*{padding:0;margin:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}*:focus,*:active{outline:none}html,body{cursor:default;height:100%;width:100%;font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}button{background-color:rgba(0,0,0,0);cursor:pointer;font-family:inherit}button::-moz-focus-inner{padding:0;border:0}input{font-family:inherit}input::-ms-clear{display:none}input::-webkit-input-placeholder{display:none}input::-moz-placeholder{display:none}input:-ms-input-placeholder{display:none}input::-ms-input-placeholder{display:none}input::placeholder{display:none}textarea{font-family:inherit}a{text-decoration:none;color:inherit}a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}body{overflow-x:hidden;font-family:"Jura",sans-serif;font-weight:500;font-size:24px;line-height:normal;color:#000;background:#5fc93a;position:relative}body::after{content:"";position:fixed;inset:0;height:100%;background:url("./../images/bg.png") 50%/cover no-repeat;opacity:.1;z-index:-1}.container{max-width:1200px;width:100%;padding:0 15px;margin:0 auto}.title{font-family:"Rubik Iso",cursive;font-weight:400;line-height:normal}.btn{text-align:center;color:#5fc93a;text-shadow:0px 0px 25px #14ff00;font-size:inherit;background-color:#000;border-radius:10px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn:hover{-webkit-box-shadow:0px 0px 5px #000;box-shadow:0px 0px 5px #000}.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0;gap:10px}.header__logo-img{pointer-events:none}.header__search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;max-width:525px;width:100%;background-color:#000;border-radius:10px;overflow:hidden;padding:12px 25px}.header__search-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.header__search-wrapper_input{color:#5fc93a;text-shadow:0px 0px 25px #14ff00;font-size:inherit;width:100%;background-color:rgba(0,0,0,0)}.header__search-wrapper_input::-webkit-input-placeholder{color:#5fc93a;text-shadow:0px 0px 25px #14ff00;font-size:inherit}.header__search-wrapper_input::-moz-placeholder{color:#5fc93a;text-shadow:0px 0px 25px #14ff00;font-size:inherit}.header__search-wrapper_input:-ms-input-placeholder{color:#5fc93a;text-shadow:0px 0px 25px #14ff00;font-size:inherit}.header__search-wrapper_input::-ms-input-placeholder{color:#5fc93a;text-shadow:0px 0px 25px #14ff00;font-size:inherit}.header__search-wrapper_input::placeholder{color:#5fc93a;text-shadow:0px 0px 25px #14ff00;font-size:inherit}.header__search-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__btn{padding:18px 25px;display:none;white-space:nowrap}.hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:95vh}.hero__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px}.hero__img{width:100%;-o-object-fit:cover;object-fit:cover}.hero__content-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;text-align:right;max-width:655px}.hero__title{font-size:64px}.hero__btn{-ms-flex-item-align:end;align-self:end;padding:18px 50px}.catalog{padding-bottom:30px}.catalog__inner{padding-top:30px}.catalog__title{font-size:48px;padding-bottom:60px}.catalog__list{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;padding-bottom:60px}.catalog__item{background-color:#15a33d;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;padding:30px;border-radius:20px;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.catalog__item:hover{background-color:#096d25;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset}.catalog__item:hover .catalog__img-box .img2{opacity:1}.catalog__item:hover .catalog__item--hover{color:#5fc93a;text-shadow:1.41px 1.41px #000,2px 0 #000,1.41px -1.41px #000,0 -2px #000,-1.41px -1.41px #000,-2px 0 #000,-1.41px 1.41px #000,0 2px #000}.catalog__item-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;gap:15px;pointer-events:none}.catalog__item-title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;pointer-events:none}.catalog__img-box{pointer-events:none;width:93px;height:112px}.catalog__img-box .img1{position:absolute;width:93px;height:112px}.catalog__img-box .img2{opacity:0;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;width:93px;height:112px}.catalog__item-text{pointer-events:none}.catalog__item--hover{-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.catalog__btn{display:block;margin:0 auto;padding:18px 25px}.quiz__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100vh - 120px)}.quiz__inner{background-color:#15a33d;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;max-width:690px;width:100%;padding:30px 50px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:30px}.quiz__title{text-align:center;font-size:36px}.quiz__progress-wrapp{background-color:#096d25;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:10px 22px;border-radius:10px}.quiz__progress-bar{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:16px;border-radius:10px;background-color:#134126;overflow:hidden;position:relative}.quiz__progress{position:absolute;top:0;bottom:0;left:0;width:30%;border-radius:16px;background:-webkit-gradient(linear, left top, left bottom, from(#5fc93a), color-stop(150%, rgba(148, 211, 14, 0)));background:-o-linear-gradient(top, #5fc93a 0%, rgba(148, 211, 14, 0) 150%);background:linear-gradient(180deg, #5fc93a 0%, rgba(148, 211, 14, 0) 150%);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.quiz__progress-question{color:#5fc93a;text-shadow:1.41px 1.41px #000,2px 0 #000,1.41px -1.41px #000,0 -2px #000,-1.41px -1.41px #000,-2px 0 #000,-1.41px 1.41px #000,0 2px #000;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.quiz__questions{background-color:#096d25;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;padding:15px 22px 20px;border-radius:10px}.quiz__question{color:#5fc93a;text-shadow:1.41px 1.41px #000,2px 0 #000,1.41px -1.41px #000,0 -2px #000,-1.41px -1.41px #000,-2px 0 #000,-1.41px 1.41px #000,0 2px #000}.quiz__answers{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px}.quiz__answer{background-color:#15a33d;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;box-shadow:0px 0px 15px 0px rgba(0,0,0,.5) inset;border-radius:10px;padding:7px 22px;cursor:pointer;position:relative;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.quiz__answer::after{content:"";position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-image:url("../images/lamponanswer.png");width:40px;height:40px;opacity:0;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.quiz__answer:hover::after{opacity:1}.quiz__answer.active::after{content:"";position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-image:url("../images/lamponanswer.png");width:40px;height:40px;opacity:1}.quiz__answer.active{-webkit-box-shadow:0px 0px 15px 0px rgba(55,255,0,.4) inset;box-shadow:0px 0px 15px 0px rgba(55,255,0,.4) inset}.quiz__btn-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:end}.quiz__button svg{pointer-events:none}.quiz__button path{-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.quiz__button:hover path{fill:#096d25}@media(max-width: 1024px){.header__logo-img{width:80%}.hero__inner{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.hero__img{width:60%;display:block;margin:0 auto}.hero__content-box{text-align:center}.hero__btn{-ms-flex-item-align:center;align-self:center}.catalog__list{grid-template-columns:repeat(3, 1fr)}.quiz__container{height:100%;padding:10% 5%}}@media(max-width: 700px){.header__search{padding:5px 15px}.header__btn{padding:12px 20px}.hero__btn{padding:12px 25px}.catalog__title{font-size:35px}.catalog__list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){body{font-size:18px}.hero__inner{gap:0}.hero__img{display:none}.hero__title{font-size:46px}.quiz__inner{padding:10px 25px;gap:15px}.quiz__title{font-size:30px}}@media(max-width: 490px){.catalog__list{grid-template-columns:repeat(1, 1fr)}}@media(max-width: 450px){body{font-size:16px}}