.style_logo {
  height: 60%;
  max-width: 300px !important;
  max-height: 300px !important;
  width: 100%;
}

.button_nav_style {
  color: #2f366d !important;
  font-weight: bolder;
  font-size: 17px;
}

.background_image_nav {
  background-image: url("/images/kearnit_mx/background_navbar.png");
}

.a_nav_color {
  color: #fff !important;
}

.a_nav_color:hover {
  color: #351d6f !important;
}

.navbar.is-light .navbar-burger {
  color: #fff !important;
}

.navbar-burger {
  color: #fff !important;
}

@media screen and (max-width: 1023px) {
  .navbar-menu {
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0;
    border: solid 0.5px #fff;
    margin-bottom: 10px;
  }

  .position-logo {
    position: absolute;
  }
}

.image.is-16by9 .has-ratio,
.image.is-16by9 img,
.image.is-1by1 .has-ratio,
.image.is-1by1 img,
.image.is-1by2 .has-ratio,
.image.is-1by2 img,
.image.is-1by3 .has-ratio,
.image.is-1by3 img,
.image.is-2by1 .has-ratio,
.image.is-2by1 img,
.image.is-2by3 .has-ratio,
.image.is-2by3 img,
.image.is-3by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by2 .has-ratio,
.image.is-3by2 img,
.image.is-3by4 .has-ratio,
.image.is-3by4 img,
.image.is-3by5 .has-ratio,
.image.is-3by5 img,
.image.is-4by3 .has-ratio,
.image.is-4by3 img,
.image.is-4by5 .has-ratio,
.image.is-4by5 img,
.image.is-5by3 .has-ratio,
.image.is-5by3 img,
.image.is-5by4 .has-ratio,
.image.is-5by4 img,
.image.is-9by16 .has-ratio,
.image.is-9by16 img,
.image.is-square .has-ratio,
.image.is-square img {
  height: 200px !important;
}

.content li + li {
  margin-top: 0px !important;
}

.body_back {
  background-color: rgba(128, 128, 128, 0.4784313725);
  font-family: sans-serif;
}

.p_card_price {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 21px;
  line-height: 28px;
  text-align: initial;
  text-transform: uppercase;
  color: #000000;
}

.first_container {
  /* margin-top: 106px; */
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 42px;
  padding-right: 42px;
  margin-bottom: 0px;
}

.button {
  border-width: 0px !important;
  border-radius: 0px !important;
}

.list-group > .list-group-item:first-child {
  border-radius: 4px 4px 0 0;
}

.list-group > .list-group-item:last-child {
  border-radius: 0 0 4px 4px;
}

.list-group > .list-group-item.is-primary {
  background-color: hsl(171deg, 100%, 41%);
  color: #fff;
}

.list-group > .list-group-item.is-info {
  background-color: hsl(217deg, 71%, 53%);
  color: #fff;
}

.list-group > .list-group-item.is-success {
  background-color: hsl(141deg, 71%, 48%);
  color: #fff;
}

.list-group > .list-group-item.is-warning {
  background-color: hsl(48deg, 100%, 67%);
}

.list-group > .list-group-item.is-danger {
  background-color: hsl(348deg, 100%, 61%);
  color: #fff;
}

.color_tag {
  height: 20px !important;
  background: #57D691 !important;
  border-radius: 5px !important;
  padding: 11px !important;
}

.footer_custom {
  padding: 0 !important;
  background-color: #c2c2c2;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: #000;
}

.powered_by {
  font-weight: bolder;
  color: red;
}

.title_domain_desc {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 38px;
  text-align: initial;
  text-transform: uppercase;
  color: #2F366D;
}

.padding_top_image_step_1 {
  padding-top: 12px;
}

.padding_top_image_step_3 {
  padding-top: 22px;
}

.image_domain_step_1 {
  border-radius: 17px;
  width: 75%;
}

.image_domain_step_2 {
  border-radius: 17px;
  width: 54%;
}

.image_domain_step_3 {
  border-radius: 17px;
  width: 88%;
}

.a_button_search_domain {
  width: 50px !important;
  height: 50px !important;
  background: #57D691;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 25px;
}

.p_domain_name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #2D366C;
  text-align: initial;
  padding-left: 20px;
}

input::-moz-placeholder {
  font-family: "Roboto" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: rgba(127, 133, 146, 0.5) !important;
}

input::placeholder {
  font-family: "Roboto" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  color: rgba(127, 133, 146, 0.5) !important;
}

.navbar-item,
.navbar-link {
  font-family: "Roboto" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
}

.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
  background-color: transparent !important;
  color: #485fc7;
}

.title_succes_domain {
  font-size: 23px !important;
  color: #351d6f !important;
}

.sub_title_succes_domain {
  font-size: 12px !important;
}

.title_loading {
  font-size: 26px;
  font-weight: bolder;
  color: #351d6f;
}

.sub_title_advertasment {
  font-weight: bolder;
  font-size: 20px;
}

.hidden {
  visibility: hidden;
}

@media screen and (max-width: 1023px) {
  .navbar-menu {
    background-color: transparent !important;
  }
}

@media only screen and (max-width: 415px) {
  .style_logo {
    width: 140px;
    height: 50px;
  }
}