@font-face {
    font-family: 'Outfit';
    src: url('/fonts/Outfit-Medium.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal;
}
.menu-link:hover{
    color: #81C8D8;
    transition: 0.3s ease-in-out;
    }
*{
    line-height: 130%;;
}
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    span,
    a,
    div,
    p{
    font-family: 'Outfit', sans-serif;
}
#custom-pagination .swiper-pagination-bullet {
    background: none !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
}

#custom-pagination span {
    line-height: 0;
}

#custom-pagination span svg {
    width: 20px;
    height: 20px;
    fill: rgba(255, 255, 255, .55);
    transition: transform .25s ease, fill .25s ease;
}

#custom-pagination .swiper-pagination-bullet-active svg {
    fill: #38bdf8;
    transform: scale(1.2);
}
.slide-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #0A1535;
    opacity: .55;
    z-index: 1;
}

.slide-content {
    position: relative;
    z-index: 2;
}
.tab-btn.active { color: #81C8D8; }
.tab-content { 
    position:absolute; inset:0; 
    opacity:0; transform:translateY(10px);
    transition:opacity .3s ease, transform .3s ease; 
    pointer-events:none;
}
.tab-content.active {
    opacity:1; transform:translateY(0); 
    pointer-events:auto;
}
@media (min-width:768px) {
    #custom-pagination span svg {
        width: 24px;
        height: 24px;
    }
}

@media (min-width:1024px) {
    #custom-pagination span svg {
        width: 28px;
        height: 28px;
    }
}