/*
Theme Name: BenFund
Description: BenFund
Theme URI:   https://ninetwo.design/
Author: Ninetwo
Author URI:  https://ninetwo.design/
Template: salient
Version: 1.0
*/

@font-face {
    font-family: "campaign";
    src: url("https://use.typekit.net/af/03a839/00000000000000007735ae0d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
        url("https://use.typekit.net/af/03a839/00000000000000007735ae0d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
        url("https://use.typekit.net/af/03a839/00000000000000007735ae0d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "degular-display";
    src: url("https://use.typekit.net/af/fbbea0/00000000000000007735c876/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),
        url("https://use.typekit.net/af/fbbea0/00000000000000007735c876/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),
        url("https://use.typekit.net/af/fbbea0/00000000000000007735c876/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
}

@font-face {
    font-family: 'PlantinMTPro-LightItalic';
    src: url("/wp-content/themes/BenFund/assets/fonts/PlantinMTPro-LightItalic.woff") format("woff"),
        url("/wp-content/themes/BenFund/assets/fonts/PlantinMTPro-LightItalic.woff") format("woff2"),
        url("/wp-content/themes/BenFund/assets/fonts/PlantinMTPro-LightItalic.ttf") format("truetype");
    font-weight: 300;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------- Common CSS ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: normal;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------- Header ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

/* Start Header CSS */
a {
    transition: all 0.5s ease-in-out;
}

#header-secondary-outer .nectar-center-text {
    left: unset;
    max-width: 100%;
    right: 0;
    transform: translateX(0) translateY(-50%);
    text-align: right;
    font-size: 12px;
}

#header-space {
    height: 136px !important;
}

#header-outer.small-nav #logo,
#header-outer.small-nav .logo-spacing,
#header-outer #logo,
#header-outer .logo-spacing {
    margin-top: 0;
    margin-bottom: 0;
}

header#top {
    position: relative;
    margin-top: -30px;
    z-index: 10001;
    padding: 15px 0 25px;
}

header#top .col.span_9.col_last {
    margin-top: 30px;
}


body.material #header-outer:not([data-format=left-header]) #top nav>.buttons {
    margin-left: 0;
}

body #header-secondary-outer .nectar-center-text {
    font-weight: lighter;
    font-size: 12px;
    line-height: 16px;
    max-width: 100%;
    text-transform: capitalize;
}

@media only screen and (max-width: 1400px) {
    header#top #logo img {
        height: 80px !important;
    }

    #header-space {
        height: 116px !important;
    }
}

@media only screen and (max-width: 1200px) {

    #top nav>ul>li>a,
    .span_3 .pull-left-wrap>ul>li>a,
    body.material #search-outer #search input[type="text"],
    #top ul .slide-out-widget-area-toggle a i.label,
    #top .span_9>.slide-out-widget-area-toggle a.using-label .label,
    #header-secondary-outer .nectar-center-text,
    #slide-out-widget-area .secondary-header-text,
    #header-outer #mobile-menu ul li a,
    #header-outer #mobile-menu .secondary-header-text,
    .nectar-mobile-only.mobile-header a {
        font-size: 12px;
        line-height: normal;
    }

    #header-space {
        height: 106px !important;
    }

    header#top {
        margin-top: -20px;
    }

    header#top #logo img {
        height: 60px !important;
    }

    header#top .col.span_9.col_last {
        margin-top: 20px;
    }
}

header#top {
    padding: 12px 0;
}

.small-nav #top nav>ul>li>a,
.small-nav .span_3 .pull-left-wrap>ul>li>a,
body.material .small-nav #search-outer #search input[type="text"],
.small-nav #top ul .slide-out-widget-area-toggle a i.label,
.small-nav #top .span_9>.slide-out-widget-area-toggle a.using-label .label,
.small-nav #header-secondary-outer .nectar-center-text,
.small-nav #slide-out-widget-area .secondary-header-text,
.small-nav#header-outer #mobile-menu ul li a,
.small-nav#header-outer #mobile-menu .secondary-header-text,
.nectar-mobile-only.mobile-header a {
    font-size: 12px;
    line-height: normal;
}

@media only screen and (max-width: 999px) {
    header#top {
        padding: 0;
    }

    header#top .col.span_9.col_last {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 690px) {
    #header-space {
        height: 84px !important;
    }

    header#top .col.span_9.col_last,
    header#top {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 575px) {
    #header-space {
        height: 79px !important;
    }

    body #top #logo img,
    #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 55px !important;
    }
}

/* End Header CSS */

/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------- Footer ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
/* Start Footer CSS */
footer .before-footer {
    color: #3d3a39;
}

.footer-sec .row_col_wrap_12_inner::after {
    content: unset;
}

.footer-sec p,
.footer-sec a {
    font-size: 20px !important;
    line-height: 120% !important;
}

.footer-sec .footer-left a:hover {
    color: #ffb706 !important;
}

@media (max-width: 1440px) {

    .footer-sec p,
    .footer-sec a {
        font-size: 20px !important;
        line-height: 130% !important;
    }
}

@media (max-width: 1200px) {

    .footer-sec p,
    .footer-sec a {
        font-size: 18px !important;
    }
}

@media (max-width: 999px) {
    .footer-sec .row_col_wrap_12_inner {
        justify-content: space-between;
    }

    .footer-sec .footer-right,
    .footer-sec .footer-left {
        width: 48%;
    }
}

@media (max-width: 767px) {
    .footer-sec .footer-right,
    .footer-sec .footer-left {
        width: 100%;
    }
}

/* End Footer CSS */

/* --------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- Home page ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

/* Start Hero section */
.hero-sec .row_col_wrap_12 {
    justify-content: flex-end;
}

.hero-sec .vc_col-sm-12.wpb_column {
    margin-right: 0;
    max-width: 1518px;
    width: calc(50% + 635px);
}

.hero-sec h1 {
    margin: 100px 0px 10px;
    font-size: 150px;
    line-height: 108px;
    padding-bottom: 20px;
}

.hero-sec .slide-4 h1,
.hero-sec .slide-3 h1 {
    font-size: 138px;
}

.hero-sec h3 {
    padding-top: 20px;
    padding-bottom: 100px;
    line-height: 130% !important;
}

.hero-sec .nectar-flickity.nectar-carousel .flickity-viewport {
    margin: 0px 0px 90px !important;
}

.hero-sec .nectar-flickity.nectar-carousel .flickity-viewport .cell {
    padding: 0px 10px;
}

.hero-sec .slide-4 h1,
.hero-sec .slide-2 h1 {
    margin: 0px;
    padding: 0px;
}

.hero-sec .slide-3 h1 {
    margin: 0px;
}

.hero-sec .slide-4 h3 {
    padding: 0px;
}

.hero-sec .slide-2 h3,
.hero-sec .slide-3 h3 {
    padding-bottom: 0px;
}

.hero-sec p {
    font-size: 32px;
    line-height: 44px;
    font-weight: bold;
}

.hero-sec .vc_col-sm-12.wpb_column .hero-section {
    /* padding-left: 13px; */
}

@media (max-width: 1440px) {

    .hero-sec .slide-4 h1,
    .hero-sec .slide-3 h1,
    .hero-sec h1 {
        font-size: 100px;
        line-height: 80%;
    }

    .hero-sec .slide-2 .hero-image .vc_column-inner {
        padding-left: 0px !important;
    }

    body {
        font-size: 20px;
        line-height: 140%;
    }
}

@media (max-width: 1200px) {

    body {
        font-size: 18px;
    }

    .hero-sec .slide-4 h1,
    .hero-sec .slide-3 h1,
    .hero-sec h1 {
        font-size: 90px;
    }

}

@media (max-width: 999px) {

    .hero-sec .slide-4 h1,
    .hero-sec .slide-3 h1,
    .hero-sec h1 {
        margin-top: 30px;
        font-size: 70px;
        line-height: 100%;
    }

    .hero-sec .slide-4 h1,
    .hero-sec .slide-3 h1 {
        margin: 0px;
    }

    .hero-sec h3 {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .home-banner-sec .row_col_wrap_12_inner {
        align-items: center;
        flex-direction: column;
    }

    .hero-sec .slide-4 h1,
    .hero-sec .slide-3 h1,
    .hero-sec h1 {
        font-size: 65px;
    }
}


/* End Hero section */

/* Start About section */

.about-info-sec .span_12::after,
.donate-sec .span_12::after,
.support-sec .span_12::after,
.membership-sec .span_12::after,
.about-sec .span_12::after {
    content: unset;
}

.about-info-sec .row_col_wrap_12_inner,
.support-sec .row_col_wrap_12.col.span_12.dark.left,
.donate-sec .row_col_wrap_12_inner,
.membership-sec .row_col_wrap_12_inner,
.about-sec .row_col_wrap_12_inner {
    display: flex;
    justify-content: space-between;
    row-gap: 40px;
}

.support-sec .row_col_wrap_12.col.span_12.dark.left {
    align-items: center;
}

.support-sec {
    margin-bottom: 0px !important;
}

.support-sec h2 {
    font-size: 90px;
    line-height: 90%;
    font-weight: 900;
    padding-bottom: 20px;
}

.donate-sec h3:first-child {
    padding-bottom: 20px;
}

.donate-sec .donate-left-sec,
.donate-sec .donate-right-sec,
.support-sec .support-left-sec,
.support-sec .support-right-sec,
.membership-sec .membership-left-sec,
.membership-sec .membership-right-sec,
.about-sec .about-right-sec,
.about-sec .about-left-sec {
    width: 42%;
    margin: 0px !important;
}

.about-member-sec .about-right-sec p,
.about-left-sec p {
    font-family: 'PlantinMTPro-Light';
}

p {
    line-height: 140%;
}

.donate-sec a,
.support-sec a,
.membership-sec a,
.about-member-sec .about-right-sec a,
.bottom-right-content a,
.member-right-content a,
.about-sec a {
    position: relative;
}

.about-member-sec .about-right-sec a::after,
.donate-sec a::after,
.bottom-right-content a::after,
.support-sec a::after,
.membership-sec a::after,
.member-right-content a::after,
.about-sec a::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #FFF;
}

.about-member-sec .about-right-sec a::after,
.bottom-right-content a::after,
.member-right-content a::after,
.support-sec a::after,
.membership-sec a::after {
    background-color: #ffb706;
}

.member-right-content a:hover::after,
.about-member-sec .about-right-sec a:hover:after,
.donate-sec a:hover::after,
.bottom-right-content a:hover::after,
.support-sec a:hover::after,
.membership-sec a:hover::after,
.about-sec a:hover::after {
    animation: lineanimation 0.7s linear;
}

@keyframes lineanimation {
    0% {
        width: 100%;
    }

    50% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.support-sec h2 {
    font-family: degular-display;
}

.support-sec .support-right-sec {
    width: 52%;
}

.membership-right-sec p,
.about-sec .about-right-sec p strong,
.about-sec .about-right-sec p,
.about-info-sec .about-right-sec p {
    font-family: 'PlantinMTPro-LightItalic';
    font-size: 36px;
    line-height: 120%;
}

@media (max-width: 1440px) {
    .support-sec h2 {
        font-size: 80px;
    }

    .about-sec .about-right-sec {
        width: 42%;
    }

    .about-sec .about-right-sec p strong,
    .about-sec .about-right-sec p,
    .membership-right-sec p,
    .about-right-sec p {
        font-size: 28px;
    }
}

@media (max-width: 1200px) {
    .support-sec h2 {
        font-size: 55px;
    }

    .donate-sec .donate-left-sec,
    .donate-sec .donate-right-sec,
    .support-sec .support-left-sec,
    .support-sec .support-right-sec,
    .membership-sec .membership-left-sec,
    .membership-sec .membership-right-sec,
    .about-info-sec .about-left-sec,
    .about-info-sec .about-right-sec,
    .about-sec .about-right-sec,
    .about-sec .about-left-sec {
        width: 49%;
    }

    .about-sec .about-right-sec p strong,
    .about-sec .about-right-sec p,
    .membership-right-sec p,
    .about-right-sec p {
        font-size: 26px;
    }
}

@media (max-width: 999px) {
    .support-sec {
        padding: 80px 0px !important;
    }


    .hero-sec .hero-section {
        width: 52%;
    }

    .slide-2 .hero-image {
        width: 100%;
    }

    .hero-image {
        width: 48%;
    }

    .about-sec .about-right-sec p strong,
    .about-sec .about-right-sec p,
    .membership-right-sec p,
    .about-right-sec p {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .hero-image {
        max-width: 400px;
        margin: 0px auto;
    }

    .slide-2 .hero-image {
        max-width: 100%;
    }

    .hero-sec .hero-section {
        width: 100%;
    }

    .donate-sec .donate-left-sec,
    .donate-sec .donate-right-sec,
    .support-sec .support-left-sec,
    .support-sec .support-right-sec,
    .membership-sec .membership-left-sec,
    .membership-sec .membership-right-sec,
    .about-sec .about-right-sec,
    .about-sec .about-left-sec {
        width: 100%;
    }
}

@media only screen and (min-width: 1581px) {
    .hero-sec .row_col_wrap_12 {
        justify-content: center;
    }

    .hero-sec .vc_col-sm-12.wpb_column {
        margin-right: auto;
        max-width: 1270px;
        width: 100%;
    }
}

/* End Responsive CSS */



/* About Page CSS Starts Here */
.support-sec.first-section a:hover {
    color: #3c3939 !important;
}

.support-sec.first-section h3 {
    padding-bottom: 20px;
}

.stages-sec .row_col_wrap_12 {
    display: flex;
    justify-content: space-between;
}

.stages-sec .row_col_wrap_12 .inner-stages .vc_column-inner {
    height: 100%;
}

.stages-sec .row_col_wrap_12_inner {
    position: relative;
}

.stages-sec .inner-stages .img-with-aniamtion-wrap img {
    max-height: 350px;
    width: 320px;
}

.stages-sec .inner-stages:not(:last-child) .img-with-aniamtion-wrap>.inner::after {
    content: '';
    width: 110px;
    position: absolute;
    top: calc((100% + 55px) / 2);
    left: calc(100% - -13px);
    transform: translateX(-50%);
    border-bottom: 5px dotted #3c3939;
    z-index: -1;
}

.apply-step-one,
.apply-step-two,
.apply-step-three,
.member-image-right-content,
.member-image-left-content {
    position: absolute;
    top: calc((100% + 55px) / 2);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
}


@media (max-width: 1440px) {
    .stages-sec .inner-stages:not(:last-child) .img-with-aniamtion-wrap>.inner::after {
        width: 25%;
    }
}

@media (max-width: 1200px) {
    .stages-sec .inner-stages:not(:last-child) .img-with-aniamtion-wrap>.inner::after {
        width: 17%;
    }
}

@media (max-width: 999px) {
    .stages-sec .inner-stages:not(:last-child) .img-with-aniamtion-wrap>.inner::after {
        content: unset;
    }
}

/* About Page CSS Ends Here */



/* --------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- About page ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

/* Start Hero section  */
.about-hero-sec .hero-text-content h2 {
    font-family: 'PlantinMTPro-LightItalic';
    max-width: 700px;
    font-size: 90px;
    line-height: 100%;
}



@media only screen and (max-width: 1400px) {
    .about-hero-sec .hero-text-content h2 {
        font-size: 70px;
        max-width: 550px;
    }
}

@media only screen and (max-width: 1200px) {
    .about-hero-sec .hero-text-content h2 {
        font-size: 50px;
        max-width: 400px
    }

    .about-info-sec .about-right-sec {
        width: 50%;
    }
}

@media only screen and (max-width: 999px) {

    .about-info-sec .about-left-sec,
    .about-info-sec .about-right-sec {
        width: 100%;
    }

}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 575px) {
    .about-hero-sec .hero-text-content h2 {
        font-size: 42px;
        max-width: 330px;
    }
}

/* End Hero section  */

/* Start  Image section  */
.about-info-sec .span_12::after,
.about-member-sec .span_12::after {
    content: unset;
}

.about-info-sec .row_col_wrap_12_inner,
.about-member-sec .row_col_wrap_12_inner {
    display: flex;
    justify-content: space-between;
    row-gap: 40px;
}

.about-info-sec .about-right-sec p {
    font-size: 26px;
    font-family: "PlantinMTPro-LightItalic";
}

.about-info-sec .about-left-sec h3 {
    font-size: 38px;
    font-weight: bold;
}

.about-info-sec .about-left-content p {
    font-size: 28px;
    line-height: 40px;
}

.about-info-sec .about-left-content p strong {
    font-size: 34px;
    line-height: 50px;
}

.about-right-sec .wpb_wrapper,
.about-member-sec .wpb_wrapper {
    position: relative;
}

.about-right-sec .about-image-right-content,
.about-member-sec .image-left-content {
    position: absolute;
    top: 50%;
    left: calc((100% - 6%)/2);
    transform: translate(-50%, -50%);
    width: 70%;
}

.about-member-sec .image-left-content {
    left: unset;
    right: calc((100% - 5%)/2);
    transform: translate(50%, -50%);
}

.about-info-sec .image-right-content p {
    font-size: 22px;
    line-height: 32px;
}

.about-info-sec .image-right-content h3 span {
    font-weight: bold;
}

.image-left-content h2 {
    color: #ffb706;
    font-size: 150px;
    font-weight: 900;
    line-height: 135px;
}

@media only screen and (max-width: 1400px) {
    .image-left-content h2 {
        font-size: 120px;
        line-height: 120%;
    }

    .about-member-sec .about-left-sec .vc_column-inner,
    .about-member-sec .about-right-sec .vc_column-inner,
    .about-info-sec .about-right-sec .vc_column-inner,
    .about-info-sec .about-left-sec .vc_column-inner {
        padding: 0px !important;
    }

    .about-member-sec .about-left-sec,
    .about-member-sec .about-right-sec,
    .about-info-sec .about-right-sec,
    .about-info-sec .about-left-sec {
        width: 49%;
    }

    .about-info-sec .about-right-sec p {
        font-size: 18px;
    }

    .about-info-sec .about-right-sec {
        width: 45%;
    }

    .about-member-sec .image-left-content {
        width: 76%;
    }
}

@media only screen and (max-width: 1200px) {
    .image-left-content h2 {
        font-size: 100px;
        line-height: 120%;
    }

    .about-member-sec .about-left-sec,
    .about-info-sec .about-right-sec {
        width: 50%;
    }
}

@media only screen and (max-width: 999px) {
    .about-info-sec .about-right-sec h3 {
        font-size: 22px;
        max-width: 200px;
        margin: 0px auto;
    }

    .about-image-right-content {
        max-width: 320px;
    }
}

@media only screen and (max-width: 767px) {

    .about-member-sec .about-left-sec,
    .about-member-sec .about-right-sec,
    .about-info-sec .about-left-sec,
    .about-info-sec .about-right-sec {
        width: 100%;
    }

    .about-info-sec .about-left-content p {
        font-size: 24px;
    }
}

@media only screen and (max-width: 575px) {
    .about-info-sec .about-left-content p strong {
        font-size: 30px;
    }

    .about-info-sec .about-right-sec h3 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 480px) {
    .about-info-sec .about-left-content p strong {
        font-size: 28px;
    }
}

/* End Image section  */




/* Start Donate section */

.donate-bottom-sec .row_col_wrap_12_inner::after,
.donate-top-sec .row_col_wrap_12_inner::after {
    content: unset;
}

.donate-bg-img-text-sec h2,
.donate-hero-sec h2 {
    font-family: 'PlantinMTPro-LightItalic';
    max-width: 610px;
    font-size: 89px;
    line-height: 100%;
}

.donate-bottom-sec .bottom-left-content .wpb_wrapper,
.donate-top-sec .right-column .wpb_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.donate-bottom-sec p,
.donate-top-sec p {
    padding: 0px;
}

.donate-top-sec .left-column p:first-child {
    padding-bottom: 10px;
}

.donate-top-sec p.middle-content,
.donate-bottom-sec p.middle-content,
.donate-top-sec .left-column .wpb_text_column p {
    font-family: 'PlantinMTPro-LightItalic';
    font-size: 28px;
    line-height: 120%;
}

.donate-top-sec .image-right-content p:first-child,
.bottom-left-content .image-left-content p:first-child {
    max-width: 220px;
    margin: 0 auto;
}

.donate-top-sec .image-right-content p,
.bottom-left-content .image-left-content p {
    font-size: 24px;
    line-height: 140%;
}

.bottom-right-content h3 {
    max-width: 400px;
}

.donate-top-sec .img-bottom-text p {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #3D3A39;
}

.donate-top-sec .img-bottom-text p a {
    text-decoration: underline;
    color: #ffb706;
}

.donate-bottom-sec .image-left-content {
    position: absolute;
    transform: translate(50%, 50%);
    bottom: calc((100% - 4.8%) / 2);
    right: calc((100% + 6.8%) / 2);
    width: 70%;
}

.donate-top-sec .image-right-content {
    width: 70%;
    position: absolute;
    top: 50%;
    left: calc((100% + 4.8%) / 2);
    transform: translate(-50%, -50%);
}

.membership-content h2 {
    max-width: 500px;
}

.membership-content h2,
.donate-bg-img-text-sec h2 {
    font-family: 'PlantinMTPro-LightItalic';
    font-size: 75px;
    line-height: 73px;
}

.donate-hero-sec img,
.donate-bg-img-text-sec img {
    width: 100%;
}

.membership-hero-sec .membership-content,
.text-over-img,
.donate-text-over-img {
    position: absolute;
    top: 10%;
    right: 0px;
    left: 0px;
    max-width: 1425px;
    margin: 0px auto !important;
    padding: 0px 90px;
}

.membership-hero-sec .membership-content {
    top: 20%;
}

.text-over-img {
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    left: unset;
}

/* End Donate section */

/* Start Responsive for donate now page */

@media only screen and (max-width: 1400px) {

    .donate-bottom-sec .bottom-right-content .vc_column-inner,
    .donate-bottom-sec .bottom-left-content .vc_column-inner,
    .donate-top-sec .left-column .vc_column-inner,
    .donate-top-sec .right-column .vc_column-inner {
        padding: 0px !important;
    }

    .donate-bottom-sec .bottom-right-content,
    .donate-bottom-sec .bottom-left-content,
    .donate-top-sec .left-column,
    .donate-top-sec .right-column {
        width: 49%;
    }

    .donate-bg-img-text-sec h2 {
        max-width: 550px;
    }

    .donate-hero-sec h2 {
        max-width: 500px;
    }

    .membership-content h2,
    .donate-hero-sec h2,
    .donate-bg-img-text-sec h2 {
        font-size: 70px;
        line-height: 120%;
    }

    .donate-top-sec .image-right-content p,
    .bottom-left-content .image-left-content p {
        font-size: 22px;
        line-height: 140%;
    }

    .donate-top-sec .left-column .wpb_text_column p {
        font-size: 26px;
    }

    .bottom-left-content {
        margin-top: -60px !important;
    }

    p.middle-content {
        margin: 0px auto;
        max-width: 310px;
    }

}

@media only screen and (max-width: 1200px) {

    .membership-content h2,
    .donate-bg-img-text-sec h2,
    .donate-hero-sec h2 {
        font-size: 62px;
        max-width: 440px;
    }

    .donate-top-sec .left-column .wpb_text_column p {
        font-size: 24px;
    }

    .donate-bg-img-text-sec h2 {
        max-width: 480px;
    }

    .bottom-left-content {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 999px) {

    .membership-hero-sec .membership-content,
    .text-over-img,
    .donate-text-over-img {
        max-width: 88%;
        padding: 0px;
    }

    .donate-top-sec .left-column .wpb_text_column p {
        font-size: 22px;
    }

    .membership-content h2,
    .donate-bg-img-text-sec h2,
    .donate-hero-sec h2 {
        font-size: 48px;
        max-width: 340px;
    }

    .donate-top-sec .image-right-content {
        width: 80%;
    }

    .donate-top-sec .image-right-content p,
    .bottom-left-content .image-left-content p {
        font-size: 16px;
    }

    .donate-bg-img-text-sec h2 {
        max-width: 400px;
    }
}

@media only screen and (max-width: 767px) {

    .donate-bg-img-text-sec h2,
    .donate-hero-sec h2 {
        font-size: 38px;
        max-width: 270px;
    }

    .donate-bottom-sec .bottom-right-content,
    .donate-bottom-sec .bottom-left-content,
    .donate-top-sec .left-column,
    .donate-top-sec .right-column {
        width: 100%;
    }

    .donate-bg-img-text-sec h2 {
        max-width: 310px;
    }
}

@media only screen and (max-width: 575px) {

    .membership-content h2,
    .donate-bg-img-text-sec h2,
    .donate-hero-sec h2 {
        font-size: 28px;
        max-width: 200px;
    }

    .donate-bg-img-text-sec h2 {
        max-width: 230px;
    }

    .donate-bottom-sec .image-left-content,
    .donate-top-sec .image-right-content {
        width: 240px;
    }


    .donate-bottom-sec .bottom-left-content .wpb_wrapper,
    .donate-top-sec .right-column .wpb_wrapper {
        gap: 5px;
    }

    .donate-top-sec .image-right-content p,
    .bottom-left-content .image-left-content p {
        font-size: 16px;
    }

    .donate-bottom-sec img,
    .donate-top-sec img {
        height: 450px;
    }
}

/* End Responsive for donate now page  */
/* Membership page Css Start here  */
.member-top .row_col_wrap_12_inner::after,
.member-bottom .row_col_wrap_12_inner::after {
    content: unset;
}

.member-top .row_col_wrap_12_inner,
.member-bottom .row_col_wrap_12_inner {
    display: flex;
    justify-content: space-between;
    row-gap: 40px;
}

.member-bottom .member-left-content .wpb_content_element {
    margin: 0px;
}

.member-bottom .member-left-content .wpb_wrapper,
.member-top .member-right-content .wpb_wrapper {
    position: relative;
}

.member-top .member-right-content .member-right-inner-content {
    position: absolute;
    transform: translate(50%, 50%);
    bottom: calc((100% - 4.8%) / 2);
    right: calc((100% + 6.8%) / 2);
    width: 70%;
}

.member-bottom .member-left-content .member-left-inner-content {
    width: 70%;
    position: absolute;
    top: 50%;
    left: calc((100% + 4.8%) / 2);
    transform: translate(-50%, -50%);
}

.member-bottom .member-left-content .member-left-inner-content .wpb_wrapper,
.member-top .member-right-content .member-right-inner-content .wpb_wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.member-bottom .member-left-content .member-left-inner-content p,
.member-top .member-right-content .member-right-inner-content p {
    padding: 0px;
}

.member-bottom .member-right-content p,
.member-bottom .member-left-content .member-left-inner-content p.middle-content,
.member-top .member-right-content .member-right-inner-content p.middle-content {
    font-family: 'PlantinMTPro-LightItalic';
}

.member-bottom .member-right-content p {
    font-size: 32px;
    line-height: 120%;
}

.member-bottom .member-left-content .member-left-inner-content p:first-child,
.member-top .member-right-content .member-right-inner-content p:first-child {
    max-width: 220px;
    margin: 0px auto;
}

.bottom-sec a:hover {
    color: #524f4e !important;
}

.bottom-sec h3 {
    line-height: 120% !important;
    padding-bottom: 20px;
}

@media only screen and (max-width :1400px) {
    .member-bottom .member-right-content p {
        font-size: 28px;
        line-height: 120%;
    }

    .member-bottom .member-right-content .vc_column-inner,
    .member-bottom .member-left-content .vc_column-inner,
    .member-top .member-left-content .vc_column-inner,
    .member-top .member-right-content .vc_column-inner {
        padding: 0px !important;
    }

    .member-top .member-left-content,
    .member-top .member-right-content,
    .member-bottom .member-left-content,
    .member-bottom .member-right-content {
        width: 49%;
    }
}

@media only screen and (max-width : 1200px) {
    .member-bottom .member-right-content p {
        font-size: 24px;
    }
}

@media only screen and (max-width : 999px) {

    .member-top p,
    .member-bottom p {
        font-size: 16px;
    }

    .member-bottom .member-right-content p {
        font-size: 22px;
    }

    .member-top p.middle-content,
    .member-bottom p.middle-content {
        font-size: 18px;
    }

    .member-bottom .member-left-content .member-left-inner-content p:first-child,
    .member-top .member-right-content .member-right-inner-content p:first-child {
        max-width: 200px;
    }
}

@media only screen and (max-width: 767px) {

    .member-top .member-left-content,
    .member-top .member-right-content,
    .member-bottom .member-left-content,
    .member-bottom .member-right-content {
        width: 100%;
    }
}

/* Membership page Css Ends here  */

/* Contact Page Css Starts here */

.contact-banner-sec .row_col_wrap_12.col.span_12.dark.left::after {
    content: unset;
}

.contact-banner-sec .row_col_wrap_12.col.span_12.dark.left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact-banner-sec .banner-left,
.contact-banner-sec .banner-right {
    width: 40%;
}

.contact-banner-sec .banner-left h2 {
    font-family: 'PlantinMTPro-LightItalic';
    font-size: 100px;
    line-height: 100%;
    max-width: 400px;
}

.contact-banner-sec .banner-right img {
    width: 300px !important;
    margin-left: auto;
}

.mail-content,
.post-content {
    max-width: 500px !important;
}

.mail-content h3 {
    font-family: 'PlantinMTPro-LightItalic';
    display: flex;
    align-items: center;
    gap: 80px;
}

.mail-content h3 img {
    margin: 0px !important;
}

.mail-content a:hover {
    color: #ffb706 !important;
}

.post-content {
    position: relative;
}

.post-content h3 {
    margin-bottom: 30px !important;
}

.post-content img {
    margin: 0px !important;
    position: absolute;
    right: 100px;
    bottom: -100px;
}

@media only screen and (max-width : 1400px) {
    .contact-banner-sec .banner-left h2 {
        font-size: 90px;
        max-width: 350px;
    }
}

@media only screen and (max-width : 1200px) {
    .contact-banner-sec .banner-left h2 {
        font-size: 75px;
        max-width: 300px;
    }
}

@media only screen and (max-width : 999px) {
    .contact-banner-sec .banner-left h2 {
        font-size: 65px;
    }
}

@media only screen and (max-width : 767px) {
    .contact-banner-sec .banner-left h2 {
        font-size: 55px;
    }
}

@media only screen and (max-width : 575px) {

    .contact-banner-sec .row_col_wrap_12.col.span_12.dark.left {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .contact-banner-sec .banner-left,
    .contact-banner-sec .banner-right {
        width: 100%;
    }

    .contact-banner-sec .banner-right img {
        width: 200px !important;
        margin: 0px auto;
    }

    .contact-banner-sec .banner-left h2 {
        text-align: center;
        max-width: 100%;
    }

    .post-content img {
        right: 0px;
    }
}

/* Contact Page Css Ends here */