#de-carousel,
#de-carousel .carousel-inner,
#de-carousel .carousel-item,
#de-carousel .carousel-item.active {
    height: 70vh;
}
@media (max-width: 767px) {
    #de-carousel,
    #de-carousel .carousel-inner,
    #de-carousel .carousel-item,
    #de-carousel .carousel-item.active {
        height: 100vh;
    }
}


.carousel .btn-custom {
    border-radius: 20px; /* Adjust the value as needed for desired roundness */
}
.text-justify {
    text-align: justify;
}
.rounded-button {
    border-radius: 20px !important; /* Adjust the value as needed */
}
.idcolour{
    color: #43a3dd !important;
}

/* General Styles */
/* .container {
    max-width: 100%;
    padding: 0 15px;
} */

#logo {
    text-align: right; /* Aligns the content of the #logo container to the right */
    margin-right: 15px; /* Optional: Adds some space from the right edge */
}

#menu-btn {
    display: none; /* Optional: Hide the menu button if not needed */
}
header div#logo {
    display: table;
    height: 80px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.section-heading {
    font-size: 2rem; /* Adjust font size as needed */
    font-weight: bold; /* Make the heading bold */
    color: #fff; /* Ensure the text color is light for visibility on a dark background */
    text-align: center; /* Center align the text */
    margin-bottom: 2rem; /* Add some space below the heading */
}
.justify{
    text-align: justify;
}

.footer {
    padding: 20px 0;
}
.d-flex {
    display: flex;
}
.justify-content-between {
    justify-content: space-between;
}
.align-items-center {
    align-items: center;
}
.text-center {
    text-align: center;
}
.text-md-left {
    text-align: left;
}
.text-md-right {
    text-align: right;
}
.social-icons a {
    margin: 0 10px;
}

.bg-color {
    background-color: white !important; /* Set background color to white */
}


.bg-dark {
    background-color: #2152b6 !important;
}
.black{
    color: black;
}

.text {
    color: #2152b6 !important; /* Change text color to #2152b6 */
}

.bg-color i {
    color: #2152b6 !important; /* Change icon color to #2152b6 */
}
.white{
    color: white !important;
}







/* Ensure the phone number section stays on one line */
.de_phone-simple {
    display: flex; /* Use flexbox for horizontal alignment */
    align-items: center; /* Vertically align items */
    justify-content: center; /* Center items horizontally */
    white-space: nowrap; /* Prevent text from wrapping */
}

.de_phone-simple i {
    margin-right: 10px; /* Add space between icon and text */
}

.de_phone-simple span {
    margin-right: 5px; /* Add space between spans */
}

@media (max-width: 576px) { /* Adjustments for mobile view */
    .de_phone-simple {
        font-size: 14px; /* Reduce font size if necessary */
    }
    
}

@media (max-width: 767px) {
    .de_phone-simple span {
        margin-right: -25px;
    }
}


@media only screen and (max-width: 992px) {
    header.header-mobile.header-light #mainmenu li a {
        color: #000000;
    }
}
@media only screen and (min-width: 768px) { /* Adjust min-width as needed for your desktop view */
    li a {
      color: white !important;
    }
}

.idcolour1{
    color: #1c4fb4;
}












.padding40 {
    position: relative;
    z-index: 1;
}

.padding40 .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;
    pointer-events: none; /* Ensure the overlay doesn't interfere with text or button interactions */
}

.padding40 h3,
.padding40 p,
.padding40 .btn-custom {
    position: relative;
    z-index: 2;
}


.pb40 {
    padding-bottom: 0px;
}
 


footer {
    background: #111;
    color: #ccc;
    padding: 28px 0px 0 0px;
}
.bg-color1{
    color: white;
}
#menu-btn {
    display: none; /* Hide by default */
    width: 40px;
    height: 40px;
    background: url('path/to/menu-icon.png') no-repeat center center;
    background-size: cover;
    cursor: pointer;
}

@media (max-width: 991px) {
    #menu-btn {
        display: block; /* Show in mobile view */
    }
}

@media (max-width: 366px) {
    #menu-btn {
        display: block; /* Show button in mobile view */
        width: 36px; /* Set width for mobile view */
        height: 36px; /* Set height for mobile view */
        padding: 6px; /* Add padding */
        background: url(path/to/menu-icon.png) no-repeat center center; /* Set background image */
        background-size: cover; /* Cover the button area with the image */
        float: right; /* Float button to the right */
        margin-top: -34px; /* Adjust the top margin if necessary */
        cursor: pointer; /* Pointer cursor on hover */
        text-align: center; /* Center the text (if any) */
    }
}