:root {
   --gold:#caa05c;
}
html {scroll-behavior: smooth;}

.bg-lightgray {background-color: #f7f7f7;}



/*************
Border Radius
*************/
.teamCard,
.masonry-item,
.service-item img,
.scrollable-parallax-wrapper,
.rounded {
  border-radius: 1rem !important;
}



/*************
Common CSS
*************/

/* fonts */
.fs-heading {
  font-size: clamp(34px, 5vw, 40px); 
  font-weight: 500 !important;
}

.fs-subheading {
  font-size: clamp(21px, 3.5vw, 25px); 
  font-family: 'Poppins', sans-serif;
}

.fs-para,
p {
  font-size: clamp(13px, 2.5vw, 15px);
}

.testimonial blockquote p {
  font-family: 'Poppins', sans-serif;
}

/* Border Radius */
.custom-btn-style-1 {border-radius: 5px;}
.custom-btn-style-1:before {border-radius: 5px;}






.social-icons li:hover.social-icons-instagram a {
    background: #e4405f !important;
}

.social-icons li:hover.social-icons-youtube a {
    background: #ff0000 !important;
}
.custom-dots-style-1.custom-dots-style-1-light .owl-dots .owl-dot span {
    border-color: var(--light) !important;
}


.PartnerLogo > div > img {
  filter: grayscale(1);
  transition: all 0.3s;
}
.PartnerLogo > div > img:hover {
  filter: grayscale(0);
}




/* Section background only inside process-section */
.process-section {
  background: #f8f9fa;
  background-image: url('../images/backgrounds/h1-bg01-1.png');
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  padding-block: 100px;
}

/* Card Styling */
.process-card {
  background: #fff;
  padding: 0.8rem;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
    h6 {
        line-height: 1.8rem;
        margin-bottom: 0.8rem;
    }
    p {
        line-height: normal;
    }
}

.process-card:hover {
  background-color: #000;
  h6, p {color: #fff;}
  .big-num {color: #fff;opacity: 0.5;}
}

.process-img {
  border-radius: 0.5rem;
  width: 100%;
}

.text-step span {
  color: #d4a047;
}

.big-num {
  position: absolute;
  bottom: 10px;
  right: 0px;
  font-size: 4rem;
  font-weight: 700;
  color: rgba(0,0,0,0.05);
  pointer-events: none;
}

 /* for Service  */
    .service-titles ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .service-title-item {
      font-size: clamp(1rem, 0.7143rem + 1.4286vw, 2rem);
      font-weight: bold;
      padding: 22px 14px;
      cursor: pointer;
      border-top: 1px solid #ddd;
      transition: all 0.3s ease;
      margin-bottom: 5px;
      background: #fff;
      color: #8e8e8e;
      transition: all .5s linear;
    }
    .service-title-item:last-child {
      border-bottom: 1px solid #ddd;
    }

    .service-title-item span:first-child {
      font-size: 1rem;
      font-weight: bold;
      margin-right: 10px;
      color: #888;
      vertical-align: middle;
      display: inline-block;
      /* margin-bottom: 5px; */
    }

    .service-title-item.active {
      color: #000;
      border-top: 1px solid #000;
      span:first-child {
         color: #000;
      }
    }
    .service-title-item.active:last-child {
      border-bottom: 1px solid #000;
    }
    

    /* Service Details */
    .service-details {
      flex: 1;
      position: relative;
      min-height: 500px;
      overflow: hidden;

      .service-caption {
        max-width: 70%;
        padding: 1rem;
        position: absolute;
        left: 1rem;
        bottom: 1rem;
        background-color: rgba(21,24,31,.26);
        backdrop-filter: blur(38px);
        border-radius: 0.8rem;
        color: #fff;
        p {margin: 0;color: #fff;}
      }
    }

    .service-item {
      position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* FIX: Force full height */
  transform: translateX(100%); /* all start off-screen right */
    }

    .service-item.active {
      transform: translateX(0); /* active stays visible */
    }

    .service-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 8px;
      display: block;
    }

    .service-item p {
      margin-top: 15px;
      line-height: 1.5;
    }

   

.masonry-item .hidden-images {
  display: none !important; /* Ensures they do not appear in grid */
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.img-thumbnail.img-thumbnail-hover-icon:after {
    content: attr(data-title);
    font-weight: normal;
    font-family: inherit;
    font-size: clamp(15px, 3.5vw, 25px);
    height: 30px;
}

.teamCard .card-body {
  min-height: 370px;
}

.ServiceSlide .card {
  /* background-color: #d9f1ee; */
  background-color: #f8f9fa;
  min-height: 400px;

  .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.img-thumbnail.img-thumbnail-hover-icon:before {
  border-radius: 5px !important;
}
.masonry-item.col-6 {
  width: calc(50% - 10px) !important;
}

.masonry-item.col-lg-3 {
  width: calc(25% - 10px) !important;
}
.custom-form-style-1 .form-control {
    background: rgba(0,0,0,0.3) !important;
    border-radius: 5px;
    color: #fff;
}
.teamCard {
  overflow: hidden;
}

.service-title-item:first-child {
  border-top: 0 solid #000 !important;
}



/* Mobile layout */
@media(max-width: 768px){
.custom-stroke-text-effect-1 {
    display: none !important;
}


.teamCard, .masonry-item, .service-item img, .scrollable-parallax-wrapper, .rounded {
    border-radius: 8px !important;
}
.masonry-item {
    border-radius: 6px !important;
}    
    
  .ServiceSlide {
    padding-inline: 14px;
}
  
      .service-details {
        min-height: 300px;
      }
      .aboutIMG1 img {
        max-width: 100%;
      } 
      .aboutIMG2 {
        display: none;
      } 
      .SlideMobileOverlay {
        position: relative;

      }
      .SlideMobileOverlay:before {
        content: ' ';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background: var(--dark);
        opacity: 0.6;
        pointer-events: none;
        transition: ease opacity 300ms 100ms;
      }
      #header .header-logo img {
        padding-bottom: 10px;
      }
      .service-title-item {
        padding: 14px 14px;
      }

    p {
    line-height: 20px;
    }
    .teamCard .card-body {
      min-height: 350px;
    }
    .custom-dots-position .owl-dots {
      top: calc(50% + 300px) !important;
    }
 
    .custom-margin-top {
      margin-top: 40px;
    }
    
}

@media (min-width: 768px) {
  .w-md-50 {
    width: 50% !important;
  }
}    
@media (min-width: 992px) {
  .mt-lg-50 { margin-top: 50px; }
  .mt-lg-100 { margin-top: 100px; }
  .mt-lg-150 { margin-top: 150px; }


  .nmt-lg-50 { margin-top: -50px; }
  .nmt-lg-100 { margin-top: -100px; }

.processCard > div:nth-child(3n+1) { margin-top: 0rem; }
.processCard > div:nth-child(3n+2) { margin-top: 1rem; }
.processCard > div:nth-child(3n+3) { margin-top: 2rem; }

/* .processCard > div:nth-child(odd) .process-card {
  background-color: #000;
} */
#header .header-nav-main nav > ul > li > a {
  font-weight: normal;
  text-transform: uppercase;
}

  

}