@font-face {
    font-family: 'TitilliumWebRegular';
    src: url('../fonts/TitilliumWebRegular.eot');
    src: url('../fonts/TitilliumWebRegular.eot') format('embedded-opentype'),
         url('../fonts/TitilliumWebRegular.woff2') format('woff2'),
         url('../fonts/TitilliumWebRegular.woff') format('woff'),
         url('../fonts/TitilliumWebRegular.ttf') format('truetype'),
         url('../fonts/TitilliumWebRegular.svg#TitilliumWebRegular') format('svg');
}

@font-face {
    font-family: 'PoppinsBold';
    src: url('../fonts/PoppinsBold.eot');
    src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsBold.woff2') format('woff2'),
         url('../fonts/PoppinsBold.woff') format('woff'),
         url('../fonts/PoppinsBold.ttf') format('truetype'),
         url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}

@font-face {
    font-family: 'PoppinsSemiBold';
    src: url('../fonts/PoppinsSemiBold.eot');
    src: url('../fonts/PoppinsSemiBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsSemiBold.woff2') format('woff2'),
         url('../fonts/PoppinsSemiBold.woff') format('woff'),
         url('../fonts/PoppinsSemiBold.ttf') format('truetype'),
         url('../fonts/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg');
}

@font-face {
    font-family: 'PoppinsMedium';
    src: url('../fonts/PoppinsMedium.eot');
    src: url('../fonts/PoppinsMedium.eot') format('embedded-opentype'),
         url('../fonts/PoppinsMedium.woff2') format('woff2'),
         url('../fonts/PoppinsMedium.woff') format('woff'),
         url('../fonts/PoppinsMedium.ttf') format('truetype'),
         url('../fonts/PoppinsMedium.svg#PoppinsMedium') format('svg');
}

@font-face {
    font-family: 'PoppinsRegular';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('../fonts/PoppinsRegular.woff2') format('woff2'),
         url('../fonts/PoppinsRegular.woff') format('woff'),
         url('../fonts/PoppinsRegular.ttf') format('truetype'),
         url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}

h1 {
    font-family: 'TitilliumWebRegular';
    font-size: 70px;
    line-height: normal;
    color: #090808;
    letter-spacing: -1.4px;
}
h2 {
    font-family: 'TitilliumWebRegular';
    font-size: 50px;
    line-height: normal;
    color: #090808;
    letter-spacing: -1px;
}
h4 {
    font-family: 'PoppinsMedium';
    font-size: 24px;
    letter-spacing: 0.15px;
    line-height: normal;
}
h5 {
    font-family: 'PoppinsBold';
    font-size: 24px;
    letter-spacing: 0.15px;
    line-height: normal;
}
h6 {
    font-family: 'PoppinsMedium';
    font-size: 18px;
    line-height: normal;
}
p {
    font-family: 'PoppinsRegular';
    font-size: 16px;
    letter-spacing: 0.15px;
    line-height: normal;
}
label, span {
    font-family: 'PoppinsMedium';
    line-height: normal !important;
}
small {
    font-family: 'PoppinsRegular';
    line-height: normal;
}
a:hover {
    text-decoration: none;
}
textarea {
    min-height: 130px;
}
select {
    background-image: url(../images/down-select.svg);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    appearance: none;
    background-size: 14px;
    font-family: 'PoppinsMedium';
}
.form-control::-webkit-input-placeholder {
    font-family: 'PoppinsMedium';
}

.form-control::-moz-placeholder {
    font-family: 'PoppinsMedium';
}

.form-control:-ms-input-placeholder {
    font-family: 'PoppinsMedium';
}

.form-control::-ms-input-placeholder {
    font-family: 'PoppinsMedium';
}

.form-control::placeholder {
    font-family: 'PoppinsMedium';
}
.border:hover {
    border-color: #2563EB !important;
    border-width: 3px !important;
}
.color-b {
    color: #488BFF;
}
.color-g {
    color: rgba(0, 0, 0, 0.60);
}
.color-dark {
    color: #252627;
}
.btn {
    font-family: 'PoppinsSemiBold';
}

.cs-box,
.cs-box-border {
    min-height: 200px;
}
.cs-box:hover {
    background: #2563EB;
}
.cs-box:hover h6 {
    color: #ffffff;
}
.back-btn {
    top: 15px;
}
.new-receiver span {
    font-size: 18px;
}
.modal {
    background: rgba(52, 64, 84, 0.70);
    backdrop-filter: blur(8px);
}



@media (min-width: 0) and (max-width: 767px) {
html.h-100, body.h-100 {
    height: auto !important;
}
}



@media (min-width: 0) and (max-width: 1024px) {
body {
    padding-top: 70px;
}
}