/* Large screens (min-width: 992px) */
@media (min-width: 992px) {
.growth-solution .row>div {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

/* Medium & Small screens (max-width: 991.98px) */
@media (max-width: 991.98px) {
    .icon-pink-img img{
    width: 27px;
}
.icon-blue-img img{
    width: 27px;
}

.icon-yellow-img img{
    width: 27px;
}

.icon-red-img img{
    width: 27px;
}

.icon-purple-img img{
    width: 27px;
}

.icon-green-img img{
    width: 27px;
}

.icon-cyan-img img{
    width: 27px;
}

.icon-teal-img img{
    width: 27px;
}

.icon-indigo-img img{
    width: 27px;
}

.icon-orange-img svg{
    width: 27px;
    color: #3D8C74;
}
.icon-brown-img img{
    width: 27px;
}

.icon-lightblue-img img{
    width: 27px;
}
    .navbar-container {
        padding: 12px 0;
    }

    .navbar-wrapper {
        padding: 0 15px;
    }

    .navbar-logo-img {
        width: 130px;
    }

    .navbar-mobile-toggle {
        padding: 10px 16px;
    }

    .navbar-menu-text {
        font-size: 13px;
        letter-spacing: 0.8px;
    }

    .navbar-desktop-btns {
        display: none !important;
    }

    .section-three-text p {
        font-size: 16px;
    }

    .section-percentage-header p {
        font-size: 15px !important;
    }

    .adv-feature-text p {
        font-size: 15px !important;
    }

    .growth-card-text {
        font-size: 14px !important;
    }

    .faq-section {
        padding-top: 40px !important;
    }

    .brands-marquee-wrapper::before {
        left: 0;
        background: linear-gradient(to right, var(--color-white) 0%, transparent 15%);
    }

    .brands-marquee-wrapper::after {
        right: 0;
        background: linear-gradient(to left, var(--color-white) 0%, transparent 15%);
    }

    .brands-section-title {
        margin-top: 20px;
    }
.growth-solution{
    padding-bottom:20px !important;
}
}

/* Extra small devices (max-width: 575.98px) */
@media (max-width: 575.98px) {
    .navbar-container {
        padding: 10px 0;
    }

    .navbar-logo-img {
        width: 110px;
    }

    .navbar-mobile-toggle {
        padding: 8px 12px;
        gap: 8px;
    }

    .navbar-sidebar {
        width: 85% !important;
    }

    .navbar-mobile-logo {
        width: 100px;
    }

    .navbar-menu-text {
        font-size: 12px;
    }

    .navbar-sidebar-link {
        font-size: 20px;
        text-decoration: none;

    }
}

/* Landscape orientation for mobile */
@media (max-height: 450px) and (orientation: landscape) {
    .navbar-sidebar-list {
        gap: 10px;
    }

    .navbar-sidebar-item {
        padding: 0;
    }

    .navbar-sidebar-footer {
        margin-top: 20px !important;
    }
}

/* Tablet Landscape specific */
@media (min-width: 992px) and (max-width: 1300px) {
    .navbar-desktop-btns {
        display: none !important;
    }

    .navbar-drop-container {
        display: block !important;
    }
}

.no-caret::after {
    display: none !important;
}

.navbar-sidebar-footer {
    padding-top: 20px;
    border-top: 1px solid var(--color-gray-eee);
}

/* Hero Section Media Queries */
@media (max-width: 991.98px) {
    .hero-section-main-title {
        font-size: 52px;
    }

    .hero-section-trust-row {
        gap: 30px;
    }

    .hero-section-trust-item img {
        height: 52px;
    }

    .faq-button {
        font-size: 18px !important;
    }

    .faq-body {
        font-size: 16px !important;
    }
}

@media (max-width: 575.98px) {
    .hero-section-wrapper {
        padding: 50px 0;
    }
.hero-section-wrapper1 {
    padding: 50px 0px 0px 0px !important;
}
    .hero-section-award-badge {
        padding: 8px 16px;
    }

    .hero-section-award-text {
        font-size: 13px;
    }

    .hero-section-main-title {
        font-size: 38px;
    }

    .hero-section-sub-desc {
        font-size: 15px;
        margin-bottom: 30px;
    }

    /* Dashboard full width on mobile - Force edge-to-edge */
    .hero-section-dashboard {
        margin-top: 40px;
        padding: 0 !important;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        position: relative;
    }

    .hero-section-dashboard-image {
        max-width: 100% !important;
        /* Force full width */
        width: 100% !important;
        border-radius: 0 !important;
        /* Remove border radius */
        border-left: none !important;
        /* Remove side borders */
        border-right: none !important;
        box-shadow: none;
        /* Remove shadow on mobile */
    }

    .hero-section-dashboard-head,
    .hero-section-dashboard-money-boxes,
    .hero-section-dashboard-clients {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hero-section-btn-group {
        flex-direction: column;
        gap: 15px;
        padding: 0 20px;
    }

    .hero-section-action-btn {
        width: 100%;
        justify-content: center;
    }

    .hero-trust-marquee-mask {
        width: 100%;
        overflow: hidden;
        /* Ensure the mask doesn't scroll vertically */
    }

    .hero-section-trust-row {
        gap: 0;
        flex-wrap: nowrap;
        width: max-content;
        justify-content: flex-start;
        animation: marqueeScroll 9s linear infinite;
    }

    .hero-section-trust-item {
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        margin-right: 40px;
        /* Spacing between items */
    }

    .hero-section-trust-item img {
        height: 50px;
        /* Larger size as requested */
    }

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

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

    .mobile-marquee-item {
        display: flex !important;
    }

    /* Full-width dashboard for mobile - matching tablet behavior */
    .hero-section-dashboard {
        margin-top: 40px;
        padding: 0 !important;
        width: 100%;
        position: relative;
        overflow: hidden;
        /* Added to fix horizontal overflow */
    }

    .hero-section-dashboard-image {
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        /* Remove scaling */
        margin-left: 0 !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }

    .hero-section-box-header {
        font-size: 8px;
        top: -18px;
    }
}

@media (max-width: 480px) {

    .hero-section-dashboard-image {
        transform: none !important;
        /* Remove scaling on very small screens too */
        margin-bottom: 0;
        border-radius: 0 !important;
    }

    .hero-section-box1 {
        height: 80px;
        border-top-width: 20px;
        border-radius: 10px;
    }

    .hero-section-box-header {
        font-size: 5px;
        top: -16px;
    }

    .hero-section-box-body {
        --ticker-height: 60px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }


    .hero-section-box-content-wrapper {
        width: 90% !important;
    }

    .hero-section-box-icon {
        width: 16px !important;
        height: 16px !important;
    }

    .hero-section-count {
        font-size: 16px !important;
    }

    .hero-section-ticker-item {
        font-size: 12px !important;
    }
}

/* Brands Section Media Queries */
@media (max-width: 991.98px) {
    .brands-section {
        padding: 0px 0;
    }

    .section-percentage,
    .growth-solution {
        padding: 0px !important;
    }

    .check-point-sections {
        padding-bottom: 0px !important;
        padding-top: 30px !important;
    }

    .brands-section-box {
        flex: 0 0 calc(33.33% - 24px);
        max-width: calc(33.33% - 24px);
    }

    .adv-features-section {
        padding-bottom: 65px !important;
    }
}

@media (max-width: 575.98px) {


    .brands-section-p {
        margin-bottom: 40px;
    }

    .brands-section-box {
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px);
    }

    .brands-section-box1,
    .brands-section-box2,
    .brands-section-box3,
    .brands-section-box4,
    .brands-section-box5,
    .brands-section-box6 {
        height: 100px;
        padding: 15px;
    }
}

/* Section Promo Media Queries */
@media (max-width: 991.98px) {
    .section-promo {
        padding: 60px 0;
        text-align: center;
    }

    .section-promo-content {
        padding-right: 0;
        margin-top: 40px;
    }


    .section-promo-title {
        text-align: left;
    }

    .section-promo-feature-item {
        gap: 12px;
        text-align: left;
    }

    .section-promo-text h6 {
        font-size: 16px;
    }

    .section-promo-text p {
        font-size: 13px;
    }

    .section-promo-image-wrapper {
        margin-bottom: 40px;
        height: 450px;
        max-width: 500px;
        margin-right: auto;
    }
}

@media (max-width: 575.98px) {
    .section-promo-subtitle {
        margin-bottom: 32px;
    }

    .section-promo-btn {
        width: 100%;
        justify-content: center;
    }

    .section-promo-image-wrapper {
        height: 320px;
        max-width: 350px;
    }
}

/* Section Three Hero Media Queries */
@media (max-width: 991.98px) {
    .section-three-hero {
        padding: 0px 0;
    }
.section-three-hero-category{
    padding: 60px 0px 0px 0px!important;
}
.testimonies-section-category{
    padding: 0px !important;
}
    .section-three-header {
        margin-bottom: 40px;
    }

    .section-three-main-subtitle {
        margin-bottom: 40px;
    }

    .section-three-row {
        margin-bottom: 60px;
        text-align: center;
    }

    .section-three-text {
        padding: 0 !important;
        margin-top: 30px;
    }

    .section-three-image {
        margin-bottom: 0;
    }

    .shorts-section {
        padding-top: 50px !important;
    }

    .shorts-title {
        margin-bottom: 20px !important;
    }

    .clients-review-title {
        margin-bottom: 30px !important;
    }

    .review-track {
        gap: 20px !important;
    }
}

/* Percentage Section Media Queries */
@media (max-width: 991.98px) {}

@media (max-width: 575.98px) {
    .section-percentage {
        padding: 60px 0;
    }
}

/* Advanced Features Section Media Queries */
@media (max-width: 991.98px) {
    .adv-features-section {
        padding: 60px 0;
    }

    .adv-feature-inner-block {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .adv-feature-boxes.adv-feature-box-one,
    .adv-feature-boxes.adv-feature-box-two,
    .adv-feature-boxes.adv-feature-box-three,
    .adv-feature-boxes.adv-feature-box-four {
        grid-column: span 1 !important;
    }

    /* Reverse order: GIF above, Text below */
    .adv-feature-box {
        display: flex !important;
        flex-direction: column-reverse !important;
        height: auto !important;
    }

    .adv-feature-text {
        padding: 30px 20px !important;
    }

    /* Target all container versions (1, 2, 3, 4) */
    [class^="adv-feature-img-container"] {
        height: auto !important;
        margin: 0 !important;
        padding: 20px !important;
        margin-top: 0 !important;
        border-top-right-radius: 8px !important;
        /* Reset the auto margin for mobile */
    }

    .adv-feature-img-container2 img,
    .adv-feature-img-container1 img,
    .adv-feature-img-container4 img {
        border-radius: 8px !important;
    }
}
/* Mobile Optimizations - Faster, Snappier Animations */
@media (max-width: 768px) {
    .reveal {
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

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

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

    .reveal-up {
        transform: translateY(30px);
    }

    /* Reduce delays for faster sequential animations */
    .delay-1 {
        transition-delay: 0.05s;
    }

    .delay-2 {
        transition-delay: 0.1s;
    }

    .delay-3 {
        transition-delay: 0.15s;
    }

    .delay-4 {
        transition-delay: 0.2s;
    }

    .delay-5 {
        transition-delay: 0.25s;
    }
    .testimony-card {
        width: 300px;
        padding: 20px;
    }

    .testimony-content {
        font-size: 12px;
    }

    .testimonies-section::before,
    .testimonies-section::after {
        width: 100px;
    }
.testimonies-section-category::before,
.testimonies-section-category::after{
    width: 100px;
}
    .testimonies-marquee-container::before {
    left: 0;
    background: linear-gradient(to right, #fff 2%, transparent 15%);
}

.testimonies-marquee-container::after {
    right: 0;
    background: linear-gradient(to left, #fff 2%, transparent 15%);
}
.testimonies-inner{
    padding: 0 1px;
}
 .check-point-item {
        font-size: 16px;
    }

    .check-point-track {
        gap: 40px;
        padding-bottom:40px ;
    }
.check-point-track1 {
    margin-top: 15px;
        gap: 40px;
    }
    .check-point-sections::before,
    .check-point-sections::after {
        width: 80px;
    }
}
@media (max-width: 767.98px) {
    .adv-feature-h1 {
        font-size: 32px;
    }
}

@media (max-width: 575.98px) {
    .adv-features-section {
        padding: 50px 0;
    }

    .adv-feature-h1 {
        font-size: 28px;
    }

    .adv-feature-p {
        font-size: 15px;
        margin-bottom: 40px;
    }

    .adv-feature-text {
        padding: 25px 20px 25px 20px;
    }

    .adv-feature-text h3 {
        font-size: 20px;
    }

    .adv-feature-text p {
        font-size: 14px;
    }
}

/* Growth Solution Section Responsiveness */
@media (max-width: 991.98px) {
    .growth-solution {
        padding: 60px 0;
    }

    .growth-title {
        margin-bottom: 40px;
    }
}

@media (max-width: 575.98px) {
    .growth-solution {
        padding: 50px 0;
    }

    .growth-card {
        padding: 20px 10px;
    }

    .growth-card-text {
        font-size: 14px;
    }

    .growth-icon-box {
        width: 45px;
        height: 45px;
        margin-bottom: 10px;
    }
}

/* FAQ Section Media Queries */
@media (max-width: 991.98px) {
    .faq-section {
        padding: 60px 0;
    }

    .faq-header {
        margin-bottom: 40px;
    }

    .faq-title {
        font-size: 36px;
    }

    .faq-accordion {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .faq-section {
        padding: 50px 0;
    }

    .faq-title {
        font-size: 32px;
    }

    .faq-button {
        padding: 18px 0;
        font-size: 15px;
        line-height: 1.4;
    }

    .faq-body {
        padding: 0 0 20px 0;
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .faq-section {
        padding: 40px 0;
    }

    .faq-header {
        margin-bottom: 30px;
    }

    .faq-title {
        font-size: 28px;
    }

    .faq-button {
        padding: 16px 0;
        font-size: 14px;
    }

    .faq-button::after {
        font-size: 20px;
    }

    .faq-body {
        padding: 0 0 18px 0;
        font-size: 13px;
        line-height: 1.6;
    }
}

/* Page1 Hero Media Queries */
@media (max-width: 991.98px) {
    .page1-hero-left-wrapper {
        padding: 40px 20px 0px 20px;
        text-align: center;

    }

    .page1-hero-title {
        font-size: 42px;
        text-align: center;
    }

    .page1-hero-desc {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .page1-hero-btns {
        justify-content: center;
    }

    .page1-hero-badges {
        justify-content: center;
        margin-bottom: 40px;
    }

    /* Reset right image styles for mobile */
    .page1-right-image-bg {
        padding: 40px 20px;
        border-radius: 0;
        min-height: auto;
        justify-content: center;
    }

    .page1-dashboard-img {
        border-radius: 12px;
        width: 100%;
    }
    .box-per {
        flex: 1 1 calc(50% - 25px);
        min-width: unset;
    }
}

@media (max-width: 575.98px) {
    .page1-hero-title {
        font-size: 32px;
    }

    .page1-hero-desc {
        font-size: 16px;
    }

    .page1-hero-btns {
        flex-direction: column;
        width: 100%;
    }

    .hero-section-action-btn {
        width: 100%;
        justify-content: center;
    }

    .page1-hero-badges img {
        height: 50px;
    }

    .page1-right-image-bg {
        padding: 30px 15px;
    }
     .section-percentage-header {
        margin-bottom: 40px;
    }

    .section-percentage-grid {
        gap: 12px;
        padding: 0 5px;
    }

    .box-per {
        flex: 1 1 calc(50% - 12px);
        min-width: unset;
        padding: 25px 12px;
    }

    .box-per h5 {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .box-per p {
        font-size: 11px;
    }
     .review-item {
        width: 320px;
    }

    .clients-review-section {
        padding: 50px 0;
    }
}
@media (min-width: 1025px) {
    .testimonies-inner {
        padding: 0 20%;
        max-width: none;
    }
}