* { font-family: "Plus Jakarta Sans", sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { padding: 0; }
button { background: #008973; padding: 15px 30px; font-size: 17px; color: #fff; border: none; border-radius: 15px !important; font-weight: 600; transition: all 0.3s; }
button:hover { background: #007561; }
p { color: #656565; margin: 0; padding: 0; font-size: 1rem; }


header { position: relative; height: 700px; }
header img.mockup { position: absolute; right: 0; width: 800px; top: 100px;}
header .block { display: flex; align-items: center; margin-top: 30px; }

/* LOGO */
header .logo img { width: 150px; }

/* MENU */
header .menu { margin-left: auto; }
header .menu ul { list-style: none; margin: 0; padding: 0; }
header .menu ul a { color: #000; }
header .menu ul li { display: inline-block; padding: 0px 20px; transition: all 0.3s; }
header .menu ul li:hover { opacity: 0.7; cursor: pointer; }

/* HEAD */
header .head { width: 40%; position: relative; top: 170px; }
header .head h1 { font-size: 2.8125rem; }
header .head h1 span { color: #D09631; }
header .head p { margin-top: 20px; line-height: 28px; }
header .head button { margin-top: 20px; }


/* CTA */
.cta { background: #F3F3F3; margin-top: 8%; padding: 5% 0; }
.cta .block { display: flex; align-items: center; margin-top: 30px; }
.cta .block div:nth-child(1) { width: 35%; }
.cta .block div:nth-child(1) h2 b { color: #008973; }
.cta .block div:nth-child(1) p { margin-top: 20px; }
.cta .block div:nth-child(2) { width: 70%; }
.cta .block div:nth-child(2) img { width: 90%; float: right; }

/* SC1 */
.sc1 { padding: 4% 0; }
.sc1 .block { display: flex; align-items: center; }
.sc1 .block div:nth-child(1) { width: 60%; }
.sc1 .block div:nth-child(2) { width: 40%; }

.sc1 .block div h2 { margin-bottom: 50px; font-size: 2.625rem; }
.sc1 .block div img { width: 100%; }
.sc1 .block div span { display: flex; align-items: center; gap: 10px; color: #008973; font-weight: bold; font-size: 1.125rem; }
.sc1 .block div span img { width: 28px; }
.sc1 .block div p { margin-top: 10px; margin-bottom: 30px; }

/* SC2 */
.sc2 { background: #F3F3F3; height: 900px; padding: 7% 0; position: relative; }
.sc2 h2 { margin-bottom: 50px; font-size: 2.625rem; }

.sc2 .block { display: flex; }
.sc2 .block div { width: 50%; }
.sc2 .block div h4 { margin-top: 80px; font-size: 1.25rem; }

.sc2 .depoimento { width: 43%; position: absolute; right: 0; top: 0;}
.sc2 .depoimento .image { position: relative; }
.sc2 .depoimento .image img { width: 100%; object-fit: cover; height: 900px; }
.sc2 .depoimento .image .info { position: absolute; bottom: 105px; left: 80px; z-index: 2; width: 60%; }
.sc2 .depoimento .image .info span { color: #fff; font-size: 30px; font-weight: 600; }
.sc2 .depoimento .image .info p { color: rgba(255,255,255,0.8); margin-top: 10px; }
.sc2 .depoimento .image .info small { font-weight: bold; color: #fff; }

.sc2 .depoimento .image .mask { background: linear-gradient(180deg, rgba(214, 144, 47, 0.00) 0%, #D6902F 100%); width: 100%; height: 500px; position: absolute; bottom: 0; z-index: 1; }


/* FAQ */
.faq .block { display: flex; padding: 8% 0; position: relative; align-items: center; }
.faq .block div { width: 50%; }
.faq .block div h2 { margin-top: 0px; font-size: 4.25rem; }
.faq .block div p { margin-top: 50px; }
.faq .block div small { display: block; margin-top: 60px; }
.faq .block div a.tel { font-weight: bold; color: #008973; font-size: 1.875rem; text-decoration: none; }

.faq .block div .accordions { width: 100%; margin: 0px auto; }
.faq .block div .accordion-item { width: 100%; }
.faq .block div .accordion-item input { display: none; }

.faq .block div .accordion-item label { font-size: 17px; display: block;  border-bottom: 2px solid rgba(0,0,0,0.1); cursor: pointer; padding: 35px 0px; font-weight: bold; transition: background 0.3s ease; }
.faq .block div .accordion-item label:hover { opacity: 0.7; }

.faq .block div .accordion-content { height: 0; overflow: hidden; padding: 0; transition: height 0.3s ease-in-out, padding 0.3s ease-in-out; width: 100%; }
.faq .block div .accordion-content p { margin: 0; font-size: .875rem; margin-top: 20px; }
.faq .block div [id^=accordion]:checked ~ .accordion-content { height: auto; padding: 0px; }


/* SC3 */
.sc3 { background: #F3F3F3; height: 900px; padding: 7% 0; position: relative; }
.sc3 h2 { margin-bottom: 50px; font-size: 2.625rem; }

.sc3 .block { display: flex; }
.sc3 .block div { width: 50%; margin-left: auto; }
.sc3 .block div h4 { margin-top: 80px; font-size: 1.25rem; }
.sc3 .block div p { line-height: 30px; margin-bottom: 30px; }
.sc3 .block div .form-control { padding: 12px 18px; margin-bottom: 20px; }
.sc3 .block div .form-control:focus { box-shadow: none; border: 1px solid #d4d4d4; }

.sc3 .block div .form-select { padding: 12px 18px; margin-bottom: 20px; }
.sc3 .block div .form-select:focus { box-shadow: none; border: 1px solid #d4d4d4; }

.sc3 .block div .min { width: 100%; display: flex; gap: 20px; }
.sc3 .block div button { width: 100%; margin-top: 30px; }


.sc3 .about { width: 43%; position: absolute; left: 0; top: 0;}
.sc3 .about .image { position: relative; }
.sc3 .about .image img { width: 100%; object-fit: cover; height: 900px; }

.sc3 .about .image .mask { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); width: 100%; height: 500px; position: absolute; bottom: 0; z-index: 1; }


/* FOOTER */
footer { padding: 120px 0; border-top: 1px solid #f1f1f1; }
footer .whatsapp { background: #26d366; width: 60px; height: 60px; position: fixed; bottom: 40px; right: 40px; border-radius: 40px; }
footer .whatsapp img { margin: 0 auto; display: block; position: relative; top: 13px; }
footer p { width: 70%; margin-top: 20px; }
footer hr { margin: 60px 0; opacity: 0.1;}
footer a { color: #000; text-decoration: none; }

footer .box { display: flex; }
footer .box ul { margin: 0; padding: 0; list-style: none; margin-top: 20px; }
footer .box ul li { cursor:pointer; line-height: 50px; transition: all 0.3s; }
footer .box ul li img { margin-right: 15px; }
footer .box ul li:hover { opacity: 0.8; }
footer .box span { font-weight: bold; }

footer .box div:nth-child(1) { width: 30%; }
footer .box div:nth-child(2) { width: 20%; }
footer .box div:nth-child(3) { width: 30%; }
footer .box div:nth-child(4) { width: 20%; }

footer .end { display: flex; justify-content: space-between; align-items: center; }
footer .end p { width: 100%; margin: 0;}
footer .end ul { margin: 0; padding: 0; list-style: none; }
footer .end ul li { cursor:pointer; line-height: 40px; transition: all 0.3s; display: inline-block; margin-right: 30px; }
footer .end ul li img { margin-right: 15px; }
footer .end ul li:last-child { margin-right: 0; }
footer .end ul li:hover { opacity: 0.8; }

.modal { background-color: rgba(0,0,0,0.7) !important; }
.modal .modal-body { padding: 50px; }
.modal .modal-body h5 { text-align: center; font-size: 20px; color: #008973; }
.modal .modal-body p { text-align: center; margin-top: 20px; padding: 0px 10%; }


#privacy-notice p { line-height: 35px; font-size: 14px; }
#privacy-notice h2 { color: #008973; margin: 35px 0; font-size: 25px; margin-bottom: 10px; }
#privacy-notice .list-group { margin-bottom: 30px; }
#privacy-notice .list-group li { font-size: 14px; line-height: 25px; }
#privacy-notice .list-group li strong { font-weight: bold; }
#privacy-notice .list-group li ul { list-style: none; margin: 0; padding: 0; padding-left: 20px; }

#terms-conditions p { line-height: 35px; font-size: 14px; }
#terms-conditions h2 { color: #008973; margin: 35px 0; font-size: 25px; margin-bottom: 10px; }
#terms-conditions .list-group { margin-bottom: 30px; }
#terms-conditions .list-group li { font-size: 14px; line-height: 25px; }
#terms-conditions .list-group li strong { font-weight: bold; }
#terms-conditions .list-group li ul { list-style: none; margin: 0; padding: 0; padding-left: 20px; }