.bt-red-tile-box {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background: var(--bt-red);
}

.bt-navy-tile-box {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background: var(--bt-navy);
}

    .bt-navy-tile-box:hover .btn-secondary {
        background: white !important;
        color: var(--bt-red);
    }

.bt-navy-tile-subtitle {
    position: absolute;
    bottom: 0px;
}

.bt-ceo-msg {
    /*height: 545px;
    overflow-y: auto;*/
}

/*    .bt-ceo-title {
        position: absolute;
        bottom: 25px;
    }*/

.bt-red-box-tile {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background: var(--bt-red);
    opacity: 0;
    animation: bt-opacity-out 0.8s ease;
}

.bt-box-subtitle {
    position: absolute;
    bottom: 0px;
    font-size: 20px;
    opacity: 0;
    animation: bt-opacity-out 0.3s ease;
}

.bt-zoom-effect-container-3:hover .bt-red-box-tile {
    animation: bt-opacity-in 0.3s ease;
    opacity: 1;
}

.bt-zoom-effect-container-3:hover .bt-box-subtitle {
    animation: bt-opacity-in 0.8s ease;
    opacity: 1;

}

@keyframes bt-opacity-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes bt-opacity-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.change-a a {
    color: var(--bt-red);
    font-family: 'NotoSans-Bold';
}

    .change-a a:hover {
        text-decoration: none;
        color: var(--bt-red);
        font-family: 'NotoSans-Bold';
    }

.change-a p {
    padding-bottom: 0.5em;
}

.bt-form-control {
    border-radius: unset !important;
    border: 4px solid var(--bt-navy);
    padding: 1rem;
    color: var(--bt-gray-6c);
    font-size: inherit;
}

.bt-form-check-input {
    width: 2em;
    height: 2em;
    margin-top: 0;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 4px solid;
    border-radius: unset !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

.map {
    width:100%
}

    .map iframe {
        width: 100%
    }

@media (max-width: 991.98px) {
    .bt-ceo-msg {
        /*height: auto;
        overflow-y: unset;*/
    }
}
    @media (max-width: 768px) {

        #meetOutTeamSection .border-right {
            border-right: 2px solid #00263A;
        }

        #meetOutTeamSection .border-bottom {
            border-bottom: 2px solid #00263A !important
        }

        #workBackgroundSection .border-bottom {
            border-bottom: 2px solid #00263A !important
        }

        #jobAnnouncementSection .border-bottom {
            border-bottom: 2px solid #00263A !important
        }

        #ourCareersSection .border-right {
            border-right: 0px;
        }

        #ourCareersSection .bt-navy-tile-box {
            padding-bottom: 50%;
        }

        .map {
            width: 100%;
            height: 350px !important;
        }

            .map iframe {
                width: 100%;
                height: 350px !important;
            }

        .bt-form-control {
            padding: 0.5rem 0.75rem;
            border: 2px solid var(--bt-gray-c4);
        }

        .bt-form-check-input {
            background-color: #fff;
            border: 2px solid var(--bt-gray-c4);
        }
    }