.bg-secondary{
    background-color: #056e9d !important;
}
.bg-primary {
    background-color: #67ab30 !important;
}
.icon-instagram:before{
   font-size: 20px;
}
.email-icon span,.phone-icon span{
   display: inline-block;
}
.email-icon svg,
.phone-icon svg{
   color:#ffffff;
   height: 18px;
   width: 18px;
   margin-top: -2px;
}
.main-logo img{
   width: 80px;
   border-radius: 50%;
}
.site-navbar .site-logo .logo-heading{
   text-transform: capitalize;
   font-weight: 600;
   /*color:#fff;*/
   /*-webkit-text-stroke: 2px #f93936;*/
}
.site-navbar .site-logo .logo-heading span{
   color:#fe3837;
   font-size: 2rem;
}
.site-navbar{
   padding: .5rem 1rem;
}
.box-92819 {
  
}
.owl-carousel h1{
   z-index: 2;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   max-width: 700px;
   font-weight: 900 !important;
   font-size: 5rem !important;
   font-family: "Mansalva", cursive !important;
}
.feature-29192-wrap .feature-29192.overlay-warning:before,
.feature-29192-wrap .feature-29192.overlay-success:before,
.feature-29192-wrap .feature-29192.overlay-danger:before{
   background-color: transparent;
}
.img-fluid{
   max-height: 476px;
   width: 100%;
}
.counselling .feature-29012{
   border: 1.6px solid #056e9d;
   border-radius: 16px;
   background: #ffffff;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   padding:8px;
   opacity: 0.7;
}
.counselling .feature-29012 div{
   display: inline-block;
}
.counselling .feature-29012 div.img-section{
   border-radius: 12px;
   width: 125%;
}
.counselling .feature-29012 div.img-section img{
   width: 100%;
   height: 100%;
   border-radius: 12px;
}
.counselling .feature-29012 h3,
.counselling .feature-29012 p{
   color:#000000;
}
.footer-logo img{
   width: 100%;
}
.map-section,.site-footer{
   border-bottom: 0.6px solid gray;
}
.site-footer{
   padding-bottom: 2em;
}
input.error{
   border-color: #FF0000;
}
.office-image-block img{
    width:100%;
    border-radius:8px;
}
#aboutus{
    padding-top: 5rem;
}
#imggallery li{
   float:left;
   list-style: none;
   /*width:auto;*/
   height: 200px;
   overflow: hidden;
   padding: 5px;
}
#imggallery li:last-child::after{
   content: "";
   display: block;
   clear: both;
}
#imggallery img{
   width: 100%;
}
.row .row{
   margin-bottom: 1rem !important;
}
.mm-lightbox-overlay{
   z-index: 9999 !important;
}
.mm-lightbox-container{
   z-index: 99999 !important;
}
.row{
   max-width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .site-navbar .site-navigation .site-menu > li > a{
      margin-left: 10px;
      margin-right: 10px;
  }
  .site-navbar .site-logo{
      font-size: 1.3rem;
  }
  .img-fluid{
      max-height: 398px;
  }
  .event-29191 h3{
      font-size: 18px;
  }
  .counselling .feature-29012 div.img-section{
      width: 200%;
  }
  .counselling .feature-29012 h3, .counselling .feature-29012 p{
      font-size: .9rem;
  }
  .cause h3 {
      font-size: 22px !important;
   }
   .counselling .feature-29012 h3{
      font-weight: bold;
      font-size: 1rem;
   }
   #contact .col-md-6{
      max-width: 100%;
      width: 100%;
      flex: 0 0 100%;
      margin-bottom: 30px;
   }
   #contact .col-md-6 form .col-md-6{
      margin-bottom: 20px !important;
   }
   #contact .col-md-6 form .form-group{
      margin-bottom: 0;
   }
   #contact .col-md-6 form .form-group .btn-primary{
      margin-top: 20px;
   }
}
@media screen and (max-width: 768px){
   .owl-carousel h1{
      max-width: 100%;
      width: 85%;
   }
   .container {
      max-width: 100% !important;
   }
   .counselling .feature-29012 p{
      font-size: .8rem;
   }
   .site-footer a{
      font-size: 14px;
   }
   .mb-5, .my-5 {
      margin-bottom: 1rem !important;
   }
   #aboutus .col-md-4, #aboutus .col-md-8,
   #whychoosus .col-md-6,
   #events .col-md-6{
      flex: 0 0 100%;
      max-width: 100%;
   }
   #aboutus .col-md-4 .img-fluid,
   #events .col-md-6 .img-fluid{
      max-height: initial;
   }
   #events .mb-3, #events .my-3 {
       margin-bottom: 0.6rem !important;
   }
   .below-hero h3.text-cursive{
      font-size:30px;
   }
}
@media screen and (max-width: 763px){
   #aboutus .col-md-4 .heading-20219{
      margin-top:30px;
   }
   .feature-29012 .number{
      flex: 0 0 60px;
      height: 60px;
   }
   .counselling .feature-29012 div.img-section img{
      height: auto;
   }
   .site-footer .col-md-4.ml-auto{
      margin-top: 25px;
   }
   .site-footer .footer-heading{
      margin-bottom: 10px !important;
   }
   .site-footer .pt-5{
      padding: 0 !important;
   }
   .site-footer .col-md-7{
      margin-bottom: 25px;
   }
   .site-footer ul li{
      margin-bottom: 5px;
      line-height: 20px;
   }
   .site-footer .col-md-4.ml-auto{
      margin-top: 0;
   }
}
@media screen and (max-width: 620px){
   .main-logo img{
      width: 60px;
   }
   .site-navbar .site-logo .logo-heading{
      font-size: 18px;
   }
   .site-navbar .site-logo .logo-heading span{
      font-size: 1.4rem;
   }
   .owl-carousel{
      height: 350px;
      min-height: 350px;
   }
   /*.ftco-cover-1.overlay, .ftco-cover-1.overlay-2{
      background-size: contain;
   }*/
   .owl-carousel h1{
      font-size: 30px !important;
   }
   .owl-carousel-wrapper,.ftco-cover-1{
      min-height: 450px;
      height: 450px;
   }
   .owl-carousel .owl-stage-outer{
      height:450px;
   }
   .owl-carousel.owl-drag .owl-item{
      width: auto;
   }
   .counselling .feature-29012{
      display: block !important;
   }
   .counselling .feature-29012 div.img-section{
      width: 100%;
   }
   .counselling .feature-29012 h3{
      margin-top: 10px;
   }
}