html{
        scroll-behavior: smooth;
        
    }

    ::-webkit-scrollbar {
    width: 12px;
    background: #FAFAFA; /* Track color */
    }
    
    ::-webkit-scrollbar-thumb {
    background: #D9D9D9; /* Thumb color */
    border-radius: 1ex;
    }
      .Roboto{
        font-family:"Roboto", sans-serif;
      }
     @font-face {
        font-family:"Roboto", sans-serif;
        src: url('./fonts/Roboto/Roboto-VariableFont_wdth\,wght.ttf');
     }

       .Roboto-Flex{
        font-family:"Roboto Flex", sans-serif ;
      }

     @font-face {
        font-family: "Roboto Flex", sans-serif;
        src: url('./fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD\,XOPQ\,XTRA\,YOPQ\,YTAS\,YTDE\,YTFI\,YTLC\,YTUC\,opsz\,slnt\,wdth\,wght.ttf');
     }

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

.box{
    box-shadow: 0px 1px 5px 4px #F3F4F6;
}
.box1{
    box-shadow: 20px 22px 0px -2px #F9B232;
}

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

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

.iti{
    width: 100%;
}

.pgcroll{
    overflow-y: auto;
    scrollbar-color:#F3F4F6;
}


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

  .thin{
            scrollbar-width:none;
            scroll-behavior: smooth;
            overflow-x: auto;
            sc
        }
  .thin1{
            scrollbar-width:none;
            scroll-behavior: smooth;
            overflow-y: auto;
      
        }
        .thin:hover{
            scrollbar-width: thin;
        }