.login_bg {
    top: auto;
    position: relative;
    background: none;
}

.grayscale__switcher {
    padding: 0px 0px 0px 10px
}

.font__resizer.font-size__increaser {
    padding: 0px 10px 0px 10px
}

.font__resizer.font-size__decreaser {
    padding: 0px 10px 0px 0px;
}

.Accessibility-tools {
    padding: 0px 10px 0px 10px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 5.3125rem;
    z-index: 999;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 59, 113, 0.8);
    border-bottom-color: transparent;
}

.header--shrinked header {
    /* background-color: #003b71; */
}

header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.875rem;
}

    header nav a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1;
        font-size: 0.875rem;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

        header nav a:hover {
            color: #00B089;
            text-decoration: none;
        }

.language-switcher {
    color: #fff;
}


footer {
    position: relative;
    background-image: url(../images/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    z-index: 1;
}

    footer::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(0, 59, 113, 0.8);
        /*        background-image: url(../images/footer-ribbon.svg);
*/ background-repeat: no-repeat;
        background-size: auto 1.5625rem;
        background-position: right top;
        z-index: -1;
    }

    footer a:not(.social-links a, .scroll-to-top) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: max-content;
        font-size: 0.899rem;
        color: #fff;
        text-decoration: none;
        -webkit-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }

#sec01 .secContent {
    top: 40%;
    line-height: 35px;
    right: 10%;
    left: 10%;
    font-size: 23px;
}

#sec02 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}



@media (max-width: 768px) {
    #sec02 video {
        height: auto;
    }

    #sec02 img {
        height: fit-content !important;
    }

    .d-login {
        margin-right: 30px;
    }

    footer a:not(.social-links a, .scroll-to-top) {
        /*        margin-inline: auto;
*/
    }

    #sec01 .secContent {
        top: 20%
    }

    .footer__bottom a {
        margin-inline: auto;
    }
}

footer a:not(.social-links a, .scroll-to-top):hover {
    color: #00B089;
}

.footer__top {
    padding: 6.25rem 0 5rem;
}

.footer__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.5rem;
}

@media (max-width: 992px) {
    .footer__logos {
        margin-bottom: 1.25rem;
    }
}

.footer__logos > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .footer__logos > *:not(:first-child) {
        position: relative;
    }

        .footer__logos > *:not(:first-child)::before {
            content: "";
            position: absolute;
            inset-inline-start: -1.25rem;
            width: 0.0625rem;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.25);
        }

.vision-logo {
    width: 6.875rem;
    height: 4.625rem;
}

    .vision-logo img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.logo {
    display: inline-block;
    width: 13.125rem;
    height: 2.875rem;
}

    .logo img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

header nav {
    background: none;
    margin-top: 0;
}

    header nav:after {
        border-bottom: none;
    }

.social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0px 10px 0px 10px;
}

    .social-links a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 1.25rem;
        height: 1.25rem;
        text-decoration: none;
    }

        .social-links a img {
            min-width: 30px;
            max-height: 1.8rem;
            -o-object-fit: contain;
            object-fit: contain;
            -webkit-transition: -webkit-transform 0.3s ease-in-out;
            transition: -webkit-transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        }


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}


.footer__bottom {
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.15);
    padding: 1.125rem 0;
}

.copyrights {
    font-size: 0.875rem;
    color: #fff !important;
}

.row.justify-content-md-center a {
    padding: 0px 20px 0px 0px;
}

.footer-block a {
    margin: 10px 3px 10px 3px;
}

.footer-block02 {
    margin: 20px 0px 0px 0px;
}

.btn.btn-Subscribe {
    background-color: #00b189;
    border-color: #00b189;
    margin-right: 15px
}

    .btn.btn-Subscribe:hover {
        background-color: #14b692;
        border-color: #14b692;
    }

.btn.btn-login {
    background-color: #00b189;
    border-color: #00b189;
    margin-right: 15px
}

    .btn.btn-login:hover {
        background-color: #14b692;
        border-color: #14b692;
    }



.gray-scale-filter {
    scrollbar-color: #2b2b2b #ebe9e9;
    scrollbar-width: thin;
}

    .gray-scale-filter::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .gray-scale-filter::-webkit-scrollbar-thumb {
        background-color: #2b2b2b;
    }

    .gray-scale-filter::-webkit-scrollbar-track {
        background-color: #ebe9e9;
    }

    .gray-scale-filter::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    .gray-scale-filter > * {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }