.navbar-nav > li > a {
    letter-spacing: inherit !important;
    color: white;
}

.navbar-nav > li.has-sub > a:hover {
    color: white;
}

.navbar > ul > li.has-sub > a:after {
    border-color: white !important;
}

.navbar-nav li > ul {
    background: #fff;
}

.navbar-nav li > ul a,
.navbar-nav li.has-sub > ul a:hover {
    color: #000;
}



.navbar-nav > li > a.rounded-pill {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}


.text-link {
    color: #ff6900 !important; /* 0265e0 */
    border-bottom: solid 1px;
}


.bg-gray {
    background-color: #f5f5f5;
}

.bg-archived {
    background-color: #ffeae8 !important;
}

.bg-blue{
    background-color: #180e98 !important;
}

.bg-orange {
    background-color: #fe8e28 !important;
}

.bg-beige {
    background-color: #e8e2dc !important;
}

.custom-gradient {
    background: linear-gradient(to right,
        #180e98 0%,
        #ff6900 67%,
        #fe8e28 100%
    ) !important;
    /* Estilos adicionales */
  }


.custom-gradient-orange {
    background: linear-gradient(to right,
        #ff6900 0%,
        #fe8e28 100%
    ) !important;
    /* Estilos adicionales */
  }

  .custom-gradient-blue {
    background: linear-gradient(to right,
        #180e98 0%,
        #58276f 100%
    ) !important;
    /* Estilos adicionales */
  }

.text-orange {
    color: #ff6900 !important;
}

.text-blue {
    color: #180e98 !important;
}


.hr-border {
    width: 100%;
}




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

.font-size14 {
    font-size: 14px !important;
}

.font-size16 {
    font-size: 16px !important;
}

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

.navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar-nav > li > a {
    color: #282b2d !important;
}


.navbar-brand img {
    max-height: 55px !important;
}

@media screen and (min-width: 992px) {
    .navbar-brand img {
        max-height: 110px !important;
    }

    .navbar-nav > li > a {
        color: white !important;
    }

    .header-form-ezship {
        min-width: 400px;
    }


}

@media screen and (min-width: 1565px) {
    .top-position {
        margin-top: -75px !important;
    }
}

@media screen and (min-width: 1920px) {
    .top-position {
        margin-top: 0 !important;
    }
}


.header-top-social-icon {
    font-size: 20px;
}

.slider-fade1 .item {
    background-repeat: no-repeat;
}

.slider-fade1 .item {
    background-size: contain;
}

.home-banner-ezship {
    min-height: auto !important;
    max-height: 820px !important;
}

.slider-fade1 .owl-item {
    height: 820px !important;
}

@media screen and (max-width: 767px) {

    .header-form-ezship {
        width: 80%;
    }

    .header-form-ezship-container {
        min-width: 70%;
    }

    .home-banner-ezship {
        min-height: auto !important;
        max-height: 350px !important;
    }

    .slider-fade1 .owl-item {
        height: 350px !important;
    }

}


.pricing-wrapper {
    position: relative !important;
}


.ribbon {
    position: absolute;
    top: 32px; /* Posición desde la parte superior del contenedor */
    transform: rotate(45deg); /* Rotación de 45 grados */
    width: 150px; /* Ancho de la cinta */
    height: 25px; /* Alto de la cinta */
    background-color: red; /* Color de fondo */
    color: white; /* Color del texto */
    text-align: center; /* Alineación del texto */
    line-height: 25px; /* Altura de línea */
    font-size: 18px; /* Tamaño de la fuente */
    font-weight: bolder;
  }

  .ribbon-left {
    right: inherit !important;
    left: -30px !important;
    transform: rotate(-45deg) !important;
  }


  .ribbon-right {
    left: inherit !important;
    right: -30px !important;
    top: 34px !important;
    transform: rotate(45deg) !important;
  }


/*recaptcha*/
.grecaptcha-badge {
    visibility: hidden;
}
.grecaptcha-badge-text {
    margin-top: 2em;
}
.grecaptcha-badge-text a {
    color: var(--main-color) !important;
}
/*recaptcha*/


.footer-social-icon li a:hover {
    background-color: #ff6900 !important;
    color: white !important;
}

.page-title-section ul {
    background: transparent !important;
}

.font-size36 {
    font-size: 36px !important;
}

.custom-hero-section {
    position: relative;
    min-height: 815px;
}

.custom-hero-section .bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: center;
    overflow: hidden;
}

.custom-hero-section .bg-shape img.shape {
    max-width: none;
    right: 185px;
    position: relative;
    top: -4px;
    width: calc(138% + 140px);
}

.hero-phone-container {
    width: 295px;
    height: 659px;
    position: relative;
}

.hero-phone {
    background: url(/site/img/hero-phone.png) no-repeat;
    width: 295px;
    height: 659px;

}

.store {
    width: 120px;
    background-color: white;
    position: absolute;
}

.store img {
    vertical-align: middle !important;
}

.store-ali {
    top: 25%;
    left: -35%;
}

.store-amazon {
    top: 45%;
    left: -35%;
}

.store-ebay {
    top: 75%;
    left: -35%;
}

.store-etsy {
    top: 35%;
    right: -35%;
}

.store-express {
    top: 65%;
    right: -35%;
}

@media screen and (max-width: 991px) {

    .custom-hero-section  .bg-shape {
        min-height: 815px;
    }

    .custom-hero-section img.shape {
        min-height: 815px;
    }

    .custom-hero-section .bg-shape img.shape {
        max-width: none;
        right: 200px;
        position: relative;
        top: -4px;
        width: calc(186% + 140px);
    }

    .hero-phone-container {
        width: 295px;
        height: 659px;
        position: relative;
        right: 19px;
    }

}

.secondary-custom-navbar {
    min-height: 70px;
}

@media screen and (max-width: 768px) {
    .bg-custom-how-to-map {
        background-position: 80% 99% !important;
        background-size: 100% !important;
    }
}


@media (max-width: 1199px) {

    .custom-hero-section .bg-shape img.shape {
        width: calc(205% + 140px);
    }
}

.pulse {
    animation: button-pulse 2s infinite ease-out;
}

@keyframes button-pulse {
    0% {
      transform: scale(0.8); /* scaling to 0 */
    }
    50% {
      transform: scale(1); /* increasing the size */
    }
    100% {
      transform: scale(0.8); /* seeting back to initial size */
    }
  }



  .levitate-circle {
    margin-left: auto;
    margin-right: auto;
    border-radius: 0%;
    overflow: hidden;
    transform: translatex(0px)  translatey(0px);
    animation: floatxy 4s ease-in-out infinite;

  }

  .levitate-circle img { width: 100%; height: auto; }

  @keyframes floatxy {
    0% {
      transform: translatex(0px) translatey(0px);
    }
    50% {
      transform: translatex(-10px) translatey(-10px);
    }
    100% {
      transform: translatex(0px) translatey(0px);
    }
  }


  .levitate-circle-reverse {
    margin-left: auto;
    margin-right: auto;
    border-radius: 0%;
    overflow: hidden;
    transform: translatex(0px)  translatey(0px);
    animation: floatxyreverse 4s ease-in-out infinite;

  }

  .levitate-circle-reverse img { width: 100%; height: auto; }

  @keyframes floatxyreverse {
    0% {

      transform: translatex(-10px) translatey(-10px);
    }
    50% {
        transform: translatex(0px) translatey(0px);
    }
    100% {
        transform: translatex(-10px) translatey(-10px);
    }
  }


  .navbar-toggler {
    background: white !important;
  }

  .navbar-toggler:after {
    border-top-color: #ff6900 !important;
    border-bottom-color: #ff6900 !important;
  }


  .navbar-toggler:before {
    background-color: #ff6900 !important;
  }

  .navbar-toggler.menu-opened::after {
    background-color: #ff6900 !important;
  }


  .bg-custom-how-to-map {
    background: url(/site/img/b-how-to-map.png) no-repeat;
    background-position:  120% 110%;
  }


.js-cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #dee2e6;
    text-align: center;
    z-index:999;
}

.js-cookie-consent-agree {
    border-color: #ff6900 !important;
    background-color: #fe8e28 !important;
}