body{
    font-family: Prompt;
}

html {
    scroll-behavior: smooth;
  }

  html,body
{
    overflow-x: hidden; 
}

.text2{
  font-family: 'Sriracha';
}

.img-width1{
  width: 250px;
}

.img-width2{
  width: 500px;
}

.mg-top{
  margin-top: 50px;
}

.mg-bottom{
  margin-bottom:50px;
}

.head-font{
  font-size: 30px;
  color: #192383;
}

.detail-font{
  font-size: 18px;
  color: rgb(109, 109, 109);
}

.head2-font{
  font-size: 24px;
  color: rgb(109, 109, 109);
}

.button-contact{
  background-color: #192383;
  /* padding-top: 10px; */
  /* padding-bottom: 5px; */
}

.contact-font{
  color: white !important;
  text-decoration: none !important;
  padding-top: 10px;
}

.fix-btn1{
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 100;
}

.fix-btn2{
  position: fixed;
  bottom: 0px;
  z-index: 100;
  width: 100%;
}

.button-contact2{
  background-color: #F58B1E;
  color: rgb(0, 0, 0) !important;
  /* padding-top: 10px; */
  /* padding-bottom: 5px; */
}

.contact-font2{
  color: rgb(0, 0, 0) !important;
  text-decoration: none !important;
  padding-top: 10px;
}

.btn-con{
color: rgb(0, 0, 0) !important;
background-color: #ED7E17 !important;
}

.btn-bt{
  background-color: #ED7E17 !important;
}

.font-bt{
  font-size: 14px !important;
}

.icon-con{
  color: rgb(36, 197, 15);
}

.icon-con2{
  color: #192383;
}

.img-bt{
  width: 50px;
}


/*------------------navbar---------------------*/

.nav-bg{
    background-color: white;
}

.nav-color{
    color: rgb(122, 122, 122) !important;
    transition: 0.3s;
}

.nav-color:hover{
    color: #192383 !important;
}

.logo-img{
    width: 100px;
}


  /*------------------banner---------------------*/

  .success-bg{
    background-image: url(../img/poster/fin_web2-01.png);
    background-repeat: no-repeat;
      background-size:cover;
      width: 100%;
      height: 520px;
      margin-top: 100px;
      
  }

  .success-font{
    color: white;
    font-size: 50px;
    padding-top: 120px;
  }

  
/*------------------correct---------------------*/

.red-bg{
  background-color: #192383;
}

.answer-card{
  background-color: #192383;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.answer-font{
  font-size: 20px;
  color: #ffffff;
  padding: 40px;
}

.icon-size{
  font-size: 50px;
}

.answer-mg{
  margin-top: -140px;
}

/*------------------right-way---------------------*/

.right-way-bg{
  background-image: 
  linear-gradient(rgba(0, 0, 0, 0.50),
					rgba(0, 0, 0, 0.50)),
  url(../img/freepik/right-way1.jpg);
    background-repeat: no-repeat;
      background-size:cover;
      width: 100%;
      height: 300px;
      background-attachment: fixed;
}

.right-way-font{
  color: #ffffff;
  font-size: 30px;
}

.fin-font1
{
  color: white;
  font-size: 24px;
  padding-top: 50px;
}

.fin-font2{
  color: #ffffff;
  font-size: 50px;
  background-color:#FF9F48;
  font-weight: bold;
}

/*------------------video---------------------*/

.video-scale{
  width: 100%;
  height: 300px;
}

/*------------------team---------------------*/
.w-team{
  width: 70%;
}

/*------------------review---------------------*/

.review-font{
  color: white;
}

.review-img{
  width: 170px;
}

/*------------------Promote---------------------*/

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

.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 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next{
  color: #192383 !important;
}

.swiper-button-prev{
  color: #192383 !important;
}

/*------------------video---------------------*/

.rec-video{
  width: 100%;
  height: 300px;
}

.red-nav{
  color: #192383;
}

.red-nav:hover{
  color: #192383 !important;
}

.active{
  background-color: #192383 !important;
}

/*------------------promotion---------------------*/

.promotion-head{
  font-size: 30px;
  color: white;
}

.promotion-font{
  color: white;
  font-size: 18px;
}

.promotion-bg{
  background-image: 
  linear-gradient(rgba(0, 0, 0, 0.70),
					rgba(0, 0, 0, 0.70)),
  url(../img/freepik/promotion.jpg);
    background-repeat: no-repeat;
      background-size:cover;
      width: 100%;
      height: 100%;
      background-attachment: fixed;
}

/*-----------------footer---------------------*/

.footer-bg{
  background-color: #192383;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
.footer-bg{
  background-color: #192383;
  padding-bottom: 80px;
}
}

.contact-footer-font{
  font-size: 24px; 
  color: #ffffff;
}

.font-footer{
  color: #ffffffd8;
  text-decoration: none;
}

.font-footer:hover{
  color: #ffffffd8 !important;
}

.copyright-font{
  font-size: 16px; 
  color: #ffffff9f; 
  margin-top: 30px;
  padding-bottom: 15px;
}