.section {
    /* padding: 0 !important; */
}

@font-face{
    font-family: "Kiro";
    src: url(/fonts/Kiro-Regular.otf) format("opentype");
    font-weight:400
}


@font-face{
    font-family: "Kiro";
    src: url(/fonts/Kiro-Bold.otf) format("opentype");
    font-weight:600
}

@font-face{
    font-family: "Kiro";
    src: url(/fonts/Kiro-Thin.otf) format("opentype");
    font-weight:300
}

@font-face{
    font-family: "Kiro";
    src: url(/fonts/Kiro-Light.otf) format("opentype");
    font-weight:200
}

html, body{
    font-family: 'Kiro' !important;
    color:#00205b;
}
::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

.brand-logo-image {
    width: 5vw;
    vertical-align: middle;
}

.lang-wrap {
    height: auto;
    width: 100%;
    vertical-align: middle;
}

.lang-logo {
    width: auto;
    height: 1.5rem;
}

.item-3{
    flex-basis:30%;
    margin-top: 4%;
    max-width: 30%;
}

.item{
    flex:1;
}
.title-finpay {
    font-weight: bold;
    font-size: 1rem;
    color:#ffffff;
}

.title-product {
    color: #00205b;
    font-weight: 600;
    font-family: Kiro;
    font-size: 1.1rem;
}

.subtitle-finpay {
    font-weight: 400;
    font-size: 0.8rem;
    color:#ffffff;
}

.align-left {
    text-align: left !important;
}

.align-center {
    text-align: center !important;
}

.align-right {
    text-align: right !important;
}

.align-justify {
    text-align: justify !important;
}

.menu-nav {
    color: #979797;
}

.menu-nav:hover {
    background-color: unset;
    color: #00205b;
    text-decoration: underline #00205b solid;
}

.color-blue {
    color: #00205b;
}

.color-white {
    color: white;
}

.sub-flex {
    padding: 0 !important;
}

.menu-nav.active {
    color: #00205b;
    padding-bottom: 5px;
}

.section-landing {
    background-color: #F5F5F5;
    padding: 4% 0;
}

.no-padding {
    padding: 0 !important;
}

.step-circle {
    vertical-align: middle;
    font-weight: 400;
    border: 1px solid #9da3a6;
    border-radius: 50%;
    background-clip: padding-box;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.2rem !important;
    text-align: center;
}

.subnavbar {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 2;
    padding: 0 15px 0 15px;
}

.right-border {
    border-right: 1px solid #979797;
}

.no-margin {
    margin: 0;
}

.font-small {
    font-size: 12px;
    line-height: 15px;
}

.dropdown-menu-nav {
    padding-top: 10px
}

.weight-small {
    font-weight: 200;
}

.weight-regular {
    font-weight: 400;
}

.weight-bold {
    font-weight: 600;
}

@media (min-width: 481px) and (max-width: 840px) {

    .personal-landing-image-m {
          display: flex;
          /* height:calc(260vw * 0.35) !important; */
          height:calc(100vw * 0.35) !important;
          /* height:100vh !important; */
          flex-direction: column;
          justify-content: center;
      }   
  
      .personal-landing-image-promo {
          display: flex;
          height:calc(120vw * 0.35) !important;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }
      .video-finpay{
          height:calc(100vw * 0.35) !important;
      }
  }

@media (max-width:480px){

    .personal-landing-image-promo {
        display: flex;
        height:calc(300vw * 0.35) !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .video-finpay{
        height:calc(100vw * 0.6 ) !important;
        width:auto;
    }


    .personal-landing-image-m {
        display: flex;
        height:calc(430vw * 0.35) !important;
        flex-direction: column;
        justify-content: center;
    }
}