@media only screen and (max-device-width: 600px) {
.hero_section::before {
    display:none;
}

.hero_section{
    background-image: url(../img/hero_mob.png);
    padding: 48px 0px;
background-color: var(--brand-cream-base, #FDFBF3);
margin-top: 72px;
    align-items: flex-start;
        min-height: 518px;

}

.hero_eyebrow{
    color: var(--brand-gold-base, #D98C21);
font-family: "Inter";
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 18px */
letter-spacing: 2.16px;
margin-bottom: 20px;
}



.hero_container {
    width: 100%;
    max-width: 327px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.hero_title ,.hero_title span{
    font-size: 30px;
}

.hero_description {
    margin: 20px 0 32px;
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
    text-align: left;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    max-width: 650px;
}

.desktop-break{
    display: none;
}


.hero_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
}


.hero_btn_primary {
    color: var(--brand-ink-base, #1A1814);
    background: #F3BD59;
    border: 1px solid #F3BD59;
    width: 100%;
    max-width: 100%;
}

.hero_btn_secondary {
    color: var(--brand-ink-base, #1A1814);
    background: transparent;
    border: 1px solid var(--base-03, #BDBDBD);
    max-width: 100%;
    width: 100%;
}


.why_us_section {
    position: relative;
    width: 100%;
    background-image: url(../img/hero_sec.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 64px 0px;
    margin-top: 0;
    z-index: 2;
}

.why_us_heading h2 , .why_us_heading h2 span  {
    font-size: 26px;
}

.why_us_features {
    display: flex;
    width: 100%;
    max-width: 327px;
    margin: 16px auto 0px;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}


.why_us_feature p {
    margin: 0;
    color: var(--base-02, #727272);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
}


.why_us_feature h3 {
    margin: 0 0 8px;
    color: var(--brand-ink-base, #1A1814);
    text-align: center;
    font-family: "DM Serif Display", serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.solutions_section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #FDFBF3;
    padding: 64px 0px;
    max-width: 100%;
        margin: 0px auto;
    
}


.topleft {
width: 97.059px;
    height: 110px;
        position: absolute;
    z-index: 2;
    bottom: -60px;
    left: -39px;
}

.toprgt{
    width: 97.059px;
    height: 110px;
        position: absolute;
    z-index: 2;
    bottom: -60px;
    right: -39px;
}

.positioning_container {
    width: 100%;
    margin: 0 auto;
    gap: 24px;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 327px;
}

.positioning_image{
    width: 327px;
height: 286px;
border-radius: 16px;

}

.positioning_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    max-width: 704px;
}

.positioning_content h2 ,.positioning_content h2 span{
        font-size: 26px;

}


.positioning_section {
    position: relative;
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 64px 0px 0px;
}

.positioning_content p{
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 158%; /* 25.28px */
}

.positioning_btn{
    padding: 12px 20px;
color: var(--brand-ink-base, #1A1814);
font-family: "Inter";
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 22.5px */
}

.how_it_works_icon{
   width: 40px;
height: 40px;  
}

.how_it_works_icon img{
    width: 40px;
height: 40px;
}


.positioning_hexagons {
    /* width: 375px; */
    margin-top: 64px;
    line-height: 0;
    pointer-events: none;
}

.positioning_hexagons img {
    display: block;
    width: 1353px;
    height: 100px;
    object-fit: contain;
}

.solutions_header {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0px 24px 32px;
    max-width: 327px;
}

.solutions_heading {
    width: 100%;
}

.solutions_intro {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    text-align: left;
}

.solutions_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 2.52px;
    margin-bottom: 16px;
}

.solutions_heading h2, .solutions_heading h2 span{
    font-size: 26px;
    color: var(--brand-ink-base, #1A1814);

}
.solutions_intro p {
    margin: 16px 0px 0px;
color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
font-family: "Inter";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 158%; /* 23.7px */
text-align: left;
}

.solutions_cards {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 24px;
}

.solutions_column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 327px;
    margin: auto;
}

.solutions_column_middle {
    padding-top: 0px;
}

.solution_card {
    width: 100%;
    min-height: 180px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;}


.solution_card h3 {
    margin: 0 0 8px;
    color: var(--brand-ink-base, #1A1814);
    font-family: "DM Serif Display", serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
}

.solution_icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solution_icon img {
    width: 40px;
    height: 40px;
    display: block;
    object-fit: contain;
}


.video_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero_video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.how_it_works_section {
    width: 100%;
    background: #ffffff;
    padding: 64px 0px;
}

.how_it_works_header {
    width: 100%;
    max-width: 327px;
    margin: 0 auto 32px;
    text-align: left;
}

.how_it_works_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    text-align: center;
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 2.52px;
    margin-bottom: 16px;
    text-align: left;
}

.how_it_works_header p{
        margin: 16px 0 0;
        color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
font-family: "Inter";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 158%; /* 23.7px */
}

.how_it_works_header h2 , .how_it_works_header h2 span{
color: var(--brand-ink-base, #1A1814);
font-family: "DM Serif Display";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 34.32px */
}


.how_it_works_cards {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    gap: 16px;
    flex-direction: column;
    max-width: 327px;
}

.how_it_works_card {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 12px;
    align-self: stretch;
    border-radius: 20px;
    border: 1px solid #EAE0C8;
    background: #FDFBF3;
}

.how_it_works_card h3 {
    margin: 0;
    color: #1A1814;
    font-family: "DM Serif Display", serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.how_it_works_card p {
    margin: 0;
    color: rgba(26, 24, 20, 0.72);
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 158%;
}

.cta_copy {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 327px;
}

.cta_copy h2 {
    margin: 0;
    color: #1A1814;
    text-align: center;
    font-family: "DM Serif Display", serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 122%;
}

.cta_copy p {
    max-width: 547px;
    margin: 24px 0 0;
    color: rgba(26, 24, 20, 0.72);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
}

.cta_buttons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 40px;
    flex-direction: column;
}

.cta_btn {
    width: 100%;
}



/* ABOUT US */

.main_hero{
    margin-top: 72px;
    background-image: url(../img/mob_hero.png);
    min-height: 450px;
}


.main_hero_content {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 327px;
align-items: flex-start;
}

.main_hero_eyebrow{
    color: #EDBB60;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
letter-spacing: 2.52px;
margin-bottom: 20px;
}


.main_hero_content h1{
    color: #FFF;
font-family: "DM Serif Display";
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 39px */
text-align: left;
}

.main_hero_content h1 span{
    color: #FFF;
font-family: "DM Serif Display";
font-size: 30px;
font-style: italic;
font-weight: 400;
line-height: 130%;
}


.main_hero_content p{
    color: #FDFBF3;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 158%; /* 25.28px */
margin: 20px 0px 0px;
text-align: left;
}

.main_hero_btn{
    width: 100%;
    margin-top: 20px;
}

.how_started_section {
    width: 100%;
    background: var(--base-white, #FFF);
    padding: 56px 0;
}


.how_started_container {
    width: 100%;
    margin: 0 auto;
    max-width: 327px;
}

.how_started_heading {
    border-left: 3px solid var(--brand-gold-base, #D98C21);
    padding-left: 20px;
}

.how_started_eyebrow {
    color: var(--brand-gold-base, #D98C21);
    font-family: "Inter";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 2.52px;
    margin-bottom: 12px;
}

.how_started_heading h2{
    color: var(--brand-ink-base, #1A1814);
font-family: "DM Serif Display";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 34.32px */
}

.how_started_heading h2 span{
    font-size: 26px;

}

.how_started_content {
    display: flex;
    width: 100%;
    margin-top: 24px;
    gap: 24px;
    flex-direction: column;
}

.how_started_column p{
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 158%; /* 25.28px */
}

.specialists_section{
    background: var(--brand-cream-base, #FDFBF3);
    padding: 56px 0px;

}


.specialists_heading {
    width: 100%;
    padding-right: 0px;
}

.specialists_header {
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin: 0px auto 8px;
    flex-direction: column;
    max-width: 327px;
}

.specialists_intro {
    width: 100%;
}

.specialists_heading h2{
/* heading / h4 */
font-family: "DM Serif Display";
font-size: 26px;
font-weight: 400;
line-height: 132%;
margin-bottom: 24px;
}

.specialists_intro p{
    /* color: var(--brand-cream-base, #FDFBF3); */
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 158%; /* 25.28px */
}


.specialists_row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    margin: 24px auto 0px;
    max-width: 327px;
}

.specialists_row_reverse {
    flex-direction: column;
    padding: 8px 0px;
}

.specialists_image{
    display: flex;
width: 327px;
height: 181px;
flex-direction: column;
align-items: flex-start;
aspect-ratio: 327/181;
}

.specialists_icon img{
    width: 40px;
height: 40px;
}

.specialists_icon{
      width: 40px;
height: 40px;
}

.specialists_copy {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

.specialists_copy h3{
    color: var(--brand-ink-base, #1A1814);
font-family: "DM Serif Display";
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 22.1px */
}

.specialists_copy p{
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
font-family: "Inter";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 158%; /* 23.7px */
}


.faq_cta_section {
    width: 100%;
    background: var(--base-white, #FFF);
    overflow: hidden;
    padding: 64px 0px;
}

.faq_cta_container{
    display: flex;
width: 327px;
margin: 0px auto;
flex-direction: column-reverse;
align-items: flex-start;
gap: 24px;
}

.faq_cta_image{
    display: flex;
width: 327px;
height: 286px;
flex-direction: column;
align-items: flex-start;
}


.faq_cta_eyebrow{
    margin-bottom: 16px;
}

.faq_cta_content h2{
    color: var(--brand-ink-base, #1A1814);
font-family: "DM Serif Display";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 34.32px */
}

.faq_cta_content h2 span{
    font-size: 26px;

}

.faq_cta_content p{
    color: var(--brand-ink-72, rgba(26, 24, 20, 0.72));
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 158%; /* 25.28px */
margin: 16px 0px 0px ;
}


.faq_cta_buttons {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    flex-direction: column;
    width: 100%;
}

.faq_btn{
    width: 100%;
}






















}

@media only screen and (min-device-width: 950px) and (max-device-width: 998px) {}


@media only screen and (min-device-width: 1000px) and (max-device-width: 1199px) {}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {
    
}

@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1370px !important;
    }

}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1699px) {}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1799px) {}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {}

@media only screen and (min-device-width: 1920px) and (max-device-width: 1920px) {
}