@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap');

html, body { 
    width: 100%; 
    height: 100%; 
    border-collapse: collapse; 
    box-sizing: border-box;
}
body { 
    font-family: 'Poppins', sans-serif; 
    font-size: 1rem; 
    color: #575756; 
}
a {
    text-decoration: none; 
    color: #575756!important; 
}
a:hover { 
    color: #2BB3A7!important; 
}
textarea { 
    resize: none;
}

/** **/
.navbar-nav {
    flex-direction: row;
}
.navbar-nav .nav-item + .nav-item {
    margin-left: 1rem;
}
.row + .row { 
    margin-top: 1rem; 
}

/** **/
.section { 
    width: 100%; 
    height: auto; 
}
.section .container {
    padding: 1rem;
}
.section-divider {  
    padding: 1rem;
    background-image: linear-gradient(to right, #2BB3A7, #26C880);
    text-align: center; 
    color: #FFFFFF; 
}
.section-divider h4 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.icon-group .card {
    border: none;
}
.icon-group .card-title {
    color: #2BB3A7;
}
.icon-group .bi, .card-icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: .750rem;
    border-radius: 50%;
    background-color: #F5F6FA;
    display: block;
    line-height: 210%;
    text-align: center;
    font-size: 250%;
    color: #2BB3A7;
}
.img-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.img-group div {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #FFFFFF;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.img-group div + div {
    margin-left: 1rem;
}
.list-services .card {
    border: none;
}
.list-services .card-body {
    padding: 0;
    text-align: center;
}
.list-services .card-title {
    margin-top: 1rem;
    color: #2BB3A7;
}
.img-icon {
    width: 7rem;
    height: 7rem;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #F5F6FA;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    opacity: .5;
    transition: opacity .25s ease-in-out;
}
.img-icon:hover {
    opacity: 1;
}
.title { 
    text-align: center; 
    font-size: 175%; 
    font-weight: bold; 
}
.title + hr { 
    width: 30%; 
    height: .650rem; 
    margin: 0 auto; 
    border: none;
    background-image: linear-gradient(to right, #2BB3A7, #26C880); 
}
.subtitle { 
    max-width: 80%; 
    margin: .5rem auto 1rem auto; 
    text-align: center; 
    font-size: 135%; 
}
.checklist { 
    list-style: none; 
}
.checklist li { 
    font-size: 125%; 
}
.checklist li:before { 
    content: ''; 
    display: inline-block; 
    height: 32px; 
    width: 32px; 
    margin-bottom: -7px; 
    margin-right: 14px; 
    background-image: url('../img/checked_64x64.png'); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: bottom; 
}
.list-contact li { 
    font-size: 125%;
}
.list-contact li + li { 
    margin-top: .750rem;
}
.list-contact span {
    font-size: 1rem;
    display: block;
}
.list-contact .bi {
    color: #2BB3A7;
}
.footer { 
    background-color: #575756; 
    padding: 1rem; 
    color: #FFFFFF; 
}

.custom-btn-whatsapp { border: none; outline: none; background-color: transparent; position: fixed; bottom: 2rem; left: 2rem; z-index: 999; transform: scale(1); animation: pulse 2s infinite; }

.custom-modal-whatsapp .modal-content { border: none; background-color: transparent!important; font-family: 'Roboto', sans-serif; }
.custom-modal-whatsapp .modal-content::before { content: ''; height: 88px; background-image: url('../img/whatsapp-78x78.png'); background-repeat: no-repeat; background-position: center; }
.custom-modal-whatsapp .modal-header { border-radius: 1rem 1rem 0 0; background-color: #075E54; }
.custom-modal-whatsapp .modal-title { color: #FFFFFF; }
.custom-modal-whatsapp .modal-title span { display: block; font-size: 65%; opacity: .6; }
.custom-modal-whatsapp .btn-close { filter: invert(100%); }
.custom-modal-whatsapp .btn-close:focus { box-shadow: none; }
.custom-modal-whatsapp .modal-body { background-image: url('../img/bg-whatsapp-760x698.jpg'); background-size: cover; }
.custom-modal-whatsapp .modal-footer { border-radius: 0 0 1rem 1rem; background-color: #FFFFFF; }
.custom-modal-whatsapp .modal-footer .btn { background-color: #25D366; color: #FFFFFF!important; }
.custom-modal-whatsapp .custom-whatsapp-avatar { width: 4rem; height: 4rem; margin-right: .750rem; border-radius: 50%; background-color: #FFFFFF; background-image: url('../img/optitel_92x80.png'); background-repeat: no-repeat; background-size: 70%; background-position: center; }
.custom-modal-whatsapp .custom-whatsapp-avatar img { max-width: 100%; height: auto; }
.custom-modal-whatsapp .custom-whatsapp-message + .custom-whatsapp-message { margin-top: 1rem; }
.custom-modal-whatsapp .custom-whatsapp-message { max-width: 85%; width: fit-content; border-radius: 0 2rem 2rem 2rem; padding: .550rem 1.2rem; background-color: #FFFFFF; }
.custom-modal-whatsapp .custom-whatsapp-message .custom-whatsapp-user { display: block; margin-bottom: .5rem; font-weight: 700; font-size: 90%; color: #D63E2C; }
.custom-modal-whatsapp .custom-whatsapp-message .custom-whatsapp-emoji { font-size: 135%; }
.custom-modal-whatsapp .custom-whatsapp-message .custom-whatsapp-time { display: block; text-align: right; font-weight: 700; font-size: 75%; color: #41464B; }

@keyframes pulse {
    0% { transform: scale(0.75); }
    50% { transform: scale(1); }
    100% {  transform: scale(0.75); }
}

@media screen and (max-width: 767px) {
    .navbar-brand { position: relative; margin: 0 auto; }
}