:root {
    --font: "Outfit", sans-serif;
    --white: #fff;
    --black: #363435;
    --primary: #0084b4;
    --secodary: #006d95;
    --para: #707E94;
    --bg-white: #F3F4F7;
    --bg-icon: #7ab933;
    --border:#EBEDF4;
    --line: #e2eaf3;
    --shadow: 0 24px 70px rgba(28, 50, 82, .12);

    --navy: #071a3d;
    --blue: #0b5cab;
    --blue2: #246dff;
    --red: #ef4444;
    --ink: #10213d;
    --muted: #61718a;
    --line: #e2eaf3;
    --soft: #f4f8fc;
    --green: #14836f;
    --radius: 26px;
    --shadow: 0 24px 70px rgba(28,50,82,.12);
    --shell: min(1680px,calc(100vw - 40px));
}

/* Common Section Start */
body {font-family: var(--font); font-size:1.6rem !important;}
.new-home-page .container,.footer-section .container {max-width: 1450px;width: 100%;}
.new-home-page .common-section,.new-home-page.inner-banner-page .bookkeeping-sec{padding: 50px 0;}
.bookkeeping-sec img{border-radius: 20px; max-height: 340px; object-fit: cover;}
.new-home-page .common-section .common-btn,.new-home-page .hero-section .common-btn,.footer-section .common-btn,.inner-banner-page .inner-banner-section .common-btn{background: var(--bg-icon);border: 1px solid var(--bg-icon);color: var(--white);font-size: 16px;line-height: 34px;font-weight: 600;padding: 15px 30px;text-decoration: none;border-radius: 10px;display: block;width: fit-content;position: relative;transition: all 0.3s ease-in-out;}
.new-home-page .hero-section .common-btn::before,.new-home-page .services-section .common-btn::before,.footer-section .common-btn::before {content: "";position: absolute;inset: -10px;background-color: rgba(104, 201, 198, 0.5);background-blend-mode: screen;border-radius: 30px;filter: blur(20px);z-index: -1;}
.new-home-page .common-section .common-btn:hover,.new-home-page .bookkeeping-sec .common-btn:hover,.footer-section .common-btn:hover,.new-home-page .hero-section .common-btn:hover,.inner-banner-page .inner-banner-section .common-btn:hover{background: var(--secodary);border-color: var(--secodary);color: var(--white);}
.new-home-page .common-section .section-tag { display: flex; justify-content: center; align-items: center; letter-spacing: 16%; gap: 10px; color: var(--bg-icon); margin-bottom: 20px;font-size: 16px; line-height: 24px; font-weight: 400;}
.new-home-page .common-section .section-tag span {width: 24px;height: 1px;background: var(--primary);display: block;animation: pulseLine 2s infinite ease-in-out;}
.new-home-page .bookkeeping-sec .section-tag,.new-home-page .comprehensive-sec .section-tag,.new-home-page .why-sec .section-tag,.new-home-page .consultation-section .section-tag,.inner-banner-page .contact-section .section-tag,.inner-banner-page .quote-section .section-tag,.inner-banner-page .serve-section .section-tag{justify-content: flex-start;}
.new-home-page .common-section .heading {font-family: "Cormorant Garamond", serif; font-size: 40px;font-weight: 600;color: var(--black);line-height: 50px;margin-bottom: 25px;}
.new-home-page .common-section .sub-heading {font-size: 30px;font-weight: 600;color: var(--blue);line-height: 40px;margin-bottom: 30px;}
.new-home-page .common-section .heading span,.inner-banner-page .inner-banner-section .inner-heading span{color: var(--primary);}
.new-home-page .services-section .heading,.new-home-page .ask-section .heading,.inner-banner-page .ready-section .heading,.inner-banner-page .core-section .heading,.inner-banner-page .reasons-section .heading,.inner-banner-page .serve-section .heading,.inner-banner-page .testimonial-section .heading,.inner-banner-page .accounting-solutions-section .heading{color: var(--white);}
.new-home-page .common-section .section-desc {color: var(--para);font-size: 16px; line-height: 24px;font-weight: 400; text-align: justify; margin-bottom: 15px;}
.new-home-page .common-section .small-desc {color: var(--para);font-size: 20px; line-height: 24px;font-weight: 400; margin-bottom: 15px;}
.animated-lines-section {padding: 0; position: relative;overflow: hidden;}
.animated-lines-section .overlay {position: absolute;width: 1px;height: 100%;background: rgba(255, 255, 255, 0.4);top: 0;}
.animated-lines-section .line-1 { left: 4%; }
.animated-lines-section .line-2 { left: 22%; }
.animated-lines-section .line-3 { left: 40%; }
.animated-lines-section .line-4 { left: 60%; }
.animated-lines-section .line-5 { left: 80%; }
.animated-lines-section .line-6 { left: 97%; }
.animated-lines-section .overlay::after {content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;z-index: 2;background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.37) 50%, rgba(255, 255, 255, 0) 100%);}
.animated-lines-section .line-1::after { animation: slideVertical 3s linear infinite; animation-delay: 0s;}
.animated-lines-section .line-2::after {animation: slideVertical 6s linear infinite;animation-delay: 2s;}
.animated-lines-section .line-3::after {animation: slideVertical 9s linear infinite;animation-delay: 3s;}
.animated-lines-section .line-4::after { animation: slideVertical 12s linear infinite; animation-delay: 4s;}
.animated-lines-section .line-5::after {animation: slideVertical 15s linear infinite;animation-delay: 5s;}
.animated-lines-section .line-6::after {animation: slideVertical 18s linear infinite;animation-delay: 6s;}
@keyframes slideVertical {
  0% {
    top: -20%;
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    top: 100%;
    opacity: 0;
  }
}

/* Common Section End */

/* Header Section Start */
.main_header {position: fixed;top: 0px;left: 0;right: 0; z-index: 999; padding: 20px 0 0;}
.main_header .container-fluid {display: flex;justify-content: space-between;width: 98%;/*background-color: #ffffffe6;*/ background-color:#000000e6;
    border: 1px solid #357eabb2; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);backdrop-filter: blur(8px);border-radius: 16px;padding: 1px 30px; transition: all 0.3s ease-in-out;}
.main_header.scrolled .container-fluid {background-color:#f8fbffb3; backdrop-filter: blur(8px); }
.main_header .header_number {display: flex;align-items: center;}
.main_header .header_number a {font-size: 20px;line-height: 30px;font-weight: 600;color: var(--primary);transition: all 0.3s ease-in-out;}
.main_header .header_number img {width: 24px;margin-right: 13px;}
.main_header .head_logo a img {transform: scale(1);transition: all 0.8s;}
.main_header .header_left {align-items: center;gap: 20px;}
.main_header .header_left { width: 84%; justify-content: end;}
/* .main_header .header_left nav ul {margin: 0;padding: 0;display: flex;gap: 35px;list-style: none;}
.main_header .header_left nav ul li a {color: var(--black);display: block;text-transform: capitalize;font-size: 20px;line-height: 30px;font-weight: 400;text-decoration: none;transition: all 0.3s ease-in-out;}
.main_header .header_left nav ul li a:hover,.main_header .header_number a:hover {color: var(--primary);} */
.main_header a.cmn_btn {background: var(--bg-icon); color: var(--white); padding:15px 20px; border: 1px solid var(--bg-icon); text-transform: capitalize; font-size: 16px; line-height: 24px; font-weight: 600; text-decoration: none; margin-left: 50px; border-radius: 10px; transition: all 0.3s ease-in-out;}
.main_header a.cmn_btn:hover { background: var(--secodary); border-color: var(--secodary); color: var(--white);}
.main_header .logo a { display: block;outline: none;}
.main_header .logo img {width: 200px;}
.main_header .head_logo {display: flex;align-items: center;}
.main_header .menu-toggle {display: none;cursor: pointer;width: 30px;z-index: 1002;}
.main_header .menu-toggle span {display: block;height: 2px;background: var(--black);margin: 6px 0;transition: 0.3s;}
.main_header .menu-toggle.open span:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}
.main_header .menu-toggle.open span:nth-child(2) {opacity: 0;}
.main_header .menu-toggle.open span:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}
/* Header Section End */

.lp-logo{position: fixed; z-index: 100; top:80px; left:50%; transform: translateX(-75px);}
.landingpage{padding:0; position: relative;}
.landingpage img{width: 100vw; height: 100vh; object-fit: cover;}
.lp-caption{position: absolute; z-index: 100; top:30%; width: 100%; text-align: center; }
.lp-caption h1{ font-size: 5rem; font-family: "Cormorant Garamond", serif;
     line-height: 80px; margin-bottom: 25px; color: var(--bg-white);    
}
.lp-caption h2{text-transform: uppercase; letter-spacing: 2px; font-size: 2rem; 
background: linear-gradient(90deg, #009bd8 0%, #97c93c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.landingpage .demo{bottom: -85% !important;}

/* 1. Base animation setup for Heading 1 and Heading 2 */
.lp-caption h1,
.lp-caption h2 {
  opacity: 0; /* Hidden initially */
  animation: fadeSlideRight 0.8s ease-out forwards;
}

/* Delay h2 so it appears after h1 */
.lp-caption h1 {
  animation-delay: 1s;
}

.lp-caption h2 {
  animation-delay: 3s;
}

/* Keyframes for Fade-in from Left to Right */
@keyframes fadeSlideRight {
  0% {
    opacity: 0;
    transform: translateX(-40px); /* Starts slightly off to the left */
  }
  100% {
    opacity: 1;
    transform: translateX(0); /* Settles into original position */
  }
}

/* 2. Button Animation (Targeting both container and anchor element) */
.lp-caption #scroll01 a {
  display: inline-block; /* Required for transforms (scale/translate) to take effect */
  opacity: 0;
  animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important;
  animation-delay: 5s !important;
}

@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.6) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Banner Section Start */
.new-home-page .hero-section,
.inner-banner-page .inner-banner-section{
    position: relative;
}

.new-home-page .hero-section .hero-slider {
    position: relative;
    z-index: 1;
    margin: 0;
}

.new-home-page .hero-section .hero-slider .slide-item {
    display: flex;
    align-items: center;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.new-home-page .hero-section .hero-slider .slide-item::before,
.inner-banner-page .inner-banner-section::before{
    content: "";
    position: absolute;
    inset: 0;
    /* background-color: #0084b4a2; */
    background-color: #0061845d;
    height: 100%;
    z-index: 1;
}
.inner-banner-page .inner-banner-section::before{background-color: #0084b47d;}

.new-home-page .hero-section .hero-slider .slide-item .slide-col {
    position: relative;
    padding-left:5%;
    height: 100vh;
    width: 55%;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.new-home-page .hero-section .hero-slider .slick-dots {
    right: 70px;
    bottom: 70px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.new-home-page .hero-section .hero-slider .slick-dots li {
    width: 30px;
    height: 3px;
    margin: 0;
}

.new-home-page .hero-section .hero-slider .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
}

.new-home-page .hero-section .hero-slider .slick-dots li button:before {
    display: none;
}

.new-home-page .hero-section .hero-slider .slick-dots li {
    background: rgba(255, 255, 255, 0.16);
}

.new-home-page .hero-section .hero-slider .slick-dots li.slick-active {
    width: 30px;
    background: var(--white);
    transition: all 0.4s ease-in-out;
}

.new-home-page .hero-section .section-tag {
    letter-spacing: 16%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
}

.new-home-page .hero-section .section-tag span {
    width: 24px;
    height: 1px;
    background-color: var(--white);
    animation: pulseLine 2s infinite ease-in-out;
    /* display: block;
    transform: scaleX(0);
    animation: lineGrow 1s ease forwards infinite; */
}

/* @keyframes lineGrow {
    to {
        transform: scaleX(1);
    }
} */


@keyframes pulseLine {

    0%,
    100% {
        transform: scaleX(1);
        opacity: 1;
    }

    50% {
        transform: scaleX(0.5);
        opacity: 0.5;
    }
}

/* .new-home-page .hero-section .small-text span:first-child {
    transform: scaleX(0);
    transform-origin: left;
    animation: lineLeft 1s ease forwards infinite;
}

.new-home-page .hero-section .small-text span:last-child {
    transform: scaleX(0);
    transform-origin: right;
    animation: lineRight 1s ease forwards infinite;
}

@keyframes lineLeft {
    to {
        transform: scaleX(1);
    }
}

@keyframes lineRight {
    to {
        transform: scaleX(1);
    }
} */
.new-home-page .hero-section .hero-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 42px;
    line-height: 50px;
    font-weight: 600;
    color: var(--white);
    margin: 15px 0;
    text-transform: uppercase;
}

.new-home-page .hero-section .hero-title span {text-transform: none;
    display:inline-block;
background: linear-gradient(90deg, #009bd8 0%, #97c93c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
/*filter: drop-shadow(1px 2px 0px rgba(255, 255, 255, 0.9));*/
}

.new-home-page .hero-section .hero-desc {
    font-size: 20px;
    line-height: 40px;
    font-weight: 300;
    color: var(--white);
    margin-bottom: 60px;
}

.new-home-page .hero-section .btn-wrapper,.inner-banner-page .inner-banner-section .btn-wrapper,.inner-banner-page .ready-section .btn-wrapper{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 30px;
}

.new-home-page .hero-section .outline-btn,.inner-banner-page .inner-banner-section .outline-btn,.inner-banner-page .ready-section .outline-btn{
    background: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    padding: 20px 30px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.new-home-page .hero-section .outline-btn:hover,.inner-banner-page .inner-banner-section .outline-btn:hover,.inner-banner-page .ready-section .outline-btn:hover{
    background: var(--primary);
    color: var(--black);
}


.new-home-page .hero-section .demo,.landingpage .demo{
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 5;
}


.new-home-page .hero-section .demo a,.landingpage .demo a {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 50px;
    text-decoration: none;
}
.landingpage .demo a{width: auto; height: auto; color: var(--bg-white);}
.new-home-page .hero-section #scroll01 a span,.landingpage #scroll01 a span {
    position: relative;
    display: block;
    width: 34px;
    height: 50px;
    border: 1px solid var(--white);
    border-radius: 30px;
    box-sizing: border-box;
    margin: auto;
}

/* vertical line */
.new-home-page .hero-section #scroll01 a span::before,.landingpage #scroll01 a span::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 12px;
    width: 2px;
    height: 12px;
    background: var(--white);
    transform: translateX(-50%);
    border-radius: 2px;
    animation: scrollLine 2s ease-in-out infinite;
}

/* moving dot */
.new-home-page .hero-section #scroll01 a span::after,.landingpage #scroll01 a span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 24px;
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
    transform: translateX(-50%);
    animation: scrollDot 2s ease-in-out infinite;
    box-shadow: 0 0 12px rgba(104, 201, 198, 0.45);
}

@keyframes scrollDot {
    0% {
        top: 16px;
        opacity: 1;
    }

    50% {
        top: 28px;
        opacity: 1;
    }

    100% {
        top: 16px;
        opacity: 1;
    }
}

@keyframes scrollLine {
    0% {
        height: 14px;
        top: 10px;
    }

    50% {
        height: 20px;
        top: 12px;
    }

    100% {
        height: 14px;
        top: 10px;
    }
}

/* Banner Section End */

/* Partner Section Start */

.new-home-page .our-partner-sec {
    text-align: center;
    position: relative;
    z-index: 2;
    background: var(--white);
}

.new-home-page .our-partner-sec::before {
    content: "";
    position: absolute;
    top: -29px;
    left: 0;
    width: 100%;
    height: 30px;
    background: var(--white);
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}

.new-home-page .our-partner-sec .img-wrap {
    position: absolute;
    top: -100px;
    z-index: 3;
    display: flex;
    gap: 30px;
}

.new-home-page .our-partner-sec .partner-heading {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--black);
    text-align: center;
    margin-bottom: 20px;
    background-color: #69c9c629;
    border-radius: 20px;
    padding: 8px 20px;
    display: inline-block;
}

.new-home-page .our-partner-sec .para {
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    color: var(--black);
    margin: 0;
}

.new-home-page .our-partner-sec .partner-slider {
    position: relative;
    margin: 40px 0 0;
    border-bottom: 1px solid #E4E7F2;
    padding-bottom: 40px;
}

.new-home-page .our-partner-sec .partner-slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 100%;
    background: linear-gradient(to right, #fff 0%, #ffffff00 100%);
    z-index: 2;
    pointer-events: none;
}

.new-home-page .our-partner-sec .partner-slider::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    /* adjust */
    height: 100%;
    background: linear-gradient(to left, #fff 0%, #ffffff00 100%);
    z-index: 2;
    pointer-events: none;
}

.new-home-page .our-partner-sec .partner-slider .slick-slide {
    margin: 0 30px;
}

/* Partner Section End */

/* Bookkeeping Section Start */

.new-home-page .bookkeeping-sec .check-list,
.new-home-page .why-sec .check-list{
    list-style: none;
    padding: 0; margin: 0;
}

.new-home-page .bookkeeping-sec .check-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    color: var(--black);
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
}


.new-home-page .bookkeeping-sec .check-list li::before,
.new-home-page .why-sec .check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    background: url('../images/check-img.webp') no-repeat;
    width: 20px;
    height: 20px;
}

/* Bookkeeping Section End */

/* Service Section Start */

.new-home-page .services-section {
    position: relative;
    overflow: hidden;
    background: url('../images/background.svg') center/cover no-repeat;
    background-color: var(--secodary);
}
.new-home-page .services-section .service-row{margin-bottom: 20px;}
.new-home-page .services-section h3{ text-align: start; }
.animated-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* .animated-bg path {
    fill: none;
    stroke: #68C9C6;
    stroke-width: 1.5;
    stroke-opacity: 0.2;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    animation: flowLine 6s ease-in-out infinite;
} */
.animated-bg path {
    fill: none;
    stroke: #68C9C6;
    stroke-width: 1.6;
    stroke-opacity: 0.2;
}
/* @keyframes flowLine {
    from {
        stroke-dashoffset: 300;
    }

    to {
        stroke-dashoffset: 0;
    }
} */

.new-home-page .services-section .heading {
    margin: 40px 0 0;
}

.new-home-page .services-section .description {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: var(--white);
    margin: 20px 0 40px;
}
/*-- */
.new-home-page .services-section .service-card {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 32px;
    padding: 25px 10px;
    border: 1px solid #69c9c614;
    backdrop-filter: blur(8px);
    overflow: hidden;
    position: relative;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 50px;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}

.new-home-page .services-section .last-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 25px;
    padding: 25px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.5s ease;
    backdrop-filter: blur(10px);
    overflow: hidden;
    position: relative;
    height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.new-home-page .services-section .last-card p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: var(--white);
    margin: 0;
}

.new-home-page .services-section .service-card:hover {
    border: 1px solid var(--primary);
}

.new-home-page .services-section .card_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 0 25px;
}

.new-home-page .services-section .card_header h3 {
    font-size: 24px;
    line-height: 34px;
    color: var(--white);
    text-align: left;
    font-weight: 600;
    margin: 0;
}
.new-home-page .services-section .card_header .icon img {
    width: 40px;
    filter: brightness(0) invert(1);
    transition: all 0.4s ease-in-out;
}

.new-home-page .services-section .card_content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.new-home-page .services-section .service-card:hover .card_content {
    opacity: 1;
    max-height: 150px;
    padding: 0 25px;
}

.new-home-page .services-section .service-card:hover .icon img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(34%) saturate(420%) hue-rotate(128deg) brightness(95%) contrast(92%);
}

.new-home-page .services-section .card_content hr {
    border-color: rgba(255, 255, 255, 0.16);
    margin: 10px 0;
}

.new-home-page .services-section .card_content p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
    color: var(--white);
    margin: 0 0 10px;
}

.new-home-page .services-section .img-box {
    border-radius: 24px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.new-home-page .services-section .img-box img {
    width: 100%;
    height: 300px;
    border-radius: 24px;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.new-home-page .services-section .service-card:hover .img-box img {
    height: 200px;
}

.new-home-page .services-section .service-card:hover .img-box {
    margin-top: 10px;
}

/*---- */
.new-home-page .propulse_card .service-card {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 32px;
    padding:10px;
    border: 1px solid #69c9c614;
    backdrop-filter: blur(8px);
    overflow: hidden;
    position: relative;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 20px;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}

.new-home-page .propulse_card .last-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 25px;
    padding: 25px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.5s ease;
    backdrop-filter: blur(10px);
    overflow: hidden;
    position: relative;
    height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.new-home-page .propulse_card .last-card p {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: var(--white);
    margin: 0;
}

.new-home-page .propulse_card .service-card:hover {
    border: 1px solid var(--primary);
}

.new-home-page .propulse_card .card_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 25px;
}
.new-home-page .propulse_card h2 {text-transform: uppercase;
    font-size: 22px;
    line-height: 30px;
    color: var(--white);
    text-align: left;
    font-weight: 600;
    margin-bottom: 15px;
}
.new-home-page .propulse_card .card_header h3 {/*min-height: 52px;*/
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    text-align: left;
    font-weight: 600;
    margin: 0;
}

.new-home-page .propulse_card .card_header .icon img {
    width: 40px;
    filter: brightness(0) invert(1);
    transition: all 0.4s ease-in-out;
}

.new-home-page .propulse_card .card_content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.new-home-page .propulse_card .service-card:hover .card_content {
    opacity: 1;
    max-height: 150px;
    padding: 0 25px;
}

.new-home-page .propulse_card .service-card:hover .icon img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(34%) saturate(420%) hue-rotate(128deg) brightness(95%) contrast(92%);
}

.new-home-page .propulse_card .card_content hr {
    border-color: rgba(255, 255, 255, 0.16);
    margin: 10px 0;
}

.new-home-page .propulse_card .card_content p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
    color: var(--white);
    margin: 0 0 10px;
}

.new-home-page .propulse_card .img-box {
    border-radius: 24px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.new-home-page .propulse_card .img-box img {
    width: 100%;
    height: 300px;
    border-radius: 24px;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.new-home-page .propulse_card .service-card:hover .img-box img {
    height: 200px;
}

.new-home-page .propulse_card .service-card:hover .img-box {
    margin-top: 10px;
}

.new-home-page .services-section .service-slider .slick-slide,
.new-home-page .process-section .process-slider .slick-slide {
    margin: 0 20px;
}

.new-home-page .services-section .service-slider-wrap .common-btn {
    margin: 0 auto;
}

.new-home-page .services-section .service-slider .slick-dots,
.new-home-page .process-section .process-slider .slick-dots,
.inner-banner-page .testimonial-section .testimonial-slider .slick-dots{
    bottom: 0px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

.new-home-page .process-section .process-slider .slick-dots {
    bottom: -40px;
}

.new-home-page .services-section .service-slider .slick-dots li,
.new-home-page .process-section .process-slider .slick-dots li,
.inner-banner-page .testimonial-section .testimonial-slider .slick-dots li{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0;
    background: var(--white);
    transition: width 0.4s ease, border-radius 0.4s ease, background 0.4s ease;
}

.new-home-page .process-section .process-slider .slick-dots li {
    background: var(--black);
}

.new-home-page .services-section .service-slider .slick-dots li button,
.new-home-page .process-section .process-slider .slick-dots li button,
.inner-banner-page .testimonial-section .testimonial-slider .slick-dots li button{
    width: 100%;
    height: 100%;
    padding: 0;
}

.new-home-page .services-section .service-slider .slick-dots li button::before,
.new-home-page .process-section .process-slider .slick-dots li button::before,
.inner-banner-page .testimonial-section .testimonial-slider .slick-dots li button::before{
    display: none;
}

.new-home-page .services-section .service-slider .slick-dots li.slick-active,
.new-home-page .process-section .process-slider .slick-dots li.slick-active,
.inner-banner-page .testimonial-section .testimonial-slider .slick-dots li.slick-active{
    width: 24px;
    border-radius: 20px;
    background: var(--primary);
}

/* Service Section End */

/* Stats Section Start */

.new-home-page .stats-section,
.new-home-page .industry-section,
.new-home-page .process-section,
.inner-banner-page .quote-section{
    background-color: var(--bg-white);
}

.new-home-page .stats-section .stat-item {
    position: relative;
    padding: 20px;
}

.new-home-page .stats-section .stat-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 100px;
    width: 1px;
    background: #00000029;
}

.new-home-page .stats-section .stat-number {
    font-size: 64px;
    line-height: 74px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 10px;
}

.new-home-page .stats-section .stat-item p {
    color: var(--black);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0;
}
.new-home-page .stats-section .usp{margin-top: 40px;}
/* Stats Section End */
/* .new-home-page .why-sec{background-color:var(--bg-white)} */
/* Comprehensive Section Start */
.new-home-page .comprehensive-sec .left-content {
    padding-right:50px;
}

.new-home-page .comprehensive-sec .right-img-wrap {
    position: relative;
    text-align: right;
}

.new-home-page .comprehensive-sec .right-img-wrap img {border-radius: 20px;
    position: relative;
    z-index: 2;
}

.new-home-page .comprehensive-sec .right-img-wrap .backdrop-img {
    position: absolute;
    bottom: 60px;
    right: -180px;
    z-index: 1;
}

/* Comprehensive Section End */

/* Industry Section Start */
.new-home-page .industry-section .heading {
    margin: 40px 0 50px;
}

.new-home-page .industry-section .industry-slider {
    margin-bottom: 50px;
}

.new-home-page .industry-section .industry-slider .pill {
    background: #ffffffb0;
    padding: 20px 40px;
    border-radius: 37px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--black);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 20px;
    text-decoration: none;
}

.new-home-page .industry-section .industry-slider.slider-1 .pill::before {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
}

.new-home-page .industry-section .slider-2 .pill::after {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--primary);
    border-radius: 50%;
}

/* Industry Section End */

/* Why Section Start */

.new-home-page .why-sec .common-btn {
    margin-top: 40px;
}

.new-home-page .why-sec .check-list li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
}

.new-home-page .why-sec .check-list li .title {
    display: block;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 10px;
}

.new-home-page .why-sec .check-list li p {
    margin: 0;
    font-size: 16px;
    line-height: 32px;
    color: var(--para);
}

.new-home-page .why-sec .left-content .image-grid {
    position: relative;
}

.new-home-page .why-sec .left-content .center-circle {
    position: absolute;
    top: 50%;
    left: 44%;
    transform: translate(-50%, -50%);
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: #ffffffb3;
    border: 1px solid #ffffff80;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-home-page .why-sec .left-content .center-circle .logo {
    width: 80px;
    height:auto;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}


.new-home-page .why-sec .left-content .center-circle .circle-text-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 16px;
    animation: moveText 10s linear infinite;
}

@keyframes moveText {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
/* Why Section End */

/* Process Section Start */
.new-home-page .process-section .heading {
    margin-bottom: 50px;
}

.new-home-page .process-section .process-row {
    position: relative;
    padding: 0 200px;
    display: flex;
    justify-content: center;
}

.new-home-page .process-section .process-row::before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(to right,
            #F3F4F7 0%,
            #68C9C6 50%,
            #F3F4F7 100%);
    transform: translateY(-50%);
    z-index: 0;
}

.new-home-page .process-section .process-card {
    position: relative;
    background: #ffffff3d;
    border: 4px solid #ffffff80;
    backdrop-filter: blur(10px);
    box-shadow: 16px 16px 64px 0 #e3e7eb3d;
    padding: 40px 45px;
    border-radius: 32px;
    text-align: center;
    z-index: 1;
}

.new-home-page .process-section .step-number {
    width: 84px;
    height: 84px;
    background: var(--secodary);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
}

.new-home-page .process-section .process-card h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 15px;
}

.new-home-page .process-section .process-card p {
    font-size: 16px;
    color: var(--para);
    line-height: 24px;
    font-weight: 300;
    margin: 0 0 15px;
}

/* Process Section End */

/* Ask Section Start */

.new-home-page .ask-section {background: url(../images/ask-our-experts-bg.webp) center/cover no-repeat;position: relative;}
.new-home-page .ask-section::before {content: "";position: absolute;inset: 0;background-color: #1f3854b3;z-index: 1;}
.new-home-page .ask-section .container {position: relative;z-index: 2;}
.new-home-page .ask-section .para {font-size: 16px;line-height: 32px;font-weight: 400;color: var(--white);margin-bottom: 70px;}
.new-home-page .ask-section .from-left {background-color: #fffc;backdrop-filter: blur(16px);padding: 50px 40px;border-radius: 32px;height: 100%;}
.new-home-page .ask-section .from-left h3,.new-home-page .ask-section .accordion-wrap h3 {font-size: 32px;line-height: 42px;font-weight: 600;color: var(--black);margin: 0;}
.new-home-page .ask-section .accordion-wrap h3 {color: var(--white);margin-bottom: 30px;}
.new-home-page .ask-section .from-left .contact-form {margin-top: 50px;}
.new-home-page .ask-section .contact-form input,.new-home-page .ask-section .contact-form select,.inner-banner-page .contact-section .contact-form-box input,.inner-banner-page .contact-section .contact-form-box textarea,.inner-banner-page .quote-section .form-box input,.inner-banner-page .quote-section .form-box textarea{width: 100%;padding: 20px;margin-bottom: 20px;border: 1px solid var(--white);background-color: var(--white);border-radius: 16px;font-size: 16px;line-height: 24px;font-weight: 500;color: var(--para);transition: all 0.3s ease-in-out;}
.new-home-page .ask-section .contact-form input::placeholder,.inner-banner-page .contact-section .contact-form-box input::placeholder,.inner-banner-page .contact-section .contact-form-box textarea::placeholder,.inner-banner-page .quote-section .form-box input::placeholder,.inner-banner-page .quote-section .form-box textarea::placeholder{color: var(--para);}

.left-content p{font-size: 20px; line-height: 30px;}
.form-box h2.heading span{color: var(--bg-icon);}
.new-home-page .ask-section .contact-form input::-moz-placeholder,
.inner-banner-page .contact-section .contact-form-box input::-moz-placeholder,
.inner-banner-page .contact-section .contact-form-box textarea::-moz-placeholder,
.inner-banner-page .quote-section .form-box input::-moz-placeholder,
.inner-banner-page .quote-section .form-box textarea::-moz-placeholder{
    color: var(--para);
}

.new-home-page .ask-section .contact-form input:hover,
.inner-banner-page .contact-section .contact-form-box input:hover,
.inner-banner-page .contact-section .contact-form-box textarea:hover,
.inner-banner-page .quote-section .form-box input:hover,
.inner-banner-page .quote-section .form-box textarea:hover{
    border-color: var(--primary);
}

.new-home-page .ask-section .contact-form input:focus,
.new-home-page .ask-section .contact-form select:focus,
.inner-banner-page .contact-section .contact-form-box input:focus{
    outline: none;
    box-shadow: none;
}

.new-home-page .ask-section .contact-form .common-btn {
    padding: 15px 60px;
    margin: 50px auto 0;
}

.new-home-page .ask-section .accordion-wrap {
    padding: 0;
    text-align: left;
}

.new-home-page .ask-section .faq-accordion .accordion-item,
.footer-section .footer-accordion .accordion-item {
    border: none;
    border-radius: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 30px;
}

.new-home-page .ask-section .faq-accordion .accordion-button,
.footer-section .footer-accordion .accordion-button {
    background: transparent;
    padding: 20px 0;
    box-shadow: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-home-page .ask-section .faq-accordion .accordion-button h4,
.footer-section .footer-accordion .accordion-button h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--black);
    margin: 0;
    width: 100%;
}

.new-home-page .ask-section .faq-accordion .accordion-button::after,
.footer-section .footer-accordion .accordion-button::after {
    display: none;
}

.new-home-page .ask-section .faq-accordion .accordion-body,
.footer-section .footer-accordion .accordion-body {
    padding: 20px 0 30px;
    color: var(--para);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    border-top: 1px solid #ffffff80;
}

.new-home-page .ask-section .faq-accordion .icon,
.footer-section .footer-accordion .icon {
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--black);
}

.new-home-page .ask-section .faq-accordion .icon::before,
.footer-section .footer-accordion .icon::before {
    
        content: "\f078";
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    color: var(--white);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    transition: all 0.3s ease-in-out;
}

.new-home-page .ask-section .faq-accordion .accordion-button:not(.collapsed) .icon,
.footer-section .footer-accordion .accordion-button:not(.collapsed) .icon {
    background: var(--primary);
}

.new-home-page .ask-section .faq-accordion .accordion-button:not(.collapsed) .icon::before,
.footer-section .footer-accordion .accordion-button:not(.collapsed) .icon::before {
    content: "\f106";
    color:var(--black);
}
/* Ask Section End */

/* Consultation Section Start */
.new-home-page .consultation-section {position: relative; background: url('../images/form-left-bg.webp'); background-position: center; background-size: cover; background-repeat: no-repeat; padding:10rem 0 15rem 0; overflow: hidden;}
.new-home-page .consultation-section h2.heading {
    /* font-family: "Cormorant Garamond", serif; */
    font-size: 6rem; line-height: 8rem; font-weight: 400; color: var(--white); margin: 15px 0;}
.new-home-page .consultation-section h2.heading span{background: linear-gradient(90deg, #97c93c 0%, #009bd8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 600;
}
.new-home-page .consultation-section .form-left h2{font-size: inherit; line-height: inherit;}
.new-home-page .consultation-section .left-content{padding-right: 50px;}
.new-home-page .consultation-section .left-content p.para{ color: var(--bg-white);}
.new-home-page .consultation-section .left-content button{ display: inline-block; margin-top: 40px;  background: transparent;
    border: 1px solid var(--white); color: var(--white); font-size: 16px; line-height: 24px; font-weight: 600;
    text-decoration: none; padding: 20px 30px; border-radius: 20px; transition: all 0.3s ease-in-out;
}


.new-home-page .consultation-section .section-desc {font-size: 24px;line-height: 40px;font-weight: 400;color: var(--para);margin-bottom: 50px;}
.new-home-page .consultation-section .left-content .common-btn { padding: 18px 35px;}
.new-home-page .consultation-section .or-text { text-align: center; font-weight: 400; color: var(--primary); margin-top: 50px; font-size: 40px; line-height: 50px;}
.new-home-page .consultation-section .form-box { background: var(--primary); padding:15px 40px; border-radius: 32px; color: var(--white); backdrop-filter: blur(14px);}
/*.new-home-page .consultation-section .form-left::before { content: ''; position: absolute; background-color: var(--primary); width: 88%;height: 100%;top: 25px; left: 50%; transform: translateX(-50%); border-radius: 32px;z-index: 1;} */
.new-home-page .consultation-section .form-left .heading {color: var(--white);margin: 20px 0 20px;text-align: center;}
.new-home-page .consultation-section .form-control,.inner-banner-page .industries-banner .form-control{ padding: 20px; border: 2px solid var(--white);background-color: var(--bg-white);border-radius: 16px;font-size: 16px;line-height: 24px;font-weight: 400;  color: var(--para); outline: none;transition: all 0.3s ease-in-out;}
.new-home-page .consultation-section textarea,.inner-banner-page .industries-banner textarea{resize: none;}
.new-home-page .consultation-section .form-control::placeholder,.inner-banner-page .industries-banner .form-control::placeholder{color: var(--para);}
.new-home-page .consultation-section .form-control::-moz-placeholder,.inner-banner-page .industries-banner .form-control::-moz-placeholder{color: var(--para);}
.new-home-page .consultation-section .form-control:hover,.inner-banner-page .industries-banner .form-control:hover{border-color: var(--primary);}
.new-home-page .consultation-section .form-control:focus,.inner-banner-page .industries-banner .form-control:focus{ box-shadow: none;}
.new-home-page .consultation-section .form-left .common-btn,.inner-banner-page .industries-banner .form-left .common-btn{padding: 18px 50px;margin: 40px auto 20px;}
.new-home-page .consultation-section .form-left .common-btn:hover {background-color: #ffffff14;}

.new-home-page .consultation-section .form-left .wpcf7-form-control{border:none; border-radius: 15px;}
.new-home-page .consultation-section .form-left input[type="submit"].wpcf7-submit{background-color: var(--bg-icon);}
.new-home-page .consultation-section .form-left input[type="submit"].wpcf7-submit:hover{background-color: var(--bg-white); color: var(--bg-icon);}
.new-home-page .consultation-section .form-left .wpcf7-spinner{position: absolute;}
.new-home-page .consultation-section .form-left textarea{font-size: 1.6rem;}

/*--------------- Footer toggle form -----------------*/
        /* Open Button */
.new-home-page .consultation-section .open-btn {
            padding: 12px 24px;
            font-size: 16px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.3s;
        }

.new-home-page .consultation-section .open-btn:hover {background-color: #0056b3;}
        /* Sliding Right Panel */
.new-home-page .consultation-section .side-panel {
            position: absolute;
            top: 15px;
            right: 0;
            width: 550px; /* Adjust panel width here */
            max-width: 80%; /* Ensures it looks good on mobile devices */
            height: 80vh;
            box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
            box-sizing: border-box;
            
            /* Slide Animation Magic */
            transform: translateX(100%); /* Hides the panel off the right screen edge */
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 99;
        }

        /* Active State - Slides the panel in */
.new-home-page .consultation-section .side-panel.open {transform: translateX(-10rem);}

        /* Close Button inside Panel */
.new-home-page .consultation-section .close-btn {
            background: none;
            border: none;
            font-size: 34px;
            font-weight: bold;
            padding: 0;
            position: absolute;
            top: 5px; right: 25px;
            cursor: pointer;
            color: #f7f5f5;
        }

.new-home-page .consultation-section .close-btn:hover { color:var(--bg-icon); text-decoration: none; }


/* Consultation Section End */

/* Footer Section Start */
.footer-section {position: relative;background: url('../images/background.svg') center/cover no-repeat;background-color: #1a272e; color: var(--white);padding: 60px 20px;border-top-left-radius: 32px;border-top-right-radius: 32px;margin-top: -30px;z-index: 2; padding-bottom: 20px;}
.footer-section .top-row {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.footer-section .brand-info {display: flex;align-items: center;justify-content: space-between; width: 50%;}

.footer-section .brand-info p {font-size:16px;line-height: 32px;font-weight: 400; margin: 0;color: var(--white); max-width: 350px;}
.footer-section .brand-info p a{color: var(--bg-icon); }
.footer-section .social-sec {display: flex;align-items: center;gap: 25px;}
.footer-section .social-sec h2 {font-size: 24px; line-height: 34px;font-weight: 500;color: var(--white);margin: 0;}
.footer-section .social-icons {display: flex;align-items: center;flex-wrap: wrap;gap: 15px;}
.footer-section .social-icons li {width: 48px;height: 48px; display: flex;align-items: center;justify-content: center; border-radius: 50%; background: var(--bg-icon);}
.footer-section .social-icons li a {font-size: 22px; line-height: 44px; cursor: pointer; color: var(--primary); display: inline-block;transition: all 0.3s ease-in-out; background: none; text-align: center;}
.footer-section .social-icons li a:hover {transform: translateY(-5px); color: var(--white);}
.footer-section .card-box { background: #ffffff14; border-radius: 32px; margin: 30px 0;border: 1px solid #ffffff2a;backdrop-filter: blur(16px);border-left: none;}
.footer-section .card-box .image-box img {width: 100%; height: 100%; object-fit: cover;border-radius: 32px;}
.footer-section .footer-col {padding: 50px 50px 40px 40px;}
.footer-section .office-title { font-size: 24px; line-height: 34px; font-weight: 600; margin: 0 0 30px; color: var(--white);}
.footer-section ul { padding-left: 0; margin: 0;}
.footer-section .address-info li {margin-left: 0; list-style: none;display: flex; gap: 12px; margin-bottom: 15px; font-size: 16px; color: var(--white);}
.footer-section .address-info li a {text-decoration: none; color: var(--white);font-size: 16px;line-height: 32px; font-weight: 300;}
.footer-section .address-info li i { margin-top: 10px; color: var(--primary);}
.footer-section .address-info li:nth-child(2n) a {text-decoration: underline;font-weight: 600;}
.footer-section .address-info { margin-bottom: 50px;}
.footer-section .quick-links { padding: 0; padding-left: 40px;border-left: 1px solid #ffffff2a;}
.footer-section .quick-links .footer-col { padding: 50px 20px;}
.footer-section .quick-links .foot-menu-wrap {display: flex;justify-content: space-between;}
.footer-section .quick-links .foot-menu-wrap .foot-menu,.footer-section .services .foot-menu,.footer-section .footer-accordion .foot-menu { display: flex; flex-direction: column; gap: 10px; list-style: none;}
.footer-section .quick-links .foot-menu-wrap ul li,.footer-section .services ul li{ list-style: none;}
.footer-section .quick-links .foot-menu-wrap ul li a,.services ul li a{font-size: 15px; color: var(--white); text-decoration: none;}
.footer-section .quick-links .foot-menu-wrap ul li a:hover,.services ul li a:hover{color: var(--primary);}
.footer-section .foot-menu a { display: block; font-size: 16px; line-height: 42px; font-weight: 300; color: var(--white);text-decoration: none;transition: all 0.3s ease-in-out;}
.footer-section .foot-menu a:hover {color: var(--primary);}
.footer-section .footer-bottom { display: flex; justify-content:center; flex-wrap: wrap;}
.footer-section .footer-bottom p{ font-size: 16px; line-height: 32px; font-weight: 300; color: var(--para);}
.footer-section .footer-accordion .accordion-item {background: #ffffff14;backdrop-filter: blur(16px);}
.footer-section .footer-accordion .accordion-button h4 {color: var(--white);}
.new-home-page .common-section .heading span.green{color: var(--bg-icon);}
/* Footer Section End */

/* About Us Page Start */
.inner-banner-page .inner-banner-section{background-position: center;background-repeat: no-repeat;background-size: cover;  min-height: 500px;display: flex;align-items: center;justify-content: center;}
.inner-banner-page .inner-banner-section .container{position: relative;z-index: 3;padding: 0;}
.inner-banner-page .inner-banner-section .inner-heading{font-size: 55px;line-height: 65px;font-weight: 600;margin: 60px 0 0;color: var(--white);}
.inner-banner-page .inner-banner-section .inner-desc{font-size: 20px;line-height: 40px;font-weight: 300;margin: 20px 0 40px;color: var(--white);}
.inner-banner-page .breadcrumb-section {position: relative;margin-top: -40px; padding: 18px 30px;border-top-left-radius: 32px;border-top-right-radius: 32px;background: var(--bg-white);z-index: 5; }
.inner-banner-page .breadcrumb-section .breadcrumb-box a {color: var(--primary);text-decoration: none;font-size: 16px;line-height: 30px;font-weight: 400;text-transform: capitalize;}
.inner-banner-page .breadcrumb-section .breadcrumb-box span {margin: 0 5px;color: var(--primary);font-size: 16px;line-height: 30px;}
.inner-banner-page .breadcrumb-section .breadcrumb-box a.active {color: var(--para);}
.inner-banner-page .our-partner-sec::before{display: none;}
.inner-banner-page .our-partner-sec .partner-slider{border: none;padding: 0;}
.inner-banner-page .team-section{border-top:1px solid var(--border); margin-bottom:6em;}
.inner-banner-page .team-section .team-card {position: relative;border-radius: 32px;height: 550px;overflow: hidden;cursor: pointer;background-color: var(--bg-white);border: 1px solid var(--border);transition:all 0.4s ease-in-out;}
.inner-banner-page .team-section .team-card::after {content: "";position: absolute;inset: 0;background: linear-gradient( to bottom, rgba(31,57,84,0) 0%, #1F3954 100%);z-index: 1;}
.inner-banner-page .team-section .team-card .team-img {height: 100%;transition: height 0.5s ease-in-out;}
.inner-banner-page .team-section .team-card .team-img img {width: 100%;height: 100%;object-fit: cover;object-position: top; border-radius: 32px;}
.inner-banner-page .team-section .team-card .team-info { position: absolute; bottom: 20px; left: 25px; right: 25px; color: var(--white); z-index: 2;}
.inner-banner-page .team-section .team-card .team-info .name{font-size: 32px;line-height: 42px;font-weight: 500;margin-bottom: 10px;}
.inner-banner-page .team-section .team-card .team-info .designation{font-size: 16px;line-height: 24px;font-weight: 400;margin: 0;}
.inner-banner-page .team-section .team-card .team-info a {opacity: 0;transform: translateY(10px);display: inline-block;font-size: 16px;line-height: 24px;font-weight: 700;color: var(--primary);transition:all 0.3s ease-in-out;}
.inner-banner-page .team-section .team-info a:hover{color: var(--secodary);}
.inner-banner-page .team-section .team-card:hover{padding: 20px;background-color: var(--bg-white);border: 1px solid var(--border);}
.inner-banner-page .team-section .team-card:hover::after{background: none;}
.inner-banner-page .team-section .team-card:hover .team-info{bottom: 55px;}
.inner-banner-page .team-section .team-card:hover .team-img { height: 330px;}
.inner-banner-page .team-section .team-card:hover .team-info .name{color: var(--black);}
.inner-banner-page .team-section .team-card:hover .team-info .designation{color: var(--para);}
.inner-banner-page .team-section .team-card:hover .team-info a {opacity: 1;transform: translateY(0);margin-top: 15px;}
.inner-banner-page .core-section,.inner-banner-page .contact-section,.inner-banner-page .reasons-section,.inner-banner-page .accounting-solutions-section{background-position: center;background-repeat: no-repeat;background-size: cover; position: relative;overflow: hidden;}
.inner-banner-page .core-section .section-desc,.inner-banner-page .reasons-section .section-desc{font-size: 24px;line-height: 34px;font-weight: 300;color: var(--white); margin-bottom: 0;}
.inner-banner-page .core-section .core-row{margin-top: 90px;justify-content: center;}
.inner-banner-page .core-section .core-card { background-color: var(--bg-white); border: 1px solid #ffffff2a; backdrop-filter: blur(8px); border-radius: 32px; padding: 40px 30px; height: 100%; text-align: left; position: relative; overflow: hidden; transition: all 0.4s ease-in-out;}
.inner-banner-page .core-section .core-card img {width: 70px;margin-bottom: 30px; transition: all 0.4s ease-in-out;}
.inner-banner-page .core-section .core-card .heading{ font-size: 24px; line-height: 34px; font-weight: 600; margin-bottom: 30px; color: var(--black); text-align: left; transition: all 0.4s ease-in-out;}
.inner-banner-page .core-section .core-card hr{width: 100%;height: 1px;color: var(--border);opacity: 1; transition: all 0.4s ease-in-out;}
.inner-banner-page .core-section .core-card .para{font-size: 16px;line-height: 26px;font-weight: 400;color: var(--para);margin: 0 0 20px; transition: all 0.4s ease-in-out;}
.inner-banner-page .core-section .core-card:hover {transform: translateY(-8px); background-color: #1C808C;}
.inner-banner-page .core-section .core-card:hover::before{ content: "";position: absolute;inset: 0;background: url('../images/core-card-bg.webp') center/cover no-repeat;opacity: 0.08;}
.inner-banner-page .core-section .core-card:hover .heading,.inner-banner-page .core-section .core-card:hover .para{color: var(--white);}
.inner-banner-page .core-section .core-card:hover hr{ color:#67C6C4;}
.inner-banner-page .core-section .core-card:hover img {filter: brightness(0) invert(1);}
.inner-banner-page .ready-section{background: url('../images/ready-to-work.webp') center/cover no-repeat;position: relative;overflow: hidden;}
.inner-banner-page .ready-section::before,.inner-banner-page .core-section::before,.inner-banner-page .contact-section::before,.inner-banner-page .accounting-solutions-section::before,.inner-banner-page .reasons-section::before{content: "";position: absolute;inset: 0;background-color: #1f3854cc;z-index: 1;}
.inner-banner-page .ready-section .container,.inner-banner-page .core-section .container,.inner-banner-page .reasons-section .container,.inner-banner-page .accounting-solutions-section .container{position: relative;z-index: 3;}
.inner-banner-page .ready-section .heading{text-transform: capitalize;line-height: 60px;}
.inner-banner-page .ready-section .heading span,.inner-banner-page .faq-section .heading span{display: block;}
.inner-banner-page .ready-section .sub-heading{font-size: 64px;line-height: 84px;font-weight: 600;margin-bottom: 20px;color: var(--white);}
.inner-banner-page .ready-section .btn-wrapper {align-items: center;justify-content: center;}
/* About Us Page End */

/* Contact Us Page Start */
.inner-banner-page .contact-section .container {position: relative;z-index: 2;}
.inner-banner-page .contact-section .contact-form-box {background-color: rgba(255,255,255,0.9);padding: 60px; padding-bottom: 0; border-radius: 32px;backdrop-filter: blur(16px);}
.inner-banner-page .contact-section .section-tag {margin-bottom: 20px;}
.inner-banner-page .contact-section .contact-form-box .heading {font-size: 32px;line-height: 42px;font-weight: 600;margin-bottom: 20px;text-align: left;}
.inner-banner-page .contact-section .contact-form-box textarea{resize: none;}
.inner-banner-page .contact-section .contact-form-box .checkbox .form-check{display: flex;gap: 15px;margin:10px 0 60px;align-items: flex-start;padding: 0;}
.inner-banner-page .contact-section .contact-form-box .checkbox input {width: 20px;height: 20px;border-radius: 4px;border: 1px solid var(--primary); margin: 5px 0 0;padding: 0;outline: none;}
.inner-banner-page .contact-section .contact-form-box .checkbox .form-check-input:checked {background-color:var(--primary);}
.inner-banner-page .contact-section .contact-form-box .checkbox label{font-size: 14px;line-height: 22px;font-weight: 400;color: #62748E;}
.inner-banner-page .contact-section .contact-form-box .checkbox label a{color: var(--primary);text-decoration: none;display: block;transition: all 0.3s ease-in-out;}
.inner-banner-page .contact-section .contact-form-box .checkbox label a:hover{color: var(--secodary);}
.inner-banner-page .contact-section .contact-form-box .common-btn{width: 170px; text-align: center;}
.inner-banner-page .contact-section .info-box {background-color: rgba(255,255,255,0.9);padding: 30px;border-radius: 32px;margin-bottom: 15px;}
.inner-banner-page .contact-section .info-box .info-box-inner{display: flex;gap: 15px;}
.inner-banner-page .contact-section .info-box:nth-child(3n) .info-box-inner{margin-bottom: 15px;}
.inner-banner-page .contact-section .info-box:nth-child(3n) .info-box-inner:last-child{margin: 0;}
.inner-banner-page .contact-section .info-box .info-box-inner .icon-sec{background-color: var(--white);padding: 12px;width: 44px;height: 44px;border-radius: 8px;display: flex;align-items: center;justify-content: center;}
.inner-banner-page .contact-section .info-box .info-box-inner .icon-sec i{font-size: 20px;color: var(--primary);}
.inner-banner-page .contact-section .info-box .heading{font-size: 18px;line-height: 28px;font-weight: 700;color: var(--black);margin: 0 0 10px;text-align: left;}
.inner-banner-page .contact-section .info-box p{font-size: 14px;line-height: 22px;color: #45556C;font-weight: 400; margin: 0;}
.inner-banner-page .contact-section .info-box a{font-size: 15px;line-height: 22px;font-weight: 700;color: var(--black);text-decoration: none;}
.inner-banner-page .contact-section .info-box span{font-size: 14px;line-height: 22px;color: var(--black);font-weight: 700;}
.inner-banner-page .contact-section .map-box {position: relative;border-radius: 32px;overflow: hidden;}
.inner-banner-page .contact-section .map-box img { width: 100%; display: block;}
.inner-banner-page .contact-section .map-box .common-btn {position: absolute;bottom: 65px;left: 130px;}
/* Contact Us Page End */

/* Services Page Start */
.inner-banner-page .inner-banner-section .btn-wrapper,.inner-banner-page .ready-section .btn-wrapper{justify-content: center;}
.inner-banner-page .faq-section .row{justify-content: center; margin-bottom: 40px;text-align: left;}
.inner-banner-page .faq-section .faq-accordion .accordion-item {border-radius: 32px;margin-bottom: 20px;overflow: hidden;  background: #e9ecef;border:none;padding: 0 30px;}
.inner-banner-page .faq-section .faq-accordion .accordion-button{background: transparent;padding: 20px 0 0;box-shadow: none;position: relative;display: flex;align-items: center;justify-content: space-between;}
.inner-banner-page .faq-section .faq-accordion .accordion-button.collapsed{padding: 20px 0;}
.inner-banner-page .faq-section .faq-accordion .accordion-button h3{font-size: 24px;line-height: 34px;font-weight: 500;color: var(--black);margin: 0;width: 100%;}
.inner-banner-page .faq-section .faq-accordion .accordion-button::after{display: none;}
.inner-banner-page .faq-section .faq-accordion .accordion-body {padding: 20px 0 30px;color: var(--para);font-size: 16px;line-height: 32px;font-weight: 400;max-width: 95%;}
.inner-banner-page .faq-section .faq-accordion .icon{ position: relative; width: 60px;height: 60px; border-radius: 50%; background: var(--white);}
.inner-banner-page .faq-section .faq-accordion .icon::before { content: "\f107"; font-family: "Font Awesome 7 Free"; font-weight: 900; color: var(--black); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: 18px;transition: all 0.3s ease-in-out;}
.inner-banner-page .faq-section .faq-accordion .accordion-button:not(.collapsed) .icon { background: var(--primary);}
.inner-banner-page .faq-section .faq-accordion .accordion-button:not(.collapsed) .icon::before { content: "\f106";}
.inner-banner-page .quote-section .left-content{padding-right: 100px;}
.inner-banner-page .quote-section .bookkeeping-included{background-color: var(--white);border-radius: 32px;padding: 50px;backdrop-filter: blur(14px);}
.inner-banner-page .quote-section .bookkeeping-included .heading{font-size: 24px;line-height: 34px;font-weight: 600;color: var(--black);margin: 0 0 30px;position: relative;}
.inner-banner-page .quote-section .bookkeeping-included .heading::before{content: '';position: absolute;bottom: -30px;left: 0; width: 100%;height: 1px;background-color: var(--border);}
.inner-banner-page .quote-section .bookkeeping-included .check-list{list-style: none;padding:30px 0 0;margin: 0;}
.inner-banner-page .quote-section .bookkeeping-included .check-list li{position: relative;padding-left: 30px;color: var(--black);font-size: 16px;line-height: 32px;font-weight: 400;}
.inner-banner-page .quote-section .bookkeeping-included .check-list li::before{content: "";position: absolute;left: 0; top: 10px; background: url('../images/check-img.webp') no-repeat; width: 20px;height: 20px;}
.inner-banner-page .quote-section .form-box { background-color: var(--secodary);padding: 50px 40px;border-radius: 32px;max-width: 570px;margin: auto;text-align: center;}
.inner-banner-page .quote-section .form-box .heading {font-size: 40px;line-height: 50px;font-weight: 600;margin-bottom: 20px;color: var(--white);}
.inner-banner-page .quote-section .form-box .heading span {color: var(--primary);}
.inner-banner-page .quote-section .form-box p {font-size: 16px;line-height: 24px;font-weight: 400;color: var(--white);margin-bottom: 35px;}
.inner-banner-page .quote-section .form-box input,.inner-banner-page .quote-section .form-box textarea{margin-bottom: 0;}
.inner-banner-page .quote-section .form-box .common-btn{width: 100%;margin-top: 35px;padding: 15px 30px;}
.inner-banner-page .quote-section .form-box .call-box{margin: 0;}
.inner-banner-page .quote-section .form-box .call-box p{color: #ffffff80;font-size: 12px;line-height: 20px;font-weight: 400;position: relative;margin: 30px 0;display: flex;align-items: center;justify-content: center; gap: 10px;}
.inner-banner-page .quote-section .form-box .call-box p span {   flex: 1; height: 1px;
 background-color: #ffffff80;}
.inner-banner-page .quote-section .form-box .call-box a { display: block; margin-top: 15px;border: 1px solid var(--primary); padding: 15px; border-radius: 16px;font-size: 20px; line-height: 30px; font-weight: 600; color: var(--white);}
.inner-banner-page .quote-section .form-box .call-box a img{margin-right: 15px;}
.inner-banner-page .reasons-section .features-section{margin: 50px 0;}
.inner-banner-page .reasons-section .features-section .feature-card {position: relative;padding: 40px;border-radius: 32px;background:var(--bg-white);border: 1px solid #ffffff29;backdrop-filter: blur(8px);
text-align: left;}
.inner-banner-page .reasons-section .features-section .feature-card .top-sec{display: flex;gap: 30px;align-items: center;margin-bottom: 25px;}
.inner-banner-page .reasons-section .features-section .feature-card .top-sec .icon-box {width: 90px;height: 90px;border-radius: 32px;background: #69c9c629;display: flex; align-items: center; justify-content: center;}
.inner-banner-page .reasons-section .features-section .feature-card .top-sec .icon-box img{width: 48px;}
.inner-banner-page .reasons-section .features-section .feature-card .top-sec h3{font-size: 24px;line-height: 34px;font-weight: 600;color: var(--black);margin: 0;}
.inner-banner-page .reasons-section .features-section .feature-card p{font-size: 16px;line-height: 28px;font-weight: 400;color: var(--para);margin: 0;text-transform: capitalize;}
.inner-banner-page .reasons-section .features-section .feature-card .big-number {position: absolute;right: 20px;bottom: -65px;font-size: 120px;line-height: 1; font-weight: 800;background-color: transparent;color:#ffffff1a;-webkit-text-stroke: 1px var(--primary);}
.inner-banner-page .serve-section{background: url('../images/serve-bg.webp') center bottom/cover no-repeat;background-color: var(--secodary); margin-bottom: 80px;}
.inner-banner-page .serve-section .imageCurveSec{text-align: center;}
.inner-banner-page .serve-section .imageCurveSec img{display: inline; margin-top: 60px;}
.inner-banner-page .serve-section .pill-wrap {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 40px;}
.inner-banner-page .serve-section .pill-wrap .pill {width:fit-content; padding:25px 30px 25px 20px; border-radius: 50px;background: rgba(255, 255, 255, 0.08);border: 1px solid transparent; position: relative;backdrop-filter: blur(8px);text-align: center;font-size: 16px;line-height: 24px;font-weight: 400;color: var(--white);text-decoration: none; transition:all 0.3s ease-in-out;}
.inner-banner-page .serve-section .pill-wrap .pill::before {content: "";width: 8px;height: 8px;background: var(--primary);border-radius: 50%;display: inline-block;margin-right: 10px;}
.inner-banner-page .serve-section .pill-wrap .pill:hover {border-color:var(--primary);box-shadow: 0 0 32px 0 #69c9c652;}
/* Services Page End */

/* Services Listing Page Start */
.inner-banner-page .services-section .service-row{justify-content: center;}
.inner-banner-page .bookkeeping-sec .features-section {padding-top: 20px;}
.inner-banner-page .bookkeeping-sec .features-section .feature-item {display: flex; align-items:center;gap: 20px;margin-bottom: 30px; width:100%}
.inner-banner-page .bookkeeping-sec .features-section .feature-item:last-child{margin-bottom: 0;}
.inner-banner-page .bookkeeping-sec .features-section .feature-content{width:calc(100% - 360px);}
.inner-banner-page .bookkeeping-sec .features-section .icon-box {width: 300px;height: 300px;min-width: 60px; background-color: #69c9c629;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.inner-banner-page .bookkeeping-sec .features-section .icon-box img {width: 250px;height: 250px;}
.inner-banner-page .bookkeeping-sec .features-section .feature-content h3 {font-size: 30px;line-height: 40px;font-weight: 600;margin-bottom: 0;color: var(--primary);}
.inner-banner-page .bookkeeping-sec .features-section .feature-content p { font-size: 16px;line-height: 32px;font-weight: 400;color: var(--para);margin: 0;}
/* Services Listing Page End */

/* Pricing Page Start */
.inner-banner-page .bookkeeping-pricing-section{background-color: var(--bg-white);}
.inner-banner-page .bookkeeping-pricing-section .section-desc{text-align: justify;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper{margin-bottom: 40px;}
.inner-banner-page .bookkeeping-pricing-section .box_contain .heading{font-weight: 500;margin-bottom: 40px;}
.inner-banner-page .bookkeeping-pricing-section .box_contain .list_sec ul{list-style: none;padding: 0;text-align: left;margin: 0;}
.inner-banner-page .bookkeeping-pricing-section .box_contain .list_sec li {position: relative;padding-left: 30px;margin-bottom: 5px;font-size: 20px;line-height: 40px;font-weight: 500;color: var(--black);}
.inner-banner-page .bookkeeping-pricing-section .box_contain .list_sec li::before { content: "\f00c"; font-family: "Font Awesome 7 Free"; position: absolute; left: 0; top: 0; font-size: 20px; font-weight: 900;color: var(--primary);}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--nav { display: flex; align-items: center; justify-content: center; gap: 15px;margin-bottom: 40PX;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--nav span,.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-title { font-size: 20px;line-height: 30px;font-weight: 600;color: var(--black);margin: 0;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-title{text-transform: uppercase;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--tabs {width: 64px;height: 28px; border: 1px solid var(--primary); background: #d9f3f3; border-radius: 16px; position: relative;cursor: pointer;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--tabs::before {content: "";position: absolute;width: 30px;height: 30px; background: var(--primary); border-radius: 16px; left: 0; top: -2px; transition:ALL 0.3s ease-in-out;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--tabs.active::before {left: 34px;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--tabs {list-style: none;margin: 0;padding: 0;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--trigger {position: absolute;width: 50%;height: 100%;top: 0;z-index: 2;cursor: pointer;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--trigger:first-child {left: 0;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--trigger:last-child {right: 0;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--body {  display: none;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .tab-slider--body.active {display: block;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-grid{margin: 30px 0; justify-content: center;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card { background-color: #ffffff3d; border: 4px solid #ffffff80; border-radius: 32px; padding: 30px 12px; text-align: center; min-height: 270px; margin-bottom: 25px; box-shadow: 16px 16px 64px 0 #E4E8EB;backdrop-filter: blur(30px);transition: all 0.3s ease-in-out;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .plan-name {font-size: 24px;line-height: 34px;font-weight: 500;color:var(--primary);margin-bottom: 20px;transition: all 0.3s ease-in-out;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .plan-name::before {content: "";width: 16px;height: 16px;background-color: var(--primary);border-radius: 50%;display: inline-block;margin-right: 15px;transition: all 0.3s ease-in-out;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .price {color:var(--secodary);font-size: 80px;font-weight: 500;line-height: 1;margin-bottom: 30px;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .price small {font-size: 24px;line-height: 34px;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .note{ font-size: 16px; line-height: 24px; color: var(--black); font-weight: 600;margin: 0; text-align: justify;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .highlight-box {width: 100%;background: #69c9c629;border-radius: 8px;padding: 15px;margin: 25px 0;list-style: none;transition: all 0.3s ease-in-out;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .highlight-box li{margin: 0; font-size: 16px;line-height: 24px;font-weight: 500;color: var(--primary);transition: all 0.3s ease-in-out;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .features {list-style: none;padding: 0;margin: 0 0 30px;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .features li {font-size: 16px; line-height: 22px; font-weight: 400;color: var(--black); margin: 0 0 10px 0; text-align: left;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card:hover .features li{color: var(--bg-white);}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card .common-btn{margin: 0 auto;}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card:hover{background-color:var(--primary);transform: translateY(-8px);}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card:hover .plan-name,.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card:hover .highlight-box li,.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card:hover .note{color: var(--white);}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card:hover .plan-name::before{background-color:var(--white);}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card:hover .common-btn{background-color: var(--white);color: var(--black);border-color: var(--white);}
.inner-banner-page .bookkeeping-pricing-section .tab-wrapper .pricing-card:hover .highlight-box{background-color: #ffffff14;}
.inner-banner-page .testimonial-section{background: url('../images/sap_body_slider_bg.webp') center / cover no-repeat; position: relative;}

.inner-banner-page .testimonial-section::before{content: "";position: absolute;inset: 0;background-color:#3b597880;z-index: 1;}
.inner-banner-page .testimonial-section .container{position: relative;z-index: 3;}
.inner-banner-page .testimonial-section .testimonial-slider{margin-top: 40px;}
.inner-banner-page .testimonial-section .testimonial-slide {padding: 0 15px;}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card {min-height: 520px; padding: 30px;border-radius: 32px;background-color: rgba(0, 0, 0, 0.4);border: 1px solid rgba(255, 255, 255, 0.16);backdrop-filter: blur(24px);color: var(--white);text-align: left;transition: all 0.5s ease-in-out;}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card:hover{border-color: var(--primary);}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card .card-top {display: flex;justify-content: space-between;align-items: center;}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card .card-top h3 {min-height: 100px; margin: 0; font-size: 22px; line-height: 28px; font-weight: 600; padding-bottom: 15px; color: var(--bg-icon);}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card .quote-icon img{width: 70px;    filter: brightness(0) invert(1); transition: all 0.4s ease-in-out;}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card:hover .quote-icon img{filter: brightness(0) saturate(100%) invert(72%) sepia(34%) saturate(420%) hue-rotate(128deg) brightness(95%) contrast(92%);}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card:hover .quote-icon img{color: #000;}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card .stars{display: flex;gap: 4px;margin: 20px 0;color: #FCC800;font-size: 20px;line-height: 1;}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card .line { height: 1px;background-color: rgba(255, 255, 255, 0.16); margin-bottom: 20px;}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card p{font-size: 18px;line-height: 24px;font-weight: 600;margin: 0; color: var( --border); text-align: justify;}
.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card ul,.inner-banner-page .testimonial-section .testimonial-slider .testimonial-card ul li{ padding-left: 0; margin-left: 10px;}

.inner-banner-page .testimonial-section .testimonial-slider .slick-dots{bottom: -50px;}
.inner-banner-page .faq-section .chat-main{position: relative; background-color: var(--primary);padding: 30px 40px;border-radius: 32px;display: flex;align-items: center;justify-content: space-between;margin: 30px 0;}
.inner-banner-page .faq-section .chat-main h3{font-size: 40px;line-height: 50px;font-weight: 600;color: var(--bg-white);margin: 0;text-transform: capitalize;}
.inner-banner-page .faq-section .chat-main .mail-us{position: absolute;right: 0; background-color: var(--black);border-radius: 32px;width: 110px;height: 110px;display: flex;justify-content: center;align-items: center;text-decoration: none;transition: all 0.3s ease-in-out;}
.inner-banner-page .faq-section .chat-main .mail-us i{font-size: 45px;color: var(--primary);transition: all 0.3s ease-in-out;}
.inner-banner-page .faq-section .chat-main .mail-us:hover{background-color: var(--secodary);}
.inner-banner-page .faq-section .chat-main .mail-us:hover i{color: var(--white);}
/* Pricing Page End */

/* Our Cilents Page Start */
.inner-banner-page .clients-section .section-desc{position: relative;}
.inner-banner-page .clients-section .section-desc::after{content: "";position: absolute;bottom: -30px;left: 45%; background-color: var(--primary);width: 150px;height: 1px;}
.inner-banner-page .clients-section .category-tabs-wrapper { width: 100%; margin-top: 80px;}
.inner-banner-page .clients-section .slider-nav-thumbnails { margin-bottom: 60px; padding: 0 40px;}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-slide {padding: 0 15px;}
.inner-banner-page .clients-section .slider-nav-thumbnails .pro_cat_box {min-height: 80px;border-radius: 25px;background-color: #ffffff3d;border: 4px solid #ffffff80;color: var(--black);cursor: pointer;display: flex;align-items: center;justify-content: center;padding: 15px;backdrop-filter: blur(30px);box-shadow: 16px 16px 64px 0 #E4E8EB;transition:all 0.3s ease-in-out;}
.inner-banner-page .clients-section .slider-nav-thumbnails .pro_cat_box h3 {margin: 0;font-size: 16px;font-weight: 400;line-height: 24px;}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-current .pro_cat_box,.inner-banner-page .clients-section .slider-nav-thumbnails .slick-slide:hover .pro_cat_box {background:var(--primary);color: var(--white);border-color:var(--primary);}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-arrow {width: 32px;height: 32px;border: none;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;font-size: 0;cursor: pointer;}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-prev {left: 0;background-color: var(--black);}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-next { right: 0; background-color: var(--primary);}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-prev:hover,.inner-banner-page .clients-section .slider-nav-thumbnails .slick-next:hover{background-color: var(--secodary);transition: all 0.3s ease-in-out;}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-prev::before,.inner-banner-page .clients-section .slider-nav-thumbnails .slick-next::before { color: var(--white); font-family: 'Font Awesome 7 Free'; font-size: 10px;font-weight: 900; display: block; text-align: center; opacity: 1;}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-prev::before {content: "\f104";}
.inner-banner-page .clients-section .slider-nav-thumbnails .slick-next::before {content: "\f105";}
.inner-banner-page .clients-section #industry_slider .slick-slide {outline: none;}
.inner-banner-page .clients-section .industry-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;  padding: 0 50px;}
.inner-banner-page .clients-section .industry-card {min-height: 255px;border: 1px solid var(--primary);border-radius: 23px;padding: 22px 22px 18px;display: flex;flex-direction: column;justify-content: space-between;   overflow: hidden;}
.inner-banner-page .clients-section .industry-card .logo-box {width: 100%;min-height: 150px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.inner-banner-page .clients-section .industry-card .logo-box img {   max-width: 100%;max-height: 100px;width: auto;height: auto;object-fit: contain;display: block;}
.inner-banner-page .clients-section .industry-card .card-btn {width: 100%; margin: 0 auto; border-radius: 33px;background-color: var(--secodary);font-size: 16px;line-height: 24px;font-weight: 500;color: var(--primary);display: flex;align-items: center;justify-content: center;padding: 15px;text-decoration: none;transition:all 0.3s ease-in-out;}
.inner-banner-page .clients-section .industry-card .card-btn:hover {background-color:var(--primary);color: var(--secodary);}
/* Our Cilents Page End */

/* Industries Page Start */
.inner-banner-page .industries-banner{padding: 110px 0;}
.inner-banner-page .industries-banner .container{text-align: left;}
.inner-banner-page .industries-banner .container .row{align-items: center;}
.inner-banner-page .industries-banner .form-left {position: relative;margin-top: 60px;}
.inner-banner-page .industries-banner .form-left::before {content: '';position: absolute;background-color: var(--primary);width: 88%;height: 100%;top: 25px;left: 50%;transform: translateX(-50%);border-radius: 32px;z-index: 1;}
.inner-banner-page .industries-banner .form-box {background-color: #D4D8DC; border: 2px solid #ffffff4d; padding: 40px; border-radius: 32px; color: var(--white); backdrop-filter: blur(32px); position: relative; z-index: 2;}
.inner-banner-page .category-section{background-color: var(--bg-white);}
.inner-banner-page .category-section .container,.inner-banner-page .accounting-need-section .container{padding: 0;}
.inner-banner-page .category-section .category-grid { display: flex; flex-wrap: wrap; gap: 30px 25px;}
.inner-banner-page .category-section .category-grid .category-card {width: 18%; background-color:#ffffff80;border: 4px solid #ffffff80;backdrop-filter: blur(30px);border-radius: 32px;padding: 25px 22px;box-shadow: 16px 16px 64px 0 #E4E8EB;min-height: 310px;text-decoration: none;transition: all 0.3s ease-in-out;}
.inner-banner-page .category-section .category-grid .category-card .card-top { display: flex; align-items: center; gap: 18px;min-height: 60px;}
.inner-banner-page .category-section .category-grid .category-card .card-top img {width: 40px;  height: auto;transition: all 0.3s ease-in-out;}
.inner-banner-page .category-section .category-grid .category-card .card-top .divider {width: 1px;height: 48px;background-color: var(--primary);transition: all 0.3s ease-in-out;}
.inner-banner-page .category-section .category-grid .category-card .card-top h2 {font-size: 20px;line-height: 30px;font-weight: 500;color: var(--black);margin: 0;word-break: break-all;transition: all 0.3s ease-in-out;}
.inner-banner-page .category-section .category-grid .category-card hr { border: none; height: 1px; background-color: var(--primary); margin: 10px 0 15px;opacity: 1; transition: all 0.3s ease-in-out;}
.inner-banner-page .category-section .category-grid .category-card p {font-size: 16px;line-height: 27px;color: var(--para);font-weight: 400;margin: 0;transition: all 0.3s ease-in-out;}
.inner-banner-page .category-section .category-grid .category-card:hover{ background-color: var(--primary); color:var(--white); transform: translateY(-8px);}
.inner-banner-page .category-section .category-grid .category-card:hover .card-top img { filter: brightness(0) invert(1);}
.inner-banner-page .category-section .category-grid .category-card:hover p,.inner-banner-page .category-section .category-grid .category-card:hover h2{color: var(--white);}
.inner-banner-page .category-section .category-grid .category-card:hover hr,.inner-banner-page .category-section .category-grid .category-card:hover .card-top .divider {background-color: var(--white);}
.inner-banner-page .category-section .search-container,.inner-banner-page .accounting-need-section .search-container{width:100%;max-width:1000px;display:flex;border-radius:32px;overflow:hidden;background-color:#ffffff80;border: 1px solid #ffffff80;backdrop-filter: blur(30px);box-shadow: 16px 16px 64px 0 #E4E8EB;margin: 100px auto 20px;}
.inner-banner-page .category-section .search-container input,.inner-banner-page .accounting-need-section .search-container input{flex:1; width:100%;border:none;outline:none;padding:30px 40px;font-size:30px;line-height: 40px;font-weight: 400;background-color:var(--white);color:var(--black);}
.inner-banner-page .category-section .search-container input::placeholder{color: var(--black);}
.inner-banner-page .category-section .search-container input::-moz-placeholder{color: var(--black);}
.inner-banner-page .category-section .search-container a,.inner-banner-page .accounting-need-section .search-container a{min-width:280px;border:none;background-color:var(--primary);color:var(--black);font-size:24px;line-height: 34px;font-weight:600;border-radius: 24px;text-decoration: none;    display: flex; align-items: center; justify-content: center; transition:all 0.3s ease-in-out;}
.inner-banner-page .category-section .search-container a:hover{background-color:var(--secodary);color: var(--white);}
.inner-banner-page .accounting-need-section .heading{margin-bottom: 50px;}
.inner-banner-page .accounting-need-section .search-container{background-color: var(--secodary);}
.inner-banner-page .accounting-need-section .search-container input{color: var(--white);background-color: var(--secodary);}
.inner-banner-page .accounting-need-section .search-container input::placeholder{color: var(--white);}
.inner-banner-page .accounting-need-section .search-container input::-moz-placeholder{color: var(--white);}
.inner-banner-page .accounting-need-section .search-container a:hover{background-color: var(--white);}
.inner-banner-page .accounting-solutions-section .section-desc{color: var(--white);}
/* Industries Page End */

.propulse-sec{}
.propulse-sec a{ margin-left: 50px;}

.service_detail_row{}
.service_detail_row .row{align-items: center; margin-bottom: 50px;}
.service_detail_row .row:nth-child(even) {
  flex-direction: row-reverse;
}
.service_detail_row .row:nth-child(even) .left-content{padding-left: 50px}
.service_detail_row .right-content img{border-radius:10px;}
.service_detail_row h2{display: block;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: var(--bg-icon);
    margin-bottom: 15px;}

.service_detail_row h3{font-size: 18px;
    line-height: 34px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 10px;
}
.service_detail_row h3 i{margin-right: 10px;}



/*------------  Propulse Details Page ============ */

/* Cross-page product motion: visible by default, enhanced when active. */
.product-hero {
    margin-bottom: 20px;
	margin-top: 16px;
    min-height: 520px;
    display: grid;
    grid-template-columns: minmax(0px, 0.82fr) minmax(540px, 1.18fr);
    align-items: center;
    box-shadow: var(--shadow);
    padding: clamp(8px, 4vw, 44px);
    gap: 34px;
    border: 1px solid var(--line);
    border-radius: 36px;
    background: linear-gradient(135deg, rgb(255, 255, 255), rgb(245, 249, 255));
    overflow: hidden;
	background: radial-gradient(circle at 8% 12%, rgba(209, 240, 255, .6), transparent 30%), radial-gradient(circle at 92% 8%, rgba(228, 220, 255, .55), transparent 34%), linear-gradient(135deg, #fff, #f7fbff)
}

.product-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(11, 92, 171, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 92, 171, .022) 1px, transparent 1px);
	background-size: 46px 46px;
	-webkit-mask-image: radial-gradient(circle at 60% 45%, black, transparent 76%);
	mask-image: radial-gradient(circle at 60% 45%, black, transparent 76%);
	pointer-events: none
}
.kicker-row {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap
}
.kicker {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--bg-icon);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .03em;
}
.product-hero-copy {
	min-width: 0
}
.product-hero h2 {
	font-size: clamp(42px, 5vw, 78px)
}
.product-hero h2{
    font-size: 55px;
    line-height: 65px;
    font-weight: 600;
    color: var(--secodary);
    max-width: 920px;
    margin: 18px 0px;
}
.product-hero-copy {
	position: relative;
	z-index: 2
}
.product-hero-copy.in-view {
	animation: v32CopyIn .7s cubic-bezier(.2, .75, .25, 1) both
}
.product-hero>div:last-child.in-view {
	animation: v32VisualIn .82s cubic-bezier(.2, .75, .25, 1) both
}
.product-hero > div:last-child.in-view {
    animation: 0.82s cubic-bezier(0.2, 0.75, 0.25, 1) 0s 1 normal both running v32VisualIn;
}
.abstract-product-visual {
	min-height: 430px;
	border: 1px solid var(--line);
	border-radius: 30px;
	background: radial-gradient(circle at 50% 45%, rgba(36, 109, 255, .14), transparent 30%), linear-gradient(135deg, #fff, #eef5ff);
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden
}
.abstract-product-visual:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(11, 92, 171, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 92, 171, .03) 1px, transparent 1px);
	background-size: 38px 38px;
	-webkit-mask-image: radial-gradient(circle at 50% 50%, black, transparent 77%);
	mask-image: radial-gradient(circle at 50% 50%, black, transparent 77%)
}

.abstract-core {
	width: 230px;
	min-height: 150px;
	border-radius: 34px;
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 26px 66px rgba(28, 50, 82, .17);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
	z-index: 2
}

.abstract-core b {
	font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
	color: var(--primary)
}

.abstract-core span {
	color: var(--muted);
	font-size: 12px;
	margin-top: 7px
}
.abstract-core {
	z-index: 3
}

.abstract-core:before {
	content: "";
	position: absolute;
	inset: -24px;
	border: 2px solid rgba(11, 92, 171, .11);
	border-radius: 50%;
	animation: v32CorePulse 3.3s ease-in-out infinite
}
@keyframes v32CorePulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2); /* Increases the circle size by 20% */
    opacity: 0.5;          /* Optional: dims it slightly at its peak */
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.abstract-orbits span {
	display: block;
	overflow: hidden
}

.abstract-orbits span b,
.abstract-orbits span small {
	display: block
}

.abstract-orbits span b {
	font-size: 11px;
	color: var(--navy)
}

.abstract-orbits span small {
	font-size: 8px;
	color: var(--muted);
	margin-top: 2px
}

.abstract-orbits span:after {
	content: "";
	position: absolute;
	left: -45%;
	top: 0;
	bottom: 0;
	width: 35%;
	background: linear-gradient(90deg, transparent, rgba(11, 92, 171, .10), transparent);
	animation: v31Sweep 4.6s ease-in-out infinite;
	animation-delay: calc(var(--i, 0)*.28s)
}


.abstract-orbits {
	position: absolute;
	inset: 0
}

.abstract-orbits span {
	position: absolute;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 16px;
	padding: 10px 12px;
	font-size: 11px;
	font-weight: 900;
	color: #35506f;
	box-shadow: 0 12px 28px rgba(28, 50, 82, .1)
}

.abstract-orbits span:nth-child(1) {
	left: 8%;
	top: 12%
}

.abstract-orbits span:nth-child(2) {
	right: 8%;
	top: 12%
}

.abstract-orbits span:nth-child(3) {
	left: 1%;
	top:45%
}

.abstract-orbits span:nth-child(4) {
	right: 1%;
	top: 45%
}

.abstract-orbits span:nth-child(5) {
	left: 18%;
	bottom: 10%
}

.abstract-orbits span:nth-child(6) {
	right: 18%;
	bottom: 10%
}
.product-motion-media {
	overflow: hidden
}

.product-motion-media:after,
.product-visual-shell:after {
	content: "";
	position: absolute;
	inset: -60% -25%;
	background: linear-gradient(110deg, transparent 40%, rgba(255, 255, 255, .55) 48%, transparent 56%);
	transform: translateX(-80%);
	animation: v32Sheen 6.5s ease-in-out infinite;
	pointer-events: none
}

.product-motion-media img {
	animation: v32MediaBreath 7s ease-in-out infinite
}

@keyframes v31HeroIn {
	from {
		opacity: 0;
		transform: translateY(22px)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes v31Spin {
	to {
		transform: rotate(360deg)
	}
}

@keyframes v31Rail {
	to {
		left: calc(100% - 8px)
	}
}

@keyframes v31Status {
	50% {
		opacity: .45;
		transform: scale(.86)
	}
}

@keyframes v31Float {
	50% {
		transform: translateY(-10px)
	}
}

@keyframes v31Scroll {
	50% {
		top: 17px;
		opacity: .35
	}
}

@keyframes v31Node {
	50% {
		transform: scale(1.25);
		box-shadow: 0 0 0 14px rgba(11, 92, 171, .05)
	}
}

@keyframes v31Sweep {
	50% {
		left: 120%
	}
}

@keyframes v31MediaFloat {
	50% {
		transform: translateY(-6px)
	}
}

@keyframes v31RobotHover {
	50% {
		transform: translateY(-9px) rotate(-.3deg)
	}
}
.js .reveal.in-view {opacity: 1; transform: none;}
.product-motion-rail {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 24px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: #fff;
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    box-shadow: 0 12px 32px rgba(28, 50, 82, .06);
}

.product-motion-rail span {
    white-space: nowrap;
    color: var(--navy);
    font-size: 10px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.product-motion-rail i {position: relative;
    width: 52px;
    height: 1px;
    background: linear-gradient(90deg, var(--blue), transparent);
}
.product-motion-rail i:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--blue);
    transform: translateY(-50%);
    animation: v31Rail 2.6s linear infinite;
}
.section-block{
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto 24px !important;
    padding: clamp(46px, 5vw, 74px) !important;
    border: 1px solid var(--aiotor-line) !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 18px 55px rgba(35, 22, 39, .07) !important;
}
.section-heading {max-width: 920px !important;}
.section-heading h2 {
    color: var(--aiotor-ink) !important;
    text-wrap: balance;
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 30px;
}
.feature-grid, .use-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;align-items: stretch !important; grid-auto-rows: 1fr !important;}
.feature-card, .use-card{
    min-height: 180px !important;
    height: 100%;
    padding: 25px !important;
    border: 1px solid var(--border) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(28, 50, 82, .06);
}
.feature-card p span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #e9f2ff;
    color: var(--blue);
    font-size: 11px;
    font-weight: 900;
}
.feature-card h3,.use-card h3{ font-size: 21px; font-weight: 600;
    color: var(--aiotor-ink) !important;
    line-height: 1.12 !important;
    margin: 22px 0 8px;
}

.hidden {
  display: none;
}

/* Optional styling for toggle button */
.read-more-btn {
  background: none;
  border: none;
  color: #007bff; /* Adjust to match your theme */
  cursor: pointer;
  padding: 8px 0;
  font-size: 14px;
  text-decoration: underline;
  margin-bottom: 15px;
}


/* Container using CSS Grid */
.why-sec .features-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            overflow: hidden;
        }

        /* Individual Feature Card */
.why-sec .feature-card {
            padding: 15px !important;
            
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            min-height: inherit !important;
    border-radius: 0 !important;
    border: inherit !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: inherit !important;
    background: transparent !important;
        }

        /* Border styling to replicate the grid lines */
.why-sec .feature-card:nth-child(odd) {
            border-right: 1px solid #e2e8f0 !important;
        }

        /* Remove bottom border for last row */
.why-sec .feature-card:nth-last-child(1),
.why-sec .feature-card:nth-last-child(2) {
            border-bottom: none;
        }

        /* Icon styling */
.why-sec .icon-container {
            width: 48px;
            height: 48px;
            margin-bottom: 10px;
            color: #0073e6; /* Blue icon color */
            display: flex;
            align-items: center;
            justify-content: center;
        }

.why-sec .icon-container svg {
            width: 100%;
            height: 100%;
            stroke: #0070c0;
            fill: none;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        /* Content Styling */
.why-sec .feature-card h3 {margin:0; font-weight: 700; color: #0a192f; }

.why-sec .feature-card p {color: var(--para); }

        /* Responsive design for smaller screens */
  @media (max-width: 650px) {
.why-sec .features-grid {
                grid-template-columns: 1fr;
            }
.why-sec .feature-card:nth-child(odd) {
                border-right: none;
            }
.why-sec .feature-card {
                border-bottom: 1px solid #e2e8f0 !important;
                padding: 30px 20px;
            }
.why-sec .feature-card:last-child {
                border-bottom: none !important;
            }
        }

/*----------------  Propulse AI ----------------- */

.v48-industry-proof { padding-block: 50px; background: #fffdf9;}
.v48-industry-head { display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);
    gap: 38px;
    align-items: end;
    margin-bottom: 34px;
}
.v48-industry-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
}
.v48-industry-card {
    display: flex;
    flex-direction: column;
    min-height: 285px;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: linear-gradient(180deg, #fff, #faf6f1);
    box-shadow: 0 12px 32px rgba(28, 50, 82, .06);
}
.v48-industry-card p span {
    color: var(--bg-icon);
    font: 800 10px / 1.2 var(--v45-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.v45-eyebrow, .v45-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--bg-icon);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.v48-industry-head h2 {
    margin: 14px 0 0;
    font-weight: 600;
    font-size: clamp(40px, 5.2vw, 72px);
    line-height: .98;
    letter-spacing: -.055em;
    text-wrap: balance;
}
.v48-industry-card h3 {
    margin: 30px 0 10px;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.035em;
}
.v48-industry-card ul{margin: 0; padding: 0;}
.v48-operating-flow {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
    padding: 22px;
    border-radius: 24px;
    background: linear-gradient(145deg, #17111d, #35203d);
    color: #fff;
    overflow: hidden;
}
.v48-operating-flow:before {
    content: "";
    position: absolute;
    left: 7%;
    right: 7%;
    top: 50%;
    height: 2px;
    background: linear-gradient(90deg, #19e62a, #a2f5f5, #5d9dd2);
    opacity: .8;
}
.v48-operating-flow span {
    position: relative;
    z-index: 3;
    display: grid;
    place-items: center;
    min-height: 84px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 15px;
    background: rgba(255, 255, 255, .07);
    text-align: center;
    font-size: 10px;
    font-weight: 850;
}
.v48-operating-flow span:last-child {
    background: var(--primary);
}
.v48-operating-flow:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 7%;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px #fff;
    animation: v48Flow 6s linear infinite;
}
@keyframes v48Flow{from{left:7%}to{left:91%}}
 .cta-section {
    margin-bottom: 80px !important;
    min-height: 310px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 32px !important;
    background: radial-gradient(circle at 88% 20%, rgba(56, 25, 230, 0.26), transparent 29%), linear-gradient(135deg, #1c2548 0%, #192a35 52%, #27484d 100%) !important;
    border-color: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
    box-shadow: 0 28px 80px rgba(35, 20, 42, .22) !important;
}
.cta-section h2 {
    max-width: 930px !important;
    font-size: 60px;
    font-weight: 700;
    line-height: .98 !important;
    text-wrap: balance;
}
.cta-section a.cmn_btn {
    background: var(--bg-icon);
    color: var(--white);
    padding: 15px 20px;
    border: 1px solid var(--bg-icon);
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-decoration: none;
    margin-left: 50px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.inner-banner-page .sf_midbody-section{background:#53688b url('../images/particle_bg.webp') center / cover no-repeat; position: relative; background-blend-mode: soft-light;}
.inner-banner-page .sf_midbody-section h2{font-family: "Cormorant Garamond", serif; font-size: 40px;
    font-weight: 600; color: var(--white);
    line-height: 50px;
    margin-bottom: 25px;}
.inner-banner-page .sf_midbody-section h3{color: var(--bg-icon); font-size: 26px;}
.inner-banner-page .sf_midbody-section p{ color: var(--bg-white);}

    .sf-grid-sec{}
    .sf-grid-sec .service-card {background: #ffffff;  border: 1px solid #e9ecef;
            border-radius: 12px;
            padding: 28px 20px;
            transition: all 0.3s ease;
            height: 100%;
            text-align: center;
        }
    .sf-grid-sec .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.08);
            border-color: #0d6efd;
        }
    .sf-grid-sec .icon-wrapper {
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    .sf-grid-sec .icon-wrapper i { font-size:3rem; color: var(--bg-icon);}
    .sf-grid-sec .service-title {
            font-size: 2rem;
            font-weight: 600;
            color:var(--primary);
            margin-bottom: 12px;
        }
    .sf-grid-sec .service-desc { font-size:1.5rem;  line-height: 2.3rem;  margin-bottom: 0;}

.an-grid-sec .feature-card {
      background: #ffffff;
      border: 1px solid var(--card-border-color);
      border-radius: 16px;
      padding: 28px 24px;
      height: 100%;
      transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
      position: relative;
      overflow: hidden;
    }

    /* Card Hover State */
.an-grid-sec .feature-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 30px -10px rgba(0, 168, 132, 0.15), 0 10px 15px -5px rgba(11, 37, 69, 0.05);
      border-color: rgba(4, 50, 175, 0.4);
    }

.an-grid-sec .icon-circle {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background-color: var(--bg-icon);
      color: var(--white);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      font-size: 22px;
      transition: all 0.35s ease;
      position: relative;
    }

    /* Icon Circle Hover State */
.an-grid-sec .feature-card:hover .icon-circle {
      background-color: var(--primary);
      color: #ffffff;
      transform: scale(1.1) rotate(5deg);
      box-shadow: 0 8px 16px rgba(0, 168, 132, 0.3);
    }

.an-grid-sec .feature-title {
      font-weight: 700;
      color: var(--primary);
      font-size: 2rem;
      margin-bottom: 10px;
      transition: color 0.3s ease;
    }

.an-grid-sec .feature-card:hover .feature-title {
      color: var(--teal-accent);
    }

.an-grid-sec .feature-desc {
      font-size: 1.5rem;
      line-height: 1.6;
      margin-bottom: 0;
    }

    /* Bottom accent line on card hover */
.an-grid-sec .feature-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0%;
      height: 4px;
      background: linear-gradient(90deg, #0084b4, #0677a0);
      transition: width 0.35s ease;
      border-radius: 0 0 16px 16px;
    }

.an-grid-sec .feature-card:hover::after { width: 100%;}

/* Landing page spacing and equal-card rhythm. */
.v45-wrap{width:min(1360px,calc(100% - 56px))}
.v45-section{padding-block:clamp(76px,7vw,112px)}
.v45-section-head{grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr)!important;gap:clamp(28px,5vw,70px)!important;align-items:end!important}
.v45-section-head h2,.v45-copy h2,.v45-school-copy h2,.v45-contact-copy h2{line-height:1.01!important;text-wrap:balance}
.v45-section-head p,.v45-copy>p,.v45-school-copy>p,.v45-contact-copy>p{max-width:700px;color:var(--aiotor-muted)!important}
.v45-platform-grid{grid-auto-rows:1fr;align-items:stretch}
.v45-platform-grid>a{
  min-height:238px!important;
  height:100%;
  padding:26px!important;
  background:linear-gradient(180deg,#fff 0%,#fcf8f3 100%)!important;
  border-color:var(--aiotor-line)!important;
}
.v45-platform-grid h3{margin:30px 0 11px!important;font-size:clamp(24px,2.1vw,31px)!important}
.v45-platform-grid p{font-size:13px!important;line-height:1.66!important}
.v45-platform-grid b{padding-top:24px!important}
.v45-resilience-grid,.v46-offer-grid,.v43-module-grid,.research-workflow-grid{grid-auto-rows:1fr;align-items:stretch!important}
.v45-resilience-grid article,.v46-offer,.v43-module-card,.research-workflow-card,.catalog-card,.feature-card,.use-card{height:100%;min-width:0}


.v46-product-page {
    padding-top: 92px;
    background: #fffdf9;
    color: #1d1720
}

.v46-product-page .v45-wrap {
    width: min(1180px,calc(100% - 40px));
    margin-inline:auto}

.v46-product-hero {
    position: relative;
    overflow: hidden;
    padding: 105px 0 82px;
    background: linear-gradient(180deg,#fffdf9,#f4efe8)
}

.v46-product-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(43,29,47,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(43,29,47,.04) 1px,transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(#000,transparent)
}

.v46-product-hero-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,.86fr) minmax(520px,1.14fr);
    gap: 62px;
    align-items: center
}

.v46-product-copy h1 {
    margin: 18px 0 24px;
    font-size: clamp(54px,6.7vw,96px);
    font-weight: 700;
    line-height: .92;
    letter-spacing: -.065em
}

.v46-product-copy>p {
    max-width: 690px;
    color: #625a64;
    font-size: 17px;
    line-height: 1.72
}

.v46-product-copy .v45-button {
    margin-top: 24px
}

.v46-product-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 25px
}

.v46-product-proof span {
    padding: 8px 10px;
    border: 1px solid #ded5cd;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    font-size: 8px;
    font-weight: 850
}

.v46-product-visual {
    overflow: hidden;
    border: 1px solid #dcd2ca;
    border-radius: 28px;
    background: linear-gradient(145deg,#1d1425,#4b294e);
    color: #fff;
    box-shadow: 0 28px 65px rgba(44,26,48,.18)
}

.v46-visual-head {
    display: flex;
    justify-content: space-between;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(255,255,255,.12);
    font-size: 8px
}

.v46-visual-head span {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #cdbfd1
}

.v46-visual-head i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4bd58c;
    box-shadow: 0 0 0 5px rgba(75,213,140,.12)
}

.v46-visual-body {
    padding: 20px
}

.v46-kpis {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 9px
}

.v46-kpis article {
    padding: 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
    background: rgba(255,255,255,.05)
}

.v46-kpis b,.v46-kpis span {
    display: block
}

.v46-kpis b {
    font-size: 18px
}

.v46-kpis span {
    margin-top: 4px;
    color: #b9abbf;
    font-size: 7px
}

.v46-visual-flow {
    display: grid;
    gap: 8px;
    margin-top: 13px
}

.v46-visual-flow article {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
    background: rgba(255,255,255,.04)
}

.v46-visual-flow b {
    font-size: 9px
}

.v46-visual-flow p {
    margin: 0;
    color: #beafc3;
    font-size: 8px
}

.v46-visual-flow span {
    padding: 5px 7px;
    border-radius: 999px;
    background: rgba(75,213,140,.12);
    color: #8ae6b4;
    font-size: 7px;
    font-weight: 900
}

.v46-product-section {
    padding: 88px 0
}

.v46-product-section.alt {
    background: #f7f2ed
}

.v46-product-head {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 50px;
    margin-bottom: 35px
}

.v46-product-head h2 {
    margin: 12px 0 0;
    font-size: clamp(40px,5vw,70px);
    line-height: .98;
    letter-spacing: -.05em
}

.v46-product-head p {
    align-self: end;
    margin: 0;
    color: #6e6570;
    font-size: 15px;
    line-height: 1.75
}

.v46-cap-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px
}

.v46-cap {
    min-height: 245px;
    padding: 24px;
    border: 1px solid #dfd6ce;
    border-radius: 21px;
    background: #fff
}

.v46-cap span {
    color: var(--bg-icon);
    font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size: 16px;
    font-weight: 900
}

.v46-cap h3 {
    margin: 34px 0 11px;
    font-size: 24px
}

.v46-cap p {
    margin: 0;
    color: #716872;
    font-size: 11px;
    line-height: 1.7
}

.v46-process {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 9px
}

.v46-process article {
    position: relative;
    min-height: 200px;
    padding: 20px;
    border: 1px solid #dfd6ce;
    border-radius: 18px;
    background: #fff
}

.v46-process article:not(:last-child):after {
    content: "→";
    position: absolute;
    right: -13px;
    top: 48%;
    z-index: 2;
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: var(--bg-icon);
    font-weight: 900
}

.v46-process b,.v46-process span,.v46-process p {
    display: block
}

.v46-process b {
    color: var(--bg-icon);
    font-size: 8px
}

.v46-process span {
    margin-top: 25px;
    font-size: 15px;
    font-weight: 850
}

.v46-process p {
    margin: 8px 0 0;
    color: #746b75;
    font-size: 9px;
    line-height: 1.6
}

.v46-dark-band {
    padding: 55px;
    border-radius: 30px;
    background: linear-gradient(145deg,#201528,#4b294f);
    color: #fff
}

.v46-dark-band h2 {
    max-width: 850px;
    margin: 12px 0 19px;
    font-size: clamp(40px,5vw,68px);
    line-height: .98;
    letter-spacing: -.05em
}

.v46-dark-band p {
    max-width: 820px;
    color: #c9bbce;
    font-size: 15px;
    line-height: 1.75
}

.v46-band-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
    margin-top: 28px
}

.v46-band-grid article {
    padding: 17px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 15px;
    background: rgba(255,255,255,.05)
}

.v46-band-grid b,.v46-band-grid span {
    display: block
}

.v46-band-grid b {
    font-size: 11px
}

.v46-band-grid span {
    margin-top: 5px;
    color: #bcafc1;
    font-size: 8px
}

.v46-product-cta {
    padding: 82px 0;
    background: var(--bg-icon);
    color: #fff
}

.v46-product-cta-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    align-items: center
}

.v46-product-cta h2 {
    margin: 0;
    font-size: clamp(40px,5vw,72px);
    line-height: .98;
    letter-spacing: -.05em
}

.v46-product-cta p {
    max-width: 750px;
    margin: 14px 0 0;
    color: #ffe0e2
}

.v46-product-cta .v45-button {
    background: #fff;
    color: #1c1720
}

.v46-faq details {
    padding: 17px 0;
    border-top: 1px solid #ddd4cc
}

.v46-faq details:last-child {
    border-bottom: 1px solid #ddd4cc
}

.v46-faq summary {
    cursor: pointer;
    font-weight: 850
}

.v46-faq p {
    color: #6f6670;
    font-size: 11px;
    line-height: 1.7
}

@media(max-width: 1000px) {
    .v46-product-hero-grid,.v46-product-head {
        grid-template-columns:1fr
    }

    .v46-cap-grid {
        grid-template-columns: 1fr 1fr
    }

    .v46-process {
        grid-template-columns: 1fr 1fr
    }

    .v46-process article:not(:last-child):after {
        display: none
    }

    .v46-band-grid {
        grid-template-columns: 1fr 1fr
    }

    .v46-product-cta-grid {
        grid-template-columns: 1fr
    }
}

@media(max-width: 650px) {
    .v46-product-page {
        padding-top:70px
    }

    .v46-product-hero {
        padding: 72px 0 55px
    }

    .v46-product-hero-grid {
        grid-template-columns: 1fr
    }

    .v46-product-copy h1 {
        font-size: 50px
    }

    .v46-kpis,.v46-cap-grid,.v46-process,.v46-band-grid {
        grid-template-columns: 1fr
    }

    .v46-dark-band {
        padding: 28px 22px
    }

    .v46-product-section {
        padding: 64px 0
    }
}
.v45-button-primary{background: var(--bg-icon);}