/* ======== footer-top ======== */ .footer_v2--wrapper .footer_top_v2 { background: url('../fonts/images-foo-v2-bg.svg') no-repeat center; background-size: cover; width: 100%; display: block; padding: 40px 0px; } .footer_v2--wrapper br { display: none; } .footer_top_v2 .col_v2 { margin-bottom: 40px; position: relative; } .footer_top_v2 .col_v2:last-child { margin-bottom: 0; } .footer_top_v2 .foo-logo--wrapper { padding-bottom: 40px; } .footer_top_v2 .footer_title_v2 { font-family: var(--poppins); font-style: normal; font-weight: 600; font-size: 16px; line-height: 26px; letter-spacing: 0.025em; color: var(--white); margin-bottom: 0; padding-bottom: 20px; } .footer_top_v2 p { font-family: var(--roboto); font-style: normal; font-weight: normal; font-size: 14px; line-height: 23px; color: #C5C6EF; margin-bottom: 0; } .footer_top_v2 .phone_no { font-family: var(--roboto); font-style: normal; font-weight: normal; font-size: 14px; line-height: 23px; color: var(--white); display: block; padding-top: 8px; } .link_wrapper { padding-left: 0; list-style-type: none; } .footer_top_v2 .address_wrapper { display: flex; align-items: flex-start; padding-top: 20px; } .address_wrapper img { margin-top: 3px; } .address_wrapper p { color: #FFECEC; padding-left: 10px; } .address_wrapper .visit { color: #A3B2EB; } .latest_posts--wrapper .date_yr--wrapper { font-family: var(--roboto); font-style: normal; font-weight: 500; font-size: 12px; line-height: 12px; text-align: center; color: #3739B8; background: var(--white); padding: 7px; max-width: 100px; width: 100%; } .footer_top_v2 .latest_posts--wrapper { border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); padding-bottom: 16px; margin-bottom: 20px; display: block; color: var(--white); } .footer_top_v2 .latest_posts--wrapper:nth-last-of-type(1) { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .latest_posts--wrapper .post_details { font-family: var(--roboto); font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; color: var(--white); display: block; padding-top: 8px; } .link_wrapper .link_list .link { font-family: var(--roboto); font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.025em; display: block; color: var(--white); padding-bottom: 8px; padding-left: 19px; position: relative; } .link_list .link::before { content: ''; position: absolute; background: url('../images/images-polygon.png') no-repeat 0 0; width: 10px; height: 10px; left: 0rem; top: 25%; } .link_wrapper .link_list:last-child .link { padding-bottom: 0; } .footer_top_v2 .support_us--wrapper { background: url('../images/images-foo-support-bg.png') no-repeat center; background-size: cover; width: 100%; display: block; text-align: center; padding: 50px 20px; } .support_us--wrapper .support_title { font-family: var(--poppins); font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: 0.025em; color: var(--white); padding-top: 8px; padding-bottom: 10px; margin-bottom: 0; } .support_us--wrapper .donate { font-family: var(--roboto); font-style: normal; font-weight: normal; font-size: 16px; line-height: 31px; letter-spacing: 0.025em; color: var(--white); padding-bottom: 36px; margin-bottom: 0; } .btn_donate--wrapper { margin: 0 auto; } .btn_donate--wrapper .btn_donate { font-family: var(--roboto); font-style: normal; font-weight: 500; font-size: 14px; line-height: 31px; text-align: center; letter-spacing: 0.025em; color: var(--white); background: #061E33; max-width: 136px; width: 100%; filter: drop-shadow(0px 15px 30px rgba(20, 38, 108, 0.3)); padding: 15px 21px; transition: all 0.3s ease; } .btn_donate--wrapper .btn_donate:hover { background: #27375C;; } @media ( min-width: 576px ) { .support_us--wrapper .support_title { font-size: 28px; line-height: 31px; } .footer_v2--wrapper br { display: block; } } @media ( min-width: 768px ) { .footer_top_v2 .col_v2:nth-child(3), .footer_top_v2 .col_v2:nth-child(4) { margin-bottom: 0px; } .footer_top_v2 .footer_title_v2 { padding-bottom: 23px; } .footer_top_v2 .address_wrapper { padding-top: 66px; } } @media ( min-width: 992px ) { .footer_top_v2 .col_v2 { margin-bottom: 0px; } } @media ( min-width: 1200px ) { .footer_top_v2 { overflow: hidden; } .footer_top_v2 .support_us--wrapper { padding: 184px 73px 98px; } .support_col .support_us--wrapper { position: absolute; bottom: -3.2rem; right: 0.9rem; max-width: 380px; width: 329px; z-index: 0; } .footer_v2--wrapper .footer_top_v2 { padding: 80px 0px 50px; } } /* ==== footer-bottom ==== */ .footer_v2--wrapper .footer_bottom_v2 { background: #040F2B; padding: 16px 0px 17px; position: relative; z-index: 1; } .footer_bottom_v2 .col_wrapper p { font-family: var(--roboto); font-style: normal; font-weight: normal; font-size: 13px; line-height: 1.2; letter-spacing: 0.025em; text-align: center; color: #3A528E; } .footer_bottom_v2 .col_wrapper:nth-child(1) p { padding-bottom: 10px; } @media ( min-width: 576px ) { .footer_bottom_v2 .col_wrapper:nth-child(1) p { text-align: left; padding-bottom: 0; } .footer_bottom_v2 .col_wrapper:nth-child(2) p { text-align: right; } } @media ( min-width: 1200px ) { .footer_bottom_v2 .col_wrapper:nth-child(2) p { padding-right: 40px; } }