/* Add here all your CSS customizations */

@font-face {
    font-family: "SF-Reg";
    src: url('fonts/SF-Pro-Display-Regular.otf');
}
@font-face {
    font-family: "SF-Black";
    src: url('fonts/SF-Pro-Display-Black.otf');
}
@font-face {
    font-family: "SF-Bold";
    src: url('fonts/SF-Pro-Display-Bold.otf');
}
@font-face {
    font-family: "SF-Heavy";
    src: url('fonts/SF-Pro-Display-Heavy.otf');
}
@font-face {
    font-family: "SF-Light";
    src: url('fonts/SF-Pro-Display-Light.otf');
}
@font-face {
    font-family: "SF-Semibold";
    src: url('fonts/SF-Pro-Display-Semibold.otf');
}
@font-face {
    font-family: "SF-Thin";
    src: url('fonts/SF-Pro-Display-Thin.otf');
}
@font-face {
    font-family: "SF-Ultralight";
    src: url('fonts/SF-Pro-Display-Ultralight.otf');
}

.scroll_down {
    width: 25px;
    height: 25px;

}

.text-dark-grey {
    color: #595959 !important;
}

.text-weight-bolder {
    font-weight: 600; !important;

}

.more-spacing {
    letter-spacing: 0.01px; !important;
}

.icon-size {
    width: 50px;
    height: 50px;
}

.vl1 {
    border-left: 2px solid white;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -3px;

}

.vl2 {
    border-left: 2px solid green;
    height: 50px;
    position: relative;
    left: 50%;
    margin-left: -3px;

}

.custom-header {
    font-weight: 300;
    line-height: 42px;
}

.extra-padding {
    padding-top: 30px;
}

.btn-form {
    background-color: #f4f4f4;
}

.text-form {
    color: #929393;
}