strong {
    font-weight: 400;
}

.customPageCenteredContent {
    margin-top: 0
}

#customPageTitle {
    display: none
}

.container {
    width: 100%;
    margin: 0rem auto 0rem;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.8rem
}

.first.section {
    display: flex;
    align-items: center
}

.first.section img {
    width: 50%;
    object-fit: contain
}

.first.section .text {
    width: calc(45% - 260px);
    padding: 0 130px;
    display: flex;
    letter-spacing: 0px;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 400;
    height: max-content
}

.second.section {
    margin-top: 5rem;
    width: 90%;
    margin-bottom: 5rem;
    margin-left: 5%;
    display: flex;
    justify-content: space-between
}

.imgRow {
    width: 28vw
}

.third.section {
    display: flex;
    align-items: center;
    margin-bottom: 5rem
}

.third.section .text {
    width: calc(39% - 260px);
    padding: 0 130px;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 1.4rem;
    display: flex;
    align-items: flex-start;
    height: max-content;
    flex-direction: column
}

.third.section img {
    height: calc(100vh - 70px)
}

.fourth.section img {
    width: 100%
}

.aboutBanner {
    width: 100%
}

.finalText {
    width: 40%;
    margin: 10rem auto 5rem;
    text-align: center;
    line-height: 21px;
}

#cuidadosSubTitle {
    margin-top: 45px;
    font-weight: 800;
    border-top: 1px solid #000;
    padding-top: 20px
}

#cuidadosText {
    line-height: 35px;
    padding-bottom: 20px
}

.box {
    display: block;
    float: left;
    box-sizing: border-box;
    margin-top: 4rem;
    width: 65%;
    margin-left: 17.5%;
    margin-bottom: 0rem;
    border-bottom: 1px solid var(--grey)
}

.text {
    font-size: 1.4rem;
    line-height: 20px;
    width: 80%;
    margin: 0 auto;
    letter-spacing: .5px;
    font-weight: 100
}

.textCenter {
    text-align: left;
    width: 65%;
    margin: 3rem 0 8rem;
    margin-left: 3rem
}

.totalContainer {
    display: flex;
    color: black;
    width: 100%;
    flex-direction: column
}

.textContainer {
    display: block;
    width: 100%
}

.textLeft {
    width: 40%;
    margin: 7rem 10% 3rem
}

.title {
    width: 70%;
    position: relative;
    margin-top: 1rem;
    margin-bottom: 7rem;
    font-size: 50px;
    line-height: 3.5rem;
    text-align: left;
    font-family: 'BeautiqueDisplay';
    margin-left: 5rem;
}

.subtitle {
    text-align: left;
    width: 65%;
    margin: 4rem 0 0rem;
    margin-left: 3rem
}

.productMoreInfo {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    max-height: fit-content;
    float: left
}

.moreInfoDiv {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
    border-top: solid 1px var(--grey)
}

.productGrouptitle {
    margin: 2rem 0;
    line-height: 22px;
    font-size: 1.5rem;
    width: calc(100% - 1.7rem);
    cursor: pointer;
    letter-spacing: .08em;
    display: flex;
    align-items: center
}

.openClose {
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 2.1rem
}

.productGroupInfo {
    width: 95%;
    position: relative;
    text-align: left;
    font-size: 1.3rem;
    overflow: hidden;
    height: 0;
    line-height: 1.7rem;
    box-sizing: border-box;
    margin: 0 auto
}

.productInfoText {
    margin-top: 0;
    font-weight: 100
}

.productInfoText:last-child {
    margin-bottom: 20px
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; 
    overflow: hidden;
    /* margin-top: 3rem; */
    /* margin-bottom: 3rem; */
    width: 100%; 
    text-align: center;
    margin-left: 10%;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%; 
    height: 100%;
    margin: 0 auto; 
}

@media screen and (max-width: 1100px) {
    .title {
        width:90%;
        position: relative;
        margin-top: 1rem;
        font-size: 3.7rem;
        line-height: 3.5rem;
        text-align: left;
        margin-left: 5%;
        max-width: unset;
        margin-bottom: 5rem
    }
    

    .subtitle {
        font-size: 14px;
        width: 100%;
        margin-left: 5px;
        margin-top: 30px;
        line-height: 19px;
        letter-spacing: .5px
    }

    #termsTitle {
        width: 17.5rem
    }

    #shippingTitle {
        width: 10.5rem
    }

    .box {
        margin-top: 3rem
    }

    .openClose {
        right: 0rem
    }

    #policyTitle {
        width: 15.5rem
    }

    #policyTitle::before {
        left: -.7rem
    }

    #supportTitle {
        width: 21.1rem
    }

    #supportTitle::after {
        left: 4.5rem
    }

    .container {
        width: 100%;
        margin: 0rem auto 3rem;
        margin-bottom: 0
    }

    #cuidadosSubTitle {
        margin-top: 40px
    }

    #cuidadosText {
        line-height: 35px
    }

    .textCenter {
        text-align: left;
        width: 100%;
        font-size: 1.3rem;
        line-height: 22px;
        margin: 4rem 5px 3rem
    }

    .textLeft {
        text-align: left;
        margin: 4rem auto 3rem;
        width: 90%;
        font-size: 1.3rem;
        line-height: 22px
    }

    .totalContainer {
        display: flex;
        color: var(--grey);
        width: 100%;
        margin: 3rem auto;
        flex-direction: column;
        margin-bottom: 0
    }

    .first.section {
        flex-direction: column
    }

    .first.section img {
        width: 100%;
        /* margin-right: 5%; */
    }

    .first.section .text {
        width: 90%;
        padding: 0;
        margin-top: 5vw;
        font-weight: 400;
    }

    .second.section {
        flex-direction: column;
        margin-bottom: 3rem
    }

    .fourth.section {
    margin-top: 30px;
    }

    .second.section img {
        margin-bottom: 8vw;
        width: 100%
    }

    .third.section {
        flex-direction: column;
        margin-bottom: 9vw;
    }

    .third.section .text {
        width: 90%;
        padding: 0;
        margin-bottom: 5vw;
        font-weight: 400;
    }

    .third.section img {
        width: 93%;
        height: auto;
    }

    .textContainer {
        display: block;
        width: unset
    }

    .finalText {
        margin: 5rem auto 0rem;
        width: 90%;
    }

    .videoWrapper {
        margin-left: unset;
        margin-bottom: 5rem;
    }

    .videoWrapper iframe {
        width: 100%;
    }
    
}