*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


 /* --- Button Styling --- */
        .demo-button {
            /* Base Style */
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 15px;
            font-size: 16px;
            font-weight: bold;
            color: white;
            text-decoration: none;
            border-radius: 5px; /* Rounded corners as in the image */
            
            /* Initial Background & Positioning for Hover Effect */
            background-color: #2596be; /* Main Red color */
            position: relative;
            overflow: hidden; /* Important for clipping the pseudo-element */
            z-index: 1; /* Ensure button is above other content */
            border: none;
            cursor: pointer;
            
            /* Shadow for better visual appeal */
            transition: color 0.4s ease-in-out; /* Transition text color */
        }

        /* --- Hover Animation Effect --- */

        /* Pseudo-element for the Background Fill */
        .demo-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff; /* Darker Red color for hover state */
            z-index: -1; /* Place behind the text */
            
            /* Initial state: Fully off to the left (100% negative width) */
            transform: translateX(-100%);
            transition: transform 0.4s ease-in-out; /* Animate the movement */
        }

        /* Hover State: Move the background fill to cover the button */
        .demo-button:hover::before {
            transform: translateX(0);/* Move from -100% to 0% (Left to Right) */
        }
        
        .demo-button:hover{
            color:  #2596be;
        }
       

        /* Arrow Styling */
        .demo-button i {
            margin-left: 10px;
            font-size: 20px;
              transform: rotate(-37deg);
        }






 /* --- Button Styling --- */
        .demo-button_1 {
            /* Base Style */
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 15px;
            font-size: 16px;
            font-weight: bold;
            color: #2596be;
            text-decoration: none;
            border-radius: 5px; /* Rounded corners as in the image */
            
            /* Initial Background & Positioning for Hover Effect */
            background-color: #fff; /* Main Red color */
            position: relative;
            overflow: hidden; /* Important for clipping the pseudo-element */
            z-index: 1; /* Ensure button is above other content */
            border: none;
            cursor: pointer;
            
            /* Shadow for better visual appeal */
            transition: color 0.4s ease-in-out; /* Transition text color */
        }

        /* --- Hover Animation Effect --- */

        /* Pseudo-element for the Background Fill */
        .demo-button_1::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color:#2596be; /* Darker Red color for hover state */
            z-index: -1; /* Place behind the text */
            
            /* Initial state: Fully off to the left (100% negative width) */
            transform: translateX(-100%);
            transition: transform 0.4s ease-in-out; /* Animate the movement */
        }

        /* Hover State: Move the background fill to cover the button */
        .demo-button_1:hover::before {
            transform: translateX(0);/* Move from -100% to 0% (Left to Right) */
        }
        
        .demo-button_1:hover{
            color:  #fff;
        }
       

        /* Arrow Styling */
        .demo-button_1 i {
            margin-left: 10px;
            font-size: 20px;
            transform: rotate(-37deg);
        }
section{
    margin: 60px 0px;
    padding: 10px;
}

h1{
    font-size: 30px !important;
    line-height: 1.7;
    font-family: "Noto Sans JP", sans-serif;
    margin-bottom: 15px;
}

h2{
    font-size: 30px !important;
    margin-bottom: 15px;
    line-height: 1.4;
    font-family: "Noto Sans JP", sans-serif;
}

h3{
    font-size: 22px !important;
    line-height: 1.3;
    font-family: "Noto Sans JP", sans-serif;
}

h4{
    font-size: 18px !important;
    line-height: 1.2;
    font-family: "Noto Sans JP", sans-serif;
}


h5{
     font-family: "Noto Sans JP", sans-serif;
}

ul li{
     font-family: "Noto Sans JP", sans-serif;
}

a{
     font-family: "Noto Sans JP", sans-serif;
}
p{
    font-size: 14px;
    line-height: 1.4;
    font-family: "Noto Sans JP", sans-serif;
}

#p{
    font-size: 16px !important;
     font-family: "Noto Sans JP", sans-serif;
      line-height: 1.6;
}

div{
     font-family: "Noto Sans JP", sans-serif;
}


/* Container Start Here */

.container{
    max-width: 1400px;
    margin: auto;
    padding: 25px 100px;
    background-color: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px -10px #00000040 !important;
    text-align: center;
}

/* Container Ends Here */

/* container_01 Start Here */

.container_01{
    max-width: 1400px;
    margin: auto;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
}

.CTR_Box_01{
    flex: 45%;
    border: 1px black solid;
    border-radius: 5px;
}


.CTR_Box_01 img{
    width: 100%;
    border-radius: 5px;
    height: 100%;
}



/*Banner */
.banner-45-09 {
    max-width: 100%;
    margin-top: 90px;
    padding: 0px;
    position: relative;
}

.banner-45-09 .swiper {
    overflow: hidden;
    position: relative;
}

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

.banner-45-09 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Navigation Arrows */
.banner-45-09 .swiper-button-next,
.banner-45-09 .swiper-button-prev {
    background-color: rgba(255, 255, 255, 0.9);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

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

.banner-45-09 .swiper-button-prev {
    left: 30px;
}

.banner-45-09 .swiper-button-next:after,
.banner-45-09 .swiper-button-prev:after {
    font-size: 22px;
    color: #000;
    font-weight: bold;
}

.banner-45-09 .swiper-button-next:hover,
.banner-45-09 .swiper-button-prev:hover {
    background-color: #fff;
    transform: scale(1.1);
}

/* Pagination Dots */
.banner-45-09 .swiper-pagination {
    bottom: 30px !important;
}

.banner-45-09 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 0.7;
    margin: 0 6px !important;
    transition: all 0.3s ease;
}

.banner-45-09 .swiper-pagination-bullet-active {
    opacity: 1;
    width: 30px;
    border-radius: 6px;
}

/* Banner */

/* container_02 */

.container_02 h2{
    text-align: center;
}


/* container_02 */

/*container_03 */


        .container_03 {
            max-width: 1400px;
            margin: 0 auto;
            padding: 30px 20px;
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            justify-content: center;
        }

        .service-box {
            background-color: white;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            cursor: pointer;
            /* Good Shadow */
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); 
            
            /* Position relative for animated border */
            position: relative;
            overflow: hidden;

            /* Desktop: 3 boxes per row */
            flex: 30%;
            min-width: 280px;
        }

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

        .icon-wrapper img{
            width: 100%;
        }

        .service-box h4 {
            margin-bottom: 10px;
            font-weight: 600;
        }


        /* Animated Border Effect */
        .service-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 10px;
            pointer-events: none;
            background-color: #2596be;
            /* Transparent Border with Gradient Background */
            border: 4px solid transparent; 
            
            /* Mask to show only the border outline */
            -webkit-mask: 
                linear-gradient(#fff 0 0) padding-box, 
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
                    mask-composite: exclude; 
                    
            /* Initially hidden/scaled down */
            transform: scale(0);
            opacity: 0;
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease-out;
        }

        /* Hover Effects */
        .service-box:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
        }

        .service-box:hover::before {
            transform: scale(1);
            opacity: 1;
        }
        
        /* container_03*/
        
        
        
                /* container_04*/
                   /* Main Container for the entire card */
        .unique-product-card {
            display: flex;
            background-color: white;
            border-radius: 15px;
            margin: auto;
            border: 2px #2596be double;
            max-width: 1400px; /* Adjust max-width as needed */
            width: 100%;
             margin-top:30px ;
            overflow: hidden; /* Ensures rounded corners */
        }

        /* Left Image Section */
        .image-section {
            flex: 3; /* Takes 2 parts of the flexible space */
           
        }

       

        /* Right Content Section */
        .content-section {
            flex: 3; /* Takes 3 parts of the flexible space */
            padding: 75px 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Distributes content vertically */
        }

        /* Header Box for Main Title */
        .header-box {
            background-color:#2596be; /* More vibrant orange */
             font-family: "Noto Sans JP", sans-serif;
            color: white;
            padding: 12px 20px;
            border-radius: 8px;
            font-size: 22px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 20px;
        }

        /* Product Description */
        .description-text {
            font-size: 15px;
            line-height: 1.6;
            color: #555;
            margin-bottom: 25px;
        }

        /* List Sections */
        .product-info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr; /* Two columns for lists */
            gap: 15px 30px; /* Row and column gap */
            margin-bottom: 30px;
        }

        .list-column h5 {
            font-size: 17px;
            color: #333;
            margin-bottom: 12px;
            font-weight: 600;
        }

        .custom-list {
            list-style: none;
            padding: 0;
        }

        .custom-list li {
            font-size: 14px;
            color: #444;
            margin-bottom: 8px;
            line-height: 1.4;
        }

        /* Checkmark Icon Styling */
        .custom-list li i {
            color: #2596be; /* Vibrant orange icon color */
            margin-right: 8px;
            font-size: 13px;
        }
        
        /* CTA Button */
        .cta-button-wrapper {
            text-align: center;
            margin-top: 20px;
        }

        .image-section img{
            width: 100%;
            height: 100%;
        }

        .cta-button {
            display: inline-block;
            background-color: #2596be;
            color: white;
            padding: 12px 35px;
            border-radius: 50px; /* Pill-shaped button */
            text-decoration: none;
            font-size: 17px;
            font-weight: bold;
            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
        }
                /* container_04*/
                
                
                /*ctr-01*/
                
                  .container_02_01{
                 display: flex;
                 gap: 30px;
                 align-items: center;
                 cursor: pointer;
                 max-width: 1400px;
                 flex-wrap: wrap;
                 margin: auto;
                 margin-top: 30px;
                 
                }
                .ctr-01{
                    border-radius: 5px;
                    padding: 10px;
                    text-align: center;
                    flex: 30%;
                    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
                    transition: transform 0.2s ease-in-out;
                }
                
                .ctr-01:hover{
                    transform: scale(1.05);
                }
                
                .ctr-01 img{
                    margin: auto;
                    margin-bottom: 15px;
                }
                
                
                 .ctr-01 h4{
                     text-align: center;
                 }
                
              
                /*ctr-01*/
                
        /* section 1 */         
                
        /* Accessibility: Focus state */
        *:focus {
            outline: 2px solid #2596be; /* Accent color for focus */
            outline-offset: 3px;
        }

        /* ------------------------------------------------------------------- */
        /* 2. Excellence Section Layout (BEM Naming) */
        /* ------------------------------------------------------------------- */

        .excellence-section {
            padding: 64px 16px; 
            background-color: #FFFFFF; /* White background */
        }

        .excellence-section__container {
            max-width: 1280px;
            margin: 0 auto;
            display: flex;
            gap: 64px; /* Desktop gap */
            align-items: flex-start;
        }

        /* Left Content Column */
        .excellence-section__content {
            flex: 1 1 50%;
        }

        /* Right Image Column */
        .excellence-section__image-container {
            flex: 1 1 50%;
            margin: 0;
            padding: 0;
            position: sticky; 
            top: 32px;
        }

        .excellence-section__image {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 10px 180px;
            object-fit: cover;
            aspect-ratio: 1 / 1; 
            transition: 1.3s;
        }

          .excellence-section__image:hover {
            border-radius: 10px;
            cursor: pointer;
          }

        /* Headings and Body */
        .excellence-section__heading {
            color: #2596be; /* Navy */
            margin-bottom: 25px;
        }

       
        .excellence-section__body {
            color: #555555;
            margin-bottom: 32px;
            line-height: 1.6;
            max-width: 600px;
        }

        /* ------------------------------------------------------------------- */
        /* 3. Feature List & Cards */
        /* ------------------------------------------------------------------- */

        .excellence-section__features-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            grid-template-columns: 1fr;
            gap: 26px;
        }

        .feature-card {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            padding: 16px;
            background-color: #FFFFFF;
            border: 2px #2596be dashed;
            border-radius: 10px;
        }

      

        .feature-card__icon-wrapper {
            flex-shrink: 0;
            padding: 8px;
            border-radius: 10px;
            background-color: #2596be; /* Navy background for icon */
            line-height: 0;
        }

        .feature-card__icon {
            width: 24px;
            height: 24px;
            stroke: #F2C94C; /* Muted Gold icon color */
        }

        .feature-card__text-content {
            text-align: left;
        }

        .feature-card__title {
            font-size: 1.125rem; /* ~18px */
            color:#212121;
            margin-top: 0;
            margin-bottom: 4px;
        }

        .feature-card__description {
            font-size: 0.9375rem; /* ~15px */
            font-weight: 500;
            color: #555555;
            margin: 0;
            line-height: 1.5;
        }
        
        /* section 1 */       
        
                /* section 2 */       
                 /* ------------------------------------------------------------------- */
        /* Scrolling Banner Styles */
        /* ------------------------------------------------------------------- */

        .scrolling-banner {
            /* Background color matching the reference image's yellow/gold */
            background-color: #2596be; /* Muted Gold/Yellow */
            padding: 10px 0;
            overflow: hidden; /* Important: Hides the text overflow */
            white-space: nowrap; /* Ensures text stays on one line */
            width: 100%;
            border-top: 1px solid #2596be;
            border-bottom: 1px solid #2596be;
        }

        .scrolling-banner__content {
            display: inline-block;
            font-size: 20px;
            font-weight: 700;
            color: #fff; /* Black text */
            padding-left: 100%; /* Start the text off-screen to the right */
            
            /* Apply CSS Animation */
            animation: scroll-left 40s linear infinite;
        }
        
        /* Stop scrolling on hover using CSS */
        .scrolling-banner:hover .scrolling-banner__content {
            animation-play-state: paused;
        }

        /* Animation Keyframes: Moves the content from right (100%) to left (-100%) */
        @keyframes scroll-left {
            0% {
                transform: translateX(0%);
            }
            100% {
                transform: translateX(-100%);
            }
        }
        
        
          /* ------------------------------------------------------------------- */
        /* Text Repetition & Spacing */
        /* ------------------------------------------------------------------- */
        
        .scrolling-banner__text-item {
            display: inline-block;
            margin-right: 50px; /* Space between repeated items */
            font-size: 1.25rem; /* ~20px */
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .scrolling-banner__icon {
            color: #ffffff; /* White icon for visibility */
            margin-right: 5px;
        }
        
        .scrolling-banner__text-item:first-child {
            margin-left: 20px; /* Minor spacing at the very beginning */
        }
        
        
        /* Section 3 */
        
            /* Section Container */
        .category-section {
            max-width: 1400px;
            margin: 0 auto;
        }

        /* Grid Layout */
        .category-grid {
            display: grid;
            /* Default: Desktop layout (5 columns) */
            grid-template-columns: repeat(5, 1fr); 
            border: none;
        }

        /* Grid Item (Card) Styling */
        .category-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px 10px;
            text-align: center;
            height: 150px; /* Uniform height for visual consistency */
            
            /* Borders to mimic the grid lines */
            border-right: 1px solid #e0e0e0;
            border-bottom: 1px solid #e0e0e0;
            background-color: white;
            
            /* Hover transition */
            transition: background-color 0.3s, color 0.3s;
        }

          .category-item img{
            margin-bottom: 15px;
            width: 45px;
            height: 45px;
          }
        
        /* Remove redundant borders on the right edge of each row */
        .category-item:nth-child(5n) {
            border-right: none;
        }
        
        /* Hover Effect: Icon and text change color */
        .category-item:hover {
            cursor: pointer;
            background-color: #f0f8ff; /* Very light blue background on hover */
        }
        
      

        /* Icon Styling (Base Blue) */
        .category-icon {
            margin-bottom: 50px;
            transition: color 0.3s;
        }

        /* Label Styling */
        .category-label {
            font-size: 14px;
            font-weight: 500;
            color: #333;
            text-transform: uppercase;
            line-height: 1.3;
            transition: color 0.3s;
        }
                



  

        /* Section Container */
        .trust-section {
            max-width: 1400px;
            margin: 0 auto;
            padding: 40px 0;
        }

        /* Header Section */
        .trust-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .trust-header__logo {
            width: 30px; /* Adjust size as needed */
            height: 30px;
            margin-bottom: 10px;
        }

        .trust-header__logo-text {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #4a90e2; /* Blue color for logo text */
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 5px;
        }
        

        /* Cards Container */
        .trust-cards-container {
            display: flex;
            gap: 30px;
            justify-content: center;
            flex-wrap: wrap; /* Allow cards to wrap on smaller screens */
        }

        /* Individual Card Styling */
        .trust-card {
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            padding: 30px;
            flex:30%; /* Allows cards to grow but have a minimum width */
            max-width: 450px; /* Maximum width for a single card */
            display: flex;
            flex-direction: column;
            align-items: flex-start; /* Align content to the left */
            position: relative;
            overflow: hidden; /* For the number ribbon */
        }

        .trust-card__number {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #2596be; /* Yellow color */
            color: #fff;
            font-size: 18px;
            font-weight: bold;
            padding: 10px 15px;
            border-bottom-right-radius: 10px;
            clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); /* Ribbon shape */
        }

        .trust-card__icon {
            font-size: 48px; /* Larger icon size */
            margin-top: 50px; /* Space for the number ribbon */
            margin-bottom: 20px;
            width: 70px; /* Fixed width for better icon alignment */
            height: 70px; /* Fixed height for better icon alignment */
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f0f0f0; /* Light background for the icon */
            border-radius: 50%; /* Circle shape for icon background */
            color: #2596be; /* Blue color for icon */
        }

        /* For the specific icons from the image */
        .trust-card__icon--trophy {
            /* Using Font Awesome equivalent or similar */
            background-image: url('https://rpureindia.com/images/map.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 40px; /* Adjust size of internal icon */
            background-color: #fff8e1; /* Lighter yellow background for trophy icon */
            border-radius: 50%;
        }

        .trust-card__icon--owner {
            /* For the "Owner Ship" icon (briefcase man) */
            background-image: url('https://rpureindia.com/images/warehouse (1).png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 40px; /* Adjust size of internal icon */
            background-color: #e6f0fa; /* Lighter blue background for owner icon */
            border-radius: 50%;
        }

        .trust-card__icon--business {
            /* For the "Nature Of Business" icon (briefcase) */
            background-image: url('https://rpureindia.com/images/fast-delivery.png');
               background-repeat: no-repeat;
            background-position: center;
            background-size: 40px; /* Adjust size of internal icon */
            background-color: #f7e0c9; /* Lighter brown background for business icon */
            border-radius: 50%;
        }


        .trust-card__title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
            text-align: left;
        }

        .trust-card__description {
            font-size: 15px;
            color: #555;
            line-height: 1.6;
            text-align: left;
        }
        
        
        
         /* Section Container with Background Image */
        .assurance-section {
            background-image: url('https://rpureindia.com/images/home%20cleaning.avif'); /* Replace with your actual background image */
            background-size: cover;
            background-position: center;
            background-attachment: fixed; /* Optional: for parallax effect */
            padding: 80px 20px;
            position: relative;
            color: white; /* Default text color for header */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        /* Overlay for better text readability */
        .assurance-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4); /* Dark overlay */
            z-index: 1;
        }

        /* Content Wrapper to keep things organized above the overlay */
        .assurance-content-wrapper {
            position: relative;
            z-index: 2;
            max-width: 1400px;
            margin: 0 auto;
            text-align: center;
        }

        /* Header Styling */
        .assurance-header {
            font-weight: bold;
            color: #ffffff; /* White text for header */
            margin-bottom: 50px;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Subtle shadow for header text */
        }

        /* Cards Container */
        .assurance-cards-container {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap; /* Allows cards to wrap to next line */
        }

        /* Individual Card Styling */
        .assurance-card {
            background-color: white;
            border-radius: 10px;
            padding: 25px;
            flex: 23%; /* Desktop: 4 cards per row */
            text-align: left;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            border: 1px solid #cceeff; /* Light blue border */
            transition: all 0.3s ease;
        }

        /* Hover Effect for cards */
        .assurance-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
            border-color: #66b3ff; /* Darker blue border on hover */
        }

        .assurance-card__title {
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
            border-bottom: 2px solid #add8e6; /* Light blue underline */
            padding-bottom: 5px;
        }

        .assurance-card__description {
            font-size: 14px;
            color: #555;
            line-height: 1.6;
        }
        
        
        
        
        /* Section Container */
        .choose-us-section {
            max-width: 1400px;
            margin: 0 auto;
            text-align: center;
        }

        /* Main Content Grid */
        .choose-us-content {
            display: grid;
            /* Desktop/Tablet Layout: 3 columns (Features | Product | Features) */
            grid-template-columns: 1fr 400px 1fr; 
            gap: 20px;
            align-items: center; /* Vertically align content */
            padding-top: 30px;
        }

        /* --- Product Image & Yellow Background --- */
        .product-display {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .product-display__bg {
            position: absolute;
            width: 80%;
            height: 100%;
            background-color: #fff2c7; /* Light yellow background */
            border-radius: 50%; /* Circular or oval shape */
            opacity: 0.8;
            z-index: 1;
            /* Adjust shape to look more like the reference image's oval */
            transform: scale(1.1, 0.9);
        }

        .product-display__img {
            max-width: 100%;
            height: auto;
            position: relative;
            z-index: 2;
            /* Using the main product group image provided by the user */
            display: block;
        }

        /* --- Feature Columns (Left & Right) --- */
        .feature-column {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        /* Ensure feature items on the left are right-aligned */
        .feature-column--left {
            align-items: flex-end;
            text-align: left;
        }
        
        /* Ensure feature items on the right are left-aligned */
        .feature-column--right {
            align-items: flex-start;
            text-align: left;
        }


        /* --- Individual Feature Item --- */
        .feature-item {
            display: flex;
            max-width: 100%;
        }

        /* Styling for items in the left column */
        .feature-column--left .feature-item {
            flex-direction: row-reverse; /* Icon on the right, text on the left */
        }

        /* Styling for items in the right column */
        .feature-column--right .feature-item {
            flex-direction: row; /* Icon on the left, text on the right */
        }
        
        .feature-item__icon {
            font-size: 24px;
            color: #4a90e2; /* Blue icon color */
            flex-shrink: 0; /* Prevents icon from shrinking */
            width: 40px; 
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #4a90e2; /* Blue outline */
            border-radius: 50%;
            margin: 0 15px; /* Spacing between icon and text */
        }

        .feature-column--left .feature-item__icon {
            margin-right: 15px;
        }
        .feature-column--right .feature-item__icon {
            margin-right: 15px;
            margin-left: 0;
        }

        .feature-item__content {
            padding: 0;
        }

        .feature-item__title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
        }

        .feature-item__description {
            font-size: 14px;
            color: #555;
            line-height: 1.5;
        }
        .moblie_show{
          display: none;
        }
        
        
        
        
         /* Section Container with Background Image */
        .cta-banner {
            /* Using the uploaded image path */
            background-image: url('https://rpureindia.com/images/home%20cleaning.avif'); 
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 80px 20px; /* Padding for vertical space */
            position: relative;
            color: white;
            text-align: center;
            overflow: hidden; /* Contains the curved element at the bottom */
        }
        
        /* Dark Overlay for Text Readability */
        .cta-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent dark overlay */
            z-index: 1;
        }
        
        

        /* Content Wrapper to keep things organized above the overlay */
        .cta-content {
            position: relative;
            z-index: 2;
            max-width: 800px;
            margin: 0 auto;
        }

        /* Title Styling */
        .cta-title {
            font-size: 32px;
            font-weight: bold;
            color: #ffffff;
            margin-bottom: 15px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
        }

        /* Phone Numbers Styling */
        .cta-phone {
            font-size: 24px;
            font-weight: bold;
            color: #2596be; /* Yellow color for numbers */
            margin-bottom: 30px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
        }
        
        .cta-phone a {
            color: #2596be;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .cta-phone a:hover {
            color: #fff;
        }

        /* Button Container */
        .cta-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        /* Button Base Styling */
        .cta-button {
            display: inline-flex;
            align-items: center;
            padding: 12px 25px;
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s, transform 0.3s;
        }

        /* Blue Button (CONTACT US) */
        .cta-button--blue {
            background-color: #2596be; /* Primary blue */
            color: white;
            border: 2px solid #2596be;
        }
        
        .cta-button--blue:hover {
            background-color: #2596be;
            transform: translateY(-2px);
        }

        /* Yellow Button (COMPANY PROFILE) */
        .cta-button--yellow {
            background-color: #fff; /* Yellow/Gold color */
            color: #333;
            border: 2px solid #fff;
        }
        
        .cta-button--yellow:hover {
            background-color: #fff;
            transform: translateY(-2px);
        }

        /* Arrow Icon Styling */
        .cta-button i {
            margin-left: 8px;
            font-size: 14px;
        }
        
        
        
        /* Section Container */
        .faq-section {
            display: flex;
          width: 100%;
            margin: 0 auto;
            min-height: 700px;
            background: url(https://rpureindia.com/images/R_PUREBG.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* --- Left Side: Products and Background --- */
        .faq-left {
            flex: 0 0 45%; 
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Yellow Map/Wave Background */
        .faq-left__bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #2596be; 
            background-image: url("https://rpureindia.com/images/FAQ\ \ left\ \(1\).png");
            background-attachment: fixed;
            z-index: 1;
            clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
        }
        
        /* Product Image Overlay */
        .faq-left__products {
            position: relative;
            z-index: 2;
            max-width: 100%;
            margin-top: -165px;
            margin-right: 140px;
            height: auto;
        }


        /* --- Right Side: FAQ Content --- */
        .faq-right {
            flex: 1;
            padding: 50px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

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

       

        .faq-header__sub i {
            margin-right: 8px;
        }

        .faq-header__title {
            font-size: 34px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .faq-header__description {
            font-size: 16px;
            color: #555;
            line-height: 1.6;
        }

        /* --- Accordion Styling --- */
        .accordion {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .accordion-item {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            overflow: hidden; /* Important for animation */
        }

        .accordion-question {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 18px 20px;
            cursor: pointer;
        }

        .accordion-question__text {
            font-size: 16px;
            font-weight: bold;
            color: #333;
        }

        .accordion-icon {
            font-size: 18px;
            color: #2596be; /* Yellow color for the plus icon */
            border: 2px solid #2596be;
            border-radius: 50%;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s;
        }
        
        /* Active State for Icon (Turns + into X and changes color) */
        .accordion-item.active .accordion-icon {
            background-color: #2596be;
            color: white;
            transform: rotate(45deg); 
        }
        
        .accordion-answer {
            /* Initial state: Hidden */
            padding: 0 20px;
            font-size: 15px;
            color: #555;
            line-height: 1.6;
            max-height: 0; 
            overflow: hidden;
            transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
        }

        /* Active State for Answer (Reveals content) */
        .accordion-item.active .accordion-answer {
            max-height: 200px !important; /* Must be large enough to fit content */
            padding: 0 20px 18px; /* Add bottom padding when open */
        }
        
        
        
        
        
        /* Main Container */
        .testimonial-section {
           background: url(https://rpureindia.com/images/BG%20Testi.png);
           background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
        }
 .ob{
    position: relative;
    background: linear-gradient(90deg, rgba(250, 248, 247, 0.99) 64.11%, rgba(138, 141, 143, 0.00) 82.08%);
        }
       
        /* Header Styling */
        .header {
            text-align: center;
            margin-bottom: 40px;
        }

       

        .title {
            font-size: 32px;
            font-weight: 800;
            color: #2c3e50;
        }

        /* Swiper Container Styles (Custom Class) */
        .testimonial-swiper-container {
            padding-bottom: 50px; /* Pagination dots के लिए जगह */
        }
        
         .testimonial-swiper-container  .swiper-slide{
             padding: 15px;
         }

        /* Individual Slide Card (testimonial-card) */
        .swiper-slide {
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 1px solid #e0e0e0;
            height: auto; /* Swiper height management के लिए */
        }

        /* Card Content Styling */
        .logo {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-bottom: 15px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .card-title {
            font-size: 20px;
            font-weight: 700;
            color: #2c3e50;
        }

        .stars {
            color: #ffc107;
            font-size: 24px;
            margin: 10px 0;
        }

        .stars span {
            margin: 0 2px;
        }

        .quote {
            font-size: 15px;
            color: #555;
            margin-top: 15px;
            line-height: 1.6;
        }

        .client-info {
            margin-top: 25px;
            padding-top: 15px;
            border-top: 1px solid #eee;
            width: 100%;
        }

        .client-name {
            font-weight: 600;
            color: #2c3e50;
        }

        .client-role {
            font-size: 12px;
            color: #777;
        }
        
        /* Swiper Pagination (Dots) Customization */
        .swiper-pagination-bullet-active {
            background: #2596be !important; /* Active dot का रंग */
        }
        
        .section-inner{
            padding: 60px;
        }
        
        
        
        
        /* ------------------------------------- */
        /* Our Philosophy Section Styling */
        /* ------------------------------------- */

        .philosophy-section {
            width: 90%;
            max-width: 1400px; /* Max width of the section */
            background-color: #ffffff;
            border-radius: 15px; /* Rounded corners for the whole section */
           margin: auto;
            padding: 0px;
            display: flex;
            gap: 40px; /* Space between image and text */
            align-items: center; /* Vertically align items */
        }

        .philosophy-image {
            flex: 1; /* Takes up available space */
            min-width: 300px; /* Minimum width for the image container */
            border-radius: 10px; /* Rounded corners for the image itself */
            overflow: hidden; /* Ensures image corners are rounded */
        }

        .philosophy-image img {
            width: 100%;
            height: auto;
            display: block; /* Remove extra space below image */
            object-fit: cover; /* Ensures image covers the area nicely */
        }

        .philosophy-content {
            flex: 1.5; /* Takes more space than the image */
        }

        .philosophy-content h2 {
            font-size: 2.8rem;
            font-weight: 700;
            color: #1a1a1a; /* Dark black text */
            margin-bottom: 25px;
            line-height: 1.2;
        }

        .philosophy-tagline {
            background-color: #2596be; /* Blue-green background for tagline */
            color: #ffffff;
            font-size: 1.15rem;
            font-weight: 600;
            padding: 15px 25px;
            margin-bottom: 30px;
            border-radius: 8px; /* Slightly rounded corners for tagline */
            display: inline-block; /* Allows padding and background to wrap content */
            letter-spacing: 0.5px;
        }
        
        /* Using pipe character for separation if needed visually, otherwise spans */
        .philosophy-tagline span {
            padding: 0 8px;
        }
        .philosophy-tagline span:not(:last-child) {
            border-right: 1px solid rgba(255, 255, 255, 0.5); /* Vertical divider */
        }


        .philosophy-content p {
            font-size: 1.1rem;
            color: #555555;
            line-height: 1.7;
            margin-bottom: 0;
        }



  .black-feature-section {
            background-color: #2596be; /* Black background */
            padding: 80px 20px;
            color: #ffffff;
        }

        /* Container for the content */
        .container_5 {
            max-width: 1400px; /* Maximum width set to 1400px */
            margin: 0 auto;
        }

        /* Heading Style */
        .black-feature-section h2 {
            /* Font size is NOT explicitly set as requested, browser default H2 size will apply,
               but we make it bold and add margin for visual prominence. */
            font-weight: 800;
            color: #ffffff;
            text-align: center;
            margin-bottom: 50px;
            letter-spacing: 1px;
        }

        /* Boxes Layout (using Flexbox for equal height/width and responsiveness) */
        .feature-grid {
            display: flex;
            flex-wrap: wrap; /* Allows boxes to wrap on smaller screens */
            gap: 20px; /* Space between boxes */
            justify-content: center; /* Center the boxes horizontally */
        }

        .feature-box {
            /* 1/5th of 100% minus the gap space. Using flex basis to define width */
            flex: 1 1 calc(20% - 16px); /* 16px is calculated from the gap (20px) to prevent wrapping issues */
            
            background-color: #fff; /* Dark gray for box background */
            color: #212121;
            padding: 30px;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start; /* Ensures content is aligned to the top */
            min-height: 250px; /* Ensures equal height in a row before content pushes it */
            box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1);
            transition: transform 0.3s, background-color 0.3s;
        }
        
        .feature-box:hover {
            transform: translateY(-5px);
            background-color: #2596be; 
            color: #2596be;/* Optional: Highlight on hover */
            border: 2px dashed white;
        }

        .box-heading {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 15px;
            color: #000;
        }

        .box-text {
            font-size: 0.95rem;
            font-weight: 400;
            line-height: 1.6;
            color: #000;
        }

        /* Icon Styling (Optional) */
        .box-icon {
            font-size: 2rem;
            color: #2596be; /* Primary blue for icons */
            margin-bottom: 20px;
        }
        .feature-box:hover .box-icon {
            color: #fff;
        }

        .feature-box:hover .box-heading {
            color: #fff;
        }
        .feature-box:hover .box-text {
            color: #fff;
        }
        
        
        
          /* ------------------------------------- */
        /* Section Specific Styling */
        /* ------------------------------------- */

        .mv-section-container {
            background-color: #ffffff; /* White background for the section */
            
        }

        /* Container with max-width */
        .container_6 {
            max-width: 1400px; /* Setting a professional max-width */
            margin: 0 auto;
        }

        /* Grid Layout for two boxes */
        .mv-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 30px; /* Space between the two boxes */
        }

        .mv-box {
            /* Each box takes slightly less than half, letting the gap fit */
            flex: 1 1 calc(50% - 15px); 
            
            background-color: #fff; /* Very light blue background for contrast */
            padding: 40px;
            border-radius: 12px;
                box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
            display: flex;
            flex-direction: column;
            border: 3px dotted #2596be;
            justify-content: center; /* Vertically center content if boxes are equal height */
            min-height: 250px; /* Minimum height for visual balance */
        }

        .mv-box h3 {
            font-size: 2rem;
            font-weight: 700;
            color: #2596be; /* Primary Blue for heading */
            margin-bottom: 20px;
            position: relative;
            padding-left: 45px; /* Space for the icon */
        }
        
        /* Icon Styling */
        .mv-box h3 i {
            position: absolute;
            left: 0;
            top: 7px;
            font-size: 1.8rem;
            color: #2596be; /* Darker blue for icon */
        }

        .mv-box p {
            font-size: 1.1rem;
            line-height: 1.7;
            color: #444444;
            font-weight: 400;
        }
        
        
        
        
        
        /* ------------------------------------- */
        /* Section Specific Styling */
        /* ------------------------------------- */

        .customer-love-section {
            background-color: #f8fcfd; /* Very light, slightly blue background for freshness */
        }

        /* Container with max-width */
        .container_7 {
            max-width: 1400px; /* Slightly narrower for focus on list items */
            margin: 0 auto;
            text-align: center; /* Center the heading */
        }

        .customer-love-section h2 {
            font-size: 2.8rem;
            font-weight: 800;
            color: #1a1a1a;
            margin-bottom: 50px;
            position: relative;
            display: inline-block; /* To apply underline to the text only */
        }

       

        .reason-list {
            list-style: none; /* Remove default list bullets */
            padding: 0;
            display: grid;
            /* Creates a responsive grid of 2 columns for large screens */
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
            gap: 25px;
            margin-top: 40px;
            text-align: left; /* Align text inside list items to left */
        }

        .reason-item {
            background-color: #ffffff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            border-left: 6px solid  #2596be; /* Green accent on the left */
            display: flex;
            align-items: flex-start; /* Align icon and text at the top */
        }
        
        .reason-item i {
            font-size: 1.8rem;
            color:  #2596be; /* Green icon color */
            margin-right: 15px;
            flex-shrink: 0; /* Prevent icon from shrinking */
            margin-top: 2px; /* Slight vertical adjustment */
        }

        .reason-item p {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #444444;
            font-weight: 500;
        }



  /* ------------------------------------- */
        /* Metrics Section Styling */
        /* ------------------------------------- */

        .metrics-section {
            background-color: #2596be; /* Primary Blue Background */
            color: #ffffff;
            padding: 60px 20px;
            /* Background pattern similar to image_5afd52.png */
            background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="p" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 0 10 L 10 0 L 20 10 L 10 20 Z" fill="rgba(255, 255, 255, 0.1)"/></pattern></defs><rect width="100%" height="100%" fill="url(%23p)"/></svg>');
            background-size: 80px 80px;
        }

        .metrics-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            gap: 40px 20px;
            text-align: center;
        }

        .metric-item {
            flex: 1 1 200px; /* Each item takes min 200px width */
            padding: 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* Icon Circle Styling */
        .metric-icon-circle {
            width: 120px;
            height: 120px;
            border: 2px solid #fff; /* Yellow/Gold Border */
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
            position: relative;
        }
        
        /* Inner Icon Styling (using Font Awesome placeholders) */
        .metric-icon-circle i {
            font-size: 3.5rem;
            color: #fff; /* Yellow/Gold Icon Color */
        }
        
        /* The Numbers */
        .metric-number {
            font-size: 2.8rem;
            font-weight: 800;
            margin-bottom: 5px;
            color: #ffffff;
        }
        
        .metric-label {
            font-size: 1rem;
            font-weight: 600;
            color: #d0e0ff; /* Lighter text for label */
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }



/* MAIN WRAPPER */
.Container_89_section {

    padding: 50px 20px;
    background: #ffffff;
    display: flex;
    justify-content: center;
}

.Container_89_wrapper {
    max-width: 1400px;
    width: 100%;
    display: flex;
    gap: 25px;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* CARD */
.Container_89_card {
    width: 32%;
    min-width: 300px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* TAG ABOVE IMAGE */
.Container_89_tag {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #2596be;
    padding: 8px 20px;
    color: #fff;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 600;
    z-index: 5;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* IMAGE */
.Container_89_card img {
    width: 100%;
    border-radius: 10px;
    display: block;
}