*{margin:0; padding:0; font-display:swap;box-sizing: border-box;}
body{font-size: 19px;}
a,a:hover{text-decoration: none; color: initial;}
.font-montserrat{font-family: "Montserrat", sans-serif;line-height: 25px;}
.font-cooper{font-family: "CooperFiveOpti", sans-serif;}
.bg-image{background-position: center; background-repeat: no-repeat; background-size: cover;}
.header-logo{position: absolute; top: 20px; width: 120px;}
.waves_box{position: relative; top: -130px;left: 0px;}
.manyar-plate{position: relative;top: 200px;}
.color-dark-green{color:#35556D}
.color-blue{color:#48C4DC}
.color-light-green{color: #9AEC77;}
.d-contents{display: contents;}
.fs-38{font-size: clamp(22px, 4vw, 38px);line-height: clamp(22px, 4vw, 38px);}
.fs-26{font-size: clamp(20px, 4vw, 26px);}
.fs-22{font-size: 22px;}
.fs-16{font-size: 16px;}
.bg-blue{background-color: #48c3dc1e;}
.bg-light-blue{background-color: #75D3E5}
.landing footer{position: absolute;bottom: 0px;left: 0px;width: 100%;}
.leaf-float{animation:leafFloat 5s ease-in-out infinite;transform-origin:center;bottom:-150px;}
.quiz-button{width:170px;border-radius:50%;padding:30px 30px;background-color:#9AEC77;color:#35556D;border:none;font-weight:bold;box-shadow:0 0 0 6px #fff,0 0 0 14px #9AEC77;transition: .2s ease-in-out;}
.quiz-button:hover{background-color:#84D064;color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 14px #84D064;}
.quiz_back{background-position: top;}
footer{min-height:265px;background-position: center;}
@keyframes leafFloat{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(-4deg)}50%{transform:translateY(-20px) rotate(5deg)}75%{transform:translateY(-12px) rotate(-3deg)}100%{transform:translateY(0) rotate(0)}}
@media only screen and (max-width: 991px) {
    .header-logo{width: 50px;top: 10px;}
    .waves_box{top: -35px;left: 0px;}
    .manyar-plate{top: 0px;}
    .leaf-float{bottom: -180px;}
    .quiz_back{background-position:80%;position:relative;}
    .quiz_back::before{content:"";position:absolute;inset:0;background:rgba(255, 255, 255, 0.863);pointer-events:none;z-index:0;}
    .quiz_back>*{position:relative;z-index:1;}
    footer{min-height:254px;background-position: 30% !important;}
}
@media (min-width:1800px){.container-xxxl{max-width:1700px;margin:0 auto;padding:0 15px;}}
/* QUIZ */
.quiz .header-logo{position: absolute; top: 20px; width: 100px;}
.quiz #questionNumberQuiz,.quiz .questionNumberQuiz{position: absolute; left: 0px; top: 50px;}
.quiz .question_box{padding-top: 150px;}
.quiz input{border-radius: 31px; background-color: #E7F8FB;border: none;padding: 10px;}
.quiz .inputOption{border-radius: 31px; background-color: #E7F8FB;border: none;padding: 13px 60px;}
.quiz .inputOption:hover{border-radius: 31px; background-color: #35556D;border: none;padding: 13px 60px;}
.quiz .inputOption .letter{color: #769FBE;}
.quiz button{background-color: #E7F8FB;color: #35556D;border-radius: 50%;border: none; padding: 10px;font-size: 25px;transition: .2s ease-in-out;}
.quiz button:hover{background-color: #35556D;color: #E7F8FB;border-radius: 50%;border: none; padding: 10px;font-size: 25px;}
/* RESULTS */
#formQuizComplete button{border-radius: 31px; background-color: #35556D;color: #E7F8FB;}
#formQuizComplete button:hover{border-radius: 31px; background-color: #E7F8FB;color: #35556D;}
#formQuizComplete .form-control{text-align: center;}
.validation_error{color: red;}