@font-face{
    font-family: MetropolisBlack;
    src: url('fonts/Metropolis-Black/Metropolis-Black.otf');
}

@font-face{
    font-family: MetropolisRegular;
    src: url('fonts/Metropolis-Black/Metropolis-Regular.otf');
}

@font-face{
    font-family: MetropolisLight;
    src: url('fonts/Metropolis-Black/Metropolis-Light.otf');
}

@font-face{
    font-family: MetropolisSemiBold;
    src: url('fonts/Metropolis-Black/Metropolis-SemiBold.otf');
}

.border-30px{
    border-radius:30px !important;
}

.fs-10px{
    font-size:10px !important;
}

.fs-12px{
    font-size:12px !important;
}

.fs-14px{
    font-size:14px !important;
}

.fs-16px{
    font-size:16px !important;
}

.fs-18px{
    font-size:18px !important;
}

.fs-20px{
    font-size:20px !important;
}

.btn-icon{
    width: 30px !important;
    height: 30px !important;
}

.btn-custom{
    background-color:#3c2fc2 !important;
    border:1px solid #3c2fc2 !important;
    color:white;
}

.color-sadata{
    color:#c92528 !important;
}

.btn-sadata{
    background-color:#c92528 !important;
    border:1px solid #c92528 !important;
    color:white;
}

.btn-sadata-blue{
    background-color:#3b5ab4 !important;
    border:1px solid #3b5ab4 !important;
    color:white;
}

.text-sadata-blue{
    color: #3b5ab4 !important;
}

.form-border-bottom{
    border-bottom:1px solid #ccc !important;
    border-top:unset !important;
    border-left:unset !important;
    border-right:unset !important;
    border-radius:unset !important;
}

.form-border-bottom:focus{
    border-bottom:1px solid red !important;
    box-shadow:unset !important;
}

.ff-light{
    font-family: MetropolisLight !important;
}

.ff-default{
    font-family: MetropolisBlack !important;
}

.ff-regular{
    font-family: MetropolisRegular !important;
}

.ff-semibold{
    font-family: MetropolisSemiBold !important;
}

.nav-item > .active{
    color:#c92528 !important;
}

.text-sadata-grey{
    font-size: 12px !important;
    color: grey !important;
}

input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
  }

input.sadata-checkbox {
    transform: scale(1.5);
    border: 2px solid #3c2fc2;
    transition: .2s;
}

input.sadata-checkbox:checked {
    background-color: #3c2fc2;
    border-color: #3c2fc2;
}

.container {
    max-width: 100% !important;
}