@font-face {
  font-family: 'Sans Intel';
  src: url('../fonts/UTM\ Neo\ Sans\ Intel.ttf') ; 
  
}

@font-face {
  font-family: 'Sans Intel Italic';
  src: url('../fonts/UTM\ Neo\ Sans\ Intel_Italic.ttf');
 
}

@font-face {
  font-family: 'Sans Intel Bold';
  src: url('../fonts/UTM\ Neo\ Sans\ IntelBold.ttf');
 
}
*{
  margin: 0px;
  padding: 0px;
  font-family: 'Sans Intel', serif;
  /* test reponsive */
  /* background-color: rgb(0 100 0 / 0.1); */
}
h2{
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'Sans Intel Bold', serif;
  line-height: 22px;
}
h3{
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Sans Intel', serif;
}
h4{
  font-size: 20px;
  font-weight: 700;
}
p{
  font-size: 18px;
  font-family: 'Sans Intel';
}
span{
  font-family: 'Sans Intel',serif;
}
/* nav */
.navbar-light .navbar-list .nav-link {
  color: white;
  font-weight: bold;
}
.navbar-dark .navbar-toggler{
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(34, 34, 34, 0.658);
}
#more {display: none;}
#more1 {display: none;}
.bg-nav{
  background-color: #ffffff;
}
.navbar-brand {
  padding: 0px;
}
.navbar-dark .navbar-nav .nav-link{
  color: #000000;
  font-weight: bold;
}
.navbar-dark .navbar-nav .nav-link.active{
  color: #2C7AC4;
}
.navbar-dark .navbar-nav .nav-link:hover{
  color: #2C7AC4;
}
.navbar-dark .navbar-nav .nav-link:focus{
  color: #2C7AC4;
}

/* color text */
.text-blue{
  color: #2a72c8;
}
.text-pink{
  color: #dd0b1e;
}
.text-white{
  color: #ffffff;
}
.text-yellow{
  color: #ffcc3e;
}
/* space */
.container-space{
  padding-top: 60px;
  padding-bottom: 40px;
}
/* title */
.des-title{
  font-size: 38px;
  font-family: 'Sans Intel',serif;
  font-weight: 800;
  line-height: 52.83px;
}
/* line */
.line-light{
  border: 1px solid #2C7AC4;
  width: 100%;
  margin: auto;
}
.line-light-w{
  border: 1px solid #ffffff;
  width: 100%;
  margin: auto;
}
.h-line{
  border-left: 1px solid #2C7AC4 ;
  height: 80%;
  width: 1px;
}
/* number */
.t-number{
  font-size: 80px;
  font-family: 'Sans Intel';
  font-weight: 800;
}
/* dots */
.slick-dots li button:before{
  font-size: 25px;
  padding-top: 20px;
}
.ct-price {
  display: -webkit-box;
  overflow-wrap: break-word;}
/* secb */
.secb{
  margin-top:48px;
  background-image: url('../images/banner-desktop1.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  min-height: 90vh;
}


/* section 1 */
.sec1{
  background-image: url("../images/sec1-bg.png");
}
.sec1-box{
  border-radius: 20px;
  padding: 20px 10px 10px 10px;
  min-height: 500px;
  color: #FFFFFF;
}
.sec1-box-bg {
  background-color: #36a6de;
}
.sec1-box-bg2 {
  background-color: #2d7dcd;
}
.sec1-box-bg3 {
  background-color: #2049b9;
}

.ct-t {
  display: block;
  max-width: 90%;
}
/* section 2 */
.sec2-price {
  max-width: 940px;
  min-height: 420px;
  margin: auto;
  border-radius: 26px;
  background: rgba(240, 240, 240, 0.8);
  box-shadow: 8px 7px 15px -12px rgba(0,0,0,0.64);
  -webkit-box-shadow: 8px 7px 15px -12px rgba(0,0,0,0.64);
  -moz-box-shadow: 8px 7px 15px -12px rgba(0,0,0,0.64);
}
.sec2-price p{
  margin-bottom: 0px;
}
.sec2-ctn-price{
  padding: 20px 30px;
  transition: transform .2s;
  transition-duration: 600ms;
  transition-timing-function: ease;
  min-height: 420px;
  margin-top: 20px;
  background-image: url("../images/sec2-icon.png");
  background-repeat: no-repeat;
  background-size: 150px;
  background-position-x: center;
  background-position-y: 250px;
}
.sec2-ctn-price:hover{
  transform: scale(1.02);
  background-color: #002d75;
  border-radius: 30px;
  color: #ffff !important;
}
.sec2-ctn-price:hover .btn-more button{
  background-color: #009ddb;
}
.sec2-ctn-price:hover .sale-price{
  color: #ffff;
}
.sec2-ctn-price:hover .listed-price{
  color: #ffff;
}
.sec2-ctn-price:hover .listed-price span{
  color: #ffff;
}
.line-price{
  border: 1px solid #DADADA;
  width: 100%;
  display: inline-block;
}
.listed-price{
  font-size: 20px;
  font-weight: 700;
  color: #2C7AC4;
}
.listed-price span{
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

.btn-more{
  margin-top: 40px;
  position: absolute;
  bottom: 10px;
  left: 25%;
  transform: translate(50% -50%);

}

.btn-more button{
  background: #848199;
  border-radius: 36px;
  color: #ffff;
  font-weight: 600;
}
.btn-dang-ky{
  background: #ffcc3e;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 36px;
  padding: 10px 40px;
  color: #003db5;
  font-weight: 600;
}
.youtube-link i{
  color: #ffffff;
}
.youtube-link i:hover{
  color: #ffcc3e;
}
/* section 3 */
.sec3-bg1{
  padding: 40px 0px;
  margin: auto;
  max-width: 600px;
}
.sec3{
  background-image: url("../images/sec3-bg.png");  
  background-size: cover;
  background-repeat: no-repeat ; 
}
.sec3-bg{
  border-radius: 40px;
  background-color: #ffff;
  padding-bottom: 60px;
}
.slick-slide img{
  display: -webkit-inline-box;
}
/* sec5 */
.sec5{
  background-image: url("../images/sec5-bg.png");
}
.sec5-bg-ct{
  background-color: #ffffff;
  border-radius: 25px;
  padding: 10px;
}
.sec5-bg-ct p{
  font-weight: 600;
  font-size: 24px;
}
.sec5-bg-ct a span{
  font-size: 18px;
  text-decoration: underline;
  font-style: italic;
  padding-left: 10px;
}
.sec5-bg-ct img{
  width: 20px;
}

/* section 6 */
.title-form{
  color: #ffff;
  font-weight: 700;
  background: #12c2fe;
  border-radius: 40px 40px 0px 0px;
  text-align: center;
  padding: 10px 5px 2px 5px;
}
.title-form p{
  font-family: 'Sans Intel', serif;
  color: #ffff;
  font-weight: 700;
  font-size: 22px;
}
.ct-form{
    /* White */

  background: #FFFFFF;
  /* Pink */

  border-bottom: 7px solid #1a3ea2;
  /* 1 */

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  border-radius: 40px;
}




/* footer */
.bg-footer{
  background-color: #00508E;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  padding-top: 40px;
}
.footer-logo{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  padding-bottom: 8px;
}
.footer-logo img{
  margin-right: 16px;
  min-width: 72px;
}
.footer-ct-top{
  padding-top: 14px;
}
.footer-mid h4:after{
  content: "";
  height: 4px;
  background: #FFFFFF;
  display: block;
  max-width: 48px;
  width: 100%;
  margin-top: 6px;
}
.ft-info{
  font-size: 16px;
}
.ft-info a{
  color: #FFFFFF;

}
.ft-info i{
  font-size: 16px;
  padding-right: 10px;
}
.ft-info ul{
  padding-left: 28px;
}
.bct img{
  max-width: 150px;
}
.form-subscribe {
  position: relative;
  margin-bottom: 20px;
}
.footer-subscribe .btn {
  position: absolute;
  height: 44px;
  top: 4px;
  right: 4px;
  min-width: 128px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.form-control {
  background-color: #F5F5F5;
  border-radius: 4px;
  height: 52px;
  padding: 13px 130px 13px 16px;
  border-color: #F5F5F5;
}
.btn-footer {
  position: absolute;
  height: 44px;
  top: 4px;
  right: 4px;
  min-width: 128px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.note{
  font-size: 12px;
}
.footer-social-content a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 16px;
}
.app-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.barcode {
  width: 112px;
}
.barcode img{
  display: block;
  margin-bottom: 16px;
  width: 100%;
}
.appstore-googplay img{
  width: 63%;
  margin-bottom: 16px;
  margin-left: 5px;
}
.footer-bottom {
  border-top: 1px solid #1D70B0;
  padding: 24px 0 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer-bottom ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: auto;
  text-align: right;
}
.footer-bottom li{
  padding-right: 20px;
}
/* reponsive footer */
@media only screen and (max-width: 480px){
  .footer-bottom{
    display: block;
    text-align: center;
  }
  .footer-bottom ul {
    display: block;
    text-align: center;
  }
  .sec2-ctn-price{
    box-shadow: 0px 100px 105px rgba(85, 100, 87, 0.07), 0px 50.0488px 52.5513px rgba(85, 100, 87, 0.0532233), 0px 30.1471px 31.6544px rgba(85, 100, 87, 0.0456112), 0px 19.3198px 20.2858px rgba(85, 100, 87, 0.0399626), 0px 12.5216px 13.1476px rgba(85, 100, 87, 0.035), 0px 7.88218px 8.27628px rgba(85, 100, 87, 0.0300374), 0px 4.5288px 4.75524px rgba(85, 100, 87, 0.0243888), 0px 1.99324px 2.0929px rgba(85, 100, 87, 0.0167767);
    border-radius: 30px;
  }
}




@media only screen and (max-width: 480px){
.h-line{
  width: 100%;
}
.bg-form{
  margin-left: 0px;
}
.secb{
  background-image: none;
  min-height: 0vh;

}
.sec6-ctn-price{
  box-shadow: 0px 100px 105px rgba(85, 100, 87, 0.07), 0px 50.0488px 52.5513px rgba(85, 100, 87, 0.0532233), 0px 30.1471px 31.6544px rgba(85, 100, 87, 0.0456112), 0px 19.3198px 20.2858px rgba(85, 100, 87, 0.0399626), 0px 12.5216px 13.1476px rgba(85, 100, 87, 0.035), 0px 7.88218px 8.27628px rgba(85, 100, 87, 0.0300374), 0px 4.5288px 4.75524px rgba(85, 100, 87, 0.0243888), 0px 1.99324px 2.0929px rgba(85, 100, 87, 0.0167767);
  border-radius: 30px;
}

}
@media only screen and (min-width: 768px) and (max-width: 1024px){


}
@media only screen and (max-width: 991px){


}
.hover1:hover{
  color: #1d93e3;
  text-decoration:none !important;
}
a:hover{
  text-decoration:none !important;
}