html {
 scroll-behavior: smooth;
}

html,body{
    overflow-x: hidden;
}



.iti {
    width: 100% !important;
}

.iti input {
    width: 100% !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.Jost{
    font-family:  Jost;
}

.Outfit{
    font-family:Outfit ;
}

.box{
    box-shadow: #DDDDDD 7px -12px 43px 21px;
}



@font-face {
    font-family:  Jost;
    src: url('../fonts/Jost/Jost-VariableFont_wght.ttf');
}

@font-face {
    font-family: Outfit;
    src: url('../fonts/Outfit/Outfit-VariableFont_wght.ttf');
}


.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    /* width: 100%;
            height: 100%; */
    object-fit: cover;
}


.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 25px !important;
    color: black !important;
}