html {
    scroll-behavior: smooth
}

body {
    padding-top: 7.416rem !important;
}

@media(max-width: 1199px) {
    body {
        padding-top: 4rem !important;
    }
}

.flex {
    display: flex
}

.flex_one {
    flex: 1
}

.flex_direction_column {
    flex-direction: column
}

.flex-column {
    flex-direction: column !important;
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-one {
    flex: 1;
}

.align_self_start {
    align-self: flex-start !important
}

.justify-content-space-between {
    justify-content: space-between
}

.justify_content_space_between {
    justify-content: space-between
}

.align-items-end {
    align-items: end
}

.justify_content_center, .justify-content-center {
    justify-content: center
}

.justify-content-end {
    justify-content: end
}

.row_reverse {
    flex-direction: row-reverse
}

.align_items_center {
    align-items: center
}

.align-items-center,
.align_self {
    align-items: center
}

.align_self_end {
    align-self: flex-end
}

.align_self, .align-self-center {
    align-self: center
}

.text-align-center {
    text-align: center
}

.overflow-hidden {
    overflow: hidden
}

.margin_bottom_40 {
    margin-bottom: 2.5rem
}

.mr_6 {
    margin-right: .375rem
}

.mr_20 {
    margin-right: 2.188rem
}

.mt_16 {
    margin-top: 1rem
}

.mb_16 {
    margin-bottom: 1rem
}

.font_weight_500 {
    font-weight: 500
}

.mx_20 {
    margin: 0 1.25rem
}

.mx_16 {
    margin: 0 1rem !important;
}

.my_12 {
    margin: .75rem 0
}

.my_16 {
    margin: 1rem 0
}

.my_24 {
    margin: 1.5rem 0
}

.mb_30 {
    margin-bottom: 2rem !important;
}

.mb_40 {
    margin-bottom: 2.5rem
}

.mr_50 {
    margin-right: 3.125rem
}

.mr_24px {
    margin-right: 1.5rem
}

.mr_32px {
    margin-right: 2rem
}

.mb_24 {
    margin-bottom: 1.5rem
}

.mb_80 {
    margin-bottom: 5rem
}

.mb_50 {
    margin-bottom: 3.125rem
}
.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}

.d-block {
  display: block !important;
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.column_reverse {
    flex-direction: column-reverse
}

.hide {
    display: none
}

.gap_10 {
    gap: .625rem
}

.gap_20 {
    gap: 1.25rem
}

.gap_40 {
    gap: 2.5rem
}

.gap_80 {
    gap: 5rem
}

@media only screen and (min-width: 1100px)and (max-width: 129px) {
    .mr_32px_0 {
        margin-right: 1px !important
    }
}

@media only screen and (min-width: 1200px)and (max-width: 1376px) {
    .mr_32px {
        margin-right: .875rem
    }

    .mb_80 {
        margin-bottom: 2rem
    }

    .flex_wrap_medium {
        flex-wrap: wrap
    }
}

@media(max-width: 767px) {
    .my_24 {
        margin: .75rem 0
    }

    .mb_40_mobile {
        margin-bottom: 2.5rem
    }

    .mobile_column_reverse {
        flex-direction: column-reverse
    }

    .mobile_flex_wrap {
        flex-wrap: wrap
    }

    .mobile_justify_content_center {
        justify-content: center
    }
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

:root {
    --main_font: "Effra-Medium";
    --main_font_light: Effra Light;
    --main_font_heavy: Effra Heavy;
    --main_font_poppins: Poppins;
    --padding_top: 5rem;
    --padding_bottom: 5rem;
    --padding_left: 12.2223%;
    --padding_right: 12.2223%;
    --padding_mobile_top: 2.5rem;
    --padding_mobile_left: 1rem;
    --cool-gray-08: #2f2b2b;
    --cool-gray-06: #505050;
    --coral: #d6715b;
    --light-yellow: #f9e269;
    --white: #fff;
    --coral: #d6715b;
    --warm-gray-06: #a39c95;
    --orange: #f0943e
}

#app {
    margin: 0 auto;
    font-weight: normal
}

.font-Effra {
    font-family: "Effra-Medium"
}

.wrapper {
    width: 60%;
    margin: 0 auto
}

.maan-fade-in {
    opacity: 0
}

.fade-in {
    animation: fade-in 1s forwards
}

@media(min-width: 768px) {
    .display_none_on_laptop {
        display: none !important
    }
}

.display_none {
    display: none
}

.display_block {
    display: block
}

.w_100 {
    width: 100%
}

.h_100 {
    height: 100%
}

.z-index-10 {
    z-index: 10
}

.cursor-pointer {
    cursor: pointer
}

.text_style {
    color: var(--cool-gray-08);
    font-family: "Effra-Medium";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: left
}

button {
    cursor: pointer
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
select:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
.btns:focus:not(:focus-visible) {
    outline: none !important;
}

.maan-primary-outline-btn, .maan-primary-btn, .maan-secondary-btn, .maan-secondary-outline-btn, .btns-primary-outline, .btns-primary {
    transition: all .4s ease-in-out;
    display: flex;
    padding: 1.1875rem 1.5rem;
    justify-content: center;
    align-items: flex-start;
    font-family: "Effra-Medium";
    font-size: .875rem;
    letter-spacing: .125rem;
    font-style: normal;
    font-weight: 500;
    line-height: .75rem;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    min-width: 9.125rem;
}
.maan-primary-btn, .maan-primary-btn:visited, .btns-primary, .btns-primary:visited {
    background-color: #d6715b;
    color: var(--White, #FFF);
    border: 1px solid #d6715b;
}

a {
    text-decoration: none
}

.liner {
    width: 100%;
    height: 1px;
    background: #c6c1ba
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, 40%, 0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.width_480px {
    width: 445px !important
}

.width_780px {
    width: 785px !important
}

@media (max-width: 1199px) {
    .maan-primary-outline-btn, .maan-primary-btn, .maan-secondary-btn, .maan-secondary-outline-btn, .btns-primary-outline, .btns-primary {
        padding: 0.75rem;
        font-size: .75rem;
        line-height: 1.125rem;
        min-width: auto;
    }
}

@media(max-width: 991px) {
    .flex_d_column_tablet {
        flex-direction: column
    }
}

@media(max-width: 767px) {
    .display_none_on_mobile_special {
        display: none !important
    }

    .display_none_on_mobile {
        display: none !important
    }

    .w_100_mobile {
        width: 100%;
        justify-content: center
    }

    .flex_d_column_mobile {
        flex-direction: column
    }

    .mobile_flex_wrap {
        flex-wrap: wrap
    }

    .display_none_on_laptop {
        display: block
    }

    .display_none_on_laptop_inline {
        display: inline-block
    }

    .display_columu_on_mobile {
        flex-direction: column
    }

    .width_480px,
    .width_780px {
        width: 100% !important
    }
}

html {
    scroll-behavior: smooth
}

.flex {
    display: flex
}

.flex_one {
    flex: 1
}

.flex_direction_column {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.align_self_start {
    align-self: flex-start !important
}

.justify-content-space-between {
    justify-content: space-between
}

.justify_content_space_between {
    justify-content: space-between
}

.align-items-end {
    align-items: end
}

.justify_content_center {
    justify-content: center
}

.justify-content-end {
    justify-content: end
}

.row_reverse {
    flex-direction: row-reverse
}

.align_items_center {
    align-items: center
}

.align-items-center,
.align_self {
    align-items: center
}

.align_self_end {
    align-self: flex-end
}

.align_self {
    align-self: center
}

.text-align-center {
    text-align: center
}

.overflow-hidden {
    overflow: hidden
}

.margin_bottom_40 {
    margin-bottom: 2.5rem
}

.mr_6 {
    margin-right: .375rem
}

.mr_20 {
    margin-right: 2.188rem
}

.mt_16 {
    margin-top: 1rem
}

.mb_16 {
    margin-bottom: 1rem
}

.font_weight_500 {
    font-weight: 500
}

.mx_20 {
    margin: 0 1.25rem
}

.my_16 {
    margin: 1rem 0
}

.my_24 {
    margin: 1.5rem 0
}

.mb_40 {
    margin-bottom: 2.5rem
}

.mr_50 {
    margin-right: 3.125rem
}

.mr_24px {
    margin-right: 1.5rem
}

.mr_32px {
    margin-right: 2rem
}

.mb_24 {
    margin-bottom: 1.5rem
}

.mb_80 {
    margin-bottom: 5rem
}

.mb_50 {
    margin-bottom: 3.125rem
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.column_reverse {
    flex-direction: column-reverse
}

.text-decoration-none {
    text-decoration: none !important;
}

.hide {
    display: none
}

.gap_10 {
    gap: .625rem
}

.gap_20 {
    gap: 1.25rem
}

.gap_40 {
    gap: 2.5rem
}

.gap_80 {
    gap: 5rem
}

@media only screen and (min-width: 1100px)and (max-width: 129px) {
    .mr_32px_0 {
        margin-right: 1px !important
    }
}

@media only screen and (min-width: 1200px)and (max-width: 1376px) {
    .mr_32px {
        margin-right: .875rem
    }

    .mb_80 {
        margin-bottom: 2rem
    }

    .flex_wrap_medium {
        flex-wrap: wrap
    }
}

@media(max-width: 767px) {
    .my_24 {
        margin: .75rem 0
    }

    .mb_40_mobile {
        margin-bottom: 2.5rem
    }

    .mobile_column_reverse {
        flex-direction: column-reverse
    }

    .mobile_flex_wrap {
        flex-wrap: wrap
    }

    .mobile_justify_content_center {
        justify-content: center
    }
}

:root {
    --vt-c-white: #ffffff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;
    --vt-c-black: #181818;
    --vt-c-black-soft: #222222;
    --vt-c-black-mute: #282828;
    --vt-c-indigo: #2c3e50;
    --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
    --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
    --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
    --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: rgba(235, 235, 235, 0.64)
}

:root {
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-white-mute);
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);
    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);
    --section-gap: 160px
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    font-weight: normal
}

body {
    min-height: 100vh;
    color: var(--color-text);
    background: var(--color-background);
    transition: color .5s, background-color .5s;
    line-height: 1.6;
    font-family: "Effra-Medium", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: .938rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.accelerate_your_impact_content_wrapper {
    margin-bottom: 2.5rem
}

.accelerate_image_card_image_holder {
    width: 37.5rem;
    height: 25rem
}

.accelerate_image_card_image_holder img {
    object-fit: fill;
    height: 100%;
    width: 100%
}

.accelerate_content_wrapper {
    width: 27.5rem
}

.accelerate_content_wrapper h6 {
    color: var(--Cool-Gray-08, #2f2b2b);
    font-family: "Effra-Medium";
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.75rem
}

.accelerate_content_wrapper p {
    color: var(--Cool-Gray-06, #505050);
    font-family: "Poppins-Regular";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    margin: 1.5rem 0
}

.accelerate_content_wrapper a {
    align-self: flex-start
}

@media only screen and (min-width: 1800px) {
    .accelerate_image_card_image_holder {
        width: 49.063rem;
        height: 30rem
    }
}

@media(max-width: 767px) {
    .accelerate_image_card_image_holder {
        width: 100%;
        height: 13.75rem
    }

    .accelerate_content_wrapper p {
        margin: .75rem 0
    }

    .accelerate_content_wrapper h6 {
        margin-top: 1rem
    }
}

.impact_counter_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem
}

.impact_counter_wrapper h6.title {
    font-family: "Effra-Bold";
    font-size: 5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.25rem
}

.impact_counter_wrapper p {
    color: var(--cool-gray-08);
    font-family: "Poppins-Regular";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (min-width: 1000px)and (max-width: 1200px) {
    .impact_counter_wrapper h6.title {
        font-size: 3.75rem
    }
}

@media only screen and (min-width: 1200px)and (max-width: 1376px) {
    .impact_counter_wrapper h6.title {
        font-size: 2.5rem;
        line-height: 3rem
    }

    .impact_counter_wrapper p {
        font-size: .625rem;
        line-height: 1.25rem
    }

    .impact_counter_wrapper {
        gap: 0
    }
}

@media only screen and (min-width: 1400px)and (max-width: 1499px) {
    .impact_counter_wrapper h6.title {
        font-size: 3rem;
        line-height: 1.25rem
    }
}

@media(max-width: 767px) {
    .impact_counter_wrapper h6.title {
        font-size: 4.375rem;
        line-height: 3rem
    }

    .impact_counter_wrapper {
        width: 10.75rem;
        gap: .5rem;
        margin-bottom: .75rem
    }

    .impact_counter_wrapper p {
        font-size: .75rem
    }

    .w_100 {
        width: 100%
    }
}

.about_approach_content_holder {
    display: flex;
    width: 25rem;
    padding: 0 2.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.125rem;
    flex-shrink: 0;
    border-right: 1px solid #6c625a
}

.about_approach_content_holder h6 {
    color: var(--cool-gray-08, #2f2b2b);
    font-family: "Effra-Medium";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    text-transform: uppercase
}

.about_approach_content_holder p {
    color: var(--cool-gray-08, #2f2b2b);
    font-family: "Effra-Medium";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.25rem
}

.svg_holder {
    width: 7.5rem;
    height: 7.5rem;
    flex-shrink: 0;
    stroke-width: 2px;
    stroke: var(--white, #fff);
    border-radius: 6.25rem;
    background: #f0943e
}

@media only screen and (min-width: 1200px)and (max-width: 1376px) {
    .about_approach_content_holder {
        width: 21.25rem;
        padding: 0 .625rem
    }
}

@media only screen and (min-width: 768px)and (max-width: 1190px) {
    .flex_wrap_medium {
        flex-wrap: wrap
    }
}

@media(max-width: 767px) {
    .about_approach_content_holder {
        padding: 0
    }

    .about_approach_content_holder {
        width: 100%;
        margin-bottom: 1.75rem;
        border-bottom: 1px solid #6c625a;
        border-right: none
    }

    .about_approach_content_holder p {
        margin-bottom: 1.75rem
    }
}

.main-wrapper {
    padding-top: var(--padding_top);
    padding-bottom: var(--padding_bottom);
    padding-left: var(--padding_left);
    padding-right: var(--padding_right)
}

@media only screen and (min-width: 1100px)and (max-width: 1600px) {
    .main-wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 11.65%;
        padding-right: 11.65%
    }
}

@media only screen and (min-width: 768px)and (max-width: 1200px) {
    .main-wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(max-width: 767px) {
    .main-wrapper {
        padding-top: var(--padding_mobile_top);
        padding-bottom: var(--padding_mobile_top);
        padding-left: var(--padding_mobile_left);
        padding-right: var(--padding_mobile_left)
    }
}

.full-width,
.w-100 {
    width: 100%
}

ul {
    margin: 0
}

ul.dashed {
    list-style: none;
    margin-left: 0;
    padding-left: .75rem
}

ul.dashed > li:before {
    display: inline-block;
    content: "-";
    width: .75rem;
    margin-left: -0.75rem
}

.bg-primary {
    background-color: #d6715b !important
}

.text-primary {
    color: #2f2b2b !important
}

.border-radius-none {
    border-radius: 0px !important
}

.maan-fade-in {
    opacity: 0
}

.fade-in {
    animation: fade-in 1s forwards
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, 40%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.maan-py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

@media only screen and (max-width: 991px) {
    .maan-py-5 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }
}

.CampaignspromotedContributorsSec {
    border-top: 1px solid var(--Cool-Gray-02, #EAEAEA);
    padding-top: 5rem !important;
    padding-bottom: 3.19rem !important
}

@media only screen and (max-width: 991px) {
    .CampaignspromotedContributorsSec {
        padding-top: 2.5rem !important;
        padding-bottom: .69rem !important
    }
}