.contact-section {
padding: 10rem 0rem;
}
.contact-section .container {
display: grid;
grid-template-columns: 1fr 790px;
gap: 30px;
}
@media (max-width: 1250px) {
.contact-section .container {
grid-template-columns: 1fr 60%;
}
}
@media (max-width: 1050px) {
.contact-section .container {
grid-template-columns: 1fr;
gap: 100px;
}
}
.contact-section .contact_form-bg {
position: relative;
}
.contact-section .contact_form-bg .contact_form-bg--image {
position: absolute;
top: -80px;
left: -100px;
}
@media (max-width: 1250px) {
.contact-section .contact_form-bg .contact_form-bg--image {
left: -150px;
}
}
@media (max-width: 1050px) {
.contact-section .contact_form-bg .contact_form-bg--image {
left: initial;
right: 0px;
top: -120px;
}
}
@media (max-width: 992px) {
.contact-section .contact_form-bg .contact_form-bg--image {
max-width: 150px;
top: -80px;
}
}
.contact-section .contact_form-bg .contact_form {
background-color: #aacfbe;
padding: 5rem 8rem;
border-radius: 10px;
}
@media (max-width: 1050px) {
.contact-section .contact_form-bg .contact_form {
padding: 5rem 4rem;
}
}
@media (max-width: 568px) {
.contact-section .contact_form-bg .contact_form {
padding: 5rem 2rem;
}
}
.contact-section .contact-section__content {
max-width: 312px;
}
.contact-section .contact-section__content h2 {
text-transform: uppercase;
margin-top: 1.5rem;
}
.faq-section {
background-color: #c4dfd3;
padding: 5rem 0rem;
position: relative;
margin-top: 20rem;
}
@media (max-width: 992px) {
.faq-section {
margin-top: 10rem;
}
}
.faq-section .faq-section__separator {
position: absolute;
top: -268px;
height: 268px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center bottom;
object-position: center bottom;
left: 0px;
z-index: -1;
left: 0px;
}
.faq-section .faq-section__title {
margin-top: -190px;
}
@media (max-width: 1700px) {
.faq-section .faq-section__title {
margin-top: -100px;
}
}
@media (max-width: 1300px) {
.faq-section .faq-section__title {
margin-top: -50px;
}
}
@media (max-width: 768px) {
.faq-section .faq-section__title {
margin-top: 0px;
}
}
.faq {
margin-top: 5rem;
}
@media (max-width: 992px) {
.faq {
margin-top: 2rem;
}
}
.faq .faq__single.faq__open .faq__header .toggle {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.faq .faq__single {
border-bottom: 1px solid #b1c9ba;
}
.faq .faq__header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 27px 0px;
position: relative;
gap: 3.5rem;
}
@media (max-width: 992px) {
.faq .faq__header {
gap: 1rem;
}
}
.faq .faq__header p {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 15px;
color: #636f56;
font-size: 2.4rem;
font-weight: 700;
}
.faq .faq__header .toggle {
width: 36px;
height: 36px;
position: relative;
top: 0px;
right: 0px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 992px) {
.faq .faq__header .toggle {
width: 25px;
height: 25px;
}
}
.faq .faq__header .toggle .line {
width: 36px;
height: 2px;
background-color: #636f56;
position: absolute;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 992px) {
.faq .faq__header .toggle .line {
width: 25px;
height: 2px;
}
}
.faq .faq__header .toggle .line:nth-child(1) {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
top: 50%;
left: 50%;
}
.faq .faq__header .toggle .line:nth-child(2) {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.faq .faq__body {
display: none;
}
.faq .faq__body .content {
padding: 0px 15px 15px 85px;
}
@media (max-width: 992px) {
.faq .faq__body .content {
padding: 0px 15px 15px 45px;
}
}
.faq .faq__body .content p {
margin-top: 0px;
font-size: 1.8rem;
}