/*----------------------------- Global -----------------------------*/
.desktop_none {
    display: none;
}
.mobile_none {
    display: block;
}

.hs1_title {
    color: var(--neutral-white, #FFF);
    font-family: 'Libre Bodoni';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 61.44px */
    text-transform: capitalize;
    margin-bottom: 16px;
}
.hs1_subtitle {
    color: var(--neutral-white, #FFF);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 24px;
}
.btn_green {
    background: var(--Primary, #00A99D);display: flex;
    padding: 11px 16px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    color: var(--neutral-400, #F4F4F4);
    font-family: 'Raleway';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    border-radius: 0px;
}
.btn_white {
    padding: 11px 16px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    background: var(--neutral-white, #FFF);
    color: var(--neutral-800, #3C3C3C);
    font-family: 'Raleway';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    border-radius: 0px;
}
.btn_gray {
    padding: 11px 16px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    background: var(--neutral-white, #656565);
    color: var(--neutral-800, #FFF);
    font-family: 'Raleway';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    border-radius: 0px;
}
.hs1_button_div {
    display: flex;
    gap: 21px;
}
.hs1_top_frame {
    max-width: 507px;
    padding-top: 170px;
    padding-bottom: 623px;
}
.hs1 {
    background: url(../img/hs1_bg.png) #F4F4F4;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.home_page {
    margin-top: 89px;
}
.hs1_bottom_pre_title {
    color: var(--Primary, #00A99D);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.hs1_bottom_title {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 16px;
    max-width: 374px;
}
.hs1_bottom_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; /* 23.625px */
    margin-bottom: 24px;
    max-width: 374px;
}
.hs1_bottom_frame {
    background: var(--neutral-white, #FFF);
    padding: 39px 59px;
    width: 768px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.hs6_bottom_left_split_left img {
    max-width: 349px;
    height: 466px;
}
.hs6_bottom_left_split_left {
    max-width: 349px;
    height: 466px;
}

.hs2 .hs6_top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.hs2 .hs6_bottom_left {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 80px;
    padding-top: 40px;
}
.hs2 .hs6_bottom_left_split_right {
    max-width: 591px;
}
.hs2 .hs6_bottom {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.hs2 .hs6_bottom_right_mobo {
    display: none;
}
.hs2 .hs6_bottom_right {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hs2 .hs6_bottom_right_slider {
    height: 432px;
    overflow: auto;
}
.hs2 .hs6_bottom_right_slider::-webkit-scrollbar {
    width: 0px;
}
.tab_link_clickable:hover {
    background: var(--Neutral-500, #D0D0D0);
}
.tab_link_clickable:hover .tab_right_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; /* 23.625px */
}
.hs2 .hs6_pre_title {
    color: var(--Primary, #00A99D);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.hs2 .hs6_title {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 0px;
}
.hs2 .hs6_product_pretitle {
    color: var(--functional-info-blue, #005BB9);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.hs2 .hs6_product_title {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 32px;
}
.hs2 .hs6_product_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 32px;
}
.hs2 .hs6_bottom_left_split_right_bottom {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
}
.hs2 .hs6_product_price {
    color: var(--neutral-800, #3C3C3C);
    font-family: 'Libre Bodoni';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 61.44px */
    text-transform: capitalize;
    margin-bottom: 0px;
}
.hs2 {
    margin: 24px 24px 0px;
    background: linear-gradient(180deg, #F6F6F6 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: 40px 0px;
}
.hs6_bottom_right .hs6_bottom_right_slider div div img {
    opacity: 0.5;
    padding: 8px 21px;
    height: 142px;
}
.hs6_bottom_right .hs6_bottom_right_slider div div img.active {
    opacity: 1;
    background: transparent;
}
.btn_slide {
    padding: 0px;
}
#slideUp {
    margin-bottom: 8px;
}

.hs3_pre_title {
    color: var(--Primary, #00A99D);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.hs3_title {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 0px;
}
.hs3_subtitle {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 0px;
    width: 670px;
}
.hs3_top_frame {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    margin-bottom: 40px;
}
.hs3_top_left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 60px;
}
.hs3_tab_content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 80px;
}
.hs3_tab_text {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 0px;
    max-width: 502px;
    margin-right: 24px;
}
.hs3_bottom_frame {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    border: 1px solid var(--neutral-500, #D0D0D0);
    background: var(--neutral-white, #FFF);
    padding: 32px;
}
.hs3_bottom_tab_btn_div .nav-link {
    display: flex;
    padding: 0px 10px;
    color: var(--neutral-700, #656565);
    font-family: 'Helvetica Now Display';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%; /* 30.72px */
    text-transform: capitalize;
    margin: 10px;
}
.hs3_bottom_tab_btn_div .nav-link:hover {
    color: var(--Secondary, #014944);
    font-family: 'Helvetica Now Display';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%; /* 30.72px */
    text-transform: capitalize;
}
.hs3_bottom_tab_btn_div .nav-link.active {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Helvetica Now Display';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%; /* 30.72px */
    text-transform: capitalize;
    padding: 0px 10px;
    border-bottom: 3px solid #00A99D;
}
.hs3_bottom_tab_btn_div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.hs3 {
    background: url(../img/hs3_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 64px 0px;
}
.hs4 {
    background: url(../img/hs4_bg.png), linear-gradient(#F4F4F4, transparent);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.hs4_pre_title {
    color: var(--Primary, #00A99D);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.hs4_title {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 16px;
    max-width: 425px;
}
.hs4_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; /* 23.625px */
    margin-bottom: 24px;
    max-width: 453px;
}
.hs4_frame {
    background: var(--neutral-white, #FFF);
    padding: 64px 0px 64px 80px;
    max-width: 865px;
    margin-left: auto;
}
.hs5_top_frame {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
    margin-bottom: 40px;
}
.hs5_top_left {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
}
.hs5_pre_title {
    color: var(--Primary, #00A99D);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.hs5_title {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 0px;
}
.hs5_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; /* 23.625px */
    margin-bottom: 0px;
    max-width: 506px;
}

.hs5_card_title {
    color: var(--neutral-near-black, #0E0E0E);
    text-align: center;
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.hs5_card_subtitle {
    color: var(--Secondary, #014944);
    text-align: center;
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; /* 23.625px */
    margin-bottom: 0px;
}
.hs5_card_body {
    padding: 24px 50px;
    background: var(--neutral-200, #FBFBFB);
    min-height: 152px;
}
.hs5_cards {
    max-width: 408px;
}
.hs5_bottom_frame {
    display: flex;
    flex-direction: row;
    gap: 14px;
    justify-content: space-between;
}
.hs5_bottom {
    background: var(--neutral-400, #F4F4F4);
    padding: 40px 0px 64px;
}

.abs1_title {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Libre Bodoni';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 61.44px */
    text-transform: capitalize;
    margin-bottom: 16px;
}
.abs1_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 24px;
}
.abs1_btn_div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 21px;
}
.about {
    margin-top: 89px;
}
.abs1 {
    background: url(../img/abs1_bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.abs1_frame {
    max-width: 493px;
    padding: 170px 0px;
}
.abs2_pre_title {
    color: var(--Primary, #00A99D);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.abs2_title {
    color: var(--neutral-800, #3C3C3C);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 16px;
}
.abs2_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 128.5%; /* 23.625px */
    margin-bottom: 0px;
}
.abs2_img {
    background: url(../img/abs2_img.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 1055px;
    height: 432px;
}
.abs2_frame {
    max-width: 453px;
}
.abs2 {
    padding: 64px 0px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.abs2_main_frame {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 79px;
}
.abs3_pre_title {
    color: var(--Primary, #00A99D);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.abs3_title {
    color: var(--neutral-800, #3C3C3C);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 16px;
}
.abs3_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 24px;
}
.abs3_frame {
    max-width: 453px;
}
.abs3_main_frame {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
.abs3 {
    background: var(--neutral-400, #F4F4F4);
    padding: 64px 0px;
}
.abs4_pre_title {
    color: var(--Primary, #00A99D);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.abs4_title {
    color: var(--neutral-800, #3C3C3C);
    font-family: 'Libre Bodoni';
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 139%; /* 50.04px */
    text-transform: capitalize;
    margin-bottom: 0px;
}
.abs4_top_left_left {
    max-width: 414px;
}
.abs4_subtitle {
    color: var(--Secondary, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 0px;
}
.abs4_top_left_right {
    max-width: 412px;
}
.abs4_top_frame {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.tab_right_title {
    color: var(--neutral-near-black, #0E0E0E);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
} 
.tab_right_subtitle {
    color: var(--neutral-near-black, #014944);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 0px;
}
.tab_link_clickable.active {
    background: var(--neutral-400, #00A99D);
}
.tab_link_clickable {
    padding: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.abs4_bottom_left #v-pills-tab {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.abs4_bottom_left {
    max-width: 437px;
    margin-bottom: 0px;
}
.change_taber {
    position: absolute;
    bottom: 66px;
    right: 0px;
    width: 1108px;
}
.abs4 {
    padding: 64px 0px;
    position: relative;
}
.tab_link_clickable.active .tabber_im {
    background: #FBFBFB;
    border-radius: 50%;
}
.tab_right {
    max-width: 309px;
}
.tab_link_clickable.active .tabber_im svg path {
    stroke: #00A99D;
}
.tab_link_clickable.active .tab_right_title {
    color: var(--neutral-white, #FFF);
    font-family: 'Libre Bodoni';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%; /* 25.6px */
    text-transform: capitalize;
    margin-bottom: 8px;
}
.tab_link_clickable.active .tab_right_subtitle {
    color: var(--neutral-white, #FFF);
    font-family: 'Raleway';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.5%; 
    margin-bottom: 10px;
}




@media only screen and (max-width: 600px) {
    .mobile_none {
        display: none;
    }
    .desktop_none {
        display: block;
    }
    .hs5_cards img {
        height: 109px;
    }
    .home_page {
        margin-top: 74px;
    }
    .hs1_title {
        color: #FFF;
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
        margin-bottom: 16px;
        margin-left: 25px;
        margin-right: 25px;
    }
    .hs1_subtitle {
        color: #FFF;
        text-align: center;
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; 
        margin-left: 12px;
        margin-right: 12px;
    }
    .hs1_button_div {
        display: flex;
        gap: 16px;
        justify-content: center;
        margin-left: 12px;
        margin-right: 12px;
    }
    .hs1_top_frame .btn_green, .hs1_top_frame .btn_white {
        width: 100%;
    }
    .hs1_top_frame {
        max-width: unset;
        padding-top: 183px;
        padding-bottom: 661px;
    }
    .hs1_bottom_frame {
        background: #F4F4F4;
        padding: 24px;
        width: 375px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .hs1_bottom_pre_title {
        color: var(--Primary, #00A99D);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .hs1_bottom_title {
        color: var(--neutral-800, #3C3C3C);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
        margin-bottom: 16px;
        max-width: 327px;
        margin-left: auto;
        margin-right: auto;
    }
    .hs1_bottom_subtitle {
        color: var(--Secondary, #014944);
        text-align: center;
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
        margin-bottom: 24px;
    } 
    .hs1_bottom_frame .btn_green {
        margin-left: auto;
        margin-right: auto;
    }
    .hs1 {
        background: url(../img/hs1_mobo_bg.png) #F4F4F4;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        position: relative;
    }

    .hs2 .hs6_top {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
        gap: 10px;
    }
    .hs2 .hs6_pre_title {
        color: var(--Primary, #00A99D);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .hs2 .hs6_title {
        color: var(--neutral-near-black, #0E0E0E);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
    }
    .hs2 {
        margin: 0px;
        background: linear-gradient(180deg, #F6F6F6 0%, rgba(255, 255, 255, 0.00) 100%);
        padding: 40px 12px;
    }
    .hs2 .hs6_bottom_left {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
        padding-top: 0;
    }
    .hs2 .hs6_bottom_left_split_right_bottom {
        display: flex;
        flex-direction: row;
        gap: 24px;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: center;
    }
    .hs2 .hs6_product_price {
        color: var(--neutral-800, #3C3C3C);
        font-family: 'Helvetica Now Display';
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 128%; /* 38.4px */
        text-transform: capitalize;
    }
    .hs6_bottom_left_split_right_bottom .btn_green, .hs6_bottom_left_split_right_bottom .btn_gray {
        padding: 11px 14px;
    }
    .hs2 .hs6_bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .hs2 .hs6_bottom_right {
        display: none;
    }
    .hs2 .hs6_bottom_right_mobo {
        display: block;
    }
    .outer_shell_mobo {
        display: flex;
        flex-direction: row;
        gap: 0px;
        overflow: auto;
        margin-top: 24px;
        margin-bottom: 4px;
    }
    .hs5_card_body {
        padding: 24px 16px;
        background: var(--neutral-200, #FBFBFB);
        min-height: unset;
    }
    .outer_shell_mobo img.active {
        opacity: 1;
        width: 72px!important;
        height: 95px;
    }
    .outer_shell_mobo img {
        opacity: 0.5;
        width: 72px!important;
        height: 95px;
        margin: 0px 6px;
    }
    .hs6_bottom_left_split_left img {
        width: 215px;
        height: 287px;
    }
    .hs6_bottom_left_split_left {
        max-width: 215px;
        height: 287px;
    }
    .hs2 .hs6_product_pretitle {
        color: var(--Primary, #00A99D);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .hs2 .hs6_product_title {
        color: var(--neutral-800, #3C3C3C);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .mobile_slide_btn_frame {
        display: flex;
        flex-direction: row;
        gap: 24px;
        justify-content: center;
        align-items: center;
    }   
    .mobile_slide_btn_frame .btn_slide {
        rotate: -90deg;
    }
    .outer_shell_mobo::-webkit-scrollbar {
        width: 0px;
    }
    .hs3_top_frame {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
        margin-bottom: 24px;
    }
    .hs3_top_left {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
    }
    .hs3_subtitle {
        color: var(--neutral-near-black, #0E0E0E);
        text-align: center;
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
        width: unset;
    }
    .hs3_title {
        color: var(--neutral-800, #3C3C3C);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
    }
    .hs3_pre_title {
        color: var(--Primary, #00A99D);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
        text-transform: capitalize;
    }
    .hs3 {
        background: url(../img/parth_img_home.png), linear-gradient(180deg, #F6F6F6 0%, rgba(255, 255, 255, 0.00) 100%), #FFF;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        padding: 24px 12px;
    }
    .hs3_bottom_frame {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        gap: 24px;
        border: 0px solid var(--neutral-500, #D0D0D0);
        background: var(--neutral-white, #FFF);
        padding: 16px;
    }
    .hs3_tab_content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 24px;
    }
    .hs3_tab_text {
        color: var(--neutral-near-black, #0E0E0E);
        text-align: center;
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; 
        max-width: unset;
        margin: 0px 16px;
    }
    .tab_drop_mobo {
        border: 1px solid var(--neutral-500, #D0D0D0);
        background: var(--neutral-white, #FFF);
        width: 100%;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        color: var(--neutral-800, #3C3C3C);
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
    }
    #myTab {
        width: 100%;
        padding: 0px 10px;
    }
    #myTab button {
        width: 100%;
        text-align: left;
        color: var(--neutral-800, #3C3C3C);
        text-transform: capitalize;
        padding: 12px 0px;
    }
    #myTab button.active {
        background: transparent;
        border-bottom: 3px solid #00A99D;
        border-radius: 0px;
        padding: 12px 0 2px;
        margin-bottom: 10px;
    }
    .hs5_bottom_frame {
        display: flex;
        flex-direction: column;
        gap: 48px;
        justify-content: center;
    }
    .hs5_top_frame {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 24px;
        align-items: center;
        margin-bottom: 24px;
    }
    .hs5_top_left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 24px;
        align-items: center;
    }
    .hs5_bottom {
        background: var(--neutral-400, #F4F4F4);
        padding: 24px 12px;
    }
    .hs5_pre_title {
        color: var(--Primary, #00A99D);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
        text-transform: capitalize;
    }
    .hs5_title {
        color: var(--neutral-800, #3C3C3C);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
    }
    .hs5_subtitle {
        color: var(--neutral-near-black, #0E0E0E);
        text-align: center;
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
    }
    .hs4_frame {
        background: var(--neutral-400, #F4F4F4);
        padding: 24px;
        max-width: unset;
        margin-left: auto;
    }
    .hs4_pre_title {
        color: var(--Primary, #00A99D);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
        text-transform: capitalize;
    }
    .hs4_title {
        color: var(--neutral-800, #3C3C3C);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .hs4_subtitle {
        color: var(--neutral-near-black, #0E0E0E);
        text-align: center;
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
        margin-bottom: 24px;
    }
    .hs4_frame .btn_green {
        margin-left: auto;
        margin-right: auto;
    }

    .about {
        margin-top: 75px;
    }
    .change_taber {
        position: unset;
        bottom: unset;
        right: unset;
        /* width: calc(100% + 48px);
        margin-left: -24px; */
        width: unset;
        margin-bottom: 24px;
    }
    .round_robin {
        display: flex;
        flex-direction: column-reverse;
    }
    .abs4_bottom_left {
        max-width: unset;
        margin-bottom: 0px;
    }
    .abs1 {
        background: url(../img/abs1_bg_mobo.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .abs1_title {
        color: #FFF;
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
        margin-bottom: 16px;
    }
    .abs1_subtitle {
        color: #FFF;
        text-align: center;
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
        margin-bottom: 24px;
    } 
    .abs1_frame {
        max-width: 327px;
        padding: 235px 0px 40px;
        margin-left: auto;
        margin-right: auto;
    }
    .abs1_frame .abs1_btn_div button {
        width: 100%;
    }
    .abs1_frame .abs1_btn_div button:last-of-type {
        background: #FFF;
        color: var(--neutral-800, #3C3C3C);
    }
    .abs2_img {
        background: url(../img/abs2_img_mobo.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: 178px;
    }
    .abs2_main_frame {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 24px;
    }
    .abs2 {
        padding: 0px 0px 48px;
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
    .abs2_frame {
        max-width: unset;
        margin-left: 24px;
        margin-right: 24px;
    }
    .abs2_pre_title, .abs2_title, .abs2_subtitle, .abs3_pre_title, .abs3_title, .abs3_subtitle {
        text-align: center;
    }
    .abs3 {
        background: var(--neutral-400, #F4F4F4);
        padding: 24px 0px;
    }
    .abs3_main_frame {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
    }
    .abs3_frame {
        margin-left: 12px;
        margin-right: 12px;
    }
    .abs3_frame .btn_green {
        margin-left: auto;
        margin-right: auto;
    }
    .abs4_pre_title {
        color: var(--Primary, #00A99D);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 128%; /* 25.6px */
        text-transform: capitalize;
    }
    .abs4_top_frame {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 32px;
        gap: 24px;
        margin-left: 24px;
        margin-right: 24px;
    }
    .abs4_title {
        color: var(--neutral-800, #3C3C3C);
        text-align: center;
        font-family: 'Libre Bodoni';
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 139%; /* 50.04px */
        text-transform: capitalize;
    }
    .abs4_subtitle {
        color: var(--Secondary, #014944);
        text-align: center;
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
    }
    .abs4 .container {
        padding: 0px;
    }
    .abs4 {
        padding: 32px 0px 24px;
        background: linear-gradient(180deg, #F6F6F6 20%, rgb(255 255 255) 40%);
    }
    .tab_right_subtitle {
        color: var(--Secondary, #014944);
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%; /* 23.625px */
    }
    .tab_link_clickable {
        padding: 16px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1348px) {
    .hs3_subtitle {
        color: var(--neutral-near-black, #0E0E0E);
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%;
        margin-bottom: 0px;
        width: 494px;
    }
    .hs1_bottom_frame {
        background: var(--neutral-white, #FFF);
        padding: 39px 59px;
        width: 590px;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .hs2 .hs6_bottom_left {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 25px;
        padding-top: 40px;
    }
    .hs4_frame {
        background: var(--neutral-white, #FFF);
        padding: 64px 0px 64px 80px;
        max-width: 607px;
        margin-left: auto;
    }
    .hs5_subtitle {
        color: var(--Secondary, #014944);
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%;
        margin-bottom: 0px;
        max-width: 354px;
    }
    .abs2_img {
        background: url(../img/abs2_img.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 678px;
        height: 432px;
    }
    .abs3_main_frame > img {
        max-width: 633px;
    }
    .change_taber {
        position: absolute;
        bottom: 160px;
        right: 0px;
        width: 712px;
    }
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .abs3_main_frame > img {
        max-width: 624px;
    }
    .hs2 .hs6_bottom_left {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 25px;
        padding-top: 40px;
    }
    .hs3_subtitle {
        color: var(--neutral-near-black, #0E0E0E);
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%;
        margin-bottom: 0px;
        width: 494px;
    }
    .hs5_subtitle {
        color: var(--Secondary, #014944);
        font-family: 'Raleway';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 157.5%;
        margin-bottom: 0px;
        max-width: 357px;
    }
    .hs4_frame {
        background: var(--neutral-white, #FFF);
        padding: 64px 0px 64px 80px;
        max-width: 650px;
        margin-left: auto;
    }
    .abs2_img {
        background: url(../img/abs2_img.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 712px;
        height: 432px;
    }
    .change_taber {
        position: absolute;
        bottom: 150px;
        right: 0px;
        width: 747px;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .hs4_frame {
        background: var(--neutral-white, #FFF);
        padding: 64px 0px 64px 80px;
        max-width: 699px;
        margin-left: auto;
    }
    .abs2_img {
        background: url(../img/abs2_img.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 846px;
        height: 432px;
    }
    .change_taber {
        position: absolute;
        bottom: 149px;
        right: 0px;
        width: 900px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    .hs4_frame {
        background: var(--neutral-white, #FFF);
        padding: 64px 0px 64px 80px;
        max-width: 686px;
        margin-left: auto;
    }
    .abs2_img {
        background: url(../img/abs2_img.png);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 879px;
        height: 432px;
    }
    .change_taber {
        position: absolute;
        bottom: 149px;
        right: 0px;
        width: 900px;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .hs4_frame {
        background: var(--neutral-white, #FFF);
        padding: 64px 0px 64px 80px;
        max-width: 775px;
        margin-left: auto;
    }
    .change_taber {
        position: absolute;
        bottom: 130px;
        right: 0px;
        width: 945px;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    .hs4_frame {
        background: var(--neutral-white, #FFF);
        padding: 64px 0px 64px 80px;
        max-width: 818px;
        margin-left: auto;
    }
    .change_taber {
        position: absolute;
        bottom: 110px;
        right: 0px;
        width: 1011px;
    }
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {
    .change_taber {
        position: absolute;
        bottom: 110px;
        right: 0px;
        width: 1011px;
    }
}