@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,100..1000,96,468,79,-203,738,514,712&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html {
 scroll-behavior: smooth;
}

html,body{
    overflow-x: hidden;
}



.iti {
    width: 100% !important;
}

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

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

.Roboto{
    font-family:  Roboto;
}

.Roboto{
    font-family:Roboto ;
}

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



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

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-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;
}