@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --ff-poppins: "Poppins", sans-serif;
    --ff-montserrat: "Montserrat", sans-serif;
}

body {
    --font-family-base: var(--ff-poppins);
    /* --font-family-base: "Montserrat", sans-serif; */
}

.ff-poppins {
    font-family: var(--ff-poppins);
}

.ff-montserrat {
    font-family: var(--ff-montserrat);
}

.glightbox-clean .gslide-title, 
.glightbox-clean .gslide-desc {
    font-family: var(--ff-poppins);
}

.skeleton-loading .skeleton-block {
    background: #5d5b5b;
    margin-bottom: 10px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

.skeleton-loading .skeleton-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.6),
            transparent);
    animation: shimmer 1.2s infinite;
}

.skeleton-loading .skeleton-block.short {
    width: 60%;
}

@keyframes shimmer {
    100% {
        left: 100%;
    }
}

.line-clamp {
    --line-clamp: 1;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-2 {
    --line-clamp: 2;
}

.clamp-3 {
    --line-clamp: 3;
}

.clamp-4 {
    --line-clamp: 4;
}

.clamp-5 {
    --line-clamp: 5;
}

.clamp-6 {
    --line-clamp: 6;
}

.cursor-auto {
    cursor: auto;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-text {
    cursor: text;
}

.cursor-wait {
    cursor: wait;
}

.cursor-progress {
    cursor: progress;
}

.cursor-help {
    cursor: help;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-move {
    cursor: move;
}

.cursor-grab {
    cursor: grab;
}

.cursor-grabbing {
    cursor: grabbing;
}

.cursor-crosshair {
    cursor: crosshair;
}

.cursor-zoom-in {
    cursor: zoom-in;
}

.cursor-zoom-out {
    cursor: zoom-out;
}

.cursor-all-scroll {
    cursor: all-scroll;
}

.cursor-none {
    cursor: none;
}

.ratio-9x16 {
    --bs-aspect-ratio: calc(16 / 9 * 100%);
}