@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');


.iwe{
    border-bottom: 1px #000 dashed;
    font-weight:bold;
}


.mycrd{
    height: 105px;
/*    box-shadow: 1px 3px 33px -5px rgba(0,0,0,0.42);*/
/*-webkit-box-shadow: 1px 3px 33px -5px rgba(0,0,0,0.42);*/
/*-moz-box-shadow: 1px 3px 33px -5px rgba(0,0,0,0.42);*/
}


.menu_ic{
    display:flex;
    align-items:center;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}
.social a {
        font-size: 20px;
    margin-right: 5px;
}



.tilfe{
    font-size:30px;
    font-weight:900;
    font-family: 'Poppins', sans-serif;
    color:#1057af;
    text-transform:uppercase;
}
.gvt{
    font-family: 'Cinzel', serif;
     font-weight:500;
     color:#000;
     font-size: 20px;
}
span.text-danger {
    font-size: 12px;
}
.title-color h2 {
	color:#1057af;
	font-weight: bold;
}
.nav-bg {
	background-color: #188738;
	color: white;
	text-align: center;
}
.btn-about {
	background-color: #188738;
	color: white;
}
.bg-footer {
	background-color: #fff5ab;
}

.footer-img img {
	float: right;
}

.footer-img span {
	margin-top: 30px;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(255 255 255);
    background-color: #1e5112;
    padding: 10px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgb(255 255 255);
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255);
}

.select-box {
	    padding: 6px;
    width: 100%;
    color: #e9ecef;
    border-radius: 3px;
    color: black;
}
.contact-box {
    padding:10px;
    border:1px solid #cfcfcf;
    border-radius:5px;
    text-align: center;
}
.contact-box i {
    color: #188738;
    font-size: 30px;
}
.logo-t {
    margin-bottom:0.25rem;
    margin-top:12px;
}

.myimg{
    width: 200px; 
    height: 100px;
}
.mycard .card-body::before {
    background-image: url({{url('public/images/Donors.png')}});
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 19%;
    left: 2px;
    opacity: 0.5;
    background-size: 60px 60px;
}
.myimg2{
    width: 200px; 
    height: 200px;
}
.text_bg{
        background-color: #fff;
    padding: 5px;
    color: #000;
    margin-top: 15px;
    padding: 5px 15px;
    border-radius: 3px;
}
    #overlay{	
	position: fixed;
	top: 0;
	z-index: 1200;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(0,0,0,0.6);
	}
	.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center; 
	flex-direction:column;
	}
	.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
	}
	@keyframes  sp-anime {
	100% { 
	transform: rotate(360deg); 
	}
	}













@media  only screen and (max-width:767px){

.mob_flex{
    flex-direction: column;
}


.myimg{
    width: 100%; 
    height: auto;
}
.myimg2{
    width: 200px; 
    height: auto;
}


}

@media (min-width: 600px) and (max-width: 1366px) {

.tilfe{
    font-size:27px;
    font-weight:900;
    font-family: 'Poppins', sans-serif;
    color:#1057af;
    text-transform:uppercase;
}

}