.contact__page .hero-section{flex-direction:column;gap:70px;min-height:100svh;display:flex}.contact__page .hero-section .main{justify-content:space-between;width:100%;height:calc(100svh - 158px);display:flex}.contact__page .hero-section .main .left{box-sizing:border-box;flex-direction:column;gap:20px;width:45%;padding:0 5%;display:flex}.contact__page .hero-section .main .left .header{flex-direction:column;margin-bottom:30px;display:flex}.contact__page .hero-section .main .left .header svg{color:#b5b5b5;width:40px;height:40px}.contact__page .hero-section .main .left .header h1{color:#4a4a4a;font-weight:400}.contact__page .hero-section .main .left .header p{color:#727272}.contact__page .hero-section .main .left .infos{flex-direction:column;gap:15px;display:flex}.contact__page .hero-section .main .left .infos .info{gap:10px;display:flex}.contact__page .hero-section .main .left .infos .info svg{color:#727272;width:30px;height:30px}.contact__page .hero-section .main .left .infos .info div{flex-direction:column;display:flex}.contact__page .hero-section .main .left .infos .info div span:first-child{color:#4a4a4a;font-size:1.2em}.contact__page .hero-section .main .left .infos .info div span:last-child{color:#727272;font-size:.9em}.contact__page .hero-section .main .left .check-faqs{flex-direction:column;gap:20px;margin-top:auto;padding-bottom:100px;display:flex;position:relative}.contact__page .hero-section .main .left .check-faqs span{color:#4a4a4a;background-color:#f4f4f4;border-radius:20px;justify-content:center;align-items:center;gap:5px;width:max-content;max-width:max-content;padding:8px 20px;font-weight:450;display:flex}.contact__page .hero-section .main .left .check-faqs span:last-child{color:#fff;background-color:#29aeb3;margin-left:26%}.contact__page .hero-section .main .left .check-faqs span:last-child strong{cursor:pointer;font-weight:400;text-decoration:underline}.contact__page .hero-section .main .left .check-faqs span a{color:#fff}.contact__page .hero-section .main .right-section{box-sizing:border-box;background-color:#29aeb3;border-radius:50px 0 0;flex-grow:0;justify-content:center;align-items:center;width:50%;min-height:100%;padding:0 5%;display:flex}.contact__page .hero-section .main .right-section .header{display:none}.faqs-section{box-sizing:border-box;flex-direction:column;gap:40px;width:100%;padding:50px 6%;display:flex}.faqs-section .left,.faqs-section .right{flex-direction:column;gap:20px;display:flex}.faqs-section .header{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.faqs-section .header h2{color:#4a4a4a;font-size:2.2em;font-weight:400}.faqs-section .header p{color:#727272;font-size:1em}.faqs-section .filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.faqs-section .filters .filter{color:#4a4a4a;cursor:pointer;background-color:#f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:10px 22px;font-size:.95em;transition:all .4s;display:flex}.faqs-section .filters .filter svg{color:#727272;width:20px;height:20px}.faqs-section .filters .filter:hover{background-color:#e8eef3}.faqs-section .filters .filter.active{color:#fff;background-color:#29aeb3}.faqs-section .filters .filter.active svg{color:#fff}.faqs-section .questions-container{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.faqs-section .questions-container .faq-card{cursor:pointer;background-color:#f5f5f5;border:2px solid #0000;border-radius:20px;flex-direction:column;padding:22px 26px 0;transition:all .3s linear;display:flex}.faqs-section .questions-container .faq-card.hidden{display:none}.faqs-section .questions-container .faq-card .question{color:#4a4a4a;justify-content:space-between;align-items:center;display:flex}.faqs-section .questions-container .faq-card .question h3{color:#4a4a4a;font-size:1.1em;font-weight:450}.faqs-section .questions-container .faq-card .question svg{color:#4a4a4a;width:22px;height:22px;transition:transform .25s}.faqs-section .questions-container .faq-card.open .question svg{transform:rotate(180deg)}.faqs-section .questions-container .faq-card .answer{color:#727272;opacity:0;visibility:hidden;max-height:0;padding-top:10px;padding-bottom:12px;padding-right:25px;font-size:.95em;line-height:1.5em;transition:all .3s linear;display:block}.faqs-section .questions-container .faq-card.open .answer{visibility:visible;opacity:1;max-height:100px}.faqs-section .contact{color:#727272;text-align:center;justify-content:center;align-items:center;gap:5px;font-size:1.1em;display:flex}.faqs-section .contact a{color:#29aeb3;font-weight:450;text-decoration:none}@media (max-width:767px){.contact__page .hero-section{gap:40px;min-height:auto;padding:0}.contact__page .hero-section .main{flex-direction:column;gap:0;height:auto}.contact__page .hero-section .main .left{gap:20px;width:100%;padding:0 5%}.contact__page .hero-section .main .left .header{margin-bottom:10px}.contact__page .hero-section .main .left .header h1{font-size:1.8em}.contact__page .hero-section .main .left .header svg{width:34px;height:34px}.contact__page .hero-section .main .left .infos{gap:20px}.contact__page .hero-section .main .left .infos .info svg{width:26px;height:26px}.contact__page .hero-section .main .left .infos .info div span:first-child{font-size:1.1em}.contact__page .hero-section .main .left .infos .info div span:last-child{font-size:.9em}.contact__page .hero-section .main .left .check-faqs{gap:12px;margin-top:20px;padding-bottom:40px}.contact__page .hero-section .main .left .check-faqs span{padding:7px 16px;font-size:.9em}.contact__page .hero-section .main .left .check-faqs span:last-child{align-self:flex-start;width:max-content;margin-left:auto}.contact__page .hero-section .main .right-section{color:#fff;border-radius:0;flex-direction:column;align-items:flex-start;gap:20px;width:100%;padding:40px 5%}.contact__page .hero-section .main .right-section .header{flex-direction:column;display:flex}.contact__page .hero-section .main .right-section .header h2{font-weight:400}.contact__page .hero-section .main .right-section .header p{font-size:.8em;font-weight:400}.faqs-section{gap:30px;padding:30px 5%}.faqs-section .header h2{font-size:1.7em}.faqs-section .header p{font-size:.8em}.faqs-section .questions-container{flex-direction:column;gap:18px;display:flex}.faqs-section .questions-container .faq-card{border-radius:18px;padding:18px 20px 0}.faqs-section .questions-container .faq-card .question h3{font-size:1em}.faqs-section .questions-container .faq-card .answer{padding-top:8px;padding-bottom:10px;padding-right:10px;font-size:.9em}}@media (min-width:768px) and (max-width:1024px){.contact__page .hero-section{gap:40px;min-height:auto;padding:0}.contact__page .hero-section .main{flex-direction:column;gap:0;height:auto}.contact__page .hero-section .main .left{gap:20px;width:100%;padding:15px 5%;position:relative;overflow:hidden}.contact__page .hero-section .main .left .header{margin-bottom:10px}.contact__page .hero-section .main .left .header h1{font-size:1.8em}.contact__page .hero-section .main .left .header svg{width:34px;height:34px}.contact__page .hero-section .main .left .infos{gap:20px}.contact__page .hero-section .main .left .infos .info svg{width:26px;height:26px}.contact__page .hero-section .main .left .infos .info div span:first-child{font-size:1.1em}.contact__page .hero-section .main .left .infos .info div span:last-child{font-size:.9em}.contact__page .hero-section .main .left .check-faqs{gap:12px;margin-top:20px;padding-bottom:40px;position:absolute;bottom:0;right:5%}.contact__page .hero-section .main .left .check-faqs span{padding:7px 16px;font-size:.9em}.contact__page .hero-section .main .left .check-faqs span:first-child{align-self:flex-start;width:max-content;margin-left:-50%}.contact__page .hero-section .main .left .check-faqs span:last-child{align-self:flex-start;width:max-content;margin-left:0}.contact__page .hero-section .main .right-section{color:#fff;border-radius:0;flex-direction:column;align-items:flex-start;gap:20px;width:100%;margin-top:40px;padding:40px 5%}.contact__page .hero-section .main .right-section .header{flex-direction:column;display:flex}.contact__page .hero-section .main .right-section .header h2{font-weight:400}.contact__page .hero-section .main .right-section .header p{font-size:.8em;font-weight:400}.faqs-section{gap:35px;padding:40px 5%}.faqs-section .filters{gap:12px}.faqs-section .questions-container{flex-direction:column;gap:20px;display:flex}.faqs-section .questions-container .faq-card{border-radius:18px;padding:20px 22px 0}.faqs-section .questions-container .faq-card .question h3{font-size:1.05em}.faqs-section .questions-container .faq-card .answer{padding-top:8px;padding-bottom:12px;padding-right:18px;font-size:.92em}}
