:root{
	--blueStyle:#0072b4;
	--greenStyle:#90de0c;
	--blueBorder:#0072b4;
	--greenBorder:#90de0c;
}
.sql-menu .interactive-link {display: inline-block;background-color: #99e811;height: 100%;padding: 0px 20px;height:42px;line-height:42px;font-weight: 500;color: #ffffff;font-size: 14px;border-radius: 24px;transition:500ms ease;background-image: linear-gradient(to bottom, #a5f028, #78b217);border-top-left-radius: 28px;border-bottom-right-radius: 28px;}
.sql-menu .interactive-link:hover{color:#fff !important;background-image: linear-gradient(to bottom, #78b217, #a5f028);}
.sql-menu .nav-link .back-arrow{margin-right:4px; transition:500ms ease;}
.sql-menu .nav-link:hover .back-arrow{margin-right:6px;}
.sql-menu .back-button{font-size:16px !important;margin-top:1px;}
.sql-menu .back-wraper{padding-right:0px !important;}
.sql-menu .interactive-wraper{padding-left:0px !important;}
.sql-menu li.nav-item {padding: 0px 8px;}
.submit-btn{background-image:linear-gradient(180deg, #8fdd0d, #7aba0c); border:0px; padding:8px 30px;transition:500ms ease; border-radius:20px;}
.submit-btn:hover{background-image:linear-gradient(180deg, #7aba0c, #8fdd0d);}
.lg-heading h2{font-size:28px; font-weight:bold; color:var(--blueStyle);}
.sm-heading{font-size:22px; color:var(--blueStyle);}
.quiz-container .answer-option .option-box{display:flex;border:2px solid #57bef8; padding:10px; align-items:center;cursor:pointer;}
.quiz-container .answer-option .option-box .text{margin-bottom:0px;}
.quiz-container .answer-option .option-box:not(:last-child){margin-bottom:12px;}
.quiz-container .answer-option .option-box .radio-box{margin-right:8px;}
.quiz-container .answer-option .option-box:hover{background-color:var(--blueStyle); border-color:var(--blueBorder); transition:500ms ease;color:#ffffff;}
.quiz-container .tags-wraper{margin-top:25px;}
.quiz-container .tags-wraper .tag-box {background-color: var(--blueStyle);color:#ffffff;font-size: 14px;padding: 5px 15px;border-radius: 5px;height: 40px;line-height: 28px; margin-bottom:10px;}
.quiz-container .tags-wraper .tag-box:not(:last-child){margin-right:5px;}
.quiz-container .tags-wraper .tag-box .title{color:#d3f893;}
.quiz-container .submit-wraper{margin-top:62px;margin-bottom:40px;}
.mb-44{margin-bottom:44px;}
.active{background-color:var(--blueStyle); border-color:var(--blueStyle); color:#ffffff;}
.search-btn {background-color: #90de0c;color: #ffffff;width: 100%;padding-left:5px;padding-right:5px;border-radius: 20px;}
.search-btn:hover{background-color:#85c813;}
.sql-header .form-group{margin-bottom:0px;}
.sql-header .input-round{border-radius:20px;appearance:none;-webkit-appearance:none;box-sizing:border-box; background-image:url(../images/left-arrow.png); background-repeat:no-repeat;background-position: right 12px center;padding-right: 44px;border: 1px solid #0072b4;}
.sql-header .col1{flex-basis: 20%;width: 20%;}
.sql-header .col2{width: 12%;flex-basis: 12%;}
.sql-header .col3{width: 15%;flex-basis: 15%;}
.sql-header .col4{width: 40%;flex-basis: 40%;}
.sql-header .col5{width: 13%;flex-basis: 13%;}
/* solution css */
.shadow-wraper{box-shadow:0px 0px 5px 5px #ededed;padding:35px 25px;}
.solution-wraper {position:relative;}
.solution-wraper .solution-box{display:flex;border:2px solid #57bef8; padding:10px; align-items:center;cursor:pointer;justify-content:center;}
.solution-wraper .solution-box .text{margin-bottom:0px;}
.solution-wraper .solution-box:not(:last-child){margin-bottom:12px;}
.solution-finder{background-color:var(--blueStyle) !important; border-color:var(--blueStyle) !important; color:#ffffff;}
.solution-wraper .qs-heading{color:var(--blueStyle);font-size:22px;margin-bottom:24px;}
.solution-wraper .blc-header{color:#000000;font-weight: 500; margin-bottom:20px;}
.solution-wraper .solution-box .check-mark{color:#90de0c;}
.explanation-wraper {position:relative;padding-bottom: 95px;}
.explanation-wraper .text{margin-top:7px; margin-bottom:0px;}
.btn-adjust .btn:not(:last-child){margin-right:5px;}
/*.question {
    position: absolute;
    width: 100px;
    transform: rotate(-90deg);
    top: 80px;
    left: -48px;
}
.question p {
    background: #a5cf35;
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: 400;
	padding-bottom:10px;
}
.question p i {
    font-size: 18px;
    color: #5d7b13;
    display: inline-block;
    position: absolute;
    left: -5px;
    z-index: -8;
    top: -4px;
    transform: rotate(-134deg);
}*/
.question p{padding-bottom:10px;font-weight:500;}
/* radio button style */
.radio-box{position:relative; width:18px;}
.radio-box label input[type="checkbox"]{display:none;}
.radio-box label span{width:16px; height:16px; background-color:#ffffff;border:2px solid #5abff5;border-radius:50%;display:inline-block;cursor:pointer;position: absolute;left: 0px;top:3px;}
.radio-box label input[type="checkbox"]:checked + span{background-color:#90de0c; border:4px solid #0072b4;box-shadow:0px 0px 0px 2px #90de0c; box-sizing:border-box;}

.radio-box{position:relative; width:18px;}
.radio-box label input[type="radio"]{display:none;}
.radio-box label span{width:16px; height:16px; background-color:#ffffff;border:2px solid #5abff5;border-radius:50%;display:inline-block;cursor:pointer;position: absolute;left: 0px;top:3px;}
.radio-box label input[type="radio"]:checked + span{background-color:#90de0c; border:4px solid #0072b4;box-shadow:0px 0px 0px 2px #90de0c; box-sizing:border-box;}

.section-show{display:none;}
.puzzle-popup .text{text-align:center;margin-bottom:0px;font-size:30px; font-weight:bold; color:#90de0c;}
.puzzle-popup .modal-header{border-bottom:0px;}
.puzzle-popup .title{font-size:30px;}
.puzzle-popup .fa-check-circle{font-size:44px; margin-bottom:15px;color:#90de0c;}
.puzzle-popup .fa-exclamation-circle{font-size:44px; margin-bottom:15px;color:red;}
.puzzle-popup .modal-body{padding-top:8px;padding-bottom:40px;}

/* radio button style */
@media screen and (max-width:992px){
	.sql-header .col1{flex-basis: 50%;width: 50%;}
	.sql-header .col2{width: 25%;flex-basis: 25%;}
	.sql-header .col3{width: 25%;flex-basis: 25%;}
	.sql-header .col4{width: 75%;flex-basis: 75%;}
	.sql-header .col5{width: 25%;flex-basis: 25%;}
	.sql-header .col{margin-bottom:15px;} 
}
@media screen and (max-width:767px){
	.sql-header .col1{flex-basis: 100%;width: 100%;}
	.sql-header .col2{width: 100%;flex-basis: 100%;}
	.sql-header .col3{width: 100%;flex-basis: 100%;}
	.sql-header .col4{width: 100%;flex-basis: 100%;}
	.sql-header .col5{width: 100%;flex-basis: 100%;}
	.sql-header .col{margin-bottom:15px;} 
	.explanation-wraper .text{margin-top:30px;}
}
@media screen and (max-width:576px){
	.quiz-container .tags-wraper .tag-box{width:100%; margin-bottom:10px;}
}