@font-face {
font-family: 'Manrope';
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight.eot);
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight.eot?#iefix) format('embedded-opentype'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight.woff2) format('woff2'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight.woff) format('woff'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight.ttf) format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraBold.eot);
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraBold.woff2) format('woff2'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraBold.woff) format('woff'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraBold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Bold.eot);
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Bold.eot?#iefix) format('embedded-opentype'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Bold.woff2) format('woff2'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Bold.woff) format('woff'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight_1.eot);
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight_1.eot?#iefix) format('embedded-opentype'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight_1.woff2) format('woff2'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight_1.woff) format('woff'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-ExtraLight_1.ttf) format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Light.eot);
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Light.eot?#iefix) format('embedded-opentype'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Light.woff2) format('woff2'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Light.woff) format('woff'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Regular.eot);
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Regular.eot?#iefix) format('embedded-opentype'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Regular.woff2) format('woff2'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Regular.woff) format('woff'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Medium.eot);
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Medium.eot?#iefix) format('embedded-opentype'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Medium.woff2) format('woff2'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Medium.woff) format('woff'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-SemiBold.eot);
src: url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-SemiBold.woff2) format('woff2'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-SemiBold.woff) format('woff'),
url(//pgpurpose.org/wp-content/themes/pgpurpose/fonts/Manrope-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
body{
margin: 0;
padding: 0;
font-size: 16px !important;
line-height: 26px !important;
color: #000 !important;
font-family: 'Manrope' !important;
font-weight: 400 !important;
}
h2{
font-size: 41px;
font-weight: 600;
line-height: 50px;
}
li{
font-size: 16px;
line-height: 26px;
}
h1{
font-size: 52px;
font-weight: 600;
line-height: 60px;
color: #fff;
}
.pdtb-85{
padding: 85px 0px;
}
.pdt-85{
padding-top: 85px;
}
.pdb-85{
padding-bottom: 85px;
}
.mt-50{
margin-top: 50px;
}
.mb-50{
margin-bottom: 50px;
}
.pdtb-200{
padding: 200px 0px;
}
.top-header{
background: #000;
padding: 10px 0px;
}
.address a{
color: #fff;
text-decoration: none;
font-size: 16px;
}
.address a span{
margin-right: 5px;
}
.socil-icon{
text-align: right;
}
.nav-header {
padding: 10px 0px;
background: #F7E849;
position: relative;
}
.nav-header:before {
background: #fff;
position: absolute;
width: 28%;
left: 0;
top: 0;
content: "";
height: 100%;
transform: skew(-25deg, 0deg);
transform-origin: top;
}
.socil-icon a {
color: #fff;
font-size: 16px;
margin-left: 4px;
border: 1px solid #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
border-radius: 100%;
align-items: center;
}
.nav-header ul.navbar-nav li {
margin: 0 20px;
font-size: 18px;
line-height: 30px;
}
.nav-header ul.navbar-nav li:last-child{
margin-right: 0;
}
.navbar-nav a {
color: #000;
font-weight: 500;
padding: 5px 0px !important;
}
.navbar-nav .active{
position: relative;
}
.navbar-nav .current-menu-item:after{
position: absolute;
background: #000;
width: 100%;
height: 4px;
left: 0;
bottom: 0;
content: "";
}
.navbar-nav .current-menu-item {
position: relative;
}
.vedio-box{
position: relative;
overflow: hidden;
height: calc(80vh - 0px);
width: 100%;
display: block;
}
.about img {
max-width: 100%;
width: 100%;
}
.about-text ul{
list-style: none;
}
.about-text ul li{
position: relative;
margin-top:12px; 
}
.about-text ul li:before {
position: absolute;
background: url(//pgpurpose.org/wp-content/themes/pgpurpose/img/check.png) no-repeat;
background-size: contain;
width: 27px;
height: 27px;
top: 6px;
left: -38px;
content: "";
}
.readmore-btn{
display: inline-block;
}
.readmore-btn a{
padding: 13px 28px;
text-transform: uppercase;
color: #000;
background: #F7E849;
text-decoration: none;
font-weight: 700;
border-radius: 0px 15px 15px 24px;
display: inline-block;
}
.donation-text {
text-align: center;
margin: 0px auto 40px;
position: relative;
max-width: 560px;
}
.donation-text h2, .donation-text p{
color: #fff;
}
.donation-section{
background: url(//pgpurpose.org/wp-content/themes/pgpurpose/img/donation.jpg) no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.donation-section .overlay {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.75);
}
.donation-from{
background: #fff;
padding: 30px;
max-width: 890px;
margin: 0px auto;
position: relative;
}
.donation-from ul#tabs {
align-items: center;
justify-content: space-between;
gap:10px;
}
.donation-from .nav-tabs {
border-bottom: none;
}
.nav-tabs a:focus, .nav-tabs a:hover {
border-color: #F7E849;
border-radius: 0px 15px 15px 24px !important;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
width: 32%;
border: 1px solid #F7E849;
border-radius: 0px 15px 15px 24px !important;
}
.nav-tabs .menu-item.show a, .nav-tabs a.active {
color: #000 !important;
background: #fff !important;
border-color: #F7E849 !important;
border-radius: 0px 15px 15px 24px !important;
background: #F7E849 !important;
}
.nav-tabs .nav-item a{
font-size: 18px;
font-weight: 700;
color: #000;
text-transform: capitalize;
text-align: center;
}
.form-control {
color: #495057;
border: 1px solid #BCBCBC;
border-radius: 0;
}
#quantity{
width: 100%;
padding: .350rem .75rem;
border: 1px solid #BCBCBC;
font-size: 18px;
font-weight: bold;
font-family: 'Manrope';
height: 50px;
}
.form-control:focus {
box-shadow: none;
}
.donation-from .form-control{
color: #000;
border: 1px solid #BCBCBC;
border-radius: 0;
font-size: 18px;
font-weight: bold;
text-align: center;
height: 50px;
font-family: 'Manrope';
}
.donation-from select.form-control{
color: #000;
border: 1px solid #BCBCBC;
border-radius: 0;
font-size: 18px;
font-weight: bold;
text-align: center;
height: 50px !important;
font-family: 'Manrope';
}
.donation-from #quantity::placeholder {
color: #000;
}
.donation-from .form-control::placeholder {
color: #000;
opacity: 1; }
.donation-from .form-control::-ms-input-placeholder { color: #000;
}
.foundation-secton{
background: url(//pgpurpose.org/wp-content/themes/pgpurpose/img/foundation.jpg) no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.nextbtn{
padding: 13px 28px;
text-transform: uppercase;
color: #000;
background: #F7E849;
text-decoration: none;
font-weight: 700;
border-radius: 0px 15px 15px 24px;
border: none;
min-width: 185px;
}
.nextbtn:hover{
color: #000;
background: #F7E849;
}
.founadion-heading{
text-align: center;
}
.statstic {
text-align: center;
}
.statstic p{
margin-bottom: 0;
}
.statstic h3{
font-size: 42px;
font-weight: 800;
line-height: 50px;
margin-bottom: 0;
}
.accordian-section .card-header {
background: #F7E849;
border: none;
font-size: 18px;
font-weight: 700;
border-radius: 10px;
cursor: pointer;
}
.accordian-section .card{
background: none;
}
.card-gap {
margin-bottom: 20px;
}
.accordian-section .accordion .card-header:after {
font-family: 'FontAwesome';
content: "\f068";
right: 15px;
color: #000;
position: absolute;
}
.accordian-section .accordion .card-body {
background: #fff; border-radius: 10px;
margin-top: 10px;
}
.accordion .card-header.collapsed:after {
content: "\f067";
}
.faqmain-section {
background: url(//pgpurpose.org/wp-content/themes/pgpurpose/img/faq.jpg) no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.faqmain-section .overlay {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.90);
}
.accordian-section .card .card-gap:last-child{
margin-bottom: 0px;
}
.artcal-heading{
text-align: center;
}
.blog-post {
margin-bottom:15px;
}
.blog-post img {
max-width: 100%;
width: 100%;
border-radius:10px;
}
.blog-text h3 {
font-size: 20px;
line-height: 28px;
font-weight: bold;
color: #000;
min-height: 56px;
}
.blog-text p {
color: #000;
font-family: 'Manrope' !important;
}
.blog-text h3 a {
text-transform: capitalize !important;
color: #000 !important;
padding: 0 !important;
background: none !important;
font-family: 'Manrope' !important;
}
.blog-text span {
display: inline-block;
margin-bottom: 10px;
font-size: 14px;
color: #000;
font-family: 'Manrope' !important;
}
.blog-text a {
padding: 13px 28px;
text-transform: uppercase;
color: #000;
background: #F7E849;
text-decoration: none;
font-weight: 700;
display: inline-block;
border-radius: 0px 15px 15px 24px;
}
.belive-section{
background: url(//pgpurpose.org/wp-content/themes/pgpurpose/img/belive.jpg) no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.belive-section .overlay {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.75);
}
.belive-heading {
position: relative;
text-align: center;
max-width: 850px;
margin: 0px auto;
}
.belive-heading h2, .belive-heading p{
color: #fff;
}
.belive-heading p{
margin-bottom: 0;
} .team-members {
text-align: center;
border: 1px solid #BCBCBC;
}
.social-media i {
background: #F7E849;
width: 30px;
height: 30px;
color: #000;
font-size: 16px;
line-height: 24px;
text-align: center;
border-radius: 100%;
align-items: center;
display: inline-grid;
margin-right: 10px;
}
.members-post img {
max-width: 100%;
width: 100%;
}
.members-contant h3 {
font-size: 18px;
line-height: 24px;
color: #000;
font-weight: bold;
}
.members-contant {
padding: 15px 15px;
} .footer-section {
background: #000;
padding: 85px 0px 10px;
}
.footer-contant h3 {
font-size: 24px;
line-height: 30px;
color: #fff;
font-weight: 600;
}
.footer-contant p {
color: #fff;
}
.glass-icon {
position: absolute;
top: 7px;
right: 15px;
}
.search-icon {
position: relative;
}
.quick-links h3 {
font-size: 24px;
line-height: 30px;
color: #fff;
font-weight: 600;
}
.quick-links ul {
padding: 0;
list-style: none;
margin: 0;
}
.quick-links ul li a {
color: #fff;
text-decoration: none;
font-size: 16px;
}
.quick-links i {
color: #F7E849;
margin-right: 10px;
}
.quick-links a {
display: flex;
}
.address-block {
display: flex;
}
.address-block p {
color: #fff;
}
.address-block a {
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 26px;
}
.icon-block-footer {
display: inline-flex;
margin-top: 26px;
}
.icon-block-footer a{
text-decoration: none;
}
.icon-block-footer i {
background: #F7E849;
width: 30px;
height: 30px;
color: #000;
font-size: 16px;
line-height: 24px;
text-align: center;
border-radius: 100%;
align-items: center;
display: inline-grid;
margin-right: 10px;
text-decoration: none;
}
.address-block i {
color: #fff;
}
.footer-line hr{
border: 1px solid #fff; 
margin: 0px;
}
.footer-line {
padding: 30px 0px 10px;
}
.copyright-text a {
color: #fff !important;
font-size: 14px;
line-height: 20px;
}
.copyright-text {
text-align: center;
}  .about-banner {
background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(//pgpurpose.org/wp-content/themes/pgpurpose/img/banner-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 150px 0px;
}
.title-heading {
text-align: center;
}
.title-heading ul {
padding: 0;
margin: 0;
list-style: none;
}
.title-heading ul li a {
font-size: 16px;
line-height: 22px;
text-transform: lowercase;
color: #fff;
display: inline-block;
text-decoration: none;
}
.title-heading ul li a:first-letter {
text-transform: uppercase;
}
.title-heading span {
color: #fff;
}
.mission {
background-image: linear-gradient(rgb(0 0 0 / 76%), rgb(0 0 0 / 79%)), url(//pgpurpose.org/wp-content/themes/pgpurpose/img/career.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.conatant-item h3 {
font-size: 22px;
line-height: 30px;
color: #ffff;
font-weight: 600;
}
.conatant-item p{
margin: 0;
color: #fff;
}
.career {
margin-bottom: 10px;
}
.vision {
max-width: 330px;
}
.directors-text {
max-width: 600px;
text-align: center;
margin: 0 auto;
}
.directors-from ul#tabs {
gap: 20px;
margin-bottom: 40px !important;
}
.chair-man img {
max-width: 100%;
border: 5px solid #F7E849;
width: 150px;
}
.deputy {
display: flex;
align-items: center;
padding: 20px 20px;
}
.main-item {
background: #F8F8F8;
margin-top: 50px;
border-radius: 20px;
border-bottom: 10px solid #F7E849;
}
.chair-man {
margin-top: -65px;
}
.long-text {
padding: 20px 20px;
}
.peter-contant h3 {
font-size: 24px;
line-height: 30px;
color: #000000;
font-weight: bold;
margin: 0;
}
.peter-contant {
margin-left: 20px;
}
.border-title hr {
width: 90%;
border: 1px solid #F7E849;
margin: 0 0 0 20px;
}
.long-text p {
margin: 0;
}
.our-values {
background: linear-gradient(rgb(0 0 0 / 90%), rgb(0 0 0 / 90%)), url(//pgpurpose.org/wp-content/themes/pgpurpose/img/values.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 85px 0px 50px;
}
.our-text h2{
color: #fff;
}
.our-text p {
color: #fff;
}
.we-care {
display: flex;
margin-bottom: 40px;
}
.helping-hand span {
background: #F7E849;
width: 60px;
height: 60px;
color: #000;
border-radius: 100%;
align-items: center;
display: flex;
justify-content: center;
}
.helping-hand {
margin-right: 16px;
}
.helping-text h6 {
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
font-weight: 600;
}
.helping-text p {
color: #fff;
}
.helping-text p {
margin: 0;
}
.trans {
margin: 0;
}
.main-item {
margin-bottom: 40px;
}
.maker {
margin-bottom: 0px;
}
.trans-bg {
margin-bottom: 0;
} .time-item ul {
--col-gap: 2rem;
--line-w: 0.25rem;
display: grid;
padding:0;
column-gap: var(--col-gap);
width: 100%;
margin-inline: auto;
}
.time-item ul::before {
content: "";
grid-row: 1 / span 20;
background: #F7E849; }
.time-item ul li:not(:last-child) {
margin-bottom: 80px;
}
.time-item ul li {
grid-column: 2;
--inlineP: 1.5rem;
margin-inline: var(--inlineP);
grid-row: span 2;
display: grid;
grid-template-rows: min-content min-content min-content;
}
.time-item ul li .date {
position: relative;
background: #F7E849;
padding: 10px 0px;
text-align: center;
}
.time-item ul li .date::after {
content: "";
position: absolute;
width: 24px;
aspect-ratio: 1;
background: #F7E849;
border-radius: 50%;
transform: translate(50%, -50%) !important;
right: calc(100% + var(--col-gap) + var(--line-w) / 2);
top: 32px;
}
.time-item .title::after {
content: "";
position: absolute;
width: 24px;
aspect-ratio: 1;
background: #000;
border-radius: 50%;
transform: translate(50%, -50%) !important;
left: -82px;
top: 38px;
}
.time-item ul li .title, ul li .descr {
background: #F8F8F8;
position: relative;
padding: 15px 15px;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.time-item .title {
background: #F7E849 !important;
text-align: center;
}
.descr {
text-align: center;
}
h3.title-heading {
font-size: 28px;
line-height: 36px;
color: #000;
font-weight: bold;
}
h3.simply {
font-size: 22px;
line-height: 30px;
color: #000;
font-weight: 600;
}  .Blog-banner{
background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(//pgpurpose.org/wp-content/themes/pgpurpose/img/blog-banner.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 150px 0px;
}
.coumitis {
display: flex;
justify-content: space-between;
align-items: center;
}
.left-side a {
font-weight: 400;
text-decoration: none;
color: #000;
}
.right-side p {
font-size: 14px;
color: #000;
margin: 0;
line-height: 19px;
}
.contant-bar h3 {
font-size: 28px;
line-height: 36px;
color: #000;
font-weight: 600;
min-height: 85px;
}
.contant-bar h3 a {
text-decoration:none;
color: #000;
}
.category-post {
margin-bottom: 16px;
}
.contant-bar {
margin-top: 16px;
}
.category-sec {
margin-bottom: 40px;
}
.category-post img {
max-width: 100%;
width: 100%;
border-radius:10px;
}
.fine-item {
margin: 0;
}
.block-bg {
margin: 0;
}
.single-heading p {
color: #fff;
margin: 0;
}
.single-heading h2 {
font-size: 30px;
color:#fff
}
.november p {
color: #fff;
margin: 0;
}
.november{
margin-top: 20px;
}  .center-bg img {
max-width: 100%;
border-radius:10px;
}
.center-bg {
text-align: center;
margin-top: -120px;
margin-bottom: 26px;
}
.Site-bg h3 {
font-size: 20px;
line-height: 28px;
color: #000;
font-weight: bold;
}
.Site-bg ul {
padding: 0;
list-style: none;
margin: 0;
}
.Site-bg li {
margin: 20px 0px;
}
.Site-bg ul li a {
font-size: 16px;
line-height: 22px;
color: #000;
font-weight: 600;
text-decoration: none;
}
.Site-bg li {
padding: 15px 0px;
border-bottom: 2px solid #D9D9D9;
}
.Site-bg h3 {
font-size: 20px;
line-height: 28px;
color: #000;
font-weight: bold;
border-bottom: 2px solid #D9D9D9;
min-height: 40px;
}
.over-bg {
background: #f5f5f5;
padding: 20px 20px;
}
.over-bg p {
margin: 0;
}
.over-bg p {
border-left: 5px solid #F7E849;
padding-left: 15px;
font-weight: 600;
}
.when {
margin-top: 20px;
}
.btm-block h3,.singlepcontent h3 {
font-size: 20px;
line-height: 28px;
font-weight: bold;
color: #000;
}
.btm-block ul {
padding-left: 15px;
}
.btm-block li {
margin: 15px 0;
}
.post-ngo {
margin-bottom: 20px;
}
.post-ngo img {
max-width: 100%;
}
.template-pic {
padding: 20px 0px 85px;
}
.money-text {
max-width: 605px;
text-align: center;
margin: 0 auto;
}
.money-text p {
font-weight: 600;
}
.donation-block {
background: #F8F8F8;
}
.below {
border: 1px solid #EAEAEA;
background: none;
}
.donating-contant {
max-width: 872px;
margin: 0 auto;
}
.donating-post img {
max-width: 100%;
width: 100%;
}
.donating-heading p:last-child {
margin: 0px;
}
.donating-heading h3 {
font-size: 45px;
line-height: 55px;
color: #000;
font-weight: 600;
}
.donating-heading {
margin-top: 16px;
}
.more-section {
display: flex;
align-items: baseline;
}
.more-section i {
background: #F7E849;
width: 50px;
height: 50px;
margin-bottom: 16px;
border-radius: 100%;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
font-size: 20px;
}
.get-in {
max-width: 416px;
}
.preview-item {
position: sticky;
top: 0;
z-index: 99;
max-width: 200px;
}
.book-bg {
margin-bottom: 0;
}
.more-section span {
margin-right: 20px;
}
.more-section a {
color: #000;
text-decoration: none;
}
.form-section input {
background: #F8F8F8;
padding: 15px 10px;
border: none;
border-radius: 5px;
box-shadow: none;
outline: none;
}
.form-section input:focus{
background: #F8F8F8 !important;
border: none;
box-shadow: none;
outline: none;
}
.message a {
padding: 13px 28px;
text-transform: uppercase;
color: #000;
background: #F7E849;
text-decoration: none;
font-weight: 700;
border-radius: 0px 15px 15px 24px;
border: none;
min-width: 185px;
display: inline-block;
}
.message {
text-align: center;
margin-top: 40px;
}
.form-section textarea {
background: #F8F8F8;
padding: 15px 15px;
border: none;
border-radius: 5px;
box-shadow: none;
outline: none;
height: 130px;
}
.form-section textarea:focus{
background: #F8F8F8 !important;
border: none;
box-shadow: none;
outline: none;
}
.purpose-contant {
max-width: 814px;
}
.purpose-contant p:last-child {
margin-bottom: 0px !important;
} @media (min-width: 40rem) {
.time-item  ul {
grid-template-columns: 1fr var(--line-w) 1fr;
}
.time-item ul::before {
grid-column: 2;
}
.time-item ul li:nth-child(odd) {
grid-column: 1;
}
.time-item ul li:nth-child(even) {
grid-column: 3;
}
.time-item ul li:nth-child(2) {
grid-row: 2/4;
}
.time-item ul li:nth-child(odd) .date::after {
transform: translate(-50%, -50%);
left: calc(100% + var(--col-gap) + var(--line-w) / 2);
}
.time-item ul li:nth-child(odd) .date {
border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
}
.time-item .credits {
margin-top: 1rem;
text-align: right;
}
} .building-post {
text-align: center;
}
.normal-item {
position: relative;
padding: 20px 0px;
}
.icon-top {
position: absolute;
top: -25px;
left: 0px;
}
.our-block,.testimonialscontainer .e-con-inner {
background: #F8F8F8;
padding: 50px 50px;
margin-bottom: 30px;
border-radius: 30px;
}
.readmore-machine {
font-weight: 500;
color: #000;
text-decoration: none;
}
.readmore-machine:hover {
font-weight: 500;
color: #000;
text-decoration: none;
}
.icon-btom {
position: absolute;
bottom: -25px;
right: 0;
}
.nice-pic img {
max-width: 100%;
width: 100%;
border-radius: 100%;
}
.nice-text h3 {
font-size: 20px;
line-height: 28px;
font-weight: 600;
color: #000;
}
.nice-text {
max-width: 235px;
margin: 0 auto;
}
.nice-pic {
margin-bottom: 20px;
}
.nice-text span {
font-size: 18px;
line-height: 22px;
color: #000;
font-weight: 500;
}
.normal-text a {
font-weight: 500;
color: #000;
text-decoration: none;
} .projects-item {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.pro-btn a {
padding: 13px 28px;
text-transform: uppercase;
color: #000;
background: #F7E849;
text-decoration: none;
font-weight: 700;
border-radius: 0px 15px 15px 24px;
border: none;
min-width: 150px;
display: inline-block;
text-align: center;
}
.new-mission {
position: relative;
margin-bottom: 40px;
}
.date-section {
background: #000;
width: 60px;
color: #fff;
text-align: center;
border-radius: 5px;
position: absolute;
left: 12px;
bottom: -33px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.date-section h3 {
font-size: 20px;
line-height: 26px;
color: #fff;
margin: 0;
padding: 10px;
}
.new-mission img {
max-width: 100%;
width: 100%;
border-radius: 5px;
}
.new-heading h3 {
font-size: 26px;
line-height: 32px;
font-weight: 600;
color: #000;
}
.new-heading h3 a {
color: #000;
text-decoration:none;
}
.projects-heading h6::after {
left: -7px;
content: '';
position: absolute;
background: #F7E849;
height: 25px;
width: 4px;
top: -4px;
}
.projects-heading h6 {
position: relative;
margin-bottom: 0;
}
.projects-heading h6 {
position: relative;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
font-weight: 500;
letter-spacing: 5px;
padding-left: 5px;
}
.projects-heading h6 a {
color:#000;
text-decoration:none;
}
.projects {
background: #F8F8F8;
padding: 20px 20px;
border-radius: 5px;
margin-bottom:30px;
}
.icon-top img {
max-width: 100%;
width: 45px;
}
.icon-btom img {
max-width: 100%;
width: 45px;
}
.normal-text span {
margin-left: 5px;
} .testimonials-text {
max-width: 800px;
text-align: center;
margin: 0 auto;
}
.single-item {
background: #F8F8F8;
padding: 25px 25px;
}
form.wpcf7-form input[type="text"], form.wpcf7-form input[type="email"] {
background: #F8F8F8;
padding: 15px 10px;
border: none;
width: 100%;
border-radius: 5px;
box-shadow: none;
outline: none;
}
form.wpcf7-form textarea {
background: #F8F8F8;
padding: 15px 10px;
border: none;
width: 100%;
height:130px;
border-radius: 5px;
box-shadow: none;
outline: none;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
padding: 13px 28px;
text-transform: uppercase;
color: #000;
cursor:pointer;
background: #F7E849;
text-decoration: none;
font-weight: 700;
border-radius: 0px 15px 15px 24px;
border: none;
min-width: 185px;
text-align: center;
display: inline-block;
}
.hfeed.site{
overflow:hidden;
}
.over-bg:after {
position: absolute;
content: "";
background:#F7E849;
left: 0;
top: 0;
height: 100%;
width: 7px;
}