/* 
Theme Name: Evial Theme based on Hello Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#header.scrolled {
    background: rgba(255,255,255,.6);
    backdrop-filter: brightness(110%) blur(6px);
}

.box-container {
    width: 100%;
    max-width: 1440px;
    padding: 0 40px;
    margin: 0 auto;
}

.page-template-inner {
    padding-top: 90px;
}

.page-title * {
    font-family: "Montserrat", Sans-serif;
    font-size: 45px;
    font-weight: bold;
    line-height: 100%;
    color: #0D1025;
}
@media screen and (max-width: 1024px) {
    .box-container {
        padding: 0 20px;
    }
}
@media screen and (max-width: 767px) {
    .box-container {
        padding: 0 15px;
    }
    .page-title * {
        font-size: 36px;
    }
}

.body {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #1C242E;
}
.body a {
    color: inherit;
    text-decoration: none;
}
.body a:hover {
    text-decoration: underline;
}

.page-text {
    padding-bottom: 80px;
}

.page-navigations-container {
    padding: 30px 0;
}

.page-navigations {
    display: flex;
    padding: 0;
    list-style: none;
}

.page-navigations li {
    padding-right: 60px;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    color: #0D1025;
}
.page-navigations li:last-child {
    padding-right: 0;
}
.page-navigations li a {
    font-weight: 400;
    color: #5D6B7B;
}
.page-navigations li a:hover {
    color: #0D1025;
}
.page-navigations li:before {
    display: block;
    content: "";
    width: 16px; height: 14px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgOEgxMi44Nkw5LjIzIDEyLjM2QzkuMTQ1OTUgMTIuNDYxMSA5LjA4MjY1IDEyLjU3NzggOS4wNDM3IDEyLjcwMzRDOS4wMDQ3NCAxMi44MjkgOC45OTA5MSAxMi45NjEgOS4wMDI5OCAxMy4wOTE5QzkuMDI3MzYgMTMuMzU2NCA5LjE1NTc4IDEzLjYwMDMgOS4zNiAxMy43N0M5LjU2NDIyIDEzLjkzOTcgOS44Mjc1IDE0LjAyMTQgMTAuMDkxOSAxMy45OTdDMTAuMzU2MyAxMy45NzI2IDEwLjYwMDMgMTMuODQ0MiAxMC43NyAxMy42NEwxNS43NyA3LjY0QzE1LjgwMzYgNy41OTIyOCAxNS44MzM3IDcuNTQyMTQgMTUuODYgNy40OUMxNS44NiA3LjQ0IDE1LjkxIDcuNDEgMTUuOTMgNy4zNkMxNS45NzUzIDcuMjQ1MzQgMTUuOTk5MSA3LjEyMzI5IDE2IDdDMTUuOTk5MSA2Ljg3NjcxIDE1Ljk3NTMgNi43NTQ2NiAxNS45MyA2LjY0QzE1LjkzIDYuNTkgMTUuODggNi41NiAxNS44NiA2LjUxQzE1LjgzMzcgNi40NTc4NiAxNS44MDM2IDYuNDA3NzMgMTUuNzcgNi4zNkwxMC43NyAwLjM2MDAwMkMxMC42NzYgMC4yNDcxMTkgMTAuNTU4MiAwLjE1NjMzOSAxMC40MjUyIDAuMDk0MTE4MUMxMC4yOTIxIDAuMDMxODk3MSAxMC4xNDY5IC0wLjAwMDIzNjY3MiAxMCAxLjkxMDM2ZS0wNkM5Ljc2NjM1IC0wLjAwMDQ1NDYwMyA5LjUzOTkxIDAuMDgwOTIwOCA5LjM2IDAuMjMwMDAyQzkuMjU4NzQgMC4zMTM5NTEgOS4xNzUwNCAwLjQxNzA1MSA5LjExMzY5IDAuNTMzMzk5QzkuMDUyMzQgMC42NDk3NDYgOS4wMTQ1NCAwLjc3NzA1NCA5LjAwMjQ2IDAuOTA4MDMxQzguOTkwMzkgMS4wMzkwMSA5LjAwNDI3IDEuMTcxMDggOS4wNDMzMSAxLjI5NjY4QzkuMDgyMzYgMS40MjIyOSA5LjE0NTggMS41Mzg5NSA5LjIzIDEuNjRMMTIuODYgNkgxQzAuNzM0Nzg0IDYgMC40ODA0MyA2LjEwNTM2IDAuMjkyODkzIDYuMjkyOUMwLjEwNTM1NyA2LjQ4MDQzIDAgNi43MzQ3OSAwIDdDMCA3LjI2NTIyIDAuMTA1MzU3IDcuNTE5NTcgMC4yOTI4OTMgNy43MDcxMUMwLjQ4MDQzIDcuODk0NjQgMC43MzQ3ODQgOCAxIDhaIiBmaWxsPSIjNUQ2QjdCIi8+Cjwvc3ZnPgo=");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px; right: 22px
}
.page-navigations li:last-child:before {
    display: none;
}

.quiz-block-bar {
    display: flex;
    align-items: center;
}
.quiz-block-bar-percents {
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    width: 60px;
}
.quiz-block-bar-line {
    width: calc(100% - 60px);
    height: 8px;
    background: rgba(233, 233, 243, 1);
    border-radius: 4px;
    position: relative;
}
.quiz-block-bar-line > div {
    height: 8px;
    background: rgba(13, 16, 37, 1);
    border-radius: 4px;
    position: absolute;
    top: 0; left: 0;
}
.quiz-block-question-items {
    padding: 40px 0;
}
.quiz-block-question-item {
    display: none;
}
.quiz-block-question-item-title {
    font-family: "Montserrat", Sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 56px;
    color: rgba(13, 16, 37, 1);
    padding-bottom: 20px;
}
.quiz-block-question-item-text {
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: rgba(93, 107, 123, 1);
}
.quiz-block-question-item-fields {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin: 0 -10px;
    padding-top: 30px;
}
.quiz-block-question-item-field-container {
    padding: 10px;
}
.quiz-block-question-item-field {
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 22px;
    background: #F7F7FA;
    cursor: pointer;
}
.quiz-block-question-item-field-container > input:checked + label  {
    background: #4D3EB7;
    color: white;
}
.quiz-block-question-item-field-container input {
    display: none;
}
.quiz-block-button-container {
    display: flex;
}
.quiz-block-button {
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: white;
    background: rgba(13, 16, 37, 1);
    padding: 16px 25px;
    min-width: 240px;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
}
.quiz-block-button.disable {
    background: rgb(93 93 111);
    cursor: default;
}
#quiz-submit {
    display: none;
}
@media screen and (max-width: 520px) {
    .quiz-block-question-item-title {
        font-size: 32px;
        line-height: 40px;
    }
    .quiz-block-question-item-text {
        font-size: 16px;
        line-height: 20px;
    }
    .quiz-block-button {
        width: 100%;
    }
}

.quiz-overlay-white {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background: white;
    z-index: 99;
}
.quiz-overlay {
    display: none;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background: white;
    z-index: 99;
    justify-content: center;
    align-items: center;
}
.quiz-overlay-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rotating {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwIDE2QzMwIDE3LjgzODUgMjkuNjM3OSAxOS42NTkgMjguOTM0MyAyMS4zNTc2QzI4LjIzMDggMjMuMDU2MSAyNy4xOTk1IDI0LjU5OTUgMjUuODk5NSAyNS44OTk1QzI0LjU5OTUgMjcuMTk5NSAyMy4wNTYxIDI4LjIzMDcgMjEuMzU3NiAyOC45MzQzQzE5LjY1OSAyOS42Mzc5IDE3LjgzODUgMzAgMTYgMzBDMTQuMTYxNSAzMCAxMi4zNDEgMjkuNjM3OSAxMC42NDI0IDI4LjkzNDNDOC45NDM4NyAyOC4yMzA3IDcuNDAwNTIgMjcuMTk5NSA2LjEwMDUgMjUuODk5NUM0LjgwMDQ4IDI0LjU5OTUgMy43NjkyNSAyMy4wNTYxIDMuMDY1NjkgMjEuMzU3NkMyLjM2MjEyIDE5LjY1OSAyIDE3LjgzODUgMiAxNkMyIDE0LjE2MTUgMi4zNjIxMiAxMi4zNDEgMy4wNjU2OSAxMC42NDI0QzMuNzY5MjYgOC45NDM4NyA0LjgwMDQ5IDcuNDAwNTIgNi4xMDA1MSA2LjEwMDVDNy40MDA1MyA0LjgwMDQ4IDguOTQzODggMy43NjkyNSAxMC42NDI0IDMuMDY1NjhDMTIuMzQxIDIuMzYyMTIgMTQuMTYxNSAyIDE2IDJDMTcuODM4NSAyIDE5LjY1OSAyLjM2MjEyIDIxLjM1NzYgMy4wNjU2OUMyMy4wNTYxIDMuNzY5MjYgMjQuNTk5NSA0LjgwMDQ5IDI1Ljg5OTUgNi4xMDA1MUMyNy4xOTk1IDcuNDAwNTMgMjguMjMwOCA4Ljk0Mzg4IDI4LjkzNDMgMTAuNjQyNEMyOS42Mzc5IDEyLjM0MSAzMCAxNC4xNjE1IDMwIDE2TDMwIDE2WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNDUxXzMpIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMC4xIDgiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl80NTFfMyIgeDE9IjE2IiB5MT0iMiIgeDI9IjE2IiB5Mj0iMzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGQkI1NiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkJCNTYiIHN0b3Atb3BhY2l0eT0iMC4yNiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
.quiz-overlay-text {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 20px;
    color: rgba(93, 107, 123, 1);
}