.functionality-item {
  width: 100%;
  margin: 0 auto;
}

.functionality-item__icon img {
  height: 85px;
  width: 85px;
  max-width: initial;
}

.functionality-item__title {
  font-size: 1.125rem;
  font-weight: 400;
}
/*
@media only screen and (min-width: 1020px) {
  .functionality-item { width: 100%;margin: 0 auto;}
}*/
.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;
  }
}
.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);
} 

#home-video ul li::before {
    content: url(https://3790458.fs1.hubspotusercontent-na1.net/hubfs/3790458/2023/Chile/Flecha-amarilla.svg);
    position: absolute;
    transform: translateY(-1px);
    left: 0px;
}

.swiper-button-prev {
    top: auto;
    left: calc(50% - 64px);
}
.swiper-button-next {
    top: auto;
    left: calc(50% + 8px);
}


/* E2E */

.box-e2e {
 /* background-color: var(--bg-banner-static-solid);*/
  box-shadow: var(--box-shadow-1);
  border-radius: 16px;
/*  display: flex;
  align-items: flex-start;*/
  padding: 0rem 1rem 1rem;
  min-height: 178px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}
.box-e2e__icon {
  height: 100px;
    left: 50%;
    position: relative;
    margin-bottom: -50px;
    transform: translateX(-50%);
    width: 100px;
    display: flex;
    z-index: 9;
}

.box-e2e__title {
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
      margin-top: 30px;
}

.wraper-box-e2e .swiper {
  padding: 3.3rem 0.8rem 2rem 0.8rem !important;
}

@media only screen and (min-width: 767px) {
  .box-e2e {
    min-height: 178px;
  }
}
}