@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');
@font-face {
    font-family: 'Neue Haas Unica';
    src: url('fonts/NeueHaasUnica-Light.woff2') format('woff2'),
        url('fonts/NeueHaasUnica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neue Haas Unica';
    src: url('fonts/NeueHaasUnica-Regular.woff2') format('woff2'),
        url('fonts/NeueHaasUnica-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neue Haas Unica';
    src: url('fonts/NeueHaasUnica-Medium.woff2') format('woff2'),
        url('fonts/NeueHaasUnica-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neue Haas Unica';
    src: url('fonts/NeueHaasUnica-Bold.woff2') format('woff2'),
        url('fonts/NeueHaasUnica-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
.domine{
    font-family: "Domine", serif;
}
.flow_homepage{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flow_homepage *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Hero Section */
.flow_homepage .hero_section{
    width: 100%;
    height: 90dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 60px;
    position: relative;
}
.flow_homepage .hero_section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}
.flow_homepage .hero_inner{
    width: 100%;
    max-width: 940px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    row-gap: 24px;
    position: relative;
}
.flow_homepage .hero_text_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 16px;
}
.flow_homepage .hero_heading{
    width: 100%;
    max-width: 600px;
    color: #FFF;
    font-family: Domine;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: none;
}
.flow_homepage .hero_paragraph{
    color: #FFF;
    text-align: center;
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}
.flow_homepage .common_button{
    padding: 14px 26px;
    background-color: #fff;
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.42px;
    transition: all 0.2s ease;
}
.flow_homepage .common_button:hover{
    color: #e6e5e7;
    background-color: #494949;
}
.flow_homepage .common_button.button_dark{
    background-color: #8F5746;
    color: #ffffff;
}
.flow_homepage .common_button.button_dark:hover{
    color: #e6e5e7;
    background-color: #494949;
}

/* Personilized Section */
.flow_homepage .personalized_section {
    width: 100%;
    padding: 60px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
}
.flow_homepage .personalized_inner {
    width: 100%;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 30px;
}
.flow_homepage .personalized_header_row {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    row-gap: 14px;
}
.flow_homepage .common_heading {
    color: #8F5746;
    font-family: Domine;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: none;
}
.flow_homepage .common_heading.white_text{
    color: #fff;
}
.flow_homepage .common_text {
    max-width: 800px;
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}
.flow_homepage .common_text.white_text{
    color: #fff;
}
.flow_homepage .personalized_image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .personalized_treatments_row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    text-align: center;
}
.flow_homepage .personalized_treatment_col {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 12px;
}
.flow_homepage .personalized_treatment_header {
    color: #414141;
    font-family: Domine;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.flow_homepage .personalized_treatment_text {
    color: #414141;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}
.flow_homepage .personalized_treatment_link {
    color: #414141;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    text-decoration-line: underline;
}

/* Discover Section */
.flow_homepage .discover_section{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8F5746;
}
.flow_homepage .discover_left_col{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 50px 60px 50px;
}
.flow_homepage .discover_left_inner{
    width: 100%;
    max-width: 690px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 40px;
}
.flow_homepage .discover_text_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 14px;
}
.flow_homepage .discover_right_col{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .discover_section .common_button{
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.6px;
}

/* Features Section */
.flow_homepage .features_section{
    width: 100%;
    padding: 30px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .features_inner{
    width: 100%;
    max-width: 1500px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.flow_homepage .features_col{
    width: 33.33%;
    padding: 0 30px;
    border-right: 1px solid #414141;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    row-gap: 12px;
}
.flow_homepage .features_col:last-child{
    border: none;
}
.flow_homepage .features_heading{
    color: #414141;
    font-family: Domine;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: none;
}
.flow_homepage .features_text{
    color: #414141;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

/* Treatments Section */
.flow_homepage .treatments_section{
    width: 100%;
    padding: 80px 60px;
    background-color: #E0E4E5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .treatments_inner{
    width: 100%;
    max-width: 1440px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flow_homepage .treatments_left_col{
    width: calc(50% - 80px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 24px;
}
.flow_homepage .treatments_text_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
}
.flow_homepage .treatments_section .common_text{
    font-size: 16px;
    line-height: 1.8;
}

.flow_homepage .treatments_right_col{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .treatments_right_col img{
    width: 100%;
    aspect-ratio: 1;
    height: auto;
    object-fit: cover;
}
.flow_homepage .treatments_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 16px;
    list-style: none;
}
.flow_homepage .treatments_list li{
    padding-left: 36px;
    position: relative;
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6;
}
.flow_homepage .treatments_list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background: url("/cdn/shop/files/CheckCircle.svg?v=1758557810' viewBox='0 0 24 24' fill='%238F5746'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}

/* Essentials Section */
.flow_homepage .essentials_section{
    width: 100%;
    padding: 80px 60px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .essentials_inner{
    width: 100%;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 40px;
}
.flow_homepage .essentials_header_row{
    width: 100%;
    max-width: 840px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    row-gap: 16px;
}
.flow_homepage .essentials_product_tab{
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    column-gap: 16px;
    flex-wrap: wrap;
    row-gap: 30px;
}
.flow_homepage .essentials_product_card{
    width: calc((100% - 48px) / 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #F5F5F4;
}
.flow_homepage .essential_product_img{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.flow_homepage .essential_product_img img{
     width: 100%;
    max-height: 335px !important;
    object-fit: cover;
    height: 100% !important;
}
    transition: all 0.5s ease;
}
.flow_homepage .essentials_active_prod{
    opacity: 1;
}
.flow_homepage .essentials_hover_prod{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.flow_homepage .essentials_product_card:hover .essentials_active_prod{
    opacity: 0;
}
.flow_homepage .essentials_product_card:hover .essentials_hover_prod{
    opacity: 1;
}
.flow_homepage .essential_card_about{
    flex-grow: 1;
    width: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    row-gap: 16px;
}
.flow_homepage .essential_card_details{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-grow: 1;
    row-gap: 8px;
}
.flow_homepage .essential_card_name{
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.flow_homepage .essential_card_desc{
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.6;
}
.flow_homepage .essential_card_price{
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.flow_homepage .essential_cart_button{
    background: #84B6E0;
    padding: 8px 24px;
    border: none;
    outline: none;
    color: #FFF;
    font-family: "Instrument Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.48px;
    transition: all 0.3s ease;
}
.flow_homepage .essential_cart_button:hover{
    color: #262428;
    background-color: #d7d7d7;
}

/* Finding Section */
.flow_homepage .find_section{
    width: 100%;
    padding: 70px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .find_inner{
    width: 100%;
    max-width: 1440px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flow_homepage .find_left_col{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .find_left_col img{
    width: 100%;
    height: auto;
    aspect-ratio: 5.4 / 6.5;
    object-fit: cover;
}
.flow_homepage .find_right_col{
    width: calc(60% - 80px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 32px;
    text-align: left;
}
.flow_homepage .find_right_about{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 24px;
}
.flow_homepage .find_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flow_homepage .find_list li{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    min-height: 110px;
    border-bottom: 1px solid #8F57461A;
}
.flow_homepage .find_list li:first-child{
    border-top: 1px solid #8F57461A;
}
.flow_homepage .find_list_name{
    color: #8F5746;
    font-family: Domine;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.flow_homepage .find_list_description{
    width: calc(100% - 220px);
    max-width: 480px;
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: none;
}

/* Choose Section */
.flow_homepage .choose_section{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 60px;
    background-color: #E0E4E5;
}
.flow_homepage .choose_inner{
    width: 100%;
    max-width: 1440px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flow_homepage .choose_left_col{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .choose_left_col img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1;
}
.flow_homepage .choose_right_col{
    width: calc(50% - 80px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 40px;
}
.flow_homepage .choose_right_about{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 40px;
}
.flow_homepage .choose_paragraph{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 24px;
}

/* Testimonials Section */
.flow_homepage .testimonial_section{
    width: 100%;
    padding: 80px 60px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
}
.flow_homepage .testimonial_inner{
    width: 100%;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 50px;
}
.flow_homepage .testimonial_header_row{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 16px;
    text-align: center;
}
.flow_homepage .testimonial_slider_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 40px;
}
.flow_homepage .testimonial_slider{
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.flow_homepage .testimonial_slider .slick-track{
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.flow_homepage .testimonial_slider .slick-slide{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .testimonial_slider .slick-slide > div{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .testimonial_card{
    width: calc((100% - 32px) / 3);
    height: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 12px;
    text-align: center;
    border: 1px solid #8F5746;
    padding: 24px;
    margin: 0 8px;
}
.flow_homepage .testimonial_stars{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3px;
}
.flow_homepage .testimonial_stars img{
    width: 20px;
    height: auto;
}
.flow_homepage .testimonial_text{
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 0.42px;
    flex-grow: 1;
}
.flow_homepage .testimonial_name{
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.54px;
}
.flow_homepage .testimonial_slider_arrows{
    display: flex;
    align-items: stretch;
    justify-content: center;
    column-gap: 16px;
}
.flow_homepage .testimonial_slider_arrows button{
    width: 36px;
    height: 36px;
    border: none;
    outline: none;
    background-color: #8F5746;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.flow_homepage .testimonial_slider_arrows button.slick-disabled{
    background-color: #F4EEED;
}
.flow_homepage .testimonial_slider_arrows button img{
    width: 10px;
    filter: brightness(0) invert(1);
    transition: all 0.3s ease;
}
.flow_homepage .testimonial_slider_arrows button.slick-disabled img{
    filter: none;
    opacity: 0.6;
}
.flow_homepage .testimonial_slider_arrows button.testimonial_next img{
    transform: scaleX(-1);
}

/* Journal Section */
.flow_homepage .journal_section{
    width: 100%;
    padding: 40px 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .journal_inner{
    width: 100%;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 48px;
}
.flow_homepage .journal_header_row{
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    row-gap: 16px;
}
.flow_homepage .journal_list{
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.flow_homepage .journal_card{
    width: calc((100% - 64px) / 3);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 20px;
}
.flow_homepage .journal_card_image{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.flow_homepage .journal_card_image img{
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.flow_homepage .journal_author_date{
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}
.flow_homepage .journal_about{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    row-gap: 8px;
}
.flow_homepage .journal_card_heading{
    color: #8F5746;
    font-family: Domine;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}
.flow_homepage .journal_card_text{
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis; 
}

/* FAQ Section */
.flow_homepage .faq_section{
    width: 100%;
    padding: 40px 60px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.flow_homepage .faq_inner{
    width: 100%;
    max-width: 940px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 48px;
}
.flow_homepage .faq_header_row{
    width: 100%;
    max-width: 660px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 16px;
    text-align: center;
}
.flow_homepage .faq_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 12px;
}
.flow_homepage .accordion_cover{
    width: 100%;
    border: 1px solid #8F574666;
}
.flow_homepage .accordion_heading{
    width: 100%;
    color: #8F5746;
    font-family: Domine;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    padding: 20px 60px 20px 20px;
    position: relative;
    cursor: pointer;
    margin: 0;
    transition: all 0.2s ease;
}
.flow_homepage .accordion_heading.active{
    padding: 20px 60px 5px 20px;
}
.flow_homepage .accordion_heading::before{
    content: "";
    position: absolute;
    height: 2px;
    width: 16px;
    top: 34px;
    right: 20px;
    transition: all .2s linear;
    background-color: #8F5746;
}
.flow_homepage .accordion_heading::after{
    content: "";
    position: absolute;
    height: 2px;
    width: 16px;
    top: 34px;
    transform: rotate(90deg);
    right: 20px;
    transition: all .2s linear;
    background-color: #8F5746;
}
.flow_homepage .accordion_heading.active::after{
    transform: rotateX(180deg);
}
.flow_homepage .accordion_panel{
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.flow_homepage .accordion_text{
    width: 100%;
    padding: 0 40px 20px 20px;
    margin: 0;
    color: #8F5746;
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-weight: 350;
    line-height: normal;
}
.flow_homepage .show_mob{
    display: none;
}
@media (max-width: 1024px){
    .flow_homepage .hero_section {
        height: 70dvh;
    }
    .flow_homepage .personalized_section {
        padding: 60px 40px;
    }
    .flow_homepage .treatments_left_col {
        width: calc(55% - 40px);
    }
    .flow_homepage .treatments_right_col {
        width: 45%;
    }
    .flow_homepage .discover_left_col {
        padding: 40px 40px 40px;
    }
    .flow_homepage .features_section {
        padding: 30px 20px;
    }
    .flow_homepage .features_col {
        padding: 0 20px;
    }
    .flow_homepage .treatments_section {
        padding: 60px 40px;
    }
    .flow_homepage .essentials_section {
        padding: 60px 40px;
    }
    .flow_homepage .essential_cart_button {
        padding: 8px 18px;
    }
    .flow_homepage .find_section {
        padding: 40px 40px 60px;
    }
    .flow_homepage .find_right_col {
        width: calc(60% - 40px);
    }
    .flow_homepage .find_list li {
        min-height: 90px;
    }
    .flow_homepage .find_list_name{
        font-size: 20px;
    }
    .flow_homepage .find_list_description {
        width: calc(100% - 160px);
    }
    .flow_homepage .choose_section {
        padding: 60px 40px;
    }
    .flow_homepage .choose_right_col {
        width: calc(50% - 40px);
    }
    .flow_homepage .choose_right_about {
        row-gap: 30px;
    }
    .flow_homepage .choose_paragraph {
        row-gap: 12px;
    }
    .flow_homepage .testimonial_section {
        padding: 60px 40px 40px;
    }
    .flow_homepage .journal_section {
        padding: 40px 40px;
    }
    .flow_homepage .journal_card {
        width: calc((100% - 48px) / 3);
        row-gap: 12px;
    }
    .flow_homepage .journal_card_heading{
        font-size: 20px;
    }
    .flow_homepage .accordion_heading{
        font-size: 20px;
    }
}
@media (max-width: 767px){
    .flow_homepage .show_mob{
        display: flex;
    }
    .flow_homepage .hide_mob{
        display: none;
    }
    .flow_homepage .hero_section {
        padding: 60px 15px;
    }
    .flow_homepage .hero_heading{
        font-size: 32px;
    }
    .flow_homepage .common_button {
        padding: 12px 26px 14px;
    }
    .flow_homepage .personalized_section {
        padding: 40px 15px;
    }
    .flow_homepage .common_heading{
        font-size: 28px;
    }
    .flow_homepage .personalized_treatments_row {
        align-items: center;
        justify-content: center;
        flex-direction: column;
        row-gap: 30px;
    }
    .flow_homepage .personalized_treatment_col {
        width: 100%;   
    }
    .flow_homepage .discover_left_col {
        padding: 40px 15px 40px;
        width: 100%;
    }
    .flow_homepage .discover_left_inner {
        align-items: center;
        row-gap: 30px;
    }
    .flow_homepage .discover_text_box{
        align-items: center;
        text-align: center;
    }
    .flow_homepage .discover_right_col{
        width: 100%;
    }
    .flow_homepage .discover_section .common_button {
        font-size: 16px;
        line-height: 1;
    }
    .flow_homepage .features_section {
        padding: 20px 15px;
    }
    .flow_homepage .features_inner {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .flow_homepage .features_col {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #414141;
        border-right: none;
    }
    .flow_homepage .treatments_section {
        padding: 40px 15px;
    }
    .flow_homepage .treatments_left_col {
        width: 100%;
        align-items: center;
    }
    .flow_homepage .treatments_right_col{
        width: 100%;
    }
    .flow_homepage .treatments_right_col img{
        aspect-ratio: 3 / 2;
    }
    .flow_homepage .treatments_text_box {
        align-items: center;
        text-align: center;
    }
    .flow_homepage .treatments_list {
        row-gap: 12px;
        text-align: left;
    }
    .flow_homepage .essentials_section {
        padding: 40px 15px 30px;
    }
    .flow_homepage .essentials_product_tab {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .flow_homepage .essentials_product_card {
        width: 100%;
        max-width: 400px;
    }
    .flow_homepage .find_section {
        padding: 30px 15px 40px;
    }
    .flow_homepage .find_inner{
        justify-content: center;
    }
    .flow_homepage .find_right_col {
        width: 100%;
        align-items: center;
    }
    .flow_homepage .find_right_about{
        align-items: center;
    }
    .flow_homepage .find_left_col{
        width: 100%;
    }
    .flow_homepage .find_left_col img {
        aspect-ratio: 5 / 4;
    }
    .flow_homepage .find_list_name {
        font-size: 18px;
    }
    .flow_homepage .find_list_description {
        width: calc(100% - 140px);
    }
    .flow_homepage .choose_section {
        padding: 40px 15px;
    }
    .flow_homepage .choose_inner{
        justify-content: center;
    }
    .flow_homepage .choose_right_col {
        width: 100%;
        align-items: center;
    }
    .flow_homepage .choose_right_about {
        align-items: center;
        text-align: center;
        row-gap: 20px;
    }
    .flow_homepage .choose_paragraph{
        align-items: center;
    }
    .flow_homepage .choose_left_col{
        width: 100%;
    }
    .flow_homepage .choose_left_col img{
        aspect-ratio: 3 / 2;
    }
    .flow_homepage .testimonial_section {
        padding: 40px 15px 30px;
    }
    .flow_homepage .testimonial_inner{
        row-gap: 30px;
    }
    .flow_homepage .journal_section {
        padding: 30px 15px;
    }
    .flow_homepage .journal_inner{
        row-gap: 32px;
    }
    .flow_homepage .journal_list {
        align-items: center;
        justify-content: center;
        row-gap: 32px;
        flex-direction: column;
    }
    .flow_homepage .journal_card {
        width: 100%;
    }
    .flow_homepage .faq_section {
        padding: 30px 15px 40px;
    }
    .flow_homepage .faq_inner{
        row-gap: 30px;
    }
    .flow_homepage .accordion_heading {
        font-size: 16px;
        line-height: 1.4;
        padding: 14px 40px 14px 14px;
    }
    .flow_homepage .accordion_heading::before,
    .flow_homepage .accordion_heading::after {
        width: 12px;
        top: 25px;
        right: 14px;
    }
    .flow_homepage .accordion_heading.active {
        padding: 14px 40px 6px 14px;
    }
    .flow_homepage .accordion_text {
        padding: 0 40px 16px 14px;
    }
}