.hero .content-wrap { padding: 0 0 32px 0 } .hero .content-wrap, .hero .content-wrap .btns-wrap { display: flex; align-items: center; justify-content: center; flex-direction: column } .hero .content-wrap { gap: 25px } .hero .content-wrap h1, .hero .content-wrap p { text-align: center } .hero .content-wrap h1 { font-size: 34px; line-height: 110% } .hero .content-wrap p { margin-bottom: 32px } .hero .content-wrap .btns-wrap { width: 100%; gap: 16px } .contact, .register.no-bg .content-wrap { padding: 32px 0 } .contact .content-wrap { padding: 24px; border-radius: 16px } .contact .content-wrap.bg-or, .contact .content-wrap.bg-or p { display: flex; align-items: center; justify-content: center } .contact .content-wrap.bg-or { background-color: #EAD8D4; flex-direction: column; gap: 24px } .contact .content-wrap .title-cont, .contact .content-wrap.bg-or p a { font-weight: 700 } .contact .content-wrap .title-cont { font-size: 21px; line-height: 120%; text-align: center } .contact .content-wrap.bg-or p { gap: 16px } .contact .content-wrap.bg-or p img { width: 65px; height: 65px } .contact .content-wrap.bg-or p a { text-decoration: unset; font-size: 24px; line-height: 160%; color: #2C2C2C; transition: all 0.5s ease; display: flex; align-items: center; } .contact .content-wrap.bg-or p a:hover { color: #EE6129 } .readmore-wrapper { max-height: 380px; overflow-y: scroll; border-radius: 4px; padding-right: 20px; } .readmore .container { padding-top: 30px; padding-bottom: 30px; } .readmore-wrapper h1 { font-size: 32px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h2 { font-size: 24px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h3 { font-size: 19px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h5 { font-size: 14px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h6 { font-size: 11px; line-height: 120%; margin: 0 0 8px 0; } .readmore-wrapper h4 { font-size: 16px; font-weight: 700; line-height: 21px; margin: 0 0 8px 0; } .readmore-wrapper li { font-size: 16px; line-height: 21px; } .readmore-wrapper ul, .readmore-wrapper ol { padding-left: 35px; margin: 0 0 8px 0; } .readmore-wrapper ul { list-style: disc; } .readmore-wrapper ol { list-style: decimal; } .readmore-wrapper p { font-size: 16px; line-height: 21px; margin: 0 0 8px 0; } .readmore-wrapper::-webkit-scrollbar { width: 10px; opacity: 1; background: #EF74431A; } .readmore-wrapper::-webkit-scrollbar-track { border-radius: 10px; } .readmore-wrapper::-webkit-scrollbar-thumb { background: #EF7443; border-radius: 10px; } .qa { padding: 32px 0 64px 0 } .qa .title-qa { font-size: 34px; line-height: 110%; margin-right: auto; margin-bottom: 32px } .qa .faqs-wrap, .qa .faqs-wrap .faq .question, .qa .faqs-wrap .faq .question .arrow { display: flex; align-items: center; justify-content: center } .qa .faqs-wrap { flex-direction: column; gap: 16px } .qa .faqs-wrap .faq { width: 100%; padding: 20px 32px; background-color: #FFF; border-radius: 16px; box-shadow: 0 5px 15px 0 #2D3F8F1A; cursor: pointer } .qa .faqs-wrap.anim .faq * { transition: all 0.5s ease } .qa .faqs-wrap .faq .answer { display: none } .qa .faqs-wrap .faq .question { gap: 30px } .qa .faqs-wrap .faq .question h2 { flex: 1; font-size: 24px; line-height: 120% } .qa .faqs-wrap .faq .question .arrow { border-radius: 8px; border: 1px solid #EE6129; width: 44px; height: 44px } .qa .faqs-wrap .faq .question .arrow img { width: 12px; height: 7px; transform: rotate(180deg) } .qa .faqs-wrap .faq.opened .question .arrow img { transform: rotate(0) } .qa .faqs-wrap .faq.opened .question { margin-bottom: 16px }