.logo {
    padding: 20px 0px 20px 0px;
}
.hs-mega-menu.w-100.main-sub-menu.animated.hs-position-right {
    margin-top: -18px;
}
.hs-mega-menu.main-sub-menu.animated.hs-position-right {
    margin-top: -15px;
}
.gradient-bg {
    background: -webkit-gradient(linear, left top, right top, from(#1a5170), to(#1a5170)) !important;
    background: linear-gradient(90deg, #125072, #0093e3);
}
.primary-bg {
    background: #1a516f;
}
body {
    font-size: 14px !important;
    font-family: 'Poppins' !important;
}

p.text-dark {
    background: #1a5170;
    color: #fff !important;
    border-radius: 10px;
    padding: 10px;
}
p.text-dark a {
    color: #fff !important;
    text-decoration: underline;
}

/* Modernização visual */

/* Botões modernos */
button, .btn, input[type="submit"], input[type="button"] {
    background: linear-gradient(90deg, #0093e3, #125072);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 28px;
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 2px 8px rgba(18,80,114,0.08);
    transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
    cursor: pointer;
}
button:hover, .btn:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: linear-gradient(90deg, #125072, #0093e3);
    box-shadow: 0 4px 16px rgba(18,80,114,0.15);
    transform: translateY(-2px) scale(1.03);
}

/* Caixas e cards */
.card, .box, .container, .content, .panel, .well {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(18,80,114,0.07);
    padding: 24px 20px;
    margin-bottom: 24px;
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #125072;
    letter-spacing: 0.5px;
}

/* Links */
a {
    color: #0093e3;
    text-decoration: none;
    transition: color 0.2s;
}
a:hover {
    color: #125072;
    text-decoration: underline;
}

/* Seções */
section, .section {
    padding: 48px 0;
}

/* Responsividade extra */
@media (max-width: 600px) {
    .card, .box, .container, .content, .panel, .well {
        padding: 14px 6px;
    }
    section, .section {
        padding: 24px 0;
    }
    h1 {
        font-size: 1.7rem;
    }
    h2 {
        font-size: 1.3rem;
    }
}

@media (max-width: 767px) {
    .col-xs-6 {
        width:50% !important;
    }
    a#painel {
        padding-left: 10px !important;
        margin-top: 10px;
    }
    .h2, h2 {
        font-size: 25px;
    }
    .lead {
        font-size:14px;
    }

    h1.text-white {
        padding-top: 0px;
        font-size: 32px;
    }
    #navBar i {
        padding-right: 5px;
    }
    a#home {
        padding-top: 0px !important;
    }
    section.hero-equal-height.pt-50.pb-50.gradient-overlay {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .footer-nav-wrap h4 {
        padding-top: 40px;
    }
    
    
    .footer-top.py-5 {
        padding-top: 10px !important;
    }
    .footer-nav-wrap.text-white {
        padding-bottom: 12px;
    }

    .hidden-xs {
        display: none;
    }

    .single-service-plane.text-center.rounded.white-bg.shadow-sm.p-5.mt-md-4.mt-lg-4 {
        margin-bottom: 20px;
    }
        .pb-100 {
            padding-bottom: 100px !important;
        }
    .footer-top.gradient-bg {
        padding-bottom: 20px;
        padding-top: 30px;
    }
}


.action-wrap.mt-3 {
    background: #1a5170;
    padding: 6px;
}
.action-wrap.mt-3 .btn-link {
    color: #fff;
}

.service-plane-content {
    height: 130px;
    font-size: 13px;
}

.single-service-plane.text-center.mt-md-4.mt-lg-4 {
    padding: 4px;
    margin-top: 20px;
}

.action-wrap a {
    font-size: 13px;
}

.ptb-30 {
    padding: 30px 0;
}

.ptb-50 {
    padding: 50px 0;
}
s {
    text-decoration: line-through;
}

.preco-off s {
    font-size: 15px;
}

.preco-off strong {
    background: #000000;
    border-radius: 10px;
    padding: 9px;
    font-size: 15px;
    color: #fff;
}
.preco-desconto-total {
    font-size: 16px;
}
.preco-desconto-total p {
    padding: 0px;
    margin: 0px;
}
.pricing-header .price {
    font-size: 25px;
}
.color-1-bg {
    background: #188303;
}
.color-1 {
    color: #ffffff;
}

.single-promo-2.custom-shadow.single-promo-hover.rounded-custom.text-center.white-bg.p-5.h-100 h5 {
    font-weight: 300;
    font-size: 15px;
}

.bg-transparent .header-nav a.custom-nav-link, .gradient-bg .header-nav a.custom-nav-link {
    color: #1a5170 !important;
}
.solid-white-btn {
    background: #598114;
    color: #ffffff;
    border: none;
}
.solid-white-btn:hover {
    background: #44600f;
    color: #ffffff;
    border: none;
}

@media (max-width: 767px){
    .bg-transparent .header-nav #navBar.navbar-collapse, .gradient-bg .header-nav #navBar.navbar-collapse {
        background: #ffffff!important;
    }
    #navBar.navbar-collapse {
        padding: 5px;
    }
    .navbar-expand-md .main-sub-menu:not(.u-header__promo) {
        border-left: 0px solid #035ded;
    }
    .title-with-icon-item {
        margin-left: 2px;
        margin-right: 0px;
    }
    .title-with-icon-link {
        padding-bottom: 0px;
    }
    .hs-mega-menu.w-100.main-sub-menu.animated.hs-position-right {
        margin-top: -10px;
    }
    .hs-mega-menu.w-100.main-sub-menu.animated.hs-position-right {

    }
    section.hero-equal-height.pt-50.pb-50.gradient-overly-right {
        padding: 20px 0px 20px 10px;
    }
    .navbar-toggler {
        font-size: 30px !important;
    }
    .incluso {
        margin-top:15px;
    }
    .bg-transparent .header-nav #navBar.navbar-collapse .navbar-nav .nav-link, .gradient-bg .header-nav #navBar.navbar-collapse .navbar-nav .nav-link {
        font-size: 15px;
    }
    .botao_contratar {
        margin-top:15px;
    }
    .hero-content-wrap.text-white {
        text-align: left;
    }
}
.gradient-overly-right:before {
    background: -webkit-gradient(linear, left top, right top, from(#000000), to(rgb(0 0 0 / 50%))) !important;
    background: linear-gradient(90deg, #000000, rgb(0 0 0 / 50%)) !important;
}

.vps-hosting-pricing-table .rate {
    font-size: 20px;
    font-weight: 500;
    color: #188303;
    font-family: 'Poppins', sans-serif;
}



@media (max-width: 767px) {

    .col-xs-8 {
        width: 75% !important;
    }
    .col-xs-6 {
        width: 50% !important;
    }
    .col-xs-4 {
        width: 25% !important;
    }
    .text-right-xs{
        text-align: right;
    }
    h1.text-white {
        padding-top: 0px;
        font-size: 21px;
    }
    .solicitar-proposta {
        padding: 0px 15px 0px 15px;
    }
    .nuvemrapida {
        text-align: center;
    }
    .nuvem-rapida {
        font-size:15px;
        text-align: center;
        padding-top:25px;
    }
    .cloud_planos {
        padding-left: 15px;
    }
    .cloud_planos {
        padding-right: 15px;
    }
    .cloud_planos h6 {
        text-align: center;
        padding-bottom: 10px;
    }
    .form-group.grupo-cloud {
        width: 100%;
    }
    .row.solicitar-proposta {
        margin-left: 0px;
        margin-right: 0px;
    }
    .header-cloud {
        background: #125b86 !important;
        padding: 25px 0px 25px 0px;
    }
    .hidden-xs {
        display: none;
    }
    .service-plane-content {
        height:inherit;
    }
    .single-service-plane.p-5 {
        padding: 1rem !important;
    }
    #faq h3 {
        font-size:14px;
        font-weight: normal;
    }
    .cloud_planos h3 {
        display: none;
    }
    .header-cloud {
        text-align: center;
    }
    .form-group.grupo-cloud {
        padding: 5px 0px;
        background: none;
    }
    .grupo-cloud input {
        padding: 20px 0px;    width: 90%;
    }
    .form-group.grupo-cloud.white-bg label {
        text-align: left;
        padding-left: 15px;
    }
    .custom-range::-webkit-slider-thumb {
        margin-top:-8px;
        width:25px;
        height: 25px;
        background: #125b86 ;
    }
    h3.mb-2 {
        font-size: 16px;
    }
    .feature-feature-list.p-4.text-center p {
        font-size: 14px;
    }
    .p-4 {
        padding: 0.5rem !important;
    }
    section.call-to-action.ptb-50.gradient-overlay {
        text-align: center;
    }
    .col-lg-5.col-md-5.col-12.resumo_pedido_cloud h3 {
        font-size: 15px;
        text-align: center;
    }
    .valor_calculadora {
        background: none !important;
        margin: 0px 0px 0px 0px !important;
        padding: 15px 0px 0px 0px !important;
    }
    .h3, h3 {
        font-size: 18px;
    }
    .single-promo-2.custom-shadow.single-promo-hover.rounded-custom.text-center.white-bg.p-5.h-100 p {
        font-size: 13px;
        color: #707070;
    }
    .p-5 {
        padding: 1rem !important;
    }

    .feature-feature-list.p-3.text-center p {
        font-size: 13px !important;
    }
    .footer-nav-wrap.text-white h3 {
        font-size: 14px;
    }

}
@media (min-width: 1000px){
    section.call-to-action.ptb-50.gradient-overlay h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 18px !important;
    }
    .padding-left {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    a.btn.btn-primary {
        color: #fff;
        background: #125b86;
        border: 1px solid #125b86;
    }
    a.btn.btn-primary:hover {

        color: #fff;
        background: #125b86;
        border: 1px solid #125b86;
    }
    .grupo-cloud {
        padding:10px;
        width: 46%;
        float: left;
        border: 1px solid #e7e9ed!important;
        border-radius: .25rem!important;
        margin: 10px;
    }
    .grupo-cloud .custom-range {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .nuvem-rapida {
        font-size:14px
    }
    .header-cloud {

    }

    .resumo_pedido_cloud {
        background: #fff;
        z-index: 1000;
        border-radius: 10px;
    }
    .cloud-teste a {
        font-size: 18px;
    }
    .porqueusarcloud ul {
        padding-bottom: 25px;
        float: left;
        width: 50%;
    }
    .lead_cloud {
        font-size: 14px;
    }
    .feature-feature-list.p-3.text-center p {
        font-size: 14px;
    }
    .feature-feature-list.p-3.text-center h5 {
        font-size: 17px;
    }
    p.lead {
        font-size: 16px;
    }
    .single-promo-2.custom-shadow.single-promo-hover.rounded-custom.text-center.white-bg.p-5.h-100 p {
        font-size: 13px;
    }

}
.topbar-text ul li a {
    font-size: 12px !important;
}
a.btn.primary-solid-btn.mr-2 {
    font-size: 12px;
}
h1.text-white {
    font-size: 30px;
}
section.vps-pricing-plane.gray-light h2 {
    font-size: 29px;
}
.telefone a {
    font-size:13px;
    color:#575757;
}
.grupo-cloud {
    font-size:15px;
}
.background_topo {
    background: #125b86;
}

.tech-feature-list li {
    /* margin: 14px !important; */
}
button#botao_contratar {
    padding: 10px 25px;
}

li.py-1 {
    font-size: 14px;
}
.icones {
    font-size: 35px !important;
}
.icones-sobre {
    font-size: 40px !important;
}
.partner-heading h5 {
    font-size: 13px !important;
}
.partner-heading h6 strong {
    font-size: 11px !important;
    font-weight: normal;
    color: #575757 !important;

}

@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 35px;
    }
    .section-heading.text-center p {
        font-size: 16px;
        line-height: 30px;
    }
}
.cta-new-wrap {
    padding-left: 10px;
}
.gray-light-bg-custom {
    background: #fff !important;
}
ul.disc-style li {
    list-style: none !important;;
}

#faq h3 {
    font-size:14px;
    font-weight: normal;
}

.col-xl-4.col-lg-4.col-12.order-lg-last.align-self-center {
    padding: 0px 10px 20px 10px;
}
.col-xl-7.col-lg-7.col-12.order-xl-first {
    padding-top: 20px;
}

.action-wrap.mt-3 {
    background: #1a5170;
    color: #fff !important;
    padding: 10px 25%;
}
.form-group.grupo-cloud.white-bg label {
    width: 100% !important;
}

a#painel {
    background: #19516f;
    color: #fff !important;
    border: none;
    margin-top: 20px;
    padding: 10px;
}
.feature-icon {
    font-size: 50px;
}

a#openModal {
    font-size: 23px;
}
section#anchor-menu-container nav a span {
    color: #000;
    padding: 10px;
    margin:10px;
}

section#anchor-menu-container nav a span:hover {
    color: #fff;
    padding: 10px;
    margin:10px;
    background: #19516f;
    border-radius: 10px;
}