body {
    font-family: arial !important;
    font-size: 1rem !important;
}

.side-menu__item {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.slide-item {
    font-weight: 600 !important;
}

.page-header .breadcrumb {
    font-size: 16px !important;
}

.top-footer a {
    font-size: 14px !important;
}

.top-footer1 a:hover {
    color: #005eb8 !important;
}

.top-footer_heading {
    font-size: 14px;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #000000;
}

.btn-green-new:hover {
    background: #006500 !important;
    border-color: #006500 !important;
    color: white !important;
    text-decoration: underline !important;
}

.btn-green-new {
    background: #78BE20 !important;
    border-color: #78BE20 !important;
    color: white !important;
    text-decoration: none !important;
}

.btn-blue-new:hover {
    background: #176DBE !important;
    border-color: #176DBE !important;
    color: white !important;
    text-decoration: underline !important;
}

.btn-blue-new {
    background: #005EB8 !important;
    border-color: #005EB8 !important;
    color: white !important;
    text-decoration: none !important;
}

.horizontal .slide-item {
    padding: 8px 0px !important;
}

.slide-menu a:before {
    content: none !important;
}

.horizontal .slide {
    margin: 0px !important;
}

.btn-content {
    align-items: center;
    justify-content: center;
}

.header .form-inline .btn {
    padding: 4px 7px 6px 15px !important;
}

.header-button-custom {
    width: 218px;
    height: 40px;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 10rem;
}

/* For desktop mode and larger screens */
.header-brand-img.desktop-logo {
    height: 55px;
}

.header-brand-img.light-logo1 {
    height: 55px;
}

/* For tablet mode and smaller screens */
@media (max-width: 991px) {
    .header-brand-img.desktop-logo {
        height: 2.26rem;
    }

    .header-brand-img.light-logo1 {
        height: 2.26rem;
    }

    .header-button-custom {
        width: 218px;
        height: 40px;
        font-size: 14px !important;
        font-weight: 600;
        border-radius: 10rem;
    }
}

/* For mobile mode and smaller screens */
@media (max-width: 767px) {
    .header-brand-img.desktop-logo {
        height: 2.26rem;
    }

    .header-brand-img.light-logo1 {
        height: 2.26rem;
    }

    .header-button-custom {
        height: 40px;
        font-weight: 600;
        border-radius: 10rem;
        width: auto;
        font-size: 14px !important;
    }
}

.main-content {
    background: #f0f0f8 !important;
}

@media (max-height: 899px) {
    .image-wrap {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        margin-bottom: 5px;
        position: relative;
    }

        .image-wrap > img {
            height: 150px;
        }
}

@media (min-height: 900px) {
    .image-wrap {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        margin-top: 2rem;
        bottom: 2rem;
        position: relative;
    }

        .image-wrap > img {
            height: 240px;
        }
}

.cp {
    cursor: pointer;
}

/* CSS for desktop and larger screens */
@media (min-width: 768px) {
    .navbar-toggler-icon {
        display: block; /* Show elements with the class .header-search-icon on tablets and larger screens */
    }

    .sidebar-header-search-icon {
        display: none; /* Hide on mobile devices */
    }
}

/* CSS for mobile and tablet devices */
@media (max-width: 992px) {
    .navbar-toggler-icon {
        display: none; /* Hide elements with the class .header-search-icon on mobile devices */
    }

    .sidebar-header-search-icon {
        display: block; /* Show on tablets and larger screens */
    }

    .header-brand-img {
        margin-left: 50px !important;
    }
}

.min-height-content {
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.underline {
    text-decoration: underline !important;
}

.panel-group1 .panel-body a {
    text-decoration: underline !important;
}

.panel-title1 a {
    padding-right: 30px !important;
}

.hiddenText {
    display: none;
}

/* skip link */
.button-skip-link:not(:focus):not(:hover) {
    transform: translateY(-4em);
    opacity: 0;
}

.button-skip-link {
    background-color: #005EB8 !important;
    border-color: #005EB8 !important;
    outline-color: currentColor !important;
    color: white !important;
    font-weight: 600;
    font-size: 16px;
    margin: 0 auto;
    position: absolute;
    z-index: 9999999;
    left: 0;
    right: 0;
    top: 0.5em;
    width: 10em;
    opacity: 1;
    transition: transform 0.1875s ease-out, opacity 0.1875s ease-out;
    border-radius: 5px;
    display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 12px;
    line-height: 1.4;
    text-decoration: none;
}

button[tabindex="0"]:focus {
    outline: 2px solid black;
}

.form-control {
    border-color: #4c4c4c !important;
}

.custom-control-label::after {
    border-color: #333;
    border: 1px solid;
    border-radius: 3px;
}

.form-control[tabindex="0"]:focus {
    outline: 2px solid black;
}

input[type="checkbox"]:focus + label {
    outline: 2px solid black;
}

.toast-success-color {
    color: #0f5132 !important;
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
}

.alertMsg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 0 auto;
    z-index: 90000000 !important;
    padding: 15px 20px;
    text-align: center;
}

.toast-danger-color {
    color: #842029 !important;
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
}

#customToast {
    position: fixed;
    top: 20px;
    right: 20px;
    min-width: 300px;
    max-width: 400px;
    z-index: 1050;
    border-radius: 8px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    overflow: hidden;
}

.toast-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 15px;
    font-weight: 600;
}

.toast-body {
    padding: 15px;
    font-size: 14px;
    color: black;
    position: relative;
}

.toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #007bff, #00d4ff);
    animation: toastProgress 5s linear forwards;
}

/* Progress bar animation */
@keyframes toastProgress {
    from {
        width: 100%;
    }

    to {
        width: 0%;
    }
}

/* Toast Animation */
.toast.fade {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.toast.show {
    opacity: 1;
}

.toast-header {
    color: #000000 !important;
}

.tile {
    background: #41B6E6;
    color: white;
    width: 100%;
    border-radius: 35px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 38px;
    color: #FFF;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tile-upper-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tile:hover {
    background: #005eb8;
}

.tile-badge {
    background: #203181;
    border-radius: 10px;
    width: 60px;
    text-align: center;
}

.tile-link {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #fff;
    display: block;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
}

    .tile-link[href][target] {
        color: #fff !important;
        text-decoration: none !important;
    }

    .tile-link:hover[href][target] {
        background: #fff !important;
        border: 1px solid #005eb8 !important;
        color: #005eb8 !important;
    }

    .tile-link:hover {
        background: #fff !important;
        border: 1px solid #005eb8 !important;
        color: #005eb8 !important;
    }

.tile-container {
    display: inline-flex;
    width: 33%;
    white-space: normal; /* Allows wrapping */
    padding: 10px; /* Adds space around the tile */
    box-sizing: border-box; /* Ensures padding doesn't affect width */
}

@media screen and (min-width: 1em) and (max-width:78em) {

    .tile-container {
        display: inline-flex;
        width: 100%;
        margin-bottom: 1rem;
    }
}

.top-footer a:hover {
    color: #0030B4 !important
}

#accessibility-and-language:hover {
    color: white !important;
}

#take-part-survey:hover {
    color: white !important;
}

.hover-link:hover {
    color: #FFF;
    background: #005eb8;
}

.hover-link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    padding: 10px;
    text-align: center;
    background: #0072CE;
    color: white;
    border-radius: 35px;
    width: 100%;
}

.page-header .page-title {
    padding-top: 15px !important;
    margin-bottom: 0px !important;
}

.reviewed {
    color: #4c6272;
    margin-bottom: 24px;
}

.block {
    overflow: hidden;
    padding: 1rem;
    margin: 0 0 1rem 0;
    background: #f0f0f7;
}

    .block img {
        width: 75px;
        float: right;
        margin: 0 1rem 0 0;
    }

.quote {
    font-size: 12pt;
    line-height: 230%;
    font-weight: bold;
    margin-right: 0.5rem;
}

.d-none {
    display: none !important;
}

/* Styles for mobile devices */
@media only screen and (max-width: 767px) {
    .showOnlyMT {
        display: block !important;
    }

    .HideforMT {
        display: none !important;
    }

    .imgH {
        max-height: 105px !important;
    }
}

/* Styles for tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .showOnlyMT {
        display: block !important;
    }

    .HideforMT {
        display: none !important;
    }

    .imgH {
        max-height: 151px !important;
    }
}

/* Styles for tablets */
@media only screen and (min-width: 1022px) and (max-width: 1094px) {
    .imgH {
        max-height: 160px !important;
    }
}

.showOnlyMT {
    display: none;
}

.img-easy-read {
    max-width: 200px !important;
}

.pad-top-50 {
    padding-top: 50px;
}

.fw-600 {
    font-weight: 600;
}

@media (max-width: 992px) {
    .slide.is-expanded a {
        white-space: normal; /* Allows text to wrap */
        overflow: hidden; /* Prevents overflow */
        text-overflow: ellipsis; /* Adds "..." for very long text */
        word-break: break-word; /* Ensures words break correctly */
    }
}

/* Base style (applies to all devices) */
.header-brand-img.light-logo1 {
    width: auto;
    height: 1.5rem; /* Default for unknown/browserless contexts */
}

/* 1. Mobile (Portrait) - Up to 479px */
@media (max-width: 479px) {
    .header-brand-img.light-logo1 {
        height: 1.6rem !important;
    }
}

/* 2. Mobile (Landscape) - 480px to 767px */
@media (min-width: 480px) and (max-width: 767px) {
    .header-brand-img.light-logo1 {
        height: 1.8rem !important;
    }
}

/* 3. Tablets - 768px to 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
    .header-brand-img.light-logo1 {
        height: 2rem !important;
    }
}

/* 4. Small Laptops - 1024px to 1279px */
@media (min-width: 1024px) and (max-width: 1279px) {
    .header-brand-img.light-logo1 {
        height: 2.2rem !important;
    }
}

/* 5. Desktops - 1280px to 1919px */
@media (min-width: 1280px) and (max-width: 1919px) {
    .header-brand-img.light-logo1 {
        height: 3.4rem !important;
    }
}

/* 6. Large Screens - 1920px+ */
@media (min-width: 1920px) {
    .header-brand-img.light-logo1 {
        height: 3.4rem !important;
    }
}

/* 7. Foldables - Special cases */
@media (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
    .header-brand-img.light-logo1 {
        height: 1.8rem !important;
    }
}

/* 8. Print Media */
@media print {
    .header-brand-img.light-logo1 {
        height: 2rem !important;
        filter: contrast(150%);
    }
}

.two-line-title {
    height: 2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}