/* 
-----------------------------------------
SPLITBLOCK
-----------------------------------------
*/

.split-block-img .contain-img {
    max-height: 500px;
}


/* 
-----------------------------------------
CARDS
-----------------------------------------
*/

.card {
    background-color: var(--text-white);
    border-radius: 15px;
    /*border: none;*/
    overflow: hidden;
}

@media(min-width: 992px) {
    .card .card-body {
        padding: 2rem;
    }
}

a.card {
    text-decoration: none !important;
}

    a.card h3 {
        color: var(--text-dark);
    }

    a.card:hover h3 {
        color: var(--text-primary);
    }

.cards-container .card .card-img {
    aspect-ratio: 3/2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cards-container .card .card-img .centered {
    margin: 1.5rem;

}
.cards-container .card .card-img .cover-img {

}

.services-cards .card-img img {
    filter: invert(76%) sepia(10%) saturate(1098%) hue-rotate(2deg) brightness(92%) contrast(83%);
    aspect-ratio: 1/1;
    height: 80px;
    width: auto;
}

/* Services Cards Slide-in Animation */
.services-cards .cards-container .card {
    opacity: 0;
    transform: translateY(160px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.services-cards .cards-container.animate .card {
    opacity: 1;
    transform: translateY(0);
}

.services-cards .cards-container .card:nth-child(1) { transition-delay: 0s; }
.services-cards .cards-container .card:nth-child(2) { transition-delay: 0.3s; }
.services-cards .cards-container .card:nth-child(3) { transition-delay: 0.6s; }
.services-cards .cards-container .card:nth-child(4) { transition-delay: 0.9s; }
.services-cards .cards-container .card:nth-child(5) { transition-delay: 1.2s; }
.services-cards .cards-container .card:nth-child(6) { transition-delay: 1.5s; }
/* 
-----------------------------------------
Key Values
-----------------------------------------
*/

.key-values-container {

}

    .key-values-container .key-value {
    
    }

        .key-values-container .key-value .key {
            font-size: 1.75rem;
            font-weight: 700;
        }

        .key-values-container .key-value .value {
            height: 84px;
            display:flex;
            align-items: center;
        }

            .key-values-container .key-value .value img {
                height:100%;
                width: auto;
            }
            .key-values-container .key-value .value > div {
                height: 100%;
                font-size: clamp(2.5rem, 1.3214rem + 3.2738vw, 5.25rem);
                color: var(--primary-color);
                display: flex;
                justify-content: center;
                align-items: center;
            }

/* 
-----------------------------------------
Logos Section
-----------------------------------------
*/

.logos-section .logo {
    height: 152px;
    width: auto;
    aspect-ratio: 1/1;
}


/* 
-----------------------------------------
Growing HR
-----------------------------------------
*/

/* Growing HR animation */
.growing-hr .growing > hr {
    width: 0;
    transition: width 0.8s ease-out;
}

    .growing-hr .growing > hr.animate {
        width: var(--target-width);
    }

/* Growing VR (vertical) animation */
.growing-vr .growing > div {
    height: 0;
    transition: height 0.8s ease-out;
}

    .growing-vr .growing > div.animate {
        height: var(--target-height);
    }

.bg-white .full > hr {
    border-color: var(--neutral-color-dark) !important;
}

/* 
-----------------------------------------
Image Links
-----------------------------------------
*/

.image-links a {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
    .image-links a:hover {
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    }

.image-links a img {
    max-height: 65px;
}

/* 
-----------------------------------------
Text Box
-----------------------------------------
*/

.text-box-container {
    max-width: calc(1600px - 6rem);
}

.text-box > .top-bg {
    top: 0;
    right: 0;
    left: 0;
    bottom: 50%;
}

.text-box > .bottom-bg {
    top: 50%;
    right: 0;
    left: 0;
    bottom: 0;
}

.text-box > .position-relative.bg-darkblue {
    z-index: 1;
}

.text-box .text-box-content {
    z-index: 4;
}

.text-box h2,
.text-box h3,
.text-box h4,
.text-box strong,
.text-box p,
.text-box li {
    color: var(--text-white);
}

.text-box.quote h2,
.text-box.quote h3,
.text-box.quote h4,
.text-box.quote strong,
.text-box.quote p,
.text-box.quote li {
    color: var(--text-white);
}

/*.text-box.quote .text-box-container{
    height: 550px;
}*/

.text-box.quote .quote-icon {
    margin-bottom: 2rem;
}

.quote-carousel .carousel-control-next,
.quote-carousel .carousel-control-prev {
    width: 8%;
}

.quote-carousel .carousel-control-next {
    justify-content: end;
}

.quote-carousel .carousel-control-prev {
    justify-content: start;
}