/*
Theme Name: Keep Doing Good
Author: Span Coimbatore
Version: 1.0.0
*/

*{box-sizing: border-box;}
body { font-family: 'Jost', sans-serif; position: relative; font-weight: 400; }
p { font-size: 18px; line-height: 28px; }
a { color: #292b76; }
body, html { padding: 0px !important; overflow-x: hidden !important; }
a:hover { color: #5cdb94; }
h1 { font-size: 45px;}
h2 { font-size: 35px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
.nav-link {    padding: 0.6rem 0.5rem !important;}
.back-to-top { opacity: 0; right: 15px; bottom: 15px; z-index: 99999; background: #5cdb94; width: 40px; height: 40px; opacity: 0.8; border-radius: 50%; transition: all 0.4s; }
.back-to-top:hover { background-color: #31317a !important; color: #fff; }
#header {background: #fff;box-shadow: 0 0 5px 1px #d4d4d4;}
.navbar li { position: relative; }
.navbar a { display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 500; color: #000; white-space: nowrap; transition: 0.3s; }
.navbar a i { font-size: 12px; line-height: 0; margin-left: 5px; }
.navbar li:hover > a { color: #5cdb94 !important; }
.mobile-nav-toggle { color: #000000;font-size: 28px; cursor: pointer; display: none; line-height: 0;
transition: 0.5s;}
.mobile-nav-toggle.bi-x { color: #fff; }
.accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: none !important; }
#banner { width: 100%; padding: 207px 0px 116px 0px !important; background-size: cover; background-position: bottom; background: url(./images/banner-1.jpg) no-repeat center; background-size: cover; }
.carousel-item a:hover .carousel-caption p{text-decoration: underline;}
.back-to-top i { font-size: 24px; color: #fff; line-height: 0; }
.navbar ul li .nav-link.active:after { background: #5cdb94; }
.navbar ul li .nav-link:after { content: ''; position: absolute; width: 100%; height: 4px; background: #fff; left: 0; bottom:0; transition: 300ms linear; }
li.menu-item.current-post-parent {    border-bottom: 4px solid #1ea87d !important;}
li.menu-item.current-post-parent a {    color: #1ea87d !important;}
.banner {background: url(./images/banner.jpg)no-repeat center center/cover;padding: 15rem; background-position: top;}
.fs-30px{    font-size:30px !important;} 
li {  font-size: 18px;   font-weight: 400;}
a.text-primary:hover {     color: #45BE99!important; }
.text-yellow {    color: #eef20aed!important;}
.navbar i:hover { color:#45BE99;}
.volunteer i:hover { color:#45BE99;}
p {font-size: 18px;    font-weight: 400;    line-height: 26px;    letter-spacing: 0em;}
.pt-128px{    padding-top: 8rem;    }
.card:hover{box-shadow: 2px 8px 20px 0px rgba(24, 142, 107, 0.23)!important;transition: all .5s;transform :translateY(-10px);}
.hover-effect:hover{box-shadow: 2px 8px 20px 0px rgba(24, 142, 107, 0.23)!important;
    transition: all .5s;
    transform: translateY(-10px);}
.fundraising {background: linear-gradient(95.62deg, #e7e6e6 0%, #e7e6e6 98.99%);}
.transparent-1 {  background: rgba(27, 108, 101, 0.8);   }
.resources {background: linear-gradient(95.62deg, #c2d8d1 0%, #d2e3e2 98.99%);}
.carousel-indicators li{background-color: #62B2A4!important;} 
.carousel-indicators { bottom: -63px;    }
.volunteer{   background: linear-gradient(90.08deg, rgba(27, 108, 101) 0%, rgba(22, 180, 130) 101.4%);}
.carousel-indicators [data-bs-target]{width: 12px; height: 12px !important; background: #427c76;    border-radius: 50%;border: none;}
.carousel-control-prev {   left: -125px!important;    }
.carousel-control-next { right: -125px !important;} 
footer p{font-size:20px; font-weight:500;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #E3E3E3;    opacity: 1; /* Firefox */ }
.timeline::after {    content: '';    position: absolute;    width: 4px;    top: 6%;    bottom: 0;    left: 50%;    margin-left: -3px;    height: 95%;    border-left: 1px dashed #5cdb94;}
.pointer::after {    content: '';    position: absolute;    width: 4px;    top: 58%;    bottom: 0;    left: 49%;      width: 20px;   height: 20px;    outline: 5px solid #3394764d;   background: linear-gradient(90.08deg, rgba(27, 108, 101) 0%, rgba(22, 180, 130) 101.4%);   border-radius: 50%;   z-index: 999 !important;}
.border-primary{border-color: #6cdfbb !important;border-style: solid;} 
.shadow-green{box-shadow: 0px 4px 20px rgba(69, 193, 154, 0.16);}
.bg-green{background-color: #F2FFFB;}
.price-shadow{box-shadow: 0px 4px 20px rgba(36, 104, 102, 0.16);}
.about-banner{background: url(./images/about-banner.svg)no-repeat center center/cover; padding: 13rem;}
.stripe {width:fit-content; background: linear-gradient(90.08deg, rgba(27, 108, 101, 0.8) 0%, rgba(22, 180, 130, 0.8) 101.4%);}
.icon-style{ height:80px; width:80px;}
.icon-style::before{position: absolute; content: ' '; border-left: 1px dashed #17a77d; display: inline-block; left: 110px;   width: 1px;   height: 80%;  top: 9px;   transform: rotate(90deg);}
.icon-style::after { position: absolute;    content: ' ';    display: inline-block;    left: 251px;    width: 1px;
    height: 89%;    top: 6px;    transform: rotate(90deg);    border-left: 1px dashed #17a77d;}
.border-left-3px{border-left:3px solid #17a77d;}
.font-outline{    font-family: 'Righteous', cursive !important;    color: black;	font-size: 24px;	-webkit-text-stroke: 1px #fff;	-webkit-text-fill-color: transparent;}
.text-green{color:#17a77d;}
.history-banner{background: url(./images/history-banner.png)no-repeat center center/cover; 
    padding: 14rem;    background-position-y: 0rem;}
.pb-n110{bottom:-110px;}
.pb-n50{bottom:-50px;}
.pb-n75{bottom:-75px;}
.pt-80px {    padding-top: 5rem;}
.pb-n40 {    bottom: -40px!important;}
.pb-n80 {    bottom: -80px;}
.pb-n37 { bottom: -37px!important;}
.pb-n71 {    bottom: -71px;}
a{color:#17a77d;}
a:hover{color:#1ea87d;}
.w-60{width:64.4%;}
.list-options li:before {    position: absolute;    content: "\f00c";    color: #17a77d;    font-family: 'FontAwesome';    left: 27px;    font-size: 18px;}
.overlay:before{	content: "";  position: absolute;  width:100%;  height: 100%;  background: rgb(43 95 89 / 74%);}