/*Adjustment For I phone start here*/
header {
    position: fixed !important;
    z-index: 1000 !important;
}

/* Adjustments for Retina Screens and iPhone 15 */
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 461dpi), only screen and (min-resolution: 3dppx) {
    body {
        font-size: 1rem; /* Ensure readable text */
        line-height: 1.6;
    }

    .container, .row {
        padding: 0 15px; /* Ensure consistent spacing */
    }

    img {
        max-width: 100%;
        height: auto; /* Ensure images scale properly */
    }

    button, a {
        padding: 12px 18px; /* Increase touch target size */
        font-size: 1rem; /* Adjust for readability */
    }

    /* Navigation bar adjustments */
    .navbar {
        font-size: 1rem;
        padding: 10px 20px;
    }

        .navbar a {
            margin-right: 15px;
        }

    /* Fix element alignment issues */
    .hero-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 50px 20px;
    }
}
#mobile_nav_icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

div#logo_right_button #mobile_nav_icon {
    display: block !important;
}

#mobile_nav_icon {
    -webkit-appearance: none;
    appearance: none;
}

/* Add fallback for devices with lower resolutions */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    body {
        font-size: 0.9rem; /* Slightly smaller font for lower resolutions */
    }

    #mobile_nav_icon {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    div#logo_right_button #mobile_nav_icon {
        display: block !important;
    }

    #mobile_nav_icon {
        -webkit-appearance: none;
        appearance: none;
    }
}

/*Adjustment For I phone End here*/

/* Base Styles */
.menu_wrapper {
    margin: 0 auto; /* Center the menu for all screen sizes */
}

.top_bar {
    transition: padding 0.3s ease; /* Smooth transitions for padding changes */
}

/* For laptop and desktop views */
@media only screen and (min-width: 1024px) {
    #footerimage {
        width: 80% !important;
    }

    .widgettitle {
        width: max-content;
    }

    #text-ms-1 {
        width: 18% !important;
        margin-top: 45px !important;
    }

    #text-ms {
        width: 9% !important;
    }

    .social_wrapper {
        padding-top: 10px;
    }

    .menu_wrapper {
        width: 1024px; /* Fixed width for desktops */
    }

    #top_contact_number {
        width: max-content;
    }

    .nav_wrapper_inner {
        display: flex;
        align-items: center;
        justify-content: right; /* Center the navigation content */
    }

    #logo_right_button {
        display: none; /* Hide button for larger screens */
    }

    #text-3 {
    }
}

/* For tablet views (768px to 999px) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
    .menu_wrapper {
        width: 80%; /* Adjust width for tablets */
    }

    .social_wrapper {
        padding-top: 10px;
    }

    #logo_right_button {
        padding-top: 8%;
    }
}

@media only screen and (min-width: 321px) and (max-width: 390px) {
    #footerimage {
        width: 90% !important;
    }
}

@media only screen and (min-width: 321px) and (max-width: 370px) {
    #myimage {
        max-width: 200px !important;
    }
}

@media only screen and (min-width: 321px) and (max-width: 1023px) {
    #footerimage {
        width: 90% !important;
    }

    .call-float {
        top: 65% !important;
    }
}

@media only screen and (min-width: 275px) and (max-width: 319px) {
}

@media only screen and (min-width: 271px) and (max-width: 310px) {
}

.top_bar.hasbg {
    padding-bottom: 10px !important; /* Consistent padding */
}

#logo_right_button {
    padding-top: 5%; /* Reduced padding for better alignment */
}

/* For mobile views (max-width: 767px) */
@media only screen and (max-width: 767px) {
    .menu_wrapper {
        width: auto; /* Full width for mobile screens */
    }

    .social_wrapper {
        padding-top: 10px;
    }

    #footerimage {
        width: 80% !important;
    }

    .top_bar.scroll,
    .top_bar.hasbg {
        padding-bottom: 0 !important; /* No padding for compact mobile view */
    }

    #logo_right_button {
        padding-top: 10%; /* Adjust padding for better appearance */
    }

    .promo-section {
        padding-left: 0px !important;
    }

    #top_contact_number {
        padding-left: 25px !important;
    }
}

/* For very small screens (max-width: 430px) */
@media only screen and (max-width: 430px) {
    #top_contact_number {
        padding-left: 10px !important;
    }

    .promo-section {
        padding-right: 0 !important;
    }
}

.social_wrapper {
    padding-top: 10px;
}

/* Base Styles */
.menu_wrapper {
    margin: 0 auto; /* Center the menu for all screen sizes */
}

.top_bar {
    transition: padding 0.3s ease; /* Smooth transitions for padding changes */
}

/* For laptop and desktop views */
@media only screen and (min-width: 1024px) {
    .call-float {
        top: 65% !important;
    }

    .menu_wrapper {
        width: 1024px; /* Fixed width for desktops */
    }

    #top_contact_number {
        width: max-content;
    }

    .nav_wrapper_inner {
        display: flex;
        align-items: center;
        justify-content: center; /* Center the navigation content */
    }

    #logo_right_button {
        display: none; /* Hide button for larger screens */
    }
}

@media only screen and (min-width: 999px) and (max-width: 1023px) {
    #footerimage {
        width: 80% !important;
    }

    #text-ms {
        width: auto !important;
    }

    #text-ms-1 {
        width: 16% !important;
        padding-top: 5% !important;
    }
}

/* For tablet views (768px to 999px) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
    #top_contact_number {
        width: fit-content;
    }

    #footerimage {
        width: 80% !important;
    }

    #text-ms {
        width: auto !important;
    }

    #text-ms-1 {
        width: 15% !important;
        padding-top: 6% !important;
    }

    .menu_wrapper {
        width: 80%; /* Adjust width for tablets */
    }

    .top_bar.hasbg {
        padding-bottom: 10px !important; /* Consistent padding */
    }

    #logo_right_button {
        padding-top: 5%; /* Reduced padding for better alignment */
    }
}

/* For mobile views (max-width: 767px) */
@media only screen and (max-width: 767px) {
    .call-float {
        position: fixed;
        top: 70%; /* Adjusted for padding space */
        right: 2px;
        transform: translateY(195%);
        z-index: 1000;
    }

    .menu_wrapper {
        width: auto; /* Full width for mobile screens */
    }

    .top_bar.scroll,
    .top_bar.hasbg {
        padding-bottom: 0 !important; /* No padding for compact mobile view */
        position:fixed!important;
        display:block!important;
    }

    #logo_right_button {
        padding-top: 10%; /* Adjust padding for better appearance */
    }

    .promo-section {
        padding-left: 0px !important;
    }

    #top_contact_number {
        padding-left: 45px;
    }

    #top_contact_number {
        padding-left: 25px !important;
    }
}

@media only screen and (max-width: 430px) {
    #top_contact_number {
        padding-left: 10px !important;
        width: fit-content !important;
    }

    .comment .right {
        padding-right: 5px;
        padding-left: 5px;
    }

    .call-float {
        top: 65%; /* Adjusted for padding space */
    }
}

@media only screen and (max-width: 375px) {
    #top_contact_number {
        padding-left: 10px !important;
    }
}

@media only screen and (max-width: 431px) and (max-width: 932px) {
    #top_contact_number {
        padding-left: 10px !important;
    }
}

@media only screen and (max-width: 430px) and (max-height: 932px) {
    #top_contact_number {
        padding-left: 10px !important;
    }

    #howitsworkid {
        justify-content: center;
        display: grid !important;
    }
}

@media only screen and (max-width: 425px) {
    #howitsworkid {
        justify-content: center;
        display: grid !important;
    }
}

@media only screen and (min-width: 160px) and (max-width: 285px) {
}

@media only screen and (max-width: 260px) {
    #top_contact_number {
        padding-left: 10px !important;
    }
}

@media only screen and (max-width: 320px) {
    #footerimage {
        width: 80% !important;
    }

    #top_contact_number {
        padding-left: 10px !important;
    }

    .call-float {
        top: 64% !important; /* Adjusted for padding space */
    }

    #ida {
    }

    .logo_wrapper {
        width: 80%;
    }

        .logo_wrapper default hidden {
            max-width: 100% !important;
        }

    #myimage {
        max-width: 100% !important;
    }

    #custom_logo_transparent {
        max-width: 83% !important;
    }

    #logo_right_button {
        padding-left: 10px !important;
    }

    .blog_grid_wrapper sidebar_content full_width ppb_blog_posts {
        width: 99% !important;
    }
}

.call-float {
    position: fixed;
    top: 62%; /* Adjusted for padding space */
    right: 2px;
    transform: translateY(195%);
    z-index: 1000;
}

    .call-float a img {
        width: 45px;
        height: 43px;
        border-radius: 50%;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .call-float a img:hover {
            transform: scale(1.1);
            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
        }

.whatsapp-float {
    position: fixed;
    top: 50%; /* Adjusted to maintain the middle position */
    right: 0px;
    transform: translateY(195%);
    z-index: 1000;
}

    .whatsapp-float a img {
        width: 50px;
        height: 55px;
        border-radius: 50%;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .whatsapp-float a img:hover {
            transform: scale(1.1);
            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
        }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    #mobile_nav_icon {
        display: block !important;
    }
}







/* Base page css Styles */
/*.menu_wrapper {
    margin: 0 auto;*/ /* Center the menu for all screen sizes */
/*}

.top_bar {
    transition: padding 0.3s ease;*/ /* Smooth transitions for padding changes */
/*}*/

/* For laptop and desktop views */
/*@@media only screen and (min-width: 1024px) {

    #footerimage {
        width: 80% !important;
    }

    .widgettitle {
        width: max-content;
    }

    #text-ms-1 {
        width: 18% !important;
        margin-top: 45px !important;
    }

    #text-ms {
        width: 9% !important;
    }

    .social_wrapper {
        padding-top: 10px;
    }

    .menu_wrapper {
        width: 1024px;*/ /* Fixed width for desktops */
    /*}

    #top_contact_number {
        width: max-content;
    }

    .nav_wrapper_inner {
        display: flex;
        align-items: center;
        justify-content: right;*/ /* Center the navigation content */
    /*}

    #logo_right_button {
        display: none;*/ /* Hide button for larger screens */
    /*}

    #text-3 {
    }
}*/

/* For tablet views (768px to 999px) */
/*@@media only screen and (min-width: 768px) and (max-width: 999px) {
    .menu_wrapper {
        width: 80%;*/ /* Adjust width for tablets */
    /*}

    .social_wrapper {
        padding-top: 10px;
    }


    #logo_right_button {
        padding-top: 8%;
    }
}

@@media only screen and (min-width: 321px) and (max-width: 390px) {
    #footerimage {
        width: 90% !important;
    }

    #top_contact_number {
        font-size: 80% !important;
    }
}

@@media only screen and (min-width: 321px) and (max-width: 370px) {
    #myimage {
        max-width: 200px !important;
    }
}

@@media only screen and (min-width: 321px) and (max-width: 1023px) {
    #footerimage {
        width: 90% !important;
    }

    .call-float {
        top: 65% !important;
    }
}

@@media only screen and (min-width: 275px) and (max-width: 319px) {
    #top_contact_number {
        font-size: 75% !important;
    }
}

@@media only screen and (min-width: 271px) and (max-width: 310px) {
    #top_contact_number {
        font-size: 75% !important;
    }
}


.top_bar.hasbg {
    padding-bottom: 10px !important;*/ /* Consistent padding */
/*}

#logo_right_button {
    padding-top: 5%;*/ /* Reduced padding for better alignment */
/*}

}*/

/* For mobile views (max-width: 767px) */
/*@@media only screen and (max-width: 767px) {
    .menu_wrapper {
        width: auto;*/ /* Full width for mobile screens */
    /*}

    .social_wrapper {
        padding-top: 10px;
    }

    #footerimage {
        width: 80% !important;
    }


    .top_bar.scroll,
    .top_bar.hasbg {
        padding-bottom: 0 !important;*/ /* No padding for compact mobile view */
    /*}

    #logo_right_button {
        padding-top: 10%;*/ /* Adjust padding for better appearance */
    /*}

    .promo-section {
        padding-left: 0px !important;
    }

    #top_contact_number {
        padding-left: 25px !important;
    }
}*/

/* For very small screens (max-width: 430px) */
/*@@media only screen and (max-width: 430px) {
    #top_contact_number {
        padding-left: 10px !important;
    }

    #div {
        width: 37% !important;
    }

    .promo-section {
        padding-right: 0 !important;
    }
}

.social_wrapper {
    padding-top: 10px;
}*/
/* Base Styles */
/*.menu_wrapper {
    margin: 0 auto;*/ /* Center the menu for all screen sizes */
/*}

.top_bar {
    transition: padding 0.3s ease;*/ /* Smooth transitions for padding changes */
/*}*/

/* For laptop and desktop views */
/*@@media only screen and (min-width: 1024px) {
    .call-float {
        top: 65% !important;
    }

    .menu_wrapper {
        width: 1024px;*/ /* Fixed width for desktops */
    /*}

    #top_contact_number {
        width: max-content;
    }

    .nav_wrapper_inner {
        display: flex;
        align-items: center;
        justify-content: center;*/ /* Center the navigation content */
    /*}

    #logo_right_button {
        display: none;*/ /* Hide button for larger screens */
    /*}
}

@@media only screen and (min-width: 999px) and (max-width: 1023px) {

    #footerimage {
        width: 80% !important;
    }

    #text-ms {
        width: auto !important;
    }

    #text-ms-1 {
        width: 16% !important;
        padding-top: 5% !important;
    }
}*/

/* For tablet views (768px to 999px) */
/*@@media only screen and (min-width: 768px) and (max-width: 999px) {
    #top_contact_number {
        width: fit-content;
    }

    #footerimage {
        width: 80% !important;
    }

    #text-ms {
        width: auto !important;
    }

    #text-ms-1 {
        width: 15% !important;
        padding-top: 6% !important;
    }

    .menu_wrapper {
        width: 80%;*/ /* Adjust width for tablets */
    /*}

    .top_bar.hasbg {
        padding-bottom: 10px !important;*/ /* Consistent padding */
    /*}

    #logo_right_button {
        padding-top: 5%;*/ /* Reduced padding for better alignment */
    /*}
}*/

/* For mobile views (max-width: 767px) */
/*@@media only screen and (max-width: 767px) {
    .call-float {
        position: fixed;
        top: 70%;*/ /* Adjusted for padding space */
        /*right: 2px;
        transform: translateY(195%);
        z-index: 1000;
    }

    .menu_wrapper {
        width: auto;*/ /* Full width for mobile screens */
    /*}

    .top_bar.scroll,
    .top_bar.hasbg {
        padding-bottom: 0 !important;*/ /* No padding for compact mobile view */
    /*}

    #logo_right_button {
        padding-top: 10%;*/ /* Adjust padding for better appearance */
    /*}

    .promo-section {
        padding-left: 0px !important;
    }

    #top_contact_number {
        padding-left: 45px;
    }

    #top_contact_number {
        padding-left: 25px !important;
    }
}

@@media only screen and (max-width: 430px) {
    #top_contact_number {
        padding-left: 10px !important;
        width: fit-content !important;
    }

    .comment .right {
        padding-right: 5px;
        padding-left: 5px;
    }

    .call-float {
        top: 65%;*/ /* Adjusted for padding space */
    /*}
}

@@media only screen and (max-width: 375px) {
    #top_contact_number {
        padding-left: 10px !important;
    }

    .top_contact_info {
        font-size: 11px !important;
    }
}

@@media only screen and (max-width: 251px) {
    .top_contact_info {
        font-size: 75% !important;
    }
}

@@media only screen and (max-width: 320px) {
    #footerimage {
        width: 80% !important;
    }

    #top_contact_number {
        padding-left: 10px !important;
        font-size: 85% !important;
    }

    .call-float {
        top: 64% !important;*/ /* Adjusted for padding space */
    /*}

    #ida {
        font-size: 16px !important;
    }

    .logo_wrapper {
        width: 80%;
    }

        .logo_wrapper default hidden {
            max-width: 100% !important;
        }

    #myimage {
        max-width: 100% !important;
    }

    #custom_logo_transparent {
        max-width: 83% !important;
    }

    #logo_right_button {
        padding-left: 10px !important;
    }

    .top_contact_info {
        font-size: 10px !important;
    }

    .blog_grid_wrapper sidebar_content full_width ppb_blog_posts {
        width: 99% !important;
    }
}



.call-float {
    position: fixed;
    top: 62%;*/ /* Adjusted for padding space */
    /*right: 2px;
    transform: translateY(195%);
    z-index: 1000;
}

    .call-float a img {
        width: 45px;
        height: 43px;
        border-radius: 50%;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .call-float a img:hover {
            transform: scale(1.1);
            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
        }

.whatsapp-float {
    position: fixed;
    top: 50%;*/ /* Adjusted to maintain the middle position */
    /*right: 0px;
    transform: translateY(195%);
    z-index: 1000;
}

    .whatsapp-float a img {
        width: 50px;
        height: 55px;
        border-radius: 50%;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .whatsapp-float a img:hover {
            transform: scale(1.1);
            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
        }


</style >
<style >
@@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #mobile_nav_icon

{
    display: block !important;
}

}
</style >*/