.bg-dark {
        --bs-bg-opacity: 1;
        background-color: rgb(65 69 191 / 91%) !important;
    }
    
    .btn-outline-success {
    --bs-btn-color: #f2f7f5;
    --bs-btn-border-color: #fcfcfc;
    }

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
      
      .nav-link {
            text-decoration: none;
            padding: 10px 15px; /* Add padding for button-like appearance */
            border-radius: 5px; /* Rounded corners */
            color: white; /* Text color */
            transition: background-color 0.3s, transform 0.3s; /* Smooth transitions */
            margin-right: 10px; /* Space between buttons */
        }
        
        .button-login {
            background-color: #007bff; /* Color for Login button */
        }
        
        .button-login:hover {
            background-color: #0056b3; /* Darker shade on hover for Login button */
        }
        
        
        .button-logout {
            background-color: #97a4b1; /* Color for Logout button */
        }
        
        .button-logout:hover {
            background-color: #63038b; /* Darker shade on hover for Logout button */
        }
        
        .button-signup {
            background-color: #28a745; /* Color for Sign Up button */
        }
        
        .button-signup:hover {
            background-color: #218838; /* Darker shade on hover for Sign Up button */
        }
        
        
        /* Default styles */
        .my-element {
            color: #ffdbac;
            text-align: center;
            font-size: 2.5em;
            font-weight: bold;
            background: linear-gradient(348deg, #06050b, #0898c7, #310b22);
            padding: 10px;
            border-radius: 10px;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            margin: 0px 0;
        }
        
        /* Extra small devices (phones, < 600px) */
        @media only screen and (max-width: 599px) {
            .my-element {
                font-size: 1.5em;
                padding: 15px;
                margin: 15px 0;
            }
        }
        
        /* Small devices (portrait tablets and large phones, 600px - 767px) */
        @media only screen and (min-width: 600px) and (max-width: 767px) {
            .my-element {
                font-size: 2em;
                padding: 18px;
                margin: 18px 0;
            }
        }
        
        /* Medium devices (landscape tablets, 768px - 991px) */
        @media only screen and (min-width: 768px) and (max-width: 991px) {
            .my-element {
                font-size: 2.2em;
                padding: 20px;
                margin: 20px 0;
            }
        }
        
        /* Large devices (desktops, 992px - 1199px) */
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .my-element {
                font-size: 2.4em;
                padding: 10px;
            }
        }
        
        /* Extra large devices (large desktops, 1200px and above) */
        @media only screen and (min-width: 1200px) {
            .my-element {
                font-size: 2.5em;
                padding: 7px;
            }
        }
        
        /***************************************************************************************************************************
        ***************************************************************** MAIN PAGE CSS STARTS HERE *************************************************************
        **********************************************************************************************************************************/
        
        .is_opened_day_time {
        	color: green; background-color: #fff; padding: 5px; border-radius: 5px;
        }
        
        .is_closed_day_time{
            color: red; background-color: #fff; padding: 5px; border-radius: 5px;
        }

        .d-flex {
            min-width: 723px;
        }
        .product_price_text{
            color: #cac1c1;
        }
        
        .working_days {
            color: #fff;
        }
        
        .whatsapp_img {
                                                
            width: 24px;
            height: 24px;
            margin-right: 10px;
            
        }
        .keywords_tags_p {
            color:#ffffffd1;
        }
        
         .ads_para {
        	color:#cac1c1;
        }

        .main_background {
            margin: 0px 0; border-radius: 10px; padding: 20px; background-color:#413517; box-shadow: 1px 7px 19px 10px rgba(0, 0, 0, 2.1);
        }
    
        .logo_div {
            background-color: #fff;
            padding: 5px;
            border-radius: 5px;
        }
    
        .swiper-button-next {
            color:#183a5e;
        }
        .email {
            text-decoration: none;
        }
        
        .location_address_h6 {
            color: #b1b3bc;
        }
        
        .location_address_span {
            color: brown; font-weight: 700;
        }
        
        .my-element {
            font-size: 2.4em;
            padding: 32px;
            margin: 0px 0;
        }
        
        .mobile_email_span {
            font-weight: 700;
        }
        
        .mobile_email_p {
            color: #b4b3c4;
            margin-top: 0;
            margin-bottom: 0rem;        
        }
        
        .about_my_business_h5 {
            color: #1e72cb; font-weight: 700;
        }
        
        .about_my_business_span {
            color: #878393; font-size: 12px; font-weight: 500;
        }
        .sendenquiry {
            cursor: pointer;
            position: sticky;
            bottom: 20px; /* Adjust the value to move it further from the bottom */
            right: 20px; /* Adjust the value to move it further from the right */
            background-color: #2d1bb2;
            padding: 10px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 2.1);
            float:right;
            color: #fff;
            border-radius: 10px;
        }
        
        .sendenquiry:hover {
            position: sticky;
            bottom: 20px; /* Adjust the value to move it further from the bottom */
            right: 20px; /* Adjust the value to move it further from the right */
            background-color: #2474ff;
            padding: 10px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            float:right;
            color: #fff;
        }
        
        .social-links {
            list-style-type: none;
            padding: 0;
            margin-top:10px;
        }
    
        .social-links li {
            display: inline;
            margin-right: 15px; /* Adjust space between list items */
        }
        
        /* Popup container */
        .popup {
            padding-top:100px;
            display: none; /* Hidden by default */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }
    
        /* Popup content */
        .popup-content {
            position: relative;
            background-color: white;
            margin: auto;
            padding: 5px;
            border-radius: 5px;
            width: 350px;
            box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
        }
        
    
        /* Close button */
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
    
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
    
        input[type="text"], input[type="email"], input[type="tel"], textarea {
            width: 100%;
            padding: 5px;
            margin: 2px 0;
            box-sizing: border-box;
        }
    
        input[type="submit"] {
            background-color: #007bff;
            color: white;
            padding: 10px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
    
        input[type="submit"]:hover {
            background-color: #0056b3;
        }
        
        /* Overlay styling for blur effect */
        #overlay {
            display: none; /* Hidden by default */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.7); /* Adjust transparency as needed */
            backdrop-filter: blur(5px); /* Adds blur effect */
            z-index: 998; /* Behind the loader and popup */
        }
        
        /* Basic styling for the loader */
        .loader {
            display: none; /* Hidden by default */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 22px;
            color: #fff;
            z-index: 10; /* Ensure it appears above form elements */
            background: rgb(25 174 9 / 80%);
            padding: 10px;
            border-radius: 5px;
            width:300px;
            height:200px;
            text-align:center;
        }
    
        /* Other styles as needed */
        
       .carousel {
            margin-bottom: 0rem;
        }
        
        .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden;
        }
        
        .lead {
            font-size: 1rem;
            font-weight: 400;
        }
        
        .mt-5 {
            margin-top:0px;
        }
        
        .margin_tp {
            margin-top:0px;
            padding-top: 15px;
        }
        
        h4 {
            font-size: calc(1rem + 0.5vw);
            margin-bottom: 0.1rem;
        }
        
        .keywords_tags_p {
            margin-top:10px;
        }
        
        .keywords_tags_strong {
            color:#b0b0d7;
        }
        
        .swiper-container {
            width: 100%; /* Set to desired width or keep responsive */
            height: 200px; /* Set to desired height */
        }
        
        .swiper-slide {
            display: flex; /* Center the image inside the slide */
            justify-content: center;
            align-items: center;
        }
        
        .swiper-slide img {
            width: 634px; /* Maintain aspect ratio */
            height: 100%; /* Adjust height to fill slide */
            max-width: 100%; /* Ensure it does not overflow */
        }
           
        
        /* Default styles */
        iframe {
            width: 800px;
            height: 250px;
            border: 0;
            loading: lazy;
            referrerpolicy: no-referrer-when-downgrade;
        }
        
        
        /* model style */
            
        .modal {
                display: none;
                position: fixed;
                z-index: 1000;
                margin-top:70px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
            }
            .modal-content {
                background: white;
                margin: 10% auto;
                padding: 20px;
                width: 400px;
                border-radius: 5px;
                text-align: left;
            }
            .close-button {
                color: #e80808;
                float: right;
                font-size: 29px;
                font-weight: 700;
                cursor: pointer;
                border-color: red;
                border-width: 3px;
                border-style: solid;
                padding: 2px;
                border-radius: 6px;
            }
            .close-button:hover {
                color: #fff;
                background-color:red;
            }
            .show-all-text {
                color: #0c88ff;
                text-decoration: underline;
                cursor: pointer;
                font-size: 1em;
                margin-left: 5px;
                font-weight:700;
            }
            
            .ads_main_image {
                width: 584px;
                height: 400px;
                border-radius: 10px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            }
            
            .carousel-item {
                height: 33rem !important;
            }
            
            .d-flex {
                min-width: 723px !important;
            }
            
            .social_a {
                text-decoration:none;
            }
            
            .checkout_a {
                background-color: #4754e5;
                color: #fff;
                border-style: solid;
                border-color: #655ed6;
                border-radius: 7px;
                text-decoration: none;
                padding: 3px;
                font-weight: 700;
                text-align: center;
            }
            
            .checkout_a:hover {
                background-color: blue;
                color: #fff;
                border-style: solid;
                border-color: #655ed6;
                border-radius: 7px;
                text-decoration: none;
                padding: 3px;
                font-weight: 700;
                text-align: center;
            }
            
        
            
        /* Small screens */
        @media (max-width: 1290px) {
            
            .my-element {
                font-size: 1.4em;
                padding: 5px;
                margin: 5px 0;
            }
            
            .mobile_email_span {
                font-weight: 700;
            }
            
            .mobile_email_p {
                margin-top: 0;
                margin-bottom: 0rem;        
            }
            
            .about_my_business_span {
                font-size: 12px; 
                font-weight: 500;
            }
            
            .carousel {
                margin-bottom: 0rem;
            }
            
            .mt-5 {
                margin-top:0px;
            }
            
            .margin_tp {
                margin-top:0px;
                padding-top: 15px;
            }
            iframe {
                width: 100%;
                height: 200px;
            }
            
            .social-links {
                padding: 0;
                margin-top:0px;
            }
            
            .lead {
                font-size: 1rem;
                font-weight: 400;
            }
            
            .sendenquiry {
                bottom: 10px;
                right: 10px;
                padding: 10px;
                box-shadow: 3px 6px 8px rgba(0, 0, 9, 22.1);
                float: right;
                border-radius: 4px;
            }
            
            h4 {
                font-size: calc(1rem + 0.5vw);
                margin-bottom: 0.1rem;
            }
            
            .keywords_tags_p {
                margin-top:10px;
            }
            
            .swiper-container {
                width: 100%; /* Set to desired width or keep responsive */
                height: 200px; /* Set to desired height */
            }
            
            .swiper-slide {
                display: flex; /* Center the image inside the slide */
                justify-content: center;
                align-items: center;
            }
            
            .swiper-slide img {
                width: 450px; /* Maintain aspect ratio */
                height: 100%; /* Adjust height to fill slide */
                max-width: 100%; /* Ensure it does not overflow */
            }
            
            /* model style */
            
            .modal {
                display: none;
                position: fixed;
                z-index: 1000;
                margin-top:80px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .modal-content {
                margin: 10% auto;
                padding: 20px;
                width: 300px;
                border-radius: 5px;
                text-align: left;
            }
            .close-button {
                float: right;
                font-size: 24px;
                font-weight: bold;
                cursor: pointer;
            }
            .show-all-text {
                cursor: pointer;
                font-size: 1em;
                margin-left: 5px;
            }
                
            .ads_main_image {
                width: 420px;
                height: 220px;
                border-radius: 10px;
            }
                
            .carousel-item {
                height: 24rem !important;
            }
            
            .d-flex {
                min-width: 723px !important;
            }
                
        }
            
        /* Small screens */
        @media (max-width: 1240px) {
            
            .my-element {
                font-size: 1.7em;
                padding: 5px;
                margin: 5px 0;
            }
            
            .mobile_email_span {
                font-weight: 700;
            }
            
            .mobile_email_p {
                margin-top: 0;
                margin-bottom: 0rem;        
            }
            
            .about_my_business_span {
                font-size: 12px; 
                font-weight: 500;
            }
            
            .email {
                text-decoration: none;
            }
            
            .carousel {
                margin-bottom: 0rem;
            }
            
            .mt-5 {
                margin-top:0px;
            }
            
            .margin_tp {
                margin-top:0px;
                padding-top: 15px;
            }
            iframe {
                width: 100%;
                height: 200px;
            }
            
            .social-links {
                list-style-type: none;
                padding: 0;
                margin-top:-5px;
            }
            
            .lead {
                font-size: 1rem;
                font-weight: 400;
            }
            
            .sendenquiry {
                cursor: pointer;
                position: sticky;
                bottom: 10px;
                right: 10px;
                padding: 10px;
                box-shadow: 3px 6px 8px rgba(0, 0, 9, 22.1);
                float: right;
                border-radius: 4px;
            }
            
            h4 {
                font-size: calc(1rem + 0.5vw);
                margin-bottom: 0.1rem;
            }
            
            .keywords_tags_p {
                margin-top:10px;
            }
            
            .swiper-container {
                width: 100%; /* Set to desired width or keep responsive */
                height: 200px; /* Set to desired height */
            }
            
            .swiper-slide {
                display: flex; /* Center the image inside the slide */
                justify-content: center;
                align-items: center;
            }
            
            .swiper-slide img {
                width: 450px; /* Maintain aspect ratio */
                height: 100%; /* Adjust height to fill slide */
                max-width: 100%; /* Ensure it does not overflow */
            }
            
            /* model style */
            
            .modal {
                display: none;
                position: fixed;
                z-index: 1000;
                margin-top:80px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .modal-content {
                margin: 10% auto;
                padding: 20px;
                width: 300px;
                border-radius: 5px;
                text-align: left;
            }
            .close-button {
                float: right;
                font-size: 24px;
                font-weight: bold;
                cursor: pointer;
            }
            .show-all-text {
                cursor: pointer;
                font-size: 1em;
                margin-left: 5px;
            }
                
            .ads_main_image {
                width: 408px;
                height: 220px;
                border-radius: 10px;
            }
                
            .carousel-item {
                height: 21rem !important;
            }
            
            .d-flex {
                min-width: 650px !important;
            }
                
        }
            
        /* Small screens */
        @media (max-width: 1024px) {
            
            .my-element {
                font-size: 1.7em;
                padding: 5px;
                margin: 5px 0;
            }
            
            .mobile_email_span {
                font-weight: 700;
            }
            
            .mobile_email_p {
                margin-top: 0;
                margin-bottom: 0rem;        
            }
            
            .about_my_business_h5 {
                font-weight: 700;
            }
            
            .about_my_business_span {
                font-size: 12px; 
                font-weight: 500;
            }
            
            .carousel {
                margin-bottom: 0rem;
            }
            
            .mt-5 {
                margin-top:0px;
            }
            
            .margin_tp {
                margin-top:0px;
                padding-top: 15px;
            }
            iframe {
                width: 100%;
                height: 200px;
            }
            
            .social-links {
                padding: 0;
                margin-top:-5px;
            }
            
            .lead {
                font-size: 1rem;
                font-weight: 400;
            }
            
            .sendenquiry {
                cursor: pointer;
                position: sticky;
                bottom: 10px;
                right: 10px;
                padding: 3px;
                box-shadow: 3px 6px 8px rgba(0, 0, 9, 22.1);
                float: right;
                border-radius: 4px;
            }
            
            h4 {
                font-size: calc(1rem + 0.5vw);
                margin-bottom: 0.1rem;
            }
            
            .keywords_tags_p {
                margin-top:10px;
            }
            
            .swiper-container {
                width: 100%; /* Set to desired width or keep responsive */
                height: 200px; /* Set to desired height */
            }
            
            .swiper-slide {
                display: flex; /* Center the image inside the slide */
                justify-content: center;
                align-items: center;
            }
            
            .swiper-slide img {
                width: 450px; /* Maintain aspect ratio */
                height: 100%; /* Adjust height to fill slide */
                max-width: 100%; /* Ensure it does not overflow */
            }
            
            /* model style */
            
            .modal {
                    display: none;
                    position: fixed;
                    z-index: 1000;
                    margin-top:80px;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }
                .modal-content {
                    margin: 10% auto;
                    padding: 20px;
                    width: 300px;
                    border-radius: 5px;
                    text-align: left;
                }
                .close-button {
                    float: right;
                    font-size: 24px;
                    font-weight: bold;
                    cursor: pointer;
                }
                
                .show-all-text {
                    cursor: pointer;
                    font-size: 1em;
                    margin-left: 5px;
                }
                
                .ads_main_image {
                    width: 320px;
                    height: 220px;
                    border-radius: 10px;
                }
                
                .carousel-item {
                    height: 19rem !important;
                }
                
                .d-flex {
                    min-width: 440px !important;
                }
                
            }
         
        /* Medium screens */
        @media (max-width: 810px) {
        
            .my-element {
                font-size: 1.4em;
                padding: 5px;
                margin: 0px 0;
            }
            
            .mobile_email_span {
                font-weight: 700;
            }
            
            .mobile_email_p {
                margin-top: 0;
                margin-bottom: 0rem;        
            }
            
            .about_my_business_h5 {
                font-weight: 700;
            }
            
            .about_my_business_span {
                font-size: 12px; 
                font-weight: 500;
            }
            
            .carousel {
                margin-bottom: 0rem;
            }
            
            .mt-5 {
                margin-top:0px;
            }
            
            .margin_tp {
                margin-top:0px;
                padding-top: 15px;
            }
            iframe {
                width: 100%;
                height: 200px;
            }
            
            .social-links {
                padding: 0;
                margin-top:-5px;
            }
            
            .lead {
                font-size: 1rem;
                font-weight: 400;
            }
            
            .sendenquiry {
                cursor: pointer;
                position: sticky;
                bottom: 10px;
                right: 10px;
                padding: 10px;
                box-shadow: 3px 6px 8px rgba(0, 0, 9, 22.1);
                float: right;
                border-radius: 4px;
            }
            
            h4 {
                font-size: calc(1rem + 0.5vw);
                margin-bottom: 0.1rem;
            }
            
            .keywords_tags_p {
                margin-top:10px;
            }
            
            .swiper-container {
                width: 100%; /* Set to desired width or keep responsive */
                height: 200px; /* Set to desired height */
            }
            
            .swiper-slide {
                display: flex; /* Center the image inside the slide */
                justify-content: center;
                align-items: center;
            }
            
            .swiper-slide img {
                width: 450px; /* Maintain aspect ratio */
                height: 100%; /* Adjust height to fill slide */
                max-width: 100%; /* Ensure it does not overflow */
            }
            
            /* model style */
            
            .modal {
                display: none;
                position: fixed;
                z-index: 1000;
                margin-top:80px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .modal-content {
                margin: 10% auto;
                padding: 20px;
                width: 300px;
                border-radius: 5px;
                text-align: left;
            }
            .close-button {
                float: right;
                font-size: 24px;
                font-weight: bold;
                cursor: pointer;
            }

            .show-all-text {
                cursor: pointer;
                font-size: 1em;
                margin-left: 5px;
            }
                
            .ads_main_image {
                width: 260px;
                height: 220px;
                border-radius: 10px;
            }
                
            .carousel-item {
                height: 12rem !important;
            }
            
            .d-flex {
                min-width: 340px !important;
            }
                
        }  
        
        /* Medium screens */
        @media (max-width: 768px) {
            
            .my-element {
                font-size: 1.4em;
                padding: 5px;
                margin: 0px 0;
            }
            
            .mobile_email_span {
                font-weight: 700;
            }
            
            .mobile_email_p {
                margin-top: 0;
                margin-bottom: 0rem;        
            }
            
            .about_my_business_h5 {
                font-weight: 700;
            }
            
            .about_my_business_span {
                font-size: 12px; 
                font-weight: 500;
            }
            
            .carousel {
                margin-bottom: 0rem;
            }
            
            .mt-5 {
                margin-top:0px;
            }
            
            .margin_tp {
                margin-top:0px;
                padding-top: 15px;
            }
            iframe {
                width: 100%;
                height: 200px;
            }
            
            .social-links {
                padding: 0;
                margin-top:-5px;
            }
            
            .lead {
                font-size: 1rem;
                font-weight: 400;
            }
            
            .sendenquiry {
                cursor: pointer;
                position: sticky;
                bottom: 10px;
                right: 10px;
                padding: 10px;
                box-shadow: 3px 6px 8px rgba(0, 0, 9, 22.1);
                float: right;
                border-radius: 4px;
            }
            
            h4 {
                font-size: calc(1rem + 0.5vw);
                margin-bottom: 0.1rem;
            }
            
            .keywords_tags_p {
                margin-top:10px;
            }
            
            .swiper-container {
                width: 100%; /* Set to desired width or keep responsive */
                height: 200px; /* Set to desired height */
            }
            
            .swiper-slide {
                display: flex; /* Center the image inside the slide */
                justify-content: center;
                align-items: center;
            }
            
            .swiper-slide img {
                width: 450px; /* Maintain aspect ratio */
                height: 100%; /* Adjust height to fill slide */
                max-width: 100%; /* Ensure it does not overflow */
            }
            
            /* model style */
            
            .modal {
                display: none;
                position: fixed;
                z-index: 1000;
                margin-top:80px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .modal-content {
                margin: 10% auto;
                padding: 20px;
                width: 300px;
                border-radius: 5px;
                text-align: left;
            }
            .close-button {
                float: right;
                font-size: 24px;
                font-weight: bold;
                cursor: pointer;
            }
            .show-all-text {
                text-decoration: underline;
                cursor: pointer;
                font-size: 1em;
                margin-left: 5px;
            }
                
            .ads_main_image {
                width: 269px;
                height: 220px;
                border-radius: 10px;
            }
                
            .carousel-item {
                height: 16rem !important;
            }
            
            .d-flex {
                min-width: 310px !important;
            }
                
        }
        
        /* Small screens */
        @media (max-width: 480px) {
            
            .location_address_span {
                font-weight: 700;
            }
            
            
            .my-element {
                font-size: 1em;
                padding: 5px;
                margin: 5px 0;
            }
            
            .mobile_email_span {
                font-weight: 700;
            }
            
            .mobile_email_p {
                margin-top: 0;
                margin-bottom: 0rem;        
            }
            
            .about_my_business_h5 {
                font-weight: 700;
            }
            
            .about_my_business_span {
                font-size: 12px; 
                font-weight: 500;
            }
        
            .carousel {
                margin-bottom: 0rem;
            }
            
            .mt-5 {
                margin-top:0px;
            }
            
            .margin_tp {
                margin-top:0px;
                padding-top: 15px;
            }
            iframe {
                width: 100%;
                height: 200px;
            }
            
            .social-links {
                list-style-type: none;
                padding: 0;
                margin-top:-5px;
            }
            
            .lead {
                font-size: 1rem;
                font-weight: 400;
            }
            
            .sendenquiry {
                cursor: pointer;
                position: sticky;
                bottom: 10px;
                right: 10px;
                padding: 10px;
                box-shadow: 3px 6px 8px rgba(0, 0, 9, 22.1);
                float: right;
                border-radius: 4px;
            }
            
            h4 {
                font-size: calc(0.5rem + 0.3vw);
                margin-bottom: 0.1rem;
            }
            
            .keywords_tags_p {
                margin-top:10px;
            }

            .swiper-container {
                width: 100%; /* Set to desired width or keep responsive */
                height: 200px; /* Set to desired height */
            }
            
            .swiper-slide {
                display: flex; /* Center the image inside the slide */
                justify-content: center;
                align-items: center;
            }
            
            .swiper-slide img {
                width: 450px; /* Maintain aspect ratio */
                height: 100%; /* Adjust height to fill slide */
                max-width: 100%; /* Ensure it does not overflow */
            }
            
            /* model style */
            
            .modal {
                display: none;
                position: fixed;
                z-index: 1000;
                margin-top:80px;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
            .modal-content {
                margin: 10% auto;
                padding: 20px;
                width: 300px;
                border-radius: 5px;
                text-align: left;
            }
            .close-button {
                float: right;
                font-size: 24px;
                font-weight: bold;
                cursor: pointer;
            }
            .show-all-text {
                cursor: pointer;
                font-size: 1em;
                margin-left: 5px;
            }
                
            .ads_main_image {
                width: 334px;
                height: 220px;
                border-radius: 10px;
            }
                
            .carousel-item {
                height: 12rem !important;
            }
            
            .d-flex {
                min-width: 335px !important;
            }
                
        }
        
        /* Small screens */
        @media (max-width: 390px) {
            
            .location_address_span {
                font-weight: 700;
            }
            
            .my-element {
                font-size: 0.8em;
                padding: 5px;
                margin: 2px 0;
            }
            
            .mobile_email_span {
                font-weight: 700;
            }
            
            .mobile_email_p {
                margin-top: 0;
                margin-bottom: 0rem;        
            }
            
            .about_my_business_h5 {
                font-weight: 700;
            }
            
            .about_my_business_span {
                font-size: 12px; 
                font-weight: 500;
            }
            
            .carousel {
                margin-bottom: 0rem;
            }
            
            .mt-5 {
                margin-top:0px;
            }
            
            .margin_tp {
                margin-top:0px;
                padding-top: 15px;
            }
            iframe {
                width: 100%;
                height: 200px;
            }
            
            .social-links {
                padding: 0;
                margin-top:-5px;
            }
            
            .lead {
                font-size: 1rem;
                font-weight: 400;
            }
            
            .sendenquiry {
                cursor: pointer;
                position: sticky;
                bottom: 10px;
                right: 10px;
                padding: 10px;
                box-shadow: 3px 6px 8px rgba(0, 0, 9, 22.1);
                float: right;
                border-radius: 4px;
            }
            
            h4 {
                font-size: calc(0.5rem + 0.3vw);
                margin-bottom: 0.1rem;
            }
            
            .keywords_tags_p {
                margin-top:10px;
            }
            
            .swiper-container {
                width: 100%; /* Set to desired width or keep responsive */
                height: 200px; /* Set to desired height */
            }
            
            .swiper-slide {
                display: flex; /* Center the image inside the slide */
                justify-content: center;
                align-items: center;
            }
            
            .swiper-slide img {
                width: 450px; /* Maintain aspect ratio */
                height: 100%; /* Adjust height to fill slide */
                max-width: 100%; /* Ensure it does not overflow */
            }
            
            /* model style */
            
            .modal {
                    display: none;
                    position: fixed;
                    z-index: 1000;
                    margin-top:80px;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }
                .modal-content {
                    margin: 10% auto;
                    padding: 20px;
                    width: 300px;
                    border-radius: 5px;
                }
                .close-button {
                    float: right;
                    font-size: 24px;
                    font-weight: bold;
                    cursor: pointer;
                }
                
                .show-all-text {
                    cursor: pointer;
                    font-size: 1em;
                    margin-left: 5px;
                }
                
                .ads_main_image {
                    width: 270px;
                    height: 220px;
                    border-radius: 10px;
                }
                
                .carousel-item {
                    height: 10rem !important;
                }
                
                .d-flex {
                    min-width: 330px !important;
                }
                
            }