@font-face {
    font-family: 'StixTwoText';
    src: url('../../template/assets/fonts/webfonts/stix_two_text/STIXTwoText-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


:root {
    --nb-custom-color-pink: #E7A6C6;
    --nb-custom-color-yellow: #F0A82B;
    --nb-custom-color-green: #B5DF88;
    --nb-custom-color-blue: #96C7F1;
    --nb-custom-logo-blue: #16142F;
}

body {
    font-family: 'StixTwoText', sans-serif !important;
}

.background-custom-yellow {
    background-color: var(--nb-custom-color-yellow);
}

.background-custom-green {
    background-color: var(--nb-custom-color-green);
}

.background-custom-pink {
    background-color: var(--nb-custom-color-pink);
}

.background-custom-blue {
    background-color: var(--nb-custom-color-blue);
}

.background-custom-light-pink {
    background-color: #f0d7e4;
}

.background-custom-light-blue {
    background-color: #bdd8f0;
}

.background-custom-light-yellow {
    background-color: #f5bf61;
}

.background-custom-logo-blue {
    background-color: var(--nb-custom-logo-blue);
}

.btn-outline-custom-yellow {
    --bs-btn-color: #F0A82B;
    --bs-btn-border-color: #F0A82B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #F0A82B;
    --bs-btn-hover-border-color: #F0A82B;
    --bs-btn-focus-shadow-rgb: 240, 168, 43;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #F0A82B;
    --bs-btn-active-border-color: #F0A82B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #F0A82B /*#6257ff*/;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F0A82B;
    --bs-gradient: none;
}


.btn-outline-custom-green {
    --bs-btn-color: #B5DF88;
    --bs-btn-border-color: #B5DF88;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B5DF88;
    --bs-btn-hover-border-color: #B5DF88;
    --bs-btn-focus-shadow-rgb: 181, 223, 136;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B5DF88;
    --bs-btn-active-border-color: #B5DF88;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #B5DF88;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #B5DF88;
    --bs-gradient: none;
}


.btn-outline-custom-blue {
    --bs-btn-color: #96C7F1;
    --bs-btn-border-color: #96C7F1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #96C7F1;
    --bs-btn-hover-border-color: #96C7F1;
    --bs-btn-focus-shadow-rgb: 150, 199, 241;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #96C7F1;
    --bs-btn-active-border-color: #96C7F1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #96C7F1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #96C7F1;
    --bs-gradient: none;
}


.btn-custom-yellow {
    --bs-btn-color: #fff;
    --bs-btn-bg: #F0A82B;
    --bs-btn-border-color: #F0A82B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D98A23;
    --bs-btn-hover-border-color: #D98A23;
    --bs-btn-focus-shadow-rgb: 240, 168, 43;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D98A23;
    --bs-btn-active-border-color: #D98A23;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(8, 7, 19, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #F0A82B;
    --bs-btn-disabled-border-color: #F0A82B;
}


.employee-name {
    overflow: hidden;
}

.employee-image {
    width: 100%; /* Adjust as needed */
    height: 410px; /* Adjust as needed */
    object-fit: cover;
    object-position: center;
}

.color-custom-blue {
    color: var(--nb-custom-color-blue);
}

.color-custom-green {
    color: var(--nb-custom-color-green);
}

.color-custom-logo-blue {
    color: var(--nb-custom-logo-blue);
}

.color-custom-yellow {
    color: var(--nb-custom-color-yellow);
}

.fill-custom-yellow *, .fill-custom-yellow {
    fill: var(--nb-custom-color-yellow) !important;
}

.swiper-divider-line::before {
    background-color: var(--nb-custom-logo-blue);
}

.head-section-height  {
    height: 32rem;
}


.capabilities-head-section {
    height: 11rem;
    margin-top: 3rem;
}


.drt-backdrop {
    height: 20rem;
    background-color: #2c4265;
}

.drt-backdrop .drt-logo {
    max-width: 65%;
}

.office-text {
    font-size: 1.1rem;
}

.map-container {
    height: 30rem;
}

.blog-article-content ul {
    list-style: none;
}

.blog-article-content ul li::before {
    content: "•";  /* Add custom bullet points */
    color: var(--nb-custom-color-yellow); /* Change this to your desired color */
    display: inline-block;
    width: 1em; /* Adjust space between bullet point and text */
    margin-left: -1em; /* Adjust space on the left side of bullet points */
}


.client-image-container {
    height: 120px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*padding: 0.7rem;*/
}

.award-container {
    height: 100%;
    display: flex;
    flex-direction: row;
    /* width: 100%; */
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}


.floating-container {
    width: 8rem;
    position: absolute;
    top: -6%;
    left: -1.7%;
}

.alliance-logos-container {
    height: 5rem;
}

.custom-justify-logos-content {
    justify-content: center;
}

.alliance-header-image {
    position: absolute;
    bottom: -2rem;
    right: -17rem;
    height: 93%;
}

.footer-links {
    text-decoration: underline;
}

@media (min-width: 576px) {
    .floating-container {
        width: 6rem;
        position: absolute;
        top: 24%;
        left: -1.4%;
    }
}


@media (min-width: 768px) {
    .floating-container {
        width: 7rem;
        position: absolute;
        top: 24%;
        left: -1.4%;
    }

    .award-container {
        width: 100%
    }

    .alliance-logos-container {
        height: 9rem;
    }

    .custom-justify-logos-content {
        justify-content: flex-end;
    }

    .capabilities-head-section {
        height: 16rem;
        margin-top: 3rem;
    }

}

@media (min-width: 992px) {
    .floating-container {
        width: 9rem;
        position: absolute;
        top: 6%;
        left: -1.7%;
    }

    .footer-links {
        text-decoration: unset;
    }
}

@media (min-width: 1024px) {
    .capabilities-head-section {
        height: 25rem;
        margin-top: 4rem;
    }
}

@media (min-width: 1200px) {
    .floating-container {
        width: 11rem;
        position: absolute;
        top: -4%;
        left: -1.7%;
    }

    .capabilities-head-section {
        height: 32rem;
    }
}

@media (min-width: 1400px) {
    .floating-container {
        width: 12rem;
        position: absolute;
        top: -18%;
        left: -1.7%;
    }
}