@media (min-width: 1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1120px;
     }
 }

 /* ─── RESPONSIVE ─────────────────────────────── */

 @media (max-width:1299px) {


  /* ── About page ── */
     .about-hero {
         padding: 140px 0 80px;
     }

     .about-hero h1 {
         font-size: 42px;
         line-height: 58px;
     }

     .about-hero p {
         font-size: 16px;
         line-height: 27px;
     }

     .mission-card h2 {
         font-size: 32px;
         line-height: 42px;
     }

     .proven-section h2 {
         font-size: 40px;
         line-height: 52px;
     }

     .hero-title {
         font-size: 74px;
         line-height: 90px;
     }

     .hero-sub {
         font-size: 24px;
         line-height: 40px;
     }

   .hero-content-wrap {
    padding: 210px 20px 221px;
}

     .btn-talk {
         margin-bottom: 20px;
     }

         .section-pill {
        font-size: 34px;
        line-height: 38px;
    }

     .section-sub {
         font-size: 20px;
        line-height: 30px;
        margin: 0;
     }

     .service-card h5 {
         font-size: 24px;
     }

     .result-card {
         padding: 24px;
     }


     .result-stat {
         font-size: 50px;
         line-height: 30px;
         margin: 16px 0px;
     }

     .result-stat .arrow svg {
         width: 35px;
     }

        .result-label {
        font-size: 18px;
        line-height: 24px;
    }

     .result-desc {
         padding: 8px 0;
         font-size: 16px;
         line-height: 24px;
     }

     .btn-learn {
         font-size: 16px;
         padding: 10px 20px;
         margin-top: 0;
     }

     .inner-bg {
         padding: 39px 13px 30px 0px;
     }

     .diff-right h2 {
         font-size: 26px;
         line-height: 50px;
     }

     .diff-right .diff-subtitle {
         font-size: 16px;
         line-height: 26px;
     }

     .diff-right .diff-subtitle strong {
         font-weight: 600;
         font-size: 24px;
     }

     .diff-item h6 {
         font-size: 24px;
         line-height: 30px;
     }

     .diff-item p {
         font-size: 16px;
         line-height: 24px;
     }

     .diff-left img {
         height: 750px;
     }

.why-title { font-size: 40px; line-height: 50px; }
.why-badge { font-size: 13px; height: 42px; }
.why-section { padding: 160px 0 80px;
 }
 .Why-choose-section h1{
    font-size: 40px;
 }
.contact-section{
        display: inline-block;
        text-align: center;
    }
.faq-right { 
    display: flex; 
    flex-direction: column;
 }
  .Logo-images img{
         width: 120px;
         height: auto;
     }

     .Big-Logos img{
         width: 114px;
         height: 90px;
     }
}


 @media (max-width:1199px) {


/* ── About page ── */
     .about-hero {
         padding: 130px 0 70px;
         
     }

     .about-hero h1 {
         font-size: 38px;
         line-height: 52px;
     }

     .about-hero .who-badge {
         font-size: 15px;
         padding: 10px 30px;
     }

     .stat-item-col .s-num {
         font-size: 26px;
         line-height: 50px;
     }

     .stat-item-col .s-label {
         font-size: 16px;
     }

     .stat-item-col .s-desc {
         font-size: 14px;
     }

     .mission-card {
         padding: 40px 32px;
     }

     .mission-card h2 {
         font-size: 30px;
         line-height: 40px;
     }

     .mission-card p {
         font-size: 17px;
     }

     .why-choose-section h2 {
         font-size: 34px;
     }

     .about-services-section h2 {
         font-size: 34px;
     }

     .results-card h3 {
         font-size: 26px;
     }

     .proven-section h2 {
         font-size: 36px;
         line-height: 48px;
     }

     .proven-section p {
         font-size: 19px;
     }

     .navbar-brand.brand-custom img {
         width: 290px;
     }

     .nav-links-desktop li a {
         font-size: 16px;
     }

     .btn-apply {
         font-size: 16px;
     }

     .global-section p {
         font-size: 18px;
         line-height: 30px;
     }

     .global-section h2 {
         font-size: 34px;
     }

     .global-section {
         padding: 60px 0px;
         height: 452px;
     }

     .video-thumb {
         height: 386px;
     }

     .global-stats-sec {
         padding-top: 200px;
     }

     .stat-num {
         font-size: 44px;
         line-height: 33px;
     }

     .stat-label {
         font-size: 18px;
     }

     .stat-desc {
         line-height: 24px;
         padding-top: 16px;
         margin-top: 8px;
         font-size: 16px;
     }

     .diff-left img {
         height: 800px;
     }
    .why-title {
         font-size: 38px; line-height: 46px; 
        }
    .why-desc  {
         font-size: 16px; line-height: 27px; margin-top: 0px !important;  
        }
        .contact-section{
        display: inline-block;
        text-align: center;
    }
     .image-box{
         position: relative;
         left: 0;
         right: inherit;
    }
        .image-section{
           position: relative;
            left: 0;
            right: inherit;
        }
           .result-box{
    width: 400px;
    display: block;
    align-items:center;
    justify-content:center;
    gap: 33px;
}
 .result-card1{
    width: 400px;
     display: block;
     align-items:center;
     justify-content: center;
     height: auto;
     gap: 33px;
     padding: 24px;
     margin-bottom: 33px;
 }

 .result-image img{
    width: 400px;
    height: auto;
     object-fit: cover;
      border-radius: 8px;
 }
 .Why-choose-section h1{
    font-size: 40px;
 }
  .FAQ-left{
    width: 350px;
    align-items: center;
    display: block;
    margin: auto;
    justify-content: center;
    gap: 33px;
}
.faq-right { 
    display: flex; 
    flex-direction: column;
    width:350px;
    margin: auto;
    padding-bottom: 40px;
 }
  .Logo-images img{
         width: 120px;
         height: auto;
     }

     .Big-Logos img{
         width: 114px;
         height: 90px;
     }
 }

 @media (max-width: 991px) {

 /* ── About page ── */
     .about-hero {
         padding: 120px 0 60px;
         min-height: auto;
         margin-top: 100px;
     }

     .about-hero h1 {
         font-size: 34px;
         line-height: 46px;
         letter-spacing: -1px;
     }

     .about-hero p {
         font-size: 15px;
         line-height: 26px;
         max-width: 100%;
     }

     .about-hero .hero-banner-img img {
         max-width: 100%;
     }

     .stat-item-col+.stat-item-col {
         border-left: none;
         border-top: 1px solid #e0e0f0;
     }

     .mission-card {
         padding: 36px 28px;
         border-radius: 20px;
     }

     .mission-card h2 {
         font-size: 28px;
         line-height: 38px;
     }

     .mission-img-box {
         min-height: 280px;
     }

     .why-choose-section {
         padding: 60px 0;
     }

     .why-choose-section h2 {
         font-size: 30px;
     }

     .why-box {
         padding: 24px 20px;
     }

     .why-box h4 {
         font-size: 20px;
     }

     .why-box ul li {
         font-size: 16px;
     }

     .about-services-section {
         padding: 60px 0;
     }

     .about-services-section h2 {
         font-size: 30px;
     }

     .ready-section {
         padding: 80px 0;
     }

     .ready-inner {
         max-width: 100%;
     }

     .about-results-section {
         padding: 60px 0;
     }

     .results-card {
         padding: 36px 28px;
     }

     .results-card h3 {
         font-size: 24px;
     }

     .results-img-box {
         min-height: 280px;
     }

     .proven-section h2 {
         font-size: 32px;
         line-height: 44px;
     }

     .proven-section p {
         font-size: 18px;
     }

     .nav-links-desktop,
     .btn-apply.desktop-only {
         display: none !important;
     }

     .hero-title {
         font-size: 54px;
         line-height: 70px;
     }

     .hero-sub {
         font-size: 20px;
         line-height: 32px;
         margin-bottom: 26px;
         margin-top: 0;
     }

     .btn-talk {
         margin-bottom: 50px;
     }

    .hero-content-wrap {
    padding: 210px 20px 171px;
}

     #mainNav {
         padding-top: 53px;
     }

     .hero-grid {
         top: 0;
     }
     .partner-shape-section{
        padding-top: 20px;
     }

     .section-pill {
         padding: 8px 24px;
         font-size: 35px;
     }

     .section-sub {
         font-size: 20px;
     }

     .service-card h5 {
         font-size: 20px;
     }

     .diff-left img {
         width: 100%;
         height: 305px;
         object-position: center;
     }

     .diff-outer-card {
         flex-direction: column;
     }

     .diff-left {
         min-height: 260px;
         flex: none;
         width: 100%;
         border-radius: 30px 30px 0 0;
     }

     .diff-right {
         padding-top: 0;
         padding-right: 0;
     }

     .different-section {
         padding: 60px 0;
         padding-bottom: 0;
     }

     .cta-banner {
         padding: 40px 0px;
     }

     .inner-bg {
         border-top-right-radius: 0;
         padding-top: 24px;
         padding-bottom: 28px;
         border-bottom-left-radius: 30px;
         border-bottom-right-radius: 30px;
     }

     .diff-right h2 {
         font-size: 30px;
     }

     .diff-right .diff-subtitle {
         font-size: 18px;
         line-height: 28px;
     }

     .diff-right .diff-subtitle strong {
         font-size: 24px;
     }

     .diff-item h6 {
         font-size: 22px;
         line-height: 32px;
     }

     .diff-item p {
         font-size: 16px;
         line-height: 24px;
     }


     .nav-toggler {
         display: flex !important;
     }

     .below-inner {
         flex-direction: column;
         gap: 10px;
     }

     .stat-col {
         min-width: 100%;
     }

     .watermark-text img {
         max-width: 100%;
     }
   .inner-bg::before{
    display: none;
    }
    .services-section{
        padding-right: 40px;
        padding-left: 40px;
    }
    .Why-choose-section h1{
    font-size: 40px;
 }
  .Logo-images img{
         width: 120px;
         height: auto;
     }

     .Big-Logos img{
         width: 114px;
         height: 90px;
     }
     /* footer::after {
         bottom: 0;
         top: auto;
         right: 0;
         z-index: 0;
     } */
      .contact-section{
        display: inline-block;
        text-align: center;
    }

    .image-section{
       position: relative;
        left: 0;
       right: inherit;
      }
     .image-box{
         position: relative;
         left: 0;
         right: inherit;
    }
    .result-box{
    width: 100%;
    display: block;
    align-items:center;
    justify-content:center;
    gap: 33px;
   }
 .result-card1{
    width: 400px;
     display: block;
     align-items:center;
     justify-content: center;
     height: 500px;
     gap: 33px;
     padding: 24px;
     margin-bottom: 33px;
 }

 .result-image img{
    width: 400px;
    height: auto;
     object-fit: cover;
      border-radius: 8px;
 }
  .FAQ-left{
    width: 350px;
    align-items: center;
    display: block;
    margin: auto;
    justify-content: center;
    gap: 33px;
}
.faq-right { 
    display: flex; 
    flex-direction: column;
    width:350px;
    margin: auto;
    padding-bottom: 40px;
 }

.brand-row img{
max-width: 95px;
}

.about-hero.processInner {
         padding: 50px 0;
         min-height: auto;
     }

     .about-hero h2 {
         font-size: 40px;
         line-height: 50px;
     }

     .discover {
         padding: 30px 0;
     }

     .allDiscovers {
         margin-top: 30px;
     }

     .CampaignDesign img {
         min-height: auto;
     }

     .allDiscovers .row {
         --bs-gutter-y: 30px;
     }

     .eachDiscover h2 {
         font-size: 20px;
         line-height: 38px;
     }

     .CampaignDesign {
         padding: 40px 0;
     }

     .monitoring {
         padding: 30px 0;
     }

     .monitoring .row {
         --bs-gutter-y: 30px;
     }
     .monitoring.why-process{
        padding: 0;
     }

/* blog Details */

     .blogDetailsInner {
         padding: 110px 0 20px;
     }

     .detailAllContent {
         margin-top: 40px;
     }

     .blogUser {
         margin-top: 30px;
     }

 }

 /* ─── Responsive tweaks ─── */
 @media (max-width: 768px) {

.form-label {
         padding: 0;
         display: flex;
     }

     .contact-title {
         font-size: 34px;
     }

     .contact-subtitle {
         font-size: 18px;
         line-height: 32px;
         max-width: 100%;
     }

     .formPart {
         margin-top: 9%;
     }

     .contact-section {
         margin-top: 60px;
     }


 /* ── About page ── */
     .about-hero {
         padding: 110px 0 50px;
         margin-top: 100px;
     }

     .about-hero h1 {
         font-size: 28px;
         line-height: 38px;
         letter-spacing: -0.5px;
         margin-bottom: 14px;
     }

     .about-hero p {
         font-size: 14px;
         line-height: 24px;
     }

     .about-hero .who-badge {
         font-size: 14px;
         padding: 8px 22px;
         margin-bottom: 14px;
     }

     .about-hero .hero-banner-img {
         margin-top: 0;
     }

     .about-stats-row {
         padding: 40px 0 30px;
     }

     .stat-item-col {
         padding: 16px 12px;
     }

     .stat-item-col .s-num {
         font-size: 22px;
         line-height: 42px;
     }

     .stat-item-col .s-label {
         font-size: 14px;
         letter-spacing: 0.8px;
     }

     .stat-item-col .s-desc {
         font-size: 13px;
         line-height: 18px;
     }

     .mission-section {
         padding: 50px 0;
     }

     .mission-card {
         padding: 28px 22px;
         border-radius: 16px;
     }

     .mission-card .about-pill {
         font-size: 14px;
         padding: 8px 22px;
     }

     .mission-card h2 {
         font-size: 24px;
         line-height: 34px;
         margin-bottom: 14px;
     }

     .mission-card p {
         font-size: 15px;
         line-height: 25px;
     }

     .mission-img-box {
         min-height: 220px;
         border-radius: 16px;
     }

     .why-choose-section {
         padding: 50px 0;
     }

     .why-choose-section h2 {
         font-size: 26px;
     }

     .why-choose-section .wc-sub {
         font-size: 15px;
         line-height: 26px;
         margin-bottom: 30px;
     }

     .why-box {
         padding: 20px 18px;
         border-radius: 14px;
     }

     .why-box h4 {
         font-size: 18px;
         margin-bottom: 14px;
     }

     .why-box ul li {
         font-size: 14px;
         line-height: 22px;
         padding: 8px 0;
     }

     .about-services-section {
         padding: 50px 0;
     }

     .about-services-section h2 {
         font-size: 26px;
     }

     .about-services-section .as-sub {
         font-size: 15px;
         margin-bottom: 30px;
     }

     .ready-section {
         padding: 60px 0;
     }

     .ready-inner {
         padding: 30px 20px;
     }

     .ready-section h2 {
         font-size: 24px;
         line-height: 34px;
     }

     .ready-section .ready-desc {
         font-size: 16px;
     }

     .ready-section .ready-cta-label {
         font-size: 16px;
     }

     .about-results-section {
         padding: 50px 0;
     }

     .results-card {
         padding: 28px 22px;
         border-radius: 16px;
     }

     .results-card h3 {
         font-size: 22px;
     }

     .results-card p {
         font-size: 14px;
         line-height: 24px;
         margin-bottom: 24px;
     }

     .results-img-box {
         min-height: 220px;
         border-radius: 16px;
     }

     .proven-section {
         padding: 0 0 50px;
     }

     .proven-section h2 {
         font-size: 26px;
         line-height: 36px;
         margin-bottom: 20px;
     }

     .proven-section p {
         font-size: 16px;
         line-height: 26px;
     }
     .hero {
         padding: 60px 0 50px;
     }

     #mainNav {
         padding-top: 30px;
     }
.hero-content-wrap {
    padding-top: 140px;
    padding-bottom: 139px;
}

     .hero-grid {
         top: 0px;
     }

     .hero-title {
         font-size: 35px;
         line-height: 130%;
         letter-spacing: -0.1px;
     }

     .hero-sub {
         font-size: 18px;
         line-height: 130%;
     }

     .stat-heading {
         font-size: 36px;
         max-width: 600px;
         line-height: 130%;
     }

       .partner-shape-section{
        padding-top: 0px;
     }

     .btn-talk .text {
         padding: 13px 20px;
     }

     .btn-talk {
         font-size: 14px;
         margin-bottom: 60px;
     }

     .btn-talk .talk-arrow {
         width: 40px;
         height: 40px;
     }

     .brand-row img {
         max-width: 42px;
     }

     .Why-choose-section h1{
    font-size: 40px;
 }
     .Why-choose-section h1{
    font-size: 40px;
 }

     .services-section {
        padding-right: 40px;
        padding-left: 40px;
        padding-top: 40px;
        padding-bottom: 60px;
     }

     .section-pill {
         font-size: 24px;
         padding: 3px 20px;
     }

     .section-sub {
         font-size: 18px;
         margin-top: 10px;
         margin-bottom: 0;
         line-height: 130%;
     }

     .service-card {
         padding: 20px;
     }

     .service-card h5 {
         font-size: 20px;
     }

     .service-card p {
         font-size: 14px;
     }

     .btn-outline-dark-pill {
         font-size: 14px;
     }

     .result-card {
         padding: 24px 24px;
     }

     .case-badge {
         font-size: 14px;
     }

     .result-stat {
         font-size: 55px;
         gap: 13px;
         margin: 4px 0px;
     }

     .result-stat .arrow svg {
         width: 35px;
     }

     .result-label {
         font-size: 18px;
         margin-bottom: 0;
         margin-top: 8px;
     }

     .result-desc {
         font-size: 16px;
         line-height: 25px;
         padding: 17px;
     }

     .btn-learn {
         padding: 10px 20px;
         font-size: 14px;
         margin-top: 0px;
     }

     .diff-right h2 {
         font-size: 24px;
         line-height: 43px;
     }

     .diff-right .diff-subtitle {
         font-size: 16px;
         line-height: 24px;
     }

     .diff-right .diff-subtitle strong {
         font-size: 20px;
     }

     .diff-item h6 {
         font-size: 20px;
         line-height: 24px;
     }

     .diff-item p {
         font-size: 14px;
         line-height: 22px;
     }

     .inner-bg {
         padding-bottom: 24px;
     }

     .cta-banner {
         padding: 20px 0px;
         padding-bottom: 40px;
     }

     .video-thumb {
         max-width: 992px;
         height: 316px;
     }

     .global-section h2 {
         font-size: 24px;
         line-height: 34px;
     }

     .global-section {
         padding: 40px 0px;
         height: 382px;
     }

     .results-section {
         padding: 40px 0px;
         padding-top: 0;
     }

     .global-section p {
         font-size: 16px;
         line-height: 28px;
     }

     .play-circle {
         width: 50px;
         height: 50px;
     }

     .global-stats-sec {
         padding-top: 180px;
     }

     .stat-num {
         font-size: 42px;
     }

     .stat-label {
         font-size: 18px;
         line-height: 20px;
     }

     .stat-desc {
         font-size: 16px;
         line-height: 25px;
         padding-top: 16px;
         margin-top: 12px;
     }

     .partners-section .row>div+div {
         margin-top: 24px;
     }



     .cta-box {
         margin-bottom: 16px;
         padding: 20px;
     }

     .cta-box h2 {
         font-size: 20px;
     }

     .para-footer {
         font-size: 16px;
         margin-top: 6px;
     }

     .input-wrapper {
         max-width: 100%;
     }

     .footer-heading {
         font-size: 20px;
     }

     .signup-btn {
         font-size: 14px;
     }

     footer input {
         font-size: 14px;
     }

     .brand-row {
         justify-content: center;
     }
     .Logo-images{
        justify-content: center;
     }
     .Big-Logos{
        justify-content: center;
     }

     footer img {
         width: 280px;
         margin-bottom: 30px;
     }

     footer p {
         font-size: 16px !important;
     }

     .social-links {
         margin-top: 8px;
     }

     .bg-blue-footer {
         padding: 20px;
     }

     .why-title  { font-size: 28px; line-height: 130%; }
    .why-desc   { font-size: 16px; line-height: 25px; }
    .why-badge  { font-size: 13px; height: 38px; padding: 0 14px; }
    .why-section { padding: 40px 0;
    }
     .image-section {
    max-height: 670px;
    padding: 33px 12px
  }

  .image-section::after {
    background: linear-gradient(
      to top,
      rgba(10, 10, 40, 0.85) 40%,
      rgba(10, 10, 40, 0.3) 70%,
      transparent 100%
    );
  }

  .image-box {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    max-width: 100%;
    padding: 28px 20px;
    margin: 33px 10px;
  }



    .contact-section{
        display: inline-block;
        text-align: center;
    }
       .result-box{
    width: 100%;
    display: block;
    align-items:center;
    justify-content:center;
    gap: 33px;
}
 .result-card1{
    width: 400px;
     display: block;
     align-items:center;
     justify-content: center;
     height: 500px;
     gap: 33px;
     padding: 24px;
     margin-bottom: 33px;
 }

 .result-image img{
    width: 400px;
    height: auto;
     object-fit: cover;
      border-radius: 8px;
 }
 .Why-choose-section h1{
    font-size: 40px;
 }
  .FAQ-left{
    width: 350px;
    align-items: center;
    display: block;
    margin: auto;
    justify-content: center;
    gap: 33px;
}
.faq-right { 
    display: flex; 
    flex-direction: column;
    width:350px;
    margin: auto;
    padding-bottom: 40px;
 }
.community{
display:block;
padding:0;
}
.joinHeading{
max-width:100%;
}
.offcanvas-bottom{
margin-top:3%;
}
.btn-talk-1 .text-1{
    padding: 13px 25px;
}
.faqSection{    padding: 30px 0;}
.FAQ-section{padding: 0;}
.service-card .icon-wrap{flex: 0 0 auto;}
.footerMail {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 7%;
}

}


 /* Small screens */
 @media (max-width: 575px) {
.contact-section{padding:0;}
 /* ── About page ── */
     .about-hero {
         padding: 60px 0 40px;
         margin-top: 40px;
     }

     .about-hero h1 {
         font-size: 24px;
         line-height: 34px;
         letter-spacing: 0;
         margin-bottom: 12px;
     }

     .about-hero p {
         font-size: 13px;
         line-height: 22px;
     }

     .about-hero .who-badge {
         font-size: 13px;
         padding: 7px 18px;
     }

     .about-hero .hero-banner-img img {
         border-radius: 12px;
         box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
     }

     .about-stats-row {
         padding: 30px 0 20px;
     }

     .stat-item-col .s-num {
         font-size: 20px;
         line-height: 36px;
     }

     .stat-item-col .s-label {
         font-size: 12px;
     }

     .stat-item-col .s-desc {
         font-size: 12px;
     }

     .mission-section {
         padding: 40px 0;
     }

     .mission-card {
         padding: 24px 18px;
     }

     .mission-card h2 {
         font-size: 22px;
         line-height: 30px;
     }

     .mission-card p {
         font-size: 14px;
         line-height: 23px;
     }

     .mission-img-box {
         min-height: 180px;
     }

     .why-choose-section {
         padding: 40px 0;
     }

     .why-choose-section h2 {
         font-size: 22px;
     }

     .why-choose-section .wc-sub {
         font-size: 14px;
         margin-bottom: 24px;
     }

     .why-box {
         padding: 18px 16px;
     }

     .why-box h4 {
         font-size: 16px;
         margin-bottom: 12px;
     }

     .why-box ul li {
         font-size: 13px;
         padding: 7px 0;
     }

     .about-services-section {
         padding: 40px 0;
     }

     .about-services-section h2 {
         font-size: 22px;
     }

     .about-services-section .as-sub {
         font-size: 14px;
     }

     .ready-section {
         padding: 50px 0;
     }

     .ready-inner {
         padding: 24px 16px;
     }

     .ready-section h2 {
         font-size: 22px;
         line-height: 30px;
     }

     .ready-section .ready-desc,
     .ready-section .ready-cta-label {
         font-size: 14px;
         line-height: 22px;
     }

     .about-results-section {
         padding: 40px 0;
     }

     .results-card {
         padding: 24px 18px;
     }

     .results-card h3 {
         font-size: 20px;
     }

     .results-card p {
         font-size: 13px;
         margin-bottom: 20px;
     }

     .results-img-box {
         min-height: 180px;
     }

     .proven-section {
         padding: 0 0 40px;
     }

     .proven-section h2 {
         font-size: 22px;
         line-height: 30px;
         margin-bottom: 14px;
     }

     .proven-section p {
         font-size: 14px;
         line-height: 24px;
     }

     .hero-title {
         letter-spacing:-1px;
         font-size: 28px;
         line-height: 138%;
     }

     .navbar-brand.brand-custom img {
         max-width: 100%;
         width: 220px;
     }

     #mainNav {
         padding-top: 30px;
     }

     .hero-content-wrap {
         padding: 110px 20px 199px;
     }

     .hero-sub {
         font-size: 16px;
         line-height: 140%;
         margin-top: 0px;
         margin-bottom: 35px;
     }

     .btn-talk .text {
         padding: 13px 12px;
        font-size: 13px;
     }

     .btn-talk {
         font-size: 14px;
         margin-bottom: 60px;
     }

     .btn-talk .talk-arrow {
         width: 40px;
         height: 40px;
     }

     .hero-blob-2 {
         height: 400px;
     }

     .stat-heading {
         font-size: 30px;
         line-height: 140%;
     }

     .text-col p {
         font-size: 14px;
         line-height: 180%;
     }

     .stat-divider {
         margin: 20px auto;
     }

     .watermark-text {
         left: -10px;
         top: -15px;
     }

     .Logo-images img{
         width: 120px;
         height: auto;
     }

     .Big-Logos img{
         width: 114px;
         height: 90px;
     }

     .input-wrapper {
         /* flex-direction: column; */
         align-items: stretch;
         gap: 12px;
     }
     .para-footer{
        line-height: 24px;
     }

     .signup-btn {
         justify-content: flex-end;
     }

     .result-desc {
         font-size: 14px;
         line-height: 20px;
         padding: 12px;
     }

     .result-label {
         font-size: 16px;
     }

     .result-stat {
         font-size: 48px;
     }

     .result-stat .arrow svg {
         width: 30px;
     }

     .section-sub {
         font-size: 16px;
         margin-top: 0px;
     }

     .section-pill {
         font-size: 20px;
         padding: 3px 10px;
         line-height: 34px;
     }

     .services-section {
        padding-bottom: 40px;
        padding-right: 40px;
        padding-left: 40px;
     }

     .global-section h2 {
         font-size: 22px;
     }

     .global-section p {
         line-height: 24px;
     }

    .why-title  { font-size: 26px; line-height: 140%; }
    .why-desc   { font-size: 16px; line-height: 24px; }
    .why-badge  { font-size: 12px; height: 36px; padding: 0 12px; }
    .why-section { padding: 100px 0 30px;
     }
     .Why-choose-section h1{
    font-size: 40px;
 }
      .image-section {
    padding: 33px 12px;
  }

  /* overlay bottom se aaye taaki image upar dikhe */
  .image-section::after {
    background: linear-gradient(
      to top,
      rgba(10, 10, 40, 0.85) 40%,
      rgba(10, 10, 40, 0.3) 70%,
      transparent 100%
    );
  }

  /* box bottom pe aa jaye */
  .image-box {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    max-width: 100%;
    padding: 28px 20px;
  }

    .contact-section{
        display: inline-block;
        text-align: center;
    }
    .result-box{
    width: 100%;
    display: block;
    align-items:center;
    justify-content:center;
    gap: 33px;
}
 .result-card1{
    width: 100%;
 }

 .result-image img{
    width: 100%;
 }

 .FAQ-left{
    align-items: center;
    display: block;
    margin: auto;
    justify-content: center;
    gap: 33px;
}
.faq-right { 
    display: flex; 
    flex-direction: column;
    width:350px;
    margin: auto;
    padding-bottom: 0;
 }

 }



 /* ════════════════════════════════════════════════
   SERVICE DETAIL PAGE – RESPONSIVE
════════════════════════════════════════════════ */

 @media (max-width: 1199px) {

     /* .sdp-hero { min-height: 340px; } */
     .sdp-hero-content h1 {
         font-size: 36px;
         line-height: 50px;
     }

     .sdp-why-title {
         font-size: 30px;
     }

     .sdp-feature-box {
         padding: 36px 30px;
     }

     .sdp-ready-content h2 {
         font-size: 30px;
         line-height: 42px;
     }

     .sdp-people-title {
         font-size: 30px;
         line-height: 42px;
     }
 }

 @media (max-width: 991px) {

     /* .sdp-hero { min-height: 280px; padding-bottom: 48px; } */
     .sdp-hero-content h1 {
         font-size: 30px;
         line-height: 42px;
     }

     .sdp-intro {
         padding: 40px 0 32px;
     }

     .sdp-intro p {
         font-size: 15px;
     }

     .sdp-trust-card {
         padding: 32px 24px;
     }

     .sdp-trust-heading {
         font-size: 24px;
     }

     .sdp-trust-img {
         margin-top: 24px;
     }

     .sdp-about-service {
         padding: 48px 0;
     }

     .sdp-section-heading {
         font-size: 26px;
     }

     .sdp-why-section {
         padding: 50px 0;
     }

     .sdp-why-title {
         font-size: 26px;
     }

     .sdp-why-card {
         padding: 22px 18px;
     }

     .sdp-features-section {
         padding: 50px 0;
     }

     .sdp-feature-box {
         padding: 30px 24px;
         border-radius: 16px;
     }

     .sdp-feature-box h4 {
         font-size: 18px;
         margin-bottom: 20px;
     }

     .sdp-ready-section {
         padding: 70px 0;
     }

     .sdp-ready-content {
         max-width: 100%;
     }

     .sdp-ready-content h2 {
         font-size: 26px;
         line-height: 36px;
     }

     .sdp-faq-section {
         padding: 60px 0;
     }

     .sdp-people-title {
         font-size: 26px;
         line-height: 36px;
     }

     .sdp-faq-btn {
         font-size: 14px;
     }
.btn-talk.btn-desktop{
display:none;
}
 }

 @media (max-width: 768px) {
.sdp-ready-content .why-badge {
    margin-bottom: 0;
}
.whyLeft .why-badge {
    display: flex;}

.main-content {
    padding-top: 100px;
}

.contact-card {
         padding: 32px 17px 24px;
     }

     .workUs {
         padding: 40px 0;
     }

     .result-card1 h5 {
         font-size: 25px;
         line-height: 38px;
     }

     .btn-talk-1 .text-1 {
         padding: 13px 20px;
     }

     .btn-talk-1 {
         font-size: 16px;
     }
     .sdp-hero {
         padding: 70px 0;
         margin-top: 100px;
     }

     .sdp-hero-content h1 {
         font-size: 24px;
         line-height: 34px;
     }

     .sdp-intro {
         padding: 30px 0 24px;
     }

     .sdp-intro p {
         font-size: 14px;
         line-height: 24px;
         margin-bottom: 24px;
     }

     .sdp-trust {
         padding: 0 0 20px;
     }

     .sdp-trust-card {
         padding: 24px 20px;
         border-radius: 14px;
     }

     .sdp-service-badge {
         font-size: 12px;
         padding: 5px 14px;
     }

     .sdp-trust-heading {
         font-size: 20px;
         margin-bottom: 10px;
     }

     .sdp-trust-desc {
         font-size: 14px;
         line-height: 24px;
     }

     .sdp-trust-img {
         border-radius: 10px;
     }

     .sdp-about-service {
         padding: 36px 0;
     }

     .sdp-section-heading {
         font-size: 22px;
         margin-bottom: 12px;
     }

     .sdp-section-desc {
         font-size: 14px;
         line-height: 24px;
         margin: 0;
     }

     .sdp-why-section {
         padding: 40px 0;
     }

     .sdp-why-title {
         font-size: 22px;
     }

     .sdp-why-card {
         padding: 18px 16px;
         border-radius: 16px;
     }

     .sdp-why-card h5 {
         font-size: 14px;
         margin-bottom: 8px;
         margin-top: 8px;
     }

     .sdp-why-card p {
         font-size: 13px;
         line-height: 20px;
         height: auto;
     }

     .sdp-features-section {
         padding: 40px 0 0;
         margin: 0;
     }

     .sdp-feature-box {
         padding: 24px 20px;
         border-radius: 14px;
     }

     .sdp-feature-box h4 {
         font-size: 16px;
         margin-bottom: 16px;
     }

     .sdp-feature-box ul li {
         font-size: 13px;
         line-height: 22px;
         padding: 8px 0;
         gap: 10px;
         padding-left: 12px;
     }

     .sdp-ready-section {
         padding: 56px 0;
     }

     .sdp-ready-content h2 {
         font-size: 22px;
         line-height: 32px;
     }

     .sdp-ready-content p {
         font-size: 14px;
         margin-bottom: 22px;
     }

     .sdp-faq-section {
         padding: 48px 0;
     }

     .sdp-people-title {
         font-size: 22px;
         line-height: 32px;
     }

     .sdp-people-desc {
         font-size: 14px;
         margin-bottom: 22px;
     }

     .sdp-faq-btn {
         font-size: 13px;
         padding: 16px 0;
     }

     .sdp-faq-answer p {
         font-size: 13px;
     }
.monitoring.scaling .row{
flex-direction: column-reverse;
}
    .about-hero h2 {
        font-size: 30px;
        line-height: 40px;
    }
.ourHeading h3 {
    font-size: 30px;
    line-height: 10px;}
.campaignContent{
margin-top:2%;
}
.campaignContent h4 {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 12px;
}

.monitoring.scaling{
    padding: 10px 0;
}
.monitoringContent p {
    margin-bottom: 14px;
}
.monitoringContent span {

    margin-top: 32px;
}


/* Blog Details */

     .blogDetailsInner {
         padding: 90px 0 0;
     }

     .detailAllContent {
         margin-top: 30px;
     }

     .detailAllContent h2 {
         font-size: 30px;
         line-height: 40px;
         margin-bottom: 14px;
     }

     .blogUser {
         margin-top: 20px;
         flex-direction: column;
     }
 }

 @media (max-width: 575px) {

     /* .sdp-hero { min-height: 180px; padding-bottom: 28px; margin-top: 70px; } */
     .sdp-hero-content h1 {
         font-size: 20px;
         line-height: 28px;
     }

     .sdp-intro p {
         font-size: 13px;
     }

     .sdp-trust-card {
         padding: 20px 16px;
     }

     .sdp-trust-heading {
         font-size: 18px;
     }

     .sdp-section-heading {
         font-size: 20px;
         line-height: 26px;
     }

     .sdp-why-title {
         font-size: 20px;
         margin-bottom: 10px;
         line-height: 26px;
     }

     .sdp-why-card {
         padding: 16px 14px;
     }

     .sdp-feature-box {
         padding: 20px 16px;
     }

     .sdp-feature-box h4 {
         font-size: 15px;
     }

     .sdp-feature-box ul li {
         font-size: 12px;
     }

     .sdp-ready-content h2 {
         font-size: 20px;
         line-height: 28px;
     }

     .sdp-people-title {
         font-size: 20px;
         line-height: 28px;
     }

     .sdp-faq-btn {
         font-size: 12px;
     }
 }


 @media (max-width:768px) {

     /* blogs */
     .about-hero.blogInner {
         padding: 80px 0 20px;
     }

     .about-hero.blogInner h2 {
         font-size: 34px;
         line-height: 50px;
         margin-bottom: 10px;
     }

     .allBlogs {
         padding: 30px 0;
     }

     .allBlogs h3 {
         font-size: 29px;
         line-height: 30px;
     }

     .all-cards {
         margin-top: 20px;
     }

     /* testimonials */
     .testimonial {
         padding: 30px 0 0;
     }

     .testimonialHeading p {
         font-size: 20px;
         line-height: 36px;
     }

     .testimonialHeading h3 {
         font-size: 26px;
         line-height: 30px;
     }

     .eachSwiper {
         padding: 30px 24px 30px;
     }

     .about-results-section.testiResult {
         padding: 30px 0;
     }

     .about-results-section.testiResult .row {
         --bs-gutter-y: 30px;
     }

 }

 @media (max-width: 575px) {
     .about-hero.blogInner h2 {
         font-size: 30px;
         line-height: 40px;
         margin-bottom: 10px;
     }
 }