/*Scroll horizontal------------*/
.horizontal-container {
    width: 200%;
    height: 100vh;
    display: flex;
    flex-wrap: nowrap;
}

/*Primera carga de contenido-------*/
#first-load-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#first-load-content .estrategia-first-half {
    height: 50%;
    background: rgb(7, 74, 171);
    background: -moz-linear-gradient(270deg, rgba(7, 74, 171, 1) 0%, rgba(3, 30, 69, 1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(7, 74, 171, 1) 0%, rgba(3, 30, 69, 1) 100%);
    background: linear-gradient(270deg, rgba(7, 74, 171, 1) 0%, rgba(3, 30, 69, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#074aab", endColorstr="#031e45", GradientType=1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#first-load-content .estrategia-second-half {
    height: 50%;
    background: rgb(140, 209, 252);
    background: -moz-radial-gradient(circle, rgba(140, 209, 252, 1) 0%, rgba(53, 117, 196, 1) 100%);
    background: -webkit-radial-gradient(circle, rgba(140, 209, 252, 1) 0%, rgba(53, 117, 196, 1) 100%);
    background: radial-gradient(circle, rgba(140, 209, 252, 1) 0%, rgba(53, 117, 196, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8cd1fc", endColorstr="#3575c4", GradientType=1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#first-load-content .estrategia-first-half .container {
    text-align: left;
    display: flex;
    gap: 4rem;
}

#first-load-content .estrategia-first-half .container .content {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 1rem;
}

#first-load-content .estrategia-first-half .container .images,
#first-load-content .estrategia-second-half .container .images {
    width: 80%;
    overflow: hidden;
}

#first-load-content .estrategia-first-half .container .images div.inner,
#first-load-content .estrategia-second-half .container .images div.inner {
    display: flex;
}

#first-load-content .estrategia-first-half .container .images div.inner {
    align-items: flex-end;
    transform: translateX(-300%);

}

#first-load-content .estrategia-second-half .container .images div.inner {
    transform: translateX(100%);
}

#first-load-content .estrategia-first-half .container .images div.inner a,
#first-load-content .estrategia-second-half .container .images div.inner a {
    width: 33.33%;
    flex-shrink: 0;
    padding: 0 2rem;
}

#first-load-content .estrategia-first-half .container .images div.inner a img {
    max-width: 100%;
}

#first-load-content .estrategia-first-half .container h3 {
    color: #fff;
    font-size: 48px;
    line-height: 50px;
    font-family: "Bogle_black";
    transform: translateY(-20px);
    opacity: 0;
}


#first-load-content .estrategia-second-half .container {
    text-align: left;
    display: flex;
    gap: 4rem;
}

#first-load-content .estrategia-second-half .container .content {
    width: 20%;
    padding-top: 2rem;
}

#first-load-content .estrategia-second-half .container .images div.inner a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#first-load-content .estrategia-second-half .container .images div.inner a img {
    max-width: 100%;
    margin-bottom: 2rem;
}

#first-load-content .estrategia-second-half .container h3 {
    color: #fff;
    font-size: 48px;
    line-height: 50px;
    font-family: "Bogle_black";
}

#first-load-content .estrategia-second-half .container p {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    max-width: 780px;
    opacity: 0;
    transform: translateY(20px);
}

#first-load-content .estrategia-second-half .images h5 {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-family: "Bogle_bold";
    transition: all 0.5 ease-in-out;
}

#first-load-content .estrategia-second-half .images h4 {
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-family: "Bogle_bold";
    transition: all 0.5 ease-in-out;
}

/*Segunda carga de contenido-------*/
#second-load-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#second-load-content .negocio-first-half {
    background: rgb(0, 114, 220);
    background: radial-gradient(circle, rgba(0, 114, 220, 1) 0%, rgba(3, 30, 69, 1) 100%);
    height: 50%;
    width: 100%;
}

#second-load-content .negocio-second-half {
    background: rgb(140, 209, 252);
    background: linear-gradient(270deg, rgba(140, 209, 252, 1) 20%, rgba(0, 114, 220, 1) 100%);
    height: 50%;
    width: 100%;
}

#second-load-content .container {
    height: 100%;
}

#second-load-content .container {
    display: flex;
}

#second-load-content .negocio-first-half .container {
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
}

#second-load-content .negocio-second-half .container {
    justify-content: space-between;
}

#second-load-content .negocio-first-half .caption {
    text-align: left;
    position: absolute;
    left: 0;
    bottom: -65px;
    transform: translateX(100px);
    opacity: 0;
    z-index: 2;
}

#second-load-content .caption h3 {
    color: #fff;
    font-size: 50px;
    font-family: "Bogle_black";
    height: 50px;
}

#second-load-content .caption h2 {
    color: #fff;
    font-size: 90px;
    font-family: "Bogle_black";
    height: 100px;
}

#second-load-content .content {
    width: 200px;
    text-align: left;
    display: block;
    color: #fff;
}

#second-load-content .negocio-first-half .content {
    padding-bottom: 2rem;
    margin-top: -2rem;
}

#second-load-content .negocio-second-half .content {
    padding-top: 2rem;
}

#second-load-content .content p {
    font-size: 18px;
    line-height: 18px;
    margin: 0;
}

#second-load-content .content h4 {
    font-size: 36px;
    font-family: "Bogle_bold";
    line-height: 38px;
}

#second-load-content .negocio-second-half .caption {
    text-align: left;
    color: #ffffff;
    padding-top: 6rem;
    max-width: 534px;
    transform: translateX(100px);
    opacity: 0;
}

#second-load-content .negocio-second-half .caption p {
    font-size: 24px;
    line-height: 24px;
}

#second-load-content .negocio-second-half .caption p strong {
    position: relative;
}

#second-load-content .negocio-second-half .caption p span {
    position: absolute;
    bottom: -8px;
    left: 0;
}

#second-load-content .negocio-second-half .caption h4 {
    font-size: 34px;
    font-family: "Bogle_bold";
    line-height: 32px;
}

#second-load-content .main-images {
    position: absolute;
    max-width: 632px;
    width: 632px;
    top: 0;
    max-height: 100vh;
    height: 100vh;
    right: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#second-load-content .main-images .home_squares {
    position: absolute;
    opacity: 0;
    z-index: 2;
    transform: translateY(-100px);
}

#second-load-content .negocio-first-half .content {
    transform: translateY(-28px);
    opacity: 0;
}

#second-load-content .negocio-second-half .content {
    transform: translateY(28px);
    opacity: 0;
}

/*Tercera carga de contenido-------*/
.ecosistemaWalmart {
    background: #031e45;
    height: auto;
}

.ecosistemaWalmart #third-load-content {
    width: 100%;
}

.ecosistemaWalmart #third-load-content .container {
    height: 100%;
    padding: 10rem 0 0;
}

.ecosistemaWalmart #third-load-content .container .content h3 {
    color: #fff;
    font-size: 48px;
    font-family: "Bogle_black";
    line-height: 50px;
    margin-bottom: 2rem;
    opacity: 0;
    transform: translateY(100px);
}

.ecosistemaWalmart #third-load-content .container .content p {
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    opacity: 0;
    transform: translateY(100px);
}

.ecosistemaWalmart #third-load-content .container .content {
    position: relative;
    max-width: 50%;
}

.ecosistemaWalmart #third-load-content .container .columns {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
    margin: 8rem 0 0;
}

.ecosistemaWalmart #third-load-content .container .columns.columns-two {
    align-items: flex-end;
}

.ecosistemaWalmart #third-load-content .container .columns>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    align-items: center;
    padding: 0 2rem;
}

.ecosistemaWalmart #third-load-content .container .columns>div img {
    opacity: 0;
    scale: 0;
}

.ecosistemaWalmart #third-load-content .container .swiper .circle_one {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    padding: 1rem;
    background: #0072dc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.ecosistemaWalmart #third-load-content .container .swiper .circle_one h3 {
    color: #fff;
    font-size: 38px;
    font-family: "Bogle_black";
    line-height: 40px;
    text-align: center;
}

.ecosistemaWalmart #third-load-content .container .swiper p {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.ecosistemaWalmart #third-load-content .container .swiper p.first-text {
    min-height: 250px;
}

.ecosistemaWalmart #third-load-content .container .swiper .habilitador {
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ecosistemaWalmart #third-load-content .container .swiper .habilitador p {
    font-family: "Bogle_black";
}

.ecosistemaWalmart #third-load-content .container .swiper .main-img {
    width: 200px;
    height: auto;
}

.ecosistemaWalmart #third-load-content .container .swiper p span.bluish {
    color: #8CD1FC;
    font-size: 16px;
    font-family: "Bogle_black";
}

.ecosistemaWalmart #third-load-content .container .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 8rem;
    gap: 2rem;
}

.ecosistemaWalmart #third-load-content .container .swiper {
    margin: 4rem 0;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '' !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
}

.swiper-button-next,
.swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 15%) !important;
}


.ecosistemaWalmart.ecosistemaWalmart-omnicanal {
    background: url(../images/fondo-omincanal.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 300px;
    background-attachment: fixed;
    background-position: center !important;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal {
    display: flex;
    gap: 2rem;
    width: 100%;
    max-width: 100%;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div {
    width: 50%;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa img {
    opacity: 0;
    scale: 0.5;
    margin-top: -7rem;
    margin-bottom: -3rem;
    width: 500px;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa h4 {
    color: #fff;
    font-size: 90px;
    line-height: 90px;
    margin: 0;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa p {
    color: #ffffff;
    margin-bottom: 0;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa .init {
    opacity: 0;
    transform: translateY(100px);
    width: 200px;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa .init p {
    font-family: "Bogle_bold";
    font-size: 18px;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa .circle {
    opacity: 0;
    transform: translateY(100px);
    width: 200px;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa .circle h5 {
    font-size: 50px;
    font-family: "Bogle_black";
    line-height: 42px;
    margin: 0;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa .circle.blue h5 {
    color: #0072DC;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa .circle.green h5 {
    color: #2C9C42;
}

.ecosistemaWalmart #third-load-content .container .content.content-omnicanal>div.mapa .circle p {
    font-size: 16px !important;
    line-height: 20px !important;
    font-family: "Bogle";
    font-weight: 100;
    margin: 0;
    color: #000000;
}

/*Cuarta carga de contenido-------*/
.eCommerce {
    background: #ffffff;
    height: auto;
}

.eCommerce #fourth-load-content {
    width: 100%;
}

.eCommerce #fourth-load-content .container {
    height: 100%;
    padding: 10rem 0;
}

.eCommerce #fourth-load-content .container .content h3 {
    color: #0072DC;
    font-size: 48px;
    font-family: "Bogle_black";
    line-height: 50px;
    margin-bottom: 2rem;
    opacity: 0;
    transform: translateY(100px);
}

.eCommerce #fourth-load-content .container .content p {
    color: #0072DC;
    font-size: 22px;
    line-height: 22px;
    font-family: "Bogle_bold";
    opacity: 0;
    transform: translateY(100px);
}

.eCommerce #fourth-load-content .container .content {
    position: relative;
    display: flex;
}

.eCommerce #fourth-load-content .container .content .caption,
.eCommerce #fourth-load-content .container .content .enabler {
    width: 50%;
}

.eCommerce #fourth-load-content .container .content .enabler {
    display: flex;
    flex-direction: column;
    align-items: center;
    scale: 0;
    opacity: 0;
}

.eCommerce #fourth-load-content .container .images {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 1000px;
    height: 700px;
    margin: 4rem auto;
}

.eCommerce #fourth-load-content .container .images img.bkg-absolute {
    width: 900px;
    position: absolute;
    left: 50%;
    margin-left: -450px;
    top: 50%;
    margin-top: -259px;
    z-index: 1;
    opacity: 0;
    scale: 0.5;
}

.eCommerce #fourth-load-content .container .images .circle {
    display: flex;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    position: absolute;
    z-index: 2;
    opacity: 0;
    scale: 0.5;
}

.eCommerce #fourth-load-content .container .images .circle p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0.1rem 0 0;
    line-height: 14px;
}

.eCommerce #fourth-load-content .container .images .circle.white {
    background: #fff;
    top: 300px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 140px;
}

.eCommerce #fourth-load-content .container .images .circle.blue {
    background: #8CD1FB;
    width: 140px;
    height: 140px;
}

.eCommerce #fourth-load-content .container .images .circle.orange {
    background: #F6801F;
    width: 140px;
    height: 140px;
}

.eCommerce #fourth-load-content .container .images .circle.orange.darker,
.eCommerce #fourth-load-content .container .images .circle.blue.darker {
    background: #0072DC;
    width: 120px;
    height: 120px;
}

.eCommerce #fourth-load-content .container .images .circle.blue.first {
    top: 10px;
    left: 0;
}

.eCommerce #fourth-load-content .container .images .circle.blue.second {
    top: 170px;
    left: 90px;
}

.eCommerce #fourth-load-content .container .images .circle.blue.third {
    top: 300px;
    left: 230px
}

.eCommerce #fourth-load-content .container .images .circle.orange.first {
    top: 24px;
    right: 0;
}

.eCommerce #fourth-load-content .container .images .circle.orange.second {
    top: 170px;
    right: 90px;
}

.eCommerce #fourth-load-content .container .images .circle.orange.third {
    top: 300px;
    right: 230px
}

.eCommerce #fourth-load-content .container .images .circle.orange.fourth {
    right: 0;
    top: 340px;
}

.eCommerce #fourth-load-content .container .images .circle.orange.fifth {
    right: 120px;
    top: 440px;
}

.eCommerce #fourth-load-content .container .images .circle.orange.sixth {
    right: 0;
    top: 540px;
}

.eCommerce #fourth-load-content .container .images .text {
    position: absolute;
    left: 0;
    bottom: 0;
}

.eCommerce #fourth-load-content .container .images .text p {
    margin-bottom: 0;
    opacity: 0;
    scale: 0;
}

.eCommerce #fourth-load-content .container .content-two {
    display: flex;
    align-items: center;
    gap: 4rem;
}

.eCommerce #fourth-load-content .container .content-two .card {
    max-width: 50%;
    opacity: 0;
    scale: 0;
}

.eCommerce #fourth-load-content .container .big-circle {
    width: 260px;
    height: 260px;
    display: flex;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    background: #0072DC;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateY(100px);
}

.eCommerce #fourth-load-content .container .big-circle h5 {
    color: #fff;
    font-family: "Bogle_black";
    font-size: 42px;
}

.eCommerce #fourth-load-content .container .big-circle p {
    color: #fff;
    font-family: "Bogle_black";
}

.eCommerce #fourth-load-content .content-three {
    background: #031E45 url(../images/girl-ecommerce-omnicanal.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 50%;
    margin: 4rem 0 0;
}

.eCommerce #fourth-load-content .content-three .content {
    max-width: 40%;
    margin-left: auto;
    flex-direction: column;
}

.eCommerce #fourth-load-content .content-three .content p.p-content {
    color: #ffffff;
    font-family: "Bogle";
    font-size: 14px;
    margin-bottom: 3rem;
    opacity: 0;
    scale: 0;
}

/*Quinta carga de contenido-------*/
.card {
    max-width: 568px;
    border: 0 !important;
}

.card .car-header {
    background-color: #8CD1FC;
    padding: 0.5rem 2rem 0.5rem 6rem;
    position: relative;
}

.card .car-header .chapa {
    position: absolute;
    top: -30px;
    left: -70px;
    height: 130px;
    width: auto;
}

.card .car-header h2 {
    color: #fff;
    font-family: "Bogle_black";
    font-size: 47px;
    margin: 0;
    text-transform: uppercase;
}

.card .card-body {
    background-color: #D4F0F8;
    padding: 0.5rem 2rem 0.5rem 6rem;
}

.card .card-body h5 {
    color: #0072DC;
    font-family: "Bogle_black";
    font-size: 21px;
}

.card .card-body p {
    color: #031E45;
}

/*Sexta carga de contenido-------*/
.columnas #sixth-load-content .columns div.first-column.blue {
    background-color: #8CD1FC;
}

.columnas #sixth-load-content .columns div.first-column .container {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 5rem;
    justify-content: space-between;
}

.columnas #sixth-load-content .columns div.first-column .container>div {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.columnas #sixth-load-content .columns div.first-column .container>div .circle {
    width: 260px;
    height: 260px;
    display: flex;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    background: #ffffff;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 47px;
    font-family: "Bogle_black";
    margin-bottom: -6rem;
    margin-right: -8rem;
}

.columnas #sixth-load-content .columns div.first-column .container>div .circle .icon {
    width: 50px;
    margin-bottom: 1rem;
}

.columnas #sixth-load-content .columns div.first-column .container>div .circle.blue {
    color: #8CD1FC;
}

.columnas #sixth-load-content .columns div.first-column .container>div .circle.orange {
    color: #ffffff;
    background: #F6801F;
}

.columnas #sixth-load-content .columns div .circle-image {
    width: 330px;
    height: 330px;
    z-index: 2;
    position: relative;
}

.columnas #sixth-load-content .columns div.first-column .container>div p {
    font-size: 20px;
}

.columnas #sixth-load-content .columns .enabler {
    align-items: flex-start !important;
}

.columnas #sixth-load-content .columns .enabler h5 {
    font-size: 20px;
    color: #0072DC;
    font-family: "Bogle_black";
}

.columnas #sixth-load-content .columns div.first-column.blue .circle.blue,
.columnas #sixth-load-content .columns div.first-column.blue .circle-image,
.columnas #sixth-load-content .columns div.first-column.orange .circle.orange,
.columnas #sixth-load-content .columns div.first-column.orange .circle-image  {
    scale: 0;
    opacity: 0;
}
.columnas #sixth-load-content .columns div.first-column.blue p,
.columnas #sixth-load-content .columns div.first-column.orange .enabler{
    transform: translateX(150px);
    opacity: 0;
}

.columnas #sixth-load-content .columns .enabler p {
    margin-top: 3rem;
}

/*Septima carga de contenido-------*/
.cadenaSuministros {
    background-color: #031E45;
    padding: 3rem 0 0;
}

.cadenaSuministros.dos {
    background-color: #0072DC;
}

.cadenaSuministros .container {
    display: flex;
    gap: 4rem;
}

.cadenaSuministros .container .content {
    width: 60%;
}

.cadenaSuministros .container .omnicanal-datos-dos,
.cadenaSuministros .container .omnicanal-photo {
    width: 40%;
}

.cadenaSuministros #seventh-load-content .container .omnicanal-datos-dos .circle.blue {
    background-color: #ffffff !important;
}

.cadenaSuministros #seventh-load-content .container .omnicanal-datos-dos .circle.blue h5,
.cadenaSuministros #seventh-load-content .container .omnicanal-datos-dos .circle.blue p {
    color: transparent
}

.cadenaSuministros .container .content h2 {
    color: #FFC220;
    font-size: 48px;
    font-family: "Bogle_black";
    line-height: 50px;
    margin-bottom: 2rem;
    opacity: 0;
    transform: translateY(100px);
}

.cadenaSuministros .container .content p {
    color: #ffffff;
    opacity: 0;
    transform: translateY(100px);
    font-size: 22px;
    line-height: 26px;
    font-family: "Bogle";
    font-weight: 500;
}

.cadenaSuministros .container .content p small {
    font-family: "Bogle";
    font-size: 16px;
}

.cadenaSuministros .background-inermedio {
    height: 562px;
    margin-top: 2rem;
}

.cadenaSuministros .background-inermedio img {
    max-width: 45%;
}

.cadenaSuministros .container .content .circles {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.cadenaSuministros #seventh-load-content .container .omnicanal-datos-dos {
    margin-bottom: -562px;
    width: fit-content;

}

.cadenaSuministros .container .content .circles .circle {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #8CD1FC;
    border-radius: 100%;
    padding: 1rem;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    color: #031E45;
    opacity: 0;
    scale: 0.5;
}

.cadenaSuministros .container .mapa-suministro {
    position: relative;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-bottom: 4rem;
}

.omnicanal-datos-dos .mapa-suministro img {
    opacity: 0;
    transform: translateY(100px);
}

.cadenaSuministros .container .mapa-suministro .init-two {
    position: absolute;
    right: 30%;
    top: 18%;
    text-align: left;
    opacity: 0;
    transform: translateY(100px);
}

.cadenaSuministros .container .mapa-suministro .init-two h5 {
    font-family: "Bogle_bold";
    color: #0072DC;
    font-size: 52px;
    margin-bottom: 0;
    line-height: 40px;
}

.cadenaSuministros .container .mapa-suministro .init-three {
    position: absolute;
    right: 30px;
    bottom: 0;
    text-align: left;
    opacity: 0;
    transform: translateY(100px);
}

.cadenaSuministros .container .mapa-suministro .init-three h5 {
    font-family: "Bogle_bold";
    color: #75BF42;
    font-size: 52px;
    margin-bottom: 0;
    line-height: 40px;
}

.cadenaSuministros .container .roman-numbers {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2rem 0;
}

.cadenaSuministros .container .roman-numbers div {
    max-width: 300px;
    opacity: 0;
    transform: translateY(100px);
}

.cadenaSuministros .container .roman-numbers h2 {
    font-size: 48px;
    color: #8CD1FC;
    font-family: "Bogle_black";
}

.cadenaSuministros .container .omnicanal-photo img {
    opacity: 0;
    scale: 0.5;
}

.omnicanal-datos-dos {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: flex-start;
    gap: 1rem;
    padding-top: 8rem;
}

.omnicanal-datos-dos h4 {
    color: #fff;
    font-size: 80px;
    line-height: 80px;
    margin: 0;
}

.omnicanal-datos-dos p {
    color: #ffffff;
}

.omnicanal-datos-dos .init {
    opacity: 0;
    transform: translateY(100px);
}

.omnicanal-datos-dos .init p {
    font-family: "Bogle_bold";
    font-size: 18px;
}

.omnicanal-datos-dos .circle {
    width: 120px;
    height: 120px;
    display: flex;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 1rem;
    opacity: 0;
    transform: translateY(100px);
}

.omnicanal-datos-dos .circle.blue {
    background-color: #0072DC;
}

.omnicanal-datos-dos .circle.green {
    background-color: #2C9C42;
}

.omnicanal-datos-dos .circle h5 {
    color: #fff;
    font-size: 42px;
    font-family: "Bogle_bold";
    line-height: 42px;
    margin: 0;
}

.omnicanal-datos-dos .circle p {
    font-size: 14px !important;
    line-height: 14px !important;
    font-family: "Bogle";
    font-weight: 100;
    margin: 0;
}


/*Novena carga de contenido-------*/
.novena-section {
    background: #0072DC;
    padding: 2rem 0;
}

#novena-load-content .container .content p {
    color: #ffffff;
    opacity: 0;
    transform: translateY(100px);
    padding: 0 8rem;
    font-size: 20px;
}

/*Decima carga de contenido-------*/
.decima-section {
    background: #0072DC;
    justify-content: flex-end;
    padding: 4rem 0 0;
}

.decima-section #decima-load-content .container {
    display: flex;
    gap: 4rem;
}

.decima-section #decima-load-content .container .content {
    width: 40%;
}

.decima-section #decima-load-content .container .content h2 {
    color: #ffffff;
    font-size: 48px;
    font-family: "Bogle_black";
    line-height: 50px;
    margin-bottom: 2rem;
    opacity: 0;
    transform: translateY(100px);
}

.decima-section #decima-load-content .container .content p {
    color: #ffffff;
    opacity: 0;
    transform: translateY(100px);
    font-size: 22px;
    line-height: 22px;
    font-family: "Bogle_bold";
}

.decima-section #decima-load-content .container .content p small {
    font-size: 16px;
    font-family: "Bogle";
}

.decima-section #decima-load-content .container .circles {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.decima-section #decima-load-content .container .circles .circle {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #8CD1FC;
    border-radius: 100%;
    padding: 1rem;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    color: #031E45;
    opacity: 0;
    scale: 0.5;
}

.decima-section #decima-load-content .container .ecosistema-photo {
    width: 60%;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.decima-section #decima-load-content .container .ecosistema-photo .svg-line-two {
    position: absolute;
    padding: 0 1rem;
}

.decima-section #decima-load-content .container .ecosistema-photo img {
    opacity: 0;
    scale: 0.5;
    position: relative;
    z-index: 2;
}

.decima-section #decima-load-content .container .ecosistema-photo .circle {
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 100%;
    padding: 1rem;
    text-align: center;
    position: relative;
    z-index: 2;
    opacity: 0;
    scale: 0.5;
}

.decima-section #decima-load-content .container .ecosistema-photo .circle.first {
    margin-top: 6rem;
}

.decima-section #decima-load-content .container .ecosistema-photo .bait-logo {
    padding-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
}

.decima-section #decima-load-content .container .ecosistema-photo .circle h3 {
    font-size: 38px;
    line-height: 38px;
    margin: 0;
    color: #FFC220;
}

.decima-section #decima-load-content .container .ecosistema-photo .circle p {
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    color: #031E45;
}

/*Oncena carga de contenido-------*/
.oncena-section {
    padding: 4rem 0 0;
}

.oncena-section .card {
    border: 0;
    opacity: 0;
    transform: translateY(100px);
}

.oncena-section .card .car-header {
    background-color: #FFC220;
}

.oncena-section .card .card-body {
    background-color: #F8E6A5;
}

.oncena-section .card .card-subtitle p {
    color: #150924;
    font-family: "Bogle_black";
    font-size: 34px;
    margin: 0 0 0 6rem;
}

.oncena-section .card .card-subtitle span {
    font-size: 24px;
}

.oncena-section .container {
    display: flex;
    gap: 4rem;
}

.oncena-section .container .content h3 {
    font-size: 48px;
    font-family: "Bogle_black";
    line-height: 50px;
    margin-bottom: 2rem;
    color: #0072DC;
    opacity: 0;
    transform: translateY(-100px);
}

.oncena-section .container .content p {
    color: #0072DC;
    font-family: "Bogle_bold";
    font-size: 22px;
    opacity: 0;
    transform: translateY(100px);
}

/*Doceava carga de contenido-------*/
.doceava-section {
    padding: 4rem 0 0;
}

.doceava-section .container {
    display: flex;
    gap: 1rem;
}

.doceava-section .container .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.doceava-section .container .content p {
    font-family: "Bogle_bold";
    font-size: 22px;
    color: #0072DC;
    max-width: 282px;
    opacity: 0;
    transform: translateX(-100px);
}

.doceava-section .container .images img {
    opacity: 0;
    scale: 0.5;
}

.doceava-section .container .graphic {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
}

.doceava-section .container .graphic .circle {
    background-size: contain;
    background-repeat: no-repeat;
    width: 122px;
    height: 138px;
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    scale: 0.5;
}

.doceava-section .container .graphic .circle p {
    font-size: 14px;
    color: #ffffff;
    font-family: "Bogle_bold";
    margin: 20px 0 0 0;
}

.doceava-section .container .graphic .circle.one,
.doceava-section .container .graphic .circle.four {
    margin-right: 8rem;
}

.doceava-section .container .graphic .logo-cashi {
    position: absolute;
    width: 150px;
    height: auto;
    top: 50%;
    right: 50%;
}

.doceava-section .container .graphic .circle.two,
.doceava-section .container .graphic .circle.three {
    margin-right: -2rem;
}

.doceava-section .container .graphic .graphic-line {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    height: 542px;
}

.doceava-section .container .graphic .svg-line-three {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 542px;
}

/*Decimotercera carga de contenido-------*/
.decimotercera-section {
    background: rgb(140, 209, 252);
    background: linear-gradient(270deg, rgba(140, 209, 252, 1) 20%, rgba(0, 114, 220, 1) 100%);
    justify-content: flex-end;
    padding: 4rem 0 0;
}

.decimotercera-section #decimotercera-load-content .container {
    display: flex;
    gap: 4rem;
}

.decimotercera-section #decimotercera-load-content .container .content {
    width: 40%;
}

.decimotercera-section #decimotercera-load-content .container .content h2 {
    color: #ffffff;
    font-size: 48px;
    font-family: "Bogle_black";
    line-height: 50px;
    margin-bottom: 2rem;
    opacity: 0;
    transform: translateY(100px);
}

.decimotercera-section #decimotercera-load-content .container .content p {
    font-family: "Bogle_bold";
    font-size: 22px;
    line-height: 24px;
    color: #ffffff;
    opacity: 0;
    transform: translateY(100px);
}

.decimotercera-section #decimotercera-load-content .container .content p small {
    font-family: "Bogle";
    font-size: 16px;
    line-height: 18px;
}

.decimotercera-section #decimotercera-load-content .container .circles {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo-container {
    width: 60%;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo-container .card {
    margin-bottom: 3rem;
    opacity: 0;
    transform: translateY(100px);
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo img.walmart-connect-girl {
    opacity: 0;
    scale: 0.5;
    height: 500px;
    width: auto;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo img.walmart-connect-line {
    opacity: 0;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo img.walmart-connect-line,
.svg-line-four {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 431px;
    height: auto;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo .cricles {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
    position: relative;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo .cricles .circle {
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 100%;
    padding: 1rem;
    text-align: center;
    position: relative;
    z-index: 2;
    border: 2px solid #FFC220;
    text-align: center;
    opacity: 0;
    scale: 0.5;
    margin-bottom: 1rem;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo .cricles .circle h3 {
    color: #FFC220;
    font-size: 38px;
    margin: 0;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo .cricles .circle p {
    color: #031E45;
    font-size: 14px;
    margin: 0;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo .cricles .circle.one,
.decimotercera-section #decimotercera-load-content .container .ecosistema-photo .cricles .circle.three {
    margin-right: 6rem;
    margin-left: -2rem;
}

.decimotercera-section #decimotercera-load-content .container .ecosistema-photo .cricles .svg-line-circles-one {
    position: absolute;
    height: 300px;
    right: 40px;
    top: 100px;
}

/*Decimocuarta carga de contenido-------*/
.decimocuarta-section {
    justify-content: flex-end;
    padding: 4rem 0 0;
}

.decimocuarta-section #decimocuarta-load-content .container {
    display: flex;
    gap: 4rem;
}

.decimocuarta-section #decimocuarta-load-content .container .content {
    width: 40%;
}

.decimocuarta-section #decimocuarta-load-content .container .content h2 {
    color: #0072DC;
    font-size: 48px;
    font-family: "Bogle_black";
    line-height: 50px;
    margin-bottom: 2rem;
    opacity: 0;
    transform: translateY(100px);
}

.decimocuarta-section #decimocuarta-load-content .container .content p {
    font-size: 22px;
    line-height: 24px;
    font-family: "Bogle_bold";
    color: #0072DC;
    opacity: 0;
    transform: translateY(100px);
}

.decimocuarta-section #decimocuarta-load-content .container .circles {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.decimocuarta-section #decimocuarta-load-content .container .circles .circle {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #8CD1FC;
    border-radius: 100%;
    padding: 1rem;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    color: #031E45;
    opacity: 0;
    scale: 0.5;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo {
    width: 60%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo img.salud-img {
    opacity: 0;
    scale: 0.5;
    width: 500px;
    height: auto;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo img.salud-line {
    opacity: 0;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo img.salud-line,
.svg-line-five {
    position: absolute;
    left: 0;
    width: 500px;
    height: auto;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo .cricles {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-around;
    height: 100%;
    position: relative;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo .cricles .circle {
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 100%;
    padding: 1rem;
    text-align: center;
    position: relative;
    z-index: 2;
    border: 2px solid #FFC220;
    text-align: center;
    opacity: 0;
    scale: 0.5;
    margin-bottom: 1rem;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo .cricles .circle h3 {
    color: #FFC220;
    font-size: 38px;
    margin: 0;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo .cricles .circle p {
    color: #031E45;
    font-size: 13px;
    line-height: 13px;
    font-family: "Bogle_bold";
    margin: 0;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo .cricles .circle.two {
    width: 140px;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #FFC220;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo .cricles .circle.one {
    margin-right: 6rem;
    margin-left: -5rem;
}

.decimocuarta-section #decimocuarta-load-content .container .ecosistema-photo .cricles .svg-line-circles-two {
    position: absolute;
    height: 200px;
    right: 60px;
}

/*decimoquinta carga de contenido-------*/
.decimoquinta-section {
    background: rgb(140, 209, 252);
    background: linear-gradient(270deg, rgba(140, 209, 252, 1) 20%, rgba(0, 114, 220, 1) 100%);
    justify-content: flex-end;
    padding: 4rem 0;
}

.decimoquinta-section #decimoquinta-load-content .container {
    display: flex;
    gap: 4rem;
}

.decimoquinta-section #decimoquinta-load-content .container .content {
    width: 40%;
}

.decimoquinta-section #decimoquinta-load-content .container .content h2 {
    color: #ffffff;
    font-size: 48px;
    font-family: "Bogle_black";
    line-height: 50px;
    margin-bottom: 2rem;

    opacity: 0;
    transform: translateY(100px);

}

.decimoquinta-section #decimoquinta-load-content .container .content p {
    font-family: "Bogle";
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;

    opacity: 0;
    transform: translateY(100px);

}

.ecosistema-photo-container p.text {
    opacity: 0;
    transform: translateY(100px);
}

.decimoquinta-section #decimoquinta-load-content .container .content p strong,
.ecosistema-photo-container p strong {
    font-family: "Bogle_black";
    font-size: 22px;
    line-height: 24px;
    color: #ffffff;
}

.decimoquinta-section #decimoquinta-load-content .container .circles {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo-container {
    width: 60%;
    padding-top: 8rem;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo img.walmart-connect-girl {
    opacity: 0;
    scale: 0.5;
    height: 390px;
    width: auto;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles.first {
    justify-content: center;
    margin-bottom: -110px;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles.last {
    justify-content: flex-end;
    margin-top: -10rem;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    width: 100%;
    gap: 180px;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles .circle {
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    padding: 1rem;
    text-align: center;
    position: relative;
    z-index: 2;
    text-align: center;
    opacity: 0;
    scale: 0.5;
    margin-bottom: 1rem;
    position: relative;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles .circle p {
    color: #fff;
    font-family: "Bogle_bold";
    font-size: 14px;
    margin: 0;
    line-height: 16px;
    position: relative;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles .circle img.bolas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles .circle img.icons {
    position: relative;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles .circle h3 {
    color: #FFC220;
    font-size: 38px;
    margin: 0;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .cricles .circle.two {
    margin-top: 5rem;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .svg-line-aurrera-one,
.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .svg-real-aurrera-one {
    position: absolute;
    height: 340px;
    right: 70px;
    top: 100px;
}

.decimoquinta-section #decimoquinta-load-content .container .ecosistema-photo .svg-real-aurrera-one {
    opacity: 0;
}

.ecommerce-hide-mobile {
    display: block;
}

.ecommerce-show-mobile {
    display: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none;
}

strong {
    font-family: "Bogle_bold";
}

/*Lineas SVG-----------------------------*/
#second-load-content .svg-line-one {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 0;
    width: 827px;
    opacity: 0;
}

.draw-me-one,
.draw-me-two,
.draw-me-three,
.draw-me-four,
.draw-me-five,
.draw-me-circles-two,
.draw-me-circles-one,
.draw-me-aurrera-one {
    stroke-dasharray: 3020;
    stroke-dashoffset: 0;
}

/*Lineas SVG-----------------------------*/