body {font-family: 'Roboto', sans-serif;background:#ffffff;letter-spacing:0.4px;color:#333333;}

/*------- HEADER start--------*/
a.navbar-brand {
  padding: 10px 0;
}
a.navbar-brand img {
  height: 80px;
}
@media screen and (min-width:320px) and (max-width:767px){

}
@media screen and (min-width:768px) and (max-width:991px){

}
@media screen and (min-width:992px) and (max-width:1199px){

}
@media screen and (min-width:1200px) and (max-width:1399px){

}


.main_bar {background:#ffffff;padding-top: 0;padding-bottom: 0;}
.main_bar .nav i {font-size: 9px;margin-left: 3px;margin-top: -3px;vertical-align: middle;}
.main_bar .nav > li {margin: 0px;font-weight: 400;position: relative;}
.main_bar .nav > li > a {border-radius: 0px;color: #2b2d2e;font-size: 15px;padding: 30px 18px;cursor: pointer;font-weight: 500;display: inline-block;text-decoration:none;text-transform: uppercase;}
.main_bar .nav > li:first-child a{padding-left:0;}
.main_bar .nav > li > a:hover {background-color: transparent;color: #033fa4;}
.main_bar .nav > li > a:active,
.main_bar .nav > li > a:focus {background-color: transparent;}
.main_bar .nav > li.active > a,
.main_bar .nav > li.current-menu-item > a {background-color: transparent;color: #033fa4;}
.main_bar .nav > li:hover > a {color: #033fa4;}
.main_bar .nav > li:hover > .sub_menu{opacity: 1;visibility: visible;margin-top: -4px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;transform: scaleY(1);-moz-transform: scaleY(1);-webkit-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);}
.main_bar .nav > li > .sub_menu{box-shadow:0px 0px 40px 0 rgba(0,16,147,0.15);}
.main_bar .nav > li .sub_menu {background-color: #ffffff;display: block;left: 0;list-style: none;opacity: 0;padding: 10px 5px;position: absolute;visibility: hidden;width: 250px;z-index: 11; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;transform: scaleY(0);-moz-transform: scaleY(0);-webkit-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform-origin: top;-moz-transform-origin: top;-webkit-transform-origin: top;-ms-transform-origin: top;-o-transform-origin: top;}
.main_bar .nav > li .sub_menu li {border-bottom: 0px solid #f4f4f4;position: relative;}
.main_bar .nav > li .sub_menu li a {color: #000;display: block;font-size: 15px;padding: 10px 20px;text-transform: capitalize;transition: all 0.15s linear;-webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-o-transition: all 0.15s linear;font-weight: 500;border-radius:10px;}
.main_bar .nav > li .sub_menu li a:hover {color: #033fa4;text-decoration: none;}
.main_bar .nav > li .sub_menu li:hover > a {color: #033fa4;}
.main_bar .nav > li .sub_menu li:last-child {border-bottom: 0px;}
.main_bar .nav > li .sub_menu li > .sub_menu.left,
.main_bar .nav > li .sub_menu li:hover .sub_menu.left {left: auto;right: 250px;}
a.link_btn{background: #033fa4;color: #ffffff !important;padding: 15px 20px !important;margin-left: 15px !important;margin-top: 15px;border-radius: 5px !important;}
a.link_btn:hover{background: #003289 !important;}


.tagline {position: absolute;top: 50%;left: 10%;transform: translate(0, -50%);font-size: 60px;line-height: 1.2;font-weight: 300;}
.tagline b{font-weight: 800;}

.area{padding-top: 30px;padding-bottom: 30px;}
.area_box{display: flex;align-items: center;}
.area_box img{width: 60px; margin-right: 20px;}
.area_box h4{margin: 0;font-weight: 600;color: #111;text-transform: uppercase;}
.area_box span{color: #5c5c5c;}


.welcome {padding: 50px 0;background: #f6f6f6;}
.welcome span {font-size: 36px;font-weight: 200;color: #033fa4;margin-top: 10px;display: block;}
.welcome h1 {font-size: 38px;line-height: 50px;font-weight: 800;color: #033fa4;}
.welcome h2 {font-size: 38x;font-weight: 300;color: #727272;margin: 40px 0;}
.welcome p {font-size: 18px;margin: 5px auto 25px auto;max-width: 700px;padding-top: 0;font-weight: 300;color: #444444;text-align: justify;}
.btn_more {background: #033fa4;height: 54px;display: inline-block;line-height: 54px;color: #ffffff;padding: 0 40px;text-decoration: none !important;text-transform: uppercase;font-size: 16px;border-radius: 50px;font-weight: 500;letter-spacing: 1px;cursor: pointer;outline: none;border: 0;}
.btn_more:hover{background: #003289;color: #ffffff;}


/*--------------------------------*/
.footer{   background: linear-gradient(91deg, #673ab7 0%, rgb(30 57 158) 50%, #673ab7 100%); padding: 60px 0 10px;}
.footer h5{color:#fff; font-weight:400; margin-bottom:0px;}
.footer hr {margin-bottom: 1rem; border-top: 2px solid #22ffeb; width: 15%; display: inline-block;}
.footer p{color:#fff;font-size: 14px;margin-bottom: 10px;}
.footer ul.links {list-style-type:none; columns: 3; -webkit-columns: 3; -moz-columns: 3; padding:0;}
.footer ul.links li{margin-bottom: 10px;}
.footer ul.links li a {color: #fff;font-size: 14px;text-decoration: none;}
.footer ul.links li a:hover{color:#22ffeb;}
.footer ul.links li a:before{color: #22ffeb;content: "\f105";font-family: 'FontAwesome';margin-right: 5px;font-size: 14px;}	
.footer ul.social {list-style-type: none;padding: 0;margin: 15px 0 0 0;}
.footer ul.social li {display: inline-block;margin-right: 10px;}
.footer ul.social li a {color: #fff;font-size: 34px;display: inline-grid;text-decoration: none;}
.footer .logo{margin: 0 0 30px 0;padding:0;max-width: 260px;}
hr.copyright{margin:50px 0 20px 0; width:100%; border-top:1px solid #165dce;}


/* ---------------------- */
.impact {padding-top: 70px;padding-bottom: 70px;background: #fff9ed;background: linear-gradient(91deg, #673ab7 0%, rgb(30 57 158) 50%, #673ab7 100%);}
.impact h3 {color: #ffffff;font-size: 34px;font-weight: 600;margin-bottom: 15px;}
.impact .box {display: flex;align-items: center;margin: 30px 0;}
.impact .box img {height: 60px;margin-right: 25px;width: 60px;}
.impact .box span {color: #22ffeb;font-size: 36px;font-weight: 600;line-height: 1;}
.impact .box p {margin: 0;color: #ffffff;font-size: 18px;font-weight: 300;}
.impact .Join_box {border: 1px solid rgb(255 255 255 / 63%);padding: 20px;width: 100%;border-radius: 15px;height: 100%;background: url(../images/bg-Volunteer.jpg) no-repeat center;background-size: 100%;text-align: center;display: flex;justify-content: center;align-items: center;}
.impact .Join_box .l1{color: #fff;display: block;font-size: 22px;}
.impact .Join_box .l2{color: #fff;display: block;font-size: 50px;font-weight: 600;}
.impact .btn_join {background: rgba(255, 255, 255, 0.8);height: 54px;display: inline-block;line-height: 54px;color: #033fa4;padding: 0 40px;text-decoration: none !important;text-transform: uppercase;font-size: 16px;border-radius: 50px;font-weight: 500;letter-spacing: 1px;cursor: pointer;outline: none;}
.impact .btn_join:hover{background: #003289;color: #fff;}
/* ---------------------- */

.news_sec{padding:60px 0; background: #f6f6f6;}
.news_sec .slick-slider .item {margin: 10px;border-radius: 10px;overflow: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 3px 4px 1px rgb(140 152 164 / 24%);}
.fb_section .slider-event img{height: 500px !important;}

.t_head{    font-size: 40px;
  font-weight: 600;
  color: #3a5894;
  margin-bottom: 50px;}

/*--'TESTIMONIAL' start---*/
.testimo{padding:60px 0 80px 0;}
.testimo h2.title  {color: #7a1666;margin: 0;text-transform: uppercase;font-size: 24px;font-weight: 800;}
.testimo .title_line {background: #dddddd;height: 1px;display: inline-table;width: 100%;position: relative;margin-bottom: 25px;}
.testimo .title_line::after {content: "";background: #7a1666;position: absolute;left: 0;height: 5px;width: 55px;bottom: 0;}
.testimo .slick-dots {bottom: -30px;}
.testimonial{margin: 20px 10px 0;position: relative;}
.testimonial .pic{position: relative;display: inline-block;}
.testimonial .pic .agentpic {box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.24);width: 120px;border-radius: 5px;}
.picdot {width: 120px;position: absolute;bottom: 0;z-index: -1;}
.testimonial .pic i{background: #ffffff;width: 120px;height: 120px;text-align: center;line-height: 120px;font-size: 50px;color: #e5e5e5;}
.testimonial .description{padding: 0;font-size: 1.1rem;color: #666666;font-weight: 300;font-style: italic;}

.testimonial .testimonial-content{margin:25px 0 0 0;}
.testimonial .title{display: inline-block;color: #333333;font-size: 20px;font-weight: 600;margin: 20px 0;}
.testimonial .post{display: block;font-size: 14px;margin-top: 2px;color: #444444;}
.testimo .testi_right{position:relative;margin: 15px 0;padding: 15px 0;}
.testimo .testi_right h2{color:#377dff;font-weight: 800;}
.testimo .testi_right h2 span{color:#333333;font-weight: 300;margin-left: 5px;}
.testimo .testi_right p{color: #666666;font-size: 1rem;font-weight: 300;margin-top: 15px;}
.testimo .testi_right::before {content: '';position: absolute;width: 1px;height: 100%;background: linear-gradient(180deg, rgba(170, 170, 170, 0.05), rgb(179, 179, 179), rgba(170, 170, 170, 0.05));left: 0;top: 0;}
.testimo .testi_right .btn_join {background: #377dff;color: #ffffff;padding: 12px 30px;display: inline-block;font-size: 14px;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;border-radius: 40px;outline: none !important;}
.testimo .testi_right .btn_join:hover{background:#256bed;}

@media screen and (min-width:320px) and (max-width:767px){
    .testimo {padding: 30px 0 30px 0;}
    .testimonial {margin: 50px 10px 0;}
    .testimo h2.title {font-size: 16px;}
    .testimo .title_line {margin-bottom: 15px;}
    .testimo .title_line::after {height: 3px;}
    .testimonial .description {padding: 0px 20px 10px;margin-left: 0;font-size: 16px;line-height: 24px;}
    .testimonial .description:before {width: 0;border-left: 0;}
    .testimonial .testimonial-content {margin: 10px;text-align: center;}
    .testimo .testi_right::before{display:none;}
    .testimo .slick-dots {bottom: -10px;}
    .testimo .testi_right {margin-top: 60px;}


}
@media screen and (min-width:768px) and (max-width:991px){
    
}
@media screen and (min-width:992px) and (max-width:1199px){
   
}



/*--'TESTIMONIAL' end---*/


.page_header{
  background: linear-gradient(91deg, #673ab7 0%, rgb(30 57 158) 50%, #673ab7 100%);
  padding: 25px 0;
}
.page_header h2{text-align: center;
  color: #ffffff;
  margin: 0;
  font-size: 34px;
  font-weight: 300;}

  .page_content {
    padding: 50px 0;
}

.page_content .heading {
  width: 100%;
  float: left;
  text-align: left;
  font-size: 30px;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.page_content .heading h2 {
  float: left;
  font-size: 28px;
  width: auto;
  padding: 10px 0;
  margin: 0px;
  position: relative;
}

.page_content .heading h2::after {
  width: 100%;
  height: 3px;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #118df0;
}

.our-team{
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.our-team img{
  width: 100%;
  height: auto;
  position: relative;
  right: 0;
  transition: all 0.4s ease-in-out 0s;
}
.our-team:hover img{
  right: 60%;
}
.our-team .team-content{
  width: 80%;
  height: 100%;
  background: #f1f1f1;
  padding: 20% 30px 0;
  position: absolute;
  top: 0;
  right: -80%;
  transition: all 0.4s ease-in-out 0s;
}
.our-team:hover .team-content{
  right: 0;
}
.our-team .title{
  font-size: 22px;
  color: #8e0c80;
  margin: 0 0 10px 0;
}
.our-team .post{
  display: block;
  font-size: 12px;
  font-weight: 900;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.our-team .description{
  font-size: 14px;
  color: #333;
}



@media only screen and (max-width: 990px){
  .our-team{ margin-bottom: 50px; }
}
@media only screen and (max-width: 360px){
  .team-content{ padding: 15% 15px 0; }
}



.contact-info {padding-left: 0;}
.contact-info li {list-style-type: none;margin-bottom: 8px;display: flex;width: 100%;}
.contact-info .icon-container {display: inline-block;background: #033fa4;color: #fff;width: 32px;height: 32px;line-height: 32px;text-align: center;margin-right: 16px;}
.contact-info .icon-container i {font-size: 14px;}
.contact-info address {display: inline-block;}
.social_link2{display: inline-block;margin: 0;padding: 0;}
.social_link2 li{list-style: none;float: left;margin-right: 10px;}
.social_link2 li a{display: block;width: 44px;background: #ddd;height: 44px;text-align: center;line-height: 44px;font-size: 22px;}
.pr-sm-5 {padding-right: 50px;}
.pl-sm-5{padding-left: 50px;}


li.nav-item {
  margin-right: 5px;
}

li.nav-item {
  margin-right: 5px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #033fa4;
}

.donate_sec
{
  background:url(../images/bj-donate.jpg) no-repeat center;
}

.form_donate
{
  background:rgba(255, 255, 255,0.95);
    margin: 50px 0;
    padding: 30px 50px; 
    border-radius: 5px;
}

.tct_amt {
  width: 100%;
  max-width: 200px;
  font-size: 22px;
  border: 2px solid #ff9800;
}

.amt{display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 14px;
  margin-bottom: 15px;
  background: #ffebb1;}

  .lbl2
  {
    font-size: 22px;
    font-weight: bold;
    margin-right: 20px;
  }
.list_amt{    padding: 0;}

.list_amt li{    display: inline;
  margin-right: 15px;white-space: nowrap;}
.list_amt li label{    font-weight: 600;
  color: #444444;}

  .fb_section{    background-color: #cfe0ff;
    padding-top: 70px;
    padding-bottom: 70px;}