@font-face {
    font-family: helvetica_thin;
    src: url('/assets/font/helveticaneue/HelveticaNeue-Thin.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_light;
    src: url('/assets/font/helveticaneue/HelveticaNeue-Light.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica;
    src: url('/assets/font/helveticaneue/HelveticaNeue.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_medium;
    src: url('/assets/font/helveticaneue/HelveticaNeue-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_bold;
    src: url('/assets/font/helveticaneue/Helvetica-Neu-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_black;
    src: url('/assets/font/helveticaneue/HelveticaNeue-BlackCond.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_bd;
    src: url('/assets/font/helveticaneue/HelveticaNeueBd.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_hv;
    src: url('/assets/font/helveticaneue/HelveticaNeueHv.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_lt;
    src: url('/assets/font/helveticaneue/HelveticaNeueLt.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_italyc;
    src: url('/assets/font/helveticaneue/HelveticaNeueIt.ttf')  format('truetype');
}
@font-face {
    font-family: helvetica_med;
    src: url('/assets/font/helveticaneue/HelveticaNeueMed.ttf')  format('truetype');
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");

/* ALL */
*{
    font-family: helvetica_medium;
    font-size: 15px;
}

/* font */
.hv-thin{
    font-family: helvetica_thin;
}
.hv-light{
    font-family: helvetica_light;
}
.hv-medium{
    font-family: helvetica_medium;
}
.hv-bold{
    font-family: helvetica_bold;
}
.hv-black{
    font-family: helvetica_black;
}
.hv-bd{
    font-family: helvetica_bd;
}
.hv-hv{
    font-family: helvetica_hv;
}
.hv-italyc{
    font-family: helvetica_italyc;
}
.hv-lt{
    font-family: helvetica_lt;
}
.hv-med{
    font-family: helvetica_med;
}

.fs-4{
    font-size: 4px;
}
.fs-6{
    font-size: 6px;
}
.fs-8{
    font-size: 8px;
}
.fs-10{
    font-size: 10px;
}
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.fs-20{
    font-size: 20px;
}
.fs-22{
    font-size: 22px;
}
.fs-24{
    font-size: 24px;
}
.fs-26{
    font-size: 26px;
}
.fs-28{
    font-size: 28px;
}
.fs-30{
    font-size: 30px;
}
.fs-32{
    font-size: 32px;
}
.fs-34{
    font-size: 34px;
}
.fs-35{
    font-size: 35px;
}
.fs-36{
    font-size: 36px;
}
.fs-38{
    font-size: 38px;
}
.fs-40{
    font-size: 40px;
}
.fs-42{
    font-size: 42px;
}
.fs-44{
    font-size: 44px;
}
.fs-45{
    font-size: 45px;
}
.fs-48{
    font-size: 48px;
}

@media only screen and (max-width: 576px) {
    /* .fs-30{
        font-size: 15px;
    }
    .fs-32{
        font-size: 16px;
    }
    .fs-34{
        font-size: 17px;
    }
    .fs-35{
        font-size: 17.5px;
    }
    .fs-36{
        font-size: 18px;
    }
    .fs-38{
        font-size: 19px;
    } */
    .fs-40{
        font-size: 20px;
    }
    .fs-42{
        font-size: 21px;
    }
    .fs-44{
        font-size: 22px;
    }
    .fs-45{
        font-size: 22.5px;
    }
    .fs-48{
        font-size: 24px;
    }
}

/* layout */
.mw-1280{
    max-width: 1280px;
}
.plt-20{
    padding: 0;
}
@media only screen and (max-width: 1280px) {
    .plt-20{
        padding: 0 20px;
    }
  }

/* tools */
.no-btn{
    background: none;
    outline: none;
    border: none;
}

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

.bd-bottom{
    border-bottom: 1px solid #d8d8d8;
}

.no-btn:focus{
    background: none;
    outline: none;
    border: none;
}

.btn{
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-blue{
    background: #0093FE;
    outline: 2.5px solid #6BC0FE;
    color: white;
}
.btn-blue:hover{
    color: rgb(226, 225, 225);
    background: #0181dd;
}
.custom-input::placeholder{
    color: #8e9ab3;
}
.custom-input{
    background: none;
    border: none;
    outline: none;
    color: #626E86;
    border-bottom: 1px solid #989898;
    width: 100%;
    padding: 8px 0;
    margin: 15px 0;
}

/* color */
.text-gray{
    color: #626E86;
}