.about_us--wrapper .navbar-brand { background: #E31112; } .about_us--wrapper .footer { margin-top: -20.5rem; position: relative; z-index: 0; } .about_us--wrapper .footer .top_row { padding-top: 305px; } @media screen and (min-width: 1200px) { .about_us--wrapper .navbar_v1 .custom_navbrand { left: 50%; margin-right: 0; } } /* ================ Party Story ============ */ .party_story--wrapper { background: url('../../images/about-red-bg.jpg') no-repeat center 165px; } .party_story--wrapper .section-subtitle { font-family: var(--montserrat); font-weight: bold; color: #15213D; text-transform: capitalize; font-size: 20px; max-width: 327px; margin-top: 25px; } .party_story--wrapper .section-subtitle1 { font-family: var(--poppins); font-weight: 900; color: #1267E5; font-size: 65px; margin: 0 0 1em; } .about-me .party_story--wrapper .section-subtitle1 { font-size: 1em; font-weight: 500; margin: 1em 0 5em; letter-spacing: 0.025em; } .party_story--wrapper .section-title { font-family: var(--montserrat); font-weight: bold; color: #ffffff; text-transform: capitalize; font-size: 20px; margin: 0 0 1.5em; max-width: 200px; } .party_story--wrapper .section-desc { font-family: var(--open-sans); font-size: 0.84em; color: #ffffff; max-width: 417px; margin-bottom: 20px; } .story_teller--img { position: relative; margin: 0.5em 0; } .story_teller--img img { border-radius: 5px; } .story_teller--img:after { content: ''; position: absolute; bottom: 0; right: 0; background: url('../../images/abt-doted-graphics.svg') no-repeat right bottom; width: 185px; height: 166px; background-size: 70%; } .party_story--wrapper .top-section { padding-bottom: 2.5em; } .party_story--wrapper .bottom-section .section-title { max-width: 100%; } .do_box--wrapper { background: #FFFFFF; box-shadow: 15px 20px 50px rgba(0, 0, 0, 0.07); border-radius: 15px; text-align: center; padding: 2.5em 2em 3em; margin: 1em 0; } .do_box--column .box-icon { background: #C7C5F6; border-radius: 15px; width: 68px; height: 68px; text-align: center; margin: auto; } .do_box--column .box-icon img { position: relative; top: 50%; transform: translateY(-50%); } .do_box--column:nth-child(2) .box-icon { background: #9CE8F9; } .do_box--column:nth-child(3) .box-icon { background: #FFE8B2; } .do_box--wrapper .box-title { font-family: var(--poppins); font-weight: 500; letter-spacing: 0.025em; color: #15213D; font-size: 0.84em; line-height: 1.6; margin: 1.5em 0; } .do_box--wrapper .box-desc { font-family: var(--open-sans); color: #787C8B; font-size: 0.84em; } @media (min-width: 375px) { .party_story--wrapper .bottom-section .section-title { color: #E31112; margin: 1.56rem 0 1.5em; } } @media (min-width: 480px) { .party_story--wrapper .section-subtitle1 { font-size: 76px; } .party_story--wrapper .section-title { font-size: 25px; max-width: 300px; } .story_teller--img .btn_img--animation { width: 80%; } .do_box--wrapper .box-title { margin-left: auto; margin-right: auto; max-width: 191px; font-size: 1rem; } .party_story--wrapper .section-desc { font-size: 1em; } } @media screen and (min-width: 768px) { .party_story--wrapper .section-subtitle { margin-top: 2em; } .party_story--wrapper { background-position-y: 215px; margin-bottom: 5em; margin-top: 3.75em; } .party_story--wrapper .bottom-section .section-title { color: #ffffff; } .story_teller--img { padding-bottom: 2em; } .story_teller--img .btn_img--animation { width: 100%; } .do_box--wrapper { padding: 2.5em 1em 2.5em; margin: 0; height: 100%; } } @media (min-width: 999.99px) { .party_story--wrapper .section-subtitle1 { font-size: 86px; } .do_box--wrapper { padding: 2.5em 3em 2.5em; } } @media screen and (min-width: 1200px) { .party_story--wrapper { font-size: 120%; } .party_story--wrapper { background-position-y: 260px; } .story_teller--img:after { background-size: 100%; bottom: -40px; right: -35px; } .party_story--wrapper .top-section { padding-bottom: 4em; } .do_box--wrapper { padding: 2.5em 2em 2.5em; } .story_teller--img { padding-bottom: 0em; } .party_story--wrapper .section-subtitle1 { font-size: 96px; } .party_story--wrapper .section-subtitle { font-size: 25px; } .party_story--wrapper .section-title { font-size: 30px; max-width: 355px; } .party_story--wrapper .bottom-section .section-title { margin: 1.56rem 0 2.5em; } } @media (min-width: 1500px) { .party_story--wrapper .section-subtitle { font-size: 30px; } } /* ================ Party Story ends ============ */ /* ================ leadership-campaigning ============ */ .campaigning_members--wrapper { padding: 1.4em 0 3em; } .section_title { font-family: var(--poppins); font-weight: bold; color: #15213D; font-size: 20px; text-align: center; text-transform: capitalize; max-width: 698px; margin: 1.2em auto 2em; } .leader-box { background: #1267E5 url('../../images/dotted-map.png') no-repeat left bottom; background-size: 70%; border-radius: 15px; padding: 2em 1.5em; margin: 1em 0; position: relative; overflow: hidden; } .leader-box .box-title { font-family: var(--poppins); color: #ffffff; font-weight: 500; letter-spacing: 0.025em; font-size: 1em; margin: 1em 0 2em; position: relative; z-index: 1; } .leader-box .box-desc { font-family: var(--open-sans); color: #CFE2FF; font-weight: normal; font-size: 0.84em; z-index: 1; position: relative; } .leader-box .shadow-text { font-family: var(--montserrat); font-weight: 900; letter-spacing: -0.1em; text-transform: uppercase; color: #186DEC; font-size: 4.4em; line-height: 0.9; position: absolute; top: 0; right: -0.4em; z-index: 0; } @media (min-width: 480px) { .section_title { font-size: 25px; max-width: 360px; } } @media (min-width: 768px) { .section_title { font-size: 30px; max-width: 425px; margin: 1.2em auto 1em; } .campaigning_members--wrapper { padding: 2.4em 0 3em; } } @media screen and (min-width: 1200px) { .leadership_campaign--wrapper { font-size: 170%; } .leader-box .box-title { font-size: 0.7em; } .leader-box .box-desc { font-size: 0.56em; } .leader-box { margin-top: 0; } .section_title { font-size: 35px; max-width: 495px; margin: 1.2em auto 2em; } } @media (min-width: 1500px) { .campaigning_members--wrapper { padding: 3.4em 0 4em; } .section_title { font-size: 45px; max-width: 635px; } } @media (min-width: 1900px) { .section_title { font-size: 50px; max-width: 705px; } } /* ================ leadership-campaigning ============ */ /* ================ -campaigning-members ============ */ .campaigning_cols { margin-bottom: 2.5em; z-index: 1; } .campaigning_members--wrapper .row { position: relative; } .campaigning_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; } .campaigning_members--wrapper .campaigning_title { font-family: var(--montserrat); font-style: normal; font-weight: bold; font-size: 26px; line-height: 30px; text-transform: capitalize; color: var(--quaternary-color); margin-bottom: 0; text-align: center; padding-bottom: 40px; } .campaigning_members--wrapper .camp_members_wrapper { text-align: center; } .camp_members_wrapper .camp_members_inner--wrapper { border-radius: 15px; position: relative; padding-top: 20px; display: flex; justify-content: flex-end; align-items: flex-end; overflow: hidden; } .camp_members_inner--wrapper .team_members { position: relative; z-index: 1; width: 80%; } .camp_members_inner--wrapper .members_name { font-family: var(--montserrat); font-style: normal; font-weight: 800; font-size: 52.9565px; line-height: 115.4%; letter-spacing: -0.1em; transform: rotate(-90deg); position: absolute; width: 100%; left: 0rem; right: 0; top: 3rem; bottom: 0rem; max-height: 300px; margin-bottom: 0; z-index: 0; } .campaigning_cols:nth-child(4) .camp_members_inner--wrapper .members_name { left: -2rem; bottom: 2rem; } .campaigning_cols:nth-child(1) .members_name { color: #EEC4C4; } .campaigning_cols:nth-child(2) .members_name { color: #EBC791; } .campaigning_cols:nth-child(3) .members_name { color: #AECBE6; } .campaigning_cols:nth-child(4) .members_name { color: #E6E1F4; } .campaigning_cols:nth-child(5) .members_name { color: #C9F2FF; } .campaigning_cols:nth-child(6) .members_name { color: #FFE4FB; } .campaigning_cols:nth-child(1) .camp_members_inner--wrapper { background: #FDDBDB; } .campaigning_cols:nth-child(2) .camp_members_inner--wrapper { background: #FFDDAA; } .campaigning_cols:nth-child(3) .camp_members_inner--wrapper { background: #D1E9FF; } .campaigning_cols:nth-child(4) .camp_members_inner--wrapper { background: #CFC9E1; } .campaigning_cols:nth-child(5) .camp_members_inner--wrapper { background: #B1E2F1; } .campaigning_cols:nth-child(6) .camp_members_inner--wrapper { background: #F5CFF0; } .camp_members_inner--wrapper { position: relative; width: 100%; } .overlay_members { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(53, 53, 53, 0.8); border-radius: 15px; overflow: hidden; width: 100%; height: 0; transition: .5s ease; z-index: 99; text-align: left; } .overlay_members .overlay_title { font-family: var(--montserrat); font-style: normal; font-weight: bold; font-size: 22px; line-height: 32px; color: var(--white); margin-bottom: 0.6rem; padding: 40px 20px 0px; } .overlay_members p { font-family: var(--open-sans); font-style: normal; font-weight: normal; font-size: 15px; line-height: 26px; color: var(--white); padding: 0px 20px 40px; } .camp_members_inner--wrapper:hover .overlay_members { height: 100%; } @media (min-width: 480px) { .camp_members_inner--wrapper .team_members { width: 65%; } } @media (min-width: 576px) { .camp_members_inner--wrapper .team_members { width: 50%; } } @media ( min-width: 768px ) { .campaigning_members--wrapper .campaigning_title { font-size: 30px; } .overlay_members .overlay_title { font-size: 30px; line-height: 37px; margin-bottom: 1rem; } .campaigning_members--wrapper .camp_members_wrapper { height: 100%; } .camp_members_wrapper .camp_members_inner--wrapper { height: 100%; } .camp_members_inner--wrapper .team_members { width: auto; } .camp_members_inner--wrapper .members_name { top: 7rem; left: -1rem; font-size: 66.9565px; } } @media ( min-width: 992px ) and ( max-width: 1199px ) { .camp_members_inner--wrapper .members_name { font-size: 55.9565px; left: 0; } } @media ( min-width: 1200px ) { .vote_reason--wrapper { left: -9rem; } .vote_reason--wrapper::after { width: 500px; right: -10rem; } .campaigning_members--wrapper .row::after { right: -6rem; } .overlay_members .overlay_title { padding: 49px 38px 0px; } .overlay_members p { padding: 0px 38px 49px; } .campaigning_members--wrapper .camp_members_wrapper, .camp_members_wrapper .camp_members_inner--wrapper { height: 100%; } } @media (min-width: 1500px) { .campaigning_members--wrapper .campaigning_title { padding-bottom: 65px; } } @media (min-width: 1900px) { .camp_members_inner--wrapper .members_name { top: 4rem; left: -1rem; font-size: 70px; } } /* ================ campaigning-members-ends ============ */