/* ================ home-V1-sec2 ============ */ 
.need_vote--wrapper { padding: 30px 0px 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: 900; font-size: 50px; line-height: 40px; text-transform: capitalize; color: var(--primary-color); padding: 15px 0px 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: 96px; line-height: 98px; padding: 20px 0px 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; } }
 /* ================ home-V1-sec2-ends ============ */ 
 
 /* ================ home-V1-sec3-our-future ============ */ 
.our_future_plans--wrapper .title { padding-bottom: 40px; } 
.our_future_col--wrapper { box-shadow: 20px 20px 60px rgba(15, 16, 17, 0.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: 0.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: 0rem; } 
.our_future_plans--wrapper .future_right_ball { position: absolute; top: 4rem; right: 0rem; } 

 @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: 225px; } } 
 
 @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: 0rem; left: -11rem; } .our_future_plans--wrapper .future_right_ball { right: -15rem; } .our_future_plans--wrapper .row::after { width: 685px; height: 100%; left: -15rem; } 
 } 
 /* ================ home-V1-sec3-our-future-ends ============ */ 
 /* ================ home-V1-sec4-favourite-party ============ */ 
 .favourite_party--wrapper {background-color: #9b0703; padding: 53px 0px 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: 0rem; bottom: -25rem; } 
 .favourite_party--wrapper .container { position: relative; } 
 .favourite_party--wrapper .party_title { font-family: var(--poppins); font-style: normal; font-weight: bold; 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: 25px; } 
 .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: 90px 0px 410px; } .favourite_party--wrapper .party_title { font-size: 50px; line-height: 64px; padding-bottom: 25px; } } 
 
 @media ( min-width: 1200px ) { .favourite_party--wrapper::after { width: 385px; } } 
 
 @media ( min-width: 1680px ) { .favourite_party--wrapper::after { width: 590px; right: 2rem; } } 
 /* ================ home-V1-sec4-favourite-party-ends ============ */ 
 /* ================ home-V1-sec5-voters-says ============ */ 
 .voters_says--wrapper { margin-top: -150px; } 
 .voters_says--wrapper .voters_title { font-family: var(--montserrat); font-style: normal; font-weight: bold; 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, 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: 700; font-size: 18px; line-height: 115.4%; color: var(--primary-color); text-align: center !important; }
.voters_info--wrapper a { font-family: var(--open-sans); font-style: normal; font-weight: 600; font-size: 14px; line-height: 115.4%; color: var(--quaternary-color); text-align: right; } 
.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: normal; 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: -350px; } .voters_says--wrapper .voters_title { padding-bottom: 45x; } } 

@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; } } 
/* ================ home-V1-sec5-voters-says-ends ============ */ 
/* ================ home-V1-sec6-upcoming-events ============ */ .upcoming-events--wrapper .upcoming_events_title { font-family: var(--poppins); font-style: normal; font-weight: bold; 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: 0rem; bottom: -20rem; } .upcoming_events--members { background: transparent; 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: bold; font-size: 20px; line-height: 25px; color: var(--quaternary-color); padding: 30px 0px 15px; margin-bottom: 0; } .upcoming_events--members .date_yr { font-family: var(--open-sans); font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; color: var(--secondary-color); } .upcoming_events--members p { font-family: var(--roboto); padding: 18px 0px 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 { font-size: 50px; 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; } } 
/* ================ home-V1-sec6-upcoming-events-ends ============ */ 
/* ================ home-V1-sec7-reasons ============ */ 
.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: -130px; } 
.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: 0rem; top: 2rem; } 
.vote_list { position: relative; font-family: var(--open-sans); font-style: normal; font-weight: 600; font-size: 15px; line-height: 24px; color: var(--white); margin-bottom: 10px; } 
.vote_list:last-child { margin-bottom: 0px; } 
.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: 0px; } 
	.reasons_list--wrapper .list_for--vote { max-width: 6000px; width: 100%; } 
} 
@media ( min-width: 992px ) { 
	.reasons_list--wrapper .list_for--vote { padding: 40px 15px 40px 70px; } 
	.vote_list::before { left: -54px; } 
	.vote_list { font-size: 16px; } 
} 
@media ( min-width: 1680px ) { .vote_list { margin-bottom: 40px; } } 
/* ================ home-V1-sec7-reasons-ends ============ */ 
/* ================ home-V1-sec8-campaining-members ============ */ 
.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: 0rem; } 
.campaining_members--wrapper .campaining_title { font-family: var(--montserrat); font-style: normal; font-weight: bold; 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 0.5s ease; } 
.camp_members_wrapper .camp_members_inner--wrapper > div { padding-top: 20px; height: 410px; } 
.camp_members_inner--wrapper .team_members { position: relative; transition: all 0.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: 50px; line-height: 115.4%; letter-spacing: -0.1em; transform: rotate(-90deg); position: absolute; width: 100%; left: -1rem; right: 0; top: 3rem; bottom: 0rem; 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: 0.025em; color: var(--quaternary-color); margin-bottom: 0; padding-top: 35px; } 
.campaining_cols:nth-child(1) .members_name { color: #7f81ad; } 
.campaining_cols:nth-child(2) .members_name { color: #7f81ad; } 
.campaining_cols:nth-child(3) .members_name { color: #7f81ad; } 
.campaining_cols:nth-child(1) .camp_members_inner--wrapper { background: #00035c; } 
.campaining_cols:nth-child(2) .camp_members_inner--wrapper { background: #00035c; } 
.campaining_cols:nth-child(3) .camp_members_inner--wrapper { background: #00035c; } 

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

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

@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: 2rem; margin-bottom: 2rem; } .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: 2rem; margin-bottom: 2rem; } } 
/* ================ home-V1-sec8-campaining-members-ends ============ */ 
/* ================ home-V1-sec9-our-story ============ */ 
.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: 0rem; 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: 0rem; opacity: 0; visibility: hidden; transition: visibility ease 0.4s, opacity ease 0.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: normal; font-size: 13px; line-height: 115.4%; color: #000000; 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: 0rem; top: 0rem; } .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 0.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 0.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: 0.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; } } 
/* ================ home-V1-sec9-our-story-ends ============ */ 
/* ================ home-V1-sec10-story-timeline ============ */ 
.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 */ .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: 0rem; 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: 0rem; margin-bottom: 5rem; } .timeline__item:nth-child(6) { margin-left: 0rem; } } @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: 0rem; margin-bottom: 8rem; } .timeline__item:nth-child(6) { margin-left: 0rem; } .timeline__item p { max-width: 60%; } } @media (min-width: 1440px) { .timeline__item:nth-child(5) { margin-bottom: 6rem; } } 
/* ================ home-V1-sec10-story-timeline-ends ============ */ 
/* ================ home-V1-sec11-top-news ============ */ 
.top_news_main--wrapper { position: relative; z-index: 9; } 
.top_news--wrapper { background: var(--white); box-shadow: 20px 20px 50px rgba(0, 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: 0.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 35px; } .calendar_date--wrapper .date_yrs { padding-left: 16px; } .top_news_main--wrapper .donate_box { top: 1.5rem; } } 

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

.home_one--wrapper .footer { margin-top: 0rem; 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: 0rem; } 

@media (min-width: 1400px) { .calendar_date--wrapper { padding-top: 45px; } } 
/* ================ home-V1-sec11-top-news-ends ============ */