@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
 font-family: "Onest", sans-serif; 
 list-style: none;
 text-decoration: none;
}

body:has(.quanta_overlay.open):before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background: #22212190;z-index: 22;}



body:has(.quanta_overlay.open) {

    position: relative;

}
.cust-mbl-mnbnrimage{
		display:none;
	}
.cust-proj-mobile-image1{
		display:none;
	}
.cust-proj-mobile-image2{
		display:none;
	}
.cust-proj-mobile-image3{
		display:none;
	}
.cust-proj-mbile-image4{
		display:none;
	}
.cstm-mbl-mr-proj{
		display:none;
	}
/* article-page-css */
 .mobile-design-imprtnce {
    padding: 100px 0px;
}
.cust-vision-lb-gallery-item:last-child {
    margin-bottom: 0;
}
a#mainLogo img {
    max-width: 100px;
}
.cust-vision-lb--sect {
    padding: 80px 0 50px;
}
.images-upper-sec img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.container-mobile-design {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
}

.images-upper-sec {
    vertical-align: middle;
    padding-bottom: 100px;
}
#mainLogo img {
    max-width: 100px;
}
.title-images-text {
    font-size: 52px;
    color: #050505;
    text-transform: uppercase;
    letter-spacing: -2px;
    max-width: 80%;
    margin:  0 auto;
    font-weight: 600;
     font-family: "Onest", sans-serif;
    text-align: center;
    padding-bottom: 100px;
}
.images-upper-sec img {
    width: 100%;
    height: 700px;
    object-fit: cover;
}
.pic-main-left img {
    width: 100%;
    height: 100%;
}

.pic-main-left {
    max-width: 52px;
    max-height: 52px;
    border-radius: 50px;
    overflow: hidden;
}

.flex-text-pic-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}
.btn-orangee {
    display: inline-flex;
    align-items: center;
    background: #1BB4D8;
    color: #fff;
    padding: 16px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	bottom: 0px;
}
.btn-orangee svg {
    width: 0;
    height: 18px;
    opacity: 0;
    margin-left: 0;
    transition: all 0.4s ease;
    transform: translateX(-10px);
}
.btn-orangee:hover {
    padding-right: 25px;
}
.btn-orangee:hover svg {
    width: 20px;
    opacity: 1;
    margin-left: 10px;
    transform: translateX(0);
}
.name-pic-text {
    font-size: 15px;
    color: #050505;
    letter-spacing: -1px;
     font-family: "Onest", sans-serif;
     font-weight: 500;
}

.text-text-job {
    font-size: 15px;
    color: #8c8c8c;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    letter-spacing: -1px;
    padding-top: 4px;
}

.text-date-issue {
    display: block;
    font-size: 15px;
     font-family: "Onest", sans-serif;
    font-weight: 500;
    color: #050505;
    letter-spacing: -1px;
    padding-top: 28px;
}

.flex-botom-text-image {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.left-side-iamge-text {
    width: 22%;
}

.right-side-text-block {
    width: 78%;
}

.description-block {
    font-size: 20px;
     font-family: "Onest", sans-serif;
     font-weight: 500;
    color: #4f4f4f;
    letter-spacing: -1px;
}

.title-block-text {
    font-size: 28px;
    color: #050505;
    letter-spacing: -1px;
    margin-bottom: 20px;
     font-family: "Onest", sans-serif;
     font-weight: 500;
}

.title-block-text:empty {
    margin: 0;
}

.repeat-block-text-text {
    margin-bottom: 40px;
}
/* privacy-policy css */
.title-subtitle-term-service {
    font-size: 32px;
    letter-spacing: -1px;
    font-weight: 600;
    font-family: "Onest", sans-serif;
    color: #050505;
}
.terms-of-services {
    font-size: 22px;
    font-weight:500;
    letter-spacing: -1px;
        font-family: "Onest", sans-serif;
    line-height: 1.2;
    color: #4f4f4f;
    max-width: 95%;
    padding-top: 24px
}
 .privacy-policies-sec {
    padding-top: 180px;
    padding-bottom: 100px;
}

.container-privacy-policies {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
}
    .policies-animate-text{
        padding-bottom: 30px;
        border-bottom: 1px solid #d9d9d9;
    }
    .policies-animate-text{
            display: flex;
        justify-content: space-between;
        align-items: center; 
    }  
.policies-animate-text .flex-pric-text{
	border: none;
}
    .flex-pric-text {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    .flex-button-tabing .second-tabing-buton {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
            font-family: "Onest", sans-serif;
        margin: 0;
    }

    .firsst-border-text {
        color: #1BB4D8;
        font-weight: 700;
        font-size: 18px;
        transform: translateX(53px);
        opacity: 0;
        font-family: "Onest", sans-serif;
        transition: all 0.5s ease;
        margin: 0;
    }

    .title-pricing-sub {
        font-size: 18px;
        letter-spacing: 0;
        color: #1c1c1c;
        opacity: 0;
        font-family: "Onest", sans-serif;
        transform: scale(0);
        transition: all 0.4s ease;
        text-transform: uppercase;
        line-height: 1;
        margin: 0;
    }

    .secon-border-text {
        color: #1BB4D8;
        font-weight: 700;
        font-size: 18px;
        transform: translateX(-60px);
        opacity: 0;
        font-family: "Onest", sans-serif;
        transition: all 0.5s ease;
        margin: 0;
    }
.phone-text-emial {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    font-family: "Onest", sans-serif;
    text-decoration: none;
    line-height: normal;
    letter-spacing: -1.5px;
    margin-top: 10px;
    display: block;
    text-align: end;
}
    .privacy-policies-sec.active .firsst-border-text {
        transform: translateX(0);
        opacity: 1;
    }

    .privacy-policies-sec.active .secon-border-text {
        transform: translateX(0);
        opacity: 1;
    }

    .privacy-policies-sec.active .title-pricing-sub {
        opacity: 1;
        transform: scale(1);;
        transition-delay: 0.2s;
    }
    .name-text-year {
    font-size: 20px;
    color: #050505;
    letter-spacing: -1px;
    font-weight: 600;
        font-family: "Onest", sans-serif;
}

.title-page-policies {
    font-size: 110px;
    text-transform: uppercase;
    color: #050505;
    letter-spacing: -2px;
    line-height: 1;
        font-family: "Onest", sans-serif;
    padding-top: 24px;
}

.flex-main-div-upper {
    padding-top: 120px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.left-side-date-text {
    width: 24%;
}

.right-side-textblock-text {
    width: 73.8%;
}

.effective-text-policie {
    font-size: 18px;
    color: #595959;
        font-family: "Onest", sans-serif;
    font-weight: 500;
    padding-bottom: 8px;
}

.date-effictive-text {
    font-size: 24px;
    color: #050505;
    letter-spacing: -1px;
    font-weight: 500;
        font-family: "Onest", sans-serif;
}

.text-inform-policies {
    font-size: 22px;
    font-weight:500;
    letter-spacing: -1px;
        font-family: "Onest", sans-serif;
    line-height: 1.2;
    color: #050505;
    max-width: 95%;
}

.flex-block-policess {
    padding-top: 80px;
}

.flex-number-icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding-bottom: 24px;
}

.text-block-number-text {
    font-size: 28px;
        font-family: "Onest", sans-serif;
    color: #050505;
    letter-spacing: 0;
    font-weight: 500;
}

.title-block-repeat {
    color: #050505;
    font-size: 28px;
    letter-spacing: -1px;
    font-weight: 500;
        font-family: "Onest", sans-serif;
}

.subtitle-description {
    font-size: 22px;
    color: #4f4f4f;
    font-weight: 500;
        font-family: "Onest", sans-serif;
    letter-spacing: -1px;
}
.descrption-unorder-list {
    padding-top: 20px;
}
.repeat-blocks-first-polices .descrption-unorder-list ul li {
    padding-bottom: 0;
    color: #4f4f4f;
    font-size: 22px;
    font-weight: 500;
        font-family: "Onest", sans-serif;
    line-height: 1.4;
        letter-spacing: -1.1px;
    position: relative;
    padding-left: 28px;
}
.repeat-blocks-first-polices .descrption-unorder-list ul li:before {
    content: "";
    position: absolute;
       top: 40%;
    transform: translateY(-50%);
    left: 0;
    background: #4f4f4f;
    width: 5px;
    height: 5px;
    border-radius: 50px;
}
.difrent-space-text .descrption-unorder-list ul li:before{
 content: "";
    position: absolute;
        top: 10%;
    transform: translateY(-50%);
    left: 0;
    background: #4f4f4f;
    width: 5px;
    height: 5px;
    border-radius: 50px;
}

.difrent-space-text  .descrption-unorder-list ul li {
    padding-bottom: 48px;
}
.descrption-unorder-list ul li:last-child {
    padding-bottom: 0;
}
.repeat-blocks-first-polices:not(:last-of-type) {
    padding-bottom: 80px;
}

.repeat-blocks-first-polices:last-of-type {
    padding-bottom: 0;
}
.email-text-boxes-list {
    padding-top: 24px;
}

.email-text-boxes-list h4 {
    font-size: 26px;
    color: #050505;
      font-family: "Onest", sans-serif;
    font-weight: 500;
        letter-spacing: -1px;
}
    /* HEADER - Isko overlay ke upar rakhna zaroori hai */
    .quanta_navbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 40px;
      position: fixed;
      width: 100%;
      z-index: 1001; /* Overlay se zyada z-index */
      transition: 0.3s;
    }
.quanta_phone a {
    display: inline-block;
    color: #fff;
}

    .quanta_logo {
      font-size: 15px;
      color: #ff6200;
      transition: color 0.4s;
      font-weight:500;
      font-family: "Onest", sans-serif;
    }

    .quanta_toggle {
      display: flex;
      align-items: center;
      cursor: pointer;
      color: #1BB4D8;
      transition: color 0.4s;
    }

    .quanta_menu_text {
      margin-right: 15px;
      font-weight:500;
      font-size: 15px;
      font-family: "Onest", sans-serif;
    }

    .quanta_hamburger .quanta_line {
      display: block;
      width: 45px;
      height: 2px;
      background: #1BB4D8;
      margin: 6px 0;
      transition: .4s;
    }

    /* Hamburger to Cross (X) Animation */
    .quanta_toggle.active .quanta_line:nth-child(1) {
      transform: translateY(4px) rotate(45deg);
      background: white !important;
    }
    .quanta_toggle.active .quanta_line:nth-child(2) {
      transform: translateY(-4px) rotate(-45deg);
      background: white !important;
    }

    /* --- OVERLAY --- */
    .quanta_overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh; /* Smooth height for animation */
      background: #1BB4D8;
      z-index: 1000;
      padding: 100px 50px 50px 50px; 
      display: flex;
      justify-content: space-between;
      transform: translateY(-100%);
      transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);
      gap: 55px;
      align-items: flex-end;
      height:fit-content
    }

    .quanta_overlay.open {
      transform: translateY(0);
    }

    /* 3 Columns Layout */
    .col_left, .col_center, .col_right {
      display: flex;
      flex-direction: column;
      justify-content: flex-end; 
      height: 100%;
      width:33.3%
    }

    /* LEFT COLUMN */
    .contact_info {
      color: white;
      padding-bottom: 50px;
      /* Slide up animation for contact info */
      opacity: 0;
      transform: translateY(20px);
      transition: 0.5s ease 0.4s;
      font-family: "Onest", sans-serif;
    }
    .quanta_overlay.open .contact_info {
      opacity: 1;
      transform: translateY(0);
    }

    .quanta_phone {
      font-size: 32px;
      font-weight: 600;
      white-space: nowrap;
      font-family: "Onest", sans-serif;
      padding-top:12px;
    }

    /* CENTER COLUMN (Social Icons Animation) */
    .col_center {
      align-items: center;
    }

    .quanta_social {
      display: flex;
      gap: 15px;
    }
   
    .quanta_icon {
      width: 32px;
      height: 32px;
      background: white;
      color: #1BB4D8;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      font-size: 17px;
      transition: transform 0.3s, opacity 0.5s, transform 0.5s;
      
      /* Start state: bottom se ayain */
      opacity: 0;
      transform: translateY(50px);
    }
     
    /* One by one animation for icons */
    .quanta_overlay.open .quanta_icon {
      opacity: 1;
      transform: translateY(0);
    }
    .quanta_overlay.open .quanta_icon:nth-child(1) { transition-delay: 0.6s; }
    .quanta_overlay.open .quanta_icon:nth-child(2) { transition-delay: 0.7s; }
    .quanta_overlay.open .quanta_icon:nth-child(3) { transition-delay: 0.8s; }
     .quanta_overlay.open .quanta_icon:nth-child(4) { transition-delay: 0.9s; }
    .quanta_overlay.open .quanta_icon:nth-child(5) { transition-delay: 1.0s; }
    .quanta_overlay.open .quanta_icon:nth-child(6) { transition-delay: 1.1s; }

    .quanta_icon:hover {
      transform: scale(1.1) translateY(-5px);
    }

    /* RIGHT COLUMN (Links Animation) */
    .col_right {
      align-items: flex-end;
    }

    .quanta_links {
      display: flex;
      flex-direction: column;
      text-align: right;
      align-items: flex-end;
      gap: 24px;
      height: min-content;
      padding: 50px 0 0;
      position: relative;
      overflow: visible;
    }

    .quanta_links li {
      color: white;
      text-decoration: none;
      font-size: 32px;
      font-weight: 600;
      line-height: 130%;
      transition: all 0.5s ease;
      
      /* Start state: Left se slide ho kar ayain */
      opacity: 0;
      transform: translateX(-100px); 
    }

    /* Staggered animation for links */
    .quanta_overlay.open .quanta_links li {
      opacity: 1;
      transform: translateX(0);
    }
    .quanta_overlay.open .quanta_links li:nth-child(1) { transition-delay: 0.3s; }
    .quanta_overlay.open .quanta_links li:nth-child(2) { transition-delay: 0.4s; }
    .quanta_overlay.open .quanta_links li:nth-child(3) { transition-delay: 0.5s; }
    .quanta_overlay.open .quanta_links li:nth-child(4) { transition-delay: 0.6s; }
    .quanta_overlay.open .quanta_links li:nth-child(5) { transition-delay: 0.7s; }


    .quanta_links .fa-arrow-down {
    transform: rotate(-135deg);
    transition:all 0.2s ease-in-out;
}
/* Container styling */
.quanta_links ul {
    display: flex;
    flex-direction:column;
    
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Har LI aik window ka kaam karegi */
.quanta_links li {
    height: 40px;          /* Height fix honi chahiye */
    overflow: hidden;      /* Takay niche wala link shuru mein nazar na aaye */
    display: flex;
    flex-direction: column; /* Links ko ek doosre ke upar niche rakhne ke liye */
}

.quanta_links a {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;          /* Li ki height ke barabar */
    text-decoration: none;
    color:white;
    font-size:32px;
    font-weight: 600;
    padding-right:10px;
    
    /* Animation settings */
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transform: translate3d(0, 0, 0); /* Initial position */
	    justify-content: space-between;
}

/* Hover Effect: Sirf us LI ke links move honge jis pe mouse hai */
.quanta_links li:hover a {
    transform: translate3d(0, -100%, 0);
}

/* Icon ki styling (Optional) */
.quanta_links i {
    font-size: 32px;
    transition: transform 0.3s;
}

/* Hover par icon ko bhi thora animate kar sakte hain */
.quanta_links li:hover i {
    transform: rotate(-90deg);
}
.quanta_icon img {filter: invert(47%) sepia(98%) saturate(4915%) hue-rotate(15deg) brightness(111%) contrast(111%);}




/* Benefits Section */
.benifits_section{
  background:#fff;
  padding-top:90px;
  position: relative;
  z-index: 9;
}

.benifits_container{
  max-width:1300px;
  margin:0 auto;
  padding:60px 40px;
}

.benifits_header{
  margin-bottom:30px;
  max-width:600px;
}

.benifits_title{
  font-size:80px;
  font-weight:600;
  margin-bottom:15px;
  text-transform:uppercase;
}

.benifits_subtitle {
    font-size: 20px;
    color: #4f4f4f;
}

/* HINT */
.benifits_hint{
    margin-bottom: 20px;
    display: flex;
    position: absolute;
    top: 18px;
    right: 413px;
}

/* WRAPPER */
.benifits_wrapper{
  display:flex;
  gap:10px;
  height:488px;
  max-width:970px;
  margin:0 auto;
}

/* CARD */
.benifits_card{
  position:relative;
  flex:0.87;
  border-radius:12px;
  overflow:hidden;
  cursor:pointer;
  background:#000;
  filter: grayscale(0.8);
  transition:flex .6s cubic-bezier(0.25,1,0.5,1);
}

/* IMAGE */
.benifits_card {
  position: relative;
  overflow: hidden; /* Zaroori hai */
}

.benifits_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease-out; /* Smoothness ke liye */
  will-change: transform;
  transform: scale(1); /* Default scale */
}
.three_columns {
    padding: 100px 0 0;
    position:relative;
}
/* OVERLAY DEFAULT */
.benifits_overlay{
  position:absolute;
  bottom:0;
  width:100%;
  height:100%;
  background:linear-gradient(rgba(33,100,255,0) 0%, rgb(0,0,0) 73.3334%);
  transition:.5s;
}
.arrow_image {
    max-width: 68px;
    transform: rotate(-90deg);
    margin-top: 2px;
}

.hvr_text1 {
    display: block;
    font-family: "Nanum Pen Script", cursive;
    font-size: 24px;
    color: #333333;
    font-weight: 400;
}
/* CONTENT */
.benifits_content{
  position:absolute;
  bottom:0;
  width:100%;
  padding:25px 15px;
  color:#fff;
  z-index:2;
}

/* DEFAULT */
.benifits_default{
  transition:.4s;
}

.benifits_icon{
  font-size:2.5rem;
  margin-bottom:20px;
}

.benifits_card_title{
  font-size:28px;
  font-weight:600;
  color: #d9d9d9;
}

/* HOVER TEXT */
.benifits_hover{
  position:absolute;
  bottom:25px;
  left:15px;
  right:15px;
  opacity:0;
  transform:translateY(20px);
  transition:.4s ease .2s;
}

.benifits_desc{
  font-size:17px;
  color:#8c8c8c;
  max-width:262px;
}


.benifits_card.active{
  flex:1.25;
  filter: grayscale(0);
}
.benifits_card.active .benifits_bg{
opacity: 1;
}
/* Sirf ICON hide hoga */
.benifits_card.active .benifits_icon{
  opacity:0;
  transform:translateY(-20px);
  transition: .3s;
}

/* Title always visible */
.benifits_card_title{
  transition: .3s;
}

/* Optional smooth move */
.benifits_card.active .benifits_card_title{
  transform: translateY(-90px);
}

.benifits_card.active .benifits_hover{
  opacity:1;
  transform:translateY(0);
}

.benifits_card.active .benifits_bg{
  
  opacity:1;
}

.benifits_card.active .benifits_overlay{
  background:linear-gradient(rgba(33,100,255,0) 0%, rgb(0,0,0) 87.0271%);
}
.benefits_animated_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
}
 .brackett {
            font-family: "Onest", sans-serif;
            color: #1BB4D8;
            transition: 0.6s ease;
            font-size: 17px;
            font-weight: 600;
        }
 
        .leftt {
            transform: translateX(40px);
            display: inline-block;
        }
 
        .rightt {
            transform: translateX(-40px);
            display: inline-block;
        }
 
        .benefits {
            opacity: 0;
            transition: 0.4s ease;
            color:#1c1c1c;
            font-size:18px;
        }
 
        .bnat.active .leftt {
            transform: translateX(0);
        }
 
        .bnat.active .rightt {
            transform: translateX(0);
        }
 
        .bnat.active .benefits {
            opacity: 1;
            transition-delay: 0.3s;
        }
/* Featured Work Sticky Image Part */ 

.frd_img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.frd_image {
    position: relative;
    height: 530px;
    border-radius: 18px;
    overflow: hidden;
    display:block;
    cursor:pointer;
  }

.frd_img_con {
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px 40px 20px;
}

.frd_content {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

.frd_title {
    color: white;
    font-size: 70px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d9d9d9;
    width: fit-content;
    margin: 0 auto;
}

.frd_description {
    color: #c2c2c2;
    font-size: 16px;
    display: block;
    padding-top: 20px;
    width: fit-content;
    margin: 0 auto;
}
/* IMAGE WRAPPER */
.frd_image{
  position: relative;
  height: 530px;
  border-radius: 18px;
  overflow: hidden;
}

/* IMAGE */
.frd_img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.5s;
object-position: 40% 65%;
}

/* OVERLAY (NEW) */
.frd_overlay{
  position:absolute;
  inset:0;
  backdrop-filter: blur(0px);
  background: linear-gradient(rgba(84,84,84,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
  transition:.5s;
  z-index:1;
}

/* CONTENT (HIDDEN DEFAULT) */
.frd_content{
  position:absolute;
  bottom:35px;
  left:50%;
  transform:translateX(-50%) translateY(30px);
  text-align:center;
  width:100%;
  opacity:0;
  transition:.5s;
  z-index:2;
}

/* HOVER EFFECT */
.frd_image:hover .frd_overlay{
/*  backdrop-filter: blur(1px); */
  backdrop-filter: blur(0px);
  background: linear-gradient(
    rgba(84,84,84,0) 0%,
    rgba(0,0,0,0.4) 37.8378%,
    rgba(0,0,0,0.66) 63.0631%,
    rgba(0,0,0,0.9) 86%
  );
}

.frd_image:hover .frd_content{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}


.frd_img_main{
  position: sticky;
  top: 0;
  z-index: 1;
}

/* layering effect */
.frd_img_main_sec_1{ z-index:1; }
.frd_img_main_sec_2{ z-index:2; }
.frd_img_main_sec_3{ z-index:3; }
.frd_img_main_sec_4{ z-index:4; } /* future use */

/* image-section-css */
.custm-qunata-image-sec {
    position: relative;
    z-index: 9;
}
.cust-qunata-bgimagee {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custm-quata-mn-image {
    height: 870px;
}

.custm-qunata-overlay {
    z-index: 1;
    background: linear-gradient(#fff0 0%, #fff3 39.009%, #ffffff80 60.8739%, #ffffffd4 80%, #fff 100%);
    flex: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.custm-qunata-text-container {
    mix-blend-mode: overlay;
    z-index: 4;
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 14px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    /* position: relative; */
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.custm-quanta-upperheading {
    mix-blend-mode: difference;
    text-shadow: 0 1px 45px #00000040;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    z-index: 2;
    height: auto;
    position: relative;
    font-size: 66px;
    color: #fff;
        font-family: "Onest", sans-serif;
    line-height: 1.8;

}
.custm-quanta-upperheading {
    transform: translateY(80px); 
    opacity: 0;

    transition: none; 
    will-change: transform, opacity;
        font-family: "Onest", sans-serif;
}
.custm-quanta-lowerheading {
    text-shadow: 0 1px 45px #00000040;
    word-break: break-word;
    word-wrap: break-word;
    height: auto;
    position: relative;
    font-size: 130px;
    color: #fff;
    text-align: center;
        font-family: "Onest", sans-serif;
    font-weight: 600;
}

/* unique-section-css */
.custm-unique-rightcol-text .word {
  opacity: 0;
  transform: translateY(20px);
  display: inline-block;
  transition: all 0.3s ease;
}

.custm-unique-rightcol-text .word.show {
  opacity: 1;
  transform: translateY(0);
}
.custm-unique--content-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #050505;
}

.custm-unique-content-mnimage {
    height: 1033px;
    overflow: hidden;
    -webkit-mask: linear-gradient(#000 0%, #0000006e 19.8198%, #00000030 43.2432%, #0000 71.5315%);
    mask: linear-gradient(#000 0%, #0000006e 19.8198%, #00000030 43.2432%, #0000 71.5315%);
}
.custm-unique-imagee {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cust-unique-left-col svg {
       margin-top: 12px;
}
.custm-frme-description {
    font-size: 34px;
    color: #ff6200;
        font-family: "Onest", sans-serif;
}
.custm-quanta-unique {
    position: relative;
    z-index: 9;
}

.custm-quanta-upcontent {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-18%, -50%);
}
.custm-unique-rightcol-text {
    color: #fff;
    width: 39%;
    font-size: 30px;
        font-family: "Onest", sans-serif;
}
/* 4steps section css */
 .quanta-custm-fr-steps.active .firsst-border-text
 {
  transform: translateX(0);
  opacity: 1;
}
.quanta-custm-fr-steps.active .secon-border-text{
 transform: translateX(0);
  opacity: 1;
}
.quanta-custm-fr-steps.active .title-pricing-sub {
  opacity: 1;
  transform: scale(1);;
  transition-delay: 0.2s;
}
.custm-animated-qntacol1 {
    background: linear-gradient(54deg, #fff 0%, #1BB4D8 100%);
    flex: none !important;
    width: 20px;
    height: 100%;
    position: relative;
    overflow: hidden;
    height: 723px;
}

.custm-animated-qntacol2 {
    background: linear-gradient(54deg, #fff 0%, #1BB4D8 100%);
    flex: none;
    width: 40px;
    height: 100%;
    position: relative;
    overflow: hidden;
    height: 723px;
}

.custm-animated-qntacol3 {
    background: linear-gradient(54deg, #fff 0%, #1BB4D8 100%);
    flex: none;
    width: 60px;
    height: 100%;
    position: relative;
    overflow: hidden;
    height: 723px;
}

.custm-animated-qntacol4 {
    background: linear-gradient(54deg, #fff 0%, #1BB4D8 100%);
    flex: none;
    width: 80px;
    height: 100%;
    position: relative;
    overflow: hidden;
    height: 723px;
}

.custm-animated-col {
    width: 20%;
}

.custm-animtedol-row {
    display: flex;
    gap: 10px;
}

.cstm-quanta-frme-text-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custm-qnata-textcol-steps {
    width: 46%;
}

.quanta-custm-fr-steps-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0px 40px;
}

.cusmt-qntm-heading {
    font-size: 18px;
}
.custm-qnta-textmdhead {
    font-size: 85px;
    line-height: 100%;
    color: #4f4f4f;
    padding: 10px 0;
     font-family: "Onest", sans-serif;
    font-weight: 600;
}

.custm-textcol-desc-qnt {
    color: #4f4f4f;
    font-size: 20px;
    margin-top: 20px;
        font-family: "Onest", sans-serif;
}
.custm-qntm-digit-content-row {
    display: flex;
    justify-content: space-between;
    padding: 80px 80px 50px;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
}

.custm-qntm-digitcol {
    width: 40%;
}

.custm-qntm-rioghtcol-content {
    width: 60%;
}
.cusmt-project-qntm-head {
    font-size: 50px;
    color: #333;
        padding-bottom: 15px;
        font-family: "Onest", sans-serif;
            text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.custm-qntm-project-descrip {
    font-size: 18px;
    color: #666;
        padding-bottom: 20px;
            font-family: "Onest", sans-serif;
        text-align: center;
}

.custm-upper-rowqntm {
    display: flex;
    justify-content: space-between;
        padding-bottom: 15px;
}
.custm-pdqntm-projs {
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 25px 0px;
    opacity: 1;
    padding: 14px;
    background: #fff;
}

.custm-project-qntimage {
    height: 235px;
}
.custm-qnt-projs {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.qnta-custm-btm-freme {
    /* padding: 80px 80px 100px; */
    z-index: 1;
    flex: none;
    width: 100%;
    max-width: 1300px;
    /* height: 68vh; */
    position: sticky;
    top: 50px;
}
.custm-qntm-digit {
    color: #1BB4D8;
    font-size: 130px;
        font-family: "Onest", sans-serif;
    font-weight: 600;
}

.custm-upcontent-text {
    color: #8c8c8c;
    font-size: 15px;
        font-family: "Onest", sans-serif;
}
.custm-qntmpls {
    color: #1BB4D8;
    font-size: 15px;
        font-family: "Onest", sans-serif;
}

.qnta-custm-btm-freme {
    width: 100%;
    max-width: 1300px;
    height: 68vh;
    position: sticky;
} 
.quanta-custm-fr-steps {
    position: relative;
    width: 100%;
    padding-bottom: 100px; 
        z-index: 9;
    background: #fff;
	padding-top:50px;
}
.qnta-custm-btm-freme {
    position: -webkit-sticky;
    position: sticky;
    top: 80px; 
    
    width: 100%;
    max-width: 1300px;
    /* height: 68vh; */
    margin: 0 auto 40px; 
    background-color: #f7f7f7; 
    border-radius: 24px;
    box-shadow: 0px -10px 30px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.qnta-custm-btm-freme:nth-child(1) { z-index: 1; }
.qnta-custm-btm-freme:nth-child(2) { 
    z-index: 2; 
    background:#fff;
}
.qnta-custm-btm-freme:nth-child(3) { z-index: 3; }
.qnta-custm-btm-freme:nth-child(4) { 
    z-index: 4; 
   background:#fff;
}


/* testimonial section  */
.cust-testimonial-section {
    padding: 50px 0;
        position: relative;
    z-index: 9;
    background: #fff;
}
.testimonial-section {
  padding: 80px 20px;
  font-family: sans-serif;
}
.cust-testimonial-right-content {
    width: 58%;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 15px;
        padding: 50px 40px 25px;
}
.custm-strs-desript {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}
.cust-testimonial-container{
  width: 100%;
  max-width: 1300px;
  margin: auto;
}

.section-header {
  text-align: center;
  margin-bottom: 50px;
}

.section-header .tag {
  color: #ff5a00;
  font-size: 12px;
  letter-spacing: 2px;
}

.custm-section-header h2 {
  font-size: 85px;
  margin: 10px 0;
      font-family: "Onest", sans-serif;
          text-transform: uppercase;
    font-weight: 600;
}

.custm-section-header {
    text-align: center;
}
.custm-test-updescription {
    font-size: 20px;
    color: #4f4f4f;
     font-family: "Onest", sans-serif;
     width: 46%;
    margin: 0 auto;
    padding: 0px 0 60px;
}
.featured-testimonial {
  display: flex;
  gap: 18px;
  background: #fff;
  padding: 25px;
  border-radius: 20px;
  margin-bottom: 40px;
}
.cust-inner-testimonial-container {
    margin: 0 auto;
    width: 85%;
}
.cust-testimonial-left-img {
      height: 445px;
    width: 38%;
}
.cust-testimonial-left-img img {
      border-radius: 15px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 51.1% 0%;
}
.custm-testimonial-descr {
    color: #050505;
    font-size: 28px;
    line-height: 130%;
    font-family: "Onest", sans-serif;
}
.flex-pric-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}
.firsst-border-text {
    color: #1BB4D8;
    font-weight: 700;
    font-size: 18px;
      transform: translateX(53px);
  opacity: 0;
    font-family: "Onest", sans-serif;
  transition: all 0.5s ease;
  margin: 0;
}

 .secon-border-text {
    color: #1BB4D8;
    font-weight: 700;
    font-size: 18px;
     transform: translateX(-30px);
  opacity: 0;
    font-family: "Onest", sans-serif;
  transition: all 0.5s ease;
  margin: 0;
}
 
.title-pricing-sub {
    font-size: 18px;
    letter-spacing: 0;
    color: #1c1c1c;
      opacity: 0;
        font-family: "Onest", sans-serif;
  transform: scale(0);
  transition: all 0.4s ease;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
}
 .cust-testimonial-section.active .firsst-border-text
 {
  transform: translateX(0);
  opacity: 1;
}
.cust-testimonial-section.active .secon-border-text{
 transform: translateX(0);
  opacity: 1;
}
.cust-testimonial-section.active .title-pricing-sub {
  opacity: 1;
  transform: scale(1);;
  transition-delay: 0.2s;
}






.secon-border-text {
    color: #1BB4D8;
    font-weight: 700;
    font-size: 18px;
    transform: translateX(-30px);
    opacity: 0;
    font-family: "Onest", sans-serif;
    transition: all 0.5s ease;
    margin: 0;
}
.cust-testimonial-section.active .secon-border-text {
    transform: translateX(0);
    opacity: 1;
}
.secon-border-text {
    color: #1BB4D8;
    font-weight: 700;
    font-size: 18px;
    transform: translateX(-30px);
    opacity: 0;
    font-family: "Onest", sans-serif;
    transition: all 0.5s ease;
    margin: 0;
}
 
.custm-testimonial-quote {
  color: #1BB4D8;
  font-size: 80px;
}
.custm-testimonial-btmstars {
    color: #1BB4D8;
}

.right-content p {
  font-size: 18px;
  margin: 15px 0;
      font-family: "Onest", sans-serif;
}
.custm-qntm-testimontail-author {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 0.5px solid rgba(0,0,0,.5);
    padding: 20px 0;
    margin-top: 40px;
}
.custm-testimonial-auth {
    color: #050505;
    font-size: 20px;
        font-family: "Onest", sans-serif;
        font-weight: 500;
}
.custm-testimonial-fndr {
    color: #737373;
    font-size: 12px;
        font-family: "Onest", sans-serif;
}
.custm-testimonial-stars {
/*     color: #ff6200; */
	color:#1BB4D8;
}

.author {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.author h4 {
  margin: 0;
}

.author span {
  font-size: 12px;
  color: #888;
}

.stars {
  color: #ff5a00;
}

/* CARD */
.testimonial-card {
      padding: 15px;
    border-radius: 15px;
    background: #f7f7f7;
}


.cust-testimonail-qnt-user{
  display: flex;
  align-items: center;
  gap: 10px;
      padding: 20px 0 10px;
}
.testimonial-card p {
 margin: 30px 0 15px;
    font-size: 20px;
    color: #050505;
    font-family: "Onest", sans-serif;
}
.cust-testimonail-qnt-user img {
     width: 100% !important;
    border-radius: 50%;
    max-width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
}
.custm-testimonial-btm-ath {
    font-size: 18px;
    color: #050505;
font-family: "Onest", sans-serif;
    font-weight: 500;
}

.cust-testimonail-qnt-userh5 {
  margin: 0;
}

.cust-testimonail-qnt-user span {
  font-size: 12px;
  color: #666;
font-family: "Onest", sans-serif;
}

/* OWL NAV */
.testimonial-slider .owl-nav {
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.testimonial-slider .owl-nav button {
  background: #ddd !important;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.testimonial-slider .owl-nav span {
    font-size: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	    padding-bottom: 6px;
        font-family: "Onest", sans-serif;
}
/* about section css */
.cust-about-section {
  background: #f5f5f5;
  padding: 60px 20px;
  font-family: Arial, sans-serif;
  z-index: 9;
  position: relative;
}
.custm-about-image {
    overflow: hidden;
    border-radius: 12px;
    height: 604px;
}

.custm-about-image img {
  width: 100%;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out; /* Smoothness ke liye */
  will-change: transform, opacity;
}
.cust-about-container {
  max-width: 1200px;
  margin: auto;
}

/* Top Layout */
.cust-about-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 40px;
      padding-top: 50px;
}

/* Left */
 .cust-abt-tag {
  font-size: 14px;
  letter-spacing: 2px;
  color: #ff5a00;
  display: inline-block;
  margin-bottom: 15px;
}
.cust-up-tgdt-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.cust-about-left h1 {
    font-size: 85px;
    font-weight: 600;
    line-height: 1.1;
    color: #050505;
    margin: 0;
        font-family: "Onest", sans-serif;
}

/* Right */
.cust-about-right {
  max-width: 400px;
}

.cust-about-right p {
    font-size: 20px;
    color: #4f4f4f;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Button */
.btn-orange {
      display: inline-block;
    background: #1BB4D8;
    color: #fff;
    padding: 16px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.btn-orange {
    display: inline-flex; 
    align-items: center;  
    background: #1BB4D8;
    color: #fff;
    padding: 16px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    overflow: hidden;
    white-space: nowrap;
}

.btn-orange svg {
    width: 0;
    height: 18px; 
    opacity: 0;
    margin-left: 0;
    transition: all 0.4s ease;
    transform: translateX(-10px); 
}

/* Hover State */
.btn-orange:hover {
    padding-right: 25px; 
}

.btn-orange:hover svg {
    width: 20px; 
    opacity: 1;
    margin-left: 10px; 
    transform: translateX(0);
}

/* Image */
.custm-about-image img {
    width: 100%;
    border-radius: 20px;
    display: block;
    height: 100%;
    object-fit: cover;
}


 .cust-about-section.active .firsst-border-text
 {
  transform: translateX(0);
  opacity: 1;
}
.cust-about-section.active .secon-border-text{
 transform: translateX(0);
  opacity: 1;
}
.cust-about-section.active .title-pricing-sub {
  opacity: 1;
  transform: scale(1);;
  transition-delay: 0.2s;
}

.custm-quanta-upcontent-row {
    display: flex;
    gap: 20px;
}

.custm-headingwrp {
    perspective: 1200px; 
    overflow: visible;
    padding: 20px; 
}

.custm-quanta-lowerheading {
    display: block;
    text-align: center;
    line-height: 1.1;
    will-change: transform, opacity;
    opacity: 1;
    transform: translateY(100px) rotateX(-15deg) rotateY(-10deg);
    transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}

.custm-quant-image-container {
    position: relative;
    overflow: hidden;
}

.custm-qunata-text-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
}
.quanta-banner{
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    height: 795px; /* Parent ki height zaroori hai */
    margin-bottom: 30px;
}
    .quanta-banner-flx {
    display: flex;
    gap: 15px;
}

.quanta-banner-mn-border{
    border-bottom: 2px solid #e6e6e6;
    border-left: 0px;
    border-right: 2px solid #e6e6e6;
    border-top: 0px;
    height: 795px;
    /* overflow: hidden; */
    width: 30%;
}

.quanta-banner-mn-border::after{
     border-bottom: 2px solid #e6e6e6;
    border-left: 0px;
    border-right: 2px solid #e6e6e6;
    border-top: 0px;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.quanta-banner-mn-borderr {
    border-bottom: 2px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-left: 2px solid #e6e6e6;
    border-top: 0;
    width: 38%;
}

.quanta-banner-mn-borderrr {
    border-bottom: 2px solid #e6e6e6;
    border-left: 2px solid #e6e6e6;
    border-right: 0px;
    border-top: 0px;
    width: 30%;
}

.quanta-title {
    font-family: "Onest", sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    color: #050505;
    letter-spacing: 0;
    font-weight: 600;
}

.quanta-heading span {
    font-family: "Onest", sans-serif;
    text-transform: uppercase;
    font-size: 110px;
    color: #595959;
    font-weight: 600;
    letter-spacing: -5.5px;
}

.quanta-heading {
    font-family: "Onest", sans-serif;
    text-transform: uppercase;
    font-size: 110px;
    font-weight: 600;
    line-height: 110px;
    letter-spacing: -5.5px;
}
    .quanta-banner-content {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%); /* Perfect center alignment */
    width: 100%;
    height: 263px; /* Jo height aap ne batayi */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 222; /* Taakay borders ke upar rahe */
    /* pointer-events: none;  */
    padding: 60px 40px 20px;
}


.btn-quanta {
    font-family: "Onest", sans-serif;
    display: inline-flex; 
    align-items: center;  
    background: #1BB4D8;
    box-shadow: #1BB4D873 0px 0.557334px 0.557334px -0.9375px, #1BB4D869 0px 1.69015px 1.69015px -1.875px, #1BB4D859 0px 4.46786px 4.46786px -2.8125px, #1BB4D825 0px 14px 14px -3.75px;
    color: #fff;
    padding: 16px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    overflow: hidden;
    white-space: nowrap;
}

.btn-quanta svg {
    width: 0;
    height: 18px; 
    opacity: 0;
    margin-left: 0;
    transition: all 0.4s ease;
    transform: translateX(20px); 
}

/* Hover State */
.btn-quanta:hover {
    padding-right: 25px; 
}

.btn-quanta:hover svg {
    width: 20px; 
    opacity: 1;
    margin-left: 10px; 
    transform: translateX(0);
}

.mn-quanta-btn {
    margin-top: 40px;
	margin-bottom: 40px;
}

/* blocks style */

.quanta-year-text {
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #050505;
    font-weight: 700;
}

.quanta-year-description span {
    color: #1BB4D8;
}




.quanta-year-description {
    font-family: "Onest", sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    color: #737373;
}

.star-quanta-image img {
    width: 100%;
    height: 100%;
}

.star-quanta-image{
    width: 18px;
    height: 18px;
}

.reviews-quanta-image{
    width: 35px;
    height: 35px;
    overflow: hidden;
    margin-left: -18px;
}

.reviews-quanta-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.flex-reviews-image-quants {
    display: flex;
    gap: 8px;
}

.mn-star-quanta-flx {
    display: flex;
    gap: 12px;
}

.flex-reviews-image-quants {
    display: flex;
    align-items: center;
}
.reviews-quanta-image:first-child {
    margin-left: 0;
}

.first-content-quanta {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    gap: 16px;
}

.second-content-quanta {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    gap: 16px;
}

.quanta-reviews-content {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;  
    bottom: 70px;        /* Upar se fasla (boxes ke hisab se adjust karein) */
    left: 0;
    width: 100%;        
    padding: 0 40px;    
    z-index: 100;       /* Sabse upar rakhne ke liye */
    pointer-events: auto;
}

.scnd-content-text {
    font-family: "Onest", sans-serif;
    font-size: 14px;
    color: #666666;
    letter-spacing: -0.7px;
}

.star-quant-row{
    display: flex;
}

.star-by-item-quant {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}

.by-text-qunats {
    font-family: "Onest", sans-serif;
    font-size: 14px;
    color: #666666;
    letter-spacing: -0.7px;
}


/* marquee-logo-slider-css */

.quanta-marquee-logo {
    width: 100%;
    background: #ffffff;
}

/* 1. MASK LAYER: Yeh screen ke edges par fade effect dega */
.marquee-mask {
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, 
        rgba(0,0,0,0) 0%, 
        rgba(0,0,0,1) 15%, 
        rgba(0,0,0,1) 85%, 
        rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to right, 
        rgba(0,0,0,0) 0%, 
        rgba(0,0,0,1) 15%, 
        rgba(0,0,0,1) 85%, 
        rgba(0,0,0,0) 100%);
}

/* 2. PADDING LAYER: Yeh aapko wo side wali space dega */
.ticker-padding-layer {
    padding: 20px 60px; /* Aap apni marzi ki padding yahan set karein */
}

.neww-horizontal-ticker {
    width: 100%;
    overflow: hidden;
}

.neww-horizontal-ticker__container {
    display: flex;
    width: max-content;
    animation: horTicker 10s linear infinite;
}

.ticker-group {
    display: flex;
    align-items: center;
}

.neww-main-flex-div {
    display: flex;
    align-items: center;
    padding: 0 40px; /* Logos ke darmayan gap */
}

.neww-main-flex-div img {
    max-width: 135px;
    height: auto;
    opacity: 60%;
}

@keyframes horTicker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


/* images-marquee-slider-css */


.quanta-marquee-logo-rr {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    width: 100%;
    position: relative;
    transition: transform 0.2s linear;
    /* will-change: transform; */
}

.ticker-padding-layer-rr {
    transform: perspective(1200px) rotate(-0.5deg) rotateX(15deg) rotateY(-6deg);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 34.4144%);
    width: 100%;
    box-shadow: rgb(255, 255, 255) 0px -10px 16px 0px;
    opacity: 1;
}
.neww-horizontal-ticker-rr {
    /* overflow: hidden; */
    
}
.neww-horizontal-ticker__container-rr {
    display: flex;
    width: max-content;
    animation: horTickerRR 30s linear infinite;
    /* gap: 10px; */
}

.ticker-group-rr {
    display: flex;
    align-items: center;
    /* gap: 10px; */
}

.neww-main-flex-div-rr {
    display: flex;
    align-items: center;
    /* gap: 10px; */
    padding-right: 10px;
}

.neww-main-flex-div-rr img {
    width: 425px; 
    height: 525px;
/*     object-fit: cover;  */
    border-radius: 10px;
}

/* ANIMATION */
@keyframes horTickerRR {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}


/* counter section styling */


.number-project-counter {
    padding-top: 40px;
    padding-bottom: 40px;
}

.number-counter-container{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

/* acivments */

.custom_srve_texttt {
            display: flex;
            align-items: center;
            gap: 6px;
            overflow: hidden;
        }
 
        .brackettt {
            font-family: "Onest", sans-serif;
            color: #1BB4D8;
            transition: 0.6s ease;
            font-size: 17px;
            font-weight: 600;
        }
 
        .leftt {
            transform: translateX(40px);
        }
 
        .rightt {
            transform: translateX(-40px);
        }
 
        .service-textt {
            opacity: 0;
            transition: 0.4s ease;
        }
 
        .custom_srve_texttt.active .leftt {
            transform: translateX(0);
        }
 
        .custom_srve_texttt.active .rightt {
            transform: translateX(0);
        }
 
        .custom_srve_texttt.active .service-textt {
            font-family: "Onest", sans-serif;
            opacity: 1;
            transition-delay: 0.3s;
            font-size: 18px;
            color: #1C1C1C;
        }

    .year-achive-text {
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #050505;
    font-weight: 700;
}

.achivement-content {
    display: flex;
    justify-content: space-between;
    padding: 0 0 30px;
    border-bottom: 1px solid #d9d9d9;
}




.project-counter-heading {
    font-family: "Onest", sans-serif;
    font-size: 85px;
    color: #050505;
    font-weight: 600;
    letter-spacing: -4.25px;
    text-transform: uppercase;
    line-height: 93.5px;
    margin-bottom: 8px;
    margin-top: 40px;
}

.project-counter-description {
    font-family: "Onest", sans-serif;
    font-size: 20px;
    color: #4F4F4F;
    width: 46%;
    letter-spacing: -1px;
    font-weight: 500;
    line-height: 26px;
}

.number-counter-block {
    font-family: "Onest", sans-serif;
    font-size: 72px;
    color: #050505;
    letter-spacing: -5.04px;
    font-weight: 600;
}

.subtitle-counter-block {
    font-family: "Onest", sans-serif;
    font-size: 34px;
    color: #050505;
    font-weight: 600;
    letter-spacing: -1.7px;
    line-height: 40.8px;
    margin: 30px 0px 10px 0px;
}

.symble-counter {
    font-family: "Onest", sans-serif;
    font-size: 72px;
    color: #050505;
    letter-spacing: -5.04px;
    font-weight: 600;
}

.sub-description-counter {
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #8c8c8c;
    font-weight: 500;
    letter-spacing: -0.9px;
    line-height: 23.4px;
    width: 64%;
}
    .counter-number-blocks {
    width: 33%;
    border-left: 2px solid #f7f7f7;
    padding: 0 0 0 20px;
}

.number-counter-flex {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.project-counter-content {
    padding-bottom: 140px;
}

.counter-blocks-content {
    overflow: hidden; /* Ye zaroori hai taake number bahar se aata hua na dikhay */
}


/* featured work style */

.featurd-work {
    padding-top: 40px;
    padding-bottom: 70px;
        position: relative;
    z-index: 9;
    background: #fff;
}

.featured-work-container{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.custom_featurd-button {
            display: flex;
            align-items: center;
            gap: 6px;
            overflow: hidden;
            justify-content: center;
            padding: 0 0 30px;
    border-bottom: 1px solid #d9d9d9;
        }
 
        .bracketttt {
            font-family: "Onest", sans-serif;
            color: #1BB4D8;
            transition: 0.6s ease;
            font-size: 17px;
            font-weight: 600;
        }
 
        .lefttt {
            transform: translateX(40px);
        }
 
        .righttt {
            transform: translateX(-40px);
        }
 
        .service-texttt {
            opacity: 0;
            transition: 0.4s ease;
        }
 
        .custom_featurd-button.active .lefttt {
            transform: translateX(0);
        }
 
        .custom_featurd-button.active .righttt {
            transform: translateX(0);
        }
 
        .custom_featurd-button.active .service-texttt {
            font-family: "Onest", sans-serif;
            opacity: 1;
            transition-delay: 0.3s;
            font-size: 18px;
            color: #1C1C1C;
        }

    .featurd-work-heading {
    font-family: "Onest", sans-serif;
    font-size: 85px;
    color: #050505;
    letter-spacing: -4.25px;
    line-height: 93.5px;
    text-transform: uppercase;
        margin-top: 40px;
}

.featurd-work-content {
    text-align: center;
}



.featurd-work-description {
    font-family: "Onest", sans-serif;
    font-size: 20px;
    color: #4F4F4F;
    letter-spacing: -1px;
    line-height: 26px;
    font-weight: 500;
    width: 40%;
    margin: 0 auto;
    padding-top: 16px;
}

.mn-featurd-content {
    padding: 0 50px;
}

.featurd-logo{
    max-width: 728px;
    margin: 0 auto;
}
/* tabing css */
#custom-pricing {
    position: relative;
    z-index: 9;
    background: #fff;
}
    .container-tabing-anul {
    max-width: 1300px;
    padding: 100px 40px;
    margin: 0 auto;
}

.flex-pric-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}
.flex-button-tabing .second-tabing-buton {
    color: #fff;
    font-size: 15px;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    margin: 0;
}

.tabing-title-content{
    padding: 0 50px;
}
.firsst-border-text {
    color: #1BB4D8;
    font-weight: 700;
    font-size: 18px;
      transform: translateX(53px);
  opacity: 0;
    font-family: "Onest", sans-serif;
  transition: all 0.5s ease;
  margin: 0;
}

.title-pricing-sub {
    font-size: 18px;
    letter-spacing: 0;
    color: #1c1c1c;
      opacity: 0;
        font-family: "Onest", sans-serif;
  transform: scale(0);
  transition: all 0.4s ease;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
}

.secon-border-text {
    color: #1BB4D8;
    font-weight: 700;
    font-size: 18px;
     transform: translateX(-60px);
  opacity: 0;
    font-family: "Onest", sans-serif;
  transition: all 0.5s ease;
  margin: 0;
}

.title-scalble {
    font-size: 85px;
    color: #050505;
    letter-spacing: 0;
      font-family: "Onest", sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.upper-text-box {
    padding-top: 40px;
}

.upper-text-box p {
    font-size: 20px;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
      font-family: "Onest", sans-serif;
    text-align: center;
    padding-top: 10px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #4f4f4f;
}

.flex-buton-text {
    padding-top: 120px;
        display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
}

.flex-button-tabing {
    display: flex;
    background: #ff6200;
    border-radius: 50px;
    gap: 15px;
    padding: 14px;
    align-items: center;
     position: relative;
    overflow: hidden;
}

.flex-button-tabing .first-tabing-button {
    font-size: 15px;
      font-family: "Onest", sans-serif;
    font-weight: 500;
    margin: 0;
    color: #fff;
}

.flex-button-tabing p {
       position: relative;
    z-index: 2;
    cursor: pointer;
    transition: color 0.3s ease;
}

.flex-button-tabing::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(50% - 5px);
    height: calc(100% - 10px);
    background: #fff;
    border-radius: 50px;
    transition: transform 0.4s ease;
    z-index: 1;
}

.flex-button-tabing.active::before {
    transform: translateX(100%);
}

.flex-button-tabing .first-tabing-button {
    color: #2e2e2e;
}

.flex-button-tabing .second-tabing-buton {
    color: #fff;
}

.flex-button-tabing.active .first-tabing-button {
    color: #fff;
}

.flex-button-tabing.active .second-tabing-buton {
    color: #2e2e2e;
}

.off-per-text {
      display: flex;
    justify-content: space-between;
    width: fit-content;
    background: rgb(255 98 0 / 18%);
    align-items: center;
    padding: 6px 7px;
    border-radius: 50px;
    font-size: 12px;
    color: #ff6200;
    font-family: "Onest", sans-serif;
    gap: 3px;
    font-weight: 600;
}

.off-per-text img {
    max-width: 15px;
        height: 15px;
}
.flex-content-boxess {
    padding-top: 52px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.second-offpercent {
  animation: moveLoop 4s infinite;
}

@keyframes moveLoop {
  0% {
    transform: translateX(0);
  }

  70% {
    transform: translateX(0);
  }

  80% {
    transform: translateX(-5px);
  }

  90% {
    transform: translateX(0);
  }

  95% {
    transform: translateX(-5px);
  }

  100% {
    transform: translateX(0);
  }
}
.first-block-repeat {
    width: 33%;
    padding: 50px 30px;
    border: 3px solid rgb(255 98 0 / 15%);
    border-radius: 14px;
    position: relative;
    z-index: 99;
}
.button-divs-boxess-list {
    height: 70px;
}
.flex-upper-subheading {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 6.25px 10px;
}

.flex-upper-subheading img {
    width: 100%;
    max-width: 15px;
    height: 15px;
}

.text-blks {
    color: #ff6200;
    font-size: 15px;
      font-family: "Onest", sans-serif;
    font-weight: 600;
}


.content-blocks-right {
    font-size: 15px;
    color: #2e2e2e;
        font-weight: 500;
    letter-spacing: -0.5px;
    padding-top: 28px;
    max-width: 250px;
      font-family: "Onest", sans-serif;
    margin: 0 auto;
    text-align: center;
}

.button-divs-boxess-list {
    margin-top: 25px;
    overflow: hidden;
}

.flex-monthly-divs-boxes {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    width: 100%;
    transition: transform 0.4s ease;
}

.dollor-sign-counta {
    font-size: 42px;
      font-family: "Onest", sans-serif;
    color: #636363;
    font-weight: 700;
    margin: 0;
}

.price-heading-monthly {
    font-size: 52px;
      font-family: "Onest", sans-serif;
    color: #050505;
    letter-spacing: 0;
    margin: 0;
}

.monthly-per {
    font-size: 16px;
      font-family: "Onest", sans-serif;
    color: #737373;
    font-weight: 600;
    margin: 0;
}

.annually-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    transition: transform 0.4s ease;
}

.text-arrow-icon-btn {
    margin-top: 18px;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 50px;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}


.button-texts-arrow {
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #636363;
    gap: 8px;
      font-family: "Onest", sans-serif;
    letter-spacing: 0;
      transition: all 0.3s ease-in-out;
      text-decoration: none;
}
.button-texts-arrow i {
    color: #ff6200;
    width: 100%;
    height: 100%;
    max-width: 20px;
    font-size: 12px;
    transition: all 0.3s ease-in-out;
    transform: translateX(0);
}

.second-block-shadow {
    box-shadow: rgba(128, 128, 128, 0.2) 0px 0px 22px 2px;
    border: none;
}
.block-bottom-content {
    padding-top: 30px;
    border-top: 2px solid #9e9e9e;
}
.second-block-shadow .text-blks {
    color: #fff;
}
.title-bottom-block {
    font-size: 15px;
      font-family: "Onest", sans-serif;
    color: #2e2e2e;
    padding-bottom: 32px;
    display: block;
    font-weight: 600;
}

.flex-icon-text-block {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    padding: 8px;
}

.flex-icon-text-block svg {
    max-width: 17px;
    height: 17px;
}

.bottom-icon-text {
    font-size: 16px;
    color: #666666;
    font-weight: 500;
    margin: 0;
    padding: 0;
      font-family: "Onest", sans-serif;
}
.flex-monthly-divs-boxes {
    transform: translateY(0%);
}

.annually-content {
    transform: translateY(100%);
}

.button-divs-boxess-list.active .flex-monthly-divs-boxes {
    transform: translateY(-100%);
}

.button-divs-boxess-list.active .annually-content {
    transform: translateY(-100%);
}
.text-arrow-icon-btn:hover .button-texts-arrow {
    transform: translateX(-10px);
}

.text-arrow-icon-btn:hover .button-texts-arrow i {
    transform: translateX(20px);
}
.tabing-month-anul-sec.active .firsst-border-text
 {
  transform: translateX(0);
  opacity: 1;
}
.tabing-month-anul-sec.active .secon-border-text{
 transform: translateX(0);
  opacity: 1;
}
.tabing-month-anul-sec.active .title-pricing-sub {
  opacity: 1;
  transform: scale(1);;
  transition-delay: 0.2s;
}
.second-block-shadow .flex-upper-subheading {
    background: #ff6200;
    width: max-content;
    margin: 0 auto;
    border-radius: 49px;
}
/* tabing css end */
/* faqs css strt  */
 .faqs-block-main-uuperr {
    padding-top: 120px;
    max-width: 976px;
    margin: 0 auto;
}

.container-faqs-cont {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
}

.faqs-text-input {
    padding: 100px 0;
        position: relative;
    z-index: 9;
    background: #fff;
}
.repeat-block-faqs:last-child {
    margin: 0;
}
.repeat-block-faqs {
    padding: 30px;
    background: transparent;
    border-radius: 10px;
    margin-bottom: 25px;
    cursor: pointer;
}

.title-flex-icon {
    font-size: 24px;
    color: #050505;
    letter-spacing: 0;
      font-family: "Onest", sans-serif;
      font-weight: 500;
      margin: 0;
}

.content-answer-div p {
  font-size: 18px;
  color: #8c8c8c;
  margin: 0;
   font-family: "Onest", sans-serif;
}

.icon-text-title-faq {
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.icon-text-title-faq i {
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background: #1BB4D830;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1BB4D8;
}
.faqs-text-input.active .firsst-border-text
 {
  transform: translateX(0);
  opacity: 1;
}
.faqs-text-input.active .secon-border-text{
 transform: translateX(0);
  opacity: 1;
}
/* Text appears AFTER borders */
.faqs-text-input.active .title-pricing-sub {
  opacity: 1;
  transform: scale(1);;
  transition-delay: 0.2s;
}
.content-answer-div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}



.repeat-block-faqs.active {
  background: #f7f7f7;
}

.icon-text-title-faq i {
  transition: transform 0.3s ease;
}

.repeat-block-faqs.active i {
  transform: rotate(180deg); 
}
.icon-text-title-faq {
    gap: 20px;
}
.faqs-content-upper{
    padding: 0 50px;
}
/* faqs css end  */
 /* blog css strt  */
    .custom-blog-section{
        padding: 100px 0;
        position: relative;
        overflow: hidden;
            z-index: 9;
    background: #fff;
    }
.flex-pric-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}

.main-content-div-upper {
    padding: 0 50px;
}

    .custom-blog-section.active .firsst-border-text{
  transform: translateX(0);
  opacity: 1;
}
.custom-blog-section.active .secon-border-text{
 transform: translateX(0);
  opacity: 1;
}
.custom-blog-section.active .title-pricing-sub {
  opacity: 1;
  transform: scale(1);;
  transition-delay: 0.2s;
}

.upper-text-box {
    padding-top: 40px;
}


.container-blog-sec {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
}
.image-text-bottom img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(1);
    opacity: 1;
    object-fit: cover;
}

.image-text-bottom {
    position: relative;
    height: 0;
    padding-top: 79%;
    overflow: hidden;
    border-radius: 10px;
}
.first-block-diffrnet .image-text-bottom {
    position: relative;
    height: 0;
    padding-top: 55%;
    overflow: hidden;
    border-radius: 10px;
}
.flex-blogs-flex-main {
    display: flex;
    justify-content: space-between;
    padding-top: 120px;
    align-items: flex-start;
    gap: 0px;
}

.left-side-text {
    width: 50%;
}

.right-text-side-img {
    width: 50%;
    display: flex;
    justify-content: space-between;
    gap: 0px;
}

.first-blog--repat-first {
    width: 50%;
    padding: 14px;
    border-radius: 14px;
        border: 4px solid transparent;
}

.date-issue-blog {
    margin: 0;
    font-size: 16px;
      font-family: "Onest", sans-serif;
    color: #737373;
    font-weight: 500;
}

.title-blog-cstm {
    margin: 0;
    color: #050505;
    font-size: 20px;
    letter-spacing: 0;
      font-family: "Onest", sans-serif;
    padding: 10px 0;
    font-weight: 600;
}

.first-blok-ancker {
    display: inline-block;
    text-decoration: none;
    width: 100%;
}

.button-text-link {
    border: 2px solid #1BB4D8;
    padding: 8px 12px;
    border-radius: 50px;
    color: #1BB4D8;
        margin: 0;
    width: fit-content;
     font-family: "Onest", sans-serif;
     font-weight: 600;
     font-size: 14px;
}

.first-blog--repat-first:hover .button-text-link {
    background: #1BB4D8;
    color: #fff;
}

.first-blog--repat-first:hover {
    background: rgb(247, 247, 247);
       transition: all 0.3s ease-in-out;
           border: 4px solid #f0e7e7;
}
.first-block-diffrnet {
    width: 100%;
}
.content-image-botom {
    padding-top: 20px;
}
/* blog css end  */
/* / scroll text bannner css strt  */

   .scroll-banner-text{
    width: 100%;
    height: 100%;
     object-fit: cover;
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
    overflow: hidden;
   } 
   .container-scroll-banner {
    max-width: 1300px;
    padding: 40px;
    margin: 0 auto;
	   position: relative;
    z-index: 99;
}
.container-scroll-banner {
    transition: transform 0.1s linear, opacity 0.1s linear;
    will-change: transform, opacity;
}
.subtitle-uppr-title {
    font-size: 66px;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.8;
    letter-spacing: 0;
    font-family: "Onest", sans-serif;
    font-weight: 600;
}

.title-main-scrl {
    font-size: 130px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
        opacity: 0.8;
    line-height: 1;
    font-family: "Onest", sans-serif;
    color: #fff;
    padding-bottom: 28px;
    letter-spacing: -5px;
}

.scroll-text-titel {
    max-width: 783px;
}

.button-witharrow {
    display: flex;
    justify-content: flex-start;
    background: #1BB4D8;
    line-height: normal;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    width: max-content;
      font-family: "Onest", sans-serif;
    align-items: center;
    padding: 15px 18px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.button-witharrow svg {
    max-width: 30px;
    width: 0;
    transform: translateX(50px);
    padding-left: 0;
    transition: all 0.3s ease; /* smooth animation */
}

.button-witharrow:hover svg {
    padding-left: 10px;
    transform: translateX(0);
    width: 30px;
}
.bottom-text-image-tick {
    margin-top: 120px;
    padding: 16px;
    background: #00000066;
backdrop-filter: blur(20px);
    border-radius: 30px;
}

.upper-part-tick-img {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    padding-bottom: 26px;
}

.upper-part-tick-img img {
    width: 100%;
    height: 20px;
    max-width: 20px;
}

.title-tick-iamge {
    margin: 0;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
      font-family: "Onest", sans-serif;
    line-height: 1;
}

.repeat-image-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.repeat-image-block {
    overflow: hidden;
    max-width: 36px;
    max-height: 36px;
    border-radius: 95px;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px;
    display: inline-block;
}

.image-repeat-div {
    display: flex;
    justify-content: flex-start;
}

.flex-left-side {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    align-items: center;
    width: 100%;
}

.images-text-star img {
    width: 100%;
    height: 100%;
    max-width: 18px;
    max-height: 18px;
}

.star-rating-text {
    font-size: 16px;
    color: #c2c2c2;
      font-family: "Onest", sans-serif;
    margin: 0;
    font-weight: 600;
}

.mainbottom-text-iamge-text {
    display: flex;
    justify-content: space-between;
}

.right-content-tick {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.icon-text-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.dots-image img {
    width: 100%;
    max-width: 55px;
}
.iamge-site img {width: 100%;height: 100%;max-width: 16px;max-height: 16px;border-radius: 50px;background: #1BB4D8;padding: 2px;vertical-align: bottom;}

.tick-icon-title {
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: 600;
      font-family: "Onest", sans-serif;
}
.flex-image-left-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.forth-block {
    transform: translateX(-35px);
}

.third-block {
    transform: translateX(-25px);
}

.second-block {
    transform: translateX(-10px);
}
.star-rating-textt {
    transform: translateX(-20px);
}
 /* scroll text banner end css  */
 /* custom footer css start  */

.custom-footer-quanta {
    padding-top: 100px;
    background: #0f0f0f;
      transition: transform 0.3s ease-out;
    position: relative;
	overflow: hidden;
	padding-bottom:30px;
}
  .container-custom-footer-quanta {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
}

.main-content-fotr {
  transition: transform 0.2s linear;
  will-change: transform;
}
.title-footer-qunta {
    position: relative;
    font-size: 85px;
    color: #fff;
      font-family: "Onest", sans-serif;
    font-weight: 600;
    margin: 0;
    letter-spacing: -4px;
}

.title-footer-qunta:after {
    content: "";
    background: #1BB4D8;
    width: 20px;
    height: 20px;
    position: absolute;
        top: 7px;
/*     left: -20px; */
	left:30%;
}


.main-title-left-side p {
    color: #8c8c8c;
    font-size: 18px;
    margin-top: 8px;
      font-family: "Onest", sans-serif;
      font-weight: 500;
      max-width: 95%;
      letter-spacing: -1px;
}
.flex-uuper-main-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0px 0 10px;
}

.main-title-left-side {
    width: 25%;
}

.right-sideemail-inform {
    width: 25%;
    text-align: end;
}

.subinform-mailto {
    margin: 0;
    color: #737373;
      font-family: "Onest", sans-serif;
      font-weight: 500;
    font-size: 16px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.mailto-text-emial {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
      font-family: "Onest", sans-serif;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    letter-spacing: -1.5px;

}
.main-under-title-content {
/*     padding-top: 150px; */
	width:50%;
}
.flex-menu-part-form {
    display: flex;
    justify-content: space-between;
}

.subtitle-newslter {
    margin: 0;
    color: #737373;
    font-size: 16px;
    font-weight: 500;
    font-family: "Onest", sans-serif;
    margin-bottom: 24px;
}

.title-connected {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 22px;
    font-size: 36px;
    font-family: "Onest", sans-serif;
}

.form-newsletter form input {
    background: transparent;
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ff6200;
    padding: 12px;
    font-size: 16px;
    font-family: "Onest", sans-serif;
    color: #737373;
    font-weight: 500;
        max-width: 255px;
    width: 100%;
}
.form-newsletter form:focus-within input {
  border: 1px solid #09f;
}

.submit-form-btns {
    font-size: 16px;
    font-weight: 600;
    background: #ff6200;
    border: none;
    color: #fff;
    padding: 12px 22px;
    font-family: "Onest", sans-serif;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.submit-form-btns:hover {
    background: rgba(51, 51, 51, 0.85);
}
.newsletter-part-side {
    width: 50%;
}

.menu-part-right-side {
       width: 100%;
    display: flex;
    justify-content: center;
    gap: 100px;
}

.first-menu-part-nav {
    width: fit-content;
    text-align: end;
}

.title-menu-nav {
    margin: 0;
    color: #737373;
    font-size: 16px;
    font-weight: 500;
     font-family: "Onest", sans-serif;
    padding-bottom: 24px;
}

.menu-unorder-list {
    margin: 0;
    position: relative;
    overflow: hidden;
}

.menu-unorder-list li {
    list-style: none;
 height: 40px; 
    overflow: hidden;
	width: fit-content;
    margin: auto 0px 10px auto;
}

.menu-unorder-list li .ancker-menu-list {
    font-size: 28px;
    color: #d9d9d9;
     font-family: "Onest", sans-serif;
    text-decoration: none;
    font-weight: 500;
    line-height: normal;
      transition: all 0.3s ease-in-out;
         height: 40px;
    display: block;
    transform: translateY(0%);
}

.menu-unorder-list li:hover .ancker-menu-list{
 transform: translateY(-100%);
}
.bottom-part-privacy-policies {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copy-right-text {
    font-size: 15px;
    color: #8c8c8c;
    letter-spacing: 0;
       font-family: "Onest", sans-serif;
    margin: 0;
    font-weight: 500;
}
.copy-right-text-div{
 width: 34%;
}
.flex-link-bottom-plicies {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 64%;
}
.ancker-list-first {
    width: 33%;
    text-align: end;
}

.flex-link-bottom-plicies a {
    text-decoration: none;
       font-family: "Onest", sans-serif;
       line-height: 0;
    color: #999999;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}
.flex-link-bottom-plicies a:hover {
    color: #fff;
    text-decoration: underline;
}
.mailto-text-emial:hover {
    text-decoration: underline;
}
.phone-text-emial:hover {
    text-decoration: underline;
}
.form-newsletter form {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
}

/* /custom footer css end  */

        .custom_quanta_img_text_container {
            width: 100%;
            height: 100%;
            max-width: 1300px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 2;
        }

        .custom_srvce_flex {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 95px;
        }

        .service-text {
            font-family: "Onest", sans-serif;
            margin: 0;
            color: #e3e3e3;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: -0.05em;
            width: fit-content;
            line-height: 100%;
            opacity: 0;
            transition: 0.4s ease;
        }

        .custom_srve_text {
            display: flex;
            align-items: center;
            gap: 6px;
            overflow: hidden;
        }

        .bracket {
            font-family: "Onest", sans-serif;
            color: #1BB4D8;
            transition: 0.6s ease;
            font-size: 17px;
            font-weight: 600;
        }

        .left {
            transform: translateX(40px);
        }

        .right {
            transform: translateX(-40px);
        }

        .custom_srve_text.active .left {
            transform: translateX(0);
        }

        .custom_srve_text.active .right {
            transform: translateX(0);
        }

        .custom_srve_text.active .service-text {
            opacity: 1;
            transition-delay: 0.3s;
        }

        .custom_quanta_sub_text {
            font-family: "Onest", sans-serif;
            margin: 0;
            color: #e3e3e3;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: -0.05em;
            width: fit-content;
            line-height: 100%;
        }
        .custom_our_expect_title {
            font-family: "Onest", sans-serif;
            margin: 0;
            color: #fff;
            font-weight: 600;
            font-size: 85px;
            text-transform: uppercase;
            letter-spacing: -0.05em;
            line-height: 1.1em;
        }

        .custom_expect_desp {
            font-family: "Onest", sans-serif;
            margin: 0;
            font-size: 20px;
            color: #999999;
            padding-top: 16px;
            line-height: 1.3em;
            font-weight: 500;
            letter-spacing: -0.05em;
        }

        .custom_expect_item_img img {
            width: 35px;
            height: 35px;
            display: block;
        }

        .custom_expect_item_img {
            padding: 10px;
            background: #e6e6e6;
            border-radius: 50%;
            width: 55px;
            height: 55px;
            display: flex;
            align-items: center;
            text-align: center;
        }

        .custom_expect_item_title {
            font-size: 36px;
            margin: 0;
            font-family: "Onest", sans-serif;
            margin: 0;
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: -0.05em;
            line-height: 1.4em;
        }

        .custom_expect_item_desp {
            font-family: "Onest", sans-serif;
            margin: 0;
            font-size: 18px;
            color: #8c8c8c;
            padding-top: 16px;
            line-height: 1.3em;
            font-weight: 500;
            padding-top: 18px;
            letter-spacing: -0.05em;
            max-width: 413px;
        }

        .custom_expect_item:first-child .custom_expect_item_desp {
            max-width: 100%;
        }

        .custom_expect_item:last-child .custom_expect_item_desp {
            max-width: 444px;
        }

        .custom_expect_item {
            display: flex;
            gap: 26px;
            padding: 0px 0 25px;
            border-bottom: 1px solid #333;
        }

        .custom_expect_block_content {
            display: flex;
            flex-direction: column;
            gap: 60px;
            width: 58%;
        }

        .custom_expect_text_content {
            width: 36%;
        }

        .custom_srvce_block_content {
            display: flex;
            justify-content: space-between;
            gap: 40px;
        }

        .custom_see_prcing_btn {
            padding-top: 95px;
        }

        .pricing_btn {
            font-family: "Onest", sans-serif;
            display: inline-flex;
            text-decoration: none;
            gap: 7px;
            color: #fff;
            font-size: 25px;
            font-weight: 500;
            letter-spacing: -0.05em;
            align-items: center;
        }




        .custom_arw_btn svg {
            width: 100%;
            height: 100%;
        }

        .arrow_wrap {
            position: relative;
            width: 38px;
            height: 70px;
            overflow: hidden;
            display: inline-block;
        }

        .arrow {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            transition: transform 0.4s ease;
        }

        .arrow_top {
            transform: translateY(0) rotate(0deg);
        }

        .arrow_bottom {
            transform: translateY(100%) rotate(45deg);
        }

        .pricing_btn:hover .arrow_top {
            transform: translateY(-100%) rotate(0deg);
        }

        .pricing_btn:hover .arrow_bottom {
            transform: translateY(0) rotate(45deg);
        }
        /* work-page css */
         .custom_slctd_img_text {
        padding: 180px 0 100px;
    }

    .custom_slctd_img_container {
        max-width: 1300px;
        margin: 0 auto;
    }

    .servicee-text {
        font-size: 18px;
        color: #1c1c1c;
        font-weight: 600;
        letter-spacing: -0.05em;
        display: inline-block;
        font-family: "Onest", sans-serif;
        text-transform: uppercase;
        margin: 0;
        opacity: 0;
        transition: 0.4s ease;
    }

    .bracket {
        font-family: "Onest", sans-serif;
        color: #1BB4D8;
        transition: 0.6s ease;
        font-size: 17px;
        font-weight: 600;
    }

    .custom_srve_text {
        display: flex;
        align-items: center;
        gap: 6px;
        overflow: hidden;
    }

    .left {
        transform: translateX(40px);
    }

    .right {
        transform: translateX(-40px);
    }

    .custom_srve_text.active .left {
        transform: translateX(0);
    }

    .custom_srve_text.active .right {
        transform: translateX(0);
    }

    .custom_srve_text.active .servicee-text {
        opacity: 1;
        transition-delay: 0.3s;
    }

    .custom_selectd_sub_text {
        font-family: "Onest", sans-serif;
        width: fit-content;
        font-size: 20px;
        font-weight: 600;
        color: #050505;
        letter-spacing: -0.05em;
    }

    .custom_selected_flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 30px;
    }

    .custom_slctd_title {
        font-family: "Onest", sans-serif;
        font-size: 110px;
        color: #050505;
        font-weight: 600;
        letter-spacing: -0.05em;
        text-transform: uppercase;
        line-height: 1em;
        padding-top: 24px;
    }

    .custom_slctd_block_content {
        padding-top: 120px;
        display: flex;
        flex-direction: column;
        gap: 80px;
    }

    .custom_slctd_item {
        text-decoration: none;
        display: inline-block;
    }

    .custom_slctd_image img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border-left: 1px solid #0000000f;
        border-right: 1px solid #0000000f;
        object-fit: cover;
        transition: transform 3s cubic-bezier(0.25, 1, 0.5, 1);
    transform: scale(1.1);
    }

    .custom_slctd_image {
        width: 100%;
        height: 550px;
        overflow: hidden;
        border-radius: 10px;
        position: relative;
    }
.custom_slctd_mbl_image{
	display: none;
}

    .custom_apex_text_content {
        background: #f7f7f7;
        padding: 29px;
        border-radius: 8px;
        margin-top: 6px;
    }

    .custom_illurtion_text {
        font-family: "Onest", sans-serif;
        background: #1BB4D830;
        padding: 8px;
        border-radius: 50px;
        font-weight: 500;
        letter-spacing: -0.05em;
        line-height: 100%;
        color: #1BB4D8;
        font-size: 14px;
        display: inline-block;
    }

    .custom_illurtion_flex {
        display: flex;
        gap: 10px;
        padding-bottom: 32px;
    }

    .custom_apex_blck_title {
        font-family: "Onest", sans-serif;
        font-size: 52px;
        color: #050505;
        letter-spacing: -0.05em;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.2em;
        margin: 0;
    }

    .custom_apex_desp {
        font-family: "Onest", sans-serif;
        margin: 0;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -0.05em;
        line-height: 1.3em;
        color: #8c8c8c;
        padding-top: 10px;
    }
/* visionary-page-css */
.cust-vision-lb-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 40px;
}
.cust-vision-lb-block {
    width: 100%;
    display: flex; 
    flex-direction: column; 
    margin-bottom: 50px; 
}

.cust-vision-lb-img-fluid {
       width: 100%;
    height: 100%;
    object-fit: cover;
/*     object-position: 44% 73.2%; */
    border-radius: 10px;
}

.cust-vision-lb-rounded {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cust-vision-lb-hero-banner {
    position: relative;
    margin-bottom: 60px; 
        height: 704px;
            overflow: hidden;
    border-radius: 10px;
}

.cust-vision-lb-hero-overlay-pill {
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translateX(-50%);
    background: #00000047;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 14px 20px 20px;
    border-radius: 240px;
    text-align: center;
    color: white;
    width: 100%;
    max-width: 1140px;
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */
}

.cust-vision-lb-hero-main-title {
   font-size: 85px;
    font-weight: 600;
    margin-bottom: 4px;
    font-family: "Onest", sans-serif;
}

.cust-vision-lb-hero-sub-text {
       font-size: 18px;
    color: #fff;
    font-family: "Onest", sans-serif;
}
.cust-vision-lb-tags-flex {
    flex-direction: row; 
    justify-content: center; 
    gap: 12px;
}

.cust-vision-lb-tag-badge {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
     background-color: #1bb4d81a !important;
    border-radius: 78px;
    padding: 8px 12px;
    box-shadow: 
	0 .301094px .301094px -1.25px #1bb4d8b8,
	0 1.14427px 1.14427px -2.5px #1bb4d8a3,
	0 5px 5px -3.75px #1bb4d840;
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #1BB4D8;
}
.cust-vision-lb-content-split {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 160px;
    padding: 0 10px; 
}

.cust-vision-lb-split-left {
   width: 46%;
}

.cust-vision-lb-split-right {
   width: 44%;
}
.cust-vision-lb-project-summary {
    background-color: #f7f7f7; 
    padding: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cust-vision-lb-summary-item {
    display: flex;
    justify-content: space-between;
}

.cust-vision-lb-summary-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.cust-vision-lb-narrow-content {
    max-width: 950px;
    padding: 0 10px;
}
.cust-vision-lb-bullet-list {
    list-style: disc;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #444;
}
.cust-vision-lb-content-gallery {
    padding: 0;
}
.cust-vision-lb-section-heading {
   font-size: 40px;
    font-weight: 600;
    color: #050505;
    margin-bottom: 15px;
     font-family: "Onest", sans-serif;
}

.cust-vision-lb-body-paragraph {
       font-size: 20px;
    line-height: normal;
    color: #4f4f4f;
    margin-top: 20px;
     font-family: "Onest", sans-serif;
}

.cust-vision-lb-sub-heading {
  font-size: 40px;
    font-weight: 600;
    color: #050505;
    margin-bottom: 15px;
     font-family: "Onest", sans-serif;
}
.cust-vision-lb-label { 
          color: #737373;
    font-weight: 500;
    font-size: 18px;
    font-family: "Onest", sans-serif;
    width: 50%;
}
.cust-vision-lb-value { 
       color: #050505;
    font-weight: 400;
    font-size: 22px;
    font-family: "Onest", sans-serif;
    width: 50%;
 }
.cust-vision-lb-mt-lg { 
    margin-top: 45px; 
}
.cust-vision-lb-mb-smimge { 
       margin-bottom: 10px;
    height: 100% !important;
    object-fit: cover !important;
 }
.cust-vision-lb-mb-lg { 
       margin-bottom: 50px;
    height: 600px; 
    overflow: hidden;
    border-radius: 10px;
}

.cust-vision-lb-bullet-list li {
    font-size: 20px;
    color: #4f4f4f;
    font-family: "Onest", sans-serif;
    
}
.cust-vision-lb-title { 
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Onest", sans-serif;
}

.cust-vision-lb-paragraph {
    font-size: 1.05rem;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #444;
}

/* --- Gallery Flexbox (Alternative to Grid) --- */
.cust-vision-lb-gallery-flex {
    display: flex;
    gap: 20px;
    margin: 40px 0;
}

.cust-vision-lb-gallery-left {
/*     width: 48%; */
	 width: 100%;
    height: 600px;
overflow: hidden;
    border-radius: 10px;
}
.cust-vsion-righlbimage {
    overflow: hidden;
    border-radius: 10px;
        height: 289px !important;
}
.cust-vision-lb-gallery-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 50%;
	display:none;
}

.cust-vision-lb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* --- More Works Section --- */
.cust-vision-lb-more-works-container {
    background-color: #f7f7f7;
    padding: 75px 26px 26px;
    border-radius: 20px;
    margin-top: 60px;
}

.cust-vision-lb-works-header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.cust-vision-lb-works-title {
  font-size: 52px;
    color: #050505;
font-family: "Onest", sans-serif;
font-weight: 600;
}

.cust-vision-lb-btn-explore {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 0.8rem;
    background: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
        display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 150px;
    font-size: 16px;
    font-family: "Onest", sans-serif;
}

.cust-vision-lb-dot {
      width: 15px;
    height: 15px;
    background-color: #ff6200;
    border-radius: 50%;
}

/* --- Work Cards Flex --- */
.cust-vision-lb-cards-flex {
    display: flex;
    gap: 25px;
}

.cust-vision-lb-work-card {
   width: 50%;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    height: 591px;
}

.cust-vision-lb-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cust-vision-lb-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
   z-index: 3;
    color: #fff;
        transition: all 0.3s ease-out;
}
.cust-vision-lb-work-card:hover .cust-vision-lb-card-overlay {
    transform: translateY(-20px);
}

.cust-vision-lb-card-tags {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
        position: absolute;
    top: 20px;
    left: 20px;
}

.cust-vision-lb-card-tags span {
       backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.47);
    border-radius: 85px;
    opacity: 1;
    color: #fff;
     font-family: "Onest", sans-serif;
    padding:6px 15px;
    font-size: 16px;
}

.cust-vision-lb-card-overlay h3 {
        font-size: 42px;
    margin-bottom: 10px;
     font-family: "Onest", sans-serif;
     font-weight: 600;

}
.cust-vision-lb-work-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%);
    pointer-events: none; /* Taake click niche wale buttons par kaam kare */
    z-index: 1;
}

.cust-vision-lb-card-overlay p {
       font-size: 17px;
    color: #999;
    font-family: "Onest", sans-serif;
}



.cust-vision-lb-btn-explore {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    font-family: "Onest", sans-serif;
    background: #fff; 
    padding: 16px 150px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    overflow: hidden;   
    z-index: 1;
    transition: color 0.4s ease;
}
.cust-vision-lb-dot {
    width: 15px;
    height: 15px;
    background-color: #1BB4D8;
    border-radius: 50%;
    z-index: 2; 
    transition: background-color 0.4s ease, transform 0.4s ease;
}
.cust-vision-lb-btn-explore::before {
    content: "";
    position: absolute;
    right: 125px; 
    width: 15px;
    height: 15px;
    background-color: #1BB4D8;
    border-radius: 50%;
    z-index: -1;
    transition: transform 0.4s ease-in-out;
    transform: scale(1); 
    transform-origin: center;
}

.cust-vision-lb-btn-explore:hover {
    color: #fff; 
}

.cust-vision-lb-btn-explore:hover::before {
    transform: scale(50); 
}

.cust-vision-lb-btn-explore:hover .cust-vision-lb-dot {
    background-color: #fff;
    transform: scale(0); 
}
/* Article Section Css Start */
.custom_blog_article {
    padding: 180px 0 100px;
}

.custom_article_container {
    max-width: 1300px;
    margin: 0 auto;
}

.serviicee-text {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 600;
    letter-spacing: -0.05em;
    display: inline-block;
    font-family: "Onest", sans-serif;
    text-transform: uppercase;
    margin: 0;
    opacity: 0;
    transition: 0.3s ease;
}

.bracket {
    font-family: "Onest", sans-serif;
    color: #1BB4D8;
    transition: 0.6s ease;
    font-size: 17px;
    font-weight: 600;
}

.custom_srve_text {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
}

.left {
    transform: translateX(40px);
}

.right {
    transform: translateX(-40px);
}

.custom_srve_text.active .left {
    transform: translateX(0);
}

.custom_srve_text.active .right {
    transform: translateX(0);
}

.custom_srve_text.active .serviicee-text {
    opacity: 1;
    transition-delay: 0.3s;
}

.custom_atrcle_sub_text {
    font-family: "Onest", sans-serif;
    width: fit-content;
    font-size: 20px;
    font-weight: 600;
    color: #050505;
    letter-spacing: -0.05em;
}

.custom_selected_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
}

.custom_article_text {
    font-family: "Onest", sans-serif;
    font-size: 110px;
    color: #050505;
    font-weight: 600;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    line-height: 1em;
    padding-top: 24px;
}

.custom_article_content {
    padding-top: 105px;
}

.custom_article_item {
    padding: 18px;
    background: #f7f7f7;
    text-decoration: none;
    display: inline-block;
    border-radius: 14px;
    flex: 1 1 48.48%;
}

.custom_article_content {
    padding-top: 105px;
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

.custom_article_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    transition: all .4s ease-in-out;
}

.custom_article_img {
    width: 100%;
    height: 310px;
    overflow: hidden;
    border-radius: 10px;
    transition: all .4s ease-in-out;
}

.custom_article_item:hover .custom_article_img img {
    transform: scale(1.1);
}

.custom_article_date {
    font-family: "Onest", sans-serif;
    margin: 0;
    font-size: 18px;
    color: #666666;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.article_title {
    font-family: "Onest", sans-serif;
    font-size: 24px;
    color: #050505;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 100%;
    padding-top: 10px;
    margin: 0;
}

.custom_article_btn {
    font-family: "Onest", sans-serif;
    border: 2px solid #1BB4D8;
    border-radius: 50px;
    font-size: 14px;
    color: #1BB4D8;
    font-weight: 500;
    letter-spacing: -0.05em;
    background: transparent;
    width: fit-content;
    padding: 7px 10px;
    margin-top: 14px;
    transition: all .4s ease-in-out;
}

.custom_article_item:hover .custom_article_btn {
    border-color: #1BB4D8;
    background-color: #1BB4D8;
    color: #fff;
}

.custom_article_contnt {
    padding-top: 25px;
}

/* Article Section Css End */

/* Blog Section Css Start */


.custom_exprties_blog-container {
    max-width: 1300px;
    margin: 0 auto;
}

.custom_exprt_blog_content {
    background: #f7f7f7;
    padding: 35px;
    border-radius: 10px;
}

.custom_pexprt_blog_title {
    font-family: "Onest", sans-serif;
    margin: 0;
    font-size: 52px;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 1em;
    color: #050505;
    text-transform: uppercase;
}

.custom_exprt_blog_desp {
    font-family: "Onest", sans-serif;
    margin: 0;
    font-size: 18px;
    color: #666666;
    font-weight: 500;
    letter-spacing: -0.05em;
    padding-top: 15px;
    max-width: 541px;
    line-height: 1.3em;
}

.custom_expert_img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.custom_expert_img {
    width: 240px;
    height: 106px;
}

.custom_expert_blog_contt {
    padding-top: 76px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.custom_expert_date {
    font-family: "Onest", sans-serif;
    margin: 0;
    font-size: 18px;
    color: #999999;
    font-weight: 500;
    letter-spacing: -0.05em;
    width: fit-content;
    line-height: 1.3em;
}

.custom_expert_title {
    font-family: "Onest", sans-serif;
    font-size: 22px;
    color: #050505;
    font-weight: 500;
    letter-spacing: -0.05em;
    line-height: 100%;
    margin: 0;
    width: fit-content;
    line-height: 1.3em;
    transition: all 0.3s ease-in-out;
}

.custom_experts_contnt {
    display: flex;
    align-items: center;
    gap: 24px;
}

.custom_exprt_item {
    background: #fff;
    padding: 12px;
    border-radius: 14px;
    display: inline-flex;
    text-decoration: none;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.custom_exprt_arw_btn {
    background: #1BB4D8;
    padding: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-20px);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.custom_exprt_arw_btn i.fa-solid.fa-arrow-right {
    transform: rotate(331deg);
    color: #fff;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
}

.custom_exprt_item:hover .custom_expert_title {
    transform: translateX(10px);
}

.custom_exprt_item:hover .custom_exprt_arw_btn {
    transform: translateX(0px);
    opacity: 1;
}

.custom_exprt_item:not(:hover) .custom_exprt_arw_btn i {
    transform: rotate(358deg);
}

.load-more-wrapper {
    margin-top: 20px;
}

.load-more-btn {
    background: #1BB4D8;
    color: #fff;
    border: none;
    padding: 8px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 17px;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    letter-spacing: -0.05em;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.load-more-btn:hover {
    padding-right: 20px;
}

.btn-text {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 17px;
    font-family: "Onest", sans-serif;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.load-more-btn:hover i.fa-solid.fa-plus {
    transform: rotate(45deg);
}

.load-more-btn i.fa-solid.fa-plus {
    transition: all 0.2s ease-in-out;
}

.loader {
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.load-more-btn.loading .btn-text {
    visibility: hidden;
}

.load-more-btn.loading .loader {
    display: block;
}

.load-more-btn i.fa-solid.fa-plus {
    transition: all 0.3s ease-in-out;
}

.load-more-btn:hover i.fa-solid.fa-plus {
    transform: translateX(6px) rotate(90deg);
}

.load-more-btn.loading i.fa-solid.fa-plus {
    transform: none;
}

/* Blog Section Css End */
/* contact page css */
.quanta-contact-foam {
	padding: 180px 0 100px;
}

.quanta-contact-foam-container{
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.custom_srve_texttt {
            display: flex;
            align-items: center;
            gap: 6px;
            overflow: hidden;
        }
 
        .brackettt {
            font-family: "Onest", sans-serif;
            color: #1BB4D8;
            transition: 0.6s ease;
            font-size: 17px;
            font-weight: 600;
        }
 
        .leftt {
            transform: translateX(40px);
        }
 
        .rightt {
            transform: translateX(-40px);
        }
 
        .service-textt {
            opacity: 0;
            transition: 0.4s ease;
        }
 
        .custom_srve_texttt.active .leftt {
            transform: translateX(0);
        }
 
        .custom_srve_texttt.active .rightt {
            transform: translateX(0);
        }
 
        .custom_srve_texttt.active .service-textt {
            font-family: "Onest", sans-serif;
            opacity: 1;
            transition-delay: 0.3s;
            font-size: 18px;
            color: #1C1C1C;
            text-transform: uppercase;
        }

    .year-achive-text {
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #050505;
    font-weight: 700;
}

.achivement-content {
    display: flex;
    justify-content: space-between;
    padding: 0 0 30px;
    border-bottom: 1px solid #d9d9d9;
}


.quanta-heading-foam {
    font-family: "Onest", sans-serif;
    font-size: 110px;
    color: #050505;
    letter-spacing: -5.5px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 110px;
    margin-top: 24px;
    padding-bottom: 120px;
}

.quanta-foam-description {
    font-family: "Onest", sans-serif;
    font-size: 26px;
    color: #050505;
    letter-spacing: -1.3px;
    line-height: 33.8px;
    font-weight: 500;
    padding-bottom: 24px;
}

.quanta-foam-subdescription {
    font-family: "Onest", sans-serif;
    font-size: 19px;
    color: #4F4F4F;
    letter-spacing: -1px;
    line-height: 26px;
    max-width: 55%;
}



.qunta-contact-text {
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #8c8c8c;
    letter-spacing: -0.9px;
    font-weight: 500;
    line-height: 23.4px;
}

.foam-quanta-detail {
    display: flex;
    flex-direction: column;
}

.phone-quanta-detail {
    font-family: "Onest", sans-serif;
    display: inline-block;
    font-size: 20px;
    color: #050505;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 28px;
    padding-top: 30px;
    text-decoration: none;
}

.phone-quanta-detail:hover{
    text-decoration: underline;
}

.email-quanta-detail {
    font-family: "Onest", sans-serif;
    display: inline-block;
    font-size: 30px;
    color: #050505;
    font-weight: 500;
    padding-top: 9px;
    margin-bottom: 119px;
    text-decoration: none;
}

.email-quanta-detail:hover{
    text-decoration: underline;
}

.quanta-foam-first-colum {
    width: 38%;
}


/* arrow button styling */



      
 
        .pricing_btnn {
            font-family: "Onest", sans-serif;
            display: inline-flex;
            text-decoration: none;
            gap: 7px;
            color: #1C1C1C;
            font-size: 25px;
            font-weight: 500;
            letter-spacing: -0.05em;
            align-items: center;
        }
        .custom_arw_btnn svg {
            width: 100%;
            height: 100%;
        }
 
        .arrow_wrapp {
            position: relative;
            width: 30px;
            height: 50px;
            overflow: hidden;
            display: inline-block;
        }
 
        .arrow {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            transition: transform 0.4s ease;
        }
 
        .arrow_topp {
            transform: translateY(0) rotate(0deg);
        }
 
        .arrow_bottomm {
            transform: translateY(100%) rotate(45deg);
        }
 
        .pricing_btnn:hover .arrow_topp {
            transform: translateY(-100%) rotate(0deg);
        }
 
        .pricing_btnn:hover .arrow_bottomm {
            transform: translateY(0) rotate(45deg);
        }


        /* contact foam styling */

        .quanta-foam-flxx {
    padding-top: 113px;
    display: flex;
    gap: 70px;
}

    .contact-title-quanta {
    font-family: "Onest", sans-serif;
    font-size: 32px;
    color: #050505;
    letter-spacing: -1.6px;
    font-weight: 600;
    line-height: 32px;
    text-transform: uppercase;
}

.contact-year-text {
    font-family: "Onest", sans-serif;
    font-size: 14px;
    color: #2E2E2E;
    letter-spacing: -0.7px;
    font-weight: 600;
    line-height: 16.8px;
    text-transform: uppercase;
}

.quanta-foam-second-column {
    width: 68%;
    background-color: #F7F7F7;
    padding: 35px;
    border-radius: 10px;
}

.quanta-contact-title-flx {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px;
}

/* contact foam input styling */

.custom_nme_contnt {
    font-family: "Onest", sans-serif;
    border: none;
    box-shadow: none;
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 1px solid #c2c2c2;
    padding: 20px;
    width: 100%;
    background: transparent;
    /* resize: none; */
    margin-top: 38px;
}

.custom_name_input {
    margin-top: 38px;
}

.qnta-msg {
    padding-bottom: 55px;
}

.custom_nme_contnt:focus-visible {
    outline: none;
}

/* button styling */


.custom_cnt_btn {
    margin-top: 38px;
}

.custom_cnt_btn button {
    cursor: pointer;
    border: none;
    background: #ff6200;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    padding: 13px;
    letter-spacing: -0.9px;
    line-height: 23.4px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}

.custom_cnt_btn button:hover{
    background-color: rgba(51, 51, 51, 0.85);
    color: #fff;
}

.description-submiting {
    font-family: "Onest", sans-serif;
    font-size: 14px;
    color: #666666;
    letter-spacing: -0.7px;
    line-height: 18.2px;
    font-weight: 500;
}

.description-submitinggg {
    display: inline-block;
    font-size: 14px;
    color: #050505;
    text-decoration: none;
}

.description-submitinggg:hover{
    text-decoration: underline;
}

.submiting-policy {
    text-align: center;
    padding-top: 22px;
}
.about-us-info {
padding: 180px 0 100px;
}

.about-us-container {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.custom_srve_texttt {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow: hidden;
}

.brackettt {
    font-family: "Onest", sans-serif;
    color: #1BB4D8;
    transition: 0.6s ease;
    font-size: 20px;
    font-weight: 600;
}

.leftt {
    transform: translateX(40px);
}

.rightt {
    transform: translateX(-40px);
}

.service-textt {
    opacity: 0;
    transition: 0.4s ease;
}

.custom_srve_texttt.active .leftt {
    transform: translateX(0);
}

.custom_srve_texttt.active .rightt {
    transform: translateX(0);
}

.custom_srve_texttt.active .service-textt {
    font-family: "Onest", sans-serif;
    opacity: 1;
    transition-delay: 0.3s;
    font-size: 18px;
    color: #1C1C1C;
}

.year-achive-text {
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #050505;
    font-weight: 700;
}

.achivement-content {
    display: flex;
    justify-content: space-between;
    padding: 0 0 30px;
    border-bottom: 1px solid #d9d9d9;
}



/* about-us styling */

.quanta-about-us-heading {
    font-family: "Onest", sans-serif;
    font-size: 110px;
    color: #050505;
    text-transform: uppercase;
    letter-spacing: -5.5px;
    line-height: 110px;
    font-weight: 600;
    padding: 24px 0 120px 0px;
}

.title-about-project {
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #050505;
    letter-spacing: -0.72px;
    line-height: 25.2px;
    font-weight: 500;
    padding-bottom: 26px;
}

.about-roman-image {
    width: 45px;
    height: 45px;
}

.about-roman-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.project-about-data-first {
    width: 24%;
}

.about-us-roman-flx {
    display: flex;
    align-items: center;
    gap: 10px;
}

.roman-about-title {
    font-family: "Onest", sans-serif;
    font-size: 18px;
    color: #050505;
    letter-spacing: -0.9px;
    line-height: 23.4px;
    font-weight: 500;
    padding-bottom: 3px;
}

.roman-about-subtitle {
    font-family: "Onest", sans-serif;
    font-size: 12px;
    color: #666666;
    letter-spacing: -0.6px;
    line-height: 16.8px;
    font-weight: 500;
}

.project-about-secnd-data {
    width: 75%;
}

.second-about-us-description {
    font-family: "Onest", sans-serif;
    font-size: 24px;
    color: #050505;
    letter-spacing: -1.2px;
    line-height: 31.2px;
    font-weight: 500;
}

.about-project-data-description {
    font-family: "Onest", sans-serif;
    font-size: 24px;
    color: #050505;
    letter-spacing: -1.2px;
    line-height: 31.2px;
    font-weight: 500;
    margin: 50px 0 0;
}

.quanta-about-us-project {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    padding: 0 0 100px;
}


/* trusted logo css */
.brcket {
    font-family: "Onest", sans-serif;
    color: #1BB4D8;
    transition: 0.6s ease;
    font-size: 73px;
    font-weight: 400;
}

.trusted-logo-container {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.trusted-logo-text {
    font-family: "Onest", sans-serif;
    font-size: 20px;
    color: #4F4F4F;
    letter-spacing: -1px;
    line-height: 26px;
}

/* trusted logo slider css */

.trusted-logo-mn-second {
    max-width: 728px;
}

.trusted-logo-flx {
    display: flex;
    align-items: center;
}

.left {
    transform: translateX(-10px);
}

.right {
    transform: translateX(-24px);
}

.trusted-logos-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
}

.trusted-logo-mn-second {
    max-width: 838px;
}

.quanta-marquee-logo {
    width: 100%;
    background: #ffffff;
}

/* 1. MASK LAYER: Yeh screen ke edges par fade effect dega */
.marquee-mask {
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 15%,
            rgba(0, 0, 0, 1) 85%,
            rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 15%,
            rgba(0, 0, 0, 1) 85%,
            rgba(0, 0, 0, 0) 100%);
}

/* 2. PADDING LAYER: Yeh aapko wo side wali space dega */
.ticker-padding-layer {
    padding: 20px 60px;
    /* Aap apni marzi ki padding yahan set karein */
}

.neww-horizontal-ticker {
    width: 100%;
    overflow: hidden;
}

.neww-horizontal-ticker__container {
    display: flex;
    width: max-content;
    animation: horTicker 10s linear infinite;
}

.ticker-group {
    display: flex;
    align-items: center;
}

.neww-main-flex-div {
    display: flex;
    align-items: center;
    padding: 0 40px;
    /* Logos ke darmayan gap */
}

.neww-main-flex-div img {
    max-width: 135px;
    height: auto;
    opacity: 60%;
}

@keyframes horTicker {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}


/* team crew section styling */

.team-crew {
    padding-top: 80px;
    padding-bottom: 40px;
}

.team-crew-container {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.bracketttt {
    font-family: "Onest", sans-serif;
    color: #1BB4D8;
    transition: 0.6s ease;
    font-size: 20px;
    font-weight: 600;
}

.lefttt {
    transform: translateX(40px);
}

.righttt {
    transform: translateX(-40px);
}

.service-texttt {
    opacity: 0;
    transition: 0.4s ease;
}

.custom_featurd-button.active .lefttt {
    transform: translateX(0);
}

.custom_featurd-button.active .righttt {
    transform: translateX(0);
}

.custom_featurd-button.active .service-texttt {
    font-family: "Onest", sans-serif;
    opacity: 1;
    transition-delay: 0.3s;
    font-size: 18px;
    color: #1C1C1C;
}

.heading-team-crew {
    font-family: "Onest", sans-serif;
    font-size: 85px;
    color: #505050;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -4.25px;
    line-height: 93.5px;
    padding-bottom: 8px;
}

.team-crew-description {
    font-family: "Onest", sans-serif;
    font-size: 20px;
    color: #4F4F4F;
    letter-spacing: -1px;
    line-height: 26px;
    font-weight: 500;
    width: 54%;
}

.custom_featurd-button {
    width: 100% !important;
}

.custom_featurd-button.featurd-itm {
    width: 6% !important;
	border: none;
}



.crew-team-mn-content {
    display: flex;
    justify-content: flex-start;
    gap: 130px;
}

/* Container setup */
.crew-team-images-content {
    width: 100%;
    position: relative;
    border-radius: 15px;
    overflow: hidden; 
    cursor: pointer;
}

.images-crew-team {
    position: relative;
    height: 100%;
}
.images-crew-team img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* --- 1. PERMANENT OVERLAY (Jo hamesha image pe rahegi) --- */
.images-crew-team::after {
    content: "";
    position: absolute;
    inset: 0;
    /* Pehli wali black gradient */
    background: linear-gradient(rgba(255, 255, 255, 0) 40%, rgb(0, 0, 0) 86.4865%);
    z-index: 1;
}

/* --- 2. ORANGE FADE OVERLAY (Hover pe niche se upar ayegi) --- */
.image-fade-overlay {
    position: absolute;
    inset: 0; 
/*     background: linear-gradient(rgba(255, 255, 255, 0) 40%, rgb(161, 62, 0) 86.4865%); */
	background: linear-gradient(
  rgba(255, 255, 255, 0) 40%, 
  rgba(27, 180, 216, 0.86) 86.4865%
);
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    z-index: 2; /* Permanent se upar */
}

/* --- 3. TEXT CONTAINER (CENTER ALIGNMENT) --- */
.images-crew-hover-text {
    position: absolute;
    bottom: 36px;
    
    /* LEFT SE CENTER KARNE KA SAHI TAREEKA */
    left: 50%;
    transform: translateX(-50%) translateY(30px); 
    
    width: 100%; /* Taake text box center align ho sake */
    text-align: center; /* Words ko center karne ke liye */
    
    z-index: 3; 
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition-delay: 0.1s; 
}

/* --- HOVER EFFECTS --- */
.crew-team-images-content:hover .image-fade-overlay {
    transform: translateY(0); 
    opacity: 1;
}

.crew-team-images-content:hover .images-crew-hover-text {
    /* TranslateX(-50%) ko barkrar rakhna hai center ke liye */
    transform: translateX(-50%) translateY(0); 
    opacity: 1;
}

.hover-crew-image {
    font-family: "Onest", sans-serif;
    font-size: 28px;
    color: #d9d9d9;
    letter-spacing: -1.4px;
    line-height: 36.4px;
    font-weight: 500;
}

.crew-hover-description {
    font-family: "Onest", sans-serif;
    font-size: 15px;
    color: #d4d4d4;
    text-align: center;
    letter-spacing: -0.75px;
    line-height: 19.5px;
    font-weight: 500;
}


.crew-team-dots-content {
display: flex;
align-items: center;
}

.crew-team-coma-description {
    text-align: center;
}

.second-crew-box-team{
    /* width: 68%; */
    background-color: #0f0f0f;
    padding: 46px;
    border-radius: 15px;
    margin-bottom: 8px;
}

.secnd-crew-mnnn{
        width: 68%;
}

.description-coma-crew {
    font-family: "Onest", sans-serif;
    font-size: 22px;
    color: #C2C2C2;
    letter-spacing: -1.1px;
    line-height: 28.6px;
    font-weight: 500;
    width: 90%;
    border-bottom: 1px solid #333;
        padding: 0px 0px 25px 30px;
}

.description-coma-crew span {
    font-family: "Onest", sans-serif;
    font-size: 22px;
    color: #ffffff;
    letter-spacing: -1.1px;
    line-height: 28.6px;
    font-weight: 500;
}

.crew-team-coma-text {
    font-family: "Onest", sans-serif;
    font-size: 70px;
    color: #ff6200;
    letter-spacing: -3.5px;
    font-weight: 500;
    line-height: 91px;
}


.team-lead-iamge {
    width: 186px;
    height: 186px;
}
.team-lead-iamge img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.team-lead-mn-content {
    background: #fff;
    width: fit-content;
    padding: 4px;
    border-radius: 5px;
}

.team-lead-nam {
    font-family: "Onest", sans-serif;
    font-size: 16px;
    color: #050505;
    text-transform: uppercase;
    text-align: center;
    padding-top: 14px;
}

.team-lead-nam-desc {
    font-family: "Onest", sans-serif;
    font-size: 12px;
    color: #737373;
    text-align: center;
    padding: 5px 0 12px;
}

.joint-team-title {
    font-family: "Onest", sans-serif;
    font-size: 36px;
    letter-spacing: -1.8px;
    text-transform: uppercase;
    color: #ffffff;
    padding-bottom: 12px;
}

.join-team-desc {
    font-family: "Onest", sans-serif;
    font-size: 16px;
    letter-spacing: -0.8px;
    font-weight: 500;
    line-height: 20.8px;
    color: #ffffff;
}

.join-team-mn-item {
    background-color: #1BB4D8;
    width: 100%;
    padding: 45px;
    border-radius: 15px;
    height: 290px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 8px;
}

.join-team {
border-bottom: 1px solid #ffede3;
padding: 0 0 25px;
}


.crew-team-image-flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
        padding-top: 115px;
}

.crew-team-first-item {
    width: 38%;
}

.third-crew-item-flxx {
    display: flex;
    gap: 8px;
}

.join-crew-team {
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.join-team-arrow {
    width: 53px;
    height: 53px;
    background-color: #ffede3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    margin-top: 18px;
    
    /* Smooth movement ke liye transition add karein */
    transition: transform 0.3s ease; 
    cursor: pointer;
}

/* Jab mouse arrow par aaye to move kare */
.join-team-arrow:hover {
    transform: translateX(8px); /* 8px right ki taraf move hoga */
}

.join-crew-team img {
    width: 100%;
    height: 100%;
}
.crew-team-coma-description{
    position: relative;
}
.crew-team-coma-description::before {
    content: '"';
    position: absolute;
    top: -42%;
    /* width: 100%; */
    right: 100%;
    height: 100%;
    font-family: "Onest", sans-serif;
    font-size: 70px;
    color: #1BB4D8;
    letter-spacing: -3.5px;
    font-weight: 500;
    line-height: 91px;
    pointer-events: none;
}

.dots-image {
    display: flex;
    justify-content: flex-end;
    margin: 24px 44px 0px 0px;
}



/* @media screen and (min-width: 1500px){
  .custom-footer-quanta {
    padding: 80px 10px 30px 20px;
  }
} */
@media screen and (min-width:767px){
  .mobile_only{
    display:none;
  }

header.cus_header:has(.quanta_overlay.open) .drawer_logo {
    display: block !important;
}

header.cus_header:has(.quanta_overlay.open) .before_drawer_logo {
    display: none;
} 
	.quanta_logo.desktop_only.drawer_logo {
    display: none;
}
}

@media screen and (max-width: 1500px) {
	.bottom-part-privacy-policies {
    padding-bottom: 30px;
}
}
 @media screen and (max-width: 1400px) {
        .custom_slctd_img_container {
            padding: 0 40px;
        }
    }
    @media screen and (max-width: 1350px) {

    /* Article Css Start */
    .custom_article_container {
        padding: 0 40px;
    }

    /* Article Css End */

    /* Blog Section Css Start */
    .custom_exprties_blog-container {
        padding: 0 25px;
    }

    /* Blog Section Css End */
}
  @media screen and (max-width: 1300px) {
     /* Article Css Start */
    .custom_article_container {
        padding: 0 25px;
    }

    .custom_article_item {
        flex: 1 1 40.40%;
    }

    .custom_article_text {
        font-size: 80px;
    }

    /* Article Css End */
    .custom_slctd_image {
            width: 100%;
        }

        .custom_slctd_img_container {
            padding: 0 25px;
        }

        .custom_apex_blck_title {
            font-size: 48px;
        }

        .custom_slctd_title {
            font-size: 80px;
        }

        .servicee-text {
            font-size: 16px;
        }

        .custom_selectd_sub_text {
            font-size: 16px;
        }

            .qnta_img_text {
                padding: 100px 25px;
            }

            .custom_expect_item_desp {
                max-width: 100%;
                font-size: 16px;
            }

            .custom_expect_item:last-child .custom_expect_item_desp {
                max-width: 100%;
            }

            .custom_expect_text_content {
                width: 100%;
            }

            .custom_expect_block_content {
                display: flex;
                flex-direction: column;
                gap: 25px;
                width: 100%;
            }

            .custom_srvce_block_content {
                gap: 100px;
                flex-direction: column;
            }

            .custom_expect_item_title {
                font-size: 34px;
            }


            .custom_see_prcing_btn {
                padding-top: 60px;
            }


        }
        
@media screen and (max-width: 1200px){
    /* article css */
     .title-images-text {
    max-width: 100%;
    font-size: 46px;
}

.flex-text-pic-text {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.container-mobile-design {
    padding: 0 25px;
}

.name-pic-text {
    font-size: 14px;
}

.description-block {
    font-size: 18px;
}
     /* Blog Css Start */
    .custom_exprties_blog-container {
        padding: 0 25px;
    }

    .custom_pexprt_blog_title {
        font-size: 46px;
    }

    .custom_exprt_blog_desp {
        max-width: 362px;
    }

    .custom_expert_date {
        font-size: 16px;
    }

    .custom_expert_title {
        font-size: 16px;
    }

    .custom_experts_contnt {
        gap: 20px;
    }

    .custom_exprt_blog_content {
        padding: 25px;
    }

    .custom_exprt_arw_btn i.fa-solid.fa-arrow-right {
        font-size: 10px;
    }
.custm-quanta-upcontent {
    top: 55%;
    left: 45%;
    transform: translate(-23%, -50%);
	width: 50%;
}
.custm-unique-rightcol-text {
    width: 63%;
}
    .custom_exprt_arw_btn {
        padding: 8px;
        width: 25px;
        height: 25px;
    }

    /* Blog Css End */
    /* tabing css strt  */
  .first-block-repeat {
    width: 56%;
    margin: 0 auto;
}
.title-scalble {
    font-size: 70px;
}

.upper-text-box p {
    font-size: 18px;
}
.flex-content-boxess {
    flex-direction: column;
}
.price-heading-monthly {
    font-size: 50px;
}
    /* tabing end css  */
	.cust-vision-lb-btn-explore{
		    font-size: 14px;
		    padding: 16px 20px;
	}
	.cust-vision-lb-btn-explore::before {
    right: 3px;
}
	.cust-vision-lb-works-title {
    font-size: 46px;
}
}
@media screen and (max-width: 1024px){
  
/* privacy-policy css */
.title-subtitle-term-service {
    font-size: 28px;
}
.terms-of-services {
    font-size: 20px;
}
  .privacy-policies-sec .title-pricing-sub {
    font-size: 16px;
}

.name-text-year {
    font-size: 16px;
}

.title-page-policies {
    font-size: 80px;
}

.effective-text-policie {
    font-size: 16px;
}

.date-effictive-text {
    font-size: 22px;
}

.text-inform-policies {
    font-size: 20px;
}

.title-block-repeat {
    font-size: 26px;
}

.text-block-number-text {
    font-size: 26px;
}

.subtitle-description {
    font-size: 20px;
}

.repeat-blocks-first-polices .descrption-unorder-list ul li {
    font-size: 20px;
}

.email-text-boxes-list h4 {
    font-size: 24px;
}
.subtitle-text-descripton br {
    display: none;
}
    /* Article Css Start */
    .custom_article_container {
        padding: 0 16px;
    }

    .custom_article_text {
        font-size: 58px;
    }

    .article_title {
        font-size: 22px;
    }

    /* Article Css End */
/* scroll text banner css strt  */
.subtitle-uppr-title {
    font-size: 55px;
}

.title-main-scrl {
    font-size: 100px;
}
.scroll-sldier-uppet-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.scroll-text-titel {
    max-width: 600px;
}
/* scroll text banner css end  */
/* custom footer css start  */
   .title-footer-qunta {
    font-size: 70px;
}

.main-title-left-side p {
    font-size: 16px;
}

.mailto-text-emial {
    font-size: 36px;
    letter-spacing: -3px;
}

.subinform-mailto {
    font-size: 15px;
}
.main-under-title-content{
    padding:0;
/*     padding-top: 120px; */
}
.subtitle-newslter {
    font-size: 15px;
}
.flex-uuper-main-div {
    padding: 0 30px 0 10px;
}
.title-connected {
    font-size: 34px;
}

.menu-unorder-list li a {
    font-size: 26px;
}

.title-menu-nav {
    font-size: 15px;
}

.copy-right-text {
    font-size: 14px;
}

.flex-link-bottom-plicies a {
    font-size: 14px;
}
/* custom footer css end  */
}
@media screen and (max-width: 992px){
     .quanta-about-us-heading {
        font-size: 58px;
        padding: 24px 0 100px 0px;
    }
.custm-qnta-textmdhead {
    font-size: 50px;
}
    .quanta-about-us-project {
        flex-direction: column;
    }

    .project-about-data-first {
        width: 100%;
    }

    .project-about-secnd-data {
        width: 100%;
    }

    .second-about-us-description {
        font-size: 22px;
    }

    .about-project-data-description {
        font-size: 22px;
    }

    /* trusted logo slider css */

    .trusted-logos-item {
        flex-direction: column;
        gap: 12px;
    }

    .trusted-logo-mn-second {
        max-width: 720px;
    }

    /* crew team styling */
     
    .crew-team-image-flx {
    flex-direction: column-reverse;
}

.crew-team-mn-content {
    flex-direction: column;
}

.heading-team-crew {
    font-size: 52px;
}

.team-crew-description {
    font-size: 18px;
    width: 80%;
}

.team-crew-container {
    padding: 0 16px;
}

.secnd-crew-mnnn {
    width: 100%;
}

.crew-team-dots-content {
    flex-direction: column;
}

.description-coma-crew {
    font-size: 21px;
}

.crew-team-coma-description::before {
    top: -30%;
}

.team-lead-mn-content {
    margin-top: 35px;
}

.third-crew-item-flxx {
    flex-direction: column;
}

.crew-team-first-item {
    width: 100%;
}

.dots-image {
    margin: 24px 0px 0px 0px;
}

     .quanta-contact-foam-container {
    padding: 0 16px;
}

    .quanta-heading-foam {
        font-size: 58px;
        letter-spacing: -2.9px;
        line-height: 58px;
    }

     .quanta-foam-description {
        font-size: 24px;
        letter-spacing: -1.2px;
        line-height: 21.2px;
    }

    .quanta-foam-subdescription {
    font-size: 18px;
    max-width: 88%;
}

.quanta-foam-flxx {
    flex-direction: column;
}

.phone-quanta-detail {
    font-size: 18px;
}

.email-quanta-detail {
    font-size: 26px;
}

.pricing_btnn {
    font-size: 24px;
}

.quanta-foam-second-column {
    width: 100%;
}

.quanta-contact-title-flx {
    flex-direction: column;
    gap: 40px;
}

.contact-title-quanta {
    font-size: 20px;
}
    /* quanta banner styling */
    .quanta-heading {
    font-size: 58px;
}

.quanta-heading span {
    font-size: 58px;
}

.quanta-title {
    font-size: 28px;
}
    /* counter styling */
    .project-counter-heading {
    font-size: 52px;
}

.project-counter-description {
    font-size: 18px;
    width: 70%;
}

.project-counter-content {
    padding-bottom: 100px;
}

.number-counter-flex {
    flex-direction: column;
    gap: 85px;
}

.counter-number-blocks {
    width: 100%;
}

.number-counter-container {
    padding: 0 16px;
}

.subtitle-counter-block {
    font-size: 30px;
}

.sub-description-counter {
    font-size: 16px;
    width: 100%;
}

/* counter styling end */

/* featured work styling */

.mn-featurd-content {
    padding: 0 0px;
}

.featured-work-container {
    padding: 0 16px;
}

.featurd-work-heading {
    font-size: 52px;
}

.featurd-work-description {
    font-size: 18px;
    width: 54%;
}


}
@media screen and (max-width: 900px) {
  /* blog css strt  */
    .container-blog-sec {
    padding: 0 25px;
}

.first-block-diffrnet .image-text-bottom {
    padding-top: 80%;
}

.image-text-bottom {
    padding-top: 150%;
}
/* blog css end  */
}
@media screen and (max-width: 850px){
   /* custom footer css start  */
    .copy-right-text-div {
    width: 35%;
}
.flex-link-bottom-plicies {
    width: 65%;
}
    .flex-link-bottom-plicies a {
        font-size: 12px;
    }
    .custom-footer-quanta{
        padding-bottom: 20px;
    }
    /* custom footer css end  */
	    .cust-vision-lb-works-title {
        font-size: 40px;
    }
}
@media(max-width:768px){
	.desktop_only{
    display:none;
  }
	.cust-desktop-mnbnrimage{
		display:none;
	}
	.cust-proj-desktop-image1{
		display:none;
	}
	.cust-proj-mobile-image1{
		display:block;
	}
	.cust-mbl-mnbnrimage{
		display:block;
	}
	.cust-proj-desktop-image3{ 
		display:none;
	}
	.cust-proj-mobile-image3{
		display:block;
	}
	.cust-proj-desktop-image4{
		display:none;
	}
	.cust-proj-mbile-image4{
		display:block;
	}
	.cstm-desktop-mr-proj{
		display:none;
	}
	.cstm-mbl-mr-proj{
		display:block;
	}
	.cust-proj-desktop-image2 {
		display:none;
	}
	.cust-proj-mobile-image2{
		display:block;
	}
    /* article css */
    .title-images-text {
    font-size: 42px;
}
.cust-vision-lb--sect {
    padding: 50px 0 30px;
}
.text-text-job {
    font-size: 14px;
}

.text-date-issue {
    font-size: 18px;
}

.title-block-text {
    font-size: 26px;
}

.flex-botom-text-image {
    flex-direction: column;
    gap: 50px;
}
  .cust-vision-lb-block.cust-vision-lb-tags-flex {
    gap: 10px;
}
.left-side-iamge-text {
    width: 100%;
}

.right-side-text-block {
    width: 100%;
}
.container-mobile-design{
    padding:0 16px;
}
    /* privacy-policy-css */
    .title-subtitle-term-service {
    font-size: 26px;
}
      .title-page-policies {
    font-size: 58px;
}
.container-privacy-policies{
    padding: 0 16px
}
 .privacy-policies-sec {
    padding-top: 100px;
    padding-bottom: 100px;
}
.flex-main-div-upper {
    flex-direction: column;
    gap: 35px;
}

.left-side-date-text {
    width: 100%;
}

.right-side-textblock-text {
    width: 100%;
}
     .about-us-container {
        padding: 0 16px;
    }

    .quanta-about-us-heading {
        font-size: 58px;
        padding: 24px 0 100px 0px;
        letter-spacing: -2.9px;
        line-height: 58px;
    }

    .quanta-about-us-project {
        flex-direction: column-reverse;
    }

    .project-about-data-first {
        width: 100%;
    }

    .project-about-secnd-data {
        width: 100%;
    }

    .second-about-us-description {
        font-size: 22px;
        letter-spacing: -1.1px;
        line-height: 28.6px;
    }

    .about-project-data-description {
        font-size: 22px;
        letter-spacing: -1.1px;
        line-height: 28.6px;
    }

    .title-about-project {
        font-size: 16px;
        letter-spacing: -0.64px;
        line-height: 22.4px;
    }

    .roman-about-title {
        font-size: 16px;
    }

    /* trusted logo styling */

    .trusted-logo {
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .trusted-logo-text {
        font-size: 18px;
    }

    .trusted-logos-item {
        flex-direction: column;
        gap: 12px;
    }

    .trusted-logo-mn-second {
        max-width: 400px;
    }
	
	.left {
    transform: translateX(-3px) !important;
}
	
	.right {
    transform: translateX(5px) !important;
}


    /* crew-team-styling */
.custom_featurd-button.featurd-itm {
    width: 20% !important;
    border: none;
}
.crew-team-mn-content {
    flex-direction: column;
}

.custom_featurd-button {
    width: 100% !important;
}

.crew-team-image-flx {
    flex-direction: column-reverse;
}

.crew-team-dots-content {
    flex-direction: column;
}

    .secnd-crew-mnnn {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .third-content-crew-team {
    order: 1;
    display: flex;
}

.team-crew-container {
    padding: 0 16px;
}

.description-coma-crew {
    width: 100%;
    padding: 0px 0px 25px 0px;
    font-size: 18px;
    letter-spacing: -1px;
}

.crew-team-coma-description::before {
    top: -23%;
}

.third-crew-item-flxx {
    flex-direction: column;
    margin-bottom: 8px;
}

.crew-team-first-item {
    width: 100%;
}

.heading-team-crew {
    font-size: 52px;
}

.team-crew-description {
    width: 100%;
}

.description-coma-crew span {
    font-size: 18px;
}

    .quanta-heading-foam {
    font-size: 58px;
}

    .quanta-heading-foam {
        font-size: 58px;
        letter-spacing: -2.5px;
        line-height: 58px;
    }

    .quanta-contact-foam-container {
    padding: 0 16px;
}

.quanta-foam-description {
    font-size: 24px;
    width: 80%;
    letter-spacing: -1.2px;
        line-height: 31.2px;
}

.quanta-foam-subdescription {
    font-size: 18px;
    max-width: 92%;
    font-weight: 500;
}

.qunta-contact-text {
    font-size: 16px;
}

.quanta-foam-flxx {
    flex-direction: column;
}

.phone-quanta-detail {
    font-size: 18px;
}

.email-quanta-detail {
    font-size: 26px;
}

.pricing_btnn {
    font-size: 24px;
}

.quanta-foam-second-column {
    width: 100%;
    padding: 26px;
}

.quanta-contact-title-flx {
    flex-direction: column;
    gap: 40px;
}

.contact-title-quanta {
    font-size: 20px;
}

.custom_name_input {
    margin-top: 0px;
}

.custom_nme_contnt {
    font-size: 20px;
}

.custom_cnt_btn button {
    font-size: 16px;
}
      /* Article Css Start */
    .custom_article_container {
        padding: 0 16px;
    }

    .custom_article_item {
        width: 100%;
        flex: 1 1 100%;
        padding: 16px;
    }

    .serviicee-text {
        font-size: 15px;
    }

    .custom_atrcle_sub_text {
        font-size: 16px;
    }

    .custom_article_text {
        font-size: 58px;
    }

    .custom_article_img {
        height: 250px;
    }

    .custom_article_date {
        font-size: 16px;
    }

    .article_title {
        font-size: 22px;
    }

    .custom_article_content {
        padding-top: 60px;
    }

    /* Article Css End */



    /* Blog Css Start */
    .custom_expert_img {
        width: 300px;
        height: 160px;
    }

    .custom_exprt_blog_content {
        padding: 20px;
    }

    .custom_exprties_blog-container {
        padding: 0 16px;
    }

    .custom_pexprt_blog_title {
        font-size: 42px;
    }

    .custom_exprt_blog_desp {
        font-size: 16px;
    }

    .custom_exprt_item {
        padding: 14px;
        flex-direction: column;
    }

    .custom_experts_contnt {
        gap: 20px;
        flex-direction: column;
    }

    .custom_expert_date {
        font-size: 16px;
        text-align: center;
    }

    .custom_expert_title {
        font-size: 20px;
        text-align: center;
    }
	  .custom_illurtion_text {
        font-size: 12px;
    }

 
    .custom_slctd_img_container {
            padding: 0 16px;
        }

        .servicee-text {
            font-size: 15px;
        }

        .custom_selectd_sub_text {
            font-size: 16px;
        }

        .custom_slctd_title {
            font-size: 58px;
            padding-top: 24px;
        }

	
	.custom_slctd_mbl_image img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border-left: 1px solid #0000000f;
        border-right: 1px solid #0000000f;
        object-fit: cover;
        transition: transform 3s cubic-bezier(0.25, 1, 0.5, 1);
    transform: scale(1.1);
    }

    .custom_slctd_image {
        display: none;
    }
.custom_slctd_mbl_image{
	width: 100%;
        height: 550px;
        overflow: hidden;
        border-radius: 10px;
        position: relative;
		display: block;
}

        .custom_apex_desp {
            font-size: 16px;
        }

        .custom_apex_blck_title {
            font-size: 48px;
        }
        .quanta_overlay {
        flex-direction: column;
        justify-content: space-around;
        text-align: center;
        padding-top: 120px;
        height: 100vh;
      }
      .quanta_logo.desktop_only {
    color: #ff6200;
    padding-bottom: 0;
}
      .col_left, .col_center, .col_right {
        align-items: center;
        justify-content: center;
        height: auto;
      }
      .quanta_links { text-align: center; align-items: center; width: 100%; }
      .quanta_links a { transform: translateX(0) translateY(20px);  }
      .quanta_overlay.open .quanta_links a { transform: translateY(0); }
      .col_right {
    width: 100%;
    order: 1;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

nav.quanta_links {
    text-align: end;
    align-items: flex-end;
}
	.drawer_logo {
    display: block !important;
}
header.cus_header:has(.quanta_overlay.open) .drawer_logo {
    display: block !important;
}
header.cus_header:has(.quanta_overlay.open) .mobile_drawer_logo {
    display: none !important;
} 
header.cus_header:has(.quanta_overlay.open) .before_drawer_logo {
    display: none !important;
}
.quanta_overlay {
    padding: 40px;
    height: min-content;
}

.contact_info {
    padding-bottom: 0;
}

.col_left {
    width: 100%;
    align-items: self-start;
    order: 2;
}

.col_center {
    width: 100%;
    order: 3;
    align-items: flex-start;
}

.quanta_links a {
    font-size: 26px;
}

.quanta_phone {
    font-size: 26px;
    padding-top: 10px;
}

.quanta_logo_inner {
    font-size: 14px;
}

.quanta_navbar {
    padding: 22px;
}

.quanta_logo {
    font-size: 14px;
    color: white;
    padding-bottom: 38px;
}

.quanta_menu_text {
    font-size: 14px;
}
  /* Benefits Section  */
  .benifits_wrapper{
    flex-direction:column;
    height:auto;
  }
.benifits_hover {
    opacity: 1;
    transform: translateY(0);
}

.benifits_card_title {
    transform: translateY(-90px);
}

.benifits_icon {
    opacity: 0;
    visibility: hidden;
}

.benifits_container {
    padding: 30px 15px;
}

.benifits_card.active .benifits_overlay {
    background: linear-gradient(rgba(33,100,255,0) 0%, rgb(0,0,0) 87.0271%);
}

.benifits_overlay {
    background: linear-gradient(rgba(33,100,255,0) 0%, rgb(0,0,0) 87.0271%);
}

.benifits_bg {
    opacity: 1;
}
.benifits_title {
    font-size: 42px;
}

.benifits_subtitle {
    font-size: 17px;
    letter-spacing: 0.3px;
}

.three_columns {
    padding: 40px 0 0;
}
.benifits_card {
    filter: grayscale(0);
}

.benifits_card,.benifits_card.active {
    flex: auto;
}
  .benifits_card{
    height:488px;
  }

  .benifits_wrapper:hover .benifits_card,
  .benifits_card:hover{
    flex:none !important;
  }
  /* Featuredwork Sticky Image Part */

  .frd_img_con {padding: 10px 15px;}

.frd_overlay {
    backdrop-filter: blur(1px);
    background: linear-gradient(rgba(84, 84, 84, 0) 0%, rgba(0, 0, 0, 0.4) 37.8378%, rgba(0, 0, 0, 0.66) 63.0631%, rgba(0, 0, 0, 0.9) 86%);
}

.frd_content {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.frd_title {
    font-size: 32px;
}

.frd_description {
    font-size: 14px;
    max-width: 65%;
}
.custm-quanta-upperheading {
        font-size: 50px;
        text-align: center;
    }
    .custm-section-header h2 {
    font-size: 52px;
}
.custm-test-updescription {
    font-size: 18px;
    width: 76%;
}
    .custm-quanta-lowerheading {
        font-size: 90px;
    }
    .quanta-custm-fr-steps .flex-pric-text {
    justify-content: flex-start;
}
    .cust-about-left h1 {
    font-size: 52px;
}
.cust-about-top {
    flex-direction: column;
}
.custm-about-image {
    height: 322px;
}
.custm-animated-col {
    display: none;
}
.quanta-custm-fr-steps.active .title-pricing-sub {
    font-size:15px;
}
.custm-qnta-textmdhead {
    font-size: 52px;
}
.custm-qnata-textcol-steps {
    width: 100%;
}
.custm-qntm-digitcol {
    width: 100%;
}
.custm-qntm-rioghtcol-content {
    width: 100%;
}
.custm-qntm-digit-content-row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:30px;
}
.custm-qntm-digit {
    font-size: 90px;
    text-align: center;
}
.cusmt-project-qntm-head {
    font-size: 23px;
        text-align: center;
}
.custm-qntm-project-descrip {
    font-size: 16px;
}
.quanta-custm-fr-steps-container {
    padding: 0px 15px;
}
.featured-testimonial {
    flex-direction: column;
}
.cust-testimonial-left-img {
    width: 100%;
}
.cust-testimonial-right-content {
    width: 100%;
    padding: 70px 20px 20px;
}
.custm-testimonial-descr {
    font-size: 26px;
}
.custm-qntm-testimontail-author {
    flex-direction: column;
    gap: 30px;
}
.cust-inner-testimonial-container {
    width: 100%;
}
.custm-quata-mn-image {
    height: 734px;
}
.custm-quanta-upcontent {
    position: absolute;
    top: 65%;
    left: 17%;
    transform: translate(-14%, -50%);
    width: 88%;
}
.custm-quanta-upcontent-row {
    display: flex;
    gap: 12px;
}
.custm-unique-rightcol-text {
    width: 100%;
    font-size: 24px;
}
.custm-unique-content-mnimage {
    height: 689px;
}
.custm-unique-content-col:first-child {
    display: none;
}

.custm-unique-content-col:nth-child(2) {
    display: none;
}

.custm-unique-content-col {
    width: 75%;
    margin: 0 auto;
}
.quanta-custm-fr-steps {
    padding-bottom: 30px;
    padding-top: 30px;
}
.quanta-reviews-content {
    padding: 0 20px;
    flex-direction: column;
    justify-content: flex-end;
    gap: 106px;
    bottom: 48px;
}

.quanta-banner-content {
    justify-content: flex-start;
     padding: 0px;
     top: 45%;
}

.quanta-year-text {
    font-size: 15px;
}
.quanta-title {
    font-size: 26px;
    line-height: 28.6px;
}

.quanta-heading span {
    font-size: 58px;
    letter-spacing: -2.9px;
}

.quanta-heading {
    font-size: 58px;
    line-height: 58px;
    letter-spacing: -2.9px;
}

.quanta-banner-mn-border {
    height: 790px;
}

.quanta-banner-content {
    height: 400px;
}


/* counter styling start */
.project-counter-heading {
        font-size: 52px;
        letter-spacing: -2.6px;
        line-height: 57.2px;
    }

    .number-counter-container {
    padding: 0 16px;
}

.project-counter-description {
    font-size: 18px;
    letter-spacing: -0.9px;
    line-height: 23.4px;
    width: 64%;
}

.project-counter-content {
    padding-bottom: 100px;
}

.number-counter-flex {
    flex-direction: column;
}

.counter-number-blocks {
    width: 100%;
}

.subtitle-counter-block {
    font-size: 30px;
}

.sub-description-counter {
    font-size: 16px;
    width: 100%;
}

.number-project-counter {
    padding-top: 0px;
}

.custom_srve_texttt.active .service-textt {
    font-size: 15px;
}
.year-achive-text {
    font-size: 16px;
}

/* counter styling end */

/* featured work styling */
.featured-work-container {
    padding: 0 16px;
}
.mn-featurd-content {
    padding: 0 0px;
}
    .featurd-work-heading {
        font-size: 52px;
        line-height: 57.2px;
        letter-spacing: -2.6px;
    }

    .featurd-work-description {
    font-size: 18px;
    width: 100%;
}

/* tabing css strt  */
  .first-block-repeat {
    width: 100% !important;
    margin: 0 auto;
}
  .title-scalble {
    font-size: 52px;
}
.flex-buton-text{
    padding-top: 85px;
}
.container-tabing-anul{
  padding: 60px 16px;
}
.tabing-month-anul-sec {
    position: relative;
    overflow: hidden;
}
.tabing-title-content{
  padding: 0;
}
/* tabing end css  */
/* faqs css strt  */
  

.upper-text-box p {
    font-size: 18px;
}

    .title-flex-icon {
        font-size: 22px;
        width: 90%;
    }

.content-answer-div p {
    font-size: 16px;
}
.faqs-block-main-uuperr {
    padding-top: 85px;
}
.faqs-block-main-uuperr {
    padding-top: 85px;
}

.faqs-text-input {
    padding: 60px 0;
}

.container-faqs-cont {
    padding: 0 16px;
}
.icon-text-title-faq i {
    width: 34px;
    height: 32px;
}
.faqs-content-upper{
  padding: 0;
}
/* faqs css end  */
 /* blog css strt  */
    

.upper-text-box p {
    font-size: 18px;
}

.flex-blogs-flex-main {
    padding-top: 85px;
}
.main-content-div-upper {
    padding: 0;
}
.left-side-text {
    width: 100%;
}

.right-text-side-img {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-blogs-flex-main {
    flex-direction: column;
}
.image-text-bottom {
    padding-top: 55%;
}
.container-blog-sec {
    padding: 0 16px;
}

.custom-blog-section {
    padding: 60px 0;
}
.date-issue-blog {
    font-size: 15px;
}

.title-blog-cstm {
    font-size: 16px;
}

.button-text-link {
    font-size: 14px;
}
.first-blog--repat-first {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}
.first-block-diffrnet .image-text-bottom {
    padding-top: 82%;
}
/* blog css end  */
/* scroll text banner css strt  */
.subtitle-uppr-title {
    font-size: 50px;
}
.scroll-text-titel {
    max-width: 480px;
}
.title-main-scrl {
    font-size: 90px;
    word-wrap: break-word;
}

.flex-image-left-right {
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px;
}

.left-sdie-content {
    width: 100%;
}

.right-content-tick {
    width: 100%;
}

.container-scroll-banner {
    padding: 0 16px;
}
.scroll-banner-text{
  padding: 20px 0;
}

/* scroll text banner css end  */
/* custom footer css start  */
  .custom-footer-quanta {
    padding: 80px 16px 0px 16px;
}

.container-custom-footer-quanta {
    padding: 0;
}

.flex-uuper-main-div {
    flex-direction: column;
    gap: 50px;
    padding: 0 0px 0 10px;
}
	.bottom-part-privacy-policies {
   margin-bottom: 30px !important;
}

.main-title-left-side {
    width: 100%;
	text-align:center;
}

.right-sideemail-inform {
    width: 100%;
}

.title-footer-qunta {
    font-size: 65px;
}
.main-under-title-content {
    padding: 0;
/*     padding-top: 140px; */
}
	.right-sideemail-inform {
    text-align: center;
}
.phone-text-emial {
    text-align: center;
}
.newsletter-part-side {
    width: 100%;
    text-align: center;
}

.menu-part-right-side {
    width: 100%;
}

.flex-menu-part-form {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 85px;
}

.menu-unorder-list {padding: 0;}

.first-menu-part-nav {
    text-align: center;
}
.bottom-part-privacy-policies {
    flex-direction: column-reverse;
    gap: 20px;
}

.copy-right-text-div {
    width: 100%;
    text-align: center;
}

.flex-link-bottom-plicies {
    width: 100%;
    flex-direction: column;
    gap: 22px;
}
.form-newsletter form{
    justify-content: center;
}
.ancker-list-first{
    width: 100%;
    text-align: center;
}
/* custom footer css end  */
.qnta_img_text {
                padding: 60px 0px;
            }
	.qnta_img_text::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: #050505;
            opacity: .76;
            z-index: 1;
            pointer-events: none;

        }

            .custom_quanta_img_text_container {
                padding: 0 16px;
            }

            .custom_quanta_sub_text {
                font-size: 16px;
            }

            .service-text {
                font-size: 15px;
            }

            .custom_srvce_block_content {
                gap: 80px;
                flex-direction: column;
            }

            .custom_expect_text_content {
                width: 100%;
            }

            .custom_our_expect_title {
                font-size: 52px;
            }

            .custom_expect_desp {
                font-size: 18px;
            }

            .custom_srvce_flex {
                padding-bottom: 82px;
            }

            .custom_expect_block_content {
                gap: 45px;
                width: 100%;
                padding: 0 10px;
            }

            .custom_expect_item_title {
                font-size: 32px;
            }

            .custom_expect_item_desp {
                font-size: 16px;
            }

            .custom_see_prcing_btn {
                padding-top: 82px;
            }

            .pricing_btn {
                font-size: 24px;
            }
             .cust-vision-lb-container {
    padding: 16px;
}
.cust-vision-lb-hero-overlay-pill {
    bottom: 0;
    padding: 40px 20px;
            border-radius: 0;
}
    .cust-vision-lb-content-split {
        flex-direction: column;
        gap: 30px;
    }
    .cust-vision-lb-block.cust-vision-lb-tags-flex {
    flex-direction: column;
        align-items: center;
    gap: 25px;
}
.cust-vision-lb-tag-badge {
width: fit-content;
}
.cust-vision-lb-section-heading {
    font-size: 34px;
}
.cust-vision-lb-body-paragraph {
    font-size: 18px;
}
.cust-vision-lb-content-split {
    padding:0;
}
.cust-vision-lb-project-summary {
    padding: 25px;
}
    .cust-vision-lb-sub-heading {
    font-size: 34px;
}
.cust-vision-lb-bullet-list li {
    font-size: 18px;
}
.cust-vision-lb-narrow-content {
  padding: 0; 
}
.cust-vision-lb-gallery-left {
    width: 100%;
}
.cust-vision-lb-works-title {
    font-size: 26px;
}
	.cust-vision-lb-value {
    font-size: 16px;
}
	.cust-vision-lb-block {
    margin-bottom: 20px;
}
.cust-vision-lb-btn-explore::before {
    right: 30px;
    background-color: #fff;
}
.cust-vision-lb-btn-explore {
    padding: 16px 30px;
    display: block;
    width: 100% !important;
    background-color: #1BB4D8;
    color:#fff;
}
.cust-vision-lb-work-card {
    width: 100%;
    height: 469px;
}
.cust-vision-lb-card-tags {
    flex-direction: column;
}
.cust-vision-lb-gallery-right {
    width: 100%;
}
.cust-vision-lb-card-tags span {
    font-size: 14px;
}
.cust-vision-lb-card-overlay h3 {
    font-size: 34px;
}
    .cust-vision-lb-split-left, .cust-vision-lb-split-right {
        width: 100%;
        flex: none;
    }
    .cust-vision-lb-card-overlay p {
    font-size: 15px;
}
    .cust-vision-lb-hero-main-title {
         font-size: 30px; 
        }
    .cust-vision-lb-hero-sub-text {
         font-size: 0.85rem; 
        }
        .cust-vision-lb-gallery-flex, 
    .cust-vision-lb-cards-flex,
    .cust-vision-lb-works-header-flex {
        flex-direction: column;
    }
    .cust-vision-lb-btn-explore { 
        width: fit-content; 
        margin-top: 20px;
     }

	.before_drawer_logo{
		display:block !important;
	}
	header.cus_header:has(.quanta_overlay.open) .mobile_before_drawer {
    display: none !important;
}
	.desktop_only.drawer_logo{
		display:none !important;
	}
}
@media screen and (max-width: 410px) {
    .title-main-scrl {
        font-size: 80px;
    }
    .repeat-block-faqs {
    padding: 15px;
    }
}

@media screen and (max-width: 390px){
    .quanta-title {
        font-size: 20px;
    }

        .quanta-heading {
        font-size: 40px;
    }

        .quanta-heading span {
        font-size: 46px;
    }

    /* counter styling start */
            .project-counter-heading {
        font-size: 48px;
    }
        .project-counter-description {
        font-size: 16px;
        width: 75%;
    }

    .symble-counter {
    font-size: 58px;
}

    .sub-description-counter {
        font-size: 14px;
    }

    .number-counter-block {
    font-size: 58px;
}

/* counter styling end */
    .heading-team-crew {
        line-height: 57.2px;
    }

        .description-coma-crew {
        font-size: 15px;
        line-height: 21px;
    }

    .description-coma-crew span {
        font-size: 15px;
    
}
	
}