.cv-top-content {
    margin-bottom: 100px;
}

#cv-section h3 {
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

#cv-section h3 span {
    color: #CF2030;
}

.cv-left-block p {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.cv-right-block p {
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
}

.cv-right-block p span {
    font-weight: 700;
}

div#givers-gain {
    margin: 0 auto 20px;
    text-align: center;
    width: 100%;
}

.givers-gain h5 {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.infographic-box h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: #64666A;
    margin-bottom: 10px;
    transition: all 0.3s ease-in;
}

.givers-gain p,
.infographic-box p {
    color: #64666A;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    opacity: 0.4;
    transition: all 0.3s ease-in;
}

.core-value-inner-img {
    margin: 0 auto;
    position: relative;
    width: 900px;
    height: auto;
    background-repeat: no-repeat;
    background-position: 50% 99%;
    margin-bottom: 100px;
    transition: all 0.2s ease-in;
}

p.our_mission_text span {
    margin-right: 10px;
}

.infographic-box:hover h5,
.givers-gain h5,
.core-value-inner-img:has(#lifelong-map:hover) > #lifelong h5,
.core-value-inner-img:has(#relationship-map:hover) > #relationship h5,
.core-value-inner-img:has(#accountability-map:hover) > #accountability h5,
.core-value-inner-img:has(#recognition-map:hover) > #recognition h5,
.core-value-inner-img:has(#positive-map:hover) > #positive h5,
.core-value-inner-img:has(#traditions-map:hover) > #traditions h5 {
    color: #CF2030;
}

.infographic-box:hover p,
.givers-gain:hover p,
.core-value-inner-img:has(#lifelong-map:hover) > #lifelong p,
.core-value-inner-img:has(#relationship-map:hover) > #relationship p,
.core-value-inner-img:has(#accountability-map:hover) > #accountability p,
.core-value-inner-img:has(#recognition-map:hover) > #recognition p,
.core-value-inner-img:has(#traditions-map:hover) > #traditions p,
.core-value-inner-img:has(#positive-map:hover) > #positive p,
.core-value-inner-img:has(#giversgain-map:hover) > #givers-gain p {
    opacity: 1;
}

img#main-cv-img {
    display: block;
    margin: 0 auto;
    opacity: 0;
}

.infographic-box {
    position: absolute;
    width: 265px;
}

.cv-left {
    left: -35px
}

.cv-right {
    right: -50px;
}

#recognition, #lifelong {
    top: 190px;
}

#traditions, #accountability {
    top: 390px;
}

#positive, #relationship {
    top: 590px;
}

.core-value-inner-img,
.jq-cvdefault {
    background-image: url(../../img/cv/cv-default.webp);
}

.core-value-inner-img:has(div#givers-gain:hover),
.core-value-inner-img:has(#giversgain-map:hover),
.jq-giversgain {
    background-image: url("../../img/cv/givers-gain.webp");
}

.core-value-inner-img:has(div#recognition:hover),
.core-value-inner-img:has(#recognition-map:hover),
.jq-recognition {
    background-image: url("../../img/cv/recognition.webp");
}

.core-value-inner-img:has(div#lifelong:hover),
.core-value-inner-img:has(#lifelong-map:hover),
.jq-lifelong {
    background-image: url("../../img/cv/lifelong-learning.webp");
}

.core-value-inner-img:has(div#traditions:hover),
.core-value-inner-img:has(#traditions-map:hover),
.jq-traditions {
    background-image: url("../../img/cv/traditions-innovation.webp");
}

.core-value-inner-img:has(div#positive:hover),
.core-value-inner-img:has(#positive-map:hover),
.jq-positive {
    background-image: url("../../img/cv/positive-attitude.webp");
}

.core-value-inner-img:has(div#relationship:hover),
.core-value-inner-img:has(#relationship-map:hover),
.jq-relationship {
    background-image: url("../../img/cv/building-relationship.webp");
}

.core-value-inner-img:has(div#accountability:hover),
.core-value-inner-img:has(#accountability-map:hover),
.jq-accountability {
    background-image: url("../../img/cv/accountability.webp");
}

section#cv-mobile-accordion {
    margin-bottom: 80px;
}


@media only screen and (max-width: 1200px) {
    .cv-top-content {
        margin-bottom: 80px;
    }

    .core-value-inner-img, .jq-cvdefault {
        background: none;
        width: 800px;
    }

    img#main-cv-ipad {
        margin: 0 auto;
        text-align: center;
        width: 300px;
        height: auto;
    }

    div#givers-gain {
        margin: 0 auto 20px;
        text-align: center;
        width: 75%;
    }

    .infographic-box {
        width: 230px;
    }

    .givers-gain h5 {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .infographic-box h5 {
        font-size: 18px;
        color: #CF2030;
        margin-bottom: 5px;
    }

    .givers-gain p, .infographic-box p {
        font-size: 14px;
        opacity: 1;
    }

    #recognition, #lifelong {
        top: 130px;
    }

    #traditions, #accountability {
        top: 280px;
    }

    #positive, #relationship {
        top: 400px;
    }

    .cv-right {
        right: -20px;
    }

    .cv-left {
        left: -10px;
    }
    #cv-section h3 {
        font-size: 36px;
    }

    .cv-right-block p {
        font-size: 28px;
    }
}

@media only screen and (max-width: 992px) {
    .core-value-inner-img {
        width: 700px;
    }

    div#givers-gain {
        width: 85%;
    }

    img#main-cv-ipad {
        width: 250px;
        height: auto;
    }

    .infographic-box {
        width: 200px;
    }

    .givers-gain h5 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .infographic-box h5 {
        font-size: 16px;
    }

    .givers-gain p, .infographic-box p {
        font-size: 12px;
    }

    #recognition, #lifelong {
        top: 110px;
    }

    #traditions, #accountability {
        top: 250px;
    }

    #positive, #relationship {
        top: 360px;
    }

    .core-value-inner-img {
        margin-bottom: 140px;
    }

    .help-left-block h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .help-left-block h3 span {
        margin-top: -5px;
    }

    .cv-right {
        right: 20px;
    }

    .cv-left {
        left: 30px;
    }
    .cv-right-block p{
        font-size: 24px;
    }


}

@media only screen and (max-width: 767px) {
    details {
        margin: 5px;
        font-size: 18px;
    }

    details > * {
        padding: .75rem;
    }

    details > div {
        background: #ddd;
        border-radius: 0 0 5px 5px;
    }

    summary {
        border-radius: 5px;
        font-size: 20px;
        font-family: sans-serif;
        font-weight: bold;
        color: #fff;
        background: #0B486B;
        cursor: pointer;
        position: relative;
        transition: .3s;
        text-indent: 0px;
    }

    summary::marker {
        content: "";
    }

    summary::before {
        content: "";
        position: absolute;
        inset: .75rem;
        left: auto;
        aspect-ratio: 1;
        background: conic-gradient(from 90deg at 26% 26%, #0000 90deg, #fff 0) 100% 100%/58% 58%;
        clip-path: inset(1px);
        transition: .3s;
    }

    details[open] summary::before {
        transform: rotate(45deg);
    }

    details[open] summary {
        border-radius: 5px 5px 0 0;
        background: #0b6b40;
        text-indent: 1rem;
    }

    .our-mission {
        margin: 50px 0 !important;
    }

    ul#bni-corevalue li {
        border-bottom: 1px solid #000;
    }

    ul#bni-corevalue li a {
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all 0.3s ease-out;
    }

    ul#bni-corevalue li.active a i.fa-minus,
    ul#bni-corevalue li a i.fa-plus {
        display: block;
        font-weight: 700;
        transform: rotate(0deg);
        transition: all 0.3s ease-in;
    }

    ul#bni-corevalue li.active a i.fa-plus,
    ul#bni-corevalue li a i.fa-minus {
        display: none;
        transform: rotate(0deg);
        transition: all 0.3s ease-out;
    }

    .cv-left-block p {
        font-size: 16px;
    }

    .cv-right-block p {
        font-size: 16px;
        margin-top: 20px;
    }

    .cv-top-content {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 576px) {
    #cv-section h3 {
        font-size: 24px;
    }
}