*{
    font-family: 'Roboto';
  }

  .container-fluid{
    box-sizing: border-box;
  }
      .carousel{
         
          
          height: 25vw;
          width: 60vw;
          margin-left: 3vw;
      }
      .carousel3{
         
         position: relative; 
         bottom: 2vw;
       
        width: 60vw;
        margin-left: 4vw;
    }
    .head-text2{
      position: relative;
      
      margin-left: 3vw;
  }
  .xs-text{
    font-size: 1vw;
  }
  .icon1-xs{
    margin-top: 1vw;
    font-size: 2vw;
    display: flex;
    justify-content: center ;
    text-overflow: clip;
  }
    .ban-3{
      position: relative; 
         bottom: 0vw;
        margin-left: 0 !important;
    }
      nav{
          height: 5vw;
      }
      .text-pad{
        padding: 3vw;
      }
      img{
          height: 3.5vw;
          margin-left: 2vw;
          
      }
      hr{
          position: relative;
          top: -1.3vw;
          font-weight: 900;
      }
      .ban-1{
          position: relative;
          top:-1.5vw;
          margin-left: 3vw;
      }
      .head-text{
        background-color: rgb(103, 116, 129);
        color: white;
        height: 4vw;
        width: 60vw;
        display: flex;
        padding-left: 2vw;
        align-items: center;
          line-height: 15px;
          font-weight: 400;
      }
      .en-form{
      
          height: 34.4vw;
          width: 25vw;
          position:fixed;
          top: 90px;
          bottom: 10vw;
          left: 70vw;
          box-shadow: 3px 3px 10px rgb(96, 95, 95) ;
          
      }
      .ban-2 .carousel{
          height: 15vw;
      }
      .ban-2 .carousel div{
        padding: 1.5vw;
       
        
    }
      .head-text2{
          position: relative;
          top:1vw;
          margin-left: 3vw;
      }
      .save-text{
          
          text-align: center;
          height: 5vw;
          width: 60vw;
      }
      .ban-know-more{
          background-color: rgba(128, 128, 128, 0.772);
         opacity: 0.6;
          height: 15vw;
          width: 60vw;
          margin-left: 3vw;
      }
      .en-form span{
        
        height: 4.5vw;
      }
      .icon{
       
        color: rgba(215, 56, 56, 0.836);
        font-size: 2vw;
        display: flex;
        justify-content: center;
  
      }
      .icon1,.icon2{
        color: rgba(215, 56, 56);
        margin-top: 2vw;
        font-size: 5vw;
        display: flex;
        justify-content: center ;
      }
     
      .en-form span p{
      
        width: 60px;
        word-wrap: break-word !important;
        font-size: 10px;
       text-align: center;
      }
      
  .check-btn,.tel{
  display: flex;
  justify-content: center;
  }
  .tel{
    position: relative;
    top:-3.5vw;
  }
  .btn,.tel input{
    height: 2.5vw;
    width: 22vw;
  }
  .swiper {
    height: 25vw;
    width: 60vw;
    margin-left: 30px;
  }
  .swiper-slide{
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-slide img {
   
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-button-next::after, .swiper-button-prev::after {
      content: "";
  }
  
  .dropdown,.form-check,.btn{
    position: relative;
    left: 8px;
  }
  .form-content{
    position: relative;
    top:2vw;
  }
  input{
    height: 2.5vw;
  }
  .last-ban{
    position:absolute;
    top: 162vw;
  }
  .pay-flex{

    display: flex;
    justify-content: space-between;
    
    margin:  0px 0px;
   }
.form-label{
  font-size: 12px;
}

  @media (max-width: 500px) {
    .carousel3{
     overflow-x: hidden !important;
     width: 100vw;
     margin-left: 0vw;
 }

 .xs-text{
  font-size: 3.5vw;
}

    img{
        height: 15vw  !important;
        position: relative;
        left: 25vw;
        
    }
    hr{
        position: relative;
        top: 10vw;
        
    }
    .container-fluid{
        position: relative;
        width: 100% !important;
        top:10vw;
        
        overflow-x: hidden;
    }
    .ban-1{
        position: relative;
        top:-2vw;
        text-align: center;
        
    }

    .swiper {
        height: 70vw;
        width: 95vw;
        position: relative;
        margin: 0px !important;
        
      }
      .swiper-slide{
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
      }

      .swiper-slide img {
        left: 0 !important;
        width: 100vw;
        height: 70vw !important;
        object-fit: cover;
        
      }
      .head-text2{
        display: flex;
        justify-content: center !important;
        
      }
      .head-text{
        padding: 5vw;
        text-align: center !important;
        width: 100vw;
      }
      .ban-2{
        margin: 0px !important;
       
      }
      .ban-2 .carousel{
        display: block !important;
        margin:0vw !important;
        width: 95vw;
        height: 100vw;
        position: relative;
        top:-3vw !important;
      }
    .card1{
        width: 95vw !important;
        margin-bottom: 5vw !important;
    }
    .fa-solid{
        
        margin-top: 0vw !important;
        font-size: 10vw;
        
    }
    .icon1{
        position: relative;
       top: 4vw !important;
        font-size: 10vw !important;
    }

    .text-center{
        position: relative;
        top: 4vw !important;
    }
    .ban-know-more{
        display: none !important;
    }
    .save-text{
          position: relative;
          top: 10vw;
        text-align: center;
        padding: 1vw;
        margin: 5vw 0px 10vw 0px !important;
        height: 20vw;
        width:95vw;
    }
    .carousel{
        width: 95vw ;
        height: 100vw;
         margin-left: 0vw;
         text-align: justify;
         text-justify: inter-word;
         font-size: 15px !important; 
      
    }
    .text-pad{
        padding:0px !important;
    }
    .h5-text{
        font-size: 15px !important;
    }
    .en-form{
      
      height: 140vw;
      width: 100vw;
      position:relative !important;
      top: 0vw;
      bottom: 0vw;
      left: 0vw;      
  }
  
  .dropdown,.btn{
    position: relative;
   left: 0 !important;
    width:95vw;
    height:10vw;
    
  }
  form{
    position: relative;
    top:0vw;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 70vw;
    
  }
 
  input{
    height: 10vw;
    width: 70vw;
  }
  .form-check{
    font-weight: 700;
    font-size: 5vw;
  }
  .form-content{
    top: 10vw !important;
  }
 .pay-flex{

  display: flex;
  justify-content: space-between;
  
  margin: 2vw 0px 0px !important;
 }
 .icon3 .text-center,.icon3{
  position: relative;
  margin-top:5vw !important;
 }

 .last-ban{
  position: relative;
  display: block !important;
  top:10vw;
 }
 .last-ban .img{
  display: none;
 }
 .last-ban .carousel{
  height: 80vw;
  margin-bottom: 25vw;
 }
 footer{
  position: sticky !important;
 
 }
 .ban-2 .carousel div{
  padding: 3vw; 
  
}

    }