.need_vote--wrapper {
    padding: 30px 0 40px
}

.vote_info_wrapper .vote_title,
.vote_info_wrapper .meet_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 36px;
    text-transform: capitalize;
    color: var(--quaternary-color);
    margin-bottom: 0
}

.vote_info_wrapper .vote_focus {
    font-family: var(--poppins);
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    text-transform: capitalize;
    color: var(--secondary-color);
    padding: 15px 0 27px;
    margin-bottom: 0
}

.vote_info_wrapper p {
    padding-top: 31px;
    padding-bottom: 31px
}

@media(min-width:768px) {
    .need_vote--wrapper {
        padding-bottom: 70px
    }

    .vote_info_wrapper .vote_title,
    .vote_info_wrapper .meet_title {
        font-size: 30px
    }

    .vote_info_wrapper .vote_focus {
        font-size: 65px;
        line-height: 65px
    }
}

@media(min-width:992px) {
    .need_vote--wrapper {
        padding-top: 0;
        margin-top: -15px
    }

    .vote_info_wrapper .vote_focus {
        font-size: 56px;
        line-height: 98px;
        padding: 20px 0 42px
    }
}

@media(min-width:1200px) {
    .vote_img--wrapper {
        text-align: right
    }

    .need_vote--wrapper {
        position: relative
    }

    .need_vote--wrapper::before {
        content: '';
        position: absolute;
        background: url('../../images/campaign.png')no-repeat 0 0;
        width: 224px;
        height: 1184px;
        top: -10rem;
        z-index: -6
    }
}

@media(min-width:1680px) {
    .vote_info_wrapper {
        padding-right: 30px
    }

    .vote_img--wrapper {
        padding-left: 30px
    }

    .need_vote--wrapper::before {
        top: -8rem;
        left: 5rem
    }
}

.our_future_plans--wrapper .title {
    padding-bottom: 40px
}

.our_future_col--wrapper {
    box-shadow: 20px 20px 60px rgba(15, 16, 17, .1);
    border-radius: 15px;
    background: var(--white);
    margin-bottom: 30px;
    overflow: hidden
}

.our_future_col--wrapper img {
    width: 100%
}

.future_info--wrapper {
    padding: 30px 20px
}

.future_info--wrapper .latest_title {
    font-family: var(--poppins);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .025em;
    color: var(--quaternary-color);
    margin-bottom: 0;
    padding-bottom: 17px
}

.our_future_plans--wrapper .row {
    padding-bottom: 40px
}

.our_future_plans--wrapper .container {
    position: relative
}

.our_future_plans--wrapper .future_left_ball {
    position: absolute;
    top: -6rem;
    left: 0
}

.our_future_plans--wrapper .future_right_ball {
    position: absolute;
    top: 4rem;
    right: 0
}

@media(min-width:768px) {
    .our_future_plans--wrapper .title {
        padding-bottom: 58px
    }

    .future_info--wrapper {
        padding: 25px 10px
    }

    .our_future_plans--wrapper .row {
        position: relative;
        padding-bottom: 150px
    }

    .our_future_plans--wrapper .row::before {
        content: '';
        position: absolute;
        background: url('../../images/sec3-home-redbg.png')no-repeat 0 0;
        background-size: 100%;
        max-width: 680px;
        width: 500px;
        height: 77%;
        top: -8rem;
        left: 1rem
    }

    .our_future_plans--wrapper .row::after {
        content: '';
        position: absolute;
        background: url('../../images/dotted-map.png')no-repeat 0 0;
        background-size: 100%;
        max-width: 680px;
        width: 500px;
        height: 300px;
        top: 16rem;
        left: -7rem;
        z-index: -1
    }

    .our_future_plans--wrapper .future_left_ball {
        top: 1rem
    }
}

@media(min-width:992px) {
    .our_future_plans--wrapper .title {
        padding-bottom: 78px
    }

    .future_info--wrapper {
        padding: 33px 42px
    }

    .our_future_plans--wrapper .row::before {
        width: 580px;
        height: 100%;
        top: -10rem;
        left: 2rem
    }
}

@media(min-width:1200px) {
    .our_future_plans--wrapper .row::before {
        width: 680px;
        height: 100%;
        top: -10rem;
        left: 2rem
    }

    .our_future_plans--wrapper .future_left_ball {
        top: 5rem;
        left: -1rem
    }

    .our_future_plans--wrapper .future_right_ball {
        top: 4rem;
        right: 1rem
    }

    .our_future_plans--wrapper .row {
        padding-bottom: 359px
    }
}

@media(min-width:1300px) {
    .our_future_plans--wrapper .future_left_ball {
        top: 5rem;
        left: -5rem
    }

    .our_future_plans--wrapper .future_right_ball {
        top: 12rem;
        right: -6rem
    }
}

@media(min-width:1680px) {
    .our_future_plans--wrapper .row::before {
        top: -12rem
    }

    .our_future_plans--wrapper .future_left_ball {
        top: 0;
        left: -11rem
    }

    .our_future_plans--wrapper .future_right_ball {
        right: -15rem
    }

    .our_future_plans--wrapper .row::after {
        width: 685px;
        height: 100%;
        left: -15rem
    }
}

.favourite_party--wrapper {
    background: url(../../images/home-sec4-bg.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 53px 0 198px;
    position: relative
}

.favourite_party--wrapper::after {
    content: '';
    position: absolute;
    background: url(../../images/dotted-map.png)no-repeat 0 0;
    background-size: 100%;
    max-width: 685px;
    width: 300px;
    height: 406px;
    z-index: -9;
    right: 0;
    bottom: -25rem
}

.favourite_party--wrapper .container {
    position: relative
}

.favourite_party--wrapper .party_title {
    font-family: var(--poppins);
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 0;
    padding-bottom: 30px
}

.favourite_party--wrapper p {
    font-family: var(--open-sans);
    text-align: center;
    color: var(--white);
    max-width: 750px;
    margin: auto
}

.btn_donate--wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 52px
}

.btn_donate--wrapper .btn_common {
    display: block;
    max-width: 133px
}

.btn_donate--wrapper .slide_from_top.btn_slide {
    padding: 11px 20px !important
}

@media(min-width:576px) {
    .favourite_party--wrapper .party_title {
        font-size: 40px;
        line-height: 46px
    }
}

@media(min-width:768px) {
    .favourite_party--wrapper {
        padding: 103px 0 410px
    }

    .favourite_party--wrapper .party_title {
        line-height: 64px;
        padding-bottom: 44px
    }
}

@media(min-width:1200px) {
    .favourite_party--wrapper::after {
        width: 385px
    }
}

@media(min-width:1680px) {
    .favourite_party--wrapper::after {
        width: 590px;
        right: 2rem
    }
}

.voters_says--wrapper {
    margin-top: -150px
}

.voters_says--wrapper .voters_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 36px;
    text-transform: capitalize;
    color: var(--white);
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 45px;
    position: relative
}

.voters_list--wrapper {
    background: var(--white);
    box-shadow: 15px 20px 50px rgba(0, 0, 0, .07);
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 35px 20px 36px
}

.voters_list--wrapper .celendar_wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 20px
}

.celendar_wrapper .date_year {
    font-family: var(--open-sans);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 115.4%;
    color: var(--primary-color);
    padding-left: 15px
}

.voters_info--wrapper {
    display: flex;
    align-items: center;
    padding-top: 35px
}

.voters_details--wrapper {
    padding-left: 18px
}

.voters_details--wrapper .voters_name {
    font-family: var(--open-sans);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 115.4%;
    color: #384b5b;
    margin-bottom: 0;
    padding-bottom: 10px
}

.voters_details--wrapper p {
    font-family: var(--open-sans);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #787c8b
}

@media(min-width:576px) {
    .voters_says--wrapper .voters_title {
        font-size: 30px
    }
}

@media(min-width:768px) {
    .voters_says--wrapper {
        margin-top: -290px
    }

    .voters_says--wrapper .voters_title {
        padding-bottom: 85px
    }
}

@media(min-width:992px) {
    .voters_list--wrapper {
        padding: 40px 30px 50px
    }

    .voters_list--wrapper .celendar_wrapper {
        padding-bottom: 30px
    }

    .voters_info--wrapper {
        padding-top: 45px
    }
}

.upcoming-events--wrapper .upcoming_events_title {
    font-family: var(--poppins);
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    text-transform: capitalize;
    color: var(--quaternary-color);
    padding-top: 30px;
    padding-bottom: 40px;
    margin-bottom: 0
}

.upcoming_events_title .live {
    color: var(--primary-color);
    position: relative
}

.upcoming_events_title .live::before {
    content: '';
    position: absolute;
    background: url(../../images/live.png) no-repeat 0 0;
    background-size: 100%;
    width: 15px;
    height: 15px;
    left: -20px
}

.upcoming-events--wrapper .row {
    position: relative
}

.upcoming-events--wrapper .row::before {
    content: '';
    position: absolute;
    background: url(../../images/dotted-map.png)no-repeat 0 0;
    background-size: 100%;
    max-width: 685px;
    width: 385px;
    height: 406px;
    z-index: -9;
    left: -10rem;
    top: -8rem
}

.upcoming-events--wrapper .row::after {
    content: '';
    position: absolute;
    background: url(../../images/dotted-map.png)no-repeat 0 0;
    background-size: 100%;
    max-width: 685px;
    width: 385px;
    height: 406px;
    z-index: -9;
    right: 0;
    bottom: -20rem
}

.upcoming_events--members {
    background: 0 0;
    margin-bottom: 30px
}

.upcoming_events--members .btn_common {
    display: block
}

.members_img--wrapper {
    border-radius: 15px
}

.members_img--wrapper img {
    width: 100%
}

.upcoming_events--members .events_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: var(--quaternary-color);
    padding: 30px 0 15px;
    margin-bottom: 0
}

.upcoming_events--members .date_yr {
    font-family: var(--open-sans);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: var(--secondary-color)
}

.upcoming_events--members p {
    font-family: var(--roboto);
    padding: 18px 0 31px;
    color: var(--quaternary-color)
}

.upcoming_events--members p .hosted {
    color: #959595;
    font-style: italic
}

.upcoming_events--members .btn_cover {
    max-width: 170px
}

@media(min-width:768px) {
    .upcoming-events--wrapper .upcoming_events_title {
        line-height: 54px;
        padding-top: 83px;
        padding-bottom: 88px
    }

    .upcoming_events_title .live::before {
        width: 21px;
        height: 21px;
        left: -30px
    }

    .upcoming_events--members .events_title {
        font-size: 22px;
        line-height: 32px
    }
}

@media(min-width:992px) {
    .upcoming_events--members .events_title {
        font-size: 30px;
        line-height: 39px
    }
}

@media(min-width:1680px) {
    .upcoming-events--wrapper .row::after {
        width: 685px;
        height: 100%;
        right: -8rem;
        bottom: -33rem
    }
}

.reasons_for_vote--wrapper .row {
    position: relative
}

.reasons_for_vote--wrapper .row::before {
    content: '';
    position: absolute;
    background: url(../../images/round-circle.png)no-repeat 0 0;
    background-size: 100%;
    max-width: 100%;
    width: 1000px;
    height: 100%;
    z-index: 0;
    left: -16rem;
    top: -12rem
}

.reasons_for_vote--wrapper .title {
    padding-top: 25px;
    padding-bottom: 40px
}

.reasons_list--wrapper {
    margin-top: 20px
}

.reasons_list--wrapper .list_for--vote {
    background: #2b2f34;
    border-radius: 15px;
    padding: 40px 15px 40px 70px
}

.vote_reason--wrapper {
    position: relative
}

.vote_reason--wrapper::after {
    content: '';
    position: absolute;
    background: url(../../images/dotted-map.png)no-repeat 0 0;
    background-size: 100%;
    max-width: 685px;
    width: 385px;
    height: 406px;
    z-index: -9;
    right: 0;
    top: 2rem
}

.vote_list {
    position: relative;
    font-family: var(--open-sans);
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    color: var(--white);
    margin-bottom: 20px
}

.vote_list:last-child {
    margin-bottom: 0
}

.vote_list::before {
    content: '';
    position: absolute;
    background: url(../../images/checkbox.svg) no-repeat 0 0;
    background-size: cover;
    width: 35px;
    height: 35px;
    top: 5px;
    left: -54px
}

@media(min-width:768px) {
    .reasons_for_vote--wrapper .title {
        padding-top: 77px;
        padding-bottom: 51px
    }

    .reasons_list--wrapper {
        margin-top: 0
    }

    .reasons_list--wrapper .list_for--vote {
        width: 100%
    }
}

@media(min-width:992px) {
    .reasons_list--wrapper .list_for--vote {
        padding: 30px;
        padding-left: 75px;
    }

    .vote_list::before {
        left: -55px
    }

    .vote_list {
        font-size: 13px
    }
}

@media(min-width:1680px) {
    .vote_list {
        margin-bottom: 40px
    }
}

.campaining_cols {
    margin-bottom: 30px
}

.campaining_members--wrapper .row {
    position: relative
}

.campaining_members--wrapper .row::after {
    content: '';
    position: absolute;
    background: url(../../images/dotted-map.png)no-repeat 0 0;
    background-size: 100%;
    max-width: 685px;
    width: 385px;
    height: 406px;
    z-index: -9;
    top: -8rem;
    right: 0
}

.campaining_members--wrapper .campaining_title {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-transform: capitalize;
    color: var(--quaternary-color);
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 40px
}

.campaining_members--wrapper .camp_members_wrapper {
    text-align: center
}

.camp_members_wrapper .camp_members_inner--wrapper {
    border-radius: 15px;
    position: relative;
    transition: all .5s ease
}

.camp_members_wrapper .camp_members_inner--wrapper>div {
    padding-top: 20px
}

.camp_members_inner--wrapper .team_members {
    position: relative;
    transition: all .5s ease;
    z-index: 1
}

.camp_members_wrapper .camp_members_inner--wrapper:hover {
    box-shadow: 0 20px 22px #ccc
}

.camp_members_inner--wrapper .members_name {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 800;
    font-size: 66.9565px;
    line-height: 115.4%;
    letter-spacing: -.1em;
    transform: rotate(-90deg);
    position: absolute;
    width: 100%;
    left: -1rem;
    right: 0;
    top: 3rem;
    bottom: 0;
    max-height: 300px;
    margin-bottom: 0;
    z-index: 0
}

.members_name--wrapper .members_title {
    font-family: var(--poppins);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .025em;
    color: var(--quaternary-color);
    margin-bottom: 0;
    padding-top: 35px
}

.campaining_cols:nth-child(1) .members_name {
    color: #eec4c4
}

.campaining_cols:nth-child(2) .members_name {
    color: #ebc791
}

.campaining_cols:nth-child(3) .members_name {
    color: #aecbe6
}

.campaining_cols:nth-child(1) .camp_members_inner--wrapper {
    background: #fddbdb
}

.campaining_cols:nth-child(2) .camp_members_inner--wrapper {
    background: #fda
}

.campaining_cols:nth-child(3) .camp_members_inner--wrapper {
    background: #d1e9ff
}

@media(min-width:768px) {
    .campaining_members--wrapper .campaining_title {
        padding-bottom: 84px
    }
}

@media(min-width:992px) {
    .campaining_cols {
        margin-bottom: 0
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .camp_members_inner--wrapper .members_name {
        font-size: 55.9565px;
        left: 1rem
    }
}

@media(min-width:1200px) {
    .campaining_members--wrapper .campaining_title {
        padding-top: 0
    }

    .vote_reason--wrapper {
        left: -5rem
    }

    .vote_reason--wrapper::after {
        width: 500px;
        right: -10rem
    }

    .campaining_members--wrapper {
        margin-top: 8rem
    }

    .campaining_members--wrapper .row::after {
        right: -6rem
    }
}

@media(min-width:1400px) {
    .vote_reason--wrapper {
        left: -9rem
    }
}

@media(min-width:1680px) {
    .campaining_members--wrapper {
        margin-top: 5rem
    }
}

.our_story--wrapper {
    position: relative
}

.our_story--wrapper::after {
    content: '';
    position: absolute;
    background: url(../../images/shop.png)no-repeat 0 0;
    width: 167px;
    height: 916px;
    top: 17rem;
    right: 0;
    z-index: -6
}

.our_story--wrapper .row,
.active_tag {
    position: relative
}

.active_tag::after {
    content: '';
    position: absolute;
    background: url(../../images/add.svg) no-repeat 0 0;
    background-size: cover;
    width: 26px;
    height: 26px;
    top: -2rem;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: visibility ease .4s, opacity ease .6s
}

.our_story_inner--wrapper:hover .active_tag::after {
    visibility: visible;
    opacity: 1
}

.active_tag .tag_wrapper {
    display: flex;
    align-items: center;
    width: 178px;
    padding-top: 5px
}

.active_tag .percent_off {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 115.4%;
    color: #000;
    padding-left: 5px
}

.our_story--wrapper .row::before {
    content: '';
    position: absolute;
    background: url(../../images/dotted-map.png)no-repeat 0 0;
    background-size: 100%;
    max-width: 685px;
    width: 300px;
    height: 406px;
    z-index: -9;
    left: 0;
    top: 0
}

.our_story--wrapper .title {
    padding-top: 51px;
    padding-bottom: 40px
}

.our_story_inner--wrapper {
    text-align: center;
    margin-bottom: 30px
}

.our_story_inner--wrapper .story_img--wrapper {
    width: 100%;
    height: 178px;
    text-align: center;
    overflow: hidden
}

.our_story_inner--wrapper .story_img--wrapper img {
    transition: all .5s ease
}

.our_story_inner--wrapper .story_img--wrapper:hover img {
    transform: scale(1.1)
}

.our_story_inner--wrapper .story_img--wrapper img {
    transition: all .5s ease
}

.our_story_inner--wrapper .story_img--wrapper:hover img {
    transform: scale(1.1)
}

.our_story_inner--wrapper .story_title {
    font-family: var(--poppins);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .025em;
    color: var(--quaternary-color);
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 9px
}

.our_story_inner--wrapper p {
    font-family: var(--montserrat);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 115.4%;
    color: var(--primary-color)
}

@media(min-width:576px) {
    .our_story--wrapper .row::before {
        left: -5rem;
        top: -12rem
    }
}

@media(min-width:768px) {
    .our_story--wrapper .row::before {
        width: 560px
    }

    .our_story--wrapper .title {
        padding-top: 70px;
        padding-bottom: 60px
    }

    .our_story_inner--wrapper {
        margin-bottom: 50px
    }
}

@media(min-width:1199px) {
    .our_story_inner--wrapper {
        margin-bottom: 129px
    }
}

@media(min-width:1680px) {
    .our_story--wrapper::after {
        right: 5rem
    }
}

.store-timeline {
    position: relative
}

.store-timeline:before {
    content: "";
    background: url(../../images/round-circle.png) no-repeat center center;
    position: absolute;
    max-width: 100%;
    width: 190rem;
    height: 60rem;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    z-index: -2
}

.store-timeline .container {
    position: relative
}

.store-timeline .container:before {
    content: "";
    position: absolute;
    background: url(../../images/dotted-map.png) no-repeat top right;
    background-size: 100%;
    z-index: -1;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 20rem;
    left: 0;
    right: auto
}

.store-timeline .container:after {
    content: "";
    position: absolute;
    background: url(../../images/dotted-map.png) no-repeat bottom left;
    background-size: 100%;
    z-index: -1;
    top: auto;
    width: 100%;
    max-width: 100%;
    height: 20rem;
    left: 0;
    right: auto;
    bottom: 0
}

.store-timeline__header {
    text-align: center
}

.store-timeline__header--title {
    display: inline-block;
    position: relative;
    width: auto
}

@media(min-width:768px) {
    .store-timeline {
        padding-top: 100px
    }

    .store-timeline:before {
        height: 37rem
    }
}

@media(min-width:992px) {
    .store-timeline {
        margin-bottom: 7rem
    }

    .store-timeline:before {
        width: 190rem;
        height: 55rem;
        top: -10rem;
        bottom: 0;
        z-index: -2
    }

    .store-timeline .container:before {
        height: 40rem;
        top: -7rem;
        background-size: 50%
    }

    .store-timeline .container:after {
        height: 41rem;
        background-size: 50%;
        bottom: -7rem;
        left: -15rem
    }
}

@media(min-width:1200px) {
    .store-timeline {
        margin-bottom: 4rem
    }
}

@media(min-width:1366px) {
    .store-timeline {
        margin-bottom: 11rem
    }
}

@media(min-width:1680px) {
    .store-timeline {
        margin-bottom: 14rem
    }

    .store-timeline .container:after {
        bottom: -7rem;
        left: -15rem
    }
}

@media(min-width:1920px) {
    .store-timeline {
        margin-bottom: 3.5rem
    }
}

.timeline {
    position: relative
}

.timeline__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 2rem
}

.timeline__item .timeline_year {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #e31112;
    border: 5px solid #f4f4f4;
    filter: drop-shadow(0px 20px 40px rgba(38, 5, 5, 0.2));
    font-family: montserrat, sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    color: #fff;
    margin-right: 1rem
}

.timeline__item p {
    max-width: 60%;
    margin-bottom: 0
}

@media(min-width:768px) {
    .timeline {
        column-count: 2;
        position: relative
    }

    .timeline__item .timeline_year {
        font-size: 15px;
        width: 4rem;
        height: 4rem
    }

    .timeline:before {
        content: "";
        background: url(../../images/timeline-bg.png) no-repeat top center;
        background-size: 96%;
        position: absolute;
        height: 160.8rem;
        width: 27rem;
        max-width: 100%;
        margin: auto;
        left: 14rem;
        top: -14rem;
        z-index: -1;
        margin-right: 5rem
    }

    .timeline__item:nth-child(1),
    .timeline__item:nth-child(2),
    .timeline__item:nth-child(3) {
        flex-direction: row-reverse;
        text-align: right
    }

    .timeline__item:nth-child(1) .timeline_year,
    .timeline__item:nth-child(2) .timeline_year,
    .timeline__item:nth-child(3) .timeline_year {
        margin-right: 0;
        margin-left: 1.5rem
    }

    .timeline__item:nth-child(1) {
        margin-right: 3rem;
        margin-bottom: 4rem
    }

    .timeline__item:nth-child(2) {
        margin-right: 6rem;
        margin-bottom: 4rem
    }

    .timeline__item:nth-child(3) {
        margin-right: 6rem;
        margin-bottom: 5rem
    }

    .timeline__item:nth-child(4) {
        margin-left: 7rem;
        margin-bottom: 4rem
    }

    .timeline__item:nth-child(5) {
        margin-left: 1rem;
        margin-bottom: 5rem
    }

    .timeline__item:nth-child(6) {
        margin-left: 3rem
    }

    .timeline__item p {
        max-width: 60%
    }
}

@media(min-width:992px) {
    .timeline:before {
        max-width: 30rem;
        width: 100%;
        top: -10rem;
        left: 19rem;
        margin-right: 10rem;
        background-size: 90%
    }

    .timeline__item {
        margin-bottom: 6rem
    }

    .timeline__item .timeline_year {
        width: 90px;
        height: 90px;
        border: 7px solid #f4f4f4;
        font-size: 23px
    }

    .timeline__item:nth-child(1) {
        margin-right: 0;
        margin-bottom: 5rem
    }

    .timeline__item:nth-child(2) {
        margin-right: 6rem;
        margin-bottom: 5rem
    }

    .timeline__item:nth-child(3) {
        margin-right: 6rem;
        margin-bottom: 8rem
    }

    .timeline__item:nth-child(4) {
        margin-left: 11rem;
        margin-bottom: 5rem
    }

    .timeline__item:nth-child(5) {
        margin-left: 0;
        margin-bottom: 5rem
    }

    .timeline__item:nth-child(6) {
        margin-left: 0
    }
}

@media(min-width:1200px) {
    .timeline:before {
        max-width: 43rem;
        top: -19rem
    }

    .timeline__item:nth-child(1) {
        margin-right: 5rem;
        margin-bottom: 7rem
    }

    .timeline__item:nth-child(2) {
        margin-right: 11rem;
        margin-bottom: 8rem
    }

    .timeline__item:nth-child(3) {
        margin-right: 11rem
    }

    .timeline__item:nth-child(4) {
        margin-left: 12rem;
        margin-bottom: 7rem
    }

    .timeline__item:nth-child(5) {
        margin-left: 1rem;
        margin-bottom: 8rem
    }
}

@media(min-width:1366px) {
    .timeline:before {
        left: 19rem;
        top: -20rem;
        width: 45rem;
        z-index: -1
    }

    .timeline__item .timeline_year {
        width: 108px;
        height: 108px;
        border: 10px solid #f4f4f4;
        font-size: 30px
    }

    .timeline__item:nth-child(1) {
        margin-right: 5rem;
        margin-bottom: 5rem
    }

    .timeline__item:nth-child(2) {
        margin-right: 10rem;
        margin-bottom: 8rem
    }

    .timeline__item:nth-child(3) {
        margin-right: 10rem;
        margin-bottom: 8rem
    }

    .timeline__item:nth-child(4) {
        margin-left: 13rem;
        margin-bottom: 7rem
    }

    .timeline__item:nth-child(5) {
        margin-left: 0;
        margin-bottom: 8rem
    }

    .timeline__item:nth-child(6) {
        margin-left: 0
    }

    .timeline__item p {
        max-width: 60%
    }
}

@media(min-width:1440px) {
    .timeline__item:nth-child(5) {
        margin-bottom: 6rem
    }
}

.top_news_main--wrapper {
    position: relative;
    z-index: 9
}

.top_news--wrapper {
    background: var(--white);
    box-shadow: 20px 20px 50px rgba(0, 0, 0, .1);
    border-radius: 15px;
    margin-bottom: 30px;
    overflow: hidden
}

.top_news_main--wrapper .title {
    padding-bottom: 55px
}

.top_news--wrapper .campaining_img {
    width: 100%
}

.top_news_info--wrapper {
    padding: 36px 25px 39px
}

.top_news_info--wrapper .campaining_title {
    font-family: var(--poppins);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .025em;
    color: var(--quaternary-color);
    margin-bottom: 0;
    padding-bottom: 17px
}

.calendar_date--wrapper {
    display: flex;
    align-items: center;
    padding-top: 30px
}

.calendar_date--wrapper .date_yrs {
    font-family: var(--open-sans);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 115.4%;
    color: var(--quaternary-color);
    padding-left: 10px
}

.top_news_main--wrapper .container {
    position: relative
}

.top_news_main--wrapper .donate_box {
    top: 1rem
}

@media(min-width:768px) {
    .top_news_main--wrapper .title {
        padding-bottom: 109px
    }

    .top_news_info--wrapper {
        padding: 35px 20px
    }

    .calendar_date--wrapper .date_yrs {
        padding-left: 16px
    }

    .top_news_main--wrapper .donate_box {
        top: 7rem
    }
}

@media(min-width:1199px) {
    .top_news_info--wrapper {
        padding: 36px 48px 39px
    }
}

.home_one--wrapper .footer {
    margin-top: 10rem;
    position: relative;
    z-index: 0
}

.home_one--wrapper .footer .top_row {
    padding-top: 360px
}

.home_one--wrapper .footer::before {
    content: '';
    position: absolute;
    background: url(../../images/dotted-map.png)no-repeat 0 0;
    background-size: 100%;
    max-width: 685px;
    width: 385px;
    height: 406px;
    z-index: -9;
    top: -10rem;
    right: 0
}

@media(min-width:1400px) {
    .calendar_date--wrapper {
        padding-top: 45px
    }
}