@font-face {
    font-family: 'SVN-Gilroy';
    src: url('../fonts/SVN-Gilroy Regular.otf');
}
@font-face {
    font-family: 'SVN-GilroyBold';
    src: url('../fonts/SVN-Gilroy Bold.otf');
}
@font-face {
    font-family: 'SVN-GilroySemiBold';
    src: url('../fonts/SVN-Gilroy SemiBold.otf');
}
body{
    font-family: 'SVN-Gilroy';
	 overflow: hidden;
}
h1,h2{
    font-family: 'SVN-GilroyBold';
}
h3,h4{
    font-family: 'SVN-GilroySemiBold';
}
.content-area{
    position: relative;
    background: linear-gradient(124.74deg, #005CC8 0%, #78BEFF 38.54%, #0063D8 98.04%);
}
.header.header-full-width{
    position: absolute;
}
.logosub-header{
    height :90px;
}
.logosub-header img{
    height: 100%;
}
.row-banner{
    margin-top: 100px;
}
.box-gift .box-text.text-center{
    position: absolute;
    top: 0px;
}
.box-gift .text-service-domain{
    margin-top: 80px;
}
.box-gift .text-service-domain .percent-sale{
    font-style: normal;
    font-weight: 800;
    font-size: 62px;
    line-height: 60px;
    color: #DE0707;
    transform: matrix(1, 0, -0.01, 1, 0, 0);
    font-family: 'SVN-GilroyBold';
}
.box-gift .text-service-domain h3{
    font-size: 24px;
    font-family: 'SVN-GilroyBold';
}
.box-gift .text-service-domain h3 .strong-text{
    font-size: 30px;
    text-transform: uppercase;
}
.box-gift .text-service-domain{
    width: 220px;
}
.box-gift .text-service-domain .title-service-domain{
    border-bottom: 1px solid #FDDFA5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.box-gift .text-service-domain h4{
    color: black;
    font-family: 'SVN-GilroyBold';
    font-size: 21px;
}
.color-blue{
    color: #0039C7;
}
.title-sub-banner p{
    color: black;
    font-size: 32px;
}
/* form search */

.search-form-cus div,
.search-form-cus p {
  color: #babecc;
  text-shadow: 1px 1px 1px #fff;
}
.row-search-cus{
    margin-top:30px;
    margin-bottom: 30px;
}
.search-form-cus button,
.search-form-cus input {
  border: 0;
  outline: 0;
  font-size: 16px;
  border-radius: 320px;
  background-color: #f6f6f6;
  text-shadow: 1px 1px 0 #fff;
}

.search-form-cus input {
  margin-right: 8px;
  box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #fff;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  appearance: none;
  -webkit-appearance: none;
  margin-bottom: 0em;
  height: 60px;
  border-radius: 20px;
  margin-left: 15px;
  font-size: 20px;
}
.search-form-cus input:focus {
  box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #fff;
}

.search-form-cus button {
  color: #61677c;
  font-weight: bold;
  cursor: pointer;
  font-weight: 600;
}

.search-form-cus button.unit {
  border-radius: 8px;
  margin-bottom: 0em;
  height: 60px;
  background: linear-gradient(180deg, #FE9800 0%, #F9E001 100%);
  mix-blend-mode: normal;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  width: 150px;
  margin: 6px 10px;
  margin-left: 40px;
  color: #000000;
  font-size: 20px;
  font-family: 'SVN-GilroyBold';
}
.search-form-cus{
    margin-bottom: 0em;
}




.search-form-cus .input-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.search-form-cus .input-group label {
  margin: 0;
  flex: 1;
}
.out-form-search{
    background: rgba(0, 123, 236, 0.5);
    mix-blend-mode: multiply;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 20px;
}
/* form search end */

.dichvu-scale-reduce{
    transform: scale(0.8);
    padding-bottom: 0px;
}
.text-dichvu{
    font-size: 22px;
    color: #ffffff;
    margin-bottom: 0em;
}
.button-dichvu{
    background: linear-gradient(180deg, #FE9800 0%, #F9E001 100%);
    mix-blend-mode: normal;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    color: #000000;
    font-size: 18px;
    font-family: 'SVN-GilroyBold';
}
.row-4-domain .button-dichvu-contact,.row-4-domain .button-dichvu{
    margin-top: 20px;
}
.button-dichvu-contact{
    background: linear-gradient(180deg, #FE9800 0%, #F9E001 100%);
    mix-blend-mode: normal;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    color: #000000;
    font-size: 18px;
    font-family: 'SVN-GilroyBold';
    padding: 0px 30px;
}
.title-row{
    font-size: 30px;
    text-transform: uppercase;
    color: #000000;
}
.color-yellowgreen{
    color: #F9ED32;
}
.col-box-reason{
    padding: 0 15px 30px !important;
}
.box-reason{
    background-color: #ffffff;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 40px 15px;
}
.box-reason .icon .icon-inner img{
    height: 40px;
    width: 40px;
}
.text-box-reason h4{
    font-size: 18px;
    color: #000000;
}
.text-box-reason p{
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}
.title-form{
    font-size: 25px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.box-dangky{
    background: #034DBC;
    border: 4px solid #6FA8FF;
    border-radius: 19px;
    padding: 30px 50px;
}
.box-dangky .wpcf7-form-control-wrap{
    padding: 0px 8px;
}
.box-dangky  input[type='text'],.box-dangky  input[type='tel'],.box-dangky  input[type='email']{
    border-radius: 12px;
    height: 50px;
}
.btn-form-dangky{
    text-align: center;
}
.btn-form-dangky input[type='submit']{
    background: linear-gradient(180deg, #FE9800 0%, #F9E001 100%);
    mix-blend-mode: normal;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    height: 50px;
    padding:0px 40px;
    color: #000000;
}
.box-dangky .wpcf7-spinner{
    display: block;
}
.footer-landing .footer-title{
    color: #ffffff;
    font-size: 16px;
}
.footer-landing ul.info-company{
    padding-right: 50px;
}
.footer-landing ul.info-company>li{
    list-style: none;
    margin-left: 0em;
}
.footer-landing ul.info-company>li,.footer-landing ul.info-company>li>a{
    font-size: 15px;
    color: #ffffff;
}
.footer-landing ul.info-company>li>i{
    font-size: 20px;
}
.footer-landing .title-box-footer{
    color: #ffffff;
    font-size: 16px;
}
.footer-landing .social-media-box{
    display: flex;
}
.footer-landing .social-media-box li{
    list-style: none;
}
.footer-landing .social-media-box li{
    width: 30px;
}
.footer-landing .social-media-box li:first-child{
    margin-left: 0em;
}
.absolute-footer{
    display: none;
}
.stuck .header-main {
    height: 100px!important;
}
.header-wrapper.stuck{
    box-shadow: none;
}
.item{
    padding: 0px 10px;
}
/* img */
.image-tassels1{
    position: absolute;
    top: 0;
    height: 200px;
}
.image-tassels1 img{
    height: 500px;
    width: auto;
}
.image-tassels2{
    position: absolute;
    top:500px;
    height: 200px;
    float: right;
    left: 95%;
}
.image-tassels2 img{
    height: 500px;
    width: auto;
}
.image-tassels3{
    position: absolute;
    top: 50%;
    float: right;
    height: 300px;
    right: 0% !important;
    left: 90%;
}
.image-tassels3 img{
    height: 200px;
    width: auto;
}
.image-tassels4{
    position: absolute;
    top: 60%;
    float: right;
    height: 300px;
}
.image-tassels4 img{
    height: 300px;
    width: auto;
}
.image-tassels5{
    position: absolute;
    top: 70%;
    float: right;
    height: 300px;
    right: 0% !important;
    left: 96%;
}
.image-tassels5 img{
    height: 100px;
    width: auto;
}
.image-tassels8{
    position: absolute;
    top: 0;
    right: 0;
}
.image-tassels8 img{
    height: 200px;
    width: auto;
}
.customer_home_slider .owl-stage-outer{
    margin: 0px 20px;
}
.customer_home_slider .owl-dots{
    display: none;
}
.zoom-in-out-box {
    animation: zoom-in-zoom-out 1s ease infinite;
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.02, 1.02);
    }
    100% {
      transform: scale(1, 1);
    }
  }
.text-change-color{
     animation: Color 2s linear infinite;
    -webkit-animation: Color 1s ease-in-out infinite;
  }
  
  @keyframes Color{
    0%{
      color:#DE0707;;
    }
    40%{
        color:#F9E001;
    }
    50%{
      color:#F9E001;
    }
    100%{
      color:#DE0707;
    }
}




.rung{animation:code-pro-rung-lac 2s ease infinite}@-webkit-keyframes code-pro-rung-lac{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-3deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(3deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-3deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(3deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}