@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



:root {
    --default-main-color: #E25544;
    --default-hover-color: #C44535;
    --dark-main-color: #1F1F1F;
    --dark-hover-color: #000000;
    --light-main-color: #ffffff;
    --light-hover-color: #FCF4F4;
    --text-color: #161616;
    --text-grey-color: #3D3D3D;
    --text-lightgrey-color: #94A3B8;
    --alt-color: #F4F4F5;
    --green-main-color:#50B46B;


    --header-height:80px
}


/* animations */

@keyframes hero-text-animation {
    from {
        background-size: 0 4px;
        transition: 0.3s;
    }
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}




body {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
body.no-scroll {
    margin: 0;
    height: 100%;
    overflow: hidden;
}
a, button,input, textarea,
.mob-menu, .skills-list-item,
.course-step-container .icon, .course-step-description,
.why-us-item, .calc-button-item,
.faq-step-info .icon, .faq-step-description,
.main-form .error-text, .modal-form .error-text  {
    transition: 0.3s;
    font-family: 'Raleway', sans-serif;
}
a {
    text-decoration: none;
    color: var(--default-main-color);
}
a:hover {
    color: var(--default-hover-color);
}
p {
    font-weight: 500;
    font-size: 16px;
}
.container {
    display: block;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 30px;
}
.mob-only {
    display: none;
}
/* buttons */

.btn {
    /* padding: 0 25px; */
    border: 1px solid transparent;
    border-radius: 10px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 47px;
    white-space: nowrap;
    display: inline-block;
    width: 240px;
    height: 50px;
    text-align: center;
}
.btn-default {
    background-color: var(--default-main-color);
    color: #fff;
}
.btn-default:hover {
    background-color: var(--default-hover-color);
    color: #fff;
}
section {
    padding: calc(100px + var(--header-height)) 0;
}
h1 {
    font-size: 30px;
    line-height: 1.2;
    margin:25px 0;
    text-align: center;
}
h2 {
    text-indent: 30px;
    margin: 25px 0;
    font-size: 22px;
    line-height: 1;
    text-transform: uppercase;
}
p {
    text-indent: 30px;
    margin-bottom: 15px;
    text-align: justify;
}
p.non-pad {
    text-indent: 0;
    padding-left: 30px;
}
.thankyou-page {
    height: 100vh;
    background: var(--alt-color) url(../images/hero-bg.jpg) center/cover no-repeat;
    position: relative;
    color: #fff;
    text-align: center;
}
.thankyou-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
}
.thankyou-page .container {
    position: relative;
    z-index: 10;
}
.thankyou-page h1 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 30px;
}
.thankyou-page h2 {
    text-indent: 0;
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 20px;
    font-weight: 600;
}
.thankyou-page p {
    text-indent: 0;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 50px;
    text-align: center;
}
.thankyou-page p a {
    display: block;
    margin-top:5px;
    font-size: 22px;
}
@media only screen and (max-width: 798px) {
    h1 {
        font-size: 24px;
        line-height: 1.2;
    }
    h2 {
        text-indent: 20px;
        margin: 15px 0;
        font-size: 20px;
        line-height: 1.2;
    }
    p {
        text-indent: 15px;
        margin-bottom: 10px;
        text-align: justify;
    }
    p.non-pad {
        text-indent: 0;
        padding-left: 0;
    }
    p.non-pad.list {
        text-align: left;
    }
    .thankyou-page h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .thankyou-page h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .thankyou-page p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .thankyou-page p br {
        display: none;
    }
}