/* ─── CSS Variables ─── */
   :root {
       --primary: #00004D;
       --primary-dark: #0f0f4d;
       --primary-mid: #1e1e7a;
       --accent: #6c63ff;
       --accent-light: #8b85ff;
       --white: #ffffff;
       --dark-bg: #545487;
       --light-gray: #f0f0f8;
       --text-dark: #111133;
       --text-muted: #000000B2;
       --border: #e0e0f0;
       --card-bg: #0d0d55;
       --navy: #2A2A6A;
       --navy-light: rgba(42, 42, 106, 0.7);
       --navy-mid: linear-gradient(90deg, #00004D 0%, #605DBA 100%);
       --purple-light: #6464BE;
       --purple-mid: #7c5cfc;
       --purple-soft: #c4b5fd;
       --lavender: #ede9fe;
       --lavender-light: #f5f3ff;
       --white: #ffffff;
       --grid-line: rgba(99, 83, 200, 0.07);
   }

   * {
       box-sizing: border-box;
   }

   body {
       font-family: "Poppins", sans-serif;
       color: var(--text-dark);
       background: var(--white);
       overflow-x: hidden !important;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {

       font-weight: 800;
   }

   /* ─── Animations ─── */
   @keyframes fadeInUp {
       from {
           opacity: 0;
           transform: translateY(40px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @keyframes fadeInLeft {
       from {
           opacity: 0;
           transform: translateX(-40px);
       }

       to {
           opacity: 1;
           transform: translateX(0);
       }
   }

   @keyframes fadeInRight {
       from {
           opacity: 0;
           transform: translateX(40px);
       }

       to {
           opacity: 1;
           transform: translateX(0);
       }
   }

   @keyframes float {

       0%,
       100% {
           transform: translateY(0);
       }

       50% {
           transform: translateY(-12px);
       }
   }

   @keyframes pulse-ring {
       0% {
           transform: scale(1);
           opacity: .7;
       }

       100% {
           transform: scale(1.5);
           opacity: 0;
       }
   }

   @keyframes countUp {
       from {
           opacity: 0;
           transform: scale(.7);
       }

       to {
           opacity: 1;
           transform: scale(1);
       }
   }

   .animate-fade-up {
       animation: fadeInUp .7s ease both;
   }

   .animate-fade-left {
       animation: fadeInLeft .7s ease both;
   }

   .animate-fade-right {
       animation: fadeInRight .7s ease both;
   }

   .delay-1 {
       animation-delay: .1s;
   }

   .delay-2 {
       animation-delay: .2s;
   }

   .delay-3 {
       animation-delay: .3s;
   }

   .delay-4 {
       animation-delay: .4s;
   }

   .delay-5 {
       animation-delay: .5s;
   }

   .reveal {
       opacity: 0;
       transform: translateY(30px);
       transition: opacity .7s ease, transform .7s ease;
   }

   .reveal.visible {
       opacity: 1;
       transform: none;
   }

   #mainNav {
       position: fixed;
       top: 0;
       left: 0;
       right: 0;
       z-index: 1000;
       padding: 18px 0;
       padding-top: 73px;
       transition: background 0.35s ease, box-shadow 0.35s ease, padding 0.35s ease;
       background: transparent;
   }

   #mainNav.scrolled {
       background: white;
       box-shadow: 0 2px 24px rgba(26, 26, 94, 0.08);
       padding: 12px 0;
   }

   .navbar-brand.brand-custom img {
       display: block;
       width: auto;
       height: auto;
       width: 320px;
   }


   .nav-links-desktop {
       display: flex;
       align-items: center;
       /* gap: 6p\x; */
       list-style: none;
   }

   .nav-links-desktop li a {
       color: var(--navy-light);
       text-decoration: none;
       padding: 6px 12px;
       border-radius: 20px;
       font-weight: 400;
       font-size: 18px;
       line-height: 100%;
       letter-spacing: 0.2px;
       text-align: center;
       transition: color 0.2s;
   }

   .nav-links-desktop li a:hover , .nav-links-desktop li a.active {
       color: var(--navy);
   }

   .nav-sep {
       color: rgba(26, 26, 94, 0.25);
       font-size: 30px;
       padding: 0 2px;
   }

   .btn-apply {
       background: var(--navy-mid);
       color: var(--white) !important;
       font-weight: 500;
       font-size: 18px;
       line-height: 100%;
       text-align: center;
       padding: 12px 25px;
       border-radius: 50px;
       text-decoration: none;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       transition: all 0.2s ease-in-out;
       white-space: nowrap;
   }

   .btn-apply:hover {
       background: var(--purple-mid);
       transform: translateY(-1px);
       transition: all 0.3s ease-in-out;
   }

   .btn-apply .arrow-icon {
       width: 26px;
       height: 26px;
       background: rgba(255, 255, 255, 0.18);
       border-radius: 50%;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       font-size: 0.8rem;
   }

   /* hamburger */
   .nav-toggler {
       display: none;
       border: none;
       background: none;
       cursor: pointer;
       width: 40px;
       height: 40px;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       gap: 5px;
   }

   .nav-toggler span {
       display: block;
       width: 24px;
       height: 2px;
       background: var(--navy);
       border-radius: 2px;
       transition: all 0.3s;
   }

   /* ─── OFFCANVAS (mobile/tablet) ─────────────── */
   .offcanvas-nav.mobile-nav {
       position: fixed;
       top: 0;
       right: -320px;
       width: 300px;
       height: 100vh;
       background: var(--white);
       z-index: 2000;
       padding: 30px 16px;
       transition: right 0.35s cubic-bezier(.4, 0, .2, 1);
       box-shadow: -4px 0 40px rgba(26, 26, 94, 0.15);
       display: flex;
       flex-direction: column;
   }

   .offcanvas-nav.mobile-nav.open {
       right: 0;
   }

   .offcanvas-nav.mobile-nav .offcanvas-overlay {
       position: fixed;
       inset: 0;
       background: rgba(18, 18, 74, 0.45);
       z-index: 1999;
       opacity: 0;
       pointer-events: none;
       transition: opacity 0.35s;
   }

   .offcanvas-nav.mobile-nav .offcanvas-overlay.open {
       opacity: 1;
       pointer-events: all;
   }

   .offcanvas-nav.mobile-nav .offcanvas-header {
       display: flex;
       justify-content: flex-end;
       align-items: center;
       margin-bottom: 36px;
   }

   .offcanvas-nav.mobile-nav .offcanvas-close {
       background: none;
       border: none;
       cursor: pointer;
       width: 36px;
       height: 36px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       color: var(--navy);
       font-size: 1.3rem;
       transition: background 0.2s;
   }

   .offcanvas-nav.mobile-nav .offcanvas-close:hover {
       background: var(--lavender);
   }

   .offcanvas-nav.mobile-nav .offcanvas-links {
       list-style: none;
       display: flex;
       flex-direction: column;
       gap: 4px;
       padding: 0;
   }

   .offcanvas-nav.mobile-nav .offcanvas-links li a {
       display: block;
       font-size: 1rem;
       font-weight: 700;
       color: var(--navy);
       text-decoration: none;
       padding: 13px 16px;
       border-radius: 12px;
       transition: background 0.2s, color 0.2s;
   }

   .offcanvas-nav.mobile-nav .offcanvas-links li a:hover {
       background: var(--lavender);
       color: var(--purple-mid);
   }

   .offcanvas-nav.mobile-nav .offcanvas-links li a.active {
       background: var(--lavender);
       color: var(--purple-mid);
   }

   .offcanvas-nav.mobile-nav .offcanvas-bottom {
       margin-top: auto;
   }

   .offcanvas-nav.mobile-nav .btn-apply-offcanvas {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       width: 100%;
       padding: 14px 20px;
       background: var(--navy);
       color: var(--white);
       font-size: 0.95rem;
       font-weight: 700;
       border-radius: 50px;
       text-decoration: none;
       transition: all 0.3s ease-in-out;
   }

   .offcanvas-nav.mobile-nav .btn-apply-offcanvas:hover {
       background: var(--purple-mid);
       color: var(--white);
   }

   .main-wrapper {
       overflow-x: hidden !important;
   }

   /* ─── HERO SECTION ───────────────────────────── */
   .hero-section {
       position: relative;
       min-height: 100vh;
       background: #f0effe;
       overflow: hidden;
       display: flex;
       flex-direction: column;
   }



   /* grid bg */
   .hero-grid {
       position: absolute;
       inset: 0;
       background-image: url(../assets/bannerbg.png);
       background-size: cover;
       height: 1060px;
       background-position: center;
       background-repeat: no-repeat;
       pointer-events: none;
       top: 42px;
       left: -40px;
   }

   .hero-content-wrap {
       position: relative;
       z-index: 2;
       flex: 1;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       text-align: center;
       padding: 210px 20px 230px;
   }

   .hero-title {
       font-weight: 600;
       font-size: 84px;
       line-height: 100px;
       letter-spacing: -4px;
       text-align: center;
       max-width: 1085px;
       margin-bottom: 20px;
       background: linear-gradient(169.03deg, #2A2A6A 30.16%, #999999 92.14%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
   }

   .hero-title span {
       color: var(--navy-mid);
   }

   .hero-sub {
       font-weight: 400;
       font-size: 32px;
       line-height: 54px;
       letter-spacing: 0.2px;
       color: #2A2A6A;
       margin-bottom: 53px;
       margin-top: 16px;
       max-width: 1133px;
   }

   .btn-talk {
       display: inline-flex;
       align-items: center;
       color: var(--white);
       font-weight: 400;
       font-size: 18px;
       line-height: 130%;
       text-transform: capitalize;
       text-decoration: none;
       transition: all 0.2s ease-in-out;
   }

   .btn-talk .text {
       background: var(--navy);
       padding: 13px 36px;
       border-radius: 25px;
   }

   .btn-talk:hover {
       transform: translateY(-2px);
   }

   .btn-talk .talk-arrow {
       width: 50px;
       height: 50px;
       border-radius: 50px;
       background: var(--navy);
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease-in-out;
   }

   .btn-talk:hover .talk-arrow {
       transform: scale(1.03);
   }

   /* newcss  */
   .partner-shape-section {
       position: relative;
       padding-top: 40px;
   }

   #oval {
       position: absolute;
       left: 50%;
       top: 153px;
       transform: translate(-50%, -50%);
       z-index: 0;
       width: 2511px;
       height: 520px;
       background: #ffffff;
       border-radius: 50%;
       overflow: hidden;
   }

   #oval2 {
       position: absolute;
       left: 50%;
       top: 122px;
       transform: translate(-50%, -50%);
       z-index: 0;
       width: 2511px;
       height: 520px;
       background: linear-gradient(90.44deg, #2A2A6A 0.36%, #9720FF 48.5%, #2A2A6A 99.62%);
       border-radius: 50%;
       filter: blur(30px);
       overflow: hidden;
       opacity: 0.5;
   }

   /* TOP GRADIENT BORDER ONLY */
   #oval::before {
       content: "";
       position: absolute;
       inset: 0;
       border-radius: 50%;
       padding: 5px;
       background: linear-gradient(90deg,
               #00004D 0%,
               #7E7EA5 57%,
               #2A2A6A 100%);
       -webkit-mask:
           linear-gradient(#fff 0 0) content-box,
           linear-gradient(#fff 0 0);
       -webkit-mask-composite: xor;
       mask-composite: exclude;
   }


   /* ─── BELOW-FOLD SECTION ─────────────────────── */
   .below-section {
       background: var(--white);
       position: relative;
       z-index: 4;
   }

   .below-inner {
       max-width: 1170px;
       margin: 0 auto;
       padding: 0 24px;
       display: flex;
       align-items: flex-start;
       gap: 20px;
   }

   /* watermark text */
   .stat-col {
       position: relative;
       flex: 0 0 auto;
       max-width: 555px;
   }

.watermark-text {
    position: absolute;
    z-index: -1;
    top: -9px;
    left: -19px;
    font-family: 'Kumbh Sans', sans-serif;
    font-weight: 900;
    font-size: 64px;
    line-height: 60px;
    text-transform: uppercase;
    color: transparent;
    opacity: 0.1;
    -webkit-text-stroke: 1px black;
    /* -webkit-text-stroke: 1px rgba(42, 42, 106, 1); */
    max-width: 555px;
}

   .squiggle {
         display: block;
    margin-bottom: 14px;
    max-width: 73px;
    position: absolute;
    top: -15%;
   }

   .squiggle svg path {
       stroke: var(--purple-mid);
       stroke-width: 2.5;
       fill: none;
   }

.stat-heading {
    font-family: "Jost", sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 53px;
    letter-spacing: 0.42px;
    color: var(--navy);
    max-width: 555px;
}

   .stat-divider {
       width: 100%;
       max-width: 970px;
       height: 1px;
       background: var(--navy);
       margin: 40px auto;
   }

   .text-col {
       flex: 1;
   }

 .text-col p {
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: var(--navy);
}
   /* Brand section  */

   .brand-section {
       background: #34346e;
       padding: 30px 0;
       position: relative;
       z-index: 6;

   }

   /* Container */
   .brand-container {
       /*max-width: 1100px;*//
       margin: auto;

   }


   /* Row */
   .brand-row {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 15px 0;
       gap: 20px;
   }

   /* Logos */
   .brand-row img {
       max-width: 110px;
       object-fit: contain;
       opacity: 0.9;
       filter: brightness(0) invert(1);
       /* makes logos white */
       transition: 0.3s;
   }

   /* ─── Services ─── */
   .services-section {
       padding: 60px 0;
       position: relative;
   }

#service-home .service-card h5{
margin: 15px 0;
}
#service-home .service-card p{
margin:0;
}

   /* 
   .services-section::after {
    content: "";
    position: absolute;
    bottom: -40%;
   left: -10%;
    width: 60%;
    height: 120%;
   background: #7E7EA533;
    filter: blur(80px);
    z-index: 0;
    pointer-events: none;
} */

   .section-pill {
       /* Layout & Box Model */
       display: inline-block;
       padding: 8px 28px;
       margin-bottom: 14px;
       text-align: center;

       /* Typography - based on Figma "Our Services" node */
       font-weight: 500;
       font-size: 48px;
       line-height: 48px;
       letter-spacing: 0px;
       color: #00004D;

       /* Gradient Border with Rounded Corners */
       border: 1px solid transparent;
       border-radius: 25px;
          }

   .section-sub {
       font-weight: 400;
       font-size: 24px;
       line-height: 28px;
       color: var(--text-muted);
       margin: 18px 0;
   }

   .services-section .section-sub {
       font-size: 16px;
       line-height: 28px;
       margin: 0;
   }

.serviceIcon{
display:flex;
align-items:center;
gap:20px;
}

   .service-card {
       background: linear-gradient(90deg, #00004D 0%, #0000B3 100%);
       position: relative;
       color: var(--white);
       border-radius: 16px;
       padding: 20px 30px;
       height: 100%;
       transition: transform .3s, box-shadow .3s;
       cursor: pointer;
	display: block;
	text-decoration: none;
   }

   .bold-section-para {
       font-weight: 700;
       font-size: 24px;
       line-height: 28px;
       text-align: center;
       color: rgba(0, 0, 0, 0.7);
       margin: 10px 0px;
   }

   .service-card::after {
       content: "";
       position: absolute;
       top: -80px;
       right: -150px;
       width: 407px;
       height: 415px;
       background-image: url(../assets/blur-service-img.png);
       background-size: cover;
       background-position: center;
       pointer-events: none;
   }

   .service-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 20px 50px rgba(26, 26, 110, .35);
   }

   .service-card .icon-wrap {
       width: 64px;
       height: 65px;
       background: #fff;
       border-radius: 10px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

.icon-wrap img{
max-width: 39.39px;
}

   .service-card .icon-wrap i {
       color: var(--white);
       font-size: 1.2rem;
   }

   .service-card h5 {
       font-weight: 600;
       font-size: 28px;
       line-height: 32px;

    margin-bottom: 0;

   }

   .service-card p {
       font-weight: 400;
       font-size: 17px;
       line-height: 24px;
       color: #FFFFFFB2;
       margin-top: 20px;
   }

   .btn-outline-dark-pill {
       border-top: 0.8px solid #00004D;
       background: #00004D;
       color: white;
       border-radius: 8px;
       padding: 14px 20px;
       font-weight: 600;
       font-size: 16px;
       line-height: 20px;
       text-decoration: none;
       transition: all .25s;
       display: inline-block;
       margin-top: 40px;
       box-shadow: 4px 6px 25px 0px #00000024;

   }

   .btn-outline-dark-pill:hover {
       background: var(--primary);
       color: var(--white);
       border-color: var(--primary);
   }

   /* ─── Results ─── */
   .results-section {
       background: var(--white);
       padding: 80px 0;
       padding-top: 0;
   }

   .text-blue {
       color: #00004D;
   }

   .result-card {
       position: relative;
       border-radius: 30px;
       padding: 32px 24px;
       background: linear-gradient(180deg,
               rgba(75, 75, 202, 0.08),
               rgba(0, 0, 77, 0.08));
       text-align: center;
   }

   .result-card::before {
       content: "";
       position: absolute;
       inset: 0;
       border-radius: inherit;
       padding: 1px;
       background: linear-gradient(217.36deg, #8C6BDA 6.7%, #000000 93.3%);
       -webkit-mask:
           linear-gradient(#fff 0 0) content-box,
           linear-gradient(#fff 0 0);
       -webkit-mask-composite: xor;
       mask-composite: exclude;
       pointer-events: none;
   }

   .case-badge {
       position: relative;
       display: inline-block;
       padding: 10px 20px;
       border-radius: 25px;
       background: transparent;
       font-weight: 400;
       font-size: 16px;
       line-height: 1;
       color: #000;
       margin-bottom: 14px;
       z-index: 1;
   }

   /* Gradient border */
   .case-badge::before {
       content: "";
       position: absolute;
       inset: 0;
       border-radius: inherit;
       padding: 1px;
       background: linear-gradient(95.49deg,
               #00004D 13.32%,
               #969696 50%,
               #00004D 86.68%);
       -webkit-mask:
           linear-gradient(#fff 0 0) content-box,
           linear-gradient(#fff 0 0);
       -webkit-mask-composite: xor;
       mask-composite: exclude;
       pointer-events: none;
   }

   .result-stat {
       font-weight: 600;
       font-size: 80px;
       line-height: 56px;
       text-transform: capitalize;
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 6px;
       margin: 25px 0px;
   }

   .result-label {
       font-weight: 400;
       font-size: 20px;
       line-height: 28px;
       text-transform: capitalize;
       color: var(--primary);
       margin-bottom: 16px;
   }

   .result-desc {
       position: relative;
       padding: 25px 0;
       font-weight: 400;
       font-size: 18px;
       line-height: 28px;
       text-transform: capitalize;
       color: var(--primary);
   }

   /* Top line */
   .result-desc::before,
   .result-desc::after {
       content: "";
       position: absolute;
       left: 0;
       width: 100%;
       height: 1px;
       background: linear-gradient(90deg,
               #00004D 0%,
               #A8A8A8 49.52%,
               #00004D 100%);
   }

   .result-desc::before {
       top: 0;
   }

   .result-desc::after {
       bottom: 0;
   }

   .btn-learn {
       margin-top: 16px;
       background: var(--purple-light);
       color: var(--white);
       border-radius: 25px;
       padding: 13px 24px;
       font-weight: 400;
       font-size: 18px;
       line-height: 100%;
       text-transform: capitalize;
       text-decoration: none;
       display: inline-block;
       transition: all .3s ease-in-out;
   }

   .btn-learn:hover {
       background: var(--primary);
       color: var(--white);
       border-color: var(--primary);
   }

   /* ─── Global Support ─── */
   .global-section {
       background: var(--dark-bg);
       border: 1px solid #545487;
       height: 562px;
       max-height: 562px;
       padding: 80px 0;
       color: var(--white);
       position: relative;
   }

   .global-section::before {
       content: "";
       position: absolute;
       bottom: -40%;
       left: -10%;
       width: 60%;
       height: 120%;
       background: #5454874D;
       filter: blur(80px);
       z-index: 0;
       pointer-events: none;
   }

   .global-section::after {
       content: "";
       position: absolute;
       top: -30%;
       right: -10%;
       width: 60%;
       height: 120%;
       background: #5454874D;
       filter: blur(80px);
       z-index: 0;
       pointer-events: none;
   }

   .global-section h2 {
       font-weight: 500;
       font-size: 44px;
       line-height: 48px;
       text-align: center;
       text-transform: capitalize;

   }

   .global-section p {
       font-weight: 400;
       font-size: 22px;
       line-height: 34px;
       text-align: center;
       text-transform: capitalize;
   }

   .video-thumb {
       border-radius: 16px;
       position: relative;
       z-index: 3;
       background-image: url(../assets/video-placeholder.png);
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       cursor: pointer;
       width: 100%;
       max-width: 992px;
       height: 466px;
       box-shadow: 0px 14px 14px 0px #00000026;

   }

   .video-thumb img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       opacity: .5;
   }


   .play-btn {
       position: absolute;
       inset: 0;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .play-circle {
       width: 70px;
       height: 70px;
       background: var(--white);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       position: relative;
       transition: transform .3s;
   }

   .play-circle:hover {
       transform: scale(1.1);
   }

   .play-circle::before {
       content: '';
       position: absolute;
       width: 100%;
       height: 100%;
       border-radius: 50%;
       background: rgba(255, 255, 255, .3);
       animation: pulse-ring 1.5s ease-out infinite;
   }

   .play-circle i {
       color: var(--dark-bg);
       font-size: 1.4rem;
       margin-left: 4px;
   }

   /* Global stat section  */

   .global-stats-sec {
       padding-top: 230px;
       color: #000 !important;
   }

   .stat-item {
       text-align: center;
   }

   .global-icon {
       width: 47px;
       height: 47px;
       margin: 0 auto;
       margin-bottom: 24px;
   }

   .stat-num {
       font-weight: 600;
       font-size: 51px;
       line-height: 40px;
       text-align: center;
       margin-bottom: 16px;
       color: var(--primary);
       -webkit-text-stroke: 1px #D4D4D4;
   }

   .stat-label {
       font-weight: 600;
       font-size: 22px;
       line-height: 40px;
       text-align: center;
       color: var(--primary);
       -webkit-text-stroke: 0.5px #D4D4D4;
       /* reduce */
   }

   .stat-desc {
       font-weight: 500;
       font-size: 18px;
       line-height: 26px;
       letter-spacing: 0%;
       text-align: center;
       text-transform: capitalize;
       color: var(--primary);
       border-top: 1px solid #545487;
       padding-top: 24px;
       margin-top: 12px;
       -webkit-text-stroke: 0.1px #D4D4D4;
       text-shadow: 0 0.2px 0.2px rgba(212, 212, 212, 0.4);
   }

   /* ─── What Makes Us Different ─── */
   .different-section {
       padding: 89px 0;
       padding-bottom: 60px;

   }

   .diff-outer-card {
       background: #ffffff;
       border-radius: 28px;
       overflow: hidden;
       display: flex;
       flex-direction: row;
       min-height: 480px;
   }

   /* LEFT — illustrated image panel */
   .diff-left {
       flex: 0 0 45%;
       position: relative;
       border-radius: 30px;
       overflow: hidden;
       min-height: 360px;
       z-index: 3;
   }

   .diff-left img {
       width: 100%;
       height: 900px;
       object-fit: cover;
   }


   /* RIGHT — text content panel */
   .diff-right {
       flex: 1;
       padding: 20px 44px 20px 40px;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }

   .diff-right h2 {
       background: transparent;
       border-top-right-radius: 25px;
       border-bottom-right-radius: 25px;
       border-left: 0;
       font-size: 36px;
       line-height: 60px;
       color: var(--primary);
       font-weight: 500;
       padding-left: 22px;

   }

   .diff-right .diff-subtitle {
       font-weight: 400;
       font-size: 20px;
       line-height: 30px;
       text-transform: capitalize;
       margin-top: 12px;
   }

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

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

   .inner-bg {
       position: relative;
       padding: 59px 13px 40px 0px;
       background: #E1E1F6;
       border-top-right-radius: 57px;
       border-bottom-right-radius: 57px;
       z-index: 1;
       margin-left: -2px;
   }

   .inner-bg::before {
       content: "";
       position: absolute;
       inset: 0;
       padding: 1px;
       /* border thickness */
       border-top-right-radius: 57px;
       border-bottom-right-radius: 57px;

       background: linear-gradient(180deg, #4A4AEE 0%, #00004D 100%);

       -webkit-mask:
           linear-gradient(#fff 0 0) content-box,
           linear-gradient(#fff 0 0);
       -webkit-mask-composite: xor;
       mask-composite: exclude;

       z-index: -1;
   }

   .inner-content {
       padding-left: 22px;
   }

   .diff-item {
       margin-bottom: 16px;
       opacity: 0;
       transform: translateX(30px);
       transition: opacity .5s ease, transform .5s ease;
   }

   .diff-item.item-visible {
       opacity: 1;
       transform: none;
   }

   .diff-item h6 {
       color: #0A0A91;
       font-weight: 500;
       font-size: 32px;
       line-height: 48px;
       text-transform: capitalize;
   }

   .diff-item p {
       font-weight: 400;
       font-size: 18px;
       line-height: 25px;
       text-transform: capitalize;
       color: #000000;
       margin-bottom: 0;
   }

   /* ─── CTA Banner ─── */
   .cta-banner {
       background: var(--white);
       padding: 60px 0;
       padding-bottom: 63px;
   }

   .cta-box {
       border-radius: 25px;
       padding: 24px;
       text-align: center;
       font-weight: 600;
       font-size: 34px;
       line-height: 49px;
       color: #00004D;
       margin-bottom: 0;
   }

   .cta-box h2 {
       max-width: 700px;
       margin: 0 auto;
   }

   .cta-box p {
       font-size: 16px;
       line-height: 28px;
       color: var(--text-muted);
       margin-bottom: 0;
       font-weight: 500;
       max-width: 700px;
       margin: 0 auto;

   }

   .btn-primary-pill {
       background: #3F3F6B;
       color: var(--white);
       border: 1px solid #000000;
       border-radius: 8px;
       padding: 13px 24px;
       font-weight: 700;
       font-size: 14px;
       line-height: 24px;
       text-decoration: none;
       transition: all .25s;
       display: inline-block;
       margin: 0 8px;
       box-shadow: 0 6px 24px rgba(26, 26, 110, .2);
   }

   .btn-primary-pill:hover {
       background: #3f3f6b90;
       color: var(--white);
       transform: translateY(-2px);
   }

   .btn-ghost-pill {
       border: 1.6px solid #00004D;
       color: #00004D;
       border-radius: 8px;
       padding: 13px 24px;
       font-weight: 400;
       font-size: 14px;
       line-height: 20px;
       text-decoration: none;
       transition: all .25s;
       display: inline-block;
       margin: 0 8px;
   }

   .btn-ghost-pill:hover {
       background: var(--text-dark);
       color: var(--white);
   }

   /* ─── Footer ─── */
   footer {
       font-family: "Jost", sans-serif;
       color: var(--white);
       /* padding: 60px 0 30px; */
       position: relative;
       /* z-index: 2; */
       /* overflow: hidden; */

   }

footer::after {
    content: "";
    position: absolute;
    top: -80px;
    right: -20%;
    width: 50%;
    height: 100%;
    filter: blur(90px);
    pointer-events: none;
    z-index: 1;
    opacity: 1;
}
   .bg-blue-footer {
       background: linear-gradient(180deg, #00004D 0%, #000012 100%);
    padding: 40px 0 25px;
    border-radius: 43px 43px 0 0;
    position: relative;
   }

   footer img {
       max-width: 100%;
   }

   footer .brand span {
       color: var(--accent-light);
   }

   .social-links {
       display: flex;
       gap: 12px;
       margin-top: 18px;
   }

   .social-links a {
       width: 36px;
       height: 36px;
       background: transparent;
       border: 1px solid #fff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: rgba(255, 255, 255, .7);
       text-decoration: none;
       transition: all .2s;
   }

   .social-links a:hover {
       background: var(--accent);
       color: var(--white);
       transform: scale(1.1);
   }

   .footer-heading {
       font-weight: 500;
       font-size: 22px;
       line-height: 26.4px;
       letter-spacing: 0.22px;
       margin-bottom: 16px;
   }

   .para-footer {
       font-weight: 500;
       font-size: 24px;
       line-height: 35px;
       margin-top: 20px;
   }

   .footer-links {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .footer-links li {
       margin-bottom: 10px;
   }

   .footer-links a {
       font-family: "Kumbh Sans", sans-serif;
       color: white;
       text-decoration: none;
       font-weight: 400;
       font-size: 14px;
       line-height: 26px;
       transition: color .2s;
   }

   .footer-links a:hover {
       color: var(--accent-light);
   }

   /* Wrapper */
   .input-wrapper {
       font-family: "Kumbh Sans", sans-serif;
       width: 100%;
       max-width: 420px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       border-bottom: 2px solid rgba(255, 255, 255, 0.6);
       padding: 12px 0;
       gap: 10px;
   }

   /* Left */
   .left {
       display: flex;
       align-items: center;
       gap: 10px;
       flex: 1;
   }

   .icon {
       width: 18px;
       height: 18px;
       opacity: 0.8;
   }

   /* Input */
   input {
       width: 100%;
       background: transparent;
       border: none;
       outline: none;
       color: white;
       font-size: 16px;
   }

   input::placeholder {
       color: rgba(255, 255, 255, 0.7);
   }

   /* Button */
   .signup-btn {
       background: none;
       border: none;
       color: white;
       font-size: 15px;
       cursor: pointer;
       display: flex;
       align-items: center;
       gap: 5px;
       white-space: nowrap;
       transition: 0.3s;
   }

   /* Hover */
   .signup-btn:hover {
       opacity: 0.7;
       transform: translateX(4px);
   }

   /* Focus effect */
   .input-wrapper:focus-within {
       border-color: var(--accent);
   }

   .footer-divider {
       border-color: rgba(255, 255, 255, .08);
       margin: 36px 0 18px;
   }

   .footer-bottom {
       font-size: .8rem;
       color: rgba(255, 255, 255, .4);
   }

.footerMail{
display:flex;
align-items:center;
gap:10px;
}

.footerMail p{
fontsize:16px;
color:#fff;
margin-bottom:0;
}

.footerMail a{
color:#fff;
text-decoration:none;
font-size: 18px;
}
   /* ─── Misc ─── */
   .divider-icon {
       width: 4px;
       height: 4px;
       border-radius: 50%;
       background: var(--text-muted);
       display: inline-block;
       vertical-align: middle;
       margin: 0 8px;
   }

   /* Scroll-triggered animation helper */
   [data-reveal] {
       opacity: 0;
       transform: translateY(28px);
       transition: opacity .65s ease, transform .65s ease;
   }

   [data-reveal].revealed {
       opacity: 1;
       transform: none;
   }

   [data-reveal][data-delay="1"] {
       transition-delay: .1s;
   }

   [data-reveal][data-delay="2"] {
       transition-delay: .2s;
   }

   [data-reveal][data-delay="3"] {
       transition-delay: .3s;
   }

   [data-reveal][data-delay="4"] {
       transition-delay: .4s;
   }



/* Updated css */

   /* faq section  */

   .faq-section {
       position: relative;
       overflow: hidden;
   }

   .faq-left {
       position: relative;
   }

   /* Move image outside container */
   .faq-image {
       position: relative;
       z-index: -1;
       left: -160px;
       width: 883px;
       height: 889px;
   }

   .custom-accordion .accordion-item {
       border: 0;
       background: transparent;
       padding: 5px 0;
   }

   .custom-accordion .accordion-button {
       background: transparent;
       box-shadow: none;
       padding: 22px 40px 22px 0;
       font-size: 28px;
       line-height: 1.35;
       font-weight: 700;
       color: #0b0b57;
       position: relative;
   }

   .custom-accordion .accordion-button:not(.collapsed) {
       background: transparent;
       color: #0b0b57;
   }

   .custom-accordion .accordion-button::after {
       display: none;
   }

   .custom-accordion .accordion-body {
       padding: 0 30px 20px 0;
       color: #666;
       font-size: 16px;
       line-height: 1.8;
       max-width: 95%;
   }

   .faq-icon {
       margin-left: auto;
       position: relative;
       width: 16px;
       height: 16px;
       flex-shrink: 0;
       padding-left: 18px;
   }

   .faq-icon svg {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       transition: 0.3s ease;
   }

   /* Default State */
   .minus-icon {
       opacity: 0;
       visibility: hidden;
   }

   /* Open State */
   .accordion-button:not(.collapsed) .plus-icon {
       opacity: 0;
       visibility: hidden;
   }

   .accordion-button:not(.collapsed) .minus-icon {
       opacity: 1;
       visibility: visible;
   }

   /* navigation updation */

   .nav-links-desktop {
       display: flex;
       align-items: center;
       list-style: none;
       margin-bottom: 0;
       padding-left: 0;
   }

   /* Bootstrap Dropdown Custom Theme */
   .services-dropdown .dropdown-toggle {
       color: var(--navy-light);
       text-decoration: none;
       padding: 6px 12px;
       border-radius: 20px;
       font-weight: 400;
       line-height: 100%;
       letter-spacing: 0.2px;
       transition: color 0.2s ease;
       display: flex;
       align-items: center;
       gap: 6px;
   }

   .services-dropdown .dropdown-toggle:hover,
   .services-dropdown .dropdown-toggle.show {
       color: var(--navy);
   }

   .services-dropdown .dropdown-toggle::after {
       border: 0;
       width: 9px;
       height: 8px;
       margin-left: 2px;
       transition: transform 0.3s ease;
       background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_315_82)'%3E%3Cpath d='M4.85118 6.22235L8.85622 2.66225C8.94893 2.57991 9 2.46999 9 2.35279C9 2.23559 8.94893 2.12567 8.85622 2.04333L8.56135 1.78115C8.3692 1.61055 8.05691 1.61055 7.86506 1.78115L4.50187 4.77066L1.13494 1.77784C1.04224 1.6955 0.918651 1.65003 0.786871 1.65003C0.654945 1.65003 0.531361 1.6955 0.438581 1.77784L0.143779 2.04001C0.0510721 2.12242 0 2.23227 0 2.34947C0 2.46668 0.0510721 2.57659 0.143779 2.65893L4.15248 6.22235C4.24548 6.30489 4.36965 6.35022 4.50165 6.34996C4.63416 6.35022 4.75825 6.30489 4.85118 6.22235Z' fill='%236A6A97'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_315_82'%3E%3Crect width='8' height='9' fill='white' transform='matrix(0 1 -1 0 9 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
       background-repeat: no-repeat;
       background-position: center;
       background-size: contain;
   }

   /* Rotate when dropdown opens */
   .services-dropdown .dropdown-toggle.show::after {
       transform: rotate(180deg);
   }

   .services-dropdown .dropdown-menu {
       border: 0;
       border-radius: 18px;
       padding: 10px;
       min-width: 240px;
       margin-top: 14px;
       box-shadow: 0 10px 35px rgba(26, 26, 94, 0.12);
       background: #fff;
   }

   .services-dropdown .dropdown-item {
       border-radius: 12px;
       padding: 12px 14px;
       font-size: 16px;
       font-weight: 500;
       text-align: left;
       color: var(--navy);
       transition: all 0.25s ease;
   }

   .services-dropdown .dropdown-item:hover {
       background: var(--lavender);
       color: var(--purple-mid);
   }

   .btn-ghost-pill {
       background: #2020201A;

   }

   .section-sub {
       font-size: 28px;
       line-height: 60px;
       font-weight: 400;
       margin-top: 0;
       color: #454548 !important;
   }

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

   .btn-apply {
       padding: 12px 18px;
   }

   .nav-links-desktop li a {
       padding: 6px 8px;
       font-size: 18px;
   }

   .nav-sep {
       font-size: 20px;
       padding: 0 1px;
       color: #2A2A6AB2;
   }

   /* Large Desktop */
   @media (min-width: 1400px) {
       .faq-image {
           left: -220px;
       }
   }

   /* Laptop */
   @media (max-width: 1199px) {
       .faq-image {
           left: -150px;
       }

       .custom-accordion .accordion-button {
           font-size: 20px;
       }

       .custom-accordion .accordion-button {
           padding: 18px 5px 18px 0;
       }

       .faq-image {
           width: 733px;
           height: 759px;
       }

       .navbar-brand.brand-custom img {
           width: 236px !important;
       }
   }

   /* Tablet & Mobile */
   @media (max-width: 991px) {
       .faq-section {
           padding: 60px 0;
       }

       .custom-accordion .accordion-button {
           font-size: 22px;
       }

       .faq-image {
           left: 0;
           max-width: 520px;
           height: 100%;
           margin: auto;
           display: block;
       }

       .faq-left {
           text-align: center;
       }

       .services-dropdown .dropdown-toggle::after {
           vertical-align: 0px;
       }
   }

   @media (max-width:767px) {
       .custom-accordion .accordion-button {
           font-size: 18px;
           line-height: 26px;
           padding: 8px 5px 8px 0;
       }

       div#faqAccordion {
           margin-top: -30px;
       }

       .faq-image {
           max-width: 440px;
       }

   }

   /* Mobile */
   @media (max-width: 575px) {

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

       .faq-image {
           max-width: 310px;
       }

       .custom-accordion .accordion-button {
           font-size: 16px;
           padding-right: 28px;
       }

       .custom-accordion .accordion-body {
           font-size: 14px;
       }

       .custom-accordion .accordion-button .faq-icon {
           font-size: 15px;
       }

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

       .bold-section-para {
           font-size: 18px;
           line-height: 130%;
       }

       .services-section .section-sub {
           line-height: 24px;

       }

       .global-stats-sec {
           margin-top: 20px;
       }
	.hero-content-wrap {
        padding: 90px 20px 149px !important;
    }
   }

.nav-links-desktop li::after{
content : none !important;
}



  /* ===================SERVICE STYLING =================== */

.why-section {
  padding: 160px 0px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-image: url(../assets/servicebg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#service-inner .row{--bs-gutter-y: 45px;}


/* Why Choose Us badge */
.why-badge {
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 20px;
  border-radius: 23px;
  background-color: rgba(217, 217, 217, 0.5);
  font-size: 18px;
  color: black;
  margin-bottom: 20px;
}

.why-title {
  width: 541px;
  max-width: 100%;
  font-size: 46px;
  font-weight: 600;
  font-family: 'your-font', sans-serif;
  color: #1a1a6e;
  line-height: 60px;
  letter-spacing: -0.04em;
}

/* Description paragraph */
.why-desc  {
  font-size: 23px;
  color:#2A2A6A;
  line-height: 36px;
    max-width: 467px;
}


/* image section */
.image-section{
    height: 800px;
    background-image: url(../assets/background.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-box{
    max-width: 450px;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(50px);
    padding: 30px 25px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    border: 2px solid rgba(255, 255, 255, 0.3);
    gap: 22px;
    position: absolute;
    transform: translateY(15%);
    left: 200px;
    max-width: 420px;
    z-index: 2;
}

/* Top Tag */
.image-box span{
    width: fit-content;
    background: #e8e8e8;
    color: #222;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
}

/* Heading */
.image-box h1{
    font-size: 30px;
    line-height: 44px;
    font-weight: 700;
    color: #2e2d83;
    margin: 0;
}

/* Paragraph */
.image-box p{
    font-size: 21px;
    line-height: 31px;
    font-weight: 400;
    color:black;
    margin: 0;
}


.Why-choose-section{
    background-color: white;
    text-align: center;
    padding: 60px 20px;
}

.Why-choose-section h1{
    font-size: 46px;
    font-family: 'poppins', sans-serif;
    font-weight: 500;
    color: rgba(0, 0, 77, 1);
}

.Why-choose-section p{
    font-size: 24px;
    color: rgba(0, 0, 77, 1);
    font-weight: 400;
    font-family: 'poppins' , sans-serif;
}

.bold-section{
    font-style: italic;
    font-weight: 600;
    font-size: 40px;
}

.bold-section1{
    font-style: italic;
    font-weight: 500;
    font-size: 30px;
}


.choice-section p{
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
}


/* evolve demand section */
.demand-card{
    position: relative;
       border-radius: 30px;
       padding: 2px 24px;
       background: linear-gradient(180deg,
               rgba(75, 75, 202, 0.08),
               rgba(0, 0, 77, 0.08));
       text-align: center;
       height: 476px;
       border-radius: 30px;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       gap: 10px;
}

.demand-card::before {
       content: "";
       position: absolute;
       inset: 0;
       border-radius: inherit;
       padding: 1px;
       background: linear-gradient(217.36deg, #8C6BDA 6.7%, #000000 93.3%);
       -webkit-mask:
               linear-gradient(#fff 0 0) content-box,
               linear-gradient(#fff 0 0);
       -webkit-mask-composite: xor;
       mask-composite: exclude;
       pointer-events: none;
}

.demand-card h5{
       font-weight: 600;
       font-size: 34px;
       line-height: 42px;
       color: #00004D;
}

.demand-card p{
       font-size: 18px;
min-height: 181px;
    max-width: 288px;
}

.demand-label h2{

    border-bottom: 2px solid linear-gradient(90deg,#FFFFFF00,#00004D,#FFFFFF00);
}
.demand{
      position: relative;
       padding: 25px 0;
       font-weight: 400;
       font-size: 18px;
       line-height: 28px;
       text-transform: capitalize;
       color: var(--primary);
}


.divider{
  border: none;
  width: 60%;  
  height: 1.5px;                       
  margin: 12px auto 15px;            
  opacity: 0.5;
  background: linear-gradient(
    to right,
    #FFFFFF00,   /* left: white 0% opacity = transparent */
    #00004D,     /* center: dark navy */
    #FFFFFF00  
  )
}

.join{
padding:60px 0;
}

.community{
display:flex;
align-items:center;
gap:130px;
padding: 0 60px 0;
}

.joinHeading h5{
font-size:33px;
font-weight:600;
line-height:50px;
color:#2A2A6A;
}

.joinHeading{
max-width:704px;
}

.contact-section{
    width: 100%;
    background: var(--white);
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 20px;
}

.contact-section h5{
    font-size: 33px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -2%;
    color: #2A2A6A;
}


/* result section  */
.result-box{
    width: 100%;
    display: flex;
    align-items:center;
    justify-content: center;
    gap: 33px;
    margin: auto;
    padding: 33px 33px;
}

.result-card1{
   position: relative;
    border-radius: 30px;
    padding: 2px 36px;
    background-color: #00004D;
    text-align: left;
    /* width: 544px; */
    height: 350px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    gap: 10px;
}

.result-card1 h5{
    font-size: 29px;
    color: #B5B5FF;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -1%;
}

.result-card1 p{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 28px;
    letter-spacing: -2%;
}

.result-image img{
    width: 100%;
    border-radius: 30px;
}


.btn-talk-1{
     display: inline-flex;
       align-items: center;
       color: var(--white);
       font-weight: 400;
       font-size: 18px;
       line-height: 130%;
       text-transform: capitalize;
       text-decoration: none;
       transition: all 0.2s ease-in-out;
}

.btn-talk-1 .text-1{
       background: #2A2A6A;
       padding: 13px 36px;
       border-radius: 25px;
}


 .btn-talk-1 .talk-arrow-1 {
       width: 50px;
       height: 50px;
       border-radius: 50px;
       background-color: #2A2A6A;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 0.3s ease-in-out;
   }

   .btn-talk:hover .talk-arrow {
       transform: scale(1.03);
   }

.FAQ-section{
    display: flex;
    align-items: start;
    justify-content:center;
    height: fit-content;
    padding: 33px 20px;
}

.why-FAQ{
  font-size: 21px;
  color:black;
  line-height: 36px;
}

.FAQ-title{
    font-size: 30px;
    font-family: 'poppins', sans-serif;
    font-weight: 600;
    color: rgba(0, 0, 77, 1);
    line-height: 44px;
}

.FAQ-left{
    align-items: center;
    display: block;
    margin: auto;
    justify-content: center;
    gap: 33px;
}

.faqSection{
padding:60px 0;
    background: #fff;
    z-index: 99;
    position: relative;
}
.faq-item:last-child{
border-bottom:none;
}

.faq-right { 
    display: flex; 
    flex-direction: column;
    margin-left: 3%;
 }

.faq-item { 
    border-bottom: 1px 
    solid #e0e0e0; 
}

.faq-question {
  width: 100%; 
  background: none; 
  border: none; 
  cursor: pointer;
  display: flex; 
  align-items: center; 
  justify-content: space-between;
  gap: 16px; 
  padding: 20px 0; 
  text-align: left;
}

.faq-question h4 {
    font-size:20px;
    font-weight:400; 
    color: #000000;
    flex: 1;
    font-family: 'poppins' , sans-serif;
}

.faq-icon {
  display: flex; 
  align-items: center; 
  justify-content: center;
  color:black; 
  font-size: 25px;
  transition: background 0.2s, transform 0.3s;
}

.faq-item.open .faq-icon {
  color: black;
}

.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
.faq-item.open .faq-answer { max-height: 300px; }

.faq-answer p {
  font-size: 17px;
  color: #555; line-height: 1.75; padding-bottom: 20px;
}


.Logo-images{
      display: flex;
       justify-content: space-between;
       align-items: center;
       flex-wrap: wrap;
       padding: 15px 0;
       gap: 20px;
   }

   .Logo-images img{
      width: 150px;
      height: 45px;
   }

   .Big-Logos{
     display: flex;
       justify-content: space-between;
       align-items: center;
       flex-wrap: wrap;
       padding: 15px 0;
       gap: 20px;
   }

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





/* ════════════════════════════════════════════════
   ABOUT PAGE
════════════════════════════════════════════════ */

/* ── Hero ── */
.about-hero {
  position: relative;
  min-height: 440px;
  background-image: url('../assets/background.png');
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  padding: 60px 0;
  margin-top: 160px;
}

.about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

.about-hero .hero-z {
  position: relative;
  z-index: 2;
}

.about-hero .who-badge {
  display: inline-block;
  background: rgba(217, 217, 217, 0.5);
  /* border: 1px solid rgba(255,255,255,0.35); */
  border-radius: 25px;
  padding: 12px 40px;
  font-size: 17px;
  font-weight: 400;
  color: #000;
  margin-bottom: 18px;
}

.about-hero h1 {
  font-size: 46px;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: -2px;
  color: #fff;
  margin-bottom: 20px;
}

.about-hero p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #fff;
  max-width: 830px;
}

.about-hero .hero-banner-img {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-hero .hero-banner-img img {
  width: 100%;
  max-width: 480px;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}

/* ── Stats ── */
.about-stats-row {
  background: #fff;
  padding: 60px 0 20px;
}

.about-stats-row .btn-talk{
margin-top:3%;
}

.stat-item-col {
  text-align: center;
  padding: 20px 10px;
}

.stat-item-col .s-num {
  font-size: 30px;
  line-height: 60px;
  font-weight: 600;
  color: #00004D;
  margin-bottom: 8px;
}

.stat-item-col .s-label {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00004D;
  margin-bottom: 8px;
}

.stat-item-col .s-desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #00004D;
}

/* ── Mission ── */
.mission-section {
  padding: 30px 0 60px;
  background: #fff;
}

.mission-card {
  background: #000;
  border-radius: 30px;
  padding: 52px 44px;
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mission-card .about-pill {
  display: inline-block;
  background: rgba(217, 217, 217, 0.5);
  border-radius: 25px;
  padding: 12px 40px;
  font-size: 17px;
  font-weight: 400;
  color: #000;
  margin-bottom: 26px;
  width: fit-content;
}

.mission-card h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
  margin-bottom: 28px;
}

.mission-card p {
  font-size: 20px;
  line-height: 27px;
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
}

.mission-img-box {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 400px;
  background: linear-gradient(135deg, #545487 0%, #2A2A6A 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 72px;
  color: rgba(255, 255, 255, 0.18);
}

.mission-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── Why Choose ── */
.why-choose-section {
  padding: 30px 0 80px 0;
  background: #fff;
}

.why-choose-section h2 {
  font-size: 40px;
  font-weight: 700;
  color: #00004D;
  margin-bottom: 14px;
}

.why-choose-section .wc-sub {
  font-size: 17px;
  line-height: 29px;
  color: rgba(0, 0, 77, 0.62);
  max-width: 901px;
  margin: 0 auto 48px;
}

.why-box {
  border-radius: 20px;
  padding: 30px 28px;
  height: 100%;
  background-color: #00004D;
}

.why-box h4 {
  font-size: 24px;
  font-weight: 400;
  color: #B5B5FF;
  margin-bottom: 22px;
}

.why-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.why-box ul li {
  font-size: 18px;
  line-height: 25px;
  color: rgba(255, 255, 255, 1);
  padding: 10px 0;
  display: flex;
  gap: 10px;
  align-items: flex-start;
font-weight: 400;
}

.why-box ul li:last-child {
  border-bottom: none;
}

.li-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
  margin-top: 9px;
}

/* ── About Services ── */
.about-services-section {
  background: #f0effe;
  padding: 80px 0;
}

.about-services-section h2 {
  font-size: 40px;
  font-weight: 700;
  color: #00004D;
  margin-bottom: 12px;
}

.about-services-section .as-sub {
  font-size: 17px;
  line-height: 28px;
  color: #00004D;
  max-width: 600px;
  margin: 0 auto 48px;
}

.about-services-section .service-card .serviceTop {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.about-services-section .service-card .serviceTop .icon-wrap {
  margin: 0;
}

.about-services-section .service-card .serviceTop h5 {
  margin: 0;
}
.sdp-faq-item:last-child{border:none}
.imageFAQ{
width:100%;
height:auto;
}
/* ── Ready Section ── */
.ready-section {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 110px 0;
}

.ready-inner {
  position: relative;
  padding: 70px 30px;
  max-width: 480px;
  z-index: 2;
  background:  rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(12px);
border-radius: 30px;
  -webkit-backdrop-filter: blur(12px);
}

.ready-pill {
  display: inline-block;
  background: rgba(217, 217, 217, 0.5);
  border-radius: 25px;
  padding: 12px 40px;
  font-size: 17px;
  font-weight: 400;
  color: #000;
  margin-bottom: 18px;
  width: fit-content;
}

.ready-section h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 44px;
  color: #2A2A6A;
  margin-bottom: 16px;
}

.ready-section .ready-desc {
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  color: #000;
  margin-bottom: 8px;
}

.ready-section .ready-cta-label {
  font-size: 21px;
  font-weight: 400;
  color: #000;
  margin-bottom: 32px;
}

/* ── Results Section ── */
.about-results-section {
  padding: 80px 0;
  background: #fff;
}

.results-card {
  background: #00004D;
  border-radius: 24px;
  padding: 52px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.results-card h3 {
  font-size: 31px;
  font-weight: 500;
  color: #B5B5FF;
  margin-bottom: 16px;
}

.results-card p {
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 32px;
}

.btn-estimate {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50px;
  padding: 12px 28px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.2s;
  width: fit-content;
}

.btn-estimate:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.results-img-box {
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  min-height: 360px;
  background: linear-gradient(135deg, #545487 0%, #4141DF 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 72px;
  color: rgba(255, 255, 255, 0.18);
}

.results-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── Proven Results ── */
.proven-section {
  padding: 70px 0;
  background: #fff;
  text-align: center;
}

.proven-section h2 {
  font-size: 46px;
  line-height: 60px;
  font-weight: 600;
  color: #00004D;
  margin-bottom: 30px;
}

.proven-section p {
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  color: #00004D;
  margin: 0 auto;
}

.proven-section .btnWrapper{
margin-top:3%;
display:flex;
align-items:center;
gap:20px;
justify-content: center;
}


  /* ════════════════════════════════════════════════
   SERVICE DETAIL PAGE (project-management.html)
════════════════════════════════════════════════ */

   /* ── Hero ── */
   .sdp-hero {
       position: relative;
       /* min-height: 400px; */
       background-size: cover;
       background-position: center;
       display: flex;
       align-items: flex-end;
       padding: 100px 0;
       margin-top: 160px;
       z-index: 1;
   }

   .sdp-hero::before {
       position: absolute;
       inset: 0;
       background: rgba(0, 0, 0, 0.4);
       content: "";
       z-index: 0;
   }

   .sdp-hero-content {
       position: relative;
       z-index: 2;
   }

   .sdp-hero-content h1 {
       font-size: 40px;
       font-weight: 600;
       line-height: 56px;
       color: #fff;
       margin: 0;
   }

   /* ── Intro ── */
   .sdp-intro {
       padding: 50px 0 40px;
       background: #fff;
   }

   .sdp-intro p {
       font-size: 21px;
    line-height: 36px;
    color: #333;
    margin-bottom: 32px;

   }

   /* ── Trust Statement ── */
   .sdp-trust {
       padding: 60px 0 60px;
       background: #fff;
   }

   .sdp-trust-card {
       background: rgba(0, 0, 77, 0.08);
       border-radius: 30px;
       height: 100%;
       padding: 48px 44px;
   }

   .sdp-service-badge {
       display: inline-block;
       background: #d9d9d9;
       border-radius: 25px;
       padding: 13px 25px;
       font-size: 16px;
       font-weight: 500;
       color: #000;
       margin-bottom: 16px;
   }

   .sdp-trust-heading {
       font-size: 30px;
       font-weight: 600;
       color: #00004D;
       margin-bottom: 14px;
   }

   .sdp-trust-desc {
       font-size: 16px;
       line-height: 27px;
       color: #000;
       margin: 0;
   }

   .sdp-trust-img {
       width: 100%;
       border-radius: 30px;
       object-fit: cover;
   }

   /* ── What is / Who It's For ── */
   .sdp-about-service {
       padding: 0 0 70px 0;
       background: #fff;
   }

   .sdp-section-heading {
       font-size: 36px;
       line-height: 60px;
       font-weight: 600;
       color: #00004D;
       margin-bottom: 16px;
   }

   .sdp-section-desc {
       font-size: 16px;
       line-height: 28px;
       color: #444;
       max-width: 860px;
   }

   /* ── Why Choose Our Service ── */
   .sdp-why-section {
       background: #7e7ea517;
       padding: 70px 0;
   }

   .sdp-why-title {
       font-size: 46px;
       line-height: 60px;
       margin-bottom: 30px;
       font-weight: 600;
       color: #00004D;
       text-align: center;
   }

   .sdp-why-card {
       background: rgba(0, 0, 77, 0.08);
       border-radius: 30px;
       padding: 10px;
       height: 100%;
       width: 100%;
       text-align: left;
       border: 1px solid #e4e0f8;
       transition: all 0.3s ease;
   }

   .sdp-why-card:hover {
       background: #00004D;
       border-color: #00004D;
   }

   .sdp-why-card h5 {
       font-size: 20px;
       font-weight: 600;
       color: #00004D;
       margin-bottom: 12px;
       margin: 40px 0 45px;
   }

   .sdp-why-card:hover h5 {
       color: #fff;
   }

   .sdp-why-card p {
       font-size: 15px;
       line-height: 24px;
       color: #000;
       margin: 0;
       background: #fff;
       padding: 16px;
       border-radius: 26px;
       height: calc(70% - 25px);
   }

   .sdp-why-card:hover p {
       color: #000;
   }

   /* ── Features / Benefits ── */
   .sdp-features-section {
       margin-top: 50px;
   }

   .sdp-feature-box {
       background: #00004D;
       border-radius: 20px;
       padding: 44px 40px;
       height: 100%;
       color: #fff;
   }

   .sdp-feature-box h4 {
       font-size: 26px;
       font-weight: 500;
       color: #B5B5FF;
       margin-bottom: 20px;
   }

   .sdp-feature-box ul {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .sdp-feature-box ul li {
       /* display: flex; */
       gap: 12px;
       align-items: flex-start;
       font-size: 15px;
       line-height: 24px;
       color: rgba(255, 255, 255, 0.9);
       padding: 5px 0;
       padding-left: 15px;
       position: relative;
       /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
   }

   .sdp-feature-box ul li::before {
       content: '';
       position: absolute;
       left: 0;
       top: 14px;
       width: 6px;
       height: 6px;
       border-radius: 50%;
       background: #B5B5FF;
   }

   .sdp-feature-box ul li:last-child {
       border-bottom: none;
   }

   .sdp-dot {
       width: 7px;
       height: 7px;
       border-radius: 50%;
       background: #B5B5FF;
       flex-shrink: 0;
       margin-top: 8px;
   }

   /* ── Ready Section ── */
   .sdp-ready-section {
       position: relative;
       background-size: cover;
       background-position: center;
       padding: 100px 0;
   }

   .sdp-ready-overlay {
       position: absolute;
       inset: 0;
       background: rgba(0, 0, 30, 0.55);
   }

   .sdp-ready-content {
      position: relative;
    z-index: 2;
    max-width: 480px;
    border-radius: 30px;
    border: 2px solid rgba(255, 255, 255, 0.1);
   }
.sdp-ready-content .why-badge {
    margin-bottom: 24px;
}
.sdp-faq-section .whyLeft {
    width: 100%;
}
   .sdp-ready-content h2 {
       font-size: 30px;
       font-weight: 600;
       line-height: 44px;
       color: #2A2A6A;
       margin: 16px 0 14px;
   }

   .sdp-ready-content p {
       font-size: 21px;
       line-height: 27px;
       color: #000;
       margin-bottom: 30px;
   }

   /* ── FAQ Section ── */
   .sdp-faq-section {
       padding: 80px 0;
       background: #fff;
   }

   .whyLeft {
       width: 400px;
       align-items: center;
       display: block;
       margin: auto;
       justify-content: center;
       gap: 33px;
   }

   .whyLeft .why-badge {
       display: inline-block;
       background: rgba(217, 217, 217, 0.5);
       border-radius: 25px;
       padding: 12px 40px;
       font-size: 17px;
       font-weight: 400;
       color: #000;
       margin-bottom: 18px;
       width: fit-content;
   }

   .sdp-people-title {
       font-size: 30px;
       font-weight: 600;
       line-height: 44px;
       color: #2A2A6A;
       margin: 16px 0 22px;
   }

   .sdp-people-desc {
       font-size: 16px;
       line-height: 27px;
       color: #555;
       margin-bottom: 30px;
   }



   .sdp-faq-item {
       border-bottom: 1px solid #e0e0f0;
   }

   .sdp-faq-btn {
       width: 100%;
       background: none;
       border: none;
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 20px 0;
       font-size: 20px;
       font-weight: 400;
       cursor: pointer;
       text-align: left;
       gap: 12px;
   }

   .sdp-faq-icon {
       font-size: 20px;
       font-weight: 300;
       flex-shrink: 0;
   }

   .sdp-faq-answer {
       display: none;
       padding: 0 0 18px;
   }

   .sdp-faq-item.open .sdp-faq-answer {
       display: block;
   }

   .sdp-faq-answer p {
       font-size: 17px;
       line-height: 28px;
       color: #555;
       margin: 0;
   }


/* ============ Blogs ============ */
img {
    width: 100%;
}

.about-hero.blogInner {
    padding: 156px 0 86px;
    min-height: auto;
}

.about-hero.blogInner .hero-z {
    margin-top: 0;
}

.about-hero.blogInner .who-badge {
    padding: 10px 33px;
    background-color: rgba(217, 217, 217, 0.5);
}

.about-hero h2 {
    font-size: 46px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -4%;
    color: #fff;
    margin-bottom: 20px;
}

.allBlogs {
    padding: 60px 0;
}

.allBlogs h3 {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -4%;
    font-weight: 600;
    color: #00004D;
    text-align: center;
}

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

.eachCard {
    background-color: #F4F4F7;
    border-radius: 30px;
    transition: all 0.9s ease-in;
    border: 1px solid transparent;
display:block;
}

.eachCard img.blogImage {
    border-radius: 30px 30px 0 0;
    min-height: 243px;
    object-fit: cover;
}

.eachCard-content {
    padding: 20px 24px 30px;
}

.eachCard-content .who-badge {
    display: inline-block;
    background: rgba(217, 217, 217, 0.5);
    border-radius: 25px;
    padding: 7px 21px;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    letter-spacing: -4%;
    margin-bottom: 10px;
}

.eachCard-content .heading {
    font-size: 20px;
    letter-spacing: -2%;
    line-height: 30px;
    font-weight: 500;
    color: #00004D;
    text-align: left;
    margin-bottom: 10px;
}

.para {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -2%;
    margin-bottom: 0;
}

.blogBottom {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8%;
}

.blogBottom img {
    width: 39px;
    height: 39px;
    border-radius: 50px
}

.blogClientname h2 {
    font-size: 17px;
    line-height: 18px;
    letter-spacing: -2%;
    font-weight: 400;
    margin-bottom: 3%;
}

.blogClientname span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -2%;
    font-weight: 400;
}

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

.eachCard:hover {
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(126, 126, 165, 0.2);
}

/* ============ Testimonial ============ */
.testimonial {
    padding: 90px 0 0;
}

.testimonialHeading {
    max-width: 896px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.testimonialHeading p {
    font-size: 30px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -4%;
    color: #00004D;
    margin-bottom: 5%;
}

.testimonialHeading h3 {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: -4%;
    font-weight: 600;
    color: #00004D;
    margin-bottom: 0;
}

.testiScroll {
    /* padding-left: calc((100vw - 1120px) / 2); */
    overflow: hidden;
}

.testimonialSwiper {
    margin-top: 6%;
}

.eachSwiper {
    background-color: #F4F4F7;
    border-radius: 30px;
    padding: 70px 24px 40px;
    border: 1px solid transparent;
    transition: all 0.9s ease-in;
}

.rating {
    padding: 0;
    margin: 0;
    margin-bottom: 2%;
}

.rating li {
    display: inline-block;
    color: #FCC032;
    font-size: 23px;
}

.rating li+li {
    margin-left: 2px;
}

.eachSwiper p {
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -2%;
    margin-bottom: 0;
    min-height: 215px;
}

.testiName {
    margin-top: 10%;
}

.testiName h6 {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: -2%;
    font-weight: 500;
    margin-bottom: 3px;
}

.founderPart {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: -2%;
    font-weight: 400;
}

.founderPart span {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: -2%;
    font-weight: 500;
    font-style: italic;
}

.eachSwiper:hover {
    border: 1px solid rgba(126, 126, 165, 0.2);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.08);
}

.testimonialSwiper .swiper-slide {
    margin-bottom: 20px;
}

.testiResult .results-card {
    padding: 40px 30px;
    display: block;
}


/* ===========================CONTACT US PAGE */
   .Map {
       position: relative;
       margin-top: 0px;
       /* header ki height jitna top margin do */
   }

   .Map iframe {
       width: 100%;
       height: 301px;
       display: block;
       border: 0;
   }

   .contact-section {
       background: white;
       padding: 60px 0;
       font-family: 'Poppins', sans-serif;
       margin: auto;
       margin-top: 100px;
   }

   .contact-card {
       background: #F7F7F7;
       border-radius: 18px;
       margin-top: -22%;
       box-shadow: 0 8px 40px rgba(60, 60, 120, 0.10);
       padding: 52px 56px 44px;
       position: relative;
       overflow: hidden;
   }

   .contact-card::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       height: 4px;
       background: linear-gradient(90deg, var(--accent), var(--accent2));
       border-radius: 18px 18px 0 0;
   }

   .contact-title {
       font-size: 38px;
       font-weight: 600;
       color: var(--navy);
       text-align: center;
   }

   .formPart {
       margin-top: 5%;
   }

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

   .contact-subtitle {
       font-size: 22px;
       color: #2A2A6A;
       text-align: center;
       line-height: 36px;
       letter-spacing: -2%;
       max-width: 928px;
       margin: 0 auto;
   }

   .form-label {
       font-size: 17px;
       font-weight: 400;
       color: #000;
       letter-spacing: -4%;
       line-height: 20px;
       margin-bottom: 20px;
       padding-left: 5%;
   }

   .form-label .req {
       color: #e53e3e;
       margin-left: 2px;
   }

   .form-control {
       border: 1.5px solid var(--border);
       border-radius: 10px;
       padding: 16px 22px;
       font-size: .875rem;
       font-family: 'Poppins', sans-serif;
       color: var(--navy);
       min-height: 71px;
   }

   textarea.form-control {
       min-height: 176px;
   }

   .form-control::placeholder {
       color: rgba(137, 137, 137, 1);
       font-size: 17px;
   }

   .form-control:focus {
       border-color: var(--accent);
       box-shadow: 0 0 0 3px rgba(59, 55, 204, .10);
   }


   .btn-apply1 {
       background: var(--navy-mid);
       color: var(--white) !important;
       font-weight: 500;
       font-size: 18px;
       line-height: 100%;
       text-align: center;
       padding: 12px 25px;
       border-radius: 50px;
       text-decoration: none;
       width: 100%;
       align-items: center;
       gap: 8px;
       transition: all 0.2s ease-in-out;
       white-space: nowrap;
   }

   .disclaimer {
       color: #898989;
       text-align: center;
       font-size: 14px;
       line-height: 20px;
       letter-spacing: -4%;
       max-width: 762px;
       margin: 0 auto !important;
       font-weight: 400;
   }

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


.result-image img {
    width: 524px;
    height: 345px;
    border-radius: 30px;
}
.workUs {
    padding: 100px 0;
}


/* ============ Privacy Policy ============ */
.privacy {
    padding: 200px 0 40px;
}

.privacy .who-badge {
    background: rgba(217, 217, 217, 0.5);
    display: inline-block;
    border-radius: 25px;
    padding: 10px 33px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    margin-bottom: 4%;
}

.paragraphPart {
    max-width: 1023px;
}

.privacy .para {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -2%;
    font-weight: 400;
    color: #2A2A6A;
}

.privacy .para+.para {
    margin-top: 2%;
}

.infoPart {
    margin-top: 3%;
}

.infoPart h2 {
    font-size: 31px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -2%;
    color: #00004D;
}

.infoPart p{
    margin-top: 2%;
}

.infoPart p,
.infoPart ul li {
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -2%;
    color: #2A2A6A;
}

.infoPart ul {
    margin: 4% 0 2%;
    max-width: 1024px;
}

.infoPart ul li {
    line-height: 46px;
}

.infoPart ul li span {
    font-weight: 500;
}

.infoPart ul.listInfo{
    margin-top: 0;
}

.infoPart p+p{
    margin-top: 4%;
}

.infoPart a{
    color: #2A2A6A;
    font-weight: 500;
}

.infoPart a.mail{
    font-style: Italic;
}


/* ============ Process ============ */
.about-hero.processInner {
    padding: 172px 0;
    min-height: auto;
}

.sdp-intro.processIntro p {
    font-size: 22px;
    line-height: 36px;
    color: #00004D;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: capitalize;
    max-width: 1024px;
}

.discover {
    padding: 49px 0;
}

.ourHeading {
    max-width: 894px;
    margin: 0 auto;
    display: block;
    color: #00004D;
    text-align: center;
}

.ourHeading h3 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 31px;
}

.ourHeading p {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
}

.allDiscovers {
    margin-top: 44px;
}

.eachDiscover {
    padding: 44px 39px 43px 40px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(75, 75, 202, 0.1) 0%, rgba(0, 0, 77, 0.1) 100%);
    position: relative;
    z-index: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eachDiscover::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 18px;
    padding: 1px;
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/8px 8px no-repeat,
        radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0%/8px 8px no-repeat,
        radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100%/8px 8px no-repeat,
        radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100%/8px 8px no-repeat,
        linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat,
        linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat,
        linear-gradient(90deg, #8c6bda 0%, #000000 100%);
    box-sizing: border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.eachDiscover h2 {
    color: #00004D;
    font-size: 34px;
    line-height: 42px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}

.allDiscovers p {
    font-size: 22px;
    line-height: 36px;
    font-weight: 400;
    color: #00004D;
    margin-top: 53px;
    text-transform: capitalize;
    text-align:center;
}

.CampaignDesign {
    padding: 99px 0 102px;
    background-color: #F4F4F7;
}

.CampaignDesignImage {
    border-radius: 30px;
}

.campaignContent h4 {
    font-size: 31px;
    line-height: 50px;
    font-weight: 600;
    color: #00004D;
    margin-bottom: 22px;
}

.campaignContent p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #00004D;
    text-transform: capitalize;
}

.campaignContent ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    color: #00004D;
    text-transform: capitalize;
}

.CampaignDesign img {
    min-height: 483px;
    object-fit: cover;
}

.CampaignDesign span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #00004D;
    max-width: 928px;
    margin: 42px auto 0;
    display: block;
    text-align: center;
}

.monitoring {
    padding: 99px 0 49.5px;
    color: #00004D;
}

.monitoringContent h5 {
    font-size: 31px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 22px;
}

.monitoringContent p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 34px;
    text-transform: capitalize;
}

.monitoringContent ul {
    margin-bottom: 0;
}

.monitoringContent ul li {
    font-size: 18px;
    line-height: 38px;
    font-weight: 400;
}

.monitoringContent ul li+li {
    margin-top: 1%;
}

.monitoringContent span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    font-style: Italic;
    margin-top: 52px;
    display: block;
    text-transform: capitalize;
}

.monitoring1 {
    border-radius: 30px;
    max-height: 483px;
    object-fit: cover;
}

.monitoringContent p+p {
    margin-bottom: 0;
}

.monitoring.scaling {
    padding: 49.5px 0;
}

.monitoring.why-process {
    padding: 49.5px 0 30px;
}

.monitoring.why-process span {
    font-style: normal;
    font-weight: 400;
}

.workUs .workPara {
    font-size: 26px;
    line-height: 40px;
    font-weight: 400;
    color: #00004D;
    margin: 60px auto 0;
    display: block;
    text-align: center;
    max-width: 800px;
}




.brand-section{
      overflow:hidden;
}

.brand-container{
    width:100%;
}

.brand-section .swiper{
    /*margin-bottom:30px;*/
}

.brand-section .swiper-slide{
    display:flex;
    justify-content:center;
    align-items:center;
}

.brand-section .swiper-slide img{
    width:100%;
    max-width:200px;
    object-fit:contain;
}


/* ============ Blog Details ============ */
.blogDetailsInner {
    padding: 160px 0 41px;
}

.detailImage img {
    border-radius: 30px;
    object-fit: cover;
}

.detailAllContent {
    margin-top: 62px;
}

.detail-badge {
    display: inline-block;
    background: rgba(217, 217, 217, 0.5);
    border-radius: 25px;
    padding: 13px 31px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -4%;
    font-weight: 400;
    color: #000;
    margin-bottom: 19px;
}

.detailAllContent h2 {
    font-size: 46px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -4%;
    margin-bottom: 22px;
}

.detailAllContent p {
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    text-transform: capitalize;
    max-width: 1060px;
    margin-bottom: 0;
}

.detailAllContent p+p {
    margin-top: 25px;
}

.blogUser {
    margin-top: 46px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 23px 0;
    border-top: 1px solid rgba(217, 217, 217, 0.7);
    border-bottom: 1px solid rgba(217, 217, 217, 0.7);
}

.blogUser img{
    width: 39px;
    height: 39px;
    border-radius: 50px;
}

.blogUser h6{
    margin-bottom: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -2%;
}

.blogUser p{
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -2%;
    font-weight: 400;
    color: #929292;
}