﻿.logo-outer img { width: 250px; }

.solutions-section { padding-top: 10rem; }

.solutions-section p { line-height: 1.4; }

/* FOOTER */
.footer-section { padding-top: 2rem; }

.footer-widget { margin-bottom: 0; }

.footer-widget .list-style-two, .footer-widget .list-style-three { padding-top: 1.5rem; }


/* FAQ */
.wrapper-faq { width: 60%; margin: 0 auto; }

.wrapper-faq .container { background-color: white; color: black; border-radius: 20px; box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25); margin: 20px 0; }

.question { font-size: 1.2rem; font-weight: 600; padding: 20px 80px 20px 20px; position: relative; display: flex; align-items: center; cursor: pointer; color: #3fd2ca; }

.question::after { content: "\002B"; font-size: 2.2rem; position: absolute; right: 20px; transition: 0.2s; color: #3fd2ca; }

.question.active::after { transform: rotate(45deg); }

.answercont { max-height: 0; overflow: hidden; transition: 0.3s; }

.answer { padding: 0 20px 20px; line-height: 1.5rem; }

.question.active + .answercont { }

/* COOKIE */
.wrapper { position: fixed; bottom: 50px; right: -500px; max-width: 500px; width: 100%; background: #fff; border-radius: 8px; padding: 15px 25px 22px; transition: right 0.3s ease; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

.wrapper.show { right: 20px; }

.wrapper header { display: flex; align-items: center; column-gap: 15px; }

.wrapper .titulo i { color: #4070f4; font-size: 32px; }

.wrapper .titulo h2 { color: #4070f4; font-weight: 500; }

.wrapper .data { margin-top: 16px; }

.wrapper .data p { color: #333; font-size: 16px; line-height: 1.4; }

.data p a { color: #4070f4; text-decoration: none; }

.data p a:hover { text-decoration: underline; }

.wrapper .buttons { margin-top: 16px; width: 100%; display: flex; align-items: center; justify-content: space-between; }

.buttons .button { border: none; color: #fff; padding: 8px 0; border-radius: 4px; background: #3fd2ca; cursor: pointer; width: calc(100% / 2 - 10px); transition: all 0.2s ease; }

.buttons #acceptBtn:hover { background-color: #3fd2ca; opacity: 0.8 }

#declineBtn { border: 2px solid #3fd2ca; background-color: #fff; color: #3fd2ca; }

#declineBtn:hover { background-color: #3fd2ca; color: #fff; }

.cookie-consent { position: relative; z-index: 99999; }

.card-header { background-color: rgb(220 247 247); padding: 0.2em 1.25rem; }

@media only screen and (max-width: 992px) {
    /*.menu-right.d-none.d-lg-flex.ml-lg-auto {
        display: none !important;
    }*/
    .solutions-section {
        padding-top: 12rem;
    }
}

@media only screen and (max-width: 575px) {
    .section-title h2{
        font-size: 20px;
        line-height: 1.2;
    }
}