/* start new homepage css */
@font-face {
    font-family: 'Gilroy'!impo;
    src: url('https://dezinely.com/staging/assets/fonts/gilroy/Gilroy-Regular.woff2') format('woff2'),
         url('https://dezinely.com/staging/assets/fonts/gilroy/Gilroy-Regular.woff') format('woff'),
         url('https://dezinely.com/staging/assets/fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



        body {
    font-family: 'Gilroy', sans-serif;
            color: #333;
            margin: 0;
            padding: 0;
        }
        .navbar-text{
            font-weight:bold;
            font-size:20px;
        }
        .navbar img{
            width:200px;
        }
        .banner {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .new-banner .container-fluid{            
            background-size: cover; 
            background-position: center; 
            background-repeat: no-repeat;
        }

        .form-container {
            background: rgba(255, 255, 255, 0.7);
            padding: 2rem;
            border-radius: 30px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            max-width: 400px;
            width: 100%; 
            margin: 20% 0 20% 0;
        }
        
        .form-container h4{
            font-weight:400;
    font-family: 'Gilroy', sans-serif;
        }
        form{
            padding:0 6%;
        }
        form .btn-primary{
            background-color:#0088CC!important;
        }
        .form-text{
            color:#DD3333;
            font-family: 'Gilroy', sans-serif;
            font-weight:800!important;
        }
        .form-group input , .form-group select{            
            box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.9);
        }
        .form-group input:hover , .form-group select:hover{            
            box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.9);
        }
        .form-group .btn{
            font-size:12px;
            color:black;
            background-color:white!important;  
            font-weight:600;
            box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
    font-family: 'Gilroy', sans-serif;
        }
        .form-group .btn:hover{
            background-color:#0088CC!important;
            color:white;
            box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
        }
        form .small{
            font-weight:900;
            font-size:11px;
    font-family: 'Gilroy', sans-serif;
        }
        

        .column-content {
            color: #fff;
            text-align: center;
            padding: 20px;
            font-size: 1.2rem;
    font-family: 'Gilroy', sans-serif;
        }
        .column-content h2 {
            font-weight: bold;
            font-size: 1.5rem;
            color: #ff0000;
        }
        form .btn-primary {
            background-color: #0088CC;
            border: none;
            font-weight:600;
    font-family: 'Gilroy', sans-serif!important;
        }
        
        .interior .row{
            text-align:center;
        }
        .header-1 {
            text-align: center;
            margin-top: 50px;
            margin-bottom: 20px;
        }
        .header-1 h2 {
            font-weight: bold;
            color: #333;
            font-size:30px;
            font-family: 'Gilroy', sans-serif;
        }
        .header-1 h2 span {
            color: red;
            font-size:30px;
            font-family: 'Gilroy', sans-serif;
        }
        .header-1 p {
            color: #666;
            font-size: 1.1rem;
            font-family: 'Gilroy', sans-serif;
        }
        .feature-box {
            text-align: center;
            border-radius: 5px;
            transition: transform 0.3s;
            padding:20px;
            font-family: 'Gilroy', sans-serif;
        }
        .feature-box:hover {
            transform: scale(1.05);
        }
        .feature-box h5 {
            font-weight: 800;
            color: #333;
            padding:10px;
            font-family: 'Gilroy', sans-serif;
        }
        .interior .row{
            margin-top:5%;
            justify-content: center;
            align-items: center;
        }
        
@media (max-width: 480px) {
    .feature-box img{
        width:35%;
    }
    .feature-box h5 {
        font-size:16px;
    }
    .interior .row{
        padding:0 20%;
    }
}        
        
        
        .innovation-section {
            background-color: #f4f4f4;
            padding: 1% 0;
        }
        
        .header-2 {
            text-align: center;
            margin-top: 50px;
            margin-bottom: 20px;
        }
        
        .header-2 h2 {
            font-weight: bold;
            color: #333;
            font-size:30px;
        }
        
        .header-2 p {
            color: #666;
            font-size: 1.1rem;
        }
        
        .container-section {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 40px;
            flex-wrap: wrap; /* Allows wrapping for smaller screens */
        }
        
        .innovation-section .image-section img {
            width: 100%;
            max-width: 500px;
            border-radius: 5px;
        }
        
        .innovation-section .text-section {
            background-color: white;
            padding: 50px;
            margin-left: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            max-width: 500px;
            border-bottom-right-radius: 50px !important;
        }
        
        .text-section h3 {
            font-weight: bold;
            color: #333;
        }
        
        .text-section p {
            margin-bottom: 20px;
            color: #666;
            font-size: 1.1rem;
        }
        
        .text-section .btn-primary {
            background-color: #0088CC;
            border-color: #007bff;
            color: white;
            padding: 10px 20px;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        
        .text-section .btn-primary:hover {
            background-color: #0056b3;
            border-color: #0056b3;
        }
        
        .text-section .logo {
            margin-bottom: 10px;
        }
        
        .text-section .logo img {
            width: 80%;
        }
        
        /* Tablet and Smaller Devices: */
        @media (max-width: 768px) {
            .container-section {
                flex-direction: column; /* Stack image and text vertically on tablets */
                align-items: center; /* Center align content */
                padding: 20px; /* Reduce padding */
            }
        
            .innovation-section .image-section img {
                max-width: 90%; /* Allow image to scale more on tablet */
                margin-bottom: 20px; /* Add space below image */
            }
        
            .innovation-section .text-section {
                margin-left: 0; /* Remove left margin on mobile/tablets */
                max-width: 90%; /* Allow text section to take up more width */
            }
        
            .text-section p {
                font-size: 14px; /* Reduce font size for smaller screens */
            }
        
            .text-section .btn-primary {
                padding: 8px 16px; /* Adjust button size */
                font-size: 14px; /* Adjust font size for mobile */
            }
        }
        
        /* Mobile Devices: */
        @media (max-width: 480px) {
            .container-section {
                padding: 15px; /* Adjust padding for mobile */
            }
        
            .innovation-section .image-section img {
                max-width: 99%; /* Further reduce max-width on mobile */
                margin-bottom: 15px; /* Add more space between image and text */
            }
        
            .innovation-section .text-section {
                padding: 20px; /* Reduce padding for smaller screens */
                max-width: 95%; /* Ensure text section fills the container */
            }
        
            .text-section h3 {
                font-size: 20px; /* Adjust font size of heading for mobile */
            }
        
            .text-section p {
                font-size: 14px; /* Further reduce font size */
            }
        
            .text-section .logo img {
                width: 60%; /* Reduce logo size on mobile */
            }
        
            .text-section .btn-primary {
                padding: 8px 16px; /* Ensure the button is appropriately sized */
                font-size: 14px; /* Adjust font size for mobile */
            }
        }
                
        
    
        .kitchen-section p {
            padding: 0 10%;
        }
        
        .kitchen-img {
            display: flex;
            gap: 20px;
            justify-content: center;
            align-items: center;
            padding-top: 2%;
            flex-wrap: wrap; /* Allow items to wrap for smaller screens */
        }
        
        /* Image wrapper for each image */
        .image-wrapper {
            position: relative;
            width: 500px; /* Default width for desktop */
            height: auto;
            overflow: hidden;
            background-color: white;
            padding-bottom: 50px; /* Space for the icon */
            text-align: center;
            margin-bottom: 20px; /* Space between images */
        }
        
        /* Styling for main images */
        .image-wrapper img.main-image {
            width: 100%;
            border-bottom: 4px solid #fff;
        }
        
        /* Icon styling */
        .kitchen-img .icon {
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 50%;
            padding: 1px;
        }
        
        .kitchen-img .icon img {
            width: 70px;
            height: 70px;
        }
        
        /* Button styling */
        .kitchen-btn {
            text-align: center;
        }
        
        .kitchen-btn .btn {
            background-color: #0088CC;
            border-color: #007bff;
            color: white;
            padding: 10px 20px;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        
        /* Tablet and Smaller Devices: */
        @media (max-width: 768px) {
            .kitchen-img {
                gap: 15px; /* Reduce gap between image wrappers */
            }
        
            .image-wrapper {
                width: 45%; /* On tablets, each image takes up 45% of the container */
                margin-bottom: 15px; /* Reduced space between images */
            }
        
            .kitchen-img .icon img {
                width: 60px; /* Resize icon for tablets */
                height: 60px;
            }
        }
        
        /* Mobile Devices: */
        @media (max-width: 480px) {
            .kitchen-img {
                flex-direction: column; /* Stack images vertically on mobile */
                gap: 10px; /* Reduce gap between images */
                align-items: center; /* Center-align the images */
            }
        
            .image-wrapper {
                width: 100%; /* On mobile, each image takes full width */
                margin-bottom: 10px; /* Reduced space between images */
            }
        
            .kitchen-img .icon img {
                width: 50px; /* Resize icon for mobile */
                height: 50px;
            }
        
            .kitchen-btn .btn {
                padding: 8px 16px; /* Adjust button padding for mobile */
                font-size: 14px; /* Adjust font size for mobile */
            }
        }
        
        /* General Styles */
        .highlights {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 3% 0;
        }
        
        .highlights .container-fluid {
            background-image: url('images/highlights.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 3% 7%;
        }
        
        .highlights-text {
            background-color: white;
            padding: 5%;
            border-bottom-right-radius: 100px;
        }
        
        .highlights h2 {
            font-weight: bold;
            color: #333;
            font-size: 28px; /* Default font size for desktop */
        }
        
        .highlights span {
            color: red;
        }
        
        .highlights p {
            color: black;
            margin-bottom: 20px;
            font-size: 16px;
            font-weight: 400;
        }
        
        .highlights li {
            font-size: 14px;
        }
        
        /* Mobile and Tablet Responsive Adjustments */
        @media (max-width: 768px) {
            .highlights {
                flex-direction: column; /* Stack content vertically */
                padding: 2% 5%;
            }
        
            .highlights .container-fluid {
                padding: 5% 5%;
            }
        
            .highlights-text {
                width: 100%; /* Full width for text container */
                margin-bottom: 20px; /* Space between sections */
            }
        
            .highlights h2 {
                font-size: 22px; /* Smaller font size for mobile/tablet */
                text-align: center;
            }
        
            .highlights span {
                font-size: 18px; /* Adjust span font size */
            }
        
            .highlights p {
                font-size: 14px; /* Adjust paragraph text size */
                text-align: center;
            }
        
            .highlights li {
                font-size: 12px; /* Smaller list item font size */
            }
        
            .col-md-4 {
                width: 100%; /* Full width for each column */
                margin-bottom: 20px; /* Add spacing between columns */
            }
        }
        
        /* Large Mobile (Portrait) or Tablet Portrait */
        @media (max-width: 480px) {
            .highlights h2 {
                font-size: 18px; /* Even smaller font size */
            }
        
            .highlights p {
                font-size: 12px; /* Smaller text for very small screens */
            }
        
            .highlights li {
                font-size: 12px; /* Keep list item font small */
            }
        
            .highlights .container-fluid {
                padding: 5% 2%; /* Adjust padding for smaller screens */
            }
        
            .highlights-text {
                padding: 4%; /* Adjust padding for smaller screens */
            }
        }

        
        
        .wardrobes-container {
            padding: 3% 0;
        }
        
        .wardrobes-image {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 20px;
            padding: 5px;
            margin: 0;
            flex-wrap: wrap; /* Allow items to wrap on smaller screens */
        }
        
        /* Each inner-section (image container) */
        .inner-section {
            position: relative;
            width: 350px; /* Default width for desktop */
            overflow: hidden;
            background-color: white;
            padding-bottom: 40px; /* Space for the icon */
            text-align: center;
            margin-bottom: 20px; /* Space between items */
        }
        
        /* Main image styling */
        .wardrobes-image .inner-section img.main-image {
            width: 100%;
            max-height:226px;
            display: block;
            border-bottom: 4px solid #fff;
            border-radius: 20px 20px 80px 0;
        }
        
        /* Icon inside the image container */
        .wardrobes-icon {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 50%;
            padding: 0;
        }
        
        .wardrobes-icon img {
            width: 60%;
            height: auto;
        }
        
        /* Button styling (if used in the section) */
        .wardrobes-btn {
            text-align: center;
        }
        
        .wardrobes-btn .btn {
            background-color: #0088CC;
            border-color: #007bff;
            color: white;
            padding: 10px 20px;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        
        /* Tablet and Smaller Devices: */
        @media (max-width: 768px) {
            .wardrobes-image {
                gap: 15px; /* Reduce gap between sections on tablets */
            }
        
            .inner-section {
                width: 45%; /* Make images take up 45% of the container */
            }
        
            .wardrobes-icon img {
                width: 50%; /* Reduce icon size on tablet */
            }
        }
        
        /* Mobile Devices: */
        @media (max-width: 480px) {
            .wardrobes-image {
                flex-direction: column; /* Stack images vertically on mobile */
                gap: 10px; /* Reduce gap between sections on mobile */
                align-items: center; /* Center align items */
            }
        
            .inner-section {
                width: 100%; /* Each image takes up full width on mobile */
                margin-bottom: 10px; /* Reduced margin between sections */
            }
        
            .wardrobes-icon img {
                width: 40%; /* Further reduce icon size on mobile */
            }
        
            .bedroom-btn .btn {
                padding: 8px 16px; /* Adjust button padding for mobile */
                font-size: 14px; /* Adjust font size for mobile */
            }
        }
        
        
        .bedroom-container {
            padding: 3% 0;
        }
        
        .bedroom-image {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            gap: 20px;
            padding: 5px;
            margin: 0;
            flex-wrap: wrap; /* Allow items to wrap on smaller screens */
        }
        
        /* Each inner-section (image container) */
        .bedroom-image.inner-section {
            position: relative;
            width: 350px; /* Default width for desktop */
            overflow: hidden;
            background-color: white;
            padding-bottom: 40px; /* Space for the icon */
            text-align: center;
            margin-bottom: 20px; /* Space between items */
        }
        
        /* Main image styling */
        .inner-section img.main-image {
            width: 100%;
            display: block;
            border-bottom: 4px solid #fff;
            border-radius: 20px 20px 0 0;
        }
        
        /* Icon inside the image container */
        .bedroom-icon {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 50%;
            padding: 0;
        }
        
        .bedroom-icon img {
            width: 60%;
            height: auto;
        }
        
        /* Button styling (if used in the section) */
        .bedroom-btn {
            text-align: center;
        }
        
        .bedroom-btn .btn {
            background-color: #0088CC;
            border-color: #007bff;
            color: white;
            padding: 10px 20px;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        
        /* Tablet and Smaller Devices: */
        @media (max-width: 768px) {
            .bedroom-image {
                gap: 15px; /* Reduce gap between sections on tablets */
            }
        
            .inner-section {
                width: 45%; /* Make images take up 45% of the container */
            }
        
            .bedroom-icon img {
                width: 50%; /* Reduce icon size on tablet */
            }
        }
        
        /* Mobile Devices: */
        @media (max-width: 480px) {
            .bedroom-image {
                flex-direction: column; /* Stack images vertically on mobile */
                gap: 10px; /* Reduce gap between sections on mobile */
                align-items: center; /* Center align items */
            }
        
            .inner-section {
                width: 100%; /* Each image takes up full width on mobile */
                margin-bottom: 10px; /* Reduced margin between sections */
            }
        
            .bedroom-icon img {
                width: 40%; /* Further reduce icon size on mobile */
            }
        
            .bedroom-btn .btn {
                padding: 8px 16px; /* Adjust button padding for mobile */
                font-size: 14px; /* Adjust font size for mobile */
            }
        }


        .slider-container {
            padding: 3% 0;
        }
        
        /* Main image styling */
        .slider-container img{
            width: 100%;
            max-height: 180px;
            display: block;
            border-radius: 20px 20px 80px 0;
        }
        
        /* Button styling (if used in the section) */
        .crockery-btn {
            text-align: center;
        }
        
        .crockery-btn .btn {
            background-color: #0088CC;
            border-color: #007bff;
            color: white;
            padding: 10px 20px;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
                /* Ensure the Swiper container is centered and responsive */
        .slider-container .swiper-container {
            width: 100%;   /* Full width */
            height: auto;  /* Height adjusts based on content */
            margin: 0 auto; /* Center the swiper container */
            padding:0 5% 5% 5%;
        }
        
        /* Styling for each slide */
        .slider-container .swiper-slide {
            display: flex;               /* Flexbox to center content */
            justify-content: center;     /* Center content horizontally */
            align-items: center;         /* Padding around images */
            box-sizing: border-box;      /* Ensure padding does not affect width */
            border: 0px solid #DD3333;
        }
        
        /* Image styling to ensure they are responsive */
        .slider-container .swiper-slide img {
            width: 100%;
            max-height: 225px;
            display: block;
            border-bottom: 4px solid #fff;
            border-radius: 20px 20px 80px 0;
            object-fit: cover;  /* Ensures images cover the container area without distortion */
        }
        .swiper-button-next,
        .swiper-button-prev {
            color: black!important; 
            padding: 10px; /* Padding for better click area */
            border-radius: 50%;
        }

        /* Styling for pagination dots */
        .swiper-pagination-bullet {
            background-color: black!important; /* Dots color */
            opacity: 1; /* Set dot opacity */
        }
        .swiper-pagination-bullet-active {
            background-color: black!important; /* Active dot color */
        }


        
        
        /* Base Styles */
        .home-interiors-section p {
            padding: 0 23%; /* Adjust this for mobile/tablet */
        }
        
        /* Gallery Layout */
        .home-interiors-gallery {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 2% 0 5% 0;
        }
        
        .gallery {
            display: flex;
            gap: 20px;
            flex-wrap: wrap; /* Allow gallery items to wrap */
            justify-content: center;
        }
        
        .gallery-item {
            text-align: center;
            width: 275px; /* Default width */
        }
        
        .gallery-item img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        
        .gallery-item p {
            margin-top: 10px;
            font-weight: bold;
            color: #333;
        }
        
        /* Tablet Styles */
        @media (max-width: 768px) {
            .home-interiors-section p {
                padding: 0 10%; /* Reduce padding for tablets */
            }
        
            .gallery-item {
                width: 45%; /* Adjust the item width to fit two per row */
            }
        
            .gallery {
                gap: 10px; /* Reduce gap between items */
            }
        }
        
        /* Mobile Styles */
        @media (max-width: 480px) {
            .home-interiors-section p {
                padding: 0 5%; /* Further reduce padding for mobile */
            }
        
            .gallery-item {
                width: 100%; /* Each item takes full width on mobile */
                padding: 0 5%;
            }
        
            .gallery {
                flex-direction: column; /* Stack items vertically on mobile */
            }
        
            .gallery-item p {
                font-size: 14px; /* Reduce font size for mobile devices */
            }
        }

        
        .loctaion-container{
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          background: url('images/tv2.png') no-repeat center center/cover;
        }
    
        .cities {
          text-align: center;
          padding: 3% 0%;
          border-radius: 10px;
          width:100%;
        }
    
        .cities-title {
          font-size: 2em;
          font-weight:bold;
          color: #fff;
          margin-bottom: 20px;
        }
    
        .city-buttons {
          display: flex;
          flex-wrap: wrap;
          gap: 25px;
          justify-content: center;
          margin-top:25px;
        }
    
        .city-buttons .button {
          background-color: rgba(255, 255, 255, 0.8);
          padding: 10px 20px;
          border-radius: 8px;
          text-decoration: none;
          color: black;
          font-weight: light;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
          transition: background-color 0.3s, color 0.3s;
        }
    
        .city-buttons .button:hover {
          background-color: #333;
          color: #fff;
        }
        
        
        .banner-image img{
            width:100%;
            padding: 7%;
        }
        /* Base Styles */
        .stats-container {
            display:grid;
            grid-template-columns: 15% 15% 15% 15% 15% 15%;
            justify-content: center;
            align-items: center;
            background-color: #f6f6f6;
            padding: 10px 20px;
            gap:10px;
        }
        
        .stat-box {
            text-align: center;
            border: 1px solid black;
            padding: 10px;
        }
        
        .stat-box img {
            max-width:70px;
            text-align: end;
            height: auto;
        }
        
        .stat-taxt {
            text-align: center;
            padding:10px 0;
        }
        
        .stat-box .title {
            font-weight: bold;
            font-size: 20px;
            color: #000;
            margin: 0;
        }
        
        .stat-box .subtitle {
            color: #666;
            font-size: 16px;
        }
        
        /* Tablet Styles */
        @media (max-width: 768px) {
            .banner-image img{
            padding: 0%;
        }
            .stats-container {
            grid-template-columns: 50% 50%;
            }
        
            .stat-box {
                margin-bottom: 20px; /* Add margin for spacing between rows */
            }
        
            .stat-taxt {
                padding-left: 10px;
            }
            .stat-box .title {
                font-size: 18px; /* Reduce font size slightly */
            }
        
            .stat-box .subtitle {
                font-size: 13px; /* Reduce font size slightly */
            }
        }
        
        /* Mobile Styles */
        @media (max-width: 480px) {        
            .banner-image img{
            width:100%;
            padding: 0%;
        }
            .stats-container {
            grid-template-columns: 50% 50%;
            }
        
            .stat-box {
                margin-bottom: 20px; /* Add margin for spacing between rows */
                justify-content: flex-start; /* Align text to the left */
            }
        
            .stat-taxt {
                padding-left: 10px;
            }
        
            .stat-box .title {
                font-size: 16px; /* Reduce font size further */
            }
        
            .stat-box .subtitle {
                font-size: 12px; /* Reduce font size further */
            }
            .stat-box img{
                max-width:50px;
            }
        }
        
        /* Base Styles */
        .testimonials-section {
            display: block;
            padding: 2% 7%;
            background-color: #fff;
            color: #333;
        }
        
        .testimonials-intro {
            width: 100%; /* Default width for the left section */
            padding: 2%;
            text-align:center;
        }
        
        .testimonials-intro h2 {
            font-size: 30px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }
        
        .testimonials-intro p {
            color: #000;
            font-size: 16px;
            margin-bottom: 20px;
        }
        
        .testimonials-intro .cta-button {
            background-color: #0088CC;
            color: #fff;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            font-weight: 600;
        }
        
        .testimonial-cards {
            display: flex;
            gap: 20px;
            width: 100%; /* Default width for the testimonial cards */
        }
        
        .testimonial-card {
            display:inline-grid;
            background-color: #0088CC;
            color: #fff;
            padding: 30px;
            width: 50%; /* Each card takes up 50% of the width */
            border-radius: 8px;
            gap:10px;
        }
        
        .testimonial-card .image-item img{
            max-height:300px;
            width:100%;
        }
        
        .testimonial-card .stars {
            color: #ffd700;
        }
        
        .testimonial-card .name {
            font-size: 20px;
            font-weight: bold;
        }
        
        .testimonial-card .text {
            font-size: 16px;
            line-height: 1.5;
            color:white;
        }
        
        /* Tablet Styles */
        @media (max-width: 768px) {
            .testimonials-section {
                flex-direction: column; /* Stack the sections vertically */
                align-items: flex-start;
                padding: 5%;
            }
        
            .testimonials-intro {
                width: 100%; /* Make the intro section take full width on tablet */
                margin-right: 0; /* Remove the right margin */
                margin-bottom: 30px; /* Add margin below the intro section */
                text-align:center;
            }
        
            .testimonials-intro h2 {
                font-size: 36px; /* Adjust heading size for tablet */
                padding-right: 0;
            }
        
            .testimonials-intro p {
                font-size: 14px; /* Reduce font size for better readability on tablet */
            }
        
            .testimonials-intro .cta-button {
                padding: 8px 18px; /* Adjust padding for the button on tablet */
            }
        
            .testimonial-cards {
                flex-direction: column; /* Stack testimonial cards vertically on tablet */
                width: 100%; /* Make testimonial cards take full width */
            }
        
            .testimonial-card {
                width: 100%; /* Each card takes full width on tablet */
                margin-bottom: 20px; /* Add margin between the cards */
                padding: 20px; /* Reduce padding to fit content better */
            }
        
            .testimonial-card .stars {
                font-size: 18px; /* Adjust star size for tablet */
            }
        
            .testimonial-card .name {
                font-size: 18px; /* Adjust name font size */
            }
        
            .testimonial-card .text {
                font-size: 14px; /* Adjust text font size */
            }
        }
        
        /* Mobile Styles */
        @media (max-width: 480px) {
        .banner-image{
            display:none;
        }
            .testimonials-section {
                padding: 3%; /* Reduce padding on mobile */
            }
        
            .testimonials-intro {
                width: 100%; /* Make intro section full width on mobile */
                margin-right: 0;
                margin-bottom: 20px;
            }
        
            .testimonials-intro h2 {
                font-size: 30px; /* Reduce heading size for mobile */
            }
        
            .testimonials-intro p {
                font-size: 14px; /* Keep the text readable on small screens */
            }
        
            .testimonials-intro .cta-button {
                padding: 8px 16px; /* Adjust padding for mobile button */
            }
        
            .testimonial-cards {
                flex-direction: column; /* Stack cards vertically on mobile */
                width: 100%; /* Full width for cards */
            }
        
            .testimonial-card {
                width: 100%; /* Each card takes full width on mobile */
                margin-bottom: 15px; /* Add margin between cards */
                padding: 15px; /* Reduce padding for mobile */
            }
        
            .testimonial-card .stars {
                font-size: 16px; /* Reduce star size for mobile */
            }
        
            .testimonial-card .name {
                font-size: 16px; /* Reduce name font size for mobile */
            }
        
            .testimonial-card .text {
                font-size: 14px; /* Reduce text font size for mobile */
            }
        }


        /* Ensure the Swiper container is centered and responsive */
        .swiper-container {
            width: 100%;   /* Full width */
            height: auto;  /* Height adjusts based on content */
            margin: 0 auto; /* Center the swiper container */
            padding:0 5% 5% 5%;
        }
        
        /* Styling for each slide */
        .swiper-slide {
            display: flex;               /* Flexbox to center content */
            justify-content: center;     /* Center content horizontally */
            align-items: center;         /* Center content vertically */
            padding: 10px;               /* Padding around images */
            box-sizing: border-box;      /* Ensure padding does not affect width */
        }
        
        /* Image styling to ensure they are responsive */
        .swiper-slide img {
            width: 90%;        /* Images fill the slide container */
            height: auto;       /* Maintain aspect ratio */
            object-fit: cover;  /* Ensures images cover the container area without distortion */
            border: 1px solid #DD3333;
        }
        .swiper-control{
            margin-top:20px;
        }
        .award .swiper-slide img {
            width: 70%!important;        /* Images fill the slide container */
            border: none!important;
        }
        
            
        .popup-overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          display: none; /* Initially hidden */
          justify-content: center;
          align-items: center;
          z-index:1;
        }
        
        .form-img img{
          border-bottom-left-radius: 50px;
          border-top-left-radius: 50px;
        }
    
        /* Popup Content */
        .popup-content {
            background-color:white;
          padding: 10px;
          border-radius: 50px;
          width: 100%;
          max-width: 700px;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          display: grid;
          grid-template-columns: 45% 55%;
          gap:0;
        }
        .popup-form{
            padding:10px;
        }
        .popup-content h2{
            text-align:center;            
            font-weight: bold;
            color: #333;
            font-size: 28px;
        }
        .popup-content img{
            width:100%;
        }
        .pop-img2{
            display:none;
        }
    
        /* Close Button */
        .close-btn {
            height:30px;
            font-size:16px;
          background: #ff4d4d;
          color: #fff;
          padding: 5px 10px;
          border: none;
          border-radius: 5px;
          cursor: pointer;
          float: right;
          z-index:100;
        }
    
        .close-btn:hover {
          background: #cc0000;
        }
        @media (max-width: 768px){
            .popup-content {
                max-width: 350px;
              display: grid;
              grid-template-columns: 100%;
            }
            .pop-img1{
               display:none;
            }
            .pop-img2{
                display:block;
            }
            .popup-content img{
                width:100%;
            }
            .popup-form{
                height:90%;
            }
            .popup-content , .form-img img{
                border-radius:20px;
            }
        }
    .faq-container {
      max-width: 800px;
      margin: 20px auto;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .faq-header {
      padding: 20px;
      font-size: 1.5rem;
      font-weight: 600;
      background: #f5f5f5;
      border-bottom: 1px solid #ddd;
    }

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

    .faq-item:last-child {
      border-bottom: none;
    }

    .faq-question {
      padding: 15px 20px;
      font-size: 1rem;
      font-weight: 500;
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
      transition: background 0.3s ease;
    }

    .faq-question:hover {
      background: #f0f0f0;
    }

    .faq-answer {
      display: none;
      padding: 15px 20px;
      font-size: 0.95rem;
      line-height: 1.6;
      background: #fff;
    }

    .faq-question::after {
      content: "+";
      font-size: 1.2rem;
      font-weight: 600;
      color: #888;
      transition: transform 0.3s ease;
    }

    .faq-question.active::after {
      content: "-";
      transform: rotate(180deg);
      color: #333;
    }

    .faq-question.active + .faq-answer {
      display: block;
    }

        
        .main-footer{
            padding:7%;
            background-color:#342434;
            color:white;
        }
        .main-footer a{
            color:white;
        }
        .fixed{
            position:fixed;
            bottom:0.5px;       
            display: flex;
            justify-content: space-between;
            z-index: 1000;  /* Ensures it's on top of other content */
        }
        @media (max-width: 768px){
            .fixed{
                background-color: #DD3333;
            }        
            .fixed h6{
                color:white!important;
            }
            .fixed img{
                width: 40px!important;    /* Width of the icon */
          height: 40px!important; 
            }
        }
        #whatsapp-icon {
          bottom: 5px;   /* Distance from the bottom of the page */
          right: 20px;    /* Distance from the right of the page */
          z-index: 1000;  /* Ensures it's on top of other content */
          display: inline-block;
          text-align:center;
        }
        
        /* Style for the WhatsApp icon image */
        #whatsapp-icon img {
          width: 60px;    /* Width of the icon */
          height: 60px;   /* Height of the icon */
          border-radius: 50%; /* Make the icon round */
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Soft shadow for the icon */
          transition: transform 0.3s ease; /* Smooth transition for hover effect */
        }
        
        /* Hover effect for the icon */
        #whatsapp-icon:hover img {
          transform: scale(1.1); /* Slightly enlarge the icon on hover */
        }        
        #whatsapp-icon h6{
            color:black;
            font-weight:bold;
        }
        #book-icon {
          bottom: 5px;   /* Distance from the bottom of the page */
          left: 20px;     /* Distance from the left of the page */
          z-index: 1000;  /* Ensures it's on top of other content */
          display: inline-block;
          text-align:center;
        }
        
        /* Style for the other icon image */
        #book-icon img {
          width: 60px;    /* Width of the icon */
          height: 60px;   /* Height of the icon */
          border-radius: 50%; /* Make the icon round */
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Soft shadow for the icon */
          transition: transform 0.3s ease; /* Smooth transition for hover effect */
        }
        
        /* Hover effect for the other icon */
        #book-icon:hover img {
          transform: scale(1.1); /* Slightly enlarge the icon on hover */
        }
        
        #book-icon h6{
            color:black;
            font-weight:bold;          
        }
 /* end new homepage css */