/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 28 2026 | 04:35:29 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Step Form*/
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.quiz-container .progress-bar {height: 12px;background-color: #e1e9f1;border-radius: 10px;margin-bottom: 25px;overflow: hidden;}
.quiz-container .progress {height: 100%;background: linear-gradient(to right, #14B8A6, #039689);transition: width 0.3s ease;width: 0%;}
.quiz-container .step {display: none;animation: fadeIn 0.5s ease;max-width: 90%;}
.quiz-container .step.active {display: block;}
.quiz-container h2 {color: #001c4e;margin-bottom: 20px;font-size: 20px;font-weight: 700;}
.quiz-container .options {display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px;}
.quiz-container .option {font-size: 15px;padding: 10px 15px;border: 2px solid #e0e0e0;border-radius: 10px;cursor: pointer;transition: all 0.3s ease;position: relative;display: flex;gap: 10px;}
.quiz-container .option:hover {border-color: #039689;background-color: #f8f9ff;}
.quiz-container .option.selected {border-color: #039689;background-color: #f8f9ff;}
.quiz-container .option.selected input {accent-color: #039689;}
.quiz-container .buttons {display: flex;justify-content: space-between;gap: 15px;}
.quiz-container button {padding: 12px 25px;border: none;border-radius: 8px;cursor: pointer;font-size: 16px;transition: all 0.3s ease;display: flex;align-items: center;gap: 10px;}
.quiz-container .next-btn:after {content: "\e9c5";font-family: 'elementskit';}
.quiz-container .prev-btn:before {content: "\e94a";font-family: 'elementskit';}
.quiz-container button:disabled {opacity: 0.5;cursor: not-allowed;}
.quiz-container .prev-btn {border: 2px solid #001c4e;color: #001c4e;background: transparent;}
.quiz-container .next-btn {background-color: #039689;color: white;}
/* .quiz-container .prev-btn:hover:not(:disabled) {background-color: #d0d0d0;} */
.quiz-container .next-btn:hover:not(:disabled) {background-color: #14B8A6;}
.quiz-container .result {text-align: center;display: none;}
.quiz-container .result h2 {color: #039689;margin-bottom: 15px;}
.quiz-container .result p {color: #666;margin-bottom: 20px;}
.quiz-container .restart-btn {background-color: #039689;color: white;width: 100%;}
.quiz-progress-wrapper {margin-bottom:30px;}
.quiz-progress-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.question-counter, .progress-percent {font-size:16px;font-weight:600;color:#0A2B66;}
/* .progress-bar {width:100%;height:8px;background:#E5EAF2;border-radius:20px;overflow:hidden;}
.progress {height:100%;width:0%;background:#12B5A5;border-radius:20px;transition:all .4s ease;} */
/* Step Form*/

.business-plan-title{display:flex;gap:15px;align-items:center;}
.business-plan-icon{width:55px;min-width: 55px;height:55px;border-radius:50%;background:#0f9d92;display:flex;align-items:center;justify-content:center;}
.business-plan-icon i{font-size:24px;color:#fff;}
.business-plan-title h3{margin:0;font-size:18px;margin-bottom: 3px;color: #039689;}
.business-plan-title p{margin:0;font-size: 14px;line-height: 20px;}
.business-plan-price{margin-top:20px;display:flex;justify-content:space-between;gap: 20px;font-size: 14px;color: #67768e;}
.business-plan-price div {width: 100%;}
.business-plan-price h2 {font-size: 20px;color: #039689;}
.business-plan-price h4 {font-size: 16px;}
.business-plan-buttons{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.plan-btn{display:flex;justify-content:center;align-items:center;border:1px solid #0f9d92;border-radius:10px;text-decoration:none;color:#0f9d92;padding: 15px 20px;line-height: 1;}
.plan-btn-primary{background:#0f9d92;color:#fff !important;}