/* Common Style Start */

.common-box-bg-block {
  cursor: pointer;
}

.common-box-bg-block::after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(199, 200, 235, 0) 0%, rgba(199, 200, 235, 1) 100%);
  opacity: 0;
  width: 100%;
  height: 100%;
  inset: 0;
  transition: opacity 0.6s !important;
  -webkit-transition: opacity 0.6s !important;
  -moz-transition: opacity 0.6s !important;
  -ms-transition: opacity 0.6s !important;
  -o-transition: opacity 0.6s !important;
}

.common-box-bg-block:hover::after {
  opacity: 1;
}

/* Common Style End */

/* Footer Style Start */

.social-media-detail-block .elementor-social-icons-wrapper span a:hover svg path {
  fill: #c7c8eb !important;

  transition: 0.4s all ease-in-out !important;
}

.social-media-detail-block .elementor-social-icons-wrapper span a:hover {
  transition: 0.4s all ease-in-out !important;
}

.contact-detail-block .elementor-icon-box-wrapper .elementor-icon-box-content h4 {
  margin: 0;
}

.footer-menu-block nav ul li a {
  display: inline-flex;
}

/* Footer Style End */

/* Home Page Start */

.have-project-main-block::after {
  content: "";
  position: absolute;
  background: url("../images/building.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 0.5;
}

.established-title-block::after {
  content: "";
  position: absolute;
  background: #c7c8eb;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  top: 2px;
  left: 16px;
  z-index: -1;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.standard-img-block {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
}

/* Home Page End */

/* About Us Start */

.common-box-block {
  cursor: pointer;
}

.common-box-block::after {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(199, 200, 235, 0) 0%, rgba(199, 200, 235, 1) 100%);
  opacity: 0;
  width: 100%;
  height: 100%;
  inset: 0;
  transition: opacity 0.5s !important;
  -webkit-transition: opacity 0.5s !important;
  -moz-transition: opacity 0.5s !important;
  -ms-transition: opacity 0.5s !important;
  -o-transition: opacity 0.5s !important;
}

.common-box-block:hover::after {
  opacity: 1;
}

.common-box-block .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon::after {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, #1b1c4b 0%, #4b4bbe 100%);
  opacity: 0;
  width: 70px;
  height: 70px;
  inset: 0;
  transition: opacity 0.5s !important;
  -webkit-transition: opacity 0.5s !important;
  -moz-transition: opacity 0.5s !important;
  -ms-transition: opacity 0.5s !important;
  -o-transition: opacity 0.5s !important;
}

.common-box-block:hover .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon::after {
  opacity: 1 !important;
}

.common-box-block .elementor-icon-box-wrapper .elementor-icon-box-icon span svg {
  z-index: 1;
  transition: 0.5s all ease-in-out !important;
  -webkit-transition: 0.5s all ease-in-out !important;
  -moz-transition: 0.5s all ease-in-out !important;
  -ms-transition: 0.5s all ease-in-out !important;
  -o-transition: 0.5s all ease-in-out !important;
}

.common-box-block:hover .elementor-icon-box-wrapper .elementor-icon-box-icon span svg path {
  fill: #fff !important;
  transition: 0.5s all ease-in-out !important;
  -webkit-transition: 0.5s all ease-in-out !important;
  -moz-transition: 0.5s all ease-in-out !important;
  -ms-transition: 0.5s all ease-in-out !important;
  -o-transition: 0.5s all ease-in-out !important;
}

.services-offers-detail-block ul li:not(:last-child) {
  margin-bottom: 12px !important;
}

.services-offers-detail-block ul {
  padding-left: 28px !important;
}

.why-choose-detail-block ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 20px !important;
}

.why-choose-detail-block ul li:not(:last-child) {
  margin-bottom: 20px !important;
}

.why-choose-detail-block ul {
  padding-left: 30px;
}

/* About Us End */

.certificate-img-bg-block {
  background: linear-gradient(180deg, #ffffff 0%, rgba(199, 200, 235, 0) 100%) !important;
}

[thumbsNavbar] .swiper-slide {
  width: auto;
  height: 135px !important;
}

[thumbsNavbar] .nav-swiper-image {
  cursor: pointer;
  height: 100%;
}

.thumbs-navbar {
  margin-top: 10px;
}

.project-gallery .swiper-slide img {
  display: block;
  width: 100%;
  height: 100% !important;
}

/* .project-gallery .swiper-slide */

.main-swiper-image {
  aspect-ratio: 1120 / 686;
  display: block;
}

.main-swiper-image * {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.nav-swiper-image * {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.project-gallery [thumbscontent] .swiper-slide *,
.project-gallery [thumbscontent] .swiper-slide {
  height: 100% !important;
  width: 100%;
}

.project-gallery .swiper-button-next,
.project-gallery .swiper-button-prev {
  height: 50px;
  width: 50px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.project-gallery .swiper-button-prev:after,
.project-gallery .swiper-button-next:after {
  font-size: 24px;
  line-height: 100%;
  color: #1b1c4b;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.project-gallery .swiper-button-prev:hover,
.project-gallery .swiper-button-next:hover {
  background: #c7c8eb;
}

.swiper-slide-visible .nav-swiper-image {
  position: relative;
}

.swiper-slide-thumb-active.swiper-slide-visible .nav-swiper-image::after {
  background: transparent;
}

.swiper-slide-visible .nav-swiper-image::after {
  background: transparent;
  content: "";
  position: absolute;
  inset: 0;
  background: #1c1b4a91;
  height: 100%;
  width: 100%;
}

.footer-block {

  box-shadow: 0px 0px 8px -1px gray !important;
}


/* Contact Style Start */

.contact-form-img::before {
  content: '';
  position: absolute;
  background: linear-gradient(180deg, rgba(27, 28, 75, 0) 0%, #1B1C4B 100%);
  width: 100%;
  height: 100%;
  inset: 0;
}

.contact-form-img{
  height: 100% !important;
}


.contact-form form .elementor-form-fields-wrapper .elementor-field-group input:focus,
.contact-form form .elementor-form-fields-wrapper .elementor-field-group textarea:focus,
.contact-form form .elementor-form-fields-wrapper .elementor-field-group select:focus {
  outline: none !important;
  box-shadow: none !important;
}

.contact-form ::placeholder {
  opacity: 0.2 !important;
}

.contact-form .elementor-form:has(.elementor-message) .elementor-field-group.elementor-column:not(:last-child) {
  margin-bottom: 40px !important;
}

.contact-form .elementor-form span.elementor-message {
  position: absolute !important;
  top: 100% !important;
}

.elementor-message.elementor-message-danger:not(span.elementor-message) {
  margin-top: 30px !important;
  text-align: center !important;
}
.fancybox__nav .carousel__button , .carousel__button.fancybox__button--close{
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.fancybox__nav .carousel__button:hover , 
.fancybox__nav .carousel__button:focus , .carousel__button.fancybox__button--close:hover , .fancybox__toolbar__items .carousel__button:hover , .fancybox__toolbar__items .carousel__button:focus{
      background: #c7c8eb !important;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
      border-width: 3px !important;
      border-color:#c7c8eb !important;
}
/* Contact Style End */


@media (min-width: 1201px) and (max-width: 1366px) {
  .common-box-block .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon::after {
    width: 65px;

    height: 65px;
  }

  .main-swiper-image {
    max-height: 550px;
    min-height: 550px;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .established-title-block::after {
    width: 80px;

    height: 80px;
  }

  .common-box-block .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon::after {
    width: 60px;

    height: 60px;
  }

  .main-swiper-image {
    max-height: 550px;
    min-height: 550px;
  }
}

@media (min-width: 881px) and (max-width: 1024px) {
  .established-title-block::after {
    width: 70px;

    height: 70px;
  }

  .main-swiper-image {
    max-height: 450px;
    min-height: 450px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .common-box-block .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon::after {
    width: 54px;
    height: 54px;
  }

  .main-swiper-image {
    max-height: 450px;
    min-height: 450px;
  }
}

@media (max-width: 880px) {
  .established-title-block::after {
    width: 60px;

    height: 60px;
  }
}

@media (max-width: 767px) {
  .footer-menu-block nav ul li {
    display: flex;

    justify-content: center;
  }

  .common-box-block .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon::after {
    width: 51px;

    height: 51px;
  }

  .main-swiper-image {
    max-height: 400px;
    min-height: 400px;
  }
}

@media (max-width: 575px) {

  .main-swiper-image {
    max-height: 300px;
    min-height: 300px;
  }

  .project-gallery .swiper-button-next,
  .project-gallery .swiper-button-prev {
    height: 40px;
    width: 40px;
  }
}

@media (max-width: 440px) {

  .project-gallery .swiper-button-next,
  .project-gallery .swiper-button-prev {
    height: 30px;
    width: 30px;
    top: 55%;
  }

  .project-gallery .swiper-button-prev:after,
  .project-gallery .swiper-button-next:after {
    font-size: 18px;
  }
}