@font-face {
font-family: 'Veneer';
src: url(//www.planindia.org/wp-content/themes/planindia/fonts/Veneer.eot);
src: url(//www.planindia.org/wp-content/themes/planindia/fonts/Veneer.otf) format('otf');
src: url(//www.planindia.org/wp-content/themes/planindia/fonts/Veneer.woff) format('woff'), url(//www.planindia.org/wp-content/themes/planindia/fonts/Veneer.ttf) format('truetype'), url(//www.planindia.org/wp-content/themes/planindia/fonts/Veneer.svg) format('svg');
font-weight: normal;
font-style: normal;
font-display: auto;
}
body{
font-size:14px;
}
header{
box-shadow: 0px 3px 6px #00000029; 
background: white;
}
.footer2 {
background-color: #707070;
color: #EBEBEB; 
text-align: center;
padding: 15px 0 5px;
font-size: 14px;
}
.footer2 a, .footer2 a:hover {
color: #EBEBEB;
}
.bg-blue {
background-color: #0072ce;
color: #ffffff;
}
.color-blue {
color: #0072ce;
}
h1, h2, h3, h4,h5{
font-family: 'Veneer';
text-transform: uppercase;
margin-bottom: 0px;
letter-spacing: 1px;
}
p{
line-height: 30px;
}
.spacbtw-sections{
margin-bottom: 40px !important;
}
.page-heading {
text-align: left;
font-size: 50px;
color: #0079C1;
}
.margin0{
margin: 0px;
}
.center_text_sec{
font-size: 30px;
font-weight: 500;
color: #0079C1;
}
.content-img {
position: relative;
max-width: 800px;
margin: 0 auto;
}
.content h6{
font-size:1.5rem;
text-transform: uppercase;
font-family: 'Veneer';
margin-bottom: 0px;
}
.content-img img {vertical-align: middle;}
.content-img .content {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #f1f1f1;
width: 100%;
padding: 10px;
}
.radio-custom {
opacity: 0;
position: absolute;   
}
.radio-custom {
display: block;
vertical-align: middle;
margin: 5px;
cursor: pointer;
}
.radio-custom-label {
display: block; 
vertical-align: middle;
margin: 5px;
cursor: pointer;
}
.radio-custom-label {
position: relative;
z-index: 1;
color: white;
}
.radio-custom  {
content: '';
background: #fff;
border: 2px solid #ddd;
display: inline-block;  
vertical-align: middle;
width: 30px;
height: 30px;
padding: 2px;   
margin-top: 1rem;
text-align: center;
}
.radio-custom-label:before {
content: '';
background: #fff;
border: 2px solid #ddd;
display: inline-block;  
vertical-align: middle;
width: 30px;
height: 30px;
padding: 2px;
margin-top: 1rem;
text-align: center;
margin-left: 10px;
margin-right: 5px;
}
.radio-custom + .radio-custom-label:before {
border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before {
content: "\f00c";
font-family: 'Font Awesome 5 Free';
color: #ffffff;
font-weight: 900;
background-color: #F4D034;
}
.radio-custom-label:before {
margin-bottom: 20px;
margin-bottom: 20px;
}
.select-button{
background: #0079C1;
}
.margin_bottom{
margin-bottom: 25px;
}
.line_bar{font-size: 100PX;
margin-top: 7REM;
font-weight: 400 !important;}
.menu-donate-btn {
font-size: 30px;
font-family: 'Veneer';
color: #201E16;
letter-spacing: 5px;
padding: 12px;
}
.bg-light-grey {
background-color: #f5f5f5;
}
.right-column-inner-pg h4 {
border-left: 3px solid #4b4b4b; }
.yellow-box p{
padding: 20px;
text-align: center;
color: black;
font-size: 20px;
}
.bg-yellow {
background-color: #F4D034;
color: #161717;
}
#email_error, #phone_error, #fname_error, #lname_error, #city_error, #country_error, #pan_error, #amount_error, .error {
color: red;
}
footer .fab {
color: #0072CE;
background-color:#EBEBEB;
font-size: 21px;
width: 34px;
text-align: center;
height: 34px;
justify-content: center;
display: inline-flex;
align-items: center;
border-radius: 50%;
margin-right: 15px;
}
@media (max-width:767px){
.menu-donate-btn {
padding: 19px 12px;
font-size: 20px;
}
}
@media (min-width: 300px) and (max-width: 600px) {
.line_bar {
font-size: 100PX;
margin-top: 7REM;
display: none; font-weight: 400 !important;
}
.top_pics_1{
width: 100% !important;
}
.top_pics_2{
width: 100% !important;
}
footer {
background: #707070 0% 0% no-repeat padding-box;
opacity: 1;
width: 100%;
height: 100%;
padding: 10px;
text-align: center;
font: Regular 17px/55px Lato;
letter-spacing: 0;
color: #FFFFFF;
opacity: 1;
}
}
@media (min-width:768px){
.content-img .content{
min-height: 74px;
}
.content-wrapper p{
min-height: 180px;
}
.minhgt150{
min-height: 150px;;
}
}
@media (max-width:767px){
.radio-custom-label::before{
position: absolute;
left: 5px;
top: 15px;
width: 15px;
height: 15px;
margin-left: 0px;
margin-top: 0px;
font-size: 7px;
padding-top: 0px;
}
.radio-custom-label{
padding: 10px 10px 10px 25px;
}
.radio-custom{
margin-top: 0px;
}
}
@media (max-width: 1200px){
.container{
max-width: 100%;
padding: 0px;
margin: 0px;
}
}