/* hero section  */
.hero-section{
    position: relative;
}
.hero-section .info{
    position: absolute;
    inset: 0;

}

.hero-section .info .heading{
    font-family: Exo;
    font-size: 5.091vw;
font-weight: 700;
color: #ffff;
}

.hero-section .info .desc{
    font-family: Exo;
    font-size: 1.164vw;
    font-weight: 400;
    color: #EFF1ED;
}

/* on-site-info-section */
.on-site-info-section .title{
    font-family: Exo;
    /* font-size: 24px; */
    font-weight: 700;
    font-size: clamp(1.747vw,21px,21px);

}
.on-site-items{
    border-radius: 14px !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;

}
.on-site-items-title{
    font-family: Exo;
    font-size: 20px;
    font-weight: 500;
    color:rgba(31, 31, 37, 0.54);
    font-size: clamp(1.456vw,15px,15px);
}

.on-site-items-title.active{
    color: #1F1F25;
}

.lets-talk-text{
    font-family: Exo;
    font-size: 30px;
    font-weight: 500;
    line-height: 39.87px;
    font-size: clamp(2.183vw,17px,17px);
}

.lets-talk-phone-text{
    font-family: Exo;
    font-size: 28px;
    font-weight: 700;
    line-height: 37.21px;
    color: white;
    font-size: clamp(2.038vw,18px,18px);

}

.any-questions-title{
    font-family: Exo;
    font-size: 36px;
    font-weight: 700;
    color: white;
    font-size: clamp(2.62vw,20px,20px);
}

.any-question-container{
    background: #E84B04;
    border-radius: 20px;
}
.on-site-info-section .heading{
    font-family: Exo;
    /* font-size: 43.7px; */
    font-size: clamp(3.18vw,21px,21px);

    font-weight: 700;
    line-height: 48.07px;
  
}

.on-site-info-section .desc{
    font-family: Exo;
    font-size: 15.2px;
    font-weight: 400;
    line-height: 24.32px;
    color: rgba(136, 136, 136, 1);
    font-size: clamp(1.106vw,15px,28px);

}

.on-site-info-section .heading-2{
    font-family: Exo;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    color: #1F1F25;
}


 .on-site-info-section .on-sie-list-items .desc  {
    list-style: url("./assets/images/on-site/right.svg");
 }

 .on-site-info-section .on-sie-list-items ul .sub-li {
    /* list-style: circle !important; */
    font-family: Exo;
    font-size: 20.2px;
    font-weight: 400;
    color: red;
 }
 .footer-line  {
    font-family: Exo;
    font-size: 12px;
    font-weight: 400;
    font-weight: bold;
    
 }


 /* .section-menus{
    position: sticky;
    top: 0;
    height: 100%;
    overflow: auto
 } */
 .on-site-info-section .menu-container{
    /* padding:  42px 50px !important; */
    border-radius: 20px !important;
 }

 .on-site-info-section.splide__slide img {
    width: 100%;
    height: auto;
  }

  .thumbnail-images {
    width: 100%;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
 }
 .splide__slide.is-active {
    border: none!important;
    border-radius: 10px;
    overflow: hidden;
    
}

#main-carousel
{
    max-height: 450px;
    overflow: hidden;
    border-radius: 20px
}

.splide-thumbnails{
    bottom: 26px; 
    padding-left: 20px !important ; 
    padding-right: 0px !important;
}


.black-image{
    display: none ;
}
@media only screen and (max-width:890px){
    .on-site-info-section .heading{
        margin-top: 130px !important;
    }

    .images-track{
        bottom: -90px !important;
    }
    .arrows {
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: space-around;
    }

    .black-image{
        display: unset;
    }
    .white-image{
        display: none;
    }
}