.hero-background{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;max-height:100vh;position:relative;width:100%;z-index:1}.hero-background .subtitle img{height:auto;max-width:100%}.hero-background .read-more{align-items:center;bottom:24px;color:#3f1e0c;display:flex;font-size:20px;font-weight:500;line-height:27px;position:absolute}.hero-background .vector{height:32px;margin-left:16px;width:32px}.hero-background .general-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-end;margin-top:32px;max-width:1000px;min-height:680px;position:relative;width:100%}.hero-background .hero-image{flex-grow:1;height:auto!important;left:-50%;position:absolute;top:-15%;width:95%!important}@media (min-width:768px){.hero-background{overflow:hidden}.hero-background .hero-image{transform:scale(.7) translate(220px,40px)}}.hero-background .general-container .text-container{align-items:flex-end;display:flex;flex-direction:column;flex-grow:1;height:auto;justify-content:space-around;margin-top:15%;max-width:50%;position:relative;z-index:3}.abeja-1{position:absolute;right:0;top:-100px}.abeja-2{bottom:-100px;left:260px;position:absolute}.hero-background .general-container .text-container .title{align-items:center;color:#3f1e0c;display:flex;font-size:64px;font-style:normal;font-weight:900;height:auto;line-height:110%;max-width:100%;text-align:left}.hero-background .general-container .text-container .subtitle{color:#3f1e0c;font-size:24px;font-style:normal;font-weight:300;height:auto;line-height:30px;margin:24px 0 0;text-align:left;width:100%}.hero-background .general-container .text-container .subtitle p{margin:0}.hero-background .general-container .text-container .button-container{align-self:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin-top:28px}.hero-background .general-container .button{background:#3f1e0c00;border:2px solid #3f1e0c;border-radius:100px;color:#3f1e0c;min-width:160px;padding:9px 24px;transition:all .3s linear}.hero-background .general-container .text-container .button:hover{background:#3f1e0c;color:#fff!important;cursor:pointer}.hero-background .general-container .text-container .button-text{font-size:16px;font-style:normal;font-weight:800;line-height:22px}.btn-quiz,.btn-quiz:active,.btn-quiz:focus,.btn-quiz:hover{backdrop-filter:blur(4px);background:linear-gradient(91.95deg,#673315 -330.72%,#7f4b17 -284.56%,#bc871c -218.23%,#e4ae1f -165.57%,#e5b022 -98.73%,#e6b52b -59.55%,#eabd3a -30.7%,#eec950 -7.62%,#f4d96c 15.45%,#fbec8e 38.53%,#fef39b 44.3%,#f8e480 55.84%,#f0cd56 84.69%,#e9bc38 102%,#e5b226 125.08%,#e4ae1f 136.61%,#cb961d 153.92%,#956119 194.31%,#743f16 228.93%,#673315 246.23%);border:0 solid;border-radius:50px;color:#3f1e0c;display:block;display:inline-block;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:800;line-height:24px;margin-right:20px;margin-top:12px;min-width:160px;padding:10px 20px;text-align:center;transition:all .3s linear;width:auto}.btn-quiz:active,.btn-quiz:focus,.btn-quiz:hover{background:#3f1e0c;color:#fff!important}