/* dia-to-dia-con-luppus */

sup {
    font-size: 60%;
    line-height: 0;
}

#day-to-day-lupus .cmp-container__backgroundImage--enabled {
    min-height: 1005px;
    margin: 0;
    margin-bottom: 73px;
}

.banner-twocol {
    display: flex;
    min-height: 992px;
    align-items: flex-end;
}

.banner-twocol img {
    width: 1030px;
}

.banner-txt-para {
    margin-bottom: 276px;
    font-size: 37px;
    line-height: 44px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
}

.banner-txt-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 69px;
    line-height: 83px;
    margin: 0 0 29px;
}

#subtitle-line {
    padding: 0 175px 137px 164px;
}

#subtitle-line .violet-line {
    margin-bottom: 11px;
}

#subtitle-line .dia-subtitle {
    font-size: 52px;
    line-height: 62px;
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
}

.threecol-structure {
    padding: 0 175px 70px 192px;
}

.threecol-structure .boxes {
    display: flex;
    row-gap: 55px;
    column-gap: 47px;
    flex-wrap: wrap;
}

.threecol-structure .boxes .box {
    max-width: 481px;
    box-shadow: 0 15px 24px #00000029;
    border-radius: 17px;
    min-height: 585px;
}

.threecol-structure .boxes .box .box-img {
    object-fit: cover;
    overflow: hidden;
    transition: height 0.5s ease;
    border-radius: 20px;
}

.threecol-structure .boxes .box .dia-threecol-img {
    box-shadow: 0 3px 16px #00000029;
    transition: height 0.5s ease;
}

.threecol-structure .boxes .box:hover .box-img  .dia-threecol-img {
    width: 100%;
    height: 169px;
    object-fit: cover;
    object-position: top;
    transition: height 0.5s ease;
}

.threecol-structure .boxes .box.box2:hover .box-img .dia-threecol-img {
    object-position: bottom;
}

.threecol-structure .boxes .box.box4:hover .box-img .dia-threecol-img {
    object-position: center;
}

.threecol-structure .boxes .box.box7:hover .box-img .dia-threecol-img {
    object-position: 100% 25%;
}

.threecol-structure .boxes .box .dia-threecol-txt {
    padding: 37px 55px 61px 56px;
    text-align: center;
}

.threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-title {
    font-size: 31px;
    line-height: 37px;
    font-family: 'BarlowCondensed-Bold';
    color: #101515;
    margin-bottom: 55px;
    min-height: 75px;
}

.threecol-structure .boxes .box.box7 .dia-threecol-txt .dia-threecol-title {
    min-height: auto;
}

.threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-title {
    margin-bottom: 25px;
}

.threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-desp {
    font-size:26px;
    line-height: 31px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
    margin-bottom: 30px;
    display: none;
    transition: all 0.4s ease;
}

.threecol-structure .boxes .box:hover .dia-threecol-txt .dia-threecol-desp {
    display: block;
    margin-bottom: 34px;
}

.threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-cta a {
    padding: 8px 57px 14px 55px;
    font-size: 28px;
    line-height: 34px;
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    background-color: #F9AF09;
    border-radius: 44px;
    transition: background 0.2s;
}

.threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-cta a:hover, .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-cta a:focus {
    text-decoration: none;
    background-color: #F9AF09;
}

#dia-referencias {
    margin: 0 234px 70px;
    box-shadow: 0 12px 21px #00000029;
    border-radius: 7px;
}

#dia-referencias.acc-boxshadow {
    box-shadow: none;
}

#dia-referencias #referencias-container {
    margin: 0 56px 0 76px;
    padding-bottom: 55px;
    border-top: 1px solid #532776;
}

#dia-referencias .cmp-accordion__panel {
    padding: 0;
}

#dia-referencias .cmp-accordion__button {
    padding: 31px 54px 17px 77px;
    box-shadow: 0px 12px 21px #00000029;
    border-radius: 60px;
    outline: none;
}

#dia-referencias .cmp-accordion__button.cmp-accordion__button--expanded {
    border-radius: 0;
    box-shadow: none;
}

#dia-referencias .cmp-accordion__button .cmp-accordion__title {
    font-size: 42px;
    line-height: 50px;
    font-family: 'BarlowCondensed-Bold';
    color: #000000;
}

.dia-threecol-cta {
    display: flex;
    justify-content: center;
}

#dia-referencias .cmp-accordion__icon::before {
    content: "";
    transform: rotate(180deg);
    background-image: url("/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/acc-expand.png");
    width: 32px;
    height: 26px;
    display: inline-block;
}

#dia-referencias .cmp-accordion__button--expanded .cmp-accordion__icon::before {
    content: '';
    background-image: url("/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/acc-expand.png");
    width: 32px;
    height: 26px;
    display: inline-block;
    transform: rotate(0deg);
}

#dia-referencias #referencias-container p:nth-child(1) {
    margin-top: 33px;
}

#dia-referencias #referencias-container p {
    font-family: helvetica;
    font-size: 16px;
    line-height: 26px;
    color: #4D4D4D;
}

#dia-referencias #referencias-container p a {
    color: #4D4D4D;
    text-decoration: none;
}

@media screen and (max-width: 1600px) {
    .banner-twocol img {
        width: 930px;
    }
    
    .banner-txt-para {
        margin-bottom: 236px;
    }
    
    #subtitle-line {
        padding: 0 125px 137px 125px;
    }
    
    .threecol-structure {
        padding: 0 125px 70px 125px;
    }
    
    .threecol-structure .boxes .box {
        width: 30.7%;
        min-height: 447px;
    }
    
    #dia-referencias {
        margin: 0 170px 70px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-title {
        font-size: 24px;
        line-height: 32px;
    }
    
    #dia-referencias #referencias-container p a {
        word-break: break-all;
    }
    
    .threecol-structure .boxes {
        gap: 30px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-cta a {
        padding: 8px 40px 14px 40px;
        font-size: 20px;
        line-height: 30px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt {
        padding: 20px 20px 20px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-title {
        font-size: 20px;
        line-height: 28px;
        min-height: 50px;
        margin-bottom: 15px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-desp {
        font-size: 18px;
        line-height: 26px;
    }
    
    .threecol-structure .boxes .box:hover .dia-threecol-txt .dia-threecol-desp {
        margin-bottom: 15px;
    }
}

@media (max-width: 1500px) {
    .banner-twocol img {
        width: 730px;
    }
    
    .banner-txt-para {
        margin-bottom: 135px;
    }
    
    #subtitle-line .dia-subtitle {
        font-size: 40px;
        line-height: 50px;
    }
    
    #subtitle-line .violet-line {
        max-width: 70%;
    }
    
    #subtitle-line {
        padding: 0 75px 60px 75px;
    }
    
    .threecol-structure {
        padding: 0 75px 50px 75px;
    }
    
    #dia-referencias {
        margin: 0 120px 70px;
    }
    
    .banner-twocol {
        min-height: 750px;
    }
    
    #day-to-day-lupus .cmp-container__backgroundImage--enabled {
        min-height: 750px;
    }
    
    .threecol-structure .boxes {
        gap: 30px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-cta a {
        padding: 8px 40px 14px 40px;
        font-size: 20px;
        line-height: 30px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt {
        padding: 20px 20px 20px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-title {
        font-size: 20px;
        line-height: 28px;
        min-height: 50px;
        margin-bottom: 15px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-desp {
        font-size: 18px;
        line-height: 26px;
    }
    
    .threecol-structure .boxes .box:hover .dia-threecol-txt .dia-threecol-desp {
        margin-bottom: 15px;
    }
}

#main-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    #main-container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    #main-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    #main-container {
        width: 1170px;
    }
}

@media (min-width: 1350px) {
    #main-container {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (max-width: 1200px) {
    #subtitle-line {
        padding: 0 0 60px;
    }
    
    .threecol-structure {
        padding: 0 0 50px;
    }
    
    #dia-referencias {
        margin: 0 20px 70px;
    }
    
    .banner-twocol img {
        width: 630px;
    }
    
    .banner-twocol {
        min-height: 650px;
    }
    
    #day-to-day-lupus .cmp-container__backgroundImage--enabled {
        min-height: 650px;
    }
    
    .banner-txt-title {
        font-size: 49px;
        line-height: 63px;
    }
    
    .banner-txt-para {
        font-size: 24px;
        line-height: 34px;
    }
    
    #subtitle-line .dia-subtitle {
        font-size: 30px;
        line-height: 40px;
    }
    
    .threecol-structure .boxes {
        row-gap: 30px;
        column-gap: 37px;
    }
    
    .banner-txt-para {
        margin-bottom: 85px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-title {
        min-height: 63px;
        font-size: 20px;
        line-height: 28px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt {
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 254px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-cta a {
        font-size: 20px;
        line-height: 26px;
    }
    
    #dia-referencias .cmp-accordion__button .cmp-accordion__title {
        font-size: 30px;
        line-height: 42px;
    }
    
    #dia-referencias .cmp-accordion__icon::before, #dia-referencias .cmp-accordion__button--expanded .cmp-accordion__icon::before {
        width: 28px;
        height: 22px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-desp {
        font-size: 16px;
        line-height: 20px;
    }
}
    
@media (max-width: 992px) {
    #day-to-day-lupus .cmp-container__backgroundImage--enabled {
        min-height: 450px;
    }
    
    .banner-twocol {
        min-height: 450px;
    }
    
    .banner-twocol img {
        width: 400px;
    }
    
    .banner-txt-title {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 15px;
    }
    
    .banner-txt-para {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 45px;
    }
    
    #subtitle-line .violet-line {
        max-width: 60%;
    }
    
    #subtitle-line .dia-subtitle {
        font-size: 20px;
        line-height: 30px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt {
        padding: 20px;
    }
    
    .threecol-structure .boxes .box {
        width: 47%;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-title {
        min-height: 41px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-cta a {
        font-size: 20px;
        line-height: 28px;
        padding: 8px 25px 14px 25px;
    }
    
    #dia-referencias #referencias-container {
        margin: 0 36px 0 46px;
    }
    
    #dia-referencias .cmp-accordion__button {
        padding: 31px 34px 17px 47px;
    }
}

@media (max-width: 768px) {
    .threecol-structure .boxes .box {
        width: 47%;
    }
    
    #subtitle-line .dia-subtitle {
        font-size: 18px;
        line-height: 28px;
    }
    
    #subtitle-line {
        padding: 0 0 30px;
    }
    
    #day-to-day-lupus .cmp-container__backgroundImage--enabled {
        margin-bottom: 50px;
    }
}

@media (max-width: 540px) {
    .banner-twocol {
        min-height: 400px;
        position: relative;
    }
    
    .banner-right-txt {
        position: absolute;
        left: 65px;
        top: 200px;
    }
    
    #day-to-day-lupus .cmp-container__backgroundImage--enabled {
        min-height: 400px;
        background-position: 45%;
    }
    
    #subtitle-line .violet-line {
        max-width: 95%;
    }
    
    .threecol-structure .boxes .box {
        width: 100%;
    }
    
    #dia-referencias .cmp-accordion__button {
        padding: 31px 20px 17px 20px;
    }
    
    #dia-referencias .cmp-accordion__button .cmp-accordion__title {
        font-size: 24px;
        line-height: 30px;
    }
    
    #dia-referencias .cmp-accordion__icon::before, #dia-referencias .cmp-accordion__button--expanded .cmp-accordion__icon::before {
        width: 25px;
        height: 14px;
    }
    
    #dia-referencias #referencias-container {
        margin: 0 20px 0 20px;
        padding-bottom: 30px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt {
        min-height: 200px;
    }
    
    .threecol-structure .boxes .box .dia-threecol-txt .dia-threecol-title {
        min-height: auto;
        margin-bottom: 15px;
    }
    
    .threecol-structure .boxes .box {
        min-height: 371px;
    }
}

/* lupus-fatigue-page */

#lupus-fatigue-page .cmp-container__backgroundImage--enabled {
    min-height: 1089px;
    margin: 0;
    margin-bottom: 73px;
}
 
#lupus-fatigue-page .banner-twocol {
    padding: 345px 168px 0 188px;
    gap: 68px;
    align-items: flex-start;
}

#lupus-fatigue-page .banner-txt-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 69px;
    line-height: 83px;
    margin: 0 0 30px;
}

#lupus-fatigue-page .banner-txt-para {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 34px;
    font-family: 'Barlow-Medium';
    color: #321D48;
}

#lupus-fatigue-page .banner-leftt-txt {
    max-width: 895px;
}

#lupus-fatigue-page .banner-twocol img {
    max-width: 600px;
    box-shadow: 0 3px 16px #00000029;
    border-radius: 37px;
}

#lupus-fatigue-page .fatiga-subtitle {
    position: relative;
    text-align: center;
    font-size: 69px;
    line-height: 83px;
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    top: 35px;
}

.fatiga-twocol-content .boxes {
    display: flex;
    gap: 94px;
    margin-bottom: 69px;
    justify-content: center;
}

#fatiga-main > .aem-Grid > .container {
    background-color: #E2DCE6;
}

.fatiga-twocol-content .boxes .box {
    max-width: 548px;
    background-color: #FFFFFF;
    border-radius: 60px;
    padding: 35px 58px 68px;
    box-shadow: 8px 6px 24px #00000029;
}

#fatiga-twocol-two .fatiga-twocol-content .boxes .box.box2 {
    padding: 35px 71px 25px;
}

.fatiga-twocol-content {
    text-align: center;
}

.fatiga-twocol-content .boxes .box .fatiga-title {
    font-size: 36px;
    line-height: 43px;
    font-family: 'BarlowCondensed-Bold';
    margin: 10px 0 35px;
    color: #321D48;
}

.fatiga-twocol-content .boxes .box .fatiga-para {
    font-size: 26px;
    line-height: 31px;
    font-family: 'BarlowCondensed-Medium';
}

@media (max-width: 1500px) {
    #lupus-fatigue-page .banner-twocol {
        padding: 250px 75px 0 75px;
    }
    
    #lupus-fatigue-page .cmp-container__backgroundImage--enabled {
        min-height: 900px;
    }
}

@media (max-width: 1200px) {
    #lupus-fatigue-page .banner-twocol img {
        max-width: 400px;
    }
    
    #lupus-fatigue-page .banner-twocol {
        padding: 250px 55px 0 55px;
        gap: 40px;
    }
    
    #lupus-fatigue-page .banner-txt-title, #lupus-fatigue-page .fatiga-subtitle {
        font-size: 49px;
        line-height: 63px;
    }
    
    #lupus-fatigue-page .banner-txt-title {
        margin-bottom: 15px;
    }
    
    #lupus-fatigue-page .banner-txt-para {
        font-size: 24px;
        line-height: 34px;
    }
    
    #lupus-fatigue-page .fatiga-subtitle {
        top: 30px;
    }
}

@media (max-width: 992px) {
    .fatiga-twocol-content .boxes {
        gap: 35px;
    }
    
    .fatiga-twocol-content .boxes .box .fatiga-title {
        font-size: 24px;
        line-height: 34px;
        margin: 10px 0 20px;
    }
    
    .fatiga-twocol-content .boxes .box .fatiga-para {
        font-size: 16px;
        line-height: 24px;
    }
    
    #lupus-fatigue-page .banner-txt-title, #lupus-fatigue-page .fatiga-subtitle {
        font-size: 35px;
        line-height: 45px;
    }
    
    #lupus-fatigue-page .banner-txt-para {
        font-size: 20px;
        line-height: 28px;
    }
    
    #lupus-fatigue-page .banner-twocol img {
        max-width: 300px;
    }
    
    #lupus-fatigue-page .fatiga-subtitle {
        top: 20px;
    }
    
    .fatiga-twocol-content .boxes .box {
        width: 50%;
        border-radius: 30px;
        padding: 35px 30px 40px;
    }
    
    #fatiga-twocol-two .fatiga-twocol-content .boxes .box.box2 {
        padding: 35px 30px 40px;
    }
}

@media (max-width: 768px) {
    #lupus-fatigue-page .banner-twocol img {
        max-width: 200px;
    }
    
    #lupus-fatigue-page .banner-twocol {
        padding: 150px 40px 0 40px;
        gap: 20px;
    }
    
    #lupus-fatigue-page .banner-txt-para {
        font-size: 16px;
        line-height: 20px;
    }

    #lupus-fatigue-page .cmp-container__backgroundImage--enabled {
        min-height: 590px;
        background-position: 65% 100%;
    }
    
    .fatiga-twocol-content .boxes {
        margin-bottom: 40px;
    }
}

@media (max-width: 540px) {
    .fatiga-twocol-content .boxes {
        flex-direction: column;
    }
    
    #lupus-fatigue-page .banner-twocol {
        flex-direction: column-reverse;
    }
    
    #lupus-fatigue-page .banner-twocol img {
        max-width: 100%;
    }
    
    #lupus-fatigue-page .fatiga-subtitle {
        font-size: 24px;
        line-height: 34px;
    }
    
    .fatiga-twocol-content .boxes .box {
        width: 100%;
    }
}

/* protect-uvray-page */

#protect-uvrays-page .cmp-container__backgroundImage--enabled {
    min-height: 1091px;
    margin: 0;
    margin-bottom: 87px;
}
 
#protect-uvrays-page .banner-twocol {
    padding: 335px 168px 0 224px;
    gap: 119px;
    align-items: center;
}

#protect-uvrays-page .banner-txt-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 69px;
    line-height: 83px;
    margin: 0 0 33px;
}

#protect-uvrays-page .banner-txt-para {
    margin-bottom: 25px;
    font-size: 44px;
    line-height: 53px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
}

#protect-uvrays-page .banner-leftt-txt {
    max-width: 661px;
}

#protect-uvrays-page .banner-twocol img {
    max-width: 748px;
    box-shadow: 0 3px 16px #00000029;
    border-radius: 37px;
    position: relative;
    top: 30px;
}

.uvray-twocol-content .boxes {
    display: flex;
    gap: 32px;
    margin-bottom: 71px;
    justify-content: center;
}

#uvray-main > .aem-Grid > .container {
    background-color: #E2DCE6;
}

.uvray-twocol-content .boxes .box {
    max-width: 748px;
    background-color: #FFFFFF;
    border-radius: 60px;
    padding: 67px 81px 69px;
    box-shadow: 0px 12px 21px #00000029;
}

.uvray-twocol-content {
    text-align: center;
}

.uvray-col {
    display: flex;
    gap: 33px;
    align-items: center;
    text-align: left;
    margin-bottom: 25px;
}

#uvray-twocol-one .uvray-twocol-content .boxes .box.box2 {
    padding-right: 114px;
}

#uvray-twocol-two .uvray-twocol-content .boxes .box.box2 {
    padding-right: 105px;
}

#uvray-twocol-two .uvray-twocol-content .boxes .box.box1 {
    padding-right: 90px;
}

.uvray-twocol-content .boxes .box .uvray-title {
    font-size: 36px;
    line-height: 43px;
    font-family: 'BarlowCondensed-Bold';
    margin: 0;
    color: #321D48;
}

.uvray-twocol-content .boxes .box .uvray-para {
    font-size: 26px;
    line-height: 31px;
    font-family: 'BarlowCondensed-Medium';
    margin-bottom: 25px;
    text-align: left;
    padding-left: 25px;
    position: relative;
}

.uvray-twocol-content .boxes .box .uvray-para:before {
    content: "";
    background-image: url(/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/uvray-bulletein.png);
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
}

@media (max-width: 1500px) {
    #protect-uvrays-page .banner-twocol {
        padding: 250px 75px 0 75px;
    }
    
    #protect-uvrays-page .cmp-container__backgroundImage--enabled {
        min-height: 900px;
    }
    
    #protect-uvrays-page .banner-txt-title {
        font-size: 65px;
    }
    
    .uvray-twocol-content .boxes .box {
        width: 40%;
    }
}

@media (max-width: 1400px) {    
    .uvray-twocol-content .boxes .box {
        padding: 37px 30px 39px;
    }
    
    #uvray-twocol-one .uvray-twocol-content .boxes .box.box2 {
        padding-right: 30px;
    }
    
    #uvray-twocol-two .uvray-twocol-content .boxes .box.box2 {
        padding-right: 30px;
    }
    
    #uvray-twocol-two .uvray-twocol-content .boxes .box.box1 {
        padding-right: 30px;
    }
}

@media (max-width: 1200px) {
    #protect-uvrays-page .banner-twocol img {
        max-width: 400px;
    }
    
    #protect-uvrays-page .banner-twocol {
        padding: 250px 55px 0 55px;
        gap: 40px;
    }
    
    #protect-uvrays-page .banner-txt-title {
        font-size: 49px;
        line-height: 63px;
    }
    
    #protect-uvrays-page .banner-txt-title {
        margin-bottom: 15px;
    }
    
    #protect-uvrays-page .banner-txt-para {
        font-size: 24px;
        line-height: 34px;
    }
    
    #protect-uvrays-page .cmp-container__backgroundImage--enabled {
        min-height: 800px;
    }
    
    .uvray-twocol-content .boxes .box .uvray-title {
        font-size: 26px;
        line-height: 33px;
    }
    
    .uvray-twocol-content .boxes .box .uvray-para {
        font-size: 16px;
        line-height: 24px;
    }
    
    .uvray-twocol-content .boxes .box .uvray-para:before {
        top: 7px;
    }
    
    .uvray-twocol-content .boxes .box {
        width: 50%;
    }
}

@media (max-width: 992px) {
    .uvray-twocol-content .boxes {
        gap: 35px;
    }
    
    .uvray-twocol-content .boxes .box .uvray-title {
        font-size: 24px;
        line-height: 34px;
        margin: 0;
    }
    
    .uvray-twocol-content .boxes .box .uvray-para {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    
    #protect-uvrays-page .banner-txt-title {
        font-size: 34px;
        line-height: 45px;
    }
    
    #protect-uvrays-page .banner-txt-para {
        font-size: 20px;
        line-height: 28px;
    }
    
    #protect-uvrays-page .banner-twocol img {
        max-width: 300px;
    }
    
    .uvray-twocol-content .boxes .box {
        width: 50%;
        border-radius: 30px;
        padding: 35px 30px 40px;
    }
    
    #protect-uvrays-page .banner-twocol {
        padding: 100px 55px 0 55px;
    }
    
    #protect-uvrays-page .cmp-container__backgroundImage--enabled {
        min-height: 600px;
    }
}

@media (max-width: 768px) {
    #protect-uvrays-page .banner-twocol img {
        width: 50%;
    }
    
    #protect-uvrays-page .banner-leftt-txt {
        width: 50%;
    }
    
    #protect-uvrays-page .banner-twocol {
        padding: 80px 40px 0 40px;
        gap: 20px;
    }
    
    #protect-uvrays-page .banner-txt-para {
        font-size: 16px;
        line-height: 20px;
    }

    #protect-uvrays-page .cmp-container__backgroundImage--enabled {
        min-height: 550px;
        background-position: 65% 100%;
        margin-bottom: 50px;
    }
    
    .uvray-twocol-content .boxes {
        margin-bottom: 40px;
    }
    
    .uvray-twocol-img {
        width: 50px;
    }
    
    .uvray-twocol-content .boxes .box .uvray-title {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
    }
    
    .uvray-col {
        gap: 20px;
        margin-bottom: 15px;
    }
}

@media (max-width: 540px) {
    .uvray-twocol-content .boxes {
        flex-direction: column;
    }
    
    #protect-uvrays-page .banner-twocol {
        flex-direction: column-reverse;
    }
    
    #protect-uvrays-page .banner-twocol img {
        max-width: 100%;
    }
    
    .uvray-twocol-content .boxes .box {
        width: 100%;
    }
    
    #protect-uvrays-page .banner-leftt-txt, #protect-uvrays-page .banner-twocol img {
        width: 100%;
    }
    
    #protect-uvrays-page .banner-twocol img {
        top: 0;
    }
    
    #protect-uvrays-page .banner-twocol {
        padding: 130px 40px 0 40px;
    }
}

/* emotion-stress-page */

#lupus-emotions-stress-page .cmp-container__backgroundImage--enabled {
    min-height: 1091px;
    margin: 0;
    margin-bottom: 67px;
}
 
#lupus-emotions-stress-page #banner-text-container {
    padding: 311px 80px 0 143px;
}

#lupus-emotions-stress-page #banner-text-container .banner-txt-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 69px;
    line-height: 83px;
    margin: 0 0 78px;
    text-align: center;
}

#lupus-emotions-stress-page .stress-threecol-content .boxes {
    display: flex;
    gap: 25px;
}

#lupus-emotions-stress-page .stress-threecol-content .boxes .box {
    max-width: 549px;
    box-shadow: 0 12px 21px #00000029;
    border-radius: 44px;
    background-color: #FFFFFF;
    position: relative;
    padding: 109px 73px 63px 64px;
}

#lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 36px;
    line-height: 43px;
    margin: 0 0 28px;
    text-align: left;
}

#lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-threecol-img {
    position: absolute;
    top: -30px;
    left: 50px;
    box-shadow: 0 9px 9px #00000029;
    border-radius: 50%;
}

#lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-para {
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 31px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
    padding-left: 25px;
    position: relative;
    text-align: left;
}

#lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-para:before {
    content: "";
    background-image: url(/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/uvray-bulletein.png);
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
}

#stress-threecol-one .stress-threecol-content .boxes {
    display: flex;
    gap: 32px;
    justify-content: center;
}

#stress-main > .aem-Grid > .container {
    background-color: #E2DCE6;
}

#stress-threecol-one .stress-main-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 69px;
    line-height: 83px;
    margin: 0 0 150px;
    text-align: center;
}

#stress-threecol-one {
    margin: 0 102px 122px 121px;
}

#lupus-emotions-stress-page #stress-threecol-one .boxes {
    display: flex;
    gap: 25px;
}

#stress-threecol-one .stress-threecol-content .boxes .box {
    max-width: 549px;
    background-color: #FFFFFF;
    border-radius: 44px;
    padding: 107px 138px 78px;
    box-shadow: 0px 12px 21px #00000029;
    position: relative;
    display: flex;
    justify-content: center;
}

.stress-threecol-content {
    text-align: center;
}

#stress-threecol-one .stress-threecol-content .boxes .box.box2 {
    padding-left: 28px;
    padding-right: 28px;
}

#lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box .stress-title {
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    font-family: 'BarlowCondensed-Bold';
    margin: 0;
    color: #321D48;
    display: flex;
    align-items: center;
}

#lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box.box2 .stress-title {
    font-size: 34.3px;
}

#stress-threecol-one .stress-threecol-content .boxes .box .stress-twocol-img {
    position: absolute;
    top: -60px;
    border-radius: 50%;
    box-shadow: 0 9px 9px #00000029;
}

@media (max-width: 1600px) {
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box {
        max-width: 100%;
        width: 33%;
    }
}

@media (max-width: 1500px) {
    #lupus-emotions-stress-page #banner-text-container {
        padding: 250px 75px 0 75px;
    }
    
    #lupus-emotions-stress-page .cmp-container__backgroundImage--enabled {
        min-height: 900px;
    }
    
    #lupus-emotions-stress-page #banner-text-container .banner-txt-title, #stress-threecol-one .stress-main-title {
        font-size: 60px;
        line-height: 74px;
    }
}

@media (max-width: 1400px) {    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box {
        padding: 107px 30px 39px;
    }
    
    #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box:last-child {
        margin-bottom: 0;
    }
    
    #stress-threecol-one .stress-threecol-content .boxes .box.box2 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1200px) {
    #lupus-emotions-stress-page #banner-text-container {
        padding: 250px 55px 0 55px;
    }
    
    #lupus-emotions-stress-page #banner-text-container .banner-txt-title, #stress-threecol-one .stress-main-title {
        font-size: 49px;
        line-height: 63px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-threecol-img, #stress-threecol-one .stress-threecol-content .boxes .box .stress-twocol-img {
        width: 80px;
    }
    
    #stress-threecol-one .stress-threecol-content .boxes .box .stress-twocol-img {
        top: -40px;
    }
    
    #stress-threecol-one {
        margin: 0;
        margin-bottom: 60px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box {
        padding: 60px 30px 39px;
    }
    
    #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box .stress-title, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box.box2 .stress-title {
        font-size: 25px;
        line-height: 32px;
    }
    
    #lupus-emotions-stress-page #banner-text-container .banner-txt-title, #stress-threecol-one .stress-main-title {
        font-size: 39px;
        line-height: 53px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-title {
        font-size: 25px;
        line-height: 33px;
        margin: 0 0 20px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-para {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 21px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-para:before {
        top: 6px;
    }
    
    #lupus-emotions-stress-page .cmp-container__backgroundImage--enabled {
        min-height: 900px;
        margin-bottom: 40px;
    }
    
    #stress-threecol-one .stress-main-title {
        margin: 0 0 85px;
    }
}

@media (max-width: 992px) {
    #lupus-emotions-stress-page #banner-text-container {
        padding: 150px 55px 0 55px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box {
        padding: 60px 20px 39px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes, #lupus-emotions-stress-page #stress-threecol-one .boxes {
        gap: 15px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-title, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box .stress-title, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box.box2 .stress-title {
        font-size: 24px;
        line-height: 34px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-title {
        margin-bottom: 15px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-para {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    
    #lupus-emotions-stress-page #banner-text-container .banner-txt-title, #stress-threecol-one .stress-main-title {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 768px) {
    #lupus-emotions-stress-page .stress-threecol-content .boxes {
        flex-direction: column;
        align-items: center;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box {
        max-width: 100%;
        width: 90%;
        margin-bottom: 50px;
    }
    
    #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box:last-child {
        margin-bottom: 0;
    }
    
    #lupus-emotions-stress-page #banner-text-container {
        padding: 130px 40px 0 40px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-para {
        font-size: 16px;
        line-height: 20px;
    }

    #lupus-emotions-stress-page .cmp-container__backgroundImage--enabled {
        min-height: 550px;
        background-position: 65% 100%;
        margin-bottom: 50px;
    }
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box .stress-title, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box .stress-title, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box.box2 .stress-title {
        font-size: 20px;
        line-height: 30px;
    }
    
    #stress-threecol-one {
        margin-bottom: 40px;
    }
}

@media (max-width: 540px) {
    
    #lupus-emotions-stress-page .stress-threecol-content .boxes .box, #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box {
        width: 100%;
    }
    
    #lupus-emotions-stress-page #banner-text-container {
        padding: 130px 40px 0 40px;
    }
}

/* hair-healthy-page */

#hair-healthy-page .cmp-container__backgroundImage--enabled {
    min-height: 1091px;
    margin: 0;
    margin-bottom: 83px;
}
 
#hair-healthy-page .banner-twocol {
    padding: 378px 224px 0 244px;
    gap: 83px;
    align-items: flex-end;
    position: relative;
    bottom: -7px;
}

#hair-healthy-page .banner-txt-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 69px;
    line-height: 83px;
    margin: 0 0 15px;
}

#hair-healthy-page .banner-txt-subtitle {
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
    font-size: 41px;
    line-height: 49px;
    margin: 0 0 35px;
}

#hair-healthy-page .banner-txt-para {
    margin-bottom: 25px;
    font-size: 31px;
    line-height: 37px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
    padding-left: 25px;
    position: relative;
}

#hair-healthy-page .banner-leftt-txt > .banner-txt-para:last-child {
    margin-bottom: 0;
}

#hair-healthy-page .banner-txt-para:before {
    content: "";
    background-image: url(/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/uvray-bulletein.png);
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
}

#hair-healthy-page .banner-leftt-txt {
    max-width: 715px;
}

#hair-healthy-page .banner-twocol img {
    max-width: 641px;
    box-shadow: 0 3px 16px #00000029;
    border-radius: 37px;
    position: relative;
    bottom: -20px;
}

#hair-health-main > .aem-Grid > .container {
    background-color: #E2DCE6;
}

#hair-health-carousel {
    margin: 0 220px 55px 264px;
}

#hair-health-carousel .cmp-teaser__image {
    width: 100%;
    padding: 0;
}

#hairhealth-carousel-txt {
    position: relative;
}

#hairhealth-carousel-txt .cmp-teaser__content {
    position: absolute;
    max-width: 677px;
    color: #FFFFFF;
    padding: 0;
    top: 157px;
    left: 103px;
}

#hairhealth-carousel-txt .cmp-teaser__content .cmp-teaser__title {
    margin: 0;
}

#hairhealth-carousel-txt .cmp-teaser__content .cmp-teaser__title .hh-carousel-title {
    margin: 0 0 63px;
    font-size: 52px;
    line-height: 62px;
    font-family: 'BarlowCondensed-Bold';
}

#hairhealth-carousel-txt .cmp-teaser__content .cmp-teaser__title .hh-carousel-para {
    font-size: 31px;
    line-height: 37px;
    font-family: 'BarlowCondensed-Medium';
    text-shadow: 0 0 transparent;
    margin-bottom: 44px;
}

.cmp-carousel-horizontal #hairhealth-carousel-txt .cmp-image__image {
    height: auto;
}

#hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicators {
    justify-content: left;
    gap: 18px;
    margin-left: 158px;
    bottom: 18.5%;
    align-items: center;
    width: auto;
}

#hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicator.cmp-carousel__indicator--active {
    width: 24px;
    height: 24px;
}

#hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicator {
    width: 16px;
    height: 16px;
    margin: 0;
    text-indent: 0px;
    letter-spacing: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid #fff;
    background-color: transparent;
    position: relative;
}

.cmp-carousel-horizontal#hair-health-carousel .cmp-carousel__indicators li.cmp-carousel__indicator--active::after {
    content: "";
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    border: 0;
    position: absolute;
    right: -2px;
    top: -2px;
    border-radius: 50%;
}

.cmp-carousel-horizontal#hair-health-carousel .cmp-carousel__caption, #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions .cmp-carousel__action-text {
    display: none;
}

#hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions {
    justify-content: left;
    gap: 130px;
    margin-left: 108px;
    bottom: 17.5%;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    position: absolute;
    color: #fff;
    z-index: 99999;
}

#hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__action {
    padding: 0;
    background-color: transparent;
}

#hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions .cmp-carousel__action--previous .cmp-carousel__action-icon, #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions .cmp-carousel__action--next .cmp-carousel__action-icon {
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
}

#hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions .cmp-carousel__action--previous .cmp-carousel__action-icon:before {
    content: '';
    background-image: url(/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/carousel-left-arrow.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    box-shadow: 2px 9px 13px #00000029;
}

#hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions .cmp-carousel__action--next .cmp-carousel__action-icon:after {
    content: '';
    background-image: url(/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/carousel-right-arrow.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    box-shadow: 2px 9px 13px #00000029;
}

@media (max-width: 1800px) {
    #hairhealth-carousel-txt .cmp-teaser__content {
        top: 100px;    
    }
    
    #hair-health-carousel {
        margin: 0 120px 55px;
    }
}

@media (max-width: 1600px) {
    #hairhealth-carousel-txt .cmp-teaser__content {
        top: 100px;    
    }
    
    #hair-health-carousel {
        margin: 0 120px 55px;
    }
    
    #hair-healthy-page .banner-twocol {
        padding: 378px 185px 0 185px;
    }
}

@media (max-width: 1500px) {
    #hair-healthy-page .banner-twocol {
        padding: 250px 75px 0 75px;
    }
    
    #hair-healthy-page .cmp-container__backgroundImage--enabled {
        min-height: 900px;
    }
    
    #hairhealth-carousel-txt .cmp-teaser__content .cmp-teaser__title .hh-carousel-title {
        margin: 0 0 30px;
        font-size: 42px;
        line-height: 52px;
    }
    
    #hairhealth-carousel-txt .cmp-teaser__content .cmp-teaser__title .hh-carousel-para {
        font-size: 24px;
        line-height: 30px;
    }
    
    #hairhealth-carousel-txt .cmp-teaser__content {
        max-width: 500px;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1201px) {
    #hairhealth-carousel-txt .cmp-teaser__content {
        top: 50px;
    }
    
    #hair-health-carousel {
        margin: 0 0 55px;
    }
}

@media (max-width: 1200px) {
    #hair-healthy-page .banner-twocol img {
        max-width: 400px;
    }
    
    #hair-healthy-page .banner-twocol {
        padding: 250px 55px 0 55px;
        gap: 40px;
    }
    
    #hair-healthy-page .banner-txt-title {
        font-size: 49px;
        line-height: 63px;
    }
    
    #hair-healthy-page .banner-txt-para {
        font-size: 24px;
        line-height: 34px;
    }
    
    #hair-health-carousel {
        margin: 0 0 55px;
    }
    
    #hair-healthy-page .banner-txt-subtitle {
        font-size: 28px;
        line-height: 38px;
    }
    
    #hairhealth-carousel-txt .cmp-teaser__content {
        left: 60px;
        top: 40px;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions {
        margin-left: 60px;
        bottom: 10%;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicators {
        margin-left: 110px;
        bottom: 11.5%;
    }
}

@media (max-width: 992px) {
    #hair-healthy-page .banner-twocol {
        padding: 150px 55px 0 55px;
        gap: 30px;
    }
    
    #hair-healthy-page .banner-txt-title {
        font-size: 35px;
        line-height: 45px;
    }
    
    #hair-healthy-page .banner-txt-subtitle {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 15px;
    }
    
    #hair-healthy-page .banner-txt-para {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    
    #hair-healthy-page .banner-twocol img {
        max-width: 400px;
    }
    
    #hair-healthy-page .cmp-container__backgroundImage--enabled {
        min-height: 800px;
    }
    
    #hairhealth-carousel-txt .cmp-teaser__content {
        max-width: none;
        width: 450px;
    }
    
    #hairhealth-carousel-txt .cmp-teaser__content .cmp-teaser__title .hh-carousel-title {
        margin: 0 0 15px;
        font-size: 24px;
        line-height: 34px;
    }
    
    #hairhealth-carousel-txt .cmp-teaser__content .cmp-teaser__title .hh-carousel-para {
        font-size: 16px;
        line-height: 24px;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicator.cmp-carousel__indicator--active {
        width: 16px;
        height: 16px;
    }
    
    .cmp-carousel-horizontal#hair-health-carousel .cmp-carousel__indicators li.cmp-carousel__indicator--active::after {
        width: 16px;
        height: 16px;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicators {
        bottom: 13.4%;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicator {
        width: 10px;
        height: 10px;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions {
        gap: 105px;
    }
}

@media (max-width: 768px) {
    #hair-healthy-page .banner-twocol img {
        max-width: 300px;
    }
    
    #hair-healthy-page .banner-twocol {
        padding: 150px 40px 0 40px;
        gap: 20px;
    }
    
    #hair-healthy-page .banner-txt-para {
        font-size: 16px;
        line-height: 20px;
    }

    #hair-healthy-page .cmp-container__backgroundImage--enabled {
        min-height: 590px;
        background-position: 65% 100%;
        margin-bottom: 53px;
    }
    
    #hair-healthy-page .cmp-carousel-horizontal .cmp-carousel__indicators {
        display: flex;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicators {
        bottom: 13.5%;
    }
}

@media (max-width: 540px) {
    #hair-healthy-page .cmp-container__backgroundImage--enabled {
        min-height: 960px;
    }
    
    #hair-healthy-page .banner-twocol {
        padding: 100px 40px 0 40px;
    }
    
    #hair-healthy-page .banner-twocol {
        flex-direction: column-reverse;
    }
    
    #hair-healthy-page .banner-twocol img {
        max-width: 100%;
    }
    
    #hair-healthy-page .banner-txt-para:before {
        top: 5px;
    }
    
    .cmp-carousel-horizontal #hairhealth-carousel-txt .cmp-image__image {
        height: 50vh;
    }
    
    #hairhealth-carousel-txt .cmp-teaser__content {
        max-width: none;
        width: 300px;
        left: 20px;
        top: 20px;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__indicators {
        margin-left: 130px;
    }
    
    #hair-health-carousel.cmp-carousel-horizontal .cmp-carousel__actions {
        margin-left: 80px;
    }
}

/* healthy-eating-page */

#healthy-eating-page .cmp-container__backgroundImage--enabled {
    min-height: 1089px;
    margin: 0;
    margin-bottom: 194px;
}
 
#healthy-eating-page .banner-twocol {
    padding: 346px 168px 0 232px;
    gap: 68px;
    align-items: flex-start;
}

#healthy-eating-page .banner-txt-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 69px;
    line-height: 83px;
    margin: 98px 0 31px;
}

#healthy-eating-page .banner-txt-para {
    font-size: 41px;
    line-height: 49px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
}

#healthy-eating-page .banner-leftt-txt {
    max-width: 665px;
}

#healthy-eating-page .banner-twocol img {
    max-width: 792px;
    box-shadow: 0 3px 16px #00000029;
    border-radius: 37px;
}

#healthy-eating-page .healthy-eating-subtitle {
    position: relative;
    text-align: center;
    font-size: 69px;
    line-height: 83px;
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    top: 38px;
}

.healthy-eating-twocol-content .boxes {
    display: flex;
    gap: 92px;
    margin-bottom: 106px;
    justify-content: center;
}

#healthy-eating-main > .aem-Grid > .container {
    background-color: #E2DCE6;
}

.healthy-eating-twocol-content .boxes .box {
    width: 549px;
    background-color: #FFFFFF;
    border-radius: 44px;
    padding: 95px 59px 53px;
    box-shadow: 8px 12px 21px #00000029;
    position: relative;
}

.healthy-eating-twocol-content {
    text-align: center;
}

.healthy-eating-twocol-img {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 9px 9px #00000029;
    border-radius: 50%;
}

.healthy-eating-twocol-content .boxes .box .healthy-eating-title {
    font-size: 36px;
    line-height: 43px;
    font-family: 'BarlowCondensed-Bold';
    margin: 0 0 30px;
    color: #321D48;
}

.healthy-eating-twocol-content .boxes .box .healthy-eating-para {
    font-size: 26px;
    line-height: 31px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
}

@media (min-width: 1900px) {
    #healthy-eating-page .cmp-container__backgroundImage--enabled {
        max-height: 1089px;
    }
    
    #healthy-eating-page .healthy-eating-subtitle {
        top: 0;
    }
    
    .healthy-eating-twocol-content .boxes .box {
        padding: 95px 40px 53px;
    }
}

@media (max-width: 1600px) {
    .banner-txt-para {
        margin-bottom: 50px;
    }
}

@media (max-width: 1500px) {
    #healthy-eating-page .banner-twocol {
        padding: 250px 75px 0 75px;
    }
    
    #healthy-eating-page .cmp-container__backgroundImage--enabled {
        min-height: 900px;
    }
}

@media (max-width: 1200px) {
    #healthy-eating-page .banner-twocol img {
        max-width: 400px;
    }
    
    #healthy-eating-page .banner-twocol {
        padding: 250px 55px 0 55px;
        gap: 40px;
    }
    
    #healthy-eating-page .banner-txt-title, #healthy-eating-page .healthy-eating-subtitle {
        font-size: 49px;
        line-height: 63px;
    }
    
    #healthy-eating-page .banner-txt-title {
        margin-bottom: 15px;
    }
    
    #healthy-eating-page .banner-txt-para {
        font-size: 24px;
        line-height: 34px;
    }
    
    #healthy-eating-page .fatiga-subtitle {
        top: 30px;
    }
    
    #healthy-eating-page .cmp-container__backgroundImage--enabled {
        min-height: 735px;
        margin-bottom: 100px;
    }
}

@media (max-width: 992px) {
    .healthy-eating-twocol-content .boxes {
        gap: 35px;
    }
    
    .healthy-eating-twocol-content .boxes .box .healthy-eating-title {
        font-size: 24px;
        line-height: 34px;
        margin: 10px 0 20px;
    }
    
    .healthy-eating-twocol-content .boxes .box .healthy-eating-para {
        font-size: 16px;
        line-height: 24px;
    }
    
    #healthy-eating-page .banner-txt-title, #healthy-eating-page .healthy-eating-subtitle {
        font-size: 35px;
        line-height: 45px;
    }
    
    #healthy-eating-page .banner-txt-title{
        margin-top: 0;
    }
    
    #healthy-eating-page .banner-txt-para {
        font-size: 20px;
        line-height: 28px;
    }
    
    #healthy-eating-page .banner-twocol img {
        max-width: 300px;
    }
    
    #healthy-eating-page .healthy-eating-subtitle {
        top: 20px;
    }
    
    .healthy-eating-twocol-content .boxes .box {
        width: 50%;
        border-radius: 30px;
        padding: 35px 30px 40px;
    }
    
    .healthy-eating-twocol-img {
        max-width: 60px;
    }
    
    #healthy-eating-page .cmp-container__backgroundImage--enabled {
        min-height: 500px;
        margin-bottom: 80px;
    }
    
    #healthy-eating-page .banner-twocol {
        padding: 150px 55px 0 55px;
    }
}

@media (max-width: 768px) {
    #healthy-eating-page .banner-twocol img {
        max-width: 200px;
    }
    
    #healthy-eating-page .banner-twocol {
        padding: 150px 40px 0 40px;
        gap: 20px;
    }
    
    #healthy-eating-page .banner-txt-para {
        font-size: 16px;
        line-height: 20px;
    }

    #healthy-eating-page .cmp-container__backgroundImage--enabled {
        min-height: 350px;
        background-position: 65% 100%;
    }
    
    .healthy-eating-twocol-content .boxes {
        margin-bottom: 40px;
        gap: 40px;
    }
    
    #healthy-eating-page .banner-twocol {
        min-height: 300px;
    }
}

@media (max-width: 540px) {
    .healthy-eating-twocol-content .boxes {
        flex-direction: column;
    }
    
    #healthy-eating-page .banner-twocol {
        flex-direction: column-reverse;
    }
    
    #healthy-eating-page .banner-twocol img {
        max-width: 100%;
    }
    
    #healthy-eating-page .healthy-eating-subtitle {
        font-size: 18px;
        line-height: 26px;
    }
    
    .healthy-eating-twocol-content .boxes .box {
        width: 100%;
    }
}

/* stay-active-page */

#stay-active-page .cmp-container__backgroundImage--enabled {
    min-height: 1089px;
    margin: 0;
    margin-bottom: 0;
}
 
#stay-active-page .banner-twocol {
    padding: 346px 210px 0 158px;
    gap: 113px;
    align-items: flex-start;
}

#stay-active-page .banner-txt-title {
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    font-size: 69px;
    line-height: 83px;
    margin: 74px 0 37px;
}

#stay-active-page .banner-txt-para {
    font-size: 28px;
    line-height: 34px;
    font-family: 'Barlow-Medium';
    color: #321D48;
    margin-bottom: 72px;
}

#stay-active-page .banner-txt-para:nth-child(3) {
    margin-bottom: 0;
    font-family: 'Barlow-Bold';;
}

#stay-active-page .banner-leftt-txt {
    max-width: 689px;
}

#stay-active-page .banner-twocol img {
    max-width: 750px;
    box-shadow: 0 3px 16px #00000029;
    border-radius: 37px;
}

#stay-active-main > .aem-Grid > .container {
    background-color: #E2DCE6;
}

#stay-active-threecol-one {
    padding: 0 102px 47px 121px;
}

#stay-active-threecol-two {
    padding: 0 102px 125px 121px;
}

#stay-active-threecol-one .stay-active-subtitle {
    text-align: center;
    font-size: 69px;
    line-height: 83px;
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    position: relative;
    top: -5px;
    margin-bottom: 112px;
}

#stay-active-threecol-two .stay-active-subtitle {
    text-align: center;
    font-size: 69px;
    line-height: 83px;
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    margin-bottom: 94px;
}

#stay-active-threecol-one .boxes, #stay-active-threecol-two .boxes {
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 19px;
}

#stay-active-threecol-one .boxes .box, #stay-active-threecol-two .boxes .box {
    min-height: 299px;
    padding: 95px 59px 25px;
    position: relative;
    background-color: #FFFFFF;
    border-radius: 44px;
    width: 33.3%;
}

#stay-active-threecol-one .boxes .box.box3, #stay-active-threecol-two .boxes .box.box3 {
    padding-top: 111px;
}

#stay-active-threecol-one .boxes .box.box2 {
    padding-top: 134px;
}

#stay-active-threecol-one .boxes .box .stay-active-threecol-img, #stay-active-threecol-two .boxes .box .stay-active-threecol-img {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 9px 9px #00000029;
    border-radius: 50%;
}

#stay-active-threecol-one .boxes .box.box2, #stay-active-threecol-two .boxes .box.box2 {
    margin-right: 12px;
}

#stay-active-threecol-one .boxes .box .stay-active-para, #stay-active-threecol-two .boxes .box .stay-active-para {
    font-size: 26px;
    line-height: 31px;
    color: #321D48;
    font-family: "Barlow Condensed";
}

#stay-active-threecol-two .boxes .box .stay-active-para br {
    display: none;
}

#stay-active-threecol-one .boxes .box .stay-active-para span, #stay-active-threecol-two .boxes .box .stay-active-para span {
    font-family: 'BarlowCondensed-Bold';
}

@media (min-width: 1900px) {
    #stay-active-threecol-one .boxes .box .stay-active-para, #stay-active-threecol-two .boxes .box .stay-active-para {
        font-family: 'BarlowCondensed-Regular';
    }
    
    #stay-active-threecol-two .boxes .box.box2 {
        padding: 95px 56px 25px;
    }
    
    #stay-active-page .cmp-container__backgroundImage--enabled {
        height: 1081px;
        min-height: auto;
    }
}

@media (max-width: 1500px) {
    #stay-active-page .banner-twocol {
        padding: 250px 75px 0 75px;
    }
    
    #stay-active-page .cmp-container__backgroundImage--enabled {
        min-height: 900px;
    }
    
    #stay-active-page .banner-txt-para, #stay-active-page .banner-txt-para:nth-child(3) {
        margin-bottom: 25px;
    }
    
    #stay-active-page .banner-txt-title {
        margin: 35px 0 37px;
    }
    
    #stay-active-page .banner-twocol {
        gap: 50px;
    }
}

@media (max-width: 1340px) {
    #stay-active-threecol-one {
        padding: 0 0 47px;
    }
    
    #stay-active-threecol-two {
        padding: 0 0 70px;
    }
}

@media (max-width: 1200px) {
    #stay-active-page .banner-twocol img {
        max-width: 400px;
    }
    
    #stay-active-page .banner-twocol {
        padding: 250px 55px 0 55px;
        gap: 40px;
    }
    
    #stay-active-page .banner-txt-title, #stay-active-threecol-one .stay-active-subtitle, #stay-active-threecol-two .stay-active-subtitle {
        font-size: 49px;
        line-height: 63px;
    }
    
    #stay-active-threecol-one .stay-active-subtitle {
        margin-bottom: 90px;
    }
    
    #stay-active-page .banner-txt-title {
        margin-bottom: 15px;
    }
    
    #stay-active-page .banner-txt-para {
        font-size: 24px;
        line-height: 34px;
    }
    
    #stay-active-page .fatiga-subtitle {
        top: 30px;
    }
    
    #stay-active-page .cmp-container__backgroundImage--enabled {
        min-height: 735px;
    }
    
    #stay-active-threecol-one {
        padding: 0 0 47px;
    }
    
    #stay-active-threecol-two {
        padding: 0 0 70px;
    }
}

@media (max-width: 992px) {
    #stay-active-page .banner-txt-title, #stay-active-threecol-one .stay-active-subtitle, #stay-active-threecol-two .stay-active-subtitle {
        font-size: 35px;
        line-height: 45px;
    }
    
    #stay-active-page .banner-txt-title {
        margin-top: 0;
    }
    
    #stay-active-page .banner-txt-para {
        font-size: 20px;
        line-height: 28px;
    }
    
    #stay-active-page .banner-twocol img {
        max-width: 300px;
    }
    
    #stay-active-page .healthy-eating-subtitle {
        top: 20px;
    }
    
    #stay-active-page .cmp-container__backgroundImage--enabled {
        min-height: 500px;
    }
    
    #stay-active-page .banner-twocol {
        padding: 150px 55px 0 55px;
    }
    
    #stay-active-threecol-one .boxes .box, #stay-active-threecol-two .boxes .box {
        padding: 95px 30px 25px;
        width: 45%;
    }
    
    #stay-active-threecol-one .boxes, #stay-active-threecol-two .boxes {
        row-gap: 90px;
        column-gap: 30px;
        flex-wrap: wrap;
    }
    
    #stay-active-threecol-one .boxes .box .stay-active-threecol-img, #stay-active-threecol-two .boxes .box .stay-active-threecol-img {
        width: 90px;
    }
}

@media (max-width: 768px) {
    #stay-active-page .banner-twocol img {
        max-width: 200px;
    }
    
    #stay-active-page .banner-twocol {
        padding: 150px 40px 0 40px;
        gap: 20px;
    }
    
    #stay-active-page .banner-txt-para {
        font-size: 16px;
        line-height: 20px;
    }

    #stay-active-page .cmp-container__backgroundImage--enabled {
        min-height: 350px;
        background-position: 65% 100%;
    }
    
    #stay-active-page .banner-twocol {
        min-height: 300px;
    }
}

@media (max-width: 540px) {
    #stay-active-page .banner-twocol {
        flex-direction: column-reverse;
    }
    
    #stay-active-page .banner-twocol img {
        max-width: 100%;
    }
    
    #stay-active-threecol-one .boxes .box, #stay-active-threecol-two .boxes .box {
        width: 100%;
    }
    
    #stay-active-threecol-one .boxes, #stay-active-threecol-two .boxes {
        gap: 90px;
        flex-direction: column;
    }
}

/* exercise-page */

#exercise-page .cmp-container__backgroundImage--enabled {
    min-height: 1089px;
    margin: 0;
    margin-bottom: 0;
}
 
#exercise-page .banner-twocol {
    padding: 323px 195px 0 196px;
    display: block;
}

#exercise-page .bg-img-txt {
    margin-bottom: 65px;
    position: relative;
}

#exercise-page .bg-img-txt .bg-imgone {
    width: 100%;
}

#exercise-page .bg-img-txt .exercise-txt-sec {
    position: absolute;
    top: 98px;
    left: 148px;
}

#exercise-page .exercise-title {
    font-family: 'BarlowCondensed-Bold';
    color: #FFFFFF;
    font-size: 94px;
    line-height: 113px;
    margin: 0;
}

#exercise-page .exercise-para {
    font-size: 69px;
    line-height: 83px;
    font-family: 'BarlowCondensed-Bold';
    color: #FFFFFF;
}

#exercise-page .exercise-subtitle {
    position: relative;
    text-align: center;
    font-size: 69px;
    line-height: 83px;
    font-family: 'BarlowCondensed-Bold';
    color: #321D48;
    margin: 0;
}

#exercise-main > .aem-Grid > .container {
    background-color: #E2DCE6;
}

#twocol-icon-sec {
    padding: 0 319px 0 369px;
    position: relative;
    top: -149px;
}

#twocol-icon-sec .icon {
    display: flex;
    gap: 46px;
    padding: 14px 41px 16px;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 100px;
    margin-bottom: 22px;
}

#twocol-icon-sec .icon.icon7 {
    margin-bottom: 80px;
}

#twocol-icon-sec .icon img {
    width: 91px;
    margin-top: 0;
    max-width: initial;
    box-shadow: 0 9px 9px #00000029;
    border-radius: 50%;
}

#twocol-icon-sec .icon p {
    font-size: 26px;
    line-height: 31px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
}

#exercise-carousel-sec.cmp-carousel-horizontal--swipe {
    background: transparent;
    margin-bottom: 78px;
    margin-top: -87px;
}

#info-container1 {
    width: 334px;
    text-align: center;
}

.info-img img {
    max-width: 152px;
    margin-bottom: 32px;
    box-shadow: 0 9px 9px #00000029;
    border-radius: 50%;
}

.info-desc {
    font-size: 32px;
    line-height: 38px;
    font-family: 'BarlowCondensed-Medium';
    color: #321D48;
}

#exercise-carousel-sec .cmp-carousel__action--previous span.cmp-carousel__action-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 83px;
    height: 83px;
    background: url(/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/group-142.png);
    background-size: cover;
}

#exercise-carousel-sec .cmp-carousel__action--previous span.cmp-carousel__action-text {
    display: none;
}

#exercise-carousel-sec .cmp-carousel__action--next span.cmp-carousel__action-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 83px;
    height: 83px;
    background: url(/content/dam/intelligentcontent/unbranded/lupus-somos-esenciales/co/es/images/group-143.png);
    background-size: cover;
}

#exercise-carousel-sec .cmp-carousel__action--next span.cmp-carousel__action-text {
    display: none;
}

#exercise-carousel-sec .cmp-carousel__content {
    position: relative;
}

#exercise-carousel-sec .cmp-carousel__actions {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#exercise-carousel-sec .cmp-carousel__action {
    height: 83px;
    width: 83px;
    position: relative;
    background: transparent;
}

#exercise-carousel-sec button.cmp-carousel__action.cmp-carousel__action--previous {
    top: 85px;
    left: 75px;
}

#exercise-carousel-sec button.cmp-carousel__action.cmp-carousel__action--next {
    top: 85px;
    right: 72px;
}


#carousel-new {
    position: relative;
}

.carousel-item img {
    width: 152px;
}

#carousel-content {
    margin-bottom: 78px;
    margin-top: -87px;
}
    
.carousel-container {
    position: relative;
    width: 100%;
    max-width: 1773px;
    padding: 0 44px; /* space for arrows */
    overflow: hidden;
    margin: auto;
}

.carousel-track {
    display: flex;
    will-change: transform;
    transition: transform .45s ease;
    align-items: flex-start;
}

.carousel-item {
    flex: 0 0 19.83%; /* <992px: show 1 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: center;
}

/* ≥992px: 5 visible */
@media (min-width: 992px) {
    .carousel-item {         
        flex-basis: 19.83%;
    }
}

.arrow {
    position: absolute;
    right: -15px;
    top: 60%;
    transform: translateY(-60%);
    width: 83px; 
    height: 83px;
    display: grid; 
    place-items: center;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    z-index: 9999; 
    border: none; 
    font-size: 20px;
    padding: 0;
}

.arrow img {
    box-shadow: 0px 9px 9px #00000029;
    border-radius: 50%;
}
.arrow.left  {     
    left: 0;
    top: 60%; 
}
.arrow.right { 
    right: 0; 
    top: 60%;
}

.carousel-viewport {
    overflow: hidden;
}

.arrow:active { 
    transform: translateY(-60%) scale(.98); 
}

#info-para-container {
    text-align: center;
    margin-bottom: 68px;
}

#info-para-container .exercise-info-para {
    font-size: 28px;
    line-height: 34px;
    font-family: 'Barlow-Medium';
    margin-bottom: 34px;
    color: #321D48;
}

#info-para-container .exercise-info-para.para2 {
    margin-bottom: 0;
}

#info-para-container-two {
    text-align: center;
    max-width: 1158px;
    margin: 0 auto 56px;
}

#info-para-container-two .exercise-para-two {
    font-size: 28px;
    line-height: 34px;
    color: #321D48;
    font-family: 'Barlow-Bold';
}

#exercise-page .cmp-carousel-horizontal .cmp-carousel__indicators.cmp-carousel__indicators--desktop, #exercise-page .cmp-carousel-horizontal .cmp-carousel__indicators.cmp-carousel__indicators--mob {
    display: none;
} 

@media screen and (min-width: 991px) {
    #exercise-page .cmp-carousel-horizontal .cmp-carousel__indicators.cmp-carousel__indicators--desktop {
        display: none;
    }
}

.carousel-container {
    padding-right: 44px;
    padding-left: 44px;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
}

@media (min-width: 768px) {
    .carousel-container {
        max-width: 750px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .carousel-container {
        max-width: 970px;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .carousel-container {
        max-width: 1170px;
        width: 100%;
    }
}

@media (min-width: 1350px) {
    .carousel-container {
        width: 90%;
        max-width: 1773px;
        padding-right: 44px;
        padding-left: 44px;
    }
}

@media (min-width: 1900px) {
    #exercise-page .cmp-container__backgroundImage--enabled {
        height: 1081px;
        min-height: auto;
    }
    
    .carousel-container {
        width: 100%;
        max-width: 1773px;
        padding-right: 44px;
        padding-left: 44px;
    }
}

@media (max-width: 1600px) {
    #exercise-page .bg-img-txt .exercise-txt-sec {
        top: 70px;
    }
    
    #exercise-page .exercise-title {
        font-size: 74px;
        line-height: 93px;
    }
    
    #exercise-page .exercise-para, #exercise-page .exercise-subtitle {
        font-size: 49px;
        line-height: 63px;
    }
    
    #info-container1 {
        width: 250px;
    }
}

@media (max-width: 1500px) {
    #exercise-page .banner-twocol {
        padding: 250px 75px 0 75px;
    }
    
    #exercise-page .cmp-container__backgroundImage--enabled {
        min-height: 950px;
    }
    
    #exercise-page .bg-img-txt .exercise-txt-sec {
        top: 90px;
    }
    
    #info-container1 {
        width: 200px;
    }
    
    .info-img img {
        max-width: 90px;
    }
    
    .info-desc {
        font-size: 20px;
        line-height: 24px;
        max-width: 90%;
        margin: auto;
    }
}

@media (max-width: 1340px) {
    #twocol-icon-sec {
        padding: 0 100px;
    }
    
    #info-container1 {
        width: 170px;
    }
    
    .info-img img {
        max-width: 90px;
    }
    
    .info-desc {
        font-size: 20px;
        line-height: 24px;
        max-width: 90%;
        margin: auto;
    }
    
    #info-para-container .exercise-info-para, #info-para-container-two .exercise-para-two {
        font-size: 20px;
        line-height: 26px;
    }
    
    .arrow {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 1200px) {
    #exercise-page .banner-twocol {
        padding: 250px 55px 0 55px;
    }
    
    #exercise-page .exercise-title, #exercise-page .exercise-subtitle {
        font-size: 49px;
        line-height: 63px;
    }
    
    #exercise-page .exercise-para {
        font-size: 24px;
        line-height: 34px;
    }
    
    #exercise-page .cmp-container__backgroundImage--enabled {
        min-height: 735px;
        margin-bottom: 100px;
    }
    
    #exercise-carousel-sec .cmp-carousel__action, #exercise-carousel-sec .cmp-carousel__action--previous span.cmp-carousel__action-icon:before, #exercise-carousel-sec .cmp-carousel__action--next span.cmp-carousel__action-icon:before {
        width: 50px;
        height: 50px;
    }
    
    .carousel-item {
        flex-basis: 25%;
    }
}

@media (max-width: 992px) {
    #exercise-page .exercise-title, #exercise-page .exercise-subtitle {
        font-size: 35px;
        line-height: 45px;
    }
    
    #exercise-page .exercise-para {
        font-size: 20px;
        line-height: 28px;
    }
    
    #exercise-page .cmp-container__backgroundImage--enabled {
        min-height: 550px;
        margin-bottom: 80px;
    }
    
    #exercise-page .banner-twocol {
        padding: 150px 55px 0 55px;
    }
    
    #exercise-page .cmp-carousel-horizontal .cmp-carousel__indicators.cmp-carousel__indicators--mob {
        display: none;
    }
    
    #twocol-icon-sec {
        padding: 0;
    }
    
    #exercise-page .bg-img-txt .exercise-txt-sec {
        top: 50px;
        left: 50px;
    }
    
    #exercise-page .bg-img-txt {
        margin-bottom: 30px;
    }
    
    #twocol-icon-sec .icon {
        gap: 25px
    }
    
    #twocol-icon-sec .icon p {
        font-size: 20px;
        line-height: 25px;
    }
    
    #twocol-icon-sec .icon.icon7 {
        margin-bottom: 30px;
    }
    
    #exercise-carousel-sec.cmp-carousel-horizontal--swipe {
        margin-bottom: 25px;
    }
    
    #info-para-container .exercise-info-para {
        margin-bottom: 15px;
    }
    
    #info-para-container {
        margin-bottom: 30px;
    }
    
    #info-para-container-two {
        margin-bottom: 40px;
    }
    
    .carousel-item {
        flex-basis: 33.3%;
    }
}

@media (max-width: 768px) {
    #exercise-page .banner-twocol {
        padding: 150px 40px 0 40px;
    }
    
    #exercise-page .banner-txt-para {
        font-size: 16px;
        line-height: 20px;
    }

    #exercise-page .cmp-container__backgroundImage--enabled {
        min-height: 500px;
        background-position: 65% 100%;
    }
    
    #exercise-page .bg-img-txt .exercise-txt-sec {
        top: 40px;
    }
    
    .carousel-item {
        flex-basis: 47%;
    }
}

@media (max-width: 540px) {
    #exercise-page .exercise-subtitle {
        font-size: 18px;
        line-height: 26px;
    }
    
    #exercise-page .bg-img-txt .exercise-txt-sec {
        top: 20px;
        left: 20px;
    }
    
    #exercise-page .exercise-title, #exercise-page .exercise-subtitle {
        font-size: 28px;
        line-height: 35px;
    }
    
    #exercise-page .bg-img-txt .bg-imgone {
        min-height: 100px;
    }
    
    #twocol-icon-sec .icon img {
        width: 80px;
    }
    
    #twocol-icon-sec .icon p {
        font-size: 16px;
        line-height: 20px;
    }
    
    .carousel-item {
        flex-basis: 100%;
    }
}


@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        #protect-uvrays-page .banner-txt-title {
            font-family: 'BarlowCondensed-Medium';
        }
        
        .uvray-twocol-content .boxes .box .uvray-title {
            font-family: 'BarlowCondensed-Regular';
            font-weight: 600;
        }
        
        #uvray-twocol-one .uvray-twocol-content .boxes .box.box2 {
            padding-right: 110px;
        }
        
        #lupus-emotions-stress-page #stress-threecol-one .stress-threecol-content .boxes .box .stress-title, #hair-healthy-page .banner-txt-title {
            font-family: 'BarlowCondensed-Medium';
        }
        
        #hairhealth-carousel-txt .cmp-teaser__content {
            max-width: 668px;
        }
        
        #hairhealth-carousel-txt .cmp-teaser__content .cmp-teaser__title .hh-carousel-para {
            font-size: 28.4px;
        }
        
        #healthy-eating-page .banner-twocol {
            gap: 60px;
        }
        
        #stay-active-threecol-one .boxes .box, #stay-active-threecol-two .boxes .box {
            padding: 95px 59px 25px;
        }
        
        #stay-active-threecol-two .boxes .box.box2 {
            padding: 95px 56px 25px;
        }
        
        #stay-active-threecol-two .boxes .box .stay-active-para br {
            display: block;
        }
    }
}