#sticky-ft {
    display: none; /* Hidden by default */
}

.darkBkg{color:white}

.sectionM {padding:25px 0}

.mobile_menu_button span i {
    font-size: 25px;
}

.blog_single.blog_holder {
    padding: 20px 0;
}


.qode-accordion-holder .qode-title-holder {
    font-size: 22px;
}


@media (min-width:768px){
  
  .sectionM{padding:70px 0}
  
  .blog_single.blog_holder {
    padding: 60px 0;
}
  
  
  
}

/* Styles for mobile devices */
@media (max-width: 768px) { /* Adjust the max-width as needed for your design */
    #sticky-ft {
   display: flex; /* Enables flexbox layout */
        justify-content: center; /* Center items horizontally */
        align-items: center; /* Center items vertically */
        position: fixed; /* Keeps the footer at the bottom */
        bottom: 0; /* Aligns the footer at the bottom of the viewport */
        left: 0;
        width: 100%; /* Full width */
        height: auto; /* Fixed height */
        background-color: #c50e98; /* Pink background */
        color: white; /* White text */
        font-family: 'Oswald', sans-serif; /* Font style */
        text-align: center; /* Centers the text */
        z-index: 1000; /* Ensures it stays on top of other content */
        padding: 10px 20px; /* Padding for clickable area */
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow for separation from content */
    line-height: 1.2; text-transform:uppercase;
    }

    #sticky-ft a {
    display: flex; /* Flex container for icon and text */
        align-items: center; /* Vertically align content */
        text-decoration: none; /* No underline */
        color: white; /* Ensures text is white */
        width: 100%; /* Full width of the container */
    }

    #sticky-ft i {
        margin-right: 10px; /* Space between icon and text */
        font-size: 35px; /* Icon size */
    }
        #sticky-ft #label-and-phone {
        display: flex; /* Enables flexbox layout */
        flex-direction: column; /* Stacks items vertically */
    }



 #sticky-ft #label-and-phone span {
        text-align: left; /* Aligns text to the left */
    }

    #sticky-ft #label-and-phone span:first-child {
        font-size: 18px; /* Font size for 'Call now' */
    }

    #sticky-ft #label-and-phone span:last-child {
        font-size: 35px; /* Font size for phone number */
        font-weight:bold;
    }

    #sticky-ft a:hover {
        text-decoration: underline; /* Adds an underline on hover for better UX */
    }


}