section#faq{display:flex;flex-direction:column;justify-content:center;align-items:center}section#faq.slim-faq h2{color:#4c3e38}section#faq.slim-faq h3{color:#ee6033}section#faq h2{color:#ee6033}section#faq nav{margin:0 auto}section#faq nav ul{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:0}section#faq nav ul li{cursor:pointer}section#faq nav ul a{text-decoration:none;color:#4c3e38;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;border:2px solid transparent}section#faq nav ul a::after{display:block;content:"";background-image:url("../img/arrow_downward_black.svg");background-repeat:no-repeat;background-size:contain;width:24px;height:24px}section#faq nav ul a:hover{transition:0.5s;border-color:#ee6033;color:#ee6033}section#faq nav ul a:hover::after{transition:0.5s;background-image:url("../img/arrow_downward_orange.svg")}section#faq .container#faqs-container{display:flex;flex-direction:column;background-color:white;box-shadow:0 3px 6px rgba(0,0,0,0.16);border-radius:16px}section#faq .faq-box{border-radius:8px;background-color:#ededed;border:4px solid transparent;translate:0.5s}section#faq .faq-box:hover{transition:0.5s;border-color:#ee6033}section#faq .faq-box .question:hover{transition:0.5s;cursor:pointer}section#faq .faq-box.faq-box-opened{translate:0.5s;background-color:#ffd9c1}section#faq .faq-box.faq-box-opened:hover{border-color:transparent}section#faq .faq-box.faq-box-opened .question::after{transform:rotate(180deg)}section#faq .faq-box.faq-box-opened .answer{display:flex;flex-direction:column;position:relative;background-color:white}section#faq .faq-box.faq-box-opened .answer::before{display:flex;justify-content:center;align-items:center;position:absolute;color:#ee6033;content:"A"}section#faq .faq-box.faq-box-opened .answer .answer-buttons{display:flex;justify-content:center;align-items:center}section#faq .faq-box.faq-box-opened .answer .answer-buttons .button{margin:0 11px}section#faq .faq-box .question{display:flex;align-items:center;position:relative}section#faq .faq-box .question::before{display:flex;justify-content:center;align-items:center;position:absolute;content:"Q";background-color:#ee6033;color:white;border-radius:100%}section#faq .faq-box .question::after{display:flex;content:"";justify-content:center;align-items:center;background-image:url("../img/more.svg");background-repeat:no-repeat;background-size:contain;width:24px;height:24px;margin-left:auto}section#faq .faq-box .answer{display:none}section#register-form{background-color:white}@media screen and (min-width: 1200px){section#faq{padding:56px 0 80px;font-weight:bold}section#faq.slim-faq h2{font-size:32px;margin-bottom:24px}section#faq.slim-faq h3{font-size:24px;margin-bottom:28px}section#faq.slim-faq h3:not(:first-of-type){margin-top:26px}section#faq.slim-faq nav{width:417px}section#faq.slim-faq #faqs-container{margin-bottom:40px}section#faq h1{font-size:32px;margin-bottom:24px}section#faq h2{font-size:24px;margin-bottom:28px}section#faq h2:not(:first-of-type){margin-top:26px}section#faq .sub-text{font-weight:normal;margin-bottom:27px}section#faq nav{width:556px}section#faq nav ul li a{width:116px;height:88px}section#faq section{padding:27px 20px 0;min-width:1160px}section#faq section:last-of-type{margin-bottom:40px}section#faq .faq-box{padding-left:66px;padding-right:20px}section#faq .faq-box:not(:last-of-type){margin-bottom:16px}section#faq .faq-box .question{height:46px;padding:10px 0}section#faq .faq-box .question::before{width:46px;height:46px;left:-56px;font-size:28px;line-height:28px}section#faq .faq-box .question .question-text{font-size:16px;font-weight:bold}section#faq .faq-box .answer{padding:20px 20px 20px 16px;margin-bottom:24px}section#faq .faq-box .answer::before{width:46px;height:46px;top:0;left:-56px;font-size:28px;line-height:28px}section#faq .faq-box .answer .answer-text{font-size:14px;font-weight:bold}section#faq .faq-box .answer .answer-buttons{margin-top:16px}}@media screen and (max-width: 1199px){section#faq{padding:35px 0 40px;font-weight:bold}section#faq.slim-faq h2{font-size:18px;font-weight:600;margin-bottom:37px}section#faq.slim-faq h3{font-size:18px;font-weight:18px;margin-bottom:24px}section#faq.slim-faq h3:not(:first-of-type){margin-top:26px}section#faq.slim-faq .faq-navs{justify-content:space-evenly}section#faq.slim-faq .button-area{margin-top:40px}section#faq h1{font-size:18px;font-weight:600;margin-bottom:37px}section#faq h2{font-size:18px;font-weight:18px;margin-bottom:24px}section#faq h2:not(:first-of-type){margin-top:26px}section#faq .sub-text{font-size:12px;font-weight:600;font-weight:normal;margin-bottom:27px}section#faq .container#nav-container{width:100%}section#faq .container#nav-container nav{width:336px;font-size:14px;font-weight:600}section#faq .container#nav-container nav ul li a{width:64px;height:81px}section#faq section{padding:27px 13px 0;width:-webkit-fill-available}section#faq section:last-of-type{padding-bottom:20px}section#faq .faq-box{padding:0 10px;width:calc(100% - (10px + 4px) * 2)}section#faq .faq-box:not(:last-of-type){margin-bottom:26px}section#faq .faq-box .question{min-height:26px;width:100%;padding:16px 0}section#faq .faq-box .question::before{width:32px;height:32px;top:-20px;left:calc(50% - 16px);font-size:18px;font-weight:700;line-height:18px}section#faq .faq-box .question .question-text{font-size:12px;font-weight:600;line-height:16.8px}section#faq .faq-box .answer{padding:20px 20px 20px 16px;margin:24px 0}section#faq .faq-box .answer::before{width:32px;height:32px;top:-36px;left:calc(50% - 16px);font-size:28px;font-weight:bold;line-height:28px}section#faq .faq-box .answer .answer-text{font-size:12px;font-weight:400;line-height:16.8px}section#faq .faq-box .answer .answer-buttons{flex-direction:column;margin-top:16px}section#faq .faq-box .answer .answer-buttons .button{min-width:calc(100% - 20px)}section#faq .faq-box .answer .answer-buttons .button:not(:last-of-type){margin-bottom:0.5rem}}
