.space{
    margin-bottom: 8px !important;
}
.fonts {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.icon_check_alt {
    color: rgba(0, 0, 0, 0.555) !important; /* Sets all icons with this class to black, affecting only the tick icons in your provided code */
}
/* Default and hover styles for the button */
.btn-line {
    background-color: #45a3dc !important; /* Background color for default state */
    color: #fff !important; /* Text color */
    border: 1px solid #45a3dc !important; /* Border color */
    transition: none !important; /* Disables transition effects */
}

/* Ensure the same background color on hover, focus, and active states */
.btn-line:hover,
.btn-line:focus,
.btn-line:active {
    background-color: #45a3dc !important; /* Matches the default background color */
    color: #fff !important; /* Text color */
    border: 1px solid #45a3dc !important; /* Matches the default border color */
    box-shadow: none !important; /* Removes any shadow effect */
    outline: none !important; /* Removes the outline */
    text-decoration: none !important; /* Ensures no underline */
}
.dot-icon::before {
    content: "•";
    color: black; /* You can change the color as needed */
    font-size: 1.2em; /* Adjust the size as needed */
    margin-right: 5px; /* Adjust spacing between dot and text */
}

.black{
    color: black !important; 
}



.heading-responsive {
    font-size: 4.5em; /* Default font size for larger screens */
    text-align: center;
}

@media (max-width: 768px) {
    .heading-responsive {
        font-size: 2em; /* Adjust font size for tablets */
    }
}

@media (max-width: 576px) {
    .heading-responsive {
        font-size: 2.2em; /* Adjust font size for mobile devices */
    }
}

 /* Default font size for .d-item-txt within custom-marquee section */
 .custom-marquee .d-item-txt {
    font-size: 16px; /* Adjust as needed for larger screens */
}

/* Mobile view adjustments for .d-item-txt within custom-marquee section */
@media (max-width: 768px) {
    .custom-marquee .d-item-txt {
        font-size: 94px !important; /* Adjust as needed for smaller screens */
    }
}
.custom-button {
    background-color: white !important;
    color: #45a3dc !important;
    border: 1px solid #45a3dc !important; /* Reduced border width */
    text-align: center !important;
    display: inline-block !important;
    padding: 3px 15px !important; /* Reduced padding */
    font-size: 14px !important; /* Reduced font size */
    text-decoration: none !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

.custom-button:hover {
    background-color: #45a3dc !important;
    color: white !important;
}

.justify{
    text-align: justify;
}


.sidebar {
    background-color: #45a3dc; /* Set sidebar background color */
    padding: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.sidebar-item {
    margin-bottom: 20px;
}

.sidebar-title {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff; /* Set sidebar title text color */
    cursor: pointer;
    padding: 10px 15px;
    background-color: #45a3dc; /* Match title background with sidebar */
    border: 1px solid #ddd;
    transition: background-color 0.3s;
}

.sidebar-title:hover {
    background-color: #3896cc; /* Slightly darker shade on hover */
}

.dropdown-content {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ddd;
    background-color: #45a3dc; /* Match dropdown background with sidebar */
}

.dropdown-content.open {
    display: block;
}

.dropdown-content li {
    border-bottom: 1px solid #ddd;
}

.dropdown-content li a {
    display: block;
    padding: 10px 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #fff !important; /* Set dropdown text color */
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.dropdown-content li a:hover {
    background-color: #3896cc; 
    color: #fff; /* Ensure text color remains white on hover */
}

.sidebar-item:hover .dropdown-content {
    display: block;
}
.box-icon {
    border-radius: 10px; /* Adjust the value as needed */
    overflow: hidden; /* Ensures the border radius is applied to the contents as well */
    padding: 15px; /* Optional: Adjust padding as needed */
    background-color: #ffffff; /* Optional: Adjust background color as needed */
}

/* Ensure the row is centered */
.row.justify-content-center {
    justify-content: center;
}

/* Center text in team-list */
.de-team-list.text-center {
    text-align: center;
}

/* Optional: Add spacing between team members */
.de-team-list {
    margin-bottom: 5px;
}

.imageround{
    border-radius: 15px;
}

.sidebar1{
    border-radius: 9px; 
    border: 7px solid #ddd; 
    padding: 9px; 
    background-color: #fff;
}

#services h2 {
    font-size: 30px; /* Default font size for desktop view */
    white-space: nowrap; /* Prevent line breaks on desktop */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis for overflow text */
}

/* Media query for mobile view */
@media (max-width: 767px) {
    #services h2 {
        font-size: 24px; /* Smaller font size for mobile view */
        white-space: normal; /* Allow text to wrap */
        overflow: visible; /* Show all text */
        text-overflow: clip; /* Remove ellipsis */
    }
}


#condition h2 {
    font-size: 30px; /* Default font size for desktop view */
    white-space: nowrap; /* Prevent line breaks on desktop */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis for overflow text */
}

/* Media query for mobile view */
@media (max-width: 767px) {
    #condition h2 {
        font-size: 24px; /* Smaller font size for mobile view */
        white-space: normal; /* Allow text to wrap */
        overflow: visible; /* Show all text */
        text-overflow: clip; /* Remove ellipsis */
    }
}

.space{
    margin-top: 20rem;
}

#section-pricing-coworking {
    background-position: center;
    background-size: cover;
    padding: 50px 0; /* Adjust padding as needed */
    position: relative; /* Make sure the section is positioned relative to position the overlay */
    text-align: center; /* Centers text within the section */
    color: #fff; /* Adjust text color if necessary */
}

.overlay {
    position: absolute; /* Position overlay absolutely to cover the entire section */
    top: -50px;
    left: -132px;
    right: -132px;
    bottom: -50px; /* Default for website view */
    display: flex;
    flex-direction: column; /* Stack content vertically */
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5); /* Adjust the background color and opacity */
    padding: 20px; /* Adjust padding as needed */
    color: #fff; /* Adjust text color if necessary */
}

.text-content-wrapper {
    text-align: center; /* Centers text and button */
}

.text-content {
    font-size: 30px;
    margin: 0;
    padding-bottom: 20px; /* Space between text and button */
}

.btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff; /* Bootstrap primary color or customize as needed */
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.btn:hover {
    background-color: #0056b3; /* Darker color for hover effect */
}

/* Media Query for Mobile Devices */
@media only screen and (max-width: 768px) {
    .overlay {
        bottom: -81px !important; /* Adjust the bottom position for mobile view */
        left: -50px; /* Adjust left and right if necessary for smaller screens */
        right: -50px;
    }

    .text-content {
        font-size: 24px; /* Adjust font size for better readability on mobile */
    }

    .btn {
        font-size: 14px; /* Adjust button size for mobile view */
        padding: 8px 16px;
    }
}


.number11 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important; /* Adjust the size as needed */
    height: 60px !important; /* Adjust the size as needed */
    border-radius: 50% !important;
    background-color: #45a3dc !important; /* Replace with your desired background color */
    color: #fff !important; /* Icon color */
    font-size: 24px !important; /* Adjust icon size as needed */
}

.number11 i {
    font-size: 39px !important; /* Adjust icon size to fit inside */
}
hr {
    border-top: solid 2px #45a3dc !important;
}

/* .de_light a, .de_light a:hover {
    color: #fffefe !important;
} */
 

.de_light a, .de_light a:hover {
    color: #ffffff !important; /* White color for desktop view */
}

/* Mobile view styles */
@media only screen and (max-width: 768px) {
    .de_light a, .de_light a:hover {
        color: #000000 !important; /* Black color for mobile view */
    }
}



footer .quick-links a {
    color: #ffffff !important; /* White color for links in the footer */
}

footer .quick-links a:hover {
    color: #cccccc !important; /* Optional: change color on hover for better visibility */
}
.id-color1{
    color: #45a3dc;
}

@media only screen and (max-width: 992px) {
    #subheader.style-2 h1 {
        font-size: 43px !important;    
    }
}
@media only screen and (max-width: 992px) {
    #subheader.style-2 {
        padding: 10px 0 !important;
    }
}


/* #section-why-choose-us-3 {
    background: url(../img/pediatrics/3.jpg) top fixed !important;
} */
#section-why-choose-us-3 {
    position: relative;
    background: url(../img/pediatrics/3.jpg) top fixed !important;
    background-size: cover;
    background-position: center;
}

#section-why-choose-us-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.534); /* Black overlay with 50% opacity */
    z-index: 1; /* Ensure the overlay is above the background image */
}

#section-why-choose-us-3 .container {
    position: relative;
    z-index: 2; /* Ensure the text is above the overlay */
}

#section-action {
    position: relative;
    overflow: hidden;
}

#section-action .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
    z-index: 1; /* Ensure the overlay is above the image but below the content */
}

#section-action .container {
    position: relative;
    z-index: 2; /* Ensure the content is above the overlay */
}
.btn-custom {
    border-radius: 8px !important; /* Adjust the radius as needed */
}
.img-rounded {
    border-radius: 10px; /* Adjust the radius as needed */
}










#subheader {
    position: relative;
    overflow: hidden;
}

#subheader::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
    z-index: 1;
}

#subheader .container {
    position: relative;
    z-index: 2;
}




.col-md-6.offset-md-3 {
    width: 100%;
    margin: 0 auto;
}

.col-md-6.offset-md-3 h2 {
    white-space: nowrap;
    text-align: center;
    font-size: 3rem; /* Default font size for larger screens */
}




.style-5 {
    font-size: 3.0rem !important; /* Adjust the size as needed */
    white-space: nowrap !important;
    text-align: center !important;
}

/* Styles for mobile view */
@media (max-width: 768px) { /* Adjust the max-width value if needed */
    .style-5 {
        font-size: 25px !important; /* Smaller font size for mobile */
        white-space: normal !important; /* Allow text to wrap */
        line-height: 1.4 !important; /* Adjust line-height to make it look good */
    }
}
.idcolour1{
    color: #1c4fb4;
}
@media only screen and (min-width: 768px) { /* Adjust min-width as needed for your desktop view */
    li a {
      color: white !important;
    }
}
.h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 73px;
}
section {
    padding: 0px 0 20px 0;
}
.inner-padding {
padding: 0px 0 0px 0;
}