@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;800;900&display=swap');
:root{
--pc:#084a5a;
--sc:#FE0000;
--tc:#d5947e;
--fc:#FBF9F6;
--black:#000;
--muted:#dee2e6;
/*--pf:'Raleway', sans-serif;;*/
}
body{
font-family:Raleway, sans-serif;
overflow-x:hidden;
}
html{scroll-behavior:smooth;}
p,ul{
margin-bottom:0;
}
p{
font-size:16px;
font-weight:300;
word-break: break-word;
}
a:hover,
a:focus{
text-decoration:none;
}
button:focus{
outline:none;
}
/*color classes*/
.bg_pc{background:var(--pc);}
.bg_sc{background:var(--sc);}
.bg_tc{background:var(--tc);}
.bg_fc{background:var(--fc);}
.bg_black{background:var(--black);}

.text_pc{color:var(--pc);}
.text_sc{color:var(--sc);}
.text_tc{color:var(--tc);}
.text_black{color:var(--black);}
.text-dark{color:var(--black)!important;}
.tr1{
transition:.4s ease;
-webkit-transition:.4s ease;
-moz-transition:.4s ease;
-o-transition:.4s ease;
}
.radius10{border-radius:10px;}
.oh{overflow:hidden;}
.f40{width:40px;height:40px;}
.f60{width:60px;height:60px;}
.f100{width:100px;height:100px;}
.pf{font-family:var(--pf)}
.fw4{font-weight:400;}
.fw6{font-weight:600;}
.cp{cursor:pointer;}
.obj_fit{object-fit: cover;}
/*hover classes*/
.th_white:hover{color:var(--white)!important;}
.th_sc:hover{color:var(--sc)!important;}

.bt1:hover{
background:var(--white)!important;
color:var(--sc)!important;
}
.bt2:hover{
color:var(--white);
background:var(--pc);
}
.bt3{
border:2px solid var(--white);
}
.bt3:hover{
background:var(--sc);
color:var(--black)!important;
border-color:var(--sc);
}
.container{
max-width:1300px;
}
.s_links li a:hover{
color:var(--sc)!important;
}
header .nav-link{
color:var(--white)!important;
font-weight:300;
letter-spacing:1px;
position:relative;
text-transform:uppercase!important;
padding-left:0!important;
font-size:12px;
}
header .nav-link::before{
content:'';
position:absolute;
bottom:0;
left:0;
width:0%;
height:2px;
background:var(--sc);
transition:.4s ease;
-webkit-transition:.4s ease;
-moz-transition:.4s ease;
-o-transition:.4s ease;
}
header .nav-link:hover::before,
header .active .nav-link::before{
width:100%;
}
header .dropdown-menu,
header .dropdown-menu a:hover{
background:rgba(0,0,0,.8)!important;
}
header .dropdown-menu a{
color:var(--white)!important;
text-transform:uppercase;
}
.body_overlay{
position:fixed;
width:100vw;
height:100vh;
top:0;
bottom:0;
left:0;
z-index:997;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
transition: opacity .25s ease, visibility 0s ease;
transition-delay:.1s;
}
.visable{visibility:visible;}
.b{
}
.b .overlay{
opacity:.6;
}
.t1{
line-height: 80px;
font-size: 80px;
}
.t2{
line-height:50px;
font-size:50px;
font-weight:500;
}
.hr1{
width:40px;
height:2px;
}
.shape{
opacity:.2;
transform:scale(1.1);
}
.feature .one{
background:rgba(8,74,90,.95);
}

.feature .two{
background:rgba(114,179,107,.9);
}
.feature .third{
background:rgba(181,82,25,.9);
}

.causes .card .card-img-overlay p{
background:#e17de2;
}
.causes .card{
border-bottom:5px solid rgba(114,179,107,1)!important;
}
.fe .card:hover .f40{
background:var(--sc);
color:var(--white);
border-color:var(--sc)!important;
}
.stories::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
}
.stories .carousel-indicators li{
width:10px;
height:10px;
border:none;
border-radius:50%;
background:var(--white);
}
.stories .carousel-indicators li.active{
background:var(--sc);
}
.partners .item img{
filter:drop-shadow(2px 4px 6px var(--black));
max-width:150px!important;
}
.partners .item img:hover{
filter:drop-shadow(2px 4px 6px var(--pc));
}
.teams .card .card-img-overlay{
transform:rotateX(90deg);
}
.teams .card:hover .card-img-overlay{
transform:rotateX(0deg);
background:rgba(255,255,255,.5);
}
.blog .card-img-overlay{
background:linear-gradient(to bottom, rgba(0,0,0,.4),rgba(0,0,0,.5));
opacity:0;
}
.blog .card-img:hover img{
transform:scale(1.1);
opacity:.8;
}
.blog .card:hover .card-img-overlay{
opacity:1;
cursor:pointer;
}
footer{
background:#2D2D2D;
}
.s_links1 li a{
background:rgba(255,255,255,.3);
}
.s_links1 li a:hover{
background:var(--sc);
}
footer .border-top{
border-top:1px solid rgba(255,255,255,.3)!important;
}
.hr1{
height:5px;
}
.overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.overlay_dark{
background:rgba(0,0,0,.2);
}
.about .overlay_dark{
background:rgba(0,0,0,.9);
}
.vr_line{
width:1px;
height:100px;
background:rgba(0,0,0,.2);
}
.close1{
position:absolute;
right:10px;
top:10px;
z-index:100;
}
.effe1{
position:absolute;
bottom:-15px;
left:0px;
z-index:-1;
}
.bios .card:hover{
box-shadow:0 .5rem 1rem rgba(144,0,0,.15)!important;
}
.bios .card .card-img{
border:10px solid #e9e9e9;
max-width:400px;
}
.home_mission .card {
height:300px;
}
.img_gallery .imageBox{
padding:0 3px!important;
margin-bottom:4px!important;
}
.products .container{
padding:0 30px!important;
}

.img_gallery img{
	height:300px;
	object-fit: cover;
}
.needs .card{
	height:400px;
}
.needs .card .card-img-overlay{
display: none;
}
.needs .card:hover .card-img-overlay{
background:rgba(0,0,0,.8);
display: block;
}
.needs .card .card-img-overlay .bt2{
transform:translateY(100px);
opacity:0;
}
.needs .card:hover .card-img-overlay .bt2{
transform:translateY(0px);
opacity:1;
}
.ib{
height:300px;
display: flex;
align-items: end;
}
.ib .t2{
background:rgba(0,0,0,.8);
}
.smile_ib{
background:#f79b34 url('../img/smile_banner.jpeg')no-repeat center; background-size:50%;
}
.fun{
font-family:system-ui;
}
@media(max-width:1199px){
header .navbar-nav{
position:fixed;
top:0;
left:-100%;
max-width:300px;
height:100vh;
background:var(--gray-dark);
z-index:10000;
width:100%;
}
header .nav-link::before{
display:none;
}
header .nav-link{
border-bottom:1px solid rgba(255,255,255,.1)
}
.left0{left:0!important;}
}
@media(min-width:991px){
footer .left{
border-right:1px solid rgba(255,255,255,.1);
}
.cform .left{
border-right:1px solid var(--muted);
}
}
@media(max-width:767px){
header .navbar-brand img{
width:150px;
}
.smile_ib{
background-size:100%;
}
}
@media(max-width:575px){
.t1{
line-height:45px;
font-size:40px;
}
}