/* TESTE VISUAL FORTE */


body {
    background-color: #EAF3FF !important;
}

/* HEADER */
.header,
.navbar,
#header {
    background-color: #EAF3FF !important;
}
.nav-menu .main-menu a {
    color: #3e4095;
   
}

@media (min-width: 992px) {
  .navbar .dropdown-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;  /* 2 colunas */
    gap: 10px;
    padding: 14px;
  }
  .navbar .dropdown-menu li {
    margin: 0;
  }
}

body:not(.homepage) .header, body:not(.homepage) .navbar, body:not(.homepage) #header {
    background-color: #eaf3ff !important;
}

/* SLIDE */
.overlay-video:before, .overlay:before
 {
    bottom: 0;
    background-color: #E4F1FF;
    content: "";
}

.main-container.slider .silder-container .slider-content h1 {
    position: relative;
    margin-bottom: 20px;
    color: #1B2E5A;
    display: inline-block;
    font-weight: 700;
    line-height: 78px;
    font-size: 72px;
    letter-spacing: 3px;
}

.domains-search .special-input {
    position: relative;
    background: rgb(255 255 255) !important;
    border: 0 solid #414142!important;
    color: #000!important;
}

.inputdomainsearch::placeholder {
    color: #4a4a4a!important;
}

img.svg.custom-element-right {
    filter: brightness(0) saturate(100%) invert(30%);
}

.main-container.slider .silder-container .slider-content p {
    position: relative;
    color: #023373;
    line-height: 42px;
    font-size: 20px;
    margin-bottom: 50px;
}
@media (max-width: 768px) {
.main-container.slider .silder-container .slider-content {
      top: 30%;
}

element.style {
    height: 545px;

}
.main-container.slider .silder-container {
    height: 400px !important;
    
}
.sec-up-slider {
    margin: -105px 0 0 0 !important;
}
}

.special-note {
    color: #000;
}

.pricing .list-info i {
    color: #000000 !important;
    float: left;
    padding: 5px 0;
}

.pricing.special .list-info li {
    color: #000000 !important;
}

.pricing .list-info {
    padding: 0 60px 40px !important;
}
.sec-bg4, a.plans.badge.feat { background-color: #2d4cff !important; }
.section-heading { color: #212122; }
.section-subheading { color: #212122 !important;}

.section-heading {
    color: #212122;
    margin-top: 41px;
}

/* BOTÕES PRINCIPAIS */
.btn,
.btn-primary,
button,
input[type=submit] {
    background-color: #2D4CFF !important;
    border-color: #2D4CFF !important;
    color: #FFFFFF !important;
}

/* RODAPÉ */
.footer,
.site-footer,
#footer {
    background-color: #001B4D !important;
    color: #FFFFFF !important;
}

.bg-yellow {
    background-color: #eaf3ff !important;
}

.sec-bg4, a.plans.badge.feat {
    background-color: #2196F3 !important;
}

/* ================================
   FIX: Dropdown "Serviços" abrindo sozinho + estourando
   (não altera paleta de cores)
================================ */

/* 1) Por padrão, dropdown SEMPRE fechado */
.navbar .dropdown-menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transform: translateY(8px);
  transition: opacity .15s ease, transform .15s ease;
  max-width: calc(100vw - 24px);
  overflow: hidden;
  z-index: 9999;
}

/* 2) Só abre quando o Bootstrap marcar como "show" (clique) */
.navbar .dropdown.show > .dropdown-menu,
.navbar .dropdown-menu.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0);
}

/* 3) Impede abrir por HOVER (isso é o que geralmente “abre sozinho” ao carregar) */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: none !important;
  }
}

/* 4) Evita o dropdown “vazar” pra fora */
.navbar .dropdown-menu {
  right: auto;
  left: 0;
}
.navbar .dropdown:last-child .dropdown-menu,
.navbar .dropdown-menu.dropdown-menu-end {
  right: 0;
  left: auto;
}

/* 5) Header sempre acima do banner */
.header, .navbar, #header {
  position: relative;
  z-index: 9998;
}