@font-face {
    font-family: "Quicksand_Bold";
    src: url("../fonts/Quicksand-Bold.ttf");
}

@font-face {
    font-family: 'Quicksand_SemiBold';
    src: url('../fonts/Quicksand-SemiBold.ttf');
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url("../fonts/OpenSans-Regular.ttf");
}


body {
    font-family: OpenSans-Regular, serif;
    text-align: center;
    color: #555454;
}

.bg-gradient-strix {
    background: linear-gradient(90deg,#DE167E 0%, #801F63 70%, #26284A 100%) !important;
    color: white;
}
button.bg-gradient-strix{
    color: white !important;
}

.text-header {
    font-size: 1.5rem;
    font-family: Quicksand_SemiBold, serif;
    line-height: 56px;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.bg-strix {
    background-color: #6E2662 !important;
    color: white;
}

.bg-grey {
    background-color: #EFEFEF;
}

.btn {
    font-weight: bold;
    margin: 5px;
    border-radius: 8px;
}

.title {
    color: #212847;
    font-family: Quicksand_Bold, serif;
}

.description {
    font-family: OpenSans-Regular, serif;
    color: #656464;
    font-weight: normal;
}

.button {
    background: linear-gradient(to right, #DB177C, #232849) !important;
    color: white!important;
}

footer {
    background-color: #1F2849;
}

footer p {
    font-size: 11px;
    color: #FFF;
}

.form, .thankyou{
    min-height: calc(100vh - 254px);
}

.bg-rounded-blue {
    border-radius: 22px;
    background-color: #e5ebfa;
    color: #1f2849;
    height: 40px;
    display: inline-block;
    padding: 8px 24px;
    line-height: 24px;
}

.bg-rounded-magenta {
    border-radius: 22px;
    background-color: #DB177CFF;
    color: #e5ebfa;
    height: 40px;
    display: inline-block;
    padding: 8px 24px;
    line-height: 24px;
}

.thankyou{}



@media only screen and (max-width: 900px) {
    h1 {
        font-size: 1.5rem !important;
    }

    h2 {
        font-size: 1.1rem !important;
    }
}