html {
    color: var(--main-dark-blue);
}

.color-blue {
    color: var(--main-blue-color);
}
.color-orange {
    color: var(--color-orange);
}
.color-blue-gradient {
    background: linear-gradient(84.19deg, #05164D 0.04%, #0C33B3 99.21%);
    background-clip: text;
    color: transparent !important;
}

.pl-15 {
    padding-left: 7.5rem;
}
.pr-15 {
    padding-right: 7.5rem;
}

.text-normal {
    font-size: 14px;
}
.text-16 {
    font-size: 16px;
}

.text-14{ font-size: 14px !important; }
.text-18{ font-size: 18px; }
.text-22{ font-size: 22px; }
.text-24{ font-size: 24px; }
.text-26{ font-size: 26px; }
.text-32{ font-size: 32px; }


.image-cover-container {
    overflow: hidden;
    position: relative;
    min-height: 300px;
}
.image-cover-container img {
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

@media screen and (max-width: 768px) {
    .image-cover-container {
        width: 100%;
        aspect-ratio: 1 / 1;
        max-width: 100%;
        margin: 0 auto;
        max-width: 350px;
        max-height: 300px;
    }
}