html,
body {
  min-height: 100%;
}
body {
  height: 100vh;
  position: relative;
}
/*slider-block.style-two*/
.slider-block.style-two .slider-main .slider-item {
    height: 840px; }
    .slider-block.style-two .slider-main .slider-item .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 50px; }
      .slider-block.style-two .slider-main .slider-item .container .text-content {
        position: relative;
        top: unset;
        transform: unset; }
        .slider-block.style-two .slider-main .slider-item .container .text-content .button-block {
          height: 64px;
          width: 80%;
          position: relative; }
          .slider-block.style-two .slider-main .slider-item .container .text-content .button-block input {
            width: 100%;
            height: 100%;
            padding: 8px 190px 8px 24px;
            border-radius: 52px; }
          .slider-block.style-two .slider-main .slider-item .container .text-content .button-block a {
            position: absolute;
            top: 7px;
            right: 8px; }
.slider-block.style-two .slider-img {
  position: relative; }
  .slider-block.style-two .slider-img .bg-main {
    height: 530px;
    padding-right: 85px; }
  .slider-block.style-two .slider-img > img:nth-child(2) {
    height: 180px;
    position: absolute;
    bottom: 50px;
    left: -216px;
    animation: moveY 10s ease infinite; }
  .slider-block.style-two .slider-img > img:last-child {
    height: 180px;
    position: absolute;
    top: 50px;
    right: 0px;
    animation: moveX 10s ease infinite; }
.slider-block.style-two .slick-dots {
  display: none; }

.txtHeadAnim {
  width: 632px;
  line-height: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -316px;

  &:before {
    content: "[";
    position: absolute;
    left: -30px;
    line-height: 50px;
  }
  &:after {
    content: "]";
    position: absolute;
    right: -30px;
    line-height: 50px;
  }
  &:after,
  &:before {
    color: var(--secondary);
    font-size: 80px;
    animation: 2s linear 0s normal none infinite opacity;
    -webkit-animation: 2s ease-out 0s normal none infinite opacity;
    -moz-animation: 2s ease-out 0s normal none infinite opacity;
    -o-animation: 2s ease-out 0s normal none infinite opacity;
  }
}

.txtVisible {float: left;font-weight: 600;overflow: hidden;height: 56px;}
.txtHeadAnim p {display: inline;float: left;margin: 0;}
.txtHeadAnim ul {  margin-top: 0;  padding-left: 338px;  text-align: left;  list-style: none;  animation: 6s linear 0s normal none infinite change;  -webkit-animation: 6s linear 0s normal none infinite change;  -moz-animation: 6s linear 0s normal none infinite change;  -o-animation: 6s linear 0s normal none infinite change;}
.txtHeadAnim ul li {line-height: 60px;margin: 0;}
.icon.fs-70{font-size: 70px !important;}
.icon.fs-150{font-size: 150px !important;}
@-webkit-keyframes opacity {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% { opacity: 0;}
}
@keyframes opacity {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes change {
  0% {margin-top: 0;}
  15% {margin-top: 0;}
  25% {margin-top: -50px;}
  40% {margin-top: -50px;}
  50% {margin-top: -95px;}
  65% {margin-top: -95px;}
  75% {margin-top: -50px;}
  85% {margin-top: -50px;}
  100% {margin-top: 0;}
}
@keyframes change {
  0% {margin-top: 0;}
  15% {margin-top: 0;}
  25% {margin-top: -60px;}
  40% {margin-top: -60px;}
  50% {margin-top: -120px;}
  65% {margin-top: -120px;}
  75% {margin-top: -60px;}
  85% {margin-top: -60px;}
  100% {margin-top: 0;}
}
.rowP{ min-height: 100vh;display: block;background-size: cover;background-attachment: fixed;}
.rowP.display-none {display: none;}
.clParalax-item {margin: 0 auto; }
.list-feature .clitem {width: 300px; line-height: 40px; }

/*.item-1 { background:url("./assets/pic/Online_loan_l.png") no-repeat; background-position: right; }*/
.item-2 { background:url("../assets/pic/back_1.jpg") no-repeat; background-position: center; background-attachment: fixed;}
.item-2 .clParalax-item{background: rgb(255 255 255 / 50%);  min-height: 100vh;}
.item-3, .item-4{min-height: auto;}
.item-3 .clParalax-item{height: auto;}
/*.item-3 { background:url("../assets/pic/VNU_M724_15.jpg");}*/

.dinamic-btn {
  position: relative;
  margin: 200px auto;
  width: 300px;
}
.dinamic-btn .btn {
  background-color: var(--primary);
  border: none;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  height: 80px;
  text-align: center;
  line-height: 70px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-appearance: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-box-shadow: 0 15px 40px rgba(9, 67, 48, 0.5);
  -webkit-box-shadow: 0 15px 40px rgba(9, 67, 48, 0.5);
  box-shadow: 0 15px 40px rgba(9, 67, 48, 0.5);
  -moz-transform: perspective(600px) rotateX(0deg) scale(1);
  -ms-transform: perspective(600px) rotateX(0deg) scale(1);
  -webkit-transform: perspective(600px) rotateX(0deg) scale(1);
  transform: perspective(600px) rotateX(0deg) scale(1);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dinamic-btn .btn:hover {
  background-color: var(--primary);
  -moz-box-shadow: 0 20px 40px rgba(9, 67, 48, 0.5);
  -webkit-box-shadow: 0 20px 40px rgba(9, 67, 48, 0.5);
  box-shadow: 0 20px 40px rgba(9, 67, 48, 0.5);
}
.dinamic-btn .btn:active {
  -moz-transform: perspective(600px) rotateX(15deg) scale(0.9);
  -ms-transform: perspective(600px) rotateX(15deg) scale(0.9);
  -webkit-transform: perspective(600px) rotateX(15deg) scale(0.9);
  transform: perspective(600px) rotateX(15deg) scale(0.9);
  font-size: 21px;
  -moz-box-shadow: 0 20px 40px rgba(9, 67, 48, 0.5);
  -webkit-box-shadow: 0 20px 40px rgba(9, 67, 48, 0.5);
  box-shadow: 0 20px 40px rgba(9, 67, 48, 0.5);
}
.active .dinamic-btn .btn:active {
  -moz-transform: perspective(600px) rotateX(0deg) scale(1);
  -ms-transform: perspective(600px) rotateX(0deg) scale(1);
  -webkit-transform: perspective(600px) rotateX(0deg) scale(1);
  transform: perspective(600px) rotateX(0deg) scale(1);
  font-size: 22px;
  -moz-box-shadow: 0 15px 40px rgba(9, 67, 48, 0.5);
  -webkit-box-shadow: 0 15px 40px rgba(9, 67, 48, 0.5);
  box-shadow: 0 15px 40px rgba(9, 67, 48, 0.5);
}
.dinamic-btn .particles-circle {
  color: #FFFFFF;
  position: absolute;
  background-color: var(--primary);
  width: 30px;
  height: 30px;
  top: 10px;
  left: 50%;
  margin-left: -15px;
  z-index: -1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  text-align: center;
  visibility: hidden;
}
.dinamic-btn .particles-circle:nth-of-type(odd) { border: solid 2px var(--primary); background-color: transparent; color: var(--primary);}
@keyframes particles-1 {
  from {transform: scale(1);visibility: visible;}
  to {left: 131px;top: 36px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(1) {animation: particles-1 1s 0.025s;}
@keyframes particles-2 {
  from {transform: scale(1);visibility: visible;}
  to {left: -104px;top: -104px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(2) {animation: particles-2 1s 0.05s;}
@keyframes particles-3 {
  from {transform: scale(1);visibility: visible;}
  to {left: -31px;top: -108px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(3) {animation: particles-3 1s 0.075s;}
@keyframes particles-4 {
  from {transform: scale(1);visibility: visible;}
  to {left: 53px;top: -80px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(4) {animation: particles-4 1s 0.1s;}
@keyframes particles-5 {
  from {transform: scale(1);visibility: visible;}
  to {left: 175px;top: -146px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(5) {animation: particles-5 1s 0.125s;}
@keyframes particles-6 {
  from {transform: scale(1);visibility: visible;}
  to {left: 88px;top: 125px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(6) {animation: particles-6 1s 0.15s;}
@keyframes particles-7 {
  from {transform: scale(1);visibility: visible;}
  to {left: -233px;top: 249px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(7) {animation: particles-7 1s 0.175s;}
@keyframes particles-8 {
  from {transform: scale(1);visibility: visible;}
  to {left: -100px;top: -221px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(8) {animation: particles-8 1s 0.2s;}
@keyframes particles-9 {
  from {transform: scale(1);visibility: visible;}
  to {left: 9px;top: -221px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(9) {animation: particles-9 1s 0.225s;}
@keyframes particles-10 {
  from {transform: scale(1);visibility: visible;}
  to {left: -121px;top: 45px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(10) {animation: particles-10 1s 0.25s;}
@keyframes particles-11 {
  from {transform: scale(1);visibility: visible;}
  to {left: -154px;top: 16px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(11) {animation: particles-11 1s 0.275s;}
@keyframes particles-12 {
  from {transform: scale(1);visibility: visible;}
  to {left: -132px;top: -123px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(12) {animation: particles-12 1s 0.3s;}
@keyframes particles-13 {
  from {transform: scale(1);visibility: visible;}
  to {left: -173px;top: -77px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(13) {animation: particles-13 1s 0.325s;}
@keyframes particles-14 {
  from {transform: scale(1);visibility: visible;}
  to {left: -2px;top: -99px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(14) {animation: particles-14 1s 0.35s;}
@keyframes particles-15 {
  from {transform: scale(1);visibility: visible;}
  to {left: -219px;top: -109px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(15) {animation: particles-15 1s 0.375s;}
@keyframes particles-16 {
  from {transform: scale(1);visibility: visible;}
  to {left: -158px;top: -38px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(16) {animation: particles-16 1s 0.4s;}
@keyframes particles-17 {
  from {transform: scale(1);visibility: visible;}
  to {left: 234px;top: 52px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(17) {animation: particles-17 1s 0.425s;}
@keyframes particles-18 {
  from {transform: scale(1);visibility: visible;}
  to {left: 42px;top: 65px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(18) {animation: particles-18 1s 0.45s;}
@keyframes particles-19 {
  from {transform: scale(1);visibility: visible;}
  to {left: -217px;top: 209px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(19) {animation: particles-19 1s 0.475s;}
@keyframes particles-20 {
  from {transform: scale(1);visibility: visible;}
  to {left: 100px;top: 60px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(20) {animation: particles-20 1s 0.5s;}
@keyframes particles-21 {
  from {transform: scale(1);visibility: visible;}
  to {left: 128px;top: -126px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(21) {animation: particles-21 1s 0.525s;}
@keyframes particles-22 {
  from {transform: scale(1);visibility: visible;}
  to {left: 28px;top: -69px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(22) {animation: particles-22 1s 0.55s;}
@keyframes particles-23 {
  from {transform: scale(1);visibility: visible;}
  to {left: 248px;top: -88px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(23) {animation: particles-23 1s 0.575s;}
@keyframes particles-24 {
  from {transform: scale(1);visibility: visible;}
  to {left: -58px;top: 241px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(24) {animation: particles-24 1s 0.6s;}
@keyframes particles-25 {
  from {transform: scale(1);visibility: visible;}
  to {left: -247px;top: -190px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(25) {animation: particles-25 1s 0.625s;}
@keyframes particles-26 {
  from {transform: scale(1);visibility: visible;}
  to {left: 228px;top: -74px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(26) {animation: particles-26 1s 0.65s;}
@keyframes particles-27 {
  from {transform: scale(1);visibility: visible;}
  to {left: -185px;top: -61px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(27) {animation: particles-27 1s 0.675s;}
@keyframes particles-28 {
  from {transform: scale(1);visibility: visible;}
  to {left: -218px;top: 171px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(28) {animation: particles-28 1s 0.7s;}
@keyframes particles-29 {
  from {transform: scale(1);visibility: visible;}
  to {left: 140px;top: 156px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(29) {animation: particles-29 1s 0.725s;}
@keyframes particles-30 {
  from {transform: scale(1);visibility: visible;}
  to {left: 234px;top: -195px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(30) {animation: particles-30 1s 0.75s;}
@keyframes particles-31 {
  from {transform: scale(1);visibility: visible;}
  to {left: 128px;top: 57px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(31) {animation: particles-31 1s 0.775s;}
@keyframes particles-32 {
  from {transform: scale(1);visibility: visible;}
  to {left: 179px;top: 92px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(32) {animation: particles-32 1s 0.8s;}
@keyframes particles-33 {
  from {transform: scale(1);visibility: visible;}
  to {left: -166px;top: 216px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(33) {animation: particles-33 1s 0.825s;}
@keyframes particles-34 {
  from {transform: scale(1);visibility: visible;}
  to {left: -67px;top: -92px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(34) {animation: particles-34 1s 0.85s;}
@keyframes particles-35 {
  from {transform: scale(1);visibility: visible;}
  to {left: 88px;top: 80px;transform: scale(0);visibility: hidden;}
}
.active .dinamic-btn .particles-circle:nth-of-type(35) {animation: particles-35 1s 0.875s;}

.v-align {
  position: absolute;
  text-align: center;
  left: 0;
  width: 100%;
  max-height: 90vh;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wrap__sparks {
  transform: translateZ(-100px);
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@keyframes FadeIn { 
  0% { opacity:0; transform:scale(.1);}
  85% {opacity:1; transform:scale(1.05);}
  100% {transform:scale(1); }
}
/*
.clshowFadeIn i, .clshowFadeIn .item-start{ opacity:1;animation: FadeIn 1s linear; animation-fill-mode:both;}
.clshowFadeIn:nth-child(1) i {animation-delay: 1s}
.clshowFadeIn:nth-child(1) .item-start {animation-delay: 1s}
.clshowFadeIn:nth-child(2) i {animation-delay: 2s}
.clshowFadeIn:nth-child(2) .item-start {animation-delay: 2s}
.clshowFadeIn:nth-child(3) i {animation-delay: 3s}
.clshowFadeIn:nth-child(3) .item-start {animation-delay: 3s}
.clshowFadeIn:nth-child(4) i {animation-delay: 4s}
.clshowFadeIn:nth-child(4) .item-start {animation-delay: 4s}
*/
@media (max-width: 1919px) {
  .slider-block.style-two .slider-main .slider-item {
    height: 760px; } }
@media (max-width: 1599px) {
  .slider-block.style-two .slider-main .slider-item {
    height: 640px; } }
@media (max-width: 1024px) {
  .clParalax-item .pt-100 { padding-top: 50px;}
  .clParalax-item .list-feature .fs-70{font-size: 54px;}
  .clParalax-item .list-feature .clitem.fs-32{font-size: 28px;}
  .slider-block.style-two .slider-item  .text-content.flex-columns-between{width: 100%;}
  .slider-block.style-two .slider-item  .text-content.flex-columns-between .row{justify-content: center;}
  .slider-block.style-two .slider-item  .text-content.flex-columns-between .row i.fs-70{font-size: 55px;}
  /*.slider-block.style-two*/
  .slider-block.style-two .slider-main .slider-item {
    height: 560px; }
    .slider-block.style-two .slider-main .slider-item .heading2 br {
      display: none; }
    .slider-block.style-two .slider-main .slider-item .slider-img {
      display: none; } 
}
@media (max-width: 650px) {
  .txtHeadAnim { width: 300px;margin-left: -150px;}
  .txtHeadAnim ul{ padding-left: 150px;}
  .video-block .heading4{ font-size: 21px; padding-bottom: 20px;}
  .clParalax-item .slider-block.style-two .slider-main .slider-item {height: auto;}
  .clParalax-item .slider-block.style-two .slider-main .slider-item .mb-32{ margin-bottom: 20px;}
  .item-2 .clParalax-item{height: auto;}
  /*.slider-block.style-two*/
  .slider-block.style-two .slider-main .slider-item {
    height: 380px; }
  .slider-block.style-two .slider-main .slider-item .container .text-content .button-block {
    width: 100%; }
    .slider-block.style-two .slider-main .slider-item .container .text-content .button-block input {
      height: 54px;
      border-radius: 32px; }
}