@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Quicksand:wght@300..700&display=swap');
.font-albertsans {
    font-family: "Quicksand", sans-serif;
}
.font-caveat {
    font-family: "Caveat", cursive;
}
.font-opensans {
    font-family: "Quicksand", sans-serif;
}
.font-ptsans {
    font-family: "Quicksand", sans-serif;
}
.font-worksans {
    font-family: "Quicksand", sans-serif;
}
body {
    font-family: "Quicksand", sans-serif;
}
.container{
    max-width: 1200px;
    margin: auto;
    padding-inline: 25px;
}
.container-1{
    max-width: 1010px;
    margin: auto;
    padding-inline: 25px;
}
[x-cloak] { display: none !important; }

.search-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000000;
}
.btnn, .btnn svg path{
    transition: all 0.3s ease;
}
.btnn:hover{
    background: #031794 !important;
    color: #fff !important;
}
.btnn svg{
    transform: translateX(0);
    transition: all 0.3s ease 0.3s;
}
.btnn:hover svg{
    transform: translateX(4px);
}
.btnn:hover svg path{
    fill: #fff !important;
}
.btns, .btns svg path{
    transition: all 0.3s ease;
}
.btns:hover{
    color: #031794 !important;
    background: #fff !important;
}
.btns svg{
    transform: translateX(0);
    transition: all 0.3s ease 0.3s;
}
.btns:hover svg{
    transform: translateX(4px);
}
.btns:hover svg path{
    fill: #031794 !important;
}



.thway {
    padding-left: 22px;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
}

@media screen and (min-width: 1024px) {
    .thway {
        padding-left: calc(((100vw - 1200px) / 2) - 20px);
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
    }
    
}

.thway > div {
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.scroll-container::-webkit-scrollbar {
    display: none;
}

.scroll-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

.year-button {
    transition: all 0.3s ease;
    cursor: pointer;
    color: #AAAAAA;
    font-family: "Open Sans", sans-serif;
}


.year-active {
    color: #000000;
    font-weight: bold;
}