/* Global Footer Styles */
.footer {
    font-family: 'Poppins', sans-serif;
    background-color: #2c2f38;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
}


.footer-logo {
    width: 200px;
    margin-bottom: 0px;
}
ul.col-6.list-unstyled.footer-links li {
    position: relative;
    padding-left: 20px; 
}

ul.col-6.list-unstyled.footer-links li::before {
    content: "\2022"; 
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px; 
    color: gray; 
}
/* Style for bullets before links */
ul.footer-links li {
    position: relative;
    padding-left: 20px; /* Adjust space for bullet */
}

ul.footer-links li::before {
    content: "\2022"; 
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
    font-size: 18px; 
    color: gray; 
}
.download-title {
    font-size: 12px !important;         
    font-weight: bold;       
    color: #333;             
    margin-top: 20px;       
    text-transform: uppercase; 
}
.footer-title {
    font-size: 1.25rem !important;
    font-weight: 500;
    margin-bottom: 20px;
    color: #ffffff;
}

.footer-text {
    text-align: justify;        
     font-weight: 500;         
    line-height: 1.6;           
    margin: 20px 0;           
    padding: 0 10px; 
    color: #bbbbbb !important;
    font-size: 0.875rem !important;
    text-decoration: none;
    transition: color 0.3s;           
}

.footer-links li a {
    color: #bbbbbb;
    font-size: 0.875rem;
    text-decoration: none;
    transition: color 0.3s;
    font-weight:400;
}

.footer-links li a:hover {
    color: #ff7a00;
}

.footer-social-links a {
    display: inline-block;
    margin-right: 15px;
    color: #ffffff;
    font-size: 1.25rem;
    transition: color 0.3s;
}

.footer img{width:auto !important;}

.footer-social-links a:hover {
    color: #ff7a00;
}

.footer-social-links {
    margin-top: 20px;
}

.playstore-img {transition: transform 0.3s ease-in-out;}

.playstore-img:hover {
    transform: scale(1.1);
}

ul.footer-links li.smart-bullet::before{top:35% !important;}

/* Layout Adjustment for Responsiveness */
@media (max-width: 767px) {
    .footer-logo {
        width: 120px;
    }

    .footer-title {
        font-size: 1.1rem;
    }

    .footer-text {
        font-size: 0.75rem;
    }

    .footer-links {
        padding-left: 0;
    }

    .footer-social-links {
        text-align: center;
    }

    .footer-social-links a {
        font-size: 1.1rem;
        margin: 0 10px;
    }
}

/* Column Styling for Footer Sections */
.footer .row > div {
    padding-left: 15px;
    padding-right: 15px;
}

/* Apply Hover Effects for Links */
.footer .list-unstyled li a:hover {
    color: #ff7a00;
}

/* Add a subtle border at the top of the footer */
.footer {
    border-top: 1px solid #081D2C;
}

/* Add spacing between sections */
.footer .container {
    padding-left: 50px;
    padding-right: 50px;
}

.footer .row {
    margin-left: -15px;
    margin-right: -15px;
}

/* Playstore Button Style */
.download-title {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
}

/* Address Section Styling */
.footer .footer-text i {
    color: #ff7a00;
    font-size: 1.1rem;
}

/* Make Footer Title Bigger on Larger Screens */
@media (min-width: 992px) {
    .footer-title {
        font-size: 1.5rem;
    }
}
/* Style for the disclaimer text */
.footer-disclaimer {
    font-size:9.6px !important; 
    color: #ccc; 
    line-height: 1.6; 
    margin-top: 10px;
    padding: 1px 0; 
    text-align: justify;
}

/* Optional: To make the footer links and disclaimer section look better on smaller screens */
@media (max-width: 768px) {
    .footer-disclaimer {
        font-size: 0.75rem; 
        margin-top: 10px;
    }
}

/* Custom Button Styles */
.btn-join-us {
border: 1px solid white; /* White border */
color: white; /* White text color */
padding: 6px 12px; /* Top-bottom and left-right padding */
border-radius: 70px; /* Rounded corners */
text-align: center; /* Center the text */
text-decoration: none; /* Remove underline */
font-size: 16px; /* Set font size */
font-weight: 500; /* Medium font weight */
background-color: transparent; /* No background color */
transition: all 0.3s ease; /* Smooth transition for all properties */
margin-left:0px;
}

.btn-join-us:hover {
    border-color: orange; /* Change border color to orange on hover */
    color: orange; /* Change text color to orange on hover */
    background-color: transparent; /* Ensure no background color */
}

.btn-join-us:active {
    border-color: orange; /* Keep border color as orange when clicked */
    color: orange; /* Keep text color as orange when clicked */
}