/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 Mar, 2020, 11:59:51 AM
    Author     : Kavi
*/
*:focus {outline: none;box-shadow: none;}
a {color: #0064a2;transition: all 0.3s ease;}
a:focus,a:hover {color: #74b23b;text-decoration: none;}
h1,h2,h3,h4,h5 {margin: 0;padding: 0;font-weight: 600;color: #0064a2;}
p {margin: 0;padding: 0;}
ul,ol,li {margin: 0;padding: 0;list-style: none;}
body {font-family: 'Montserrat', sans-serif;font-weight: 400;color: #303030;font-size: 15px;}
/* -- header -- */
.header {padding: 15px 0px;}
.header .logo img {height: 45px;width: auto;}
.header .covid {text-align: right;padding-top: 15px;}
.header .covid img {height: 25px;width: auto;}
/* -- footer -- */
.footer {border-top: 1px solid #ddd;text-align: center;padding: 20px 0px 50px;}
.footer p {margin-bottom: 10px;}
.footer ul>li {display: inline-block;margin: 0px 5px;font-size: 21px;}

.fixed-bottom {background-color: #0064a2;text-align: center;padding: 12px;}
.fixed-bottom a h3 {color: #fff;font-size: 15px;}
.fixed-bottom a h3 i {margin-right: 3px;font-size: 16px;}
.fixed-bottom:hover {background-color: #74b23b;}
/* -- slider -- */
.slider {margin-bottom: 30px;}
.slider img {border-radius: 10px;}
.slider .carousel-control-next, 
.slider .carousel-control-prev {font-size: 20px;}
.slider-mobile {margin-bottom: 30px;display: none;}
.slider-mobile img {border-radius: 7px;}
.slider-mobile .carousel-control-next, 
.slider-mobile .carousel-control-prev {font-size: 20px;}
@media (max-width: 575.98px) {
    .slider {display: none;}
    .slider-mobile {display: block;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .slider {display: none;}
    .slider-mobile {display: block;}
}
/* -- services -- */
.services {margin-bottom: 50px;}
.services a .service-list {text-align: center;margin-bottom: 15px;}
.services a .service-list img {padding: 40px 40px 15px 40px;}
.services a .service-list h3 {font-size: 15px;color: #0064a2;transition: all 0.3s ease;}
.services a:hover .service-list h3 {color: #74b23b;}

@media (max-width: 575.98px) {
    .services a .service-list img {padding: 15px;}
    .services a .service-list h3 {font-size: 13px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .services a .service-list img {padding: 35px 35px 15px;}
    .services a .service-list h3 {font-size: 13px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .services {margin-bottom: 40px;}
    .services a .service-list img {padding: 15px 15px 15px;}
    .services a .service-list h3 {font-size: 13px;}
}

/* -- corona -- */
.corona {margin-bottom: 10px;}
.corona h1 {text-align: center;margin-bottom: 25px;font-size: 21px;}
.corona .nav-tabs {border-bottom: 1px solid #0064a2;}
.corona .nav-link {font-weight: 600;padding: 5px 12px 10px;}
.corona .nav-link:hover {border-color: #fff #fff #74b23b;}
.corona .nav-tabs .nav-item.show .nav-link, 
.corona .nav-tabs .nav-link.active {color: #74b23b;border-color: #fff #fff #74b23b;}
.corona .tab-content>.tab-pane {padding: 30px 0px 30px;}
.corona .tab-content>.tab-pane p {margin-bottom: 20px;}
.corona .tab-content>.tab-pane ul {margin-bottom: 20px;}
.corona .tab-content>.tab-pane ul>li {margin-bottom: 3px;}
.corona .tab-content>.tab-pane ul>li i {font-size: 7px;margin-right: 5px;}
/* -- about -- */
.about {background-color: #0064a2;text-align: center;padding: 50px 10px;}
.about img {height: 50px;width: auto;margin-bottom: 20px;}
.about p {color: #fff;}
/* -- counts -- */
.counts {background-color: #74b23b;padding: 50px 0px;text-align: center;margin-bottom: 50px;}
.counts i {color: #fff;font-size: 27px;margin-bottom: 15px;}
.counts h2 {color: #fff;font-size: 21px;}
.counts p {color: #fff;}
/* -- blog -- */
.blog {margin-bottom: 50px;}
.blog h1 {text-align: center;margin-bottom: 25px;font-size: 21px;}
.blog img {border-radius: 7px;margin-bottom: 15px;}
.blog h3 {margin-bottom: 5px;font-size: 18px;color: #303030;}
.blog h5 {color: #74b23b;font-weight: 400;font-size: 15px;margin-bottom: 5px;}
.blog p {margin-bottom: 5px;}
.blog a {font-weight: 500;}
.blog .carousel-indicators {bottom: -20px;}
.blog .carousel-indicators li {background-color: #0064a2;opacity: 1;height: 5px;border-bottom: 0px;}
.blog .carousel-indicators .active {opacity: 1;background-color: #74b23b;}
.blog .news {padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
/* -- page-header -- */
.page-header {border-top: 1px solid #ddd;padding-top: 20px;}
.page-header i {padding-top: 12px;font-size: 18px;}
.page-header p {font-weight: 600;color: #0064a2;font-size: 18px;margin-bottom: 25px;}
.page-header p img {height: 40px;width: 40px;}
/* -- relief-goods -- */
.relief-goods {margin-bottom: 20px;}
.relief-goods .banner {margin-bottom: 30px;text-align: center;}
.relief-goods .banner img {margin-bottom: 15px;}
.relief-goods .banner h3 {font-size: 18px;}
.relief-goods .banner p {font-weight: 500;}
.relief-goods .goods-list {border: 0px solid #ddd;text-align: center;padding-bottom: 30px;}
.relief-goods .goods-list img {margin-bottom: 15px;border-radius: 3px;}
.relief-goods .goods-list h3 {font-size: 18px;color: #303030;margin-bottom: 5px;}
.relief-goods .goods-list p {font-size: 14px;margin-bottom: 20px;}
.relief-goods .goods-list a {background-color: #0064a2;color: #fff;font-size: 14px;font-weight: 600;padding: 7px 20px;border-radius: 3px;}
.relief-goods form {margin-bottom: 30px;}
.relief-goods form h3 {margin-bottom: 10px;font-size: 21px;}
.relief-goods form label {font-size: 14px;font-weight: 600;}
.relief-goods form input {border-radius: 0px;}
.relief-goods form textarea {border-radius: 0px;}
.relief-goods form .input-group-text {border-radius: 0px;border: 0px;color: #303030;padding: .375rem .85rem;}
.relief-goods .btn-primary {font-size: 14px;font-weight: 600;border: 0px;background-color: #0064a2;border-radius: 3px;padding: 10px 25px;}
.relief-goods .btn-link {color: #0064a2;font-size: 14px;font-weight: 500;}
.relief-goods .contact {margin-bottom: 50px;}
.relief-goods .contact p {margin-bottom: 2px;}
.relief-goods .contact p span {color: #0064a2;font-size: 18px;font-weight: 500;line-height: 36px;}
.relief-goods .contact p i {color: #0064a2;margin-right: 5px;font-size: 14px;}
.relief-goods .donate {margin-bottom: 30px;}
.relief-goods .donate h3 {text-align: center;margin-bottom: 15px;}
.relief-goods .donate h3 img {width: 120px;height: auto;}
.relief-goods .donate h2 {text-align: center;margin-bottom: 15px;}
.relief-goods .donate h4 {text-align: center;margin-bottom: 25px;}
.relief-goods .donate h5 {text-align: center;margin-bottom: 15px;font-size: 16px;}
.relief-goods .donate p {text-align: center;}
.relief-goods .donate p span {font-weight: 600;}
.relief-goods .donate p img {width: 200px;height: auto;}
.relief-goods .donate .scan-qr {margin-bottom: 2px;}
.relief-goods .donate table tr {line-height: 27px;font-weight: 500;}
.relief-goods .donate .btn-primary {margin-top: 15px;}
.relief-goods .donate .btn-link {margin-top: 20px;}
.relief-goods .donate hr {margin: 25px 0px;border-top: 1px solid #eee;}
@media (max-width: 575.98px) {
    .relief-goods .goods-list h3 {font-size: 16px;}
    .relief-goods .goods-list p {font-size: 12px;}
    .relief-goods .goods-list a {font-size: 12px;}
    .relief-goods .donate .scan-qr {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .relief-goods .goods-list h3 {font-size: 16px;}
    .relief-goods .goods-list p {font-size: 12px;}
    .relief-goods .goods-list a {font-size: 12px;}
    .relief-goods .donate .scan-qr {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
}
@media (min-width: 768px) and (max-width: 991.98px) {}
/* -- donors -- */
.donors {margin-bottom: 20px;}
.donors a {background-color: #0064a2;color: #fff;font-weight: 500;padding: 12px 25px;border-radius: 3px;}
.donors a i {margin-right: 2px;}
.donors .text-center {margin-bottom: 30px;}
.donors .row {margin-bottom: 7px;}
.donors p {font-weight: 500;}
.donors p span {color: #0064a2;}
.donors h5 {font-size: 16px;}
.donors hr {margin: 10px 0px;border-top: 1px solid #ddd;}
/* -- faq -- */
.faq {margin-bottom: 30px;}
.faq .card {border: 0px;}
.faq .card-header {background-color: #fff;padding: 3px 0px;border-bottom: 0px;}
.faq .accordion>.card>.card-header {margin-bottom: 0px;}
.faq .card-header .btn {padding: 0px;}
.faq .card-header .btn-link {color: #303030;font-weight: 500;font-size: 15px;}
.faq .card-header .btn-link:hover,
.faq .card-header .btn-link:focus {color: #0064a2;text-decoration: none;}
.faq .card-body {padding: 20px;}




@media (max-width: 575.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}