.home-slider-animation .col-inner {
    min-height: 318px;
        background-color: red;
}

.home-slider-animation {
    max-width: 1340px !important;
}
.col-slider-home .col-inner {
    background: #D9D9D9;
    margin: 0 0 0 36px;
    display: inline-block;
    transform: skew(350deg);
    -webkit-backface-visibility: hidden;
    border-radius: 8px;
    transition: flex-basis 0.5s, max-width 0.5s;
}
.col-slider-home {
transition: flex-basis 0.5s, max-width 0.5s;
    cursor: pointer;


}

.home-slider-animation .slxm3 {
    display: none !important;
}

.home-slider-animation .sloto1,  .home-slider-animation .sloto2 {
    display: none !important;
}



.home-slider-animation .large-3 .slxm1 , .home-slider-animation .large-3 .slxm2{
   display: none !important;
}
.home-slider-animation .large-3 .slxm3{
   display: inherit !important;
}

.home-slider-animation .large-9 .sloto1,.home-slider-animation .large-9 .sloto2 {
    display:  inherit !important;
}

.home-slider-animation .large-9 .sloto3 {
    display: none !important;
}

.home-slider-animation .slxm2 .img:nth-child(1) {
    width: 600px !important;
    position: absolute;
    top: 0px;
    left: -75px;
    border: none !important;
}

 .home-slider-animation .slxm2 .img:nth-child(2) {
    position: absolute;
    bottom: 22px;
    width: 284px !important;
    left: 15px;
}


.home-slider-animation .col .col-inner .col-inner {
    background: unset;
    margin: unset;
    display: unset;
    transform: unset;
    border-radius: unset;
}

.home-slider-animation .col-slider-home .row {
    transform: skew(-350deg);
    background: url(/wp-content/uploads/2023/08/bg_x.png) no-repeat 88% 50%;
}


 /*css step by step */
.res-steps-container .res-steps {
    width: 49%;
    text-align: center;
    float: left;
    cursor: pointer
}

.res-steps-container .res-steps .res-step-bar {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    border-radius: 50% !important;
    background: #7F7F7F;
    display: inline-block;
    height: 32px;
    width: 32px;
    margin-top: 10px;
    text-align: center;
    color: #fff;
    padding-top: 3px;
}

.res-steps-container .res-steps .res-progress-title {
    text-align: center;
    font-size: 15px;
    padding-top: 10px;
    display: block
}

.res-steps-container .res-steps .res-progress-bar {
    height: 5px;
    background: #CCCCCC;
    width: 50%;
    margin: -18px 0 0 50%;
    float: left
}

.res-steps-container .res-step-two .res-progress-bar, .res-steps-container .res-step-three .res-progress-bar, .res-steps-container .res-step-four .res-progress-bar {
    width: 100%;
    margin-left: 0%
}

.res-steps-container .res-step-four .res-progress-bar,.res-steps-container .res-step-two .res-progress-bar {
    width: 50%;
    margin-right: 50%
}



.active .res-step-bar {
    background: #FF8724 !important
}


.res-steps-container { display: flex; justify-content: center; align-items: center; }

/* end css step by step */
/*  css ranger */

 .range-container {
    text-align: center;
    padding: 20px;
    margin-bottom: 30px;
}

    .range-container .dots-container {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: -16.5px !important;
      width: 100%;
      margin: 0 auto;
    }

    .range-container .firefox-browser {   margin-top: -20.5px !important; }

    .range-container .dot {
      width: 8px;
      height: 8px;
      background-color: #fff;
      border-radius: 50%;
    }

    .range-container .dot.filled {
      background-color: #fff;
    }

    .range-container .label-container {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin: 0 auto;
      margin-top: 10px;
    }
    .label-containerCar div:nth-child(1) { margin-left: 7px; } 
    .label-containerCar div:nth-child(2) { margin-left: 8px; }
    .label-containerCar div:nth-child(3) { margin-left: 10px; }
     .label-containerCar div:nth-child(4) { margin-left: 10px; }
     .label-containerCar div:nth-child(5) { margin-left: 8px; }
     .label-containerCar div:nth-child(6) { margin-left: 8px; }
      .label-containerCar div:nth-child(7) { margin-left: 8px; }

  /*  .range-container input[type="range"] {
      -webkit-appearance: none;
      appearance: none;
      width: 100%;
      margin: 0 auto;
      background: none;
    }

    .range-container input[type="range"]::-webkit-slider-runnable-track {
      width: 100%;
      height: 12px;
      background: linear-gradient(90deg, #F69134 0%, #F52A2A 100%);
      border: none;
      border-radius: 5px;
    }
    .range-container input[type="range"]::-webkit-slider-thumb:hover
    {
        cursor: pointer;
    }

    .range-container input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-image: url("https://truemoneyvay.congnghevietnam.vn/wp-content/uploads/2023/08/btn-ranger.png");
      background-size: cover;
      position: sticky;
      margin-top: -8px;
      margin-left: -1px;
    }*/

    .range-container input[type="range"] {
  appearance: none;
  width: 100%;
  margin: 0 auto;
  /* Xóa background mặc định */
  background: none;
}

.range-container input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #F69134 0%, #F52A2A 100%);
  border: none;
  border-radius: 5px;
}

.range-container input[type="range"]::-moz-range-track {
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, #F69134 0%, #F52A2A 100%);
  border: none;
  border-radius: 5px;
}

.range-container input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-image: url("https://truemoneyvay.congnghevietnam.vn/wp-content/uploads/2023/08/btn-ranger.png");
  background-size: cover;
  position: sticky;
  margin-top: -8px;
  margin-left: -1px;
  z-index: 55555;
  position: relative;
}

.range-container input[type="range"]::-moz-range-thumb {
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-image: url("https://truemoneyvay.congnghevietnam.vn/wp-content/uploads/2023/08/btn-ranger.png");
  background-size: cover;
  position: sticky;
  margin-top: -8px;
  margin-left: -1px;
  border: unset !important;
   transform: translateZ(0);
  position: relative;
}

@supports not( -moz-appearance:none ){
 
   .dots-container { margin-top: -20.5px !important; }
 
}

.range-container input[type="range"]:hover::-webkit-slider-thumb {
  cursor: pointer;
}

.range-container input[type="range"]:hover::-moz-range-thumb {
  cursor: pointer;
}

    
   .min-max-label {
  display: inline-block;
  width: 50%;
}

.minLabel {
  float: left;
  text-align: left;
}

.maxLabel {
  float: right;
  text-align: right;
}

.range-container .label-text {
    width: 100%;
    margin: auto;
}
form#formStep1 .col.small-12.large-12 { text-align: center; padding-top: 10px; } form#formStep1 .col.small-12.large-12 .form-group .form-check { margin-bottom: 0 !important; }
p.show-on-range { width: 100%; margin: auto; text-align: left; margin-bottom: 15px; }

.res-step-form input, .res-step-form select { box-shadow: unset !important; border: 1px solid #B3B3B3 !important; border-radius: 8px !important; }
.form-control.data-error,.form-select.data-error { border: 1px solid #EC0000 !important; }
small.form-text.text-muted { font-size: 90%; color: #EC0000; }
.step-col-button .col-inner p {
    margin-bottom: 0px;
}
.res-step-form .wpcf7-response-output { display: none; }
.res-step-form form { margin-bottom: 0px; }
small.form-text.text-muted { display: none; }
.res-step-form {
    padding: 48px 100px;
    border-radius: 8px;
    border: 1px solid #DEDEDE;
    background: #F2F2F2 url(/wp-content/uploads/2023/08/bg-form.png) no-repeat right;
    background-color: #F2F2F2;
}
.cf7hidden { display: none; }
.range-container input {
    border: unset !important;
}
p.show-on-range { font-size: 20px; }
.MonthlyPaymentResult { font-size: 34px !important; color: #FF8724; margin-bottom: 0px; }
  p.txtMonthlyPayment { color: #7F7F7F; font-size: 16px; font-weight: 600; }
  .res-step-form span.wpcf7-spinner { display: none; }
  .btn-custom-alert { text-transform: inherit !important; background-color: #EC1C24 !important; width: 300px; height: 48px; border-radius: 8px !important; margin-bottom: 0px !important;}
  .res-step-form.res-form-one .col { padding-bottom: 0px; }  .res-step-form.res-form-one .next-step-btn { margin-bottom: 0px; }
  .res-step-form.res-form-one .form-check { margin-bottom: 30px; }
  .res-step-form .form-group {
    margin-bottom: 15px;
}
.form-control, .form-select { margin-bottom: 5px; }
div#popupVayDone .col,div#TuyenDungDone .col { padding-bottom: 0px; }  div#popupVayDone .col-inner, div#TuyenDungDone .col-inner{ padding: 48px 32px; }
.btn-close-popup { width: 200px; height: 48px; line-height: 48px !important; border-radius: 8px !important; }
div#popupVayDone,div#TuyenDungDone {
    border-radius: 8px;
}
p.show-on-range { font-weight: 700; } span.wpcf7-spinner { display: none; } p.show-on-range span { color: #FF8724; }

.mw-1270 {
    max-width: 1270px !important;
}

button.button.primary.next-step-btn {
    background-color: #EC1C24;
    height: 48px;
    border-radius: 8px;
    width: 300px;
}

.mw-1270 .row {
    max-width: unset !important;
}
small#gridCheckStepHelp {
    margin-top: 10px;
}
button.button.primary.next-step-btn:after {
    content: "";
    background: url(/wp-content/uploads/2023/08/arrow-right-1.png) no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    background-size: 24px;
    top: 8px !important;
    position: relative;
}

.main-button-step > .col-inner {
    background-color: #F2F2F2;
    padding: 4px;
    border-radius: 50px;
}

a.button.btn-vay {
    color: #7F7F7F;
    font-size: 18px;
    font-weight: 600;
}
a.button.btn-vay-active {
    border: 1px solid #FF8724 !important;
    background-color: #FFF3E9 !important;
    border-radius: 99px;
    color: #FF8724;
}

a.button.btn-vay-active:hover {
    color: #FF8724 !important;
}
input[type=checkbox] {
  position: relative;
    border: 2px solid #B3B3B3 !important;
    border-radius: 2px !important;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
  opacity: .5;
  display: inline-block !important;
}

input[type=checkbox]:hover {
  opacity: 1;
}

input[type=checkbox]:checked {
  background-color: #EC1C24;
  opacity: 1;
  border: unset !important;
}

input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #b3b3b3;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

label.form-check-label a {
    text-decoration: revert;
    margin-right: 10px;
    color: #EC0000;
    outline: #EC0000 !important;
    font-weight: 700;
}
.pd0-30 {
    padding: 0px 30px !important;
}

/*dieu kien vay*/

.vayngay-dieukienvay p {
    font-size: 18px;
    margin-bottom: 0px;
}

/*  css tracking */

.trackingcnv .col .col-inner { padding: 48px; }
.trackingcnv a { text-decoration-line: underline; color: #ec1c24; }
.trackingcnv .col {
    padding-bottom: 0px;
}

#trackingData{
    margin-bottom: 0px !important;
    color: #fff;
    text-decoration-line: unset;
    font-size: 18px;
   
    }


/*    column expansion animation*/

.expanded .slxm3 {
    display: none !important;
}
.expanded .slxm1,.expanded .slxm2 {
    display: inherit !important;
}

.noexpanded .slxm3 {
    display: inherit !important;
}

.noexpanded .slxm1,.noexpanded .slxm2 {
    display: none !important;
}

.expanded .sloto3 {
    display: none !important;
}
.expanded .sloto1,.expanded .sloto2 {
    display: inherit !important;
}

.noexpanded .sloto3 {
    display: inherit !important;
}

.noexpanded .sloto1,.noexpanded .sloto2 {
    display: none !important;
}




.column-expansion-animation a.button {
    width: 200px;
    color: white;
    font-size: 18px;
    background-color:  #1C75BC !important;
    border-radius: 8px;
}

.column-expansion-animation ul  {
margin-bottom: 16px !important;
}
.column-expansion-animation ul li {
   /* font-size: 18px;
    list-style: none;
    background: url(/wp-content/uploads/2023/08/li.png) no-repeat left center;
    background-size: 24px;*/
    font-size: 18px;
    color: #663400;
    font-weight: 600;
    margin-left: 0px !important;
    padding-left: 32px;
    background: url(/wp-content/uploads/2023/08/li.png) no-repeat left center;
    list-style: none;
    background-size: 24px;
    margin-bottom: 8px !important;


}
/*.column-expansion-animation .img2 {
    position: absolute;
    bottom: 0;
    width: 250px !important;
}*/
.column-expansion-animation .col .col-inner .col-inner {
    background: unset;
    margin: unset;
    display: unset;
    transform: unset;
    border-radius: unset;
}

.column-expansion-animation .expansion1 .row,.column-expansion-animation .expansion2 .row {
    transform: skew(-350deg);
    background: url(/wp-content/uploads/2023/08/bg_x.png) no-repeat 88% 50%;
}

.column-expansion-animation .col .col-inner{
    background: #D9D9D9;
    margin: 0 0 0 36px;
    display: inline-block;
    transform: skew(350deg);
    border-radius: 8px;
    -webkit-backface-visibility: hidden;
   
}
.column-expansion-animation {
    -webkit-backface-visibility: hidden;
}

.goi-vay .row .row, .goi-vay .row .row .col-inner {
   
    -webkit-backface-visibility: hidden;
}

.column-expansion-animation .expansion2,.column-expansion-animation .expansion1 {
    
  transition: flex-basis 0.5s, max-width 0.5s;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    

}

.expansion1, .expansion2 {
    flex-basis: 25% !important;
    max-width: 25% !important;
}

.expanded {
    flex-basis: 75% !IMPORTANT;
    max-width: 75% !important;
}
.noexpanded {
        flex-basis: 21.5% !important;
    max-width: 21.5% !important;
}
.form-check-qrt .form-check { width: 70%; float: left; }  .form-check-qrt a { float: right; }

a.btn-mfp-close { position: absolute; top: 0%; right: 0%; }

.btn-mfp-close {
  display: inline-block;
  width: 30px; /* Set the width and height to match your image dimensions */
  height: 30px;
  background: url('/wp-content/uploads/2023/10/b-close.svg') no-repeat;
  background-size: cover; /* This will scale the background image to cover the entire element */
  text-indent: -9999px; /* This will hide the text content of the anchor tag */
  opacity: 0.4;
}

.btn-mfp-close:hover {
 background: url('/wp-content/uploads/2023/10/btn-mfp-close.svg') no-repeat;
 opacity: 1;

}







    /* Media query cho kích thước màn hình nhỏ hơn hoặc bằng 768px */
@media (max-width: 768px) {
  

.fix-qrt { padding: 10px; }.fix-qrt .col { padding-bottom: 0px; }
.fix-qrt p { font-size: 80%; }
.fix-qrt a.button.trackingData { margin: 0px; font-size: 80%; }

  }