.banner-formulario .form input[type=email], 
.banner-formulario .form input[type=number], 
.banner-formulario .form input[type=password], 
.banner-formulario .form input[type=tel], 
.banner-formulario .form input[type=text], 
.banner-formulario .form textarea { background: #F6F8FE !important; border: 1px solid transparent;color: #2f4daacc;}
.banner-formulario ::-webkit-input-placeholder {color: #2f4daacc; font-weight:400;}
.banner-formulario :-ms-input-placeholder {color: #2f4daacc; font-weight:400;}
.banner-formulario ::placeholder {color: #2f4daacc; font-weight:400;} 
.banner-formulario .HFit-cont {height:fit-content;}
.banner-formulario .hs-fieldtype-intl-phone.hs-input { width:100% !important;  }
.form fieldset .field {
  padding-bottom: 1rem;
}
.form input[type=email], 
.form input[type=number],
.form input[type=password], 
.form input[type=tel],
.form input[type=text],
.form select, 
.form textarea {display: block; outline: 0; font-size: 16px; line-height: 22px; cursor: pointer;
                padding: 8px 10px; width: 100% !important; border-radius: 30px !important; color: #354256; 
                border: 1px solid #d3e3f0; box-shadow: none; background: white; font-family: 'inter',sans-serif;}
.form form label span:first-child { 
  color: #33475b; 
  font-family: 'inter',sans-serif; 
  font-size: 16px; 
  font-weight: 500; 
  line-height: 20px; 
  margin-bottom: 4px;
}
.form .hs-fieldtype-intl-phone.hs-input select {
  background: url(https://info.buk.co/hubfs/2023/Landing/pago%20UI%20kit/Vector-abajo.svg), #F6F8FE; 
  background-repeat: no-repeat; 
  background-position-y: center; 
  background-position-x: 90%; 
  width: 39% !important;
}
.form .hs_phone select { background-position-x: 80%;}
.form .hs-fieldtype-intl-phone.hs-input input {  width: 59% !important;}
.form select { 
  height: 40px; 
  appearance: none; 
  border: 1px solid #F6F8FE !important;
  color: #2F4DAACC;
  background: url(https://info.buk.co/hubfs/2023/Landing/pago%20UI%20kit/Vector-abajo.svg), #F6F8FE;
  background-repeat: no-repeat; 
  background-position-y: center; 
  background-position-x: 97%;
}
.form input[type=submit] {
  display: block; 
  background: linear-gradient(0deg, #F8A12A 0%, #FBBF3D 100%); 
  border-radius: 30px;
  border: none ; 
  outline: 0; 
  font-size: 17px; 
  padding: 12px 25px; 
  line-height: 23px; 
  text-transform: none; 
  font-weight: 700; 
  color: #fff !important; 
  transition: all ease .3s;  
  margin: 1rem auto 0;
}
.form input[type=submit]:hover {
  display: block; 
  background: linear-gradient(178.56deg, #F59121 1.23%, #CE5816 151.61%); 
  color: var(--color-white); 
  cursor:pointer
}
.form .hs-fieldtype-intl-phone { width: 100%;}
.form li {list-style:none;}
.form fieldset { max-width: unset !important;}
.form label.hs-error-msg {
    color: var(--color-error);
    font-size: 0.938rem;
    margin-top: .5rem;
    display: block;
/*     margin-bottom: 1rem; */
    margin-left: 1rem;}
.banner-formulario .form input[value] {font-weight:600; color:#2f4daa; width: 100%;}

.form fieldset [class*="acepto_de_terminos_y_condiciones"] label a { color: var(--color-middle-blue-1); }
.form fieldset ul.inputs-list.multi-container { margin-top: 10px; }
.form fieldset li.hs-form-checkbox label span { margin-left: 8px; }
.form fieldset li.hs-form-checkbox:not(:last-of-type) {
  margin-bottom: 8px;
}

@media only screen and (min-width: 767px) {
  .banner-formulario .form input[value] { 
    width: auto;
  }
}
@keyframes fadeEffect { from {opacity: 0;}to {opacity: 1;}}
#video-popup a.showUp-video { transition: 0.3s; }
#video-popup a.showUp-video:hover{ opacity:0.8; }   
.video-modal, .video-modal .overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000;;}
.video-modal {overflow: hidden;position: fixed; opacity: 0.0; -webkit-transform: translate(500%,0%); transform: translate(500%,0%); -webkit-transition: -webkit-transform 0s linear 0s; transition: transform 0s linear 0s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.video-modal .overlay { z-index: 0;  background: rgb(0 0 0 / 80%); opacity: 0.0; -webkit-transition: opacity 0.2s ease-out 0.05s; transition: opacity 0.2s ease-out 0.05s;}
.video-modal-content {position: relative; top: auto;right: auto;bottom: auto;left: auto; z-index: 1;margin: 0 auto;	overflow-y: visible;background: #000;  width: calc(100% - 3em);  height: 0; padding-top: calc((100% - 1em) * 0.5625);}
.noscroll { overflow: hidden; }
@media (min-aspect-ratio: 16/9) {
  .video-modal-content { width: 0; height: calc(100vh - 10em); padding-top: 0;  padding-left: calc((100vh - 10em) * 1.7778); }
}
/* Mobile Layout Tweaks - side margins reduced */
@media (min-width: 767px) {
  .video-modal-content { width: 0; height: calc(100vh - 10em); padding-top: 0;  padding-left: calc((100vh - 10em) * 1.7778);
}}
/* modal close button */
.close-video-modal { border: 2px solid; border-radius: 14px;color: #fff; display: block; font-size: 0.875rem; font-weight: 700; padding: 6px 8px; position: absolute; right: 20px; text-decoration: none; top: -40px;}
iframe#youtube { position: absolute;top: 0;right: 0;bottom: 0;left: 0;	z-index: 1;	background: #000;	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);}
.show-video-modal .video-modal {opacity: 1.0;	transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}
.show-video-modal .video-modal .overlay {opacity: 1.0;}
.show-video-modal .video-modal-content {transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}
 .swiper-button-next, .swiper-button-prev {
  background: var(--color-white);
  border: 2px solid var(--color-blue-buk);
  border-radius: 50%;
  height: 55px;
  width: 55px;
  z-index: 9999999909;
}

.swiper-button-prev::after, .swiper-button-next::after {
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 50px;
  width: 50px;
}


.swiper-button-prev::after {
  background-image: url(https://www.buk.cl/hubfs/2023/Landing/pago%20UI%20kit/flechas/flecha-azul-izq.svg);
}
.swiper-button-next::after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRight.svg)
}

.swiper-button-next:hover, .swiper-button-prev:hover {
  background: #2f4daa;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  border: 3px solid #a1a2aa;
  opacity: .3;
}

.swiper-button-next:hover::after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRightWhite.svg);
}
.swiper-button-prev:hover::after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aLeftWhite.svg)
}

.swiper-button-next.swiper-button-disabled:after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aRightGrey.svg);
}
.swiper-button-prev.swiper-button-disabled:after {
  background-image: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Landing/pago%20UI%20kit/flechas/aLeftGrey.svg);
} #}


/* ------ banner -------- */
.banner-formulario p{max-width: 500px;}
.banner-formulario .info-form li:before {content: ''; display: inline-block; background:url(https://www.buk.cl/hubfs/2023/Buk-ui-kit/Landing/Pagos/Flecha.svg); width:22px;height:22px;}
.banner-formulario li span {max-width:86%;}
.banner-formulario strong{color:var(--color-blue-buk);color: var(--color-blue-buk); font-weight: 600;}

/* ------ captera -------- */
.captera-carrusel h3 {max-width: 52rem; margin-left: auto; margin-right: auto;}
.captera-carrusel .p2 {color: #2F4DAA;}
.captera-carrusel p {color: #2F4DAA;}
.captera-carrusel  .resena {font-size: 0.875rem;color: #2F4DAA;}
.captera-carrusel .hi-400 { min-height: 410px; border-radius:12px;}
.captera-carrusel .tres-col--carousel.buk-px-lg-7 {padding-left: 0rem; padding-right: 0rem; }
.captera-carrusel .swiper-button-prev, .captera-carrusel .swiper-button-next { top: calc(100% - 34px); }
.captera-carrusel .swiper-button-prev { left: calc(50% - 59px);} 
.captera-carrusel .swiper-button-next { left: calc(50% + 4px);}


/* Tarjeta Carrusel */
.card-simplifica .box-benefits__item-1:before {
    background-image: url(https://www.buk.cl/hubfs/2023/Buk-ui-kit/Flecha-amarilla.svg) !important; background-position: 50%; background-repeat: no-repeat;
    content: ""; display: block;  height: 40px; position: absolute; top: -7px; transform: translateX(-50%); width: 40px; left: 10px;
    }
.card-simplifica .mtop-negativo {
    margin-top: -40px;
    }
.card-simplifica .minh-272 {
    min-height: 284px;
    }
.card-simplifica .minh-290 {
    min-height: 290px;
    }
.card-simplifica .group:nth-child(2) .minh-290 {
    min-height: 230px;
    }
.tarjetaCarusel2 .shadow-box-fluid {   
    min-height: 600px;
    }
@media only screen and (min-width: 1020px) {
.tarjetaCarusel2 .shadow-box-fluid {   
    min-height: 630px;
    }
}  

@media only screen and (min-width: 1020px) {
.lp-nomina .captera-carrusel .hi-400 {
    min-height: 350px;
  }
}