h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; padding: 0; margin: 0 0 2rem; line-height: 1.2; }
h1 { font-size: 5.4rem; font-weight: 700; color: #fe4574; text-align: center; }
h2 { font-size: 3rem; font-weight: 700; color: #fe4574; text-align: center; }
h2.h2stl1 { font-size: 4.3rem; }
h3 { font-size: 2.7rem; font-weight: 700; line-height: 1.4; }
h4 { font-size: 2.6rem; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 1.5rem; }
h5 { font-size: 2.4rem; font-weight: 700; text-transform: uppercase; color: #6a4fa9; }

h2.h2stly2 { font-size: 3.2rem; }
h2.h2stly3 { font-size: 4.3rem; }

p { padding: 0; margin: 0 0 2rem; position: relative; z-index: 50; }
a { text-decoration: none; }
img { width: 100%; height: auto; aspect-ratio: attr(width)/attr(height); object-fit: cover; }

ul.ulstl1 { list-style: none; padding: 0; margin: 0 0 2.5rem 4%; }
ul.ulstl1 li { padding: 0 0 0 40px; margin: 0 0 2rem 2.5%; background: url(https://mybodysolved.com/women-health-summit/images/check_ellp.webp) left 5px no-repeat; }
ul.ulstl1_b li { background-position-y: 2px; }

.center { text-align: center; }
.m-top-10 { margin-top: 10px; }
.m-top-15 { margin-top: 15px; }
.m-top-20 { margin-top: 20px; }
.m-top-25 { margin-top: 25px; }
.m-top-30 { margin-top: 30px; }
.m-btm-10 { margin-bottom: 10px; }
.m-btm-15 { margin-bottom: 15px; }
.m-btm-20 { margin-bottom: 20px; }
.m-btm-25 { margin-bottom: 25px; }
.m-btm-30 { margin-bottom: 30px; }
.weight300 { font-weight: 300; }
.weight400 { font-weight: 400; }
.weight500 { font-weight: 500; }
.weight600 { font-weight: 600; }
.weight700 { font-weight: 700; }
.weight800 { font-weight: 800; }
.weight900 { font-weight: 900; }
.pink { color: #fe4574; }
.purple { color: #6A4FA9; }

.wrapcont { max-width: 1060px; width: 90%; padding: 3% 0; margin-left: auto; margin-right: auto; }
.container { max-width: 1180px; width: 90%; margin: 0 auto; position: relative; }

.cta-button { display: flex; max-width: 650px; align-items:center; justify-content: center; margin: 4.5rem auto 2.5rem; position: relative; z-index: 20; }
.cta-button.btn_ext { max-width: 750px; }
.cta-button a { text-decoration: none; }
.cta-button:hover { transition: all .4s ease-in-out 0s; }
.cta-button .btn-1-hp { flex-grow: 1; position: relative; }
.arrow-left { flex-shrink: 0; }
.arrow-right { flex-shrink: 0; transform: scaleX(-1); }
.arrow span { display: inline-block; width: 25px; height: 25px; border-bottom: 5px solid #f74646; border-right: 5px solid #f74646; transform: rotate(-45deg); margin: -6px; animation: animate 2s infinite; position: relative; z-index: 10 }
.arrow { position: relative; z-index: -1; height: 25px; }
.arrow span:nth-child(2) { animation-delay: -0.2s; }
.arrow span:nth-child(3) { animation-delay: -0.4s; }
.btn-1 { flex-basis: 700px; flex-shrink: 1; flex-grow: 0; font-size: 2.25rem; font-weight: 700; color: #ffffff; text-align: center; line-height: 1.2; padding: 15px 20px; position: relative; cursor: pointer; background: linear-gradient(90deg, rgb(227 83 4) 0%, rgb(242 103 28) 100%); border-radius: 40px; box-shadow: 7px 3px 24px rgba(251, 203, 176, 0.21); transition: all 0.3s ease-in-out 0s; }
.btn-1::before { content: ''; border-radius: 50px; width: calc(100% + 20px); height: calc(100% + 20px); border: 6px solid rgb(248 124 55); box-shadow: 0 0 60px rgba(251, 203, 176, 0.21); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease-in-out 0s; }
.btn-1:hover::before, .btn-1:focus::before { color: #ffffff; opacity: 1; /*background: linear-gradient(90deg, rgb(252 114 38) 0%, rgb(248 131 66) 100%);*/ }
.btn-1::after { opacity: 0; content: ''; width: 30px; height: 30px; border-radius: 100%; /*border: 6px solid rgb(253 160 109);*/ border: 6px solid #f74646; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring 1.5s infinite; pointer-events: none; }
.btn-1:hover::after, .btn-1:focus::after { animation: none; display: none; }
.btn-1 br { display: none; }
@keyframes ring {
    0% { width: 30px; height: 30px; opacity: 0; }
    5% { opacity: 1; }
    95% { width: 300px; height: 300px; opacity: 0; }
    100% { width: 30px; height: 30px; }
}
@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(-45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(-45deg) translate(20px, 20px);
    }
}

.flex-3 { display: flex; gap: 2rem 5rem; margin-bottom: 7rem; }
.flex-3.reverse { flex-direction: row-reverse; }
.flex-3-content, .flex-3-img { flex: 500; }
.flex3_img { display: block; max-width: 493px; width: 100%; box-shadow: 0px 20px 29px 0px rgba(0, 0, 0, 0.19); }
.flex3_img.flex3_img_mob { display: none; margin: 0 auto 2rem; }

.hdstly1 { margin-bottom: 2rem; }
.hdstly1::after { content: ''; display: block; width: 94px; height: 4px; margin-top: 1.5rem; background: url(https://mybodysolved.com/women-health-summit/images/whspg1_separator2.webp) center bottom repeat-x; }
.center.hdstly1::after { margin-left: auto; margin-right: auto; }

.txtstl1 { display: inline-block; padding-right: 25px; background: url(https://mybodysolved.com/women-health-summit/images/whspg2_textbg.webp) left center no-repeat; background-size: 100% 100%;}

.tv { max-width: 806px; width: 100%; margin: 0 auto 30px; position: relative; z-index: 30; }
#video-wrap-1 { background: #000; }
.video-wrap.active { height: auto; }
.video-wrap { padding: 56.25% 0 0 0; margin-left: auto; margin-right: auto; position: relative; }
.video-wrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.pip-head-2 { display: none; }
.pip-down { width: 12px; padding: 4px 0 6px 5px; display: inline-block; vertical-align: middle; }
#pip-1.enabled .pip-head-2 { display: flex; align-items: center; color: #fff; }
#pip-1.enabled .pip-head-2 .drag-handle { flex-grow: 1; padding: 7px 0 5px; margin-right: 30px; font-size: 16px; cursor: grab; }
#pip-1.enabled .pip-head-2 .drag-handle:active { cursor: grabbing; }
#pip-1.enabled .pip-head-2 a:last-child { flex-basis: 20px; flex-shrink: 1; font-weight: bold; text-align: center; background: #a93030; cursor: pointer; color: #fff; text-decoration: none; padding: 0px 0 3px; line-height: 1; }
#pip-1.enabled > .pip-wrap { width: 450px; height: auto; margin: 0; background: #212121; display: flex; flex-direction: column; position: fixed; top: 20px; right: 20px; z-index: 999999; padding: 0 10px 10px; box-sizing: border-box; }
#pip-1.enabled > .pip-wrap > .pip-video { flex-grow: 1; position: relative; width: 100%; }
#pip-1.enabled #click-play { position: relative; }
#pip-1.enabled .click-play-img { width: 30%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#pip-1.enabled .click-text-1, #pip-1.enabled .click-text-2 { display: none; }
#pip-1 .pip-head-1 { display: none; width: 130px; padding: 5px 10px; background: #212121; text-align: center; position: fixed; top: 0; right: 0; background: #212121; z-index: 10; color: #fff; text-decoration: none; font-size: 16px; }


/* Click Play */
#play-toggle { position: absolute;  width: 100%; height: 100%;  top: 0; left: 0; z-index: 10; }
#click-play { background: rgb(0 0 0 / 60%); padding: 2%; height: 100%; width: 100%; color: #fff; display: flex; align-items: center; justify-content: center; text-transform: uppercase; text-align: center; }
.click-play-cta { cursor: pointer; }
.click-play-img { max-width: 240px; margin: 0 auto; }
.click-text-1 { display: block; font-size: 4rem; font-weight: 500; line-height: 1; font-family: "Gotham", Arial, Helvetica, sans-serif; }
.click-text-2 { display: block; color: #ff9b2d; font-weight: 900; font-size: 5rem; line-height: 1; font-family: "Gotham", Arial, Helvetica, sans-serif; }
.shadow-filter { filter: drop-shadow(2px 4px 3px #000); }

.click-play-circle-wrap { animation-timing-function: ease; transform: scale(1); transform-origin: center; }
#click-play svg { display: block; margin: -5%; }

.click-play-circle { fill: #fff; animation: fillPulse 10s infinite; }
.click-play-triangle { fill: #fff; }
.click-play-arrow { fill: #ff9b2d; animation: scalePulse 3s infinite; }

@keyframes fillPulse {
    0% { fill: #ffc789; }
    25% { fill: #fff; }
    75% { fill: #fff; }
    100% { fill: #ffc789; }
}


@keyframes scalePulse {
    0% { transform: scale(1); }
	70% { transform: scale(1); }
    82% { transform: scale(1.05); }
    85% { transform: scale(0.9); }
    95% { transform: scale(1.05); }
    100% { transform: scale(1); }
}


.sec1 { padding-bottom: 1px; background: #fe4574; background: linear-gradient(180deg, #fe4574 0%, #960e31 100%); }
.sec1_a { background: linear-gradient(180deg, #fe4574 0%, #960e31 100%); }
.sec1_b { background: #fe4574; }
.sec1_panel { max-width: 1500px; width: 100%; padding: 3.2% 4% 3%; margin: 0 auto -140px; position: relative; z-index: 55; background: #fbedf0 url(https://mybodysolved.com/women-health-summit/images/whspg2_sec1panelbg.webp) center top no-repeat; background-size: cover; }

.sec1 h1, .sec1 h2, .sec1 h3 { margin-bottom: 10px; }
.sec1 .wrapcont { padding-top: 25px; padding-bottom: 25px; }

.sec1 h1 { font-size: 3.3rem; font-weight: 600; color: #6A4FA9; margin-bottom: 2.5rem; }
.sec1 h2 { font-size: 2.7rem; font-weight: 600; color: #4d4d4d; margin-bottom: 4rem; }
.sec1 h3 { max-width: 880px; width: 100%; font-weight: 500; text-align: center; line-height: 1.2; margin: 0 auto 2rem;  }
.sec1grp { max-width: 780px; width: 100%; text-align: center; margin: 0 auto 2rem; }
.sec1grp p { margin-bottom: 4rem; }
.sec1 .btn-1 { text-transform: uppercase; }

.whspg1_image5 { display: block; max-width: 731px; width: 100%; margin: 0 auto; }
.divider { display: block; max-width: 451px; width: 58%; margin: 0 auto 2.5rem; }

.sec2 { padding-top: 180px; }
.sec2 .wrapcont { padding: 0; }

.sec3 .wrapcont { padding-top: 2rem; }

.sec4 { padding-bottom: 1px; position: relative; z-index: 54; background: linear-gradient(90deg, rgba(255, 225, 233, 1) 0%, rgba(255, 238, 242, 1) 24%, rgba(247, 236, 239, 1) 79%, rgba(255, 225, 233, 1) 100%); }
.sec4 { padding-bottom: calc(30px + 2.5%); }
.sec4 .wrapcont { padding-bottom: 20px; }
.sec4 h3 { margin-bottom: 3rem; }
.sec4_panel { max-width: 1130px; width: 90%; padding: 20px 4%; margin: 0 auto -9rem; position: relative; z-index: 55; background-color: #ffffff; border: #6a4fa9 solid 5px; }
h2.sec4_panel_hd { font-size: 3.3rem; font-weight: 600; color: #6a4fa9; position: relative; z-index: 54; }
.sec4 .cta-button { position: relative; z-index: 54; }

.progress_bar_top_labels { display: flex; font-size: 2.4rem; font-family: "Montserrat", sans-serif; font-weight: 600; color: #e5c363; justify-content: space-between; margin: 0 auto 10px; }
.progress_bar_top_labels span:last-child { font-weight: 700; color: #fcada1; }
.progress_bar_btm_labels { display: flex; font-size: 1.6rem; justify-content: space-between; margin: 0 auto 1.5rem; }
.progress_bar_btm_labels span:last-child { font-size: 2rem; font-weight: 900; color: #fcada1; text-transform: uppercase; }

.progress_bar { max-width: 1050px; width: 100%; height: 40px; margin: 0 auto 10px; position: relative; z-index: 56; background-color: #f1efea; }
.progress_bar span { height: 100%; font-size: 1.6rem; font-weight: 300; color: #ffffff; text-align: center; padding-top: 7px; background-color: #f7bfb7; }

.sec4bg2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; background: url(https://mybodysolved.com/women-health-summit/images/whspg2_sec4bg.webp) right bottom no-repeat; }

.wrapcols { display: flex; align-items: flex-start; gap: 3rem 5rem; margin: 0 auto 4rem; }
.wrapcols.reverse { flex-direction: row-reverse; margin-top: 5rem; }
.col_img { flex-basis: 397px; max-width: 397px; flex-grow: 0; flex-shrink: 1; }
.col_cont { flex-basis: 550px; flex-grow: 1; flex-shrink: 2; }
.col_img img { max-width: 397px; width: 100%; margin: auto; border: #ffffff solid 8px; border-radius: 15px; box-shadow: 0 3px 7px #cccccc; }
.whs_prof_img { display: none; max-width: 397px; width: 100%; margin: 0 auto 20px; border: #ffffff solid 8px; border-radius: 15px; box-shadow: 0 3px 7px #cccccc; }



@media (max-width: 1600px) {
    .sec4bg2 { opacity: 0.14; }
}

@media (max-width: 1100px) {
    .sec1 h1 br, .sec1 h2 br { display: none; }

    .wrapcols { display: block; }
    .col_img { display: none; }
    .whs_prof_img { display: block; }
}

@media (max-width: 900px) {
    .flex-3 { display: block; margin-bottom: 3.5%; }
    .flex-3-img { display: none; }
    .flex3_img.flex3_img_mob { display: block; }

    .flex-3 .hdstly1 { text-align: center; }
    .flex-3 .hdstly1::after { margin-left: auto; margin-right: auto; }
}

@media (max-width: 800px) {
    .cta-head-3 { font-size: 30px; }
    #pip-1.enabled > .pip-wrap { width: 260px; }
    
    .click-play-cta > div { transform: scale(0.8); }
    
    .sec1 .wrapcont { padding-top: 5px; }    
}

@media (max-width: 700px) {
    html { font-size: 9px; }

    .pagewrap h1 { font-size: 4.8rem; }
    .pagewrap h2 { font-size: 2.8rem; }
    .pagewrap h3 { font-size: 2.4rem; }
    .pagewrap h4 { font-size: 2.2rem; }
    
    .sec1 h1 { font-size: 3.2rem; }
    .sec1 h2 { font-size: 2.4rem; margin-bottom: 2.5rem; }
    .sec1grp p { margin-bottom: 2rem; }

    .cta-button { max-width: 450px; }
    .btn-1 { flex-basis: 370px; max-width: 370px; padding: 15px 40px; border-radius: 100px; }
    .btn-1::before { border-radius: 100px; }
    .btn-1 br { display: block; }
}

@media only screen and (max-width: 600px) {
    html { font-size: 8px; }

    .pagewrap h1 { font-size: 4.2rem; }
    .pagewrap h2 { font-size: 2.6rem; }
    .pagewrap h3 { font-size: 2.2rem; }
    .pagewrap h4 { font-size: 2rem; }

    h2.h2stl1 { font-size: 3.6rem; }
    .sec1 h1 { font-size: 3rem; }
    .sec1 h2 { font-size: 2.2rem; }

    .video-wrap { height: auto; }
    
    .click-play-cta > div { transform: scale(0.6); }

    .cta-button { width: 95%; }
    .btn-1 { font-size: 1.2em; }
    .arrow span { width: 20px; height: 20px; border-width: 3px; }
    .arrow { height: 20px; }
    @keyframes ring {
        0% { width: 30px; height: 30px; opacity: 0; }
        5% { opacity: 1; }
        95% { width: 200px; height: 200px; opacity: 0; }
        100% { width: 30px; height: 30px; }
    }
    @keyframes animate {
        0% {
            opacity: 0;
            transform: rotate(-45deg) translate(-5px, -5px);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            transform: rotate(-45deg) translate(20px, 20px);
        }
    }

    .progress_bar_top_labels { display: flex; font-size: 2rem; margin-bottom: 5px; }
    .progress_bar_btm_labels { font-size: 1.6rem; }
    .progress_bar_btm_labels span:last-child { font-size: 1.8rem; }
}

@media (max-width: 500px) {
    html { font-size: 7px; }
    .pagewrap h1 { font-size: 4rem; }
    .pagewrap h2 { font-size: 2.4rem; }
    .pagewrap h3 { font-size: 2rem; }
    .pagewrap h4 { font-size: 1.8rem; }
    
    .sec1 h1 { font-size: 2.8rem; }
    .sec1 h2 { font-size: 2rem; }
    h2.h2stl1 { font-size: 3.2rem; }
    
    .click-play-cta > div { transform: scale(0.5); }

    .cta-button { max-width: 300px; width: 90%; }
    .arrow span { width: 15px; height: 15px; }
    .arrow { height: 23px; }
    .btn-1 { padding: 10px 25px; }
}