/*
Theme Name: REIGN Child
Theme URI: https://wbcomdesigns.com/downloads/reign-buddypress-theme/
Author: Wbcom Designs
Author URI: https://wbcomdesigns.com/
Description: Premium BuddyPress Theme with Elementor Page Builder support.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: reign-child
Template: reign-theme
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, featured-images, post-formats, full-width-template, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo
*/


/*=================== Life Scoreboard ===================*/

.page-id-8747.elementor-page div#content {
    padding-top: 0 !important;
}

.page-template-life-scoreboard div#content.site-content .wb-grid {
    display: block;
}

section.life-scoreboard {
    text-align: center;
    width: 100%;
}

.title-score.life-tilte {
    font-size: 30px;
    font-family: "Changa One", sans-serif;
    font-weight: 400;
    color: #000;
}

.title-score.life-tilte .life-pink {
    text-transform: uppercase;
    font-size: 45px;
    letter-spacing: 2px;
    color: #ec0080;
    font-weight: 400;
    display: block;
}

h2.score-cunt {
    color: #89bc46;
    font-size: 80px;
    font-family: Changa One;
    line-height: 1;
    font-weight: normal;
    margin: 0 0 10px;
}

.scoreboard h5 {
    font-size: 22px;
    margin-bottom: 0;
    font-family: Comfortaa, cursive;
    line-height: 1.3;
    font-weight: normal;
    color: #000;
}

.life-scoreboard-presentation {
    overflow: hidden;
    padding: 0;
}

.display-flex {
    display: flex;
    flex-wrap: wrap;
    max-width: 85%;
    margin: 0 auto;
}

.col-black-score {
    color: #000;
    text-align: center;
    flex: 0 0 auto;
    width: 33.33333333%;
}

.community-score {
    font-size: 50px;
    font-family: Changa One;
    line-height: 1;
    margin: 0 0 8px;
    font-weight: 400;
    color: #000;
}

.col-black-score p {
    font-size: 15px;
    font-family: Comfortaa, cursive;
    line-height: 25px;
    color: #000;
}

.life-scoreboard-presentation h2.community-score,
.col-black-score p {
    color: #fff;
}

.scoreboard-list ul.scoreboard-list-inner {
    margin: 0;
    padding: 0;
    column-count: 3;
}

.scoreboard-list ul.scoreboard-list-inner li {
    width: 100%;
    text-align: left;
    display: flex;
    font-family: Comfortaa, cursive;
    font-size: 16px;
    justify-content: space-between;
    padding: 12px;
    color: #000;
}

#lifethird {
    overflow: hidden;
    width: 100%;
    color: #000;
    text-align: center;
}

.community-scoreboard-inner strong {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    display: block;
    font-family: Comfortaa, cursive;
    color: #000;
}

.community-score-block {
    padding: 40px 0 25px;
    display: flex;
    flex-wrap: wrap;
    max-width: 700px;
    margin: 0 auto;
}

.community-block {
    width: 50%;
    text-align: center;
}


/*=================== End Life Scoreboard ===================*/


/*=================== Scoreboard ===================*/

.page-template-our-survey header#masthead,
.page-template-our-survey footer[itemscope="itemscope"] {
    display: none !important;
}

.page-template-our-survey-php div#content {
    padding: 0;
}

.scoreboard_head_logo {
    z-index: 99;
    position: absolute;
    left: 50px;
    padding: 1.2em;
}

.scoreboard_head_logo img {
    height: 85px;
}

.page-template-our-survey div#content .container {
    max-width: 100%;
}

.page-template-our-survey div#content .wb-grid {
    display: block;
}

.page-template-our-survey form.frontend-form,
.page-template-our-survey .acf-field.acf-field-form-step.acf-field-656576637ce81-step-wrapper {
    padding: 0;
    display: block;
}

.page-template-our-survey .frontend-admin-steps.frontend-admin-tabs-view-horizontal {
    background: #f5b6c9;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="1"] {
    padding: 6em 0;
    min-height: 100vh;
    height: auto;
    background: #f5b6c9;
    flex-direction: column;
    justify-content: center;
}

.acf-field.acf-field-group.acf-field-65029ebcc63d9,
div#last-step,
div#thank-you,
.frontend-admin-steps .acf-fields[data-step="1"] .fea-submit-buttons,
.frontend-admin-steps.frontend-admin-tabs-view-horizontal .acf-fields .fea-submit-buttons {
    max-width: 900px;
    margin: 0 auto;
    z-index: 999;
    position: relative;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="2"],
.page-template-our-survey form.frontend-form .acf-fields[data-step="3"] {
    min-height: 100vh;
    height: auto;
    background: #D3E09A;
    flex-direction: column;
    justify-content: center;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="3"] {
    padding: 6em 0;
    min-height: 100vh;
    height: auto;
    background: transparent;
}

.acf-fields[data-step="3"] button.prev-button.change-step.button {
    display: none;
}

.frontend-form .acf-fields[data-step="3"] .acf-field {
    margin: 8px 0;
}


/*Submit Form Setup*/

.frontend-admin-tabs-wrapper.frontend-admin-hidden-phone {
    display: none !important;
}

.acf-label label,
.acf-field p.description {
    font-size: 18px;
    line-height: 1.5;
    font-family: 'Public Sans';
    color: #000 !important;
}

.acf-field .acf-label label {
    font-weight: 300 !important;
}
.frontend-admin-steps .acf-fields[data-step="2"]{
    padding: 0% 46% 0% 0%;
    background: url(https://pp.thevegancommunity.com/wp-content/uploads/2024/08/full-bg.jpg);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border:1px solid #D9D9D9;
        position: relative;
}
.frontend-admin-steps .acf-fields[data-step="2"] .acf-field#thank-you{
    padding: 64px 64px 0 64px;
    background: white;
}
.frontend-admin-steps .acf-fields[data-step="2"] .acf-field#register-links{
    background: white;
    padding: 64px;
}
.acf-field.acf-field-taxonomy {
    padding: 0 !important;
}

.acf-field.acf-field-group .acf-label label[for="acff-post-field_65029ebcc63d9"],
#last-step label[for="acff-post-field_6502a400e2673"] {
    font-size: 14px;
    line-height: 22px;
    font-family: 'Public Sans';
    color: #000 !important;
}

.acf-field.acf-field-group .acf-label label[for="acff-post-field_65029ebcc63d9"] {
    text-align: center;
}

.frontend-form .acf-field-group .acf-fields.-top.-border {
    border: none;
    background: transparent;
}

#select_all_option .acf-label {
    display: none;
}

#select_all_option ul.acf-checkbox-list {
    margin-top: 30px;
}

#select_all_option ul.acf-checkbox-list li span:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    content: "";
    width: 20px;
    border: 1px solid #000;
    margin-top: 2px;
}

#select_all_option ul.acf-checkbox-list li span:after {
    left: 6px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

#select_all_option ul.acf-checkbox-list li span {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    font-family: Comfortaa, cursive;
    color: #000 !important;
    padding-left: 30px;
    position: relative;
    display: flex;
}

#select_all_option ul.acf-checkbox-list li input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 20px;
    height: 20px;
}

#select_all_option ul.acf-checkbox-list li input[type=checkbox]:checked~span:before {
    background-color: #ec0080;
    border: #ec0080;
}

#select_all_option ul.acf-checkbox-list li input[type=checkbox]:checked~span:after {
    display: block
}

.acf-taxonomy-field .categorychecklist-holder {
    border: none !important;
    border-radius: 0 !important;
    max-height: 100% !important;
}

.acf-taxonomy-field .acf-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    border: none !important;
    padding: 0 0px 10px !important;
}

.acf-taxonomy-field ul.acf-checkbox-list li {
    width: 50%;
    margin: 3px 0 !important;
    padding-left: 30px;
}

.acf-taxonomy-field ul.acf-checkbox-list li label {
    cursor: pointer;
}

.acf-taxonomy-field ul.acf-checkbox-list li span {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    font-family: Comfortaa, cursive;
    color: #000 !important;
}

.acf-taxonomy-field ul.acf-checkbox-list li input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.acf-taxonomy-field ul.acf-checkbox-list li span:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    content: "";
    width: 20px;
    border: 1px solid #000;
    margin-top: 2px;
}

.acf-taxonomy-field ul.acf-checkbox-list li input[type=checkbox]:checked~span:before {
    background-color: #ec0080;
    border: #ec0080;
}

.acf-taxonomy-field ul.acf-checkbox-list li span:after {
    content: "";
    position: absolute;
    display: none;
}

.acf-taxonomy-field ul.acf-checkbox-list li input[type=checkbox]:checked~span:after {
    display: block;
}

.acf-taxonomy-field ul.acf-checkbox-list li span:after {
    left: 6px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.acf-field.acf-field-group .acf-field {
    padding: 10px 20px;
}

.frontend-admin-steps .acf-field input[type=text],
.frontend-admin-steps .acf-field input[type=date],
.frontend-admin-steps .acf-field input[type=email],
.frontend-admin-steps .acf-field input[type=number],
.frontend-admin-steps .acf-field input[type=tel],
.frontend-admin-steps .acf-field input[type=url],
.frontend-admin-steps .acf-field input[type=date],
.frontend-admin-steps .acf-field select,
.frontend-admin-steps .acf-field textarea,
.frontend-admin-steps .acf-date-picker.acf-input-wrap input.input.hasDatepicker {
    padding: 10px;
    margin: 0;
    height: 45px;
    border-radius: 0 !important;
    border-color: #D9D9D9;
    background: #fff !important;
    font-size: 14px !important;
    color: #818181;
    font-family: 'Public Sans' !important;
    font-weight: 400;
    line-height: 22px !important;
}

.fea-submit-buttons button.change-step.button,
#register-links a {
    padding: 20px 35px 18px!important;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: Comfortaa;
    letter-spacing: 1px;
    border-radius: 15px!important;
    font-size: 13px;
    font-weight: 600;
    height: auto;
    line-height: 1!important;
}

.acf-field.acf-field-text[data-name="others"] label {
    font-weight: bold !important;
}

form.frontend-form.-submit .frontend-admin-steps .select2-container--default .select2-selection--multiple {
    background-color: #f5b6c9 !important;
    border: 1px solid #000 !important;
    border-radius: 0;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
}

form.frontend-form.-submit .frontend-admin-steps .select2-container.-acf .select2-selection--multiple .select2-selection__choice {
    border-radius: 0;
    background-color: #ec0080;
    border: none !important;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-top: 6px;
    font-size: 13px;
}

form.frontend-form.-submit .frontend-admin-steps .select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #000;
    background: transparent !important;
}

form.frontend-form.-submit .frontend-admin-steps .select2-container.-acf .select2-selection--multiple .select2-search__field {
    height: auto;
}


ul.acf-radio-list:focus-within,
ul.acf-checkbox-list:focus-within {
    border: none !important;
}

.acf-fields[data-step="1"] .fea-submit-buttons button.change-step.button {
    font-size: 0;

}

.acf-fields[data-step="1"] .fea-submit-buttons button.change-step.button:before {
    content: "Submit";
    color: #fff;
    font-size: 17px;
}

.frontend-admin-steps .acf-fields[data-step="2"] div:nth-child(3){
    width: 100%;
    position: relative;
    background: white;
    padding: 0 64px 64px;
}

#thank-you .acf-input p {
    padding-bottom: 12px;
}

div#already_healthy {
    margin-bottom: 10px;
    display: none;
}

div#already_healthy .acf-label label {
    display: none;
}

div#already_healthy ul.acf-checkbox-list.acf-bl label {
    font-size: 16px;
    line-height: 1;
    font-family: Comfortaa, cursive;
    color: #000 !important;
    font-weight: 600 !important;
    margin-bottom: 15px;
    cursor: pointer;
}

div#already_healthy ul.acf-checkbox-list li span {
    position: relative;
    padding-left: 30px;
    padding-top: 3px;
}

div#already_healthy ul.acf-checkbox-list li span:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    content: "";
    width: 20px;
    border: 1px solid #000;
    margin-top: 2px;
}

div#already_healthy ul.acf-checkbox-list li input[type=checkbox]:checked~span:before {
    background-color: #ec0080;
    border: #ec0080;
}

div#already_healthy ul.acf-checkbox-list li span:after {
    left: 6px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    content: "";
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    position: absolute;
    display: none;
}

div#already_healthy ul.acf-checkbox-list li input[type=checkbox]:checked~span:after {
    display: block;
}

div#already_healthy ul.acf-checkbox-list li input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#last-step .acf-field .acf-label {
    display: none;
}

#last-step .acf-field {
    padding: 8px;
    width: 50%;
}

#last-step .acf-fields.-top.-border {
    margin: 0 -8px;
}

#last-step .acf-field.acf-field-checkbox {
    width: 100%;
}

#last-step .acf-field.acf-field-checkbox ul li label {
    font-size: 14px;
    line-height: 1.5;
    font-family: Comfortaa, cursive;
    color: #000 !important;
}

.acf-fields[data-step="2"] button.button {
    margin-right: 25px;
    margin-left: 0 !important;
}

#last-step ul.acf-checkbox-list li input[type=checkbox] {
    width: 21px;
    height: 21px;
}

.acf-fields[data-step="2"] button.prev-button.change-step.button,
.acf-fields[data-step="2"] button.change-step.button:hover {
    background: #fff;
    color: #000;
}

.acf-fields[data-step="2"] button.prev-button.change-step.button:hover {
    background: #000;
    color: #fff;
}

#last-step ul.acf-checkbox-list.acf-bl {
    margin: 15px 0;
}

#last-step p.description {
    font-weight: 600;
    line-height: 1;
    padding-top: 20px !important;
    display: block;
}

#thank-you .acf-label label[for="acff-post-field_656577870e664"],
.acf-fields[data-step="3"] .acf-field.acf-field-message label[for="acff-post-field_656577cc0e666"] {
    font-family: "Changa One", sans-serif;
    font-size: 45px;
    line-height: 1.5;
}

#thank-you .acf-input p {
    font-family: Comfortaa, cursive;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}

.acf-fields[data-step="3"] {
    padding-bottom: 5em;
}

.acf-fields[data-step="3"] .fea-submit-buttons button.change-step.button {
    margin: 0 15px;
}

.acf-fields[data-step="3"] .fea-submit-buttons button.change-step.button:hover {
    background: #fff;
    color: #000;
}

.acf-fields[data-step="3"] .acf-field.acf-field-message.acf-field-656577cc0e666 .acf-input {
    font-size: 16px;
    line-height: 1;
    font-family: Comfortaa, cursive;
    color: #000;
}

.acf-fields[data-step="3"] textarea#acff-post-field_65016c9d9baa1 {
    height: 180px;
}

.frontend-form .acf-fields[data-step="3"] .acf-field {
    padding-top: 0;
}
.frontend-admin-steps .acf-fields[data-step="3"]{
        background: #F6F6F6;
}

.acf-fields[data-step="3"] .acf-field .acf-label label {
        font-size: 14px;
    line-height: 22px;
    font-family: 'Public Sans';
    color: #000 !important;
    font-weight: 400 !important;
}

.acf-fields[data-step="3"] ul.acf-radio-list.acf-bl {
    display: flex;
    border: none !important;
}

.acf-fields[data-step="3"] ul.acf-radio-list li {
    font-size: 15px;
    font-weight: 500;
    margin-right: 25px;
    font-family: Comfortaa, cursive;
    color: #000 !important;
}

.acf-fields[data-step="3"] .acf-field.acf-field-message label[for="acff-post-field_65030bbaf73e3"] {
    font-weight: 400 !important;
}

.acf-fields[data-step="3"] .acf-field-upload-image .acf-input a.acf-button.button,
.acf-field-upload-image.image-field .acf-button.button {
    background: #000;
    color: #fff;
    border-radius: 12px;
    padding: 14px 30px 10px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    font-family: Comfortaa;
}

.acf-fields[data-step="3"] .acf-field.acf-field-upload-image.image-field[data-name="after_picture"] {
    border-color: #00000014 !important;
}

.acf-fields[data-step="3"] .acf-field.acf-field-upload-image .acf-image-uploader .image-wrap img {
    border-radius: 15px;
}

.acf-fields[data-step="3"] ul.acf-radio-list.acf-bl label {
    cursor: pointer;
    font-weight: 400;
}

.acf-fields[data-step="3"] ul.acf-radio-list li input[type=radio] {
    width: 20px;
    height: 20px;
}

.acf-fields[data-step="3"] .fea-submit-buttons button.change-step.button {
    margin-left: 15px;
    margin-top: 10px;
}

.acf-fields[data-step="3"] .acf-field-checkbox ul.acf-checkbox-list {
    display: flex;
    flex-wrap: wrap;
}

.acf-fields[data-step="3"] ul.acf-checkbox-list li {
    width: 50%;
    margin: 3px 0 !important;
}

.acf-fields ul.acf-checkbox-list li label {
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    font-family: Comfortaa, cursive;
    color: #000 !important;
}

.acf-fields ul.acf-checkbox-list li input[type=checkbox] {
    width: 20px;
    height: 20px;
}

.frontend-form .acf-fields[data-step="3"] .acf-field.acf-field-checkbox.acf-field-6502962c7c5fc {
    padding-top: 10px;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="2"] {
    max-width: 900px;
    margin: 0 auto;
    position: unset;
    justify-content: center;
    z-index: 999;
    display: block;
    padding-top: 10em;
}

.page-template-our-survey form.frontend-form .acf-field {
    border: none !important;
    padding: 0;
}

.page-template-our-survey label[for="acff-post-field_65029ebcc63d9-field_65bca0afb1a26"] {
    font-size: 22px;
    font-family: "Changa One", sans-serif;
    line-height: 1.1;
    margin: 0 !important;
    text-align: center;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="2"]:after {
    content: "";
    position: absolute;
    background: #89BC46;
    left: 0;
    top: 0;
    display: inline;
    height: 500vh;
    width: 100%;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="2"] div#last-step .acf-label {
    display: block;
    width: 100%;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="2"] .acf-field,
.page-template-our-survey form.frontend-form .acf-fields[data-step="2"] div#last-step {
    z-index: 9;
    padding: 12px;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="2"] div#last-step {
    padding-bottom: 0;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="2"] .acf-field.acf-field-checkbox.acf-field-6502bf0a5c8ec {
    margin: 15px 0;
}

form.frontend-form .acf-fields[data-step="2"] .acf-field[data-width] {
    float: left !important;
}

form.frontend-form ul.acf-radio-list,
form.frontend-form ul.acf-checkbox-list {
    border: none !important;
}

form.frontend-form .acf-fields[data-step="3"] ul.acf-checkbox-list li input[type=checkbox],
form.frontend-form .acf-fields[data-step="2"] ul.acf-checkbox-list li input[type=checkbox] {
    appearance: none;
    border: 1px solid #000;
}

form.frontend-form .acf-fields[data-step="3"] ul.acf-checkbox-list li input[type=checkbox]::before,
form.frontend-form .acf-fields[data-step="2"] ul.acf-checkbox-list li input[type=checkbox]::before {
    content: "";
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #fff;
    display: block;
    position: absolute;
    left: 3px;
    top: 6px;
    width: 14px;
    height: 12px;
}

form.frontend-form .acf-fields[data-step="3"] ul.acf-checkbox-list li input[type=checkbox]:checked::before,
form.frontend-form .acf-fields[data-step="2"] ul.acf-checkbox-list li input[type=checkbox]:checked::before {
    transform: scale(1);
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.acf-fields[data-step="2"] ul.acf-checkbox-list li input[type=checkbox]:checked,
.acf-fields[data-step="3"] ul.acf-checkbox-list li input[type=checkbox]:checked {
    background: #ec0080;
    border-color: #ec0080 !important;
}

.page-template-our-survey .acf-notice.-error.acf-error-message.-dismiss {
    display: none;
}

.acf-fields[data-step="2"] .acf-field.acf-field-related-terms.acf-field-6501655ba16e0.is-required span.select2-selection {
    border-color: #000;
    height: 45px;
    border-radius: 0;
    background-color: transparent;
    font-size: 16px;
}

.acf-fields[data-step="2"] .acf-field.acf-field-related-terms .select2-container--default .select2-selection--single .select2-selection__placeholder,
.acf-fields[data-step="2"] .acf-field.acf-field-related-terms span.acf-selection {
    color: #000;
    font-family: Comfortaa, cursive;
}

.acf-fields[data-step="2"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    padding: 0 20px 0 12px;
}

.acf-fields[data-step="2"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}

.acf-fields[data-step="2"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
}

.page-template-our-survey .select2-container--default .select2-results__option--highlighted[aria-selected],
.page-template-our-survey .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #F5B6CA;
    color: #000;
}

.page-template-our-survey .select2-container--default .select2-results__options {
    font-family: Comfortaa, cursive;
    font-weight: 600;
}

.page-template-our-survey .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #333;
    border-radius: 0 !important;
}

.page-template-our-survey .select2-dropdown {
    border: 1px solid #333 !important;
    border-radius: 0 !important;
}

.page-template-our-survey .ui-datepicker {
    width: 22em !important;
}

.page-template-our-survey .ui-datepicker-buttonpane.ui-widget-content {
    display: none !important;
}

.page-template-our-survey .ui-datepicker .ui-datepicker-title {
    gap: 10px;
    display: flex;
    justify-content: center;
}

.page-template-our-survey .acf-ui-datepicker .ui-datepicker .ui-widget-header a {
    top: 10px;
}

.page-template-our-survey .acf-ui-datepicker .ui-state-active,
.page-template-our-survey .acf-ui-datepicker .ui-widget-content .ui-state-active,
.page-template-our-survey .acf-ui-datepicker .ui-widget-header .ui-state-active {
    border-color: #E91E63 !important;
    background: #E91E63 !important;
}

.page-template-our-survey .acf-ui-datepicker .ui-state-hover,
.page-template-our-survey .ui-widget-content .ui-state-hover,
.page-template-our-survey .acf-ui-datepicker .ui-widget-header .ui-state-hover,
.page-template-our-survey .acf-ui-datepicker .ui-state-focus,
.page-template-our-survey .acf-ui-datepicker .ui-widget-content .ui-state-focus,
.page-template-our-survey .acf-ui-datepicker .ui-widget-header .ui-state-focus {
    border-color: #E91E63 !important;
    background: #E91E63 !important;
}

.page-template-our-survey .acf-ui-datepicker .ui-state-default,
.page-template-our-survey .acf-ui-datepicker .ui-widget-content .ui-state-default,
.page-template-our-survey .acf-ui-datepicker .ui-widget-header .ui-state-default {
    line-height: 25px !important;
    text-align: center !important;
}

.frontend-admin-steps .acf-field textarea {
    resize: vertical;
    line-height: 1.4;
    height: 42px;
}

.frontend-form .acf-fields[data-step="3"] .acf-field .acf-oembed {
    border-color: #D9D9D9;
    background: transparent !important;
}

.frontend-form .acf-fields[data-step="3"] .acf-field .acf-oembed .canvas {
    min-height: auto;
    background: transparent;
}

.frontend-form .acf-fields[data-step="3"] .acf-oembed .title {
    padding: 0;
    border: none;
}

.frontend-form .acf-oembed .canvas .acf-icon.-picture {
    display: none;
}

.frontend-form .acf-fields[data-step="3"] .acf-field.acf-field-related-terms .acf-checkbox-list {
    padding: 0;
    column-count: inherit;
    display: flex;
    flex-wrap: wrap;
}

.frontend-form .acf-fields[data-step="3"] .acf-field.acf-field-related-terms .categorychecklist-holder {
    border: none;
}

#questions-subheading {
    padding: 0;
}

#questions-subheading label {
    font-size: 22px;
    font-family: "Changa One", sans-serif;
    line-height: 1.1;
    margin: 0 0 -18px;
}

.acf-field.acf-field-taxonomy[data-name="what_conditions"] .acf-label label {
    display: none !important;
}

.page-template-our-survey form.frontend-form .acf-fields[data-step="3"] .acf-input p.description {
    margin: -8px 0 12px;
    font-size: 14px;
}

div#last-step {
    padding: 25px 0 8px;
}

#last-step label[for="acff-post-field_6502a400e2673"] {
    font-size: 22px;
    line-height: 26px;
    font-family: 'Public Sans';
    color: #000 !important;
    font-weight: 700 !important;
}

.wbcom_all_wrapp_field {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-around;
}

.page-template-our-survey form.frontend-form .wbcom_all_wrapp_field .acf-field {
    margin: 0;
    width: 49% !important;
    min-height: auto !important;
    padding: 0 !important;
}

.page-template-our-survey form.frontend-form .wbcom_all_wrapp_field .acf-field.acf-field-checkbox.acf-field-6502bf0a5c8ec.wrapp_field {
    width: 100% !important;
    margin-bottom: 20px;
}

.page-template-our-survey form.frontend-form .wbcom_all_wrapp_field .acf-field.acf-field-checkbox.acf-field-6502bf0a5c8ec.wrapp_field label[for="acff-post-field_6502bf0a5c8ec"] {
    display: none;
}


/*=================== Success Stories ===================*/

body.page-template-success-stories {
    background: #fff;
}

.page-template-success-stories div#content {
    padding-top: 0;
    padding-bottom: 80px;
}

.page-template-success-stories div#content .container,
.page-template-success-stories .success-stories-wrapp {
    max-width: 100%;
    padding: 0;
}

.page-template-success-stories div#content .wb-grid {
    margin: 0;
}

.container-inner {
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
}

.Share-follower-section {
    text-align: center;
    margin-top: 0;
}

.Share-follower-section p {
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
    font-family: "Comfortaa", Sans-serif
}

.Share-follower-section .social-follow-section p {
    margin-bottom: 10px;
    color: #fff;
}

.Share-follower-section .social-follow-section p strong {
    font-weight: normal;
    font-size: 20px;
}

.social-follow-section h2 {
    text-align: center;
    color: #fff;
    font-family: Changa One, cursive;
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 25px;
    font-weight: 400;
}

.social-follow-section h4 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: Changa One, cursive;
}

.social-share-icon {
    display: flex;
    padding: 10px 0 0;
}

.social-share-icon h2 {
    margin: 0;
    line-height: 1;
    margin-right: 25px;
}

.social-share-icon a {
    margin-right: 10px;
    font-size: 20px;
    color: #000;
    text-align: center;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 10px;
    line-height: 40px;
    transition: all 0.3s;
}

.social-share-icon a:hover {
    color: #fff;
    background: #ec0080;
}

.social-follow-section {
    margin-bottom: 30px;
    padding: 100px 0;
    background: url(images/we-did-diversity-images.jpg);
    background-size: cover;
}

.stories-title-section {
    margin-bottom: 30px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stories-title-section h1 {
    font-size: 38px;
    color: #f80169;
    font-weight: 400;
    margin: 0 0 3px;
    line-height: 1;
    font-family: Changa One, cursive;
}

.stories-count-section p {
    font-size: 15px;
}

a.share-btn {
    padding: 13px 35px;
    display: inline-block;
    color: #fff;
    background: #94bb30;
    font-weight: 600;
    font-size: 15px;
    font-family: "Comfortaa", Sans-serif;
    border-radius: 12px;
}

.new-filter-btn {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.new-filter-btn a.filter-btn {
    padding: 14px 30px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    background: #EC0080;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Comfortaa", Sans-serif;
    border-radius: 12px;
    transition: all 0.3s;
}

.new-filter-btn a.filter-btn:hover {
    background: #94bb30;
}

.tooltip-btn {
    position: relative;
    display: inline-block;
}

.tooltip-btn .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #222;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 8px;
    position: absolute;
    text-transform: none;
    z-index: 1;
    bottom: 125%;
    left: 10%;
    margin-left: -150px;
    opacity: 0;
    transition: opacity 0.3s;
    letter-spacing: 0.5px;
    font-weight: normal;
}

.tooltip-btn .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #222 transparent transparent transparent;
}

.tooltip-btn:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

body.page-template-success-stories #masthead {
    box-shadow: none;
}

.success-stories-count {
    text-align: center;
    color: #000000;
    font-family: 'Public Sans';
    font-size: 26px;
    font-weight: 400;
}

section.success-stories-list {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.success-wb-post-listing {
    width: 72%;
    margin-left: 30px;
}
.right-col-header{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.masonry.wb-post-listing {
    column-gap: 1.2em;
    column-count: 3;
}

.stories-sidebar-content {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    max-width: 28%;
}

.masonry-view.stories-post {
    margin-bottom: 15px;
    position: relative;
}
.open-post-link{
    position:absolute;
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    cursor:pointer;
}

.wb-post-listing .stories-post {
    background-color: #fff !important;
    border-radius: 0px;
    border: 1px solid #000;
    overflow: hidden;
    transition: .3s ease;
    padding: 30px;
    transition:all 0.3s ease-in-out;
}
.wb-post-listing .stories-post:hover{
    transform: translate(-8px, 8px);
}
/* .wb-post-listing .stories-post:nth-child(3n+1) {
    background-color: #f8dea9!important;
}

.wb-post-listing .stories-post:nth-child(odd) {
    background-color: #f5b6ca!important;
} */
.wb-post-listing .storiescontent{
    height: 4em;
    overflow: hidden;
}
.wb-post-listing .storiescontent p {
    color: #000;
    font-family: 'Public Sans';
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    height: 4em;
}

.wb-post-listing .storiescontent {
    /* margin: 0 0 15px; */
    display: block;
}

.wb-post-listing .storiescontent {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.wb-post-listing .storiescontent.show-more-height {
    -webkit-line-clamp: unset;
    line-clamp: unset;
}

.storiescontent.show-more-height p {
    margin: 0;
}

.show-more a.click-button {
    background: #716b6b36;
    font-weight: bold;
    color: #000!important;
    font-family: Comfortaa, cursive;
    padding: 10px 20px;
    border-radius: 8px;
    line-height: 1.1;
    display: inline-block;
    margin-bottom: 5px;
    cursor: pointer;
}

.img-after-before {
    /* display: flex;
    gap: 5px;
    justify-content: center; */
    margin-bottom: 30px;
}

.img-after-before div {
    width: 100%;
}

.img-after-before img {
    /*    height: 250px;*/
    object-fit: cover;
    border-radius: 0px;
    width: 100%;
    height:180px;
    object-position: top;
}

.stories-videos {
    margin-bottom: 15px;
}

.stories-videos .fluid-width-video-wrapper iframe {
    border-radius: 12px;
    overflow: hidden;
}

.stories-videos iframe {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.stories-user-name h3 {
    color: #000000;
    font-family: 'Public Sans';
    font-size: 26px;
    padding: 0 0 20px;
    line-height: 34px;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stories-user-name strong {
    font-family: Comfortaa, cursive;
    font-size: 15px;
    color: #000;
}

.success-stories-loader {
    width: 70%;
    position: absolute;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 999;
    height: 1000vh;
    align-content: flex-start;
}

.reign-pagination.pagination-below {
    display: block !important;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.reign-pagination.pagination-below a#load-more-stories {
    font-family: 'Public Sans';
    padding: 18px 14px;
    border-radius: 0px;
    background: #0097B2;
  display: inline-block;
    font-weight: 700;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.reign-pagination.pagination-below a#load-more-stories:hover{
    background: #FFC736;
}

/*Blog Post*/

.single.single-post #category_list .elementor-heading-title a {
    background-color: #fee9f1;
    color: #f52878;
    padding: 5px 10px;
    line-height: 1;
    font-size: 14px;
    margin-left: 8px;
    display: inline-block;
}

#category_link_btn span.elementor-button-text span {
    display: none;
}

#category_link_btn span.elementor-button-text span:first-child {
    display: block;
}


/*Single Stories */

a.back-button-link {
    font-family: "Changa One", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    fill: #256C40;
    color: #256C40;
    background-color: #02010100;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.single-stories-post {
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

.single-stories-post .col-left {
    width: 78%;
}

.stories-text-section {
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 20px;
    margin-bottom: 10px;
}

.single-after-before-img {
    max-width: 520px;
    display: flex;
    gap: 10px;
    width: 100%;
}

.after-before-img {
    width: 100%;
    position: relative;
    padding-top: 22em;
    overflow: hidden;
    border-radius: 20px;
}

.after-before-img img {
    /* height: 320px; */
    width: 100%;
    /* object-fit: cover; */
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.storiescontent p {
    font-family: "Comfortaa", Sans-serif;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 500;
}

.single-stories-post .stories-videos {
    margin-top: 30px;
}

.stories-text-section .stories-user-name{
    display: flex;
    gap: 20px;
}

.stories-text-section .stories-user-name h3 {
    font-size: 25px;
}

#success-question-info {
    display: none;
}

.question-list strong {
    font-family: "Changa One", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
    color: #333;
}

.question-list {
    margin: 10px 0 15px;
    font-family: "Comfortaa", Sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
}

a#view-question {
    font-family: "Changa One", Sans-serif;
    font-size: 25px;
    font-weight: 400;
    display: block;
    color: #E50076;
}


/*Similar Stories*/

.similar-stories-section {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.col-similar-stories {
    width: 70%;
    position: relative;
}

.col-stories-share {
    width: 28%;
    margin-top: 48px;
}

.col-similar-stories h2 {
    font-family: "Changa One", Sans-serif;
    font-size: 25px;
    font-weight: normal;
    color: #333;
}

.similar-stories-section .elementor-share-btn {
    background: #fff !important;
    border-radius: 12px !important;
}

.similar-stories-section span.elementor-share-btn__icon i.fab {
    font-size: 22px;
}

.similar-success-stories-list.swiper.similar-stories-slide {
    overflow: hidden;
}

.swiper-wrapper.wb-post-listing {
    overflow: unset !important;
}

.swiper-wrapper.wb-post-listing .stories-post {
    padding: 0;
}

.swiper-wrapper.wb-post-listing .stories-post-listing {
    padding: 2px;
}

.swiper-wrapper.wb-post-listing .img-after-before {
    display: block;
}

.swiper-wrapper.wb-post-listing .img-after-before img {
    height: 230px;
    border-radius: 12px 12px 0 0;
    width: 100%;
}

.swiper-wrapper .stories-text {
    padding: 0 18px 18px;
}

.similar-stories-section .wb-post-listing .storiescontent {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    height: 76px;
    margin: 0;
}

.similar-stories-section .wb-post-listing .storiescontent p {
    line-height: 25px;
    font-size: 15px;
}

.similar-stories-section .swiper-button-prev,
.similar-stories-section .swiper-button-next {
    width: 35px;
    height: 35px;
    background-color: #fff;
    padding: 5px;
    background-size: 35%;
    border-radius: 100px;
}

.swiper-wrapper.wb-post-listing:hover .swiper-button-next,
.swiper-wrapper.wb-post-listing:hover .swiper-button-next {
    opacity: 1 !important;
}

.swiper-wrapper.wb-post-listing .show-more {
    display: none !important;
}

.col-right {
    width: 20%;
}

.tags {
    padding: 20px;
    background: #D2E09A;
    border-radius: 15px;
    font-family: Comfortaa, cursive;
    font-weight: bold;
    line-height: 25px;
}

.tags h3 {
    color: #000000;
    font-family: "Changa One", Sans-serif;
    font-size: 22px;
    margin: 0 0 12px;
    line-height: 1;
    text-align: left;
    font-weight: 400;
    text-transform: capitalize;
}


/*Filter Sidebar*/
form#story-search-form {
    position: relative;
}

.stories-filter-widgets-search{
    margin-bottom: 30px;
}

input#story-search-input{
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 0px !important;
    padding: 24px 20px !important;
    color: #363636;
    font-family: 'Public Sans';
}

input#story-search-input::placeholder{
    color: #363636;
}

form#story-search-form button#story-search-button {
    position: absolute;
    right: 1px;
    top: 1px;
    border-radius: 0px;
    background-color: #ffffff;
    padding: 13px 20px;
}

form#story-search-form button#story-search-button .fa-search:before{
    color: #818181   !important;
}

.stories-filter-widgets span.stories-filter-name {
    font-family: 'Public Sans';
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.stories-filter-widgets {
    margin-bottom: 25px;
    background: #F6F6F6;
    /* border-radius: 15px; */
    padding: 25px 30px 25px 30px;
}

ul.stories-filter-items {
    margin: 0;
}

li.stories-filter-item {
    margin: 12px 0;
    display: flex;
    font-family: 'Public Sans';
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000;
    align-items: center;
    padding-left: 32px;
}

li.stories-filter-item:not(:last-child){
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 9px;
}

li.stories-filter-item input[type="checkbox"] {
    appearance: none;
    font: inherit;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: #fff !important;
    width: 20px !important;
    height: 20px !important;
    /* margin-right: 15px !important; */
    border-radius: 6px !important;
    border: 1px solid #646464 !important;
}

li.stories-filter-item input[type="checkbox"]::before {
    content: "";
    width: 0.8em;
    height: 0.7em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #0097B2;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
}

li.stories-filter-item input[type="checkbox"]:checked {
    background: #ec0080;
}

li.stories-filter-item input[type="checkbox"]:checked::before {
    transform: scale(1.8);
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    margin-top: 4px;
}

.stories-filter-widgets.Score.Board.Question {
    border: none;
    padding: 0;
}

.stories-filter-widgets ul.stories-filter-items {
    /*    max-height: 450px;*/
    overflow-y: scroll;
    position: relative;
}

.stories-filter-widgets ul.stories-filter-items::-webkit-scrollbar {
    width: 10px;
    border-radius: 15px;
}

.stories-filter-widgets ul.stories-filter-items::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 15px;
}

.stories-filter-widgets ul.stories-filter-items::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
}


/*Mobile Filter*/

.navTogglestories {
    transition-duration: 0.5s;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px;
    margin-bottom: 60px;
    cursor: pointer;
    display: none;
    top:20px;
}

.navTogglestories span {
    padding-top: 15px;
    font-size: 18px;
    color: #000;
    padding-left: 40px;
    font-family: 'Public Sans';
}

.navTogglestories .icon-left,
.navTogglestories .icon-right {
    transition-duration: 0.5s;
    position: absolute;
    height: 4px;
    top: 25px;
    width: 15px;
    background-color: rgba(0, 0, 0, 0.87);
}

.navTogglestories .icon-right {
    left: 15px;
}

.navTogglestories .icon-left:before,
.navTogglestories .icon-left:after,
.navTogglestories .icon-right:before,
.navTogglestories .icon-right:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 15px;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.87);
    content: "";
    top: -10px;
}

.navTogglestories .icon-left:after {
    top: 10px;
}

.navTogglestories .icon-right:before {
    top: -10px;
}

.navTogglestories .icon-right:after {
    top: 10px;
}

.navTogglestories.open-filter-stories .icon-left,
.navTogglestories.open-filter-stories .icon-right {
    transition-duration: 0.5s;
    background: transparent;
}

.navTogglestories.open-filter-stories .icon-left:before {
    transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
}

.navTogglestories.open-filter-stories .icon-left:after {
    transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
}

.navTogglestories.open-filter-stories .icon-right:before {
    transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
}

.navTogglestories.open-filter-stories .icon-right:after {
    transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
}

.stories-sidebar-content.open-filter-stories {
    transition: all 0.5s ease-in;
    z-index: 9999;
    position: relative;
}


/*Sticky List*/

footer div#reign-copyright-text {
    padding-bottom: 60px !important;
}

.list-scoreboardmarquee-wrap {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    height: 40px;
    z-index: 999;
    display: block!important;
}

.buddypress .scroboard-items-wrap {
    display: none;
}

.buddypress footer div#reign-copyright-text {
    padding-bottom: 25px !important;
}

.marquee {
    margin: 0;
    width: 100%;
    display: flex;
    height: 40px;
}

.marquee-items-wb {
    background: #ec0080;
    height: 40px;
}

.marquee span {
    color: #fff;
    font-size: 15px;
    padding: 10px 40px 10px 11px;
    text-transform: capitalize;
    list-style: none;
    font-family: "Comfortaa", Sans-serif;
    display: inline-block;
}

.marquee span:nth-child(2n) {
    background-color: #89bc46;
}

.total-affected-lives {
    z-index: 9;
    bottom: 0;
    text-align: center;
    width: 200px;
    position: fixed;
}

.total-affected-lives img {
    height: 25px !important;
    display: block;
    float: left;
}

.total-affected-lives .one-row {
    font-size: 11px;
    line-height: 1.4em;
    background: #000;
    display: flex;
    font-family: "Comfortaa", Sans-serif;
    padding: 10px;
    align-items: center;
    color: #fff;
    gap: 5px;
}

.total-affected-lives .one-row strong {
    font-size: 18px;
}

.total-affected-lives .bg-black-lifestyle {
    background: #1b1b1b;
    color: #fff !important;
    border-right: 1px solid #555;
}

.total-affected-lives .bg-black-lifestyle p {
    font-family: "Comfortaa", Sans-serif;
    color: #fff;
    margin: 0;
    padding: 5.5px 30px;
    font-size: 11px;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    #header-top-pages .elementor-element.elementor-element-5e40bd1f img {
        width: 90px !important;
    }
    .page-template-success-stories div#content {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .social-follow-section {
        display: block;
        padding: 30px 20px;
        margin-bottom: 20px;
    }
    .social-share-icon {
        margin: 10px 0;
    }
    .stories-title-section h1 {
        margin-bottom: 5px;
    }
    section.success-stories-list {
        display: block;
    }
    .stories-sidebar-content {
        max-width: 100%;
        margin-top: -25px;
    }
    .success-wb-post-listing {
        width: 100%;
        margin-left: 0;
    }
    .masonry.wb-post-listing {
        column-gap: 0.8em;
    }
    .stories-filter-options {
        display: none;
    }
    .stories-sidebar-content.open-filter-stories .stories-filter-options {
        display: block;
        transition: all 0.5s ease-in;
        /*      position: absolute; */
        z-index: 9999;
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #ccc;
        max-height: 400px;
        overflow-y: scroll;
        margin-bottom: 20px;
    }
    .navTogglestories {
        display: flex;
    }
    .scoreboard_head_logo {
        left: 0px;
    }
    .scoreboard_head_logo img {
        height: 55px;
    }
    .stories-filter-widgets ul.stories-filter-items {
        max-height: initial;
        overflow-y: inherit;
    }
}


/*=================== End Scoreboard ===================*/


/*PM Pro*/

.pmpro_checkout-field.pmpro_checkout-field-username {
    width: 100% !important;
}

#pmpro_form .pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field {
    position: relative;
}

#pmpro_form .pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field {
    padding: 0 10px;
}

#pmpro_form .pmpro_checkout .input {
    width: 100%;
    max-width: 100%;
}

#pmpro_form .pmpro_checkout label {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    padding-left: 15px;
}

#pmpro_form .pmpro_checkout .pmpro_asterisk {
    color: #ff0101;
    position: absolute;
    left: 12px;
    top: 0;
}

form.pmpro_form input[type=text],
form.pmpro_form input[type=password],
form.pmpro_form input[type=email],
form.pmpro_form input[type=number],
form.pmpro_form textarea,
form.pmpro_form select,
#loginform input[type=text],
#loginform input[type=password] {
    max-width: 100%;
}

#pmpro_form .pmpro_checkout h3 {
    margin: 0 0 15px;
}

#pmpro_levels_table .rtm_pmpro_levels_plan {
    justify-content: center;
}

#pmpro_levels_table .rtm_pmpro_levels_plan .rtm_pmpro_price_top h2 {
    color: #fff;
    margin: -20px -20px 20px;
    padding: 30px 20px;
    border-bottom: none;
    font-weight: normal;
    background: #E40177;
    font-family: "Noto Serif", Sans-serif;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 1.4;
    height: 140px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.pmpro_level_description_text ul li {
    margin: 8px 0;
}

#pmpro_levels_table .rtm_pmpro_levels_plan .rtm_pmpro_price_top .rtm-pmpro-recurring-price,
.rtm-pmpro-now-price {
    font-weight: bold;
    font-size: 25px !important;
}

.rtm-pmpro-now-price {
    padding: 0 !important;
}

#pmpro_levels_table .rtm_pmpro_levels_plan .rtm_levels_table_button .pmpro_btn {
    padding: 12px 10px;
    font-size: 15px;
    font-weight: 500;
    background-color: var(--reign-colors-theme);
}

#pmpro_levels_table .rtm_pmpro_levels_plan .rtm_levels_table_des {
    line-height: 22px;
    font-size: 15px;
    max-width: 370px;
}

#pmpro_levels_table .rtm_pmpro_levels_plan .rtm_pmpro_price_top .rtm_levels_table_price {
    line-height: 1;
}

div#pmpro_payment_information_fields label {
    padding: 0 !important;
}

.pmpro-levels .rtm_pmpro_levels_section.items-levels.price_table_column_3 {
    width: calc(25% - 30px) !important;
    margin: 10px !important;
}

.pmpro-levels .rtm_pmpro_levels_section.items-levels.price_table_column_3:nth-child(3) {
    order: 4;
}

@media only screen and (max-width: 619px) {
    .pmpro-levels .rtm_pmpro_levels_section.items-levels.price_table_column_3 {
        width: calc(100% - 30px) !important;
    }
    .acf-field.acf-field-group .acf-label label[for="acff-post-field_65029ebcc63d9"],
    #last-step label[for="acff-post-field_6502a400e2673"] {
        font-size: 28px;
    }
    .page-template-our-survey label[for="acff-post-field_65029ebcc63d9-field_65bca0afb1a26"],
    #questions-subheading label {
        font-size: 17px;
    }
    .acf-taxonomy-field .acf-checkbox-list {
        padding: 0px !important;
    }
    .acf-taxonomy-field ul.acf-checkbox-list li {
        width: 100%;
        margin: 5px 0 !important;
    }
    .acf-field-group[data-name="one-question_away!"] .acf-field.acf-field-text.acf-field-6501645ca16dc {
        padding: 10px 0 0 0;
    }
    #thank-you .acf-label label[for="acff-post-field_650302fdd9a9e"],
    .acf-fields[data-step="3"] .acf-field.acf-field-message label[for="acff-post-field_65030bbaf73e3"] {
        font-size: 32px;
        line-height: 1;
    }
    /*     .frontend-form .acf-fields[data-step="3"] .acf-field.acf-field-related-terms .acf-checkbox-list {
        column-count: 2;
    } */
    .acf-fields[data-step="3"] ul.acf-checkbox-list li {
        width: 100%;
        margin: 5px 0 !important;
    }
    .acf-fields[data-step="3"] .acf-field.acf-field-upload-image.image-field {
        width: 100% !important;
        /* padding: 0 15px 15px !important; */
    }
    .title-score.life-tilte {
        font-size: 25px;
        line-height: 1;
        margin-bottom: 10px;
    }
    .title-score.life-tilte .life-pink {
        font-size: 35px;
        letter-spacing: 1px;
        line-height: 1;
        margin-top: 8px;
    }
    h2.score-cunt {
        font-size: 60px;
        line-height: 1;
    }
    .scoreboard h5 {
        font-size: 17px;
        margin-bottom: 0;
        line-height: 1.3;
    }
    .display-flex {
        max-width: 100%;
    }
    .life-scoreboard-presentation {
        padding: 30px 0;
    }
    .col-black-score,
    .community-block {
        width: 100%;
    }
    .scoreboard-list ul.scoreboard-list-inner li {
        width: 100%;
        padding: 8px 10px;
        font-size: 15px;
    }
    .scoreboard-list ul.scoreboard-list-inner {
        column-count: 1;
    }
    .community-block p {
        margin-bottom: 15px;
    }
    #mobile-nav-can a.elementor-item {
        color: #fff;
        font-size: 18px;
    }
    .page-template-our-survey form.frontend-form .wbcom_all_wrapp_field .acf-field {
        width: 100% !important;
    }
    .acf-fields[data-step="2"] .fea-submit-buttons button.change-step.button {
        bottom: 260px;
    }
    #thank-you .acf-label label[for="acff-post-field_656577870e664"] {
        font-size: 30px;
    }
    .page-template-our-survey form.frontend-form .acf-fields[data-step="2"] {
        padding-top: 6em;
    }
}

@media only screen and (max-width: 489px) {
    form.frontend-form .acf-fields[data-step="2"] .acf-field[data-width] {
        width: 100% !important;
        padding: 15px 15px 0;
    }
    .acf-fields[data-step="2"] .fea-submit-buttons.frontend-admin-multi-buttons-align {
        padding-left: 15px;
        padding-bottom: 60px;
    }
    .acf-fields[data-step="2"] .fea-submit-buttons button.change-step.button {
        bottom: 320px;
    }
    #thank-you .acf-label label[for="acff-post-field_656577870e664"] {
        font-size: 25px;
    }
    #thank-you .acf-input p {
        font-size: 15px;
        line-height: 1.7;
    }
    .fea-submit-buttons button.change-step.button,
    #register-links a {
        font-size: 13px;
    }
}

@media only screen and (min-width: 620px) and (max-width:1023px) {
    .pmpro-levels .rtm_pmpro_levels_section.items-levels.price_table_column_3 {
        width: calc(50% - 30px) !important;
    }
    div#thank-you {
        padding: 90px 15px 0;
    }
    .page-template-our-survey form.frontend-form .acf-fields[data-step="3"] {
        padding-bottom: 40px;
    }
    #mobile-nav-can a.elementor-item {
        color: #fff;
        font-size: 18px;
    }
    .page-template-our-survey form.frontend-form .acf-fields[data-step="1"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-template-our-survey form.frontend-form .wbcom_all_wrapp_field .acf-field {
        width: 48% !important;
    }
}


/*END PM PRO*/


/*Custom Style Theme and BP*/

div#wpadminbar {
    display: none;
}

html[dir="ltr"] {
    margin: 0 !important;
}

.admin-bar .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar,
.admin-bar .reign-fallback-header.fixed-top,
.admin-bar .reign-menu-panel,
.admin-bar #masthead.sticky,
.admin-bar.header-v2 #masthead .reign-fallback-header.header-mobile,
.admin-bar.header-v3 #masthead .reign-fallback-header.header-mobile,
.admin-bar .user-profile-menu.js-hiraku-offcanvas-sidebar {
    top: 0 !important;
}

.reign-nav-top-bar .reign-toggler.reign-toggler-left {
    order: 4;
    margin-left: 10px;
}

.reign-nav-top-bar .reign-user-toggler {
    width: auto;
}


/* BuddyBoss */

#testimonials-personal-li a::before {
    content: "\f044";
}

.buddypress.widget ul.item-list li .item .item-meta,
.widget-area .widget.buddypress div.item-options a {
    font-size: 13px;
}

.widget-title {
    font-size: 18px;
    font-weight: 700;
}

.bp-list li .item-meta,
.bp-list li .meta {
    font-size: 11px;
}

.buddypress-wrap .members-list li .list-wrap .followers-wrap {
    padding-top: 5px;
}

.group-description a.bb-more-link.show-action-popup,
.bb-action-popup-content a {
    color: #e40177;
}

.groups-header .desc-wrap .group-description p {
    margin-bottom: 8px;
}


/* Forums */

.groups div#bbpress-forums div.bbp-topic-form {
    padding: 30px;
    margin: 30px 0;
}


/* Courses */

.lm-course-item-wrapper h2.lm-course-title a {
    font-size: 18px;
    line-height: 22px;
    display: block;
}

.learndash-single-course-header .course-header-short-description {
    font-size: 16px;
    line-height: 25px;
}

.ld_course_grid_price.ribbon-enrolled {
    background-color: #256c40;
}

div#lm-course-archive-data.lm-grid-view .lm-value a {
    font-weight: 600;
    font-size: 11px;
}


/* Footer */

footer[itemscope="itemscope"] {
    position: relative;
    z-index: 99;
}

footer div.footer-wrap .widget-title {
    color: #256C40;
    border-color: #256C40;
}

#footer-area .widget.widget_nav_menu ul li {
    margin: 0 0 10px;
    padding: 0;
}

#footer-area .widget.widget_nav_menu ul li:before {
    display: none;
}

.wbcom-address li,
.wbcom-address li a {
    margin-top: 15px;
    color: #153045;
    display: flex;
    gap: 10px;
}

.wbcom-address li i {
    font-size: 20px !important;
    margin-top: 2px;
}

.address-vi strong {
    display: block;
}

.wbcom-address {
    margin-top: -20px;
}

.elementor-social-icons-wrapper {
    display: flex;
    grid-gap: 8px;
}

.elementor-social-icons-wrapper a {
    background: #1b5230;
    width: 45px;
    height: 45px;
    line-height: 50px;
    text-align: center;
    border-radius: 100px;
}

.elementor-social-icons-wrapper a i.fab {
    color: #fff;
    font-size: 21px;
}

.elementor-social-icons-wrapper a:hover {
    background: #e40177;
}

footer div#reign-copyright-text {
    border-color: #256c40;
}

footer div#reign-copyright-text *,
footer div#reign-copyright-text a {
    font-family: "Noto Serif", Sans-serif;
    color: #256C40;
}

span.sep {
    margin: auto 5px;
    font-size: 0;
}


/* Gform */

.gform_heading {
    display: none;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-size: 15px;
    font-weight: 500;
}

.tribe-events-calendar-month {
    background: #fff;
    padding: 20px !important;
    border-radius: 12px;
}

.mc4wp-form-fields {
    display: flex;
}

.mc4wp-form-fields input[type="email"] {
    border: none;
    height: 45px;
    padding: 15px;
}

.mc4wp-form-fields input[type="submit"] {
    background: #000;
    margin-left: 10px;
    padding: 10px 30px;
    font-size: 15px;
}


/* Login Register */

#widget-login a.elementor-lost-password {
    display: block;
    clear: both;
    width: 100%;
}

#widget-login span.elementor-login-separator {
    display: none;
}

#widget-login a.elementor-register {
    background: #256c40;
    color: #fff !important;
    margin-top: 10px;
    padding: 12px 35px;
    display: inline-block;
    width: auto;
    font-size: 15px;
    border-radius: 8px;
    font-weight: 500;
}

body.register.buddypress div#register-page aside.bp-feedback.bp-messages.info {
    margin-top: 40px;
    border: none;
    padding: 0;
}


/* Resources */

.single-resources #resources-video iframe.elementor-video {
    border-radius: 15px;
    overflow: hidden;
}

#resources-list .elementor-widget-video .elementor-wrapper iframe {
    border-radius: 12px;
    overflow: hidden;
}

.post-type-archive-resources .elementor.e-loop-item.type-resources {
    margin: 0!important;
    padding: 0!important;
    border: none !important;
}

.elementor-pagination span.page-numbers,
.elementor-pagination a.page-numbers {
    background: #fff;
    padding: 12px 15px;
    line-height: 1;
    font-size: 10px;
    letter-spacing: 0;
    display: inline-block;
    border-radius: 8px;
    border: 1px solid #eee;
    margin: 0 3px 0 2px !important;
}

#resources-list h4.elementor-heading-title.elementor-size-default a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

section#filter-section {
    padding-left: 8px !important;
}

.wss_social_share_container {
    margin: 0 0 15px;
}

.wss-social-size-normal a {
    width: 35px;
    border-radius: 10px;
    height: 35px;
    line-height: 30px;
    margin-right: 5px;
}


/* Post Comment */

.single-resources .comments-area article {
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #eee;
    padding: 15px 15px 25px 0px;
    min-height: auto;
}

.single-resources .bp-react-post-comment {
    display: none !important;
}

.single-resources h3#reply-title {
    margin: 0;
}

.single-resources #respond .comment-form-comment textarea {
    height: 100px;
}

#download-btn a.elementor-button.elementor-size-sm {
    display: none;
}

#download-btn a.elementor-button.elementor-button-link.elementor-size-sm {
    display: inline-block;
}


/*END Custom Style Theme and BP*/


/*Pricing Toggle*/

.toggle,
.toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

.toggler {
    color: #333;
    transition: 0.2s;
    font-weight: bold;
}

.toggler--is-active {
    color: #256c40;
}

.toggle {
    position: relative;
    width: 80px;
    height: 35px;
    border-radius: 100px;
    background-color: #256c40;
    overflow: hidden;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6;
}

.check:checked~.switch {
    right: 2px;
    left: 57.5%;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0.08s, 0s;
}

.switch {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 57.5%;
    background-color: #fff;
    border-radius: 36px;
    z-index: 1;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0s, 0.08s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.hide {
    display: none;
}

.panel-toggle {
    text-align: center;
}


/*END Price toggler*/

body.register.buddypress header#masthead,
body.register.buddypress footer,
body.register.buddypress header.page-title,
body.activation.activate header#masthead,
body.activation.activate footer,
body.activation.activate header.page-title {
    display: none;
}

body.register.buddypress .site-content,
body.activation.activate .site-content {
    padding-top: 0;
}

body.register.buddypress .container,
body.register.buddypress div#content,
body.register.buddypress .container .wb-grid,
body.activation.activate .container,
body.activation.activate div#content,
body.activation.activate .container .wb-grid {
    min-height: 100vh;
    max-width: none;
    height: 100%;
}

body.register.buddypress .login-split,
body.activation.activate .login-split {
    padding: 0;
    background-color: #fff;
    width: 50%;
    position: fixed;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-position: 50% 50%;
}

body.register.buddypress .buddypress-wrap,
body.register.buddypress header.register-entry-header,
body.activation.activate .buddypress-wrap,
body.activation.activate header.register-entry-header {
    margin-left: calc((45vw - 400px)/ 2);
    margin-right: calc((45vw - 400px)/ 2);
}

body.register.buddypress .content-wrapper,
body.activation.activate .content-wrapper {
    position: static;
    margin-left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.register.buddypress .register-section-logo {
    text-align: center;
    margin-top: 10px;
    margin-left: calc((45vw - 460px)/ 2);
    margin-right: calc((45vw - 460px)/ 2);
    margin-bottom: 20px;
}

body.register.buddypress .register-section-logo img {
    max-width: 220px;
}

header.register-entry-header h1.entry-title {
    font-size: 1.8rem;
    margin: 0 0 5px;
    font-family: "Noto Serif", Sans-serif;
    font-weight: 600;
}

header.register-entry-header {
    text-align: center;
}

body.register.buddypress div#register-page {
    background: #fff;
    border-radius: 12px;
    padding: 1px 25px 25px;
    margin-top: 30px;
    border: 1px solid #eee;
}

.register-page .register-privacy-info {
    margin: 0;
}

form#signup-form input[type=email],
form#signup-form input[type=password],
form#signup-form input[type=tel],
form#signup-form input[type=text],
body.activation.activate input[type=text] {
    height: 42px;
    font-size: 13px !important;
    margin: 0;
}

form#signup-form input#signup_submit,
body.activation.activate form#activation-form input[type="submit"] {
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    padding: 13px;
}

body.activation.activate a.button.button-primary {
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 60% !important;
    padding: 13px !important;
}

body.activation.activate .buddypress-wrap {
    max-width: 450px;
    width: 100%;
}

body.activation.activate div#reign-menu-panel {
    display: none !important;
}

@media screen and (max-width: 969px) {
    body.register.buddypress .container .wb-grid,
    body.activation.activate .container .wb-grid {
        display: block;
    }
    body.register.buddypress .login-split,
    body.activation.activate .login-split {
        padding: 20%;
        width: 100%;
        position: relative;
        height: 100%;
    }
    body.register.buddypress .content-wrapper,
    body.activation.activate .content-wrapper {
        margin: 20px auto;
        width: 95%;
        display: block;
    }
    body.register.buddypress .buddypress-wrap,
    body.register.buddypress .register-section-logo,
    body.register.buddypress header.register-entry-header,
    body.activation.activate .buddypress-wrap,
    body.activation.activate .register-section-logo,
    body.activation.activate header.register-entry-header {
        margin: 0 auto;
    }
}


/* Edit Testimonial Form */

.testimonials-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    justify-content: space-between;
}

.testimonials-wrapper-inner {
    width: 49%;
    padding: 10px 12px 15px;
    margin-bottom: 15px;
    background: #f4f7ec;
    border-radius: 12px;
}

.testimonials-wrapper .masonry-view.stories-post {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.testimonials-wrapper-inner .storiescontent {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}

.testimonials-wrapper-inner .show-more a.click-button {
    background-color: var(--reign-site-button-bg-color);
    color: #fff !important;
    font-size: 14px;
    font-weight: 50;
    margin: 0;
}

.testimonials-wrapper-inner .stories-videos {
    display: none;
}

.testimonials-wrapper-inner .stories-text {
    order: 3;
}

.testimonials-wrapper-inner .stories-user-name h3 {
    text-align: left;
    margin: 5px 0 10px !important;
}


/*.testimonials-wrapper-inner .img-after-before img {
    height: 200px;
}*/

.testimonials-wrapper-inner a.edit-testimonial {
    color: #fff;
    background: #E40177;
    padding: 5px 12px 2px;
    line-height: 1;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 6px;
    font-family: Comfortaa, cursive;
}

.testimonials-wrapper-inner a.edit-testimonial:hover {
    background: #94ba2f;
}

#edit-testimonial p.description {
    font-size: 14px;
    margin: -8px 0 10px;
    opacity: 0.8;
}

#edit-testimonial label[for="acff-post-field_65029ebcc63d9-field_65016d44ca207"] {
    margin-bottom: 15px !important;
}

#edit-testimonial div#last-step,
#edit-testimonial .wbcom_all_wrapp_field {
    width: 98% !important;
}

#edit-testimonial div#select_all_option {
    padding-left: 0;
}

#edit-testimonial #select_all_option ul.acf-checkbox-list {
    margin-top: 0;
    padding: 0;
}

#edit-testimonial div#already_healthy {
    padding: 0;
}

@media only screen and (max-width: 765px) {
    .testimonials-wrapper {
        background: #fff;
        padding: 15px;
        border-radius: 15px;
    }
}

@media only screen and (max-width: 558px) {
    .testimonials-wrapper-inner {
        width: 100%;
    }
}

.edit-testimonial-wrapper {
    background: #fff;
    border-radius: 15px;
    padding: 25px !important;
    margin-bottom: 50px;
}

.edit-testimonial-wrapper .acf-fields>.acf-field {
    border: none !important;
    z-index: 1;
    max-width: 100%;
    padding: 5px 15px 15px !important;
}

.edit-testimonial-wrapper .acf-fields .acf-field.acf-field-group .acf-field {
    padding-left: 0 !important;
    padding-right: 0px !important;
}

.edit-testimonial-wrapper .acf-fields .acf-field.acf-field-group>.acf-label {
    display: none;
}

.edit-testimonial-wrapper .acf-field .acf-label label {
    font-weight: 600 !important;
    font-size: 15px;
}

.edit-testimonial-wrapper .acf-fields>.acf-field#last-step {
    display: none;
}

.edit-testimonial-wrapper .acf-fields.-border {
    border: none;
}

.edit-testimonial-wrapper .acf-taxonomy-field .acf-checkbox-list {
    padding: 0px !important;
}

.edit-testimonial-wrapper .acf-fields>.acf-field.acf-field-image {
    width: 50% !important;
    font-family: Comfortaa, cursive;
}

.edit-testimonial-wrapper .acf-fields>.acf-field.acf-field-image .acf-input {
    position: relative;
    padding: 10px;
    background: #f3f3f3;
    border-radius: 10px;
    background: rgba(240, 243, 247, 0.5);
    border: 1px dashed #dedfe2;
}

.edit-testimonial-wrapper .acf-fields>.acf-field.acf-field-image .acf-input .hide-if-value {
    text-align: center;
    padding: 40px;
}

.edit-testimonial-wrapper .acf-fields>.acf-field.acf-field-image .acf-input .hide-if-value .acf-button {
    clear: both;
    display: block;
    max-width: 150px;
    margin: 10px auto;
    padding: 10px 30px 10px 30px;
    background: #ec0080;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-family: Comfortaa, cursive;
}

.edit-testimonial-wrapper .acf-field input[type=text],
.edit-testimonial-wrapper .acf-field input[type=password],
.edit-testimonial-wrapper .acf-field input[type=date],
.edit-testimonial-wrapper .acf-field input[type=datetime],
.edit-testimonial-wrapper .acf-field input[type=datetime-local],
.edit-testimonial-wrapper .acf-field input[type=email],
.edit-testimonial-wrapper .acf-field input[type=month],
.edit-testimonial-wrapper .acf-field input[type=number],
.edit-testimonial-wrapper .acf-field input[type=search],
.edit-testimonial-wrapper .acf-field input[type=tel],
.edit-testimonial-wrapper .acf-field input[type=time],
.edit-testimonial-wrapper .acf-field input[type=url],
.edit-testimonial-wrapper .acf-field input[type=week],
.edit-testimonial-wrapper .acf-field textarea,
.edit-testimonial-wrapper .acf-field select {
    font-size: 15px;
    font-family: Comfortaa, cursive;
    padding: 10px
}

.edit-testimonial-wrapper .acf-taxonomy-field ul.acf-checkbox-list li span {
    font-size: 14px;
}

.edit-testimonial-wrapper .acf-taxonomy-field ul.acf-checkbox-list li span:after {
    left: 7px;
    top: 5px;
}

.edit-testimonial-wrapper .acf-form-submit .acf-button {
    font-size: 14px;
    font-family: Comfortaa, cursive;
    padding: 10px 30px 10px 30px;
    background: #ec0080;
    border-radius: 10px;
    font-weight: 700;
    margin-left: 15px;
}

.edit-testimonial-wrapper .acf-field .acf-label {
    font-size: 15px;
}

.edit-testimonial-wrapper .acf-oembed {
    overflow: hidden;
    border-radius: 10px;
}

#edit-testimonial .wbcom_all_wrapp_field .acf-field {
    margin: 0;
    width: 49% !important;
    min-height: auto !important;
}

#edit-testimonial .wbcom_all_wrapp_field .acf-field.acf-field-checkbox {
    display: none;
}

#edit-testimonial .acf-field.acf-field-message.acf-field-65bca0afb1a26 {
    padding: 0;
}

#edit-testimonial .acf-field.acf-field-message.acf-field-65bca0afb1a26 label {
    font-size: 30px;
    font-family: "Changa One", sans-serif;
    line-height: 1.1;
    text-transform: capitalize;
}

#edit-testimonial #questions-subheading label {
    margin: 0;
}

#edit-testimonial #last-step label[for="acff-post-field_6502a400e2673"] {
    font-size: 22px !important;
    font-family: "Changa One", sans-serif !important;
    line-height: 1.1;
    font-weight: normal !important;
}

#masthead {
    z-index: 9999;
}

@media only screen and (max-width: 558px) {
    .edit-testimonial-wrapper .acf-fields>.acf-field {
        width: 100% !important;
    }
    .edit-testimonial-wrapper .acf-fields>.acf-field.acf-field-image {
        width: 100% !important;
    }
    .social-follow-section h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .social-follow-section h4,
    .Share-follower-section p {
        font-size: 15px;
    }
    .social-share-icon {
        display: block;
    }
    .new-filter-btn {
        display: flex;
        gap: 5px;
        margin: 6px 0 30px;
        flex-wrap: wrap;
    }
    .new-filter-btn a.filter-btn {
        width: 80%;
        text-align: center;
    }
    a.share-btn {
        font-size: 13px;
    }
    .social-share-icon h2 {
        margin: 0 0 10px;
        margin-right: 0;
    }
    .wb-post-listing .stories-post {
        padding: 10px;
    }
    .wb-post-listing .storiescontent p {
        line-height: 22px;
        font-size: 14px;
    }
    .stories-user-name h3 {
        font-size: 18px;
    }
    .show-more a.click-button {
        font-size: 13px;
    }
    .masonry.wb-post-listing {
        column-count: 1;
    }
    .stories-title-section {
        display: block;
    }
    .acf-fields[data-step="3"] .acf-field.acf-field-message label[for="acff-post-field_656577cc0e666"] {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .single-stories-post,
    .similar-stories-section,
    .stories-text-section {
        display: block !important;
    }
    .single-stories-post .col-left,
    .after-before-img,
    .col-similar-stories,
    .col-stories-share,
    .stories-text-section .storiescontent,
    .col-right {
        width: 100% !important;
    }
    .col-stories-share,
    .stories-text-section .storiescontent {
        margin-top: 15px;
    }
    .tags {
        margin-bottom: 20px;
    }
    .col-stories-share .elementor-widget-wrap {
        padding: 10px 0 !important;
    }
    .container-inner {
        padding: 0 15px;
    }
    .after-before-img img {
        height: auto;
    }
    .new-filter-btn a.filter-btn {
        text-align: center;
        line-height: 1.1;
    }
    .page-template-our-survey form.frontend-form .acf-fields[data-step="1"],
    .page-template-our-survey form.frontend-form .acf-fields[data-step="3"] {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media only screen and (max-width: 1359px) {
    .container-inner {
        padding: 0 20px;
    }
}

@media only screen and (min-width: 989px) and (max-width: 1389px) {
    .tooltip-btn .tooltiptext {
        left: 15%;
    }
}


/* Hide Activities and Age Ranges Filters from Success stories page*/


/*.stories-filter-options.story-filter-sticky > div:nth-child(1),
.stories-filter-options.story-filter-sticky > div:nth-child(2) {
    display: none;
}*/

/* satyam changes start */

.survey-form-shortcode .acf-fields .tell-your-story .acf-label label {
    color: #fff !important;
}
.survey-form-shortcode .acf-fields .tell-your-story {
    order: 1;
}
.survey-form-shortcode .acf-fields .story-sharing {
    order: 2;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .title-field {
    order: 3;
    width: 50%;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .display-name-gallery {
    order: 4;
    width: 50%;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .switch-diet {
    order: 5;
    width: 50%;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .includeing-age-field {
    order: 6;
    width: 50%;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .born-year-field {
    order: 7;
    width: 50%;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .eliminate-field {
    order: 8;
    width: 50%;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .acf-field-message[data-name="share_one_or_both_pictures_please"] {
    order: 9;
    margin: 0 !important;
    padding: 32px 32px 0px 32px !important;
}
.survey-form-shortcode .acf-fields .before-picture {
    order: 10;
    width: fit-content !important;
}
.survey-form-shortcode .acf-fields .after-picture {
    order: 11;
    width: fit-content !important;
}
.survey-form-shortcode .acf-fields .video-story {
    order: 12;
    padding: 16px 32px 0px 32px !important;
}
.survey-form-shortcode .acf-fields .activities-involved {
    order: 13;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .inspired-supported {
    order: 14;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .inspired-book-doc {
    order: 15;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .lifestyle-thrive {
    order: 16;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .not-switched-vegan {
    order: 17;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .inspired-to-change {
    order: 18;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .plant-lifestyle {
    order: 19;
    padding: 16px 32px !important;
}
.survey-form-shortcode .acf-fields .available-to-mentor {
    order: 20;
    padding: 16px 32px !important;
}
.survey-form-shortcode [class="3"] {
    order: 21;
    padding: 32px 16px !important;
} 
.acf-label label, .acf-field p.description {
    font-size: 14px;
    line-height: 22px;
    margin-top: 0px !important;
    margin-bottom: 24px;
}
.includeing-age-field .acf-label, .includeing-age-field .acf-label label,
.born-year-field .acf-label, .born-year-field .acf-label label,
.eliminate-field .acf-label, .eliminate-field .acf-label label, 
.video-story .acf-label, .video-story .acf-label label, 
.activities-involved .acf-label, .activities-involved .acf-label label, 
.inspired-supported .acf-label, .inspired-supported .acf-label label,
.inspired-book-doc .acf-label, .inspired-book-doc .acf-label label {
    margin: 0px !important;
}
.story-sharing .acf-label, .includeing-age-field .acf-input p, .born-year-field .acf-input p,
.eliminate-field .acf-input p, .video-story .acf-input p, .activities-involved .acf-input p,
.inspired-supported .acf-input p, .inspired-book-doc .acf-input p, .lifestyle-thrive .acf-label,
.not-switched-vegan .acf-label, .inspired-to-change .acf-label, .plant-lifestyle .acf-label {
    margin-bottom: 16px !important;
}
.before-picture {
    padding: 0px 32px !important;
}
.before-picture .acf-label, .after-picture .acf-label {
    display: none;
}
.includeing-age-field .acf-input ul > li, .eliminate-field .acf-input ul > li,
.display-name-gallery .acf-input ul > li, .available-to-mentor .acf-input ul > li {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Public Sans' !important;
    line-height: 22px !important;
}
.title-field .acf-input .select2-container.-acf {
    z-index: 100 !important;
}
.acf-fields[data-step="3"] .acf-field-upload-image .acf-input a.acf-button.button, .acf-field-upload-image.image-field .acf-button.button {
    border-radius: 0px !important;
    padding: 16px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Public Sans' !important;
}
.survey-form-shortcode .title-field .acf-input .select2-container .select2-selection {
    border-radius: 0 !important;
}
.frontend-admin-steps .acf-fields[data-step="2"] div:nth-child(3) .fea-submit-buttons .change-step, .survey-form-shortcode #register-links .acf-input button {
    clip-path: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    padding: 18px 12px !important;
    font-family: 'Public Sans' !important;
}
.frontend-admin-steps .acf-fields[data-step="2"] div:nth-child(3) .fea-submit-buttons .change-step:hover, .acf-fields[data-step="3"] .fea-submit-buttons button.change-step.button:hover {
    color: #fff !important;
    background: #0097B2 !important;
}
.frontend-admin-steps .acf-field textarea {
    border-color: #D9D9D9;
}
.title-field .acf-input .select2-container .selection .select2-selection {
    border-color: #D9D9D9;
}
.title-field .acf-input .select2-container .selection .select2-selection__arrow b {
    border-color: #D9D9D9 transparent !important;
}
.survey-form-shortcode [class="1"] .fea-submit-buttons, .survey-form-shortcode [class="3"] .fea-submit-buttons button {
    position: relative;
}
.survey-form-shortcode [class="1"] .fea-submit-buttons .change-step::after, .survey-form-shortcode [class="3"] .fea-submit-buttons .change-step::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M438.6 233.4L278.6 73.4c-9.4-9.4-24.6-9.4-33.9 0L239 79c-9.4 9.4-9.4 24.6 0 33.9L370.3 244H24c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h346.3L239 399.1c-9.4 9.4-9.4 24.6 0 33.9l5.7 5.7c9.4 9.4 24.6 9.4 33.9 0l160-160c9.4-9.4 9.4-24.6 0-34z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    padding-right: 60px;
}
.survey-form-shortcode [class="3"] .fea-submit-buttons .change-step.button {
    padding: 22px 70px 22px 17px !important;
}
.wbcom_all_wrapp_field .enter-first-name {
    margin: 0 !important;
    padding: 32px 16px 32px 32px !important;
}
.wbcom_all_wrapp_field .enter-last-name, .wbcom_all_wrapp_field .enter-email-address {
    margin: 0 !important;
    padding: 32px 16px !important;
}
.wbcom_all_wrapp_field .select-diet {
    margin: 0 !important;
    padding: 32px 32px 32px 16px !important;
}
@media only screen and (max-width: 767px) {
    .wbcom_all_wrapp_field .enter-first-name {
        padding: 48px 32px 16px 32px !important;
    } 
    .wbcom_all_wrapp_field .enter-last-name, .wbcom_all_wrapp_field .enter-email-address {
        padding: 16px 32px !important;
    } 
    .wbcom_all_wrapp_field .select-diet {
        padding: 16px 32px 32px 32px !important;
    }
    .survey-form-shortcode .acf-fields .title-field {
        width: 100%;
    }
    .survey-form-shortcode .acf-fields .switch-diet {
        width: 100%;
        order: 4 !important;
    }
    .survey-form-shortcode .acf-fields .born-year-field {
        width: 100%;
        order: 5 !important;
    }
    .survey-form-shortcode .acf-fields .display-name-gallery {
        width: 100%;
        order: 6 !important;
    }
    .survey-form-shortcode .acf-fields .includeing-age-field {
        width: 100%;
        order: 7 !important;
    }
    .survey-form-shortcode .acf-fields .eliminate-field {
        width: 100%;
    }
    .survey-form-shortcode .frontend-form .acf-field .before-picture[data-width] {
        width: 100% !important;
        padding-top: 32px !important;
    }
    .survey-form-shortcode .frontend-form .acf-fields .after-picture[data-width] {
        width: 100% !important;
        padding: 32px 32px 0 32px;
    }
    .frontend-admin-steps .acf-fields[data-step="2"] {
        padding: 0;
        background: none;
        border: none;
    }
    .frontend-admin-steps .acf-fields[data-step="2"] .acf-field#thank-you {
        padding: 32px 0 0 0 !important;
    }
    .frontend-admin-steps .acf-fields[data-step="2"] .acf-field#register-links {
        padding: 32px 0 !important;
    }
    .survey-form-shortcode .acf-fields .tell-your-story {
        display: block !important;
    }
    .frontend-admin-steps .acf-fields[data-step="2"] div:nth-child(3) {
        padding: 0 0 32px !important;
    }
}
/*.second-section {
    margin-top: 64px;
}*/
.col-left-section {
    width: 65% !important;
}
.col-right-section {
    width: 30%;
}
.col-right-section .tag-section {
    background: #F6F6F6;
    border: 2px solid #D9D9D9;
    padding: 32px;
    border-radius: 0px;
}
.col-right-section .tag-section h3 {
    font-size: 24px;
    font-family: 'Public Sans';
    font-weight: 700;
    line-height: 32px;
}
.condition-div {
    font-size: 18px;
    font-family: 'Public Sans';
    font-weight: 400;
    line-height: 26px;
}
.storiescontent2 {
    margin-bottom: 64px;
}
.storiescontent2 p, .answer-display {
    font-size: 18px;
    font-family: 'Public Sans';
    font-weight: 400;
    line-height: 26px;
}
.question-list1 {
    margin: 0;
    margin-bottom: 48px;
}
.question-list1 strong {
    font-family: 'Public Sans';
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 16px;
}
.col-left-section1 {
    width: 100% !important;
}
.success-story-detail-after-before-img {
    border-radius: 0 !important;
}
.success-story-detail-after-before-img img {
    height: 342px !important;
    border-radius: 0 !important;
}
a.view-question, .col-similar-stories1 h2 {
    font-family: 'Public Sans' !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
}
.story-count {
    background: #F6F6F6;
    border: 2px solid #D9D9D9;
    padding: 24px 32px;
    margin-top: 16px !important;
}
.story-count .header-text {
    font-family: 'Public Sans';
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #000;
    margin-bottom: 24px;
}
.story-count .share-story {
    font-family: 'Public Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #363636;
    margin-bottom: 32px;
}
.col-stories-share1 {
    width: 25%;
}
.slider-stories {
    margin-top: 32px !important;
}
.social-follow-section-bg1 {
    position: absolute !important;
/*    background-image: url(https://thevegancommunity.com/wp-content/uploads/2024/08/full-bg.jpg) !important;*/
    background-image: url(https://thevegancommunity.com/wp-content/uploads/2024/08/full-bg.jpg) !important;
    width: 100% !important;
    left: 0;
    right: 0;
    padding: 214px 0 !important;
    background-color: #F5F5F5 !important;
    background-size: 45% !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;

}

/*.social-follow-section-bg-img {
    background: url(https://pp.thevegancommunity.com/wp-content/uploads/2024/08/full-bg.jpg);
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}*/
.display-edit-success-story {
    display: flex;
    position: relative;
}
.display-edit-success-story1 {
    width: 50%;
}
.social-follow-section-new-text {
    width: 100%;
    padding: 128px 0 !important;
    display: block !important;
}
.social-follow-section-new-text h2 {
    color: #000 !important;
    font-family: 'Public Sans';
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 32px !important;
}
.edit-share-btn {
    width: 290px;
}
a.success-btn {
/*    width: 100%;*/
    padding: 22px 45px 22px 17px !important;
    background: #0097B2;
    color: #fff;
    text-transform: none;
    font-family: 'Public Sans';
    letter-spacing: 1px;
    border-radius: 0px 0px 0px 0px !important;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: 1 !important;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
}
a.success-btn:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
/*    right: 0;*/
/*    top: 50%;*/
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M438.6 233.4L278.6 73.4c-9.4-9.4-24.6-9.4-33.9 0L239 79c-9.4 9.4-9.4 24.6 0 33.9L370.3 244H24c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h346.3L239 399.1c-9.4 9.4-9.4 24.6 0 33.9l5.7 5.7c9.4 9.4 24.6 9.4 33.9 0l160-160c9.4-9.4 9.4-24.6 0-34z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-left: 10px;
}
.social-icons .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
     padding: 0; 
}
.upper-section-media-content {
    display: flex;
    justify-content: space-between !important;
}
.resource-video-section {
    margin: 0 !important;
}
.overlay-text-before-after {
    font-family: 'Public Sans' !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    border-radius: none !important;
    position: relative !important;
    background: none !important;
    color: #000 !important;
    text-align: left !important;
    padding: 10px 0px !important;
}
.detail-page-resource-video-section {
    height: 342px !important;
}
.detail-page-resource-video-section .fluid-width-video-wrapper iframe {
    height: 342px !important;
}
.section-1-img-video {
    background: #F5F5F5;
}