.imgfill {
    object-fit: cover;
}

.ratio-2x3 {
    --bs-aspect-ratio: calc(3/ 2 * 100%);
}

.ratio-5x3 {
    --bs-aspect-ratio: calc(3/5 * 100%);
}

.ratio-3x5 {
    --bs-aspect-ratio: calc(5/3 * 100%);
}

@media (max-width: 1199px) {
    .ratio-1x1-lg {
        --bs-aspect-ratio: calc(3/4 * 100%) !important;
    }
}

@media (max-width: 991px) {
    .ratio-4x5-md {
        --bs-aspect-ratio: calc(5/4 * 100%) !important;
    }
}

@media (max-width: 767px) {
    .ratio-3x5-sm {
        --bs-aspect-ratio: calc(5/3 * 100%) !important;
    }
}

@media (max-width: 575px) {
    .ratio-1x2 {
        --bs-aspect-ratio: calc(2/1 * 100%) !important;
    }
}

@media (min-width: 1200px) {
    .ratio-5x3-xl {
        --bs-aspect-ratio: calc(3/5 * 100%) !important;
    }
}

.ratio-4x5 {
    --bs-aspect-ratio: calc(5/4 * 100%);
}

.ratio-3x4 {
    --bs-aspect-ratio: calc(4/3 * 100%);
}

@media (min-width: 992px) {
    .ratio-36x9 {
        --bs-aspect-ratio: calc(9/36 * 100%);
    }
}

@media (min-width: 992px) {
    .ratio-21x9-lg {
        --bs-aspect-ratio: calc(9 / 21 * 100%);
    }
}

@media (max-width: 767px) {
    .logo-sm {
        width: 180px;
    }
}

@media (min-width: 768px) {
    .logo-md {
        width: 200px;
    }
}

.circle-icon {
    max-width: 140px;
}

@media (max-width: 576px) {
    .circle-icon {
        max-width: 100px;
    }
}

@media (min-width: 576px) {
    .hide-sm {
        display: none;
    }
}