@font-face {
    font-family: "Gotham bold";
    src: url("/on/demandware.static/Sites-AfiliacionesMex-Site/-/es_MX/fonts/Gotham/Gotham-Bold.otf") format("opentype");
    font-weight: normal;
    font-size: normal;
}

:root {
    /* Colores */
    --primary-color: #85276b;
    --secondary-color: #ED80A8;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --light-color: #f8f9fa;
    --dark-color: #343a40;
    --white-color: #FFF;

    /* Tipo de fuente de texto */
    --font-family-normal: "Gotham", Arial, Helvetica, sans-serif;
    --font-family-light: "Gotham light", Arial, Helvetica, sans-serif;
    --font-family-bold: "Gotham bold", Arial, Helvetica, sans-serif;


    /* Tipografía font size*/
    --base-font-size: 1.6rem; /*16px*/
    --font-size-sm: 1.4rem; /*14px*/ 
    --font-size-md: 1.8rem; /*18px*/
    --font-size-lg: 2.4rem; /*24px*/
    --font-size-xl: 3.2rem; /*32px*/

    /* Espaciado */
    --padding-sm: 0.8rem; /*8px*/
    --padding-md: 1.6rem; /*16px*/
    --padding-lg: 2.4rem; /*24px*/
    --margin-sm: 0.8rem; /*8px*/
    --margin-md: 1.6rem; /*16px*/
    --margin-lg: 2.4rem; /*24px*/
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    font-family: var(--font-family-normal);
    font-size: var(--font-size-sm);
    line-height: 1.5;
}

h2,
h3 {
    margin: 1rem 0 4rem 0;
    font-family: var(--font-family-bold);
}

h1 {
    font-size: 2.5rem;
    font-weight: lighter;
}

@media (min-width: 768px) {
    h1 {
        font-size: 4rem;
    }
}

h2 {
    font-size: 2.8rem;
}

@media(min-width: 768px) {
    h2 {
        font-size: 3.8rem;
    }
}

h3 {
    font-size: 2.8rem;
}

a {
    text-decoration: none;
}

a:hover { 
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

/* Colores de Fondo */
.bg-primary {
    background-color: var(--primary-color)!important;
}

.bg-secondary {
    background-color: var(--secondary-color)!important;
}

.bg-success {
    background-color: var(--success-color);
}

/* Colores de Texto */
.text-primary {
    color: var(--primary-color)!important;
}

.text-secondary {
    color: var(--secondary-color)!important;
}

.text-success {
    color: var(--success-color);
}

/* Tamaños de Fuente */
.text-sm {
    font-size: var(--font-size-sm);
}

.text-base { 
    font-size: var(--base-font-size);
}

.text-md {
    font-size: var(--font-size-md);
}

.text-lg {
    font-size: var(--base-font-size);
}

@media (min-width: 768px) {
    .text-lg {
        font-size: var(--font-size-lg);
    }
}

.text-xl {
    font-size: var(--font-size-xl);
}

.text-light {
    font-family: var(--font-family-light);
}

.text-normal {
    font-family: var(--font-family-normal);
}

/* Espaciado */
.p-sm {
    padding: var(--padding-sm);
}

.p-md {
    padding: var(--padding-md);
}

.p-lg {
    padding: var(--padding-lg);
}

.m-sm {
    margin: var(--margin-sm);
}

.m-md {
    margin: var(--margin-md);
}

.m-lg {
    margin: var(--margin-lg);
}

/* customs */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-xl {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    /* padding-right: 15px;
    padding-left: 15px; */
}

/* arrows */
.carousel-control-next-icon {
    width: 100%; 
    margin-left: 20px;
    background-image: url('/on/demandware.static/-/Sites-AfiliacionesMex-Library/default/img/expertadigital/afj.png');
    background-size: cover;
    transform: rotate(-90deg);
}

.carousel-control-prev-icon {
    width: 100%; 
    margin-right: 20px;
    background-image: url('/on/demandware.static/-/Sites-AfiliacionesMex-Library/default/img/expertadigital/afj.png');
    background-size: cover;
    transform: rotate(90deg);
}

@media (max-width: 575.98px) {
    .carousel-control-next-icon {
        width: 60%;
    }
    .carousel-control-prev-icon {
        width: 60%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .carousel-control-next-icon {
        width: 35%;
    }
    .carousel-control-prev-icon {
        width: 35%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .carousel-control-next-icon {
        width: 35%;
    }
    .carousel-control-prev-icon {
        width: 35%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .carousel-control-next-icon {
        width: 100%;
    }
    .carousel-control-prev-icon {
        width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .carousel-control-next-icon {
        width: 100%;
    }
    .carousel-control-prev-icon {
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .carousel-control-next-icon {
        width: 100%;
    }
    .carousel-control-prev-icon {
        width: 100%;
    }
}


/* btn buy membership */
#btn-buy-membership { 
    /* width: 25rem;
    height: 6rem; */
    width: 22rem;
    height: 5rem;
    background: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.5rem;
    font-size: var(--base-font-size);
}

@media (min-width: 768px) {
    #btn-buy-membership { 
        width: 30rem;
    }
}

/*Media querys*/
/* X-Small devices (phones, less than 576px) */
@media (max-width: 575.98px) { }

/* Small devices (tablets, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) { }

/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { }

   
/* Header */
@media (max-width: 575.98px) { 
    .container-xl { 
        max-width: 1145px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .container-xl { 
        max-width: 1145px!important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .container-xl { 
        max-width: 1145px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container-xl { 
        max-width: 1145px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) { 
    .container-xl { 
        max-width: 1200px!important
    }
}

@media (min-width: 1400px) {
    .container-xl { 
        max-width: 1440px!important
    }
}

/* Header */
#header-ilu, .header-expert{
    display: none!important;
}

#headerExperts ul li a:hover, #headerExperts ul li a:focus { 
    color: var(--white-color)!important;
}


#headerExperts {
    position: static;
    z-index: 1000;
    width: 100%;
    transition: top 0.3s;
}

#headerExperts.fixed {
    position: fixed;
    top: 0;
}

#headerExperts img { 
    max-width: 100%;
    object-fit: contain;
    aspect-ratio: 3;
    height: 100%;
    width: 100%
}

#headerExperts .navbar-brand {
    max-width: 40%;
}

@media (max-width: 575.98px) { 
    #headerExperts .navbar-brand {
        width: auto;
    }
    #headerExperts img { 
        max-width: 90%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #headerExperts .navbar-brand {
        width: auto;
    }
    #headerExperts img { 
        max-width: 70%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #headerExperts .navbar-brand {
        width: auto;
    }
    #headerExperts img { 
        max-width: 70%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #headerExperts .navbar-brand {
        width: auto;
    }
    #headerExperts img { 
        max-width: 70%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #headerExperts .navbar-brand {
        width: auto;
    }

    #headerExperts img { 
        max-width: 70%;
    }
}

@media (min-width: 1400px) { 
    #headerExperts .navbar-brand {
        width: auto;
    }

    #headerExperts img { 
        max-width: 70%;
    }
}


/* Header Banner  */
#banner-experts h1 { 
    font-family: var(--font-family-normal);
    margin: 4rem 0 4rem 0;
}

#banner-experts img { 
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    #banner-experts h1 { 
        margin: 8rem 0 6rem 0;
    }
}

#headerExperts .icon-nav-menu svg {
    color: var(--white-color);
}


#banner-experts img { 
    max-width: 90%;
}

@media (max-width: 575.98px) {
    #banner-experts img { 
        max-width: 90%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #banner-experts img { 
        max-width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #banner-experts img { 
        max-width: 65%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #banner-experts img { 
        max-width: 90%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #banner-experts img { 
        max-width: 90%;
    }
}

@media (min-width: 1400px) {
    #banner-experts img { 
        max-width: 90%;
    }
}

#banner-experts #btn-buy-membership { 
    margin-bottom: 1rem;
}

#banner-experts .banner-textInfo { 
    font-size: var(--font-size-md);
    margin-bottom: 5rem;
    font-family: var(--font-family-light);
}

#banner-experts .banner-textInfo span {
    font-family: var(--font-family-normal);
}

@media (min-width: 768px) {
    #banner-experts .banner-textInfo {
        margin-bottom: 8rem;
        font-size: 2.5rem;
    }

    #banner-experts #btn-buy-membership { 
        margin-bottom: 8rem;
    }
}



/* information to experts */
#info-experts { 
    padding: 5rem 0;
}

/* Win business */
#win-business { 
    padding: 5rem 0;
}

#win-business .text-porcentaje { 
    margin-top: 5rem;
}

#win-business #btn-buy-membership {
    margin: 10rem 0;
}

#win-business img { 
    max-width: 85%;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

#win-business .row-win-business, #carouselWinBusiness { 
    margin: 8rem 0;
}

#carouselWinBusiness .carousel-inner img { 
    max-width: 50%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #carouselWinBusiness .carousel-inner img { 
        max-width: 30%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #carouselWinBusiness .carousel-inner img { 
        max-width: 50%;
    }
}

/*img experts*/
#img-experts img{ 
    width: 100%;
    height: 100%;
}

/* Sell catalog */
#sell-catalog { 
    padding: 5rem 0;
}

#sell-catalog img { 
    max-width: 14rem;
    object-fit: contain;
    width: 100%;
    height: 140px;
}

#sell-catalog .btn-membership { 
    margin: 5rem 0;
}

#sell-catalog strong { 
    font-family: var(--font-family-normal);
}

#sell-catalog p { 
    font-family: var(--font-family-light);
}

/* Digital business */
#digital-business { 
    padding: 5rem 0;
    background: rgba(255, 170, 201, 1);
}

#digital-business img { 
    height: 60%;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: contain;
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #digital-business img { 
        height: 80%;
    }
}

@media (min-width: 1400px) {
    #digital-business img { 
        height: 80%;
    }
}

#digital-business .p-size { 
    font-size: var(--font-size-sm);
}

@media (min-width: 768px) {
    #digital-business .p-size { 
        font-size: var(--font-size-md);
    } 
}

#digital-business .p-business { 
    margin: 0 0 8rem 0;
}

#digital-business .p-more-info-bussiness img {
    max-width: 7rem;
}

#digital-business .p-more-info-bussiness .img-app-experts {
    max-width: 5rem;
}

@media(min-width: 768px) {
    #digital-business .p-more-info-bussiness img {
        max-width: 13rem;
    }

    #digital-business .p-more-info-bussiness .img-app-experts {
        max-width: 7rem;
    }
}

#digital-business .p-more-info-bussiness p { 
    margin: 2.5rem 0 0 0;
}

#digital-business .p-app-experta { 
    margin: 8rem 0 0rem 0;
}

/* Row info expert */
#info-expers { 
    padding: 5rem 0;
}

#info-expers .row-width {
    width: 85%;
}

@media (max-width: 575.98px) {
    #info-expers .row-width {
        width: 67%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #info-expers .row-width {
        width: 67%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #info-expers .row-width {
        width: 67%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #info-expers .row-width {
        width: 95%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
}

@media (min-width: 1400px) {
    #info-expers .row-width {
        width: 67%;
    }
}


#info-expers .card-info { 
    border-radius: 3rem;
    height: 40rem;
    width: 30rem;
}

#carouselEmgExpertsControlsv2 .card-info {
    height: 36rem;
    width: 26rem;
}

#carouselEmgExpertsControlsv2 img { 
    width: 100%;
    height: 66%;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #carouselEmgExpertsControlsv2 .card-info {
        height: 36rem;
        width: 26rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #carouselEmgExpertsControlsv2 .card-info {
        height: 40rem;
        width: 30rem;
    }
}

#info-expers .card-info .card-text { 
    margin-top: 2rem;
}


/* More benefist */
#more-benefist { 
    padding: 5rem 0 0 0;
    position: relative;
}

#more-benefist .img-seo { 
    width: 100%;
    object-fit: contain;
    aspect-ratio: 2 / 2;
    height: 100%;
}

#more-benefist .row-imgs-benefist { 
    padding-bottom: 0rem;
}

#more-benefist .row-imgs-benefist img  { 
    max-width: 8rem;
}

@media (min-width: 768px) {
    #more-benefist .row-imgs-benefist img  { 
        max-width: 11rem;
    }
}

#more-benefist .row-imgs-benefist p { 
    margin-top: 2rem;
    margin-bottom: 3rem;
}

@media (max-width: 575.98px) {
    #more-benefist .row-imgs-benefist p { 
        margin-top: 2rem;
        margin-bottom: 3rem;
    }
    #more-benefist .row-imgs-benefist { 
        padding-bottom: 0rem;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #more-benefist .row-imgs-benefist p { 
        margin-top: 2rem;
        margin-bottom: 3rem;
    }
    #more-benefist .row-imgs-benefist { 
        padding-bottom: 0rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #more-benefist .row-imgs-benefist p { 
        margin-top: 2rem;
        margin-bottom: 5rem;
    }
    #more-benefist .row-imgs-benefist { 
        padding-bottom: 10rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #more-benefist .row-imgs-benefist p { 
        margin-top: 5rem;
        margin-bottom: 6rem;
    }
    #more-benefist .row-imgs-benefist { 
        padding-bottom: 0rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #more-benefist .row-imgs-benefist p { 
        margin-top: 5rem;
        margin-bottom: 10rem;
    }
    #more-benefist .row-imgs-benefist { 
        padding-bottom: 0rem;
    }
}

@media (min-width: 1400px) {
    #more-benefist .row-imgs-benefist p { 
        margin-top: 5rem;
        margin-bottom: 10rem;
    }
    #more-benefist .row-imgs-benefist { 
        padding-bottom: 0rem;
    }
}

#more-benefist #section-benefist {
    position: relative;
    padding-bottom: 4rem;
}

@media (min-width: 768px) {
    #more-benefist #section-benefist {
        padding-bottom: 0rem;
    }
}

#more-benefist #comboExpert { 
    background: rgba(255,237,244,1);
    padding: 7rem 0 0 0;
    position: relative;
}

#more-benefist #comboExpert .combo-text-info {
    margin-bottom: 5rem;
}

@media (min-width: 768px) {
    #more-benefist #comboExpert .combo-text-info {
        margin-bottom: 10rem;
    }
}

#more-benefist #comboExpert .comboExpert-mt {
    margin-top: 30rem;
}

#more-benefist .img-combo-experta { 
    position: absolute;
    z-index: 1;
    width: 80%;
    max-width: 100%;
    top: 48%;
    left: 50%;
    transform: translateX(-50%);
    mask-image: linear-gradient(#ffffff 80%, transparent);
}

@media (max-width: 575.98px) {
    #more-benefist .img-combo-experta { 
        /* width: 274px; */
        /* width: 280px; */
        /* width: auto; */
        height: 24%;
        top: 38%;
        left: 50%;
        transform: translateX(-50%);
        mask-image: linear-gradient(#ffffff 80%, transparent);
        /* object-fit: fill; */
        object-fit: contain;
        width: 100%;
        /* height: 24%; */
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #more-benefist .img-combo-experta { 
        /* width: 280px; */
        width: auto;
        height: 24%;
        top: 40%;
        left: 50%;
        transform: translateX(-50%);
        mask-image: linear-gradient(#ffffff 80%, transparent);
        object-fit: fill;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #more-benefist .img-combo-experta { 
        /* width: 320px; */
        width: auto;
        height: 25%;
        top: 42%;
        left: 50%;
        transform: translateX(-50%);
        mask-image: linear-gradient(#ffffff 80%, transparent);
        object-fit: fill;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #more-benefist .img-combo-experta { 
        /* width: 515px; */
        width: auto;
        height: 60%;
        left: 23%;
        top: 40%;
        z-index: 1;
        mask-image: none; 
        object-fit: fill;
    }
    #more-benefist #comboExpert .comboExpert-mt {
        margin-top: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #more-benefist .img-combo-experta { 
        /* width: 560px; */
        width: auto;
        height: 65%;
        left: 23%;
        top: 35%;
        z-index: 1;
        mask-image: none; 
        object-fit: fill;
    }
    #more-benefist #comboExpert .comboExpert-mt {
        margin-top: 0;
    }
}

@media (min-width: 1400px) {
    #more-benefist .img-combo-experta { 
        /* width: 530px; */
        width: auto;
        height: 65%;
        left: 20%;
        top: 35%;
        z-index: 1;
        mask-image: none; 
        object-fit: fill;
    }
    #more-benefist #comboExpert .comboExpert-mt {
        margin-top: 0;
    }
}  

#more-benefist .list-item {
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
}
  
#more-benefist .number-circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: rgba(255,237,244,1);
    border: .2rem solid var(--secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}
   
#more-benefist .number-circle span {
    font-size: 2.4rem;
    color: var(--secondary-color);
    margin: 0;
}
  
#more-benefist .text {
    font-size: 1.8rem;
    color: var(--secondary-color);
    font-weight: 500;
    width: 75%;
}

@media (min-width: 768px) {
    #more-benefist .text {
        width: auto;
    }
}

/* Exit experts */
#exit-experts p { 
    padding: 5rem 0;
}

#exit-experts img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

#exit-experts img:nth-child(1), #exit-experts img:nth-child(2) { 
    width: 100%;
}

#exit-experts a:hover, #exit-experts a:focus, #comunity-experts a:hover, #comunity-experts a:focus { 
    color: var(--secondary-color)!important;
}

#exit-experts .container-text-info p { 
    padding: 0rem 0;
}

@media (min-width: 768px) { 
    #exit-experts .container-text-info p { 
        padding: 5rem 0;
    }
}

#exit-experts .item { 
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#exit-experts .circle { 
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: var(--primary-color);
    color: var(--light-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    margin-right: 4rem;
    line-height: 1;
    text-align: center;
}

#exit-experts .text { 
    font-size: 1.8rem;
    line-height: 1.5;
}

#exit-experts .row { 
    background: rgba(255,237,244,1);
    padding: 2rem;
}

@media (min-width: 768px) {
    #exit-experts .row { 
        padding: 5rem;
    }
}

#exit-experts .row img { 
    max-width: 100%;
}

@media (max-width: 575.98px) {
    #exit-experts .row img { 
        max-width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #exit-experts .row img { 
        max-width: 50%;
        display: block;
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #exit-experts .row img { 
        max-width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #exit-experts .row img { 
        max-width: 70%;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #exit-experts .row img { 
        max-width: 70%;
    }
}

@media (min-width: 1400px) {
    #exit-experts .row img { 
        max-width: 70%;
    }
}

#exit-experts .text-condiction {
    padding: 4rem 0;
}

#exit-experts .text-condiction:hover{
    color: var(--secondary-color);
}

#exit-experts .img-paso-exito { 
    margin-top: 4rem;
    max-width: 70%;
}

/* Community experts */
#comunity-experts { 
    padding: 0rem 0;
}

#comunity-experts img { 
    object-fit: contain;
    aspect-ratio: 2 / 2;
}

@media (min-width: 768px) {
    #comunity-experts { 
        padding: 5rem 0;
    }
}

#comunity-experts .p-text { 
    margin-bottom: 4rem;
}

@media (min-width: 768px) {
    #comunity-experts .p-text { 
        margin-bottom: 8rem;
    }
}

#comunity-experts .row-text a { 
    display: block;
    margin-top: 4rem;
}

#comunity-experts .row-text img { 
    max-width: 12rem;
}

#comunity-experts .my-community { 
    margin: 5rem 0;
}

#comunity-experts .text-network { 
    font-size: 2rem;
    margin-bottom: 5rem;
}

@media (max-width: 575.98px) {
    #comunity-experts .my-community { 
        margin: 5rem 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #comunity-experts .my-community { 
        margin: 5rem 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    #comunity-experts .my-community { 
        margin: 0rem 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
    #comunity-experts .my-community { 
        margin: 0rem 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #comunity-experts .my-community { 
        margin: 0rem 0;
    }
}

@media (min-width: 1400px) { 
    #comunity-experts .my-community { 
        margin: 0rem 0;
    }
}

@media (min-width: 768px) {
    #comunity-experts .text-network { 
        font-size: var(--font-size-xl);
        margin-bottom: 0rem;
    }
}

/* Testimonies experts  */
#testimonio-experts .img-testimonies-experts img {
    max-width: 65%;
}

#testimonio-experts .text-network { 
    margin-bottom: 10rem;
}

#testimonio-experts #btn-buy-membership {
    margin-top: 6em;
}

#testimonio-experts .carousel-indicators { 
    bottom: -5rem!important;
}

#testimonio-experts .carousel-indicators li {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #cccccc;
}

#testimonio-experts .carousel-indicators .active {
    background-color: var(--secondary-color);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
}

#testimonio-experts #carouselIndicators .image-container {
    position: relative;
    display: block;
    margin: auto;
    width: 30rem;
    height: 30rem;
    perspective: 1000px;
}

#testimonio-experts #carouselIndicators .image {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

#testimonio-experts #carouselIndicators .image-front {
    z-index: 2;
    transform: rotateY(0deg);
}

#testimonio-experts #carouselIndicators .image-back {
    transform: rotateY(180deg);
}

#testimonio-experts #carouselIndicators .image-container.rotated .image-front {
    transform: rotateY(-180deg);
}

#testimonio-experts #carouselIndicators .image-container.rotated .image-back {
    transform: rotateY(0deg);
}


/* faqs experts */
#faqs-experts {
    margin-top: 7rem;
    color: var(--secondary-color);
    font-family: var(--font-family-light);
}

#faqs-experts .question-faqs { 
    margin-bottom: 3rem;
}

#faqs-experts .question-faqs p {
    font-size: var(--base-font-size);
    color: var(--primary-color);
}

#faqs-experts .btn-faqs {
    border: none;
    background: none;
    font-size: 5rem;
    font-weight: bolder;
    margin-bottom: 4rem;
}

#faqs-experts .question-faqs h4 {
    font-size: 2rem;
    font-family: var(--font-family-light);
}

#faqs-experts .arrow {
    display: block;
    margin: auto;
    width: 30%;
    height: 100%;
    transition: transform 0.3s;
}

#faqs-experts .collapsed .arrow {
    transform: rotate(180deg);
}



@media (min-width: 576px) {
    #faqs-experts .question-faqs h4 {
        font-size: 2rem;
    }

    #faqs-experts .question-faqs p {
        font-size: var(--base-font-size);
    }
}

@media (min-width: 768px) {
    #faqs-experts .question-faqs h4 {
        font-size: 2rem;
    }

    #faqs-experts .question-faqs p {
        font-size: var(--base-font-size);
    }
}

@media (min-width: 992px) {
    #faqs-experts .question-faqs h4 {
        font-size: 2.5rem;
    }

    #faqs-experts .question-faqs p {
        font-size: var(--base-font-size);
    }
}

@media (min-width: 1200px) {
    #faqs-experts .question-faqs h4 {
        font-size: 2.5rem;
    }

    #faqs-experts .question-faqs p {
        font-size: var(--font-size-md)
    }
}