:root {
    --color-blue2: #0043b7;
    --color-blue4: #005bf9;
    --color-blue6: #6aa1ff;
    --color-blue8: #7dc0ff;
    --color-blue-10: #c7e5ff;
    --color-blue-12: #e1f1ff;
}

#loading-wrapper {
    display: flex !important;
    align-items: center;
    background-color: rgba(255, 255, 255, .3);
    justify-content: center;
}

#loading-text {
    margin: 0;
    top: auto;
    left: auto;
}

#preloader:after,
#preloader:before {
    --gradient-color-one: rgb(0, 0, 200);
    --gradient-color-two: rgb(100, 200, 255);
    content: "";
    position: fixed;
    left: 0;
    height: 50%;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-one)), to(var(--gradient-color-two)));
    background: -o-linear-gradient(left, var(--gradient-color-one), var(--gradient-color-two));
    background: linear-gradient(to right, var(--gradient-color-one), var(--gradient-color-two));
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

#loading-content:before {
    border: 2px solid transparent;
    border-top-color: rgb(20, 20, 20);
    border-bottom-color: rgb(20, 20, 20);
    border-radius: 50%;
    -webkit-animation: loader 3s linear infinite;
    animation: loader 3s linear infinite;
}

#loading-content {
    border: 2px solid transparent;
    border-top-color: rgb(0, 100, 150);
    border-bottom-color: rgb(0, 100, 150);
    border-radius: 50%;
    -webkit-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite;
}

.bg-oaweb {
    background: #0066ff;
}

.grecaptcha-badge {
    display: none;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.navbar .navbar-brand img {
    width: 150px;
}

.project-card.style-6 {
    transition: .5s all;
}

.navbar.style-6 .nav-item .nav-link {
    text-transform: none;
}

.top-navbar.style-4 {
    padding: 10px 15px;
}

.clients.style-5 .content .img.img-card {
    width: 24%;
}

.width-40 {
    width: 40%;
}

header.style-6 .info .form {
    display: flex;
    flex-wrap: nowrap;
}

header.style-6 .info h1,
header.style-6 .info h1 span small {
    font-size: 60px;
}

.section-head.style-6 h2,
.section-head.style-6 h2 span small {
    font-size: 36px;
}

.navbar.style-6 .nav-item .nav-link {
    font-size: 14px;
}

header.style-6 .info .form .form-group input {
    font-size: 14px;
}

.top-navbar a:hover {
    color: #66ff66;
}

.about p {
    margin: 0 0 15px 0;
    text-align: justify;
}

.contact-button {
    min-width: 155px;
}

header.style-6 .info h6 {
    margin-top: 20px;
}

.choose-us .icon-box .far {
    color: var(--color-blue6);
    font-size: 28px;
}

header.style-6 .content {
    padding: 120px 0 34px;
}

header.style-6 .info h6 {
    margin-top: 40px;
    margin-bottom: 10px;
}

header.style-6 .info .text {
    margin-top: 0;
}

header.style-6 .info .form {
    margin-top: 40px;
}

header.style-6 .head6-rocket {
    width: 24%;
    bottom: -8%;
}

header.style-6 .hand-mega {
    width: 18%;
    top: 25%;
}

footer.style-6 {
    background-color: #f1f2fa;
}

.service-card.style-6 .info .text {
    font-size: 12px;
}

.section-padding {
    padding: 70px 0;
}

footer.style-6 .items ul li a {
    font-size: 13px;
}

.about.style-6 .content {
    border-bottom: 0 solid #9994;
}

.whatsapp-oaweb {
    z-index: 99999;
    position: relative;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-toggler {
    position: relative;
    width: 60px;
    height: 60px;
    z-index: 9999;
    cursor: pointer;
    display: flex;
    border-radius: 50%;
}

.whatsapp-oaweb .navbar-toggler .fab,
.whatsapp-oaweb .navbar-menu .fab {
    font-size: 40px;
    color: #fff;
    margin: auto;
}

.whatsapp-oaweb .animate {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.whatsapp-oaweb .img-circle {
    border-radius: 50%;
}

.whatsapp-oaweb nav.navbar-fixed-left {
    position: fixed;
    top: auto;
    bottom: 10px !important;
    left: 10px;
    border-radius: 0;
}

.whatsapp-oaweb nav.navbar-fixed-right {
    position: fixed;
    top: auto;
    bottom: 20px !important;
    right: 20px;
    border-radius: 0;
}

.whatsapp-oaweb nav.navbar-minimal {
    width: 60px;
    height: 60px;
    background-color: rgb(39, 155, 0);
    border-width: 0;
    z-index: 9999;
    border-radius: 50%;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-toggler {
    position: relative;
    width: 60px;
    height: 60px;
    z-index: 100;
    cursor: pointer;
    display: flex;
    border-radius: 50%;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-toggler:hover {
    background-color: rgb(31, 134, 1)
}

.whatsapp-oaweb nav.navbar-minimal.open>.navbar-toggler {
    background-color: rgb(75, 239, 28)
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-toggler>span {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -8px -8px 0 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-transition: -webkit-transform .3s ease-out 0s;
    -moz-transition: -moz-transform .3s ease-out 0s;
    -o-transition: -moz-transform .3s ease-out 0s;
    -ms-transition: -ms-transform .3s ease-out 0s;
    transition: transform .3s ease-out 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-menu {
    position: absolute;
    bottom: -1000px;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 50
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-menu>li {
    margin: 0;
    padding: 0;
    border-width: 0;
    width: 60px;
    height: 60px;
    background-color: #269900;
    border-radius: 50%;
    margin-top: 5px;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-menu>li>a {
    position: relative;
    color: rgb(255, 255, 255);
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid rgb(81, 81, 81);
    width: 100%;
    text-decoration: none;
    margin: 0;
    display: flex;
    height: 60px;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-menu>li>a:last-child {
    border-bottom-width: 0;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-menu>li>a>.fab {
    float: right;
}

.whatsapp-oaweb nav.navbar-minimal.open {
    width: 320px;
}

.whatsapp-oaweb nav.navbar-minimal.open>.navbar-toggler>i {
    background-position: 0 -16px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.whatsapp-oaweb nav.navbar-minimal.open>.navbar-menu {
    bottom: 66px;
    width: 100%;
    min-height: 100%;
}

.whatsapp-oaweb nav.navbar-minimal.open {
    width: 60px;
}

.whatsapp-oaweb nav.navbar-minimal.open>.navbar-menu {
    overflow: visible;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-menu>li>a>.desc {
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -28px;
    margin-right: 20px;
    text-align: left;
    white-space: nowrap;
    padding: 6px 13px;
    border-width: 0 !important;
    background-color: #0066ff;
    border-radius: 7px;
    font-size: 13px;
    right: 60px;
    opacity: 1;
    line-height: 15px;
    min-width: 160px;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-menu>li>a>.desc:after {
    z-index: -1;
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -10px;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(51, 51, 51);
    border-left-color: #0066ff;
}

.whatsapp-oaweb nav.navbar-minimal>.navbar-menu>li>a:hover>.desc {
    right: 60px;
    opacity: 1;
}

@media screen and (max-width:991px) {
    br {
        display: block !important
    }

    header.style-6 .info .form {
        display: flex;
        flex-wrap: wrap
    }

    header.style-6 .info h1,
    header.style-6 .info h1 span small {
        font-size: 30px;
        line-height: 1.5;
        text-align: center
    }

    header.style-6 .info h1 {
        padding: 0 15px
    }

    .clients.style-5 .content .img.img-card {
        width: 45%
    }

    footer.style-6 .items .title {
        margin-bottom: 15px;
        font-size: 16px
    }

    header.style-6 .head6-rocket {
        width: 45%;
        bottom: 43%;
        right: -2%
    }

    .choose-us.style-6 .info {
        padding: 0
    }

    .services p {
        text-align: justify
    }

    .text-justify {
        text-align: justify
    }

    #cookiesModal {
        width: 100%
    }
}

@media screen and (max-width:443px) {
    .top-navbar.style-4 {
        background-color: rgb(0 109 255)
    }

    .services-slider.style-6 .swiper-container {
        padding-bottom: 0
    }

    .top-navbar .btn.sm-butn {
        display: none
    }

    header.style-6 .head6-rocket {
        width: 45%;
        bottom: 43%;
        right: -2%
    }

    header.style-6 .hand-mega {
        width: 27%;
        top: 29%
    }

    footer.style-6 .items ul li a {
        font-size: 14px
    }

    footer.style-6 small {
        font-size: 14px
    }

    .section-padding {
        padding: 30px 0
    }
}

.terms-navbar .navbar-collapse {
    flex-basis: max-content;
    flex-grow: 0;
}

#cookiesModal h5 {
    font-size: .9rem;
}

#cookiesModal p {
    font-size: 10px;
}

.to_top {
    bottom: 100px;
}

footer.style-6 .small,
footer.style-6 small {
    font-size: 14px;
    line-height: 1.7;
    display: inline-block;
}

.cf-turnstile {
    position: fixed;
    bottom: 0;
    left: 7px;
}

header.style-6 .info {
    height: 400px;
}

.butn span,
.btn span {
    text-transform: none;
}

/* .butn.sm-butn:hover,
.btn.sm-butn:hover {
    background: #66ff66;

    & span {
        color: rgb(30, 120, 30) !important
    }
} */

.fs-18 {
    font-size: 18px !important;
}

.faq.style-3 .accordion-item .accordion-button:not(.collapsed) {
    color: #666 !important;
}

.faq.style-3 .accordion-item .accordion-button {
    text-transform: none;
}

.faq .h3,
h3 {
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: .4rem;
}

.faq ul {
    margin-bottom: .4rem;
    font-size: 14px;
}

.faq p.destaque {
    color: #000;
    margin-top: 1rem;
    font-weight: 700;
}

.services-slider .h2,
h2 {
    font-weight: 500;
    font-size: 1.1rem;
    margin-bottom: .4rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: none !important
}

.\navbar-toggler:focus {
    box-shadow: none;
}


.navbar.style-4 {
    margin-top: auto;
}

header.style-4 .content .info h1 span,
.section-head.style-4 h2 span,
.community.style-4 .content .commun-card .icon i {
    background-image: linear-gradient(to right, var(--color-blue4), var(--color-blue8))
}

.about .section-head p {
    text-align: center;
}

.accordion-item .accordion-collapse,
.faq.style-3 .accordion-item .accordion-button:not(.collapsed),
.accordion-item .accordion-button:not(.collapsed),
.faq.style-3 .accordion-item .accordion-collapse .accordion-body,
.section-head.style-4 .title_small {
    color: var(--color-blue2) !important;
    background-color: var(--color-blue-12) !important;
}

.apply-hue-rotate {
    filter: hue-rotate(-35deg);
}

.navbar.style-4 .navbar-nav .nav-item .nav-link::before {
    filter: hue-rotate(-30deg) brightness(1.25)
}

.navbar.style-4 .navbar-nav .nav-item .nav-link:hover::before,
.navbar.style-4 .navbar-nav .nav-item .nav-link.active::before {
    transform: translateX(-50%) translateY(0%);
}

header.style-4 .wave {
    animation: 0;
    bottom: -0;
}


/* ===== SISTEMAS CLINICAS SST ===== */

.navbar.style-3.nav-scroll {
    background-color: var(--color-blue4) !important;
}

.btn-whatsapp {
    background-color: rgb(86, 188, 77);
    color: rgb(243, 255, 238);
}

.btn-whatsapp:hover {
    background-color: rgb(81, 174, 80);
    color: rgb(217, 247, 204);
}

.section-head.style-3 h3 span::after {
    filter: hue-rotate(-35deg);
}

footer.style-6 .items .socail-icons a:hover {
    background-color: var(--color-blue4) !important;
    color: #fff !important;
}

.pricing-card.style-3 .card-head h4 small {
    background-color: var(--color-blue4);
    border-radius: 50rem;
}

.faq.style-3 .accordion-item .accordion-collapse .accordion-body {
    font-size: 12px;
}

header.style-3 .content {
    position: relative;
    z-index: 1;
}

header.style-3 .main-img {
    z-index: 0;
    display: flex;
    justify-content: end;
}

header.style-3 .main-img .main-img-holder {
    position: relative;
    right: 0;
    height: 400px;
    width: 400px;
}

header.style-3 .main-img .pattern {
    height: auto;
    width: auto;
    scale: 2.1;
    top: 31%;
    right: 4%;
    aspect-ratio: 3 / 2;
}

header.style-3 .main-img .circle {
    right: 0;
    height: 100%;
    width: 100%;
}
header.style-3::before {
    height: 100%;
    background-size: cover;
    background-position: top;
    background-image: url('../img/clinicas-sst-header-bg.jpg')
}
header.style-3 .content .info .h5::before {
    bottom: -5px;
}