/* Responsive Styles */
 @media (max-width: 1440px) {
    /*banner*/
    .banner-45-09 {
        max-width: 100%;
        margin-top:60px;
    }
    /*banner*/
    
    
     .feature-box {
                flex: 1 1 calc(33.333% - 13.333px); /* Approx 1/3rd width */
            }
}


@media (max-width: 1024px) {
     /*banner*/
    .banner-45-09 .swiper-slide {
        height: 500px;
    }

    .banner-45-09 .swiper-button-next {
        right: 20px;
    }

    .banner-45-09 .swiper-button-prev {
        left: 20px;
    }
    /*banner */
    
    /*container_03 */
     .service-box {
                /* 2 boxes per row */
                flex: 42%;
                min-width: 300px;
                padding: 25px;
            }
            .container_03 {
                gap: 15px;
                padding: 20px 15px;
            }
    /*container_03 */
    /* section 1 */
    .excellence-section__container {
                flex-direction: column; /* Single column layout */
                gap: 32px;
            }

            /* Content above Image */
            .excellence-section__image-container {
                order: 1; 
                position: static; 
            }
            .excellence-section__content {
                order: 2; 
            }

            .excellence-section {
                padding: 32px 16px; 
            }
             .Container_89_card {
        width: 48%;
    }

            
            
            /* Section 3 */
              .category-grid {
                grid-template-columns: repeat(4, 1fr); /* 4 columns */
            }
            .category-item:nth-child(5n) { /* Reset 5n rule */
                border-right: 1px solid #e0e0e0;
            }
            .category-item:nth-child(4n) { /* New 4n rule */
                border-right: none;
            }
            /* Remove bottom border from the new last row (4 items) */
            .category-grid > .category-item:nth-last-child(-n + 4) {
                 border-bottom: none;
            }
            
            /* Since the total items (15) is divisible by 4, we need to manually adjust the last few items' bottom border */
            .category-grid > .category-item:nth-child(13),
            .category-grid > .category-item:nth-child(14),
            .category-grid > .category-item:nth-child(15) {
                border-bottom: none;
            }
            
            
            /* Section */
              .trust-cards-container {
                gap: 25px;
            }
            .trust-card {
                flex: 45%; /* Two cards per row */
            }
            
            .assurance-cards-container {
                gap: 20px;
            }
            .assurance-card {
                flex: 45%;
            }
            
             .choose-us-content {
                /* Adjust spacing/size slightly for tablet */
                grid-template-columns: 1fr 300px 1fr; 
                gap: 15px;
            }
            .feature-item__icon {
                font-size: 20px;
                width: 35px;
                height: 35px;
            }
            .feature-item__title {
                font-size: 16px;
            }
            .feature-item__description {
                font-size: 13px;
            }
            
            
             .cta-banner {
                padding: 60px 15px;
            }
            .cta-title {
                font-size: 28px;
            }
            .cta-phone {
                font-size: 20px;
                margin-bottom: 25px;
            }
            .cta-buttons {
                flex-direction: column; /* Stack buttons vertically */
                gap: 15px;
            }
            .cta-button {
                width: 80%; /* Make buttons wider */
                max-width: 300px;
                margin: 0 auto;
                justify-content: center;
            }
            
            
                        .faq-section {
                flex-direction: column;
                min-height: auto;
            }
            .accordion-icon{
                width: 20px;
                font-size: 10px;
                height: 20px;
                border: none;
            }

             .accordion-item.active .accordion-icon {
            background-color: unset;
            color: white;
            transform: rotate(45deg); 
        }

            .faq-left {
                flex: 1 1 300px; 
                min-height: 350px;
                order: 1;
                clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
            }
            
            .faq-left__bg {
                clip-path: none;
            }

            .faq-left__products {
                max-width: 100%;
                margin-top: -160px; 
            }

            .faq-right {
                order: 2;
                padding: 40px 20px;
            }

            .faq-header__title {
                font-size: 30px;
            }
            
            
             .philosophy-section {
                flex-direction: column; /* Stack image and text vertically */
                padding: 30px;
            }
            .philosophy-image {
                min-width: unset; /* Remove min-width constraint */
                width: 100%; /* Image takes full width */
                margin-bottom: 30px; /* Space below image */
            }
            .philosophy-content h2 {
                text-align: center;
                font-size: 2.5rem;
            }
            .philosophy-tagline {
                display: block; /* Tagline takes full width */
                text-align: center;
                padding: 12px 20px;
                font-size: 1.05rem;
            }
            .philosophy-tagline span:not(:last-child) {
                border-right: none; /* Remove vertical divider for stacked items */
                display: block; /* Stack each tagline item */
                margin-bottom: 5px; /* Space between stacked items */
            }
             .philosophy-tagline span:last-child {
                margin-bottom: 0;
            }
            
             .feature-box {
                flex: 1 1 calc(50% - 10px); /* Approx 1/2 width */
                min-height: 220px;
            }
}
            

@media (max-width: 768px) {
    /*banner */
    .banner-45-09 .swiper-slide {
        height: 200px;
    }

    .banner-45-09 .swiper-button-next,
    .banner-45-09 .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .banner-45-09 .swiper-button-next:after,
    .banner-45-09 .swiper-button-prev:after {
        font-size: 18px;
    }

    .banner-45-09 .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .banner-45-09 .swiper-pagination-bullet-active {
        width: 25px;
    }
    /*banner*/
      /* container_04*/
      .unique-product-card {
                flex-direction: column; /* Stack image and content vertically */
                max-width: 500px; /* Narrower card for mobile/tablet */
            }
            .image-section {
                height: 250px; /* Fixed height for image when stacked */
                min-width: auto;
            }
            .content-section {
                padding: 30px 25px;
            }
            .product-info-grid {
                grid-template-columns: 1fr; /* Single column for lists on smaller screens */
                gap: 25px;
            }
        /* container_04*/
        
         .assurance-section {
                padding: 60px 15px;
            }
            .assurance-header {
                font-size: 28px;
                margin-bottom: 40px;
            }
            .assurance-cards-container {
                gap: 15px;
            }
            .assurance-card {
                flex: 40%; /* Mobile: 1 card per row */
                padding: 20px;
            }
            .assurance-card__description {
                font-size: 13px;
            }
            
            .choose-us-content {
                grid-template-columns: 1fr;
            }

            .product-display {
                order: 1; /* Move product image to the top */
                margin-bottom: 30px;
            }
            
            .product-display__bg {
                width: 60%;
                height: 80%;
            }

            .feature-column {
                order: 2; /* Features below the product image */
                gap: 20px;
            }
            
            /* Align all features to the center or left for better mobile readability */
            .feature-column--left,
            .feature-column--right {
                align-items: center; 
                text-align: center;
            }
            
            /* Align the feature item elements for mobile (icon on top/left of text or center) */
            .feature-item {
                flex-direction: column; /* Stack icon and text vertically */
                align-items: center;
                text-align: center;
            }

            .feature-column--left .feature-item {
                flex-direction: column; 
            }
            
            .feature-item__icon {
                margin: 0 0 10px 0; /* Add space below icon, remove horizontal margins */
                font-size: 22px;
                width: 45px;
                height: 45px;
            }

            .feature-column--right .feature-item{
              flex-direction: column;
            }
            .moblie_show {
              display: flex;
            }
            .dekstop_show{
              display: none;
            }
            .feature-column--left .feature-item__icon{
              margin: 12px auto;
            }
            
            .accordion-item.active .accordion-answer{
                max-height: 200px !important;
                padding: 15px 20px 20px !important;
            }
            
            
             .mv-grid {
                flex-direction: column; /* Stack boxes vertically */
            }
            .mv-box {
                flex: 1 1 100%; /* Full width */
                padding: 30px;
            }
            .mv-box h3 {
                font-size: 1.8rem;
            }
            .mv-box p {
                font-size: 1rem;
            }
}




@media (max-width: 640px){

    h1{
       font-size: 20px !important;
       line-height: 1.4;
    }
    h2{
        font-size: 23px !important;
    }
    #p{
        font-size: 14px !important;
    }
    
    h4{
        font-size: 16px !important;
    }
 h3{
     font-size: 14px !important;
 }
    .container{
        padding: 40px 20px;
    }

/*banner*/


    .banner-45-09 .swiper-slide {
        height: 170px;
    }

    .banner-45-09 .swiper-button-next,
    .banner-45-09 .swiper-button-prev {
        width: 25px;
        height: 25px;
    }

    .banner-45-09 .swiper-button-next:after,
    .banner-45-09 .swiper-button-prev:after {
        font-size: 12px;
    }

    .banner-45-09 .swiper-pagination {
        bottom: 20px !important;
    }

    .banner-45-09 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px !important;
    }

    .banner-45-09 .swiper-pagination-bullet-active {
        width: 20px;
    }
    /*banner */
    
        /* container_01 */
    
    .container_01{
        padding: 0px 10px;
    }
    
    .CTR_Box_01{
        flex: 60%;
    }
    
            /* container_01 */
            
            
              /*container_03 */
     .service-box {
                /* 1 box per row */
               flex: 1 1 calc(50% - 15px);
                max-width: 45%; 
                margin: 0 auto;
                padding: 20px;
            }

              .icon-wrapper {
            width: 35px;
            margin: auto;
             margin-bottom: 15px;
        }

            .container_03 {
                gap: 20px;
                padding: 10px;
            }
    /*container_03 */
    
     /*container_04 */
      .header-box {
                font-size: 20px;
                padding: 10px 15px;
            }
            .description-text, .custom-list li {
                font-size: 14px;
            }
            .list-column h5 {
                font-size: 16px;
            }
            .cta-button {
                padding: 10px 25px;
                font-size: 16px;
            }
      /*container_04 */
      
      /*container_02_01*/
      .container_02_01{
          padding: 20px;
          gap: 15px;
      }
      
      .ctr-01{
          flex: 45%;
          height: 140px;
      }
      
       .ctr-01 h4{
                     font-size: 12px !important;
                 }
                 
                 
                 /*secrion 1 */
                 .excellence-section__image-container {
                height: 300px; 
            }
            .excellence-section__image {
                aspect-ratio: 9 / 9; 
            }
            
            .feature-card {
                padding: 12px;
                gap: 12px;
            }
    
    .excellence-section__image{
        border-radius: 10px 80px;
    }
    
    
    .scrolling-banner__text-item {
                font-size: 1rem; /* ~16px on mobile */
                margin-right: 30px;
            }
            
            
            /* section */
            
              .category-grid {
                grid-template-columns: repeat(2, 1fr); /* 3 columns */
            }

            .category-label{
                font-size: 12px;
            }
            .category-item {
                height: 120px;
            }
            .category-item:nth-child(4n) { /* Reset 4n rule */
                border-left: none;
            }
            .A-2{
                border-right: none;
            }

            .A-6{
                border-right: none;
            }
             .A-7{
                border-bottom: 1px solid #e0e0e0 !important;
            }

             .A-8{
                border-bottom: 1px solid #e0e0e0 !important;
            }

             .A-10{
                border-right: none !important;
            }
            .category-item{
                padding: 0px 10px;
            }
            .category-item img{
                width: 30px;
                height: 30px;
            }
            /* Ensure bottom border is only removed from the last row (3 items) */
            .category-grid > .category-item {
                 border-bottom: 1px solid #e0e0e0; /* Resetting previous rules */
            }
            .category-grid > .category-item:nth-last-child(-n + 3) {
                 border-bottom: none;
            }
            
            /* Section */
            
             .trust-cards-container {
                flex-direction: column; /* Stack cards vertically */
                align-items: center;
                gap: 20px;
                padding: 0px 20px;
            }
            .trust-card {
                flex: 56%; /* Single card takes almost full width */
                max-width: 400px; /* Max width for single card on mobile */
                padding: 25px;
            }
            .trust-card__number {
                font-size: 16px;
                padding: 8px 12px;
            }
            .trust-card__icon {
                margin-top: 40px;
                font-size: 40px;
                width: 60px;
                height: 60px;
            }
            .trust-card__title {
                font-size: 18px;
            }
            .trust-card__description {
                font-size: 14px;
            }
            
            
             .assurance-card {
                padding: 15px;
            }
            
            
              .Container_89_card {
        width: 100%;
    }
    .Container_89_tag{
        font-size: 13px;
    }
    .Container_89_wrapper{
        gap: 60px;
    }
            
            
            
             .cta-banner {
                padding: 40px 10px;
            }
            .cta-title {
                font-size: 24px;
            }
            .cta-phone {
                font-size: 18px;
            }
            .cta-button {
                width: 100%;
                max-width: 250px;
            }
            
             .demo-button {
                padding: 12px 25px;
                font-size: 18px;
                border-radius: 10px;
            }
            .demo-button i {
                font-size: 16px;
                margin-left: 8px;
            }
            
            
                        .faq-left {
                min-height: 250px;
            }
            .faq-left__products {
                max-width: 120%;
                margin-right: 45px;
            }
            .faq-right {
                padding: 30px 15px;
            }
            .accordion-question__text {
                font-size: 15px;
                 color: #fff;
                 
            }

             .accordion-answer  p{
                font-size: 14px;
             }

                    .accordion-icon {
                        color: #fff;
                    }


             .accordion-question{
              background-color: #2596be;
             }
            .accordion-answer {
                font-size: 14px;
            }
    
    
      .section-inner {
                padding: 50px;
            }


.ob .section-inner{
    padding: 25px;
}


.philosophy-section {
                padding: 25px;
                gap: 25px;
            }
            .philosophy-content h2 {
                font-size: 2rem;
            }
            .philosophy-tagline {
                font-size: 0.95rem;
                padding: 10px 15px;
            }
            .philosophy-content p {
                font-size: 0.95rem;
            }
            
            
              .black-feature-section {
                padding: 50px 15px;
            }
            .feature-box {
                flex: 1 1 100%; /* Full width */
                padding: 25px;
            }
            
            
            
             .mv-box h3 {
                font-size: 1.6rem;
                padding-left: 40px;
            }
            .mv-box h3 i {
                font-size: 1.6rem;
            }
            
            
              .customer-love-section {
                padding: 60px 15px;
            }
            .customer-love-section h2 {
                font-size: 2.2rem;
                margin-bottom: 40px;
            }
            .customer-love-section h2::after {
                bottom: -10px;
            }
            .reason-list {
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                gap: 20px;
                padding: 20px;
                margin-top: -20px;
            }
            
            .mv-box h3 i{
                top: -2px;
            }
            
            .mv-grid{
                padding: 15px;
            }
            .reason-item {
                padding: 25px;
            }
            .reason-item i {
                font-size: 1.6rem;
                margin-right: 12px;
            }
            .reason-item p {
                font-size: 1rem;
            }
            
             .metrics-section {
                padding: 40px 10px;
            }
            .metric-item {
                flex: 1 1 56%; /* Two items per row on small screens */
            }
            .metric-number {
                font-size: 2.2rem;
            }
            .metric-icon-circle {
                width: 90px;
                height: 90px;
            }
            .metric-icon-circle i {
                font-size: 2.5rem;
            }
}