.about_s1 {
    background: url(../img/about_s1_bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 190px 0px 110px;
}
.about_s1_framer {
    padding: 146px 0px;
    background: linear-gradient(0deg, #0E0E0E 56.29%, rgba(14, 14, 14, 0.00) 158.68%);
    backdrop-filter: blur(8px);
}
.product_infobar .btn_animater {
    padding: 0px;
}
.about_s1_title {
    color: var(--core-off-white, #FBFBFB);
    text-align: center;
    font-family: 'Manrope';
    font-size: 64px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: capitalize;
    margin-bottom: 40px;
    max-width: 847px;
    margin-left: auto;
    margin-right: auto;
}
.about_s1_subtitle {
    color: var(--core-olive-100, #8ACBC3);
    text-align: center;
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%; 
    margin-bottom: 56px;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
}
.about_s1_lower {
    background: url(../img/about_lower.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 32px;
}
.stand_bar {
    width: 1px;
    height: 24px;
    background: var(--core-olive-100, #8ACBC3);
    margin-bottom: 16px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: height 0.3s ease-in-out;
}
.stand_bar_text {
    color: var(--core-off-white, #FBFBFB);
    text-align: center;
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}
.stand_bar_frame {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    cursor: pointer;
}
.stand_bar_frame:hover .stand_bar {
    height: 48px;
}
.about_s2, .about_s4, .about_s5, .about_s6 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.about_s6 {
    background-image: linear-gradient(to bottom, #fff 10%, #f4f4f4 10%);
}
.about_s2_right_frame {
    width: 471px;
    margin-top: 110px;
    margin-bottom: 110px;
    margin-left: 169px;
}
.about_s2_title {
    color: var(--core-olive-300, #445C59);
    font-family: 'Manrope';
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-bottom: 56px;
}
.about_s2_subtitle {
    color: var(--core-olive-200, #44877F);
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0px;
}
.abs2_right {
    background: url(../img/abs2_right.png);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
}
.abs2_left {
    background: url(../img/abs2_left.png);
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    margin-top: 24px;
}
.abs4_left {
    background: url(../img/abs4.png);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}
.about_s4_title {
    color: var(--core-olive-300, #445C59);
    font-family: 'Manrope';
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-bottom: 56px;
}
.about_s4_subtitle {
    color: var(--core-olive-200, #44877F);
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%; 
    margin-bottom: 0px;
}
.about_s4_right_frame {
    width: 434px;
    margin: 155px 207px 155px auto;
}
.about_s5_title {
    color: var(--core-olive-300, #445C59);
    font-family: 'Manrope';
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-bottom: 56px
}
.about_s5_subtitle {
    color: var(--core-olive-200, #44877F);
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 56px
}
.about_s5_right_frame {
    width: 489px;
}
.about_s5_right_frame {
    margin: 167px 332px 167px auto;
}
.about_s5 {
    background: url(../img/abs5_bg.png);
    background-size: contain;
    background-position: right bottom 34px;
    background-repeat: no-repeat;
}
.about_s6_title {
    color: var(--core-olive-300, #445C59);
    font-family: 'Manrope';
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-bottom: 56px;
}
.about_s6_subtitle {
    color: var(--core-olive-200, #44877F);
    font-family: 'Manrope';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%; 
    margin-bottom: 56px;
}
.about_s6_right_frame {
    width: 489px;
    margin: 100px 207px 100px auto;
}
.abs6_right {
    background: url(../img/abs6_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.about_s2_mobo {
    display: none;
}
.about_s5_mobo {
    display: none;
}



@media only screen and (max-width: 600px) {
    .about_s1_title {
        color: var(--core-off-white, #FBFBFB);
        text-align: center;
        font-family: 'Manrope';
        font-size: 32px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
        letter-spacing: 0.64px;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .about_s1_subtitle {
        color: var(--core-olive-100, #8ACBC3);
        text-align: center;
        font-family: 'Manrope';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 181.1%; 
        margin-bottom: 56px;
    }
    .about_s1>.container {
        padding: 0px;
    }
    .about_s1_framer {
        background: linear-gradient(0deg, #0E0E0E 56.29%, rgba(14, 14, 14, 0.00) 158.68%);
        backdrop-filter: blur(8px);
        padding: 48px 24px;
    }
    .btn_animater {
        padding: 0px;
    }
    .about_s1 .cart_animate_btn_div {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        max-width: 326px;
        gap: 40px;
    }
    .about_s2 {
        display: none;
    }
    .about_s1 {
        background: url(../img/about_s1_bg_mobo.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        padding: 100px 0px 77px;
    }
    .about_s2_mobo {
        padding: 17px 24px 40px;
        background: url(../img/abs2_mobo_bg.png);
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
        display: block;
    }
    .abs2_mobo_title {
        color: var(--core-olive-300, #445C59);
        font-family: 'Manrope';
        font-size: 30px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
        letter-spacing: 0.6px;
        text-transform: capitalize;
        margin-top: 40px;
        margin-bottom: 32px;
    }
    .abs2_mobo_subtitle {
        color: var(--core-olive-200, #44877F);
        font-family: 'Manrope';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 181.1%; 
        margin-bottom: 32px;
    }
    .about_s4_right_frame {
        width: unset;
        margin: 40px 12px 0px;
    }
    .about_s4_title {
        color: var(--core-olive-300, #445C59);
        font-family: 'Manrope';
        font-size: 30px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
        letter-spacing: 0.6px;
        text-transform: capitalize;
        margin-bottom: 32px;
    }
    .about_s4_subtitle {
        color: var(--core-olive-200, #44877F);
        font-family: 'Manrope';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 181.1%; 
        margin-bottom: 40px;
    }
    .about_s5 {
        display: none;
    }
    .about_s6_right_frame {
        width: unset;
        margin: 40px 12px;
    }
    .about_s6_title {
        color: var(--core-olive-300, #445C59);
        font-family: 'Manrope';
        font-size: 30px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
        letter-spacing: 0.6px;
        text-transform: capitalize;
        margin-bottom: 32px;
    }
    .about_s6_subtitle {
        color: var(--core-olive-200, #44877F);
        font-family: 'Manrope';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 181.1%; 
        margin-bottom: 32px;
    } 
    .about_s6 {
        /*padding-top: 30px;*/
        background: linear-gradient(145deg, rgba(244, 244, 244, 0.00) 0%, #F4F4F4 100%);
    }
    .about_s5_mobo {
        display: block;
    }
}




@media only screen and (min-width: 1200px) and (max-width:1348px) {
    .about_s5_right_frame {
        margin: 135px 87px 135px auto;
    }
    .about_s5 {
        background: url(../img/abs5_bg.png);
        background-size: contain;
        background-position: right -90px bottom 34px;
        background-repeat: no-repeat;
    }
    .about_s2_right_frame {
        width: 471px;
        margin-top: 110px;
        margin-bottom: 110px;
        margin-left: 40px;
    }
    .abs2_right {
        background: url(../img/abs2_right.png);
        background-size: contain;
        background-position: right -165px center;
        background-repeat: no-repeat;
    }
    .about_s4_right_frame {
        width: 434px;
        margin: 155px 92px 155px auto;
    }
    .about_s6_right_frame {
        width: 489px;
        margin: 100px 37px 100px auto;
    }
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .about_s5_right_frame {
        margin: 135px 87px 135px auto;
    }
    .about_s5 {
        background: url(../img/abs5_bg.png);
        background-size: contain;
        background-position: right -90px bottom 34px;
        background-repeat: no-repeat;
    }
    .about_s2_right_frame {
        width: 471px;
        margin-top: 110px;
        margin-bottom: 110px;
        margin-left: 40px;
    }
    .abs2_right {
        background: url(../img/abs2_right.png);
        background-size: contain;
        background-position: right -135px center;
        background-repeat: no-repeat;
    }
    .about_s4_right_frame {
        width: 434px;
        margin: 155px 114px 155px auto;
    }
    .about_s6_right_frame {
        width: 489px;
        margin: 100px 60px 100px auto;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .about_s5_right_frame {
        margin: 135px 184px 135px auto;
    }
    .about_s2_right_frame {
        width: 471px;
        margin-top: 110px;
        margin-bottom: 110px;
        margin-left: 40px;
    }
    .abs2_right {
        background: url(../img/abs2_right.png);
        background-size: contain;
        background-position: right -100px center;
        background-repeat: no-repeat;
    }
    .about_s4_right_frame {
        width: 434px;
        margin: 155px 129px 155px auto;
    }
    .about_s6_right_frame {
        width: 489px;
        margin: 100px 95px 100px auto;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    .about_s5_right_frame {
        margin: 167px 200px 167px auto;
    }
    .about_s6_right_frame {
        width: 489px;
        margin: 100px 136px 100px auto;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .about_s5_right_frame {
        margin: 167px 230px 167px auto;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    .about_s5_right_frame {
        margin: 167px 255px 167px auto;
    }
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {
    .about_s5_right_frame {
        margin: 167px 270px 167px auto;
    }
}