#quizmodal.quiz_last_step .modal-content:before{
        content:'';
        height: 125px;
        background: linear-gradient(180deg, #86C687 0%, #73AD74 100%);
        left: 0;
        top: 0;
        right:0;
        width: 100%;
        border-radius: 0 0 10px 10px;
        z-index: 1;
        position:absolute;
}
#quizmodal.quiz_last_step .modal-content {
	padding: 0 30px 20px;
}
@media(min-width: 375px){
        #quizmodal.quiz_last_step .modal-content:before{
                height: 110px;
        }
}
@media(min-width: 400px){
        #quizmodal.quiz_last_step .modal-content:before{
                height: 90px;
        }
}
@media(min-width: 576px){
        #quizmodal.quiz_last_step .modal-content:before{
                height: 110px;
        }
}
@media(min-width: 768px){
        #quizmodal.quiz_last_step .modal-content:before{
                height: 125px;
        }
        #quizmodal .modal-dialog {
                max-width: calc(100% - 30px);
        }
}
@media(min-width: 1200px){
        #quizmodal.quiz_last_step .modal-content:before{
                height: 150px;
        }
}
#quizmodal .modal-body{
        z-index: 10;
}
.quiz_section>.container:before{
        content:'';
        display: block;
        position: absolute;
        left: 15px;
        top:0;
        right: 15px;
        bottom: 0;
        border-radius: 20px;
        background: #181818;
}
.quiz_answer{
        border: 1px solid #cecece;
        background-color: transparent;
        height: auto;
        min-height: 45px;
        transition: all ease .3s;
        padding-left: 45px;
}

.quiz_answer:hover{
        border-color: #86C687
}
.quiz_answer:after {
	content: '';
	display: block;
	position: absolute;
	top: 14px;
	left: 15px;
	width: 15px;
	height: 15px;
	border: 1px solid #86C687;
}

.quiz_answer.selected:before {
	content: '\e807';
	font-family: 'Fontello';
	background: #86C687;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 14px;
	left: 15px;
	width: 15px;
	height: 15px;
        font-size: 8px;
}

.quiz_answer:nth-last-child(n+2){
        margin-bottom: 20px;
}

div.button.quiz_bt.disabled,
div.button.quiz_next_bt.disabled{
        cursor: not-allowed;
}
.quiz_gallery_item{
        height: 150px;
}

.quiz_progress_bar_wr{
        height: 5px;
        background-color:#cecece;
}
.quiz_progress_bar{
        background-color:#86C687;
        left: 0;
        top: 0;
        bottom: 0;
}

.quiz_bt_wr .cover_image{
        left: 15px;
        right: 15px;
}


.quiz_des_1{
        padding-left: 60px;
}
.quiz_des_1 img{
        left: 0;
        height: 40px;
        width: auto;
        top: calc(50% - 20px);
}
.quiz_des_2{
        border-top: 1px solid #86C687;
        padding-left: 80px;
        border-left: 1px solid #86C687;
        border-right: 1px solid #86C687;
}
.quiz_des_2 img{
        top: calc(50% - 15px);
}
.quiz_des_3{
        padding-left: 80px;
        border-top: 1px solid #86C687;
        border-left: 1px solid #86C687;
        border-right: 1px solid #86C687;
}
.quiz_des_3 img{
        top: calc(50% - 17px);
}
.quiz_des_3 img,
.quiz_des_2 img{
        left: 26px;
}
.ct_quiz_wr .f30{
	font-size: 16px;
}
.ct_quiz_wr button.wpcf7-submit {
	padding: 0!important;
}


@media(min-width:1200px){
        .quiz_left_col:after{
                border-bottom: unset;
                border-right:  unset;
                background: linear-gradient(104deg, transparent 0, rgba(255,255,255,.9) 20px, rgba(255,255,255,.9) calc(100% - 94px),transparent calc(100% - 94px));
        }
        .quiz_left_col_corner{
                z-index: 6;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
        }
        .quiz_left_col_corner:before{
                content: '';
                display: block;
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: 1;
                width: 476px;
                height: 1px;
                background: #86C687;
        }
        .quiz_left_col_corner:after{
                content: '';
                display: block;
                position: absolute;
                top: 0;
                right: -444px;
                z-index: 1;
                width: 500px;
                height: 500px;
                border: 1px solid #86C687;
                transform: rotate(14deg);
        }
        .quiz_bt_wr_corner{
                z-index: 6;
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                right: 15px;
                bottom: 0;
                border-right: 1px solid #86C687;
        }
        .quiz_bt_wr_corner:before{
                content: '';
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 1;
                width: 600px;
                height: 1px;
                background: #86C687;
        }
        .quiz_bt_wr_corner:after{
                content: '';
                display: block;
                position: absolute;
                right: 0;
                bottom: 0;
                z-index: 1;
                width: 724px;
                height: 1px;
                background: #86C687;
        }
        #quizmodal .modal-dialog {
                max-width: 1200px;
        }
        #quizmodal .modal-body{
                margin-top: 0;
        }
        .quiz_modal_right_col{
                padding-left: 30px;
                padding-right: 30px;
        }
        .quiz_modal_left_col{
                padding-left: 30px;
                padding-right: 30px;
        }
        .quote{
                background: #F5F5F5;
                border-radius: 0px 7px 7px 7px;
                padding: 20px;
        }
        #quizmodal .modal-content{
                position: relative;
        }
        #quizmodal:not(.quiz_last_step) .modal-content:after,
        #quizmodal:not(.quiz_last_step) .modal-content:before{
                content:'';
                display: block;
                position: absolute;
                background-color:#cecece;
                z-index: 1;
        }
        #quizmodal:not(.quiz_last_step) .modal-content:after{
                top: 0;
                bottom: 0;
                width: 1px;
                left: 885px;
        }
        #quizmodal .modal-content:before{
                content:'';
                left: 0;
                top: 55px;
                width: 885px;
                height: 1px;
        }

        .quiz_des_1{
                padding-left: 200px;
        }
        .quiz_des_1 img{
                left: 20px;
                top: calc(50% - 45px);
                height: 90px;
        }
        .ct_quiz_wr .f30{
                font-size: 30px;
        }
}

@media(max-width: 575px){
        #quizmodal .modal-content {
	        padding: 20px 0;
        }
        #quizmodal.quiz_last_step .modal-content {
                padding: 0 0 20px;
        }
        #quizmodal.quiz_last_step .modal-body{
                margin-top: 0;
        }
        #quizmodal .modal-content .col-6{
                padding-right: 5px;
                padding-left: 5px;
        }
        .quiz_answer {
                min-height: 35px;
        }
        .quiz_answer:after,
        .quiz_answer.selected:before {
                top: 10px;
        }
}