/**
#033e47 // dark-green
#20737a // deep-green
#F5C252 // yellow
*/
.bg-primary {/*
    background-color: #20737a !important;*/
	background: linear-gradient(to bottom, #20737a 0%, #0d3e41 100%);
}
.btn-primary {
    background-color: #f5c252;
    color: #332e2e !important;
}
.btn-primary:hover {
    background-color: #033e47;
    color: #FFF !important;
}
.btn.btn-primary:hover {
    background-color: #033e47;
}
.feature .feature-item:hover {
    background: #20737a;
}
.feature .feature-item .feature-icon::after {
    background: var(--bs-dark);
}
.feature .feature-item:hover a.btn {
    background: #f5c252;
}
.feature .feature-item .feature-icon {
    color: #033e47;
}
.text-primary {
    color: #033e47 !important;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    color: #033e47;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button {
    background: #20737a;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23033e47'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.navbar-light .navbar-nav .nav-item:hover, .navbar-light .navbar-nav .nav-item.active, .navbar-light .navbar-nav .nav-item:hover .nav-link, .navbar-light .navbar-nav .nav-item.active .nav-link {
    color: #033e47;
}
.dropdown .dropdown-menu .dropdown-item:hover {
    background: #033e47;
}

.blog .blog-item .blog-img .blog-categiry {
    background: #033e47;
}
.team .team-item .team-title {
    background: #20737a;
}
.team .team-item:hover .team-title {
    background: #033e47;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff !important;
    background-color: #20737a;
    border-color: #014ca1;
    box-shadow: 0 0 0 .25rem rgba(39, 119, 209, .5);
}
.btn-check:checked+.btn-primary, .btn-check:active+.btn-primary, .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #033e47;
}
.footer {
    background: #033e47;
}
.footer .footer-item .footer-btn a {
    color: #033e47;
}
.footer .footer-item a {
    color: #77e2eb;
}
.footer .footer-item a:hover {
    color: #F5C252;
}
.footer .footer-item .footer-btn a:hover {
    background: #F5C252;
}
.testimonial .owl-nav .owl-next {
    background: #20737a;
}
.testimonial .owl-nav .owl-prev {
    background: #20737a;
}
.bg-breadcrumb {
    /*background: linear-gradient(rgba(1, 95, 201, 0.9), rgba(0, 0, 0, 0.2)), url(../img/bg-breadcrumb.jpg);*/
	background-image:url(../img/pexels-tima-miroshnichenko-6549362.jpg);
	background-image:url(../img/pexels-olly-3769021.jpg);
	background-position-y: calc(100% + 212px);
}

.donate-section {
	z-index:9999999;
	min-height:400px;
	margin-top:-145px;
	background-color:#FFF;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}




@media screen and (max-width: 650px) {
	.donate-section {
		margin-left:20px;
        width: calc(100% - 40px);
	}
}
@media screen and (max-width: 815px) {
	.bg-breadcrumb {
		background-position-y: calc(100% + 86px) !important;
	}
}
@media screen and (min-width: 815px) and (max-width: 985px) {
	.bg-breadcrumb {
		background-position-y: calc(100% + 86px) !important;
	}
}
@media (max-width: 991px) {
	.calrousel-img {
		display: none;
	}
    .header-carousel .header-carousel-item {
        height: 700px;
    }
}