body {
   font-family: "Poppins",
     sans-serif;
   color: #333;
   line-height: 24px;
   font-size: 14px;
 }
*{
	margin:0px;
	padding:0px;
}
 img {
   max-width: 100%;
 }

 ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }

 a {
   text-decoration: none;
   color: #000;
 }

 a:hover {
   color: #333;
   text-decoration: none;
 }

 :focus {
   outline: 0;

 }

 a:focus {
   
   text-decoration: none;
 }

 textarea:focus,
 textarea.form-control:focus,
 input.form-control:focus,
 input[type=text]:focus,
 input[type=password]:focus,
 input[type=email]:focus,
 input[type=number]:focus,
 [type=text].form-control:focus,
 [type=password].form-control:focus,
 [type=email].form-control:focus,
 [type=tel].form-control:focus,
 [contenteditable].form-control:focus {
   box-shadow: none;
 }


 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Poppins", sans-serif;
   color: #000;
 }

 .fl {
   float: left;
 }

 .fr {
   float: right;
 }

 .btn {
   font-weight: 500;
   font-size: 15px;
 }

 .btn-primary {
   color: #fff;
   background-color: #BC141A;
   border-color: #BC141A;
   border-radius: 50px;
   padding: 10px 30px;
 }

 .btn-primary:hover {
   color: #fff;
   background-color: #e1444d;
   border-color: #e1444d
 }

 .btn-primary:focus,
 .btn-primary.focus {
   box-shadow: 0 0 0 .2rem rgba(150, 18, 0, 0.514)
 }

 .btn-primary.disabled,
 .btn-primary:disabled {
   color: #fff;
   background-color: #BC141A;
   border-color: #BC141A
 }

 .btn-primary:not(:disabled):not(.disabled):active,
 .btn-primary:not(:disabled):not(.disabled).active,
 .show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #BC141A;
   border-color: #BC141A
 }

 .btn-primary:not(:disabled):not(.disabled):active:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem rgba(182, 0, 0, 0.5)
 }

 .container {
   max-width: 1222px;
 }

 section {
   padding: 60px 0px;
 }

 /*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
 .back-to-top {
   position: fixed;
   visibility: hidden;
   opacity: 0;
   right: 15px;
   bottom: 15px;
   z-index: 996;
   background: #BC141A;
   width: 40px;
   height: 40px;
   border-radius: 50px;
   transition: all 0.4s;
 }

 .back-to-top i {
   font-size: 18px;
   color: #fff;
 }

 .back-to-top:hover {
   background: #e1444d;
   color: #fff;
 }

 .back-to-top.active {
   visibility: visible;
   opacity: 1;
 }

 /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
 #header {
   transition: all 0.5s;
   z-index: 997;
   padding: 50px 20px 0;
 }

 #header.header-scrolled {
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
   padding: 30px 0px 12px 0;
   background: rgba(0, 0, 0, 0.9);
 }

 #header.header-scrolled .navbar {
   margin-top: 30px;
   transition: all 0.5s;
 }

 #header.header-inner-pages {
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
 }

 #header .logo {
   font-size: 28px;
   margin: 0;
   padding: 0;
   line-height: 1;
   font-weight: 700;
   text-transform: uppercase;
 }

 #header .logo a {
   color: #556270;
 }

 #header .logo img {
   max-height: 90px;
 }

 .headerBg {
   background-image: url(../img/event-banner.png) !important;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
    
 }

 /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
 /**
* Desktop Navigation 
*/
 .navbar {
   padding: 0;
 }

 .navbar ul {
   margin: 0;
   padding: 0;
   display: flex;
   list-style: none;
   align-items: center;
	 margin-right:-10px;
 }

 .navbar li {
   position: relative;
 }

 .navbar a,
 .navbar a:focus {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 0 10px 30px;
   font-family: "Poppins", sans-serif;
   font-size: 15px;
   font-weight: 500;
   color: #fff;
   white-space: nowrap;
   transition: 0.3s;
   text-transform: uppercase;
 }

 .navbar a i,
 .navbar a:focus i {
   font-size: 12px;
   line-height: 0;
   margin-left: 5px;
 }

 .navbar a:hover,
 .navbar .active,
 .navbar .active:focus,
 .navbar li:hover>a {
   /* color: #BC141A; */
 }

 .navbar .getstarted,
 .navbar .getstarted:focus {
   background: #BC141A;
   padding: 8px 25px;
   margin-left: 30px;
   border-radius: 50px;

   color: #fff;
 }

 .navbar .getstarted:hover,
 .navbar .getstarted:focus:hover {
   color: #fff;
   background: #e1444d;
 }

 .navbar .dropdown ul {
   display: block;
   position: absolute;
   left: 14px;
   top: calc(100% + 30px);
   margin: 0;
   padding: 10px 0;
   z-index: 99;
   border-radius: 5px;
   opacity: 0;
   visibility: hidden;
   background: #fff;
   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
   transition: 0.3s;
 }

 .navbar .dropdown ul li {
   min-width: 200px;
 }

 .navbar .dropdown ul a {
   padding: 10px 20px;
   font-size: 15px;
   text-transform: none;
   font-weight: 400;
   color: #000;
 }

 .navbar .dropdown ul a i {
   font-size: 12px;
 }

 .navbar .dropdown ul a:hover,
 .navbar .dropdown ul .active:hover,
 .navbar .dropdown ul li:hover>a {
   color: #BC141A;
 }

 .navbar .dropdown:hover>ul {
   opacity: 1;
   top: 100%;
   visibility: visible;
 }

 .navbar .dropdown .dropdown ul {
   top: 0;
   left: calc(100% - 30px);
   visibility: hidden;
 }

 .navbar .dropdown .dropdown:hover>ul {
   opacity: 1;
   top: 0;
   left: 100%;
   visibility: visible;
 }
 

 @media (max-width: 1366px) {
   .navbar .dropdown .dropdown ul {
     left: -90%;
   }

   .navbar .dropdown .dropdown:hover>ul {
     left: -100%;
   }
 }

 /**
* Mobile Navigation 
*/
 .mobile-nav-toggle {
   color: #fff;
   font-size: 28px;
   cursor: pointer;
   display: none;
   line-height: 0;
   transition: 0.5s;
 }

 .mobile-nav-toggle.bi-x {
   color: #fff;
 }

 @media (max-width: 991px) {
   .mobile-nav-toggle {
     display: block;
   }

   .navbar ul {
     display: none;
   }
 }

 .navbar-mobile {
   position: fixed;
   overflow: hidden;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: rgba(63, 73, 83, 0.9);
   transition: 0.3s;
   z-index: 999;
 }

 .navbar-mobile .mobile-nav-toggle {
   position: absolute;
   top: 15px;
   right: 15px;
 }

 .navbar-mobile ul {
   display: block;
   position: absolute;
   top: 55px;
   right: 15px;
   bottom: 15px;
   left: 15px;
   padding: 10px 0;
   background-color: #fff;
   overflow-y: auto;
   transition: 0.3s;
 }

 .navbar-mobile a,
 .navbar-mobile a:focus {
   padding: 10px 20px;
   font-size: 15px;
   color: #556270;
 }

 .navbar-mobile a:hover,
 .navbar-mobile .active,
 .navbar-mobile li:hover>a {
   color: #BC141A;
 }

 .navbar-mobile .getstarted,
 .navbar-mobile .getstarted:focus {
   margin: 15px;
 }

 .navbar-mobile .dropdown ul {
   position: static;
   display: none;
   margin: 10px 20px;
   padding: 10px 0;
   z-index: 99;
   opacity: 1;
   visibility: visible;
   background: #fff;
   box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
 }

 .navbar-mobile .dropdown ul li {
   min-width: 200px;
 }

 .navbar-mobile .dropdown ul a {
   padding: 10px 20px;
 }

 .navbar-mobile .dropdown ul a i {
   font-size: 12px;
 }

 .navbar-mobile .dropdown ul a:hover,
 .navbar-mobile .dropdown ul .active:hover,
 .navbar-mobile .dropdown ul li:hover>a {
   color: #BC141A;
 }

 .navbar-mobile .dropdown>.dropdown-active {
   display: block;
 }

 /*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
 #topbar {
   background: transparent;
   padding: 10px 0;

 }

 #topbar .contact-info i {
   font-style: normal;
   color: #fff;
   font-size: 16px;

 }

 #topbar .contact-info i a,
 #topbar .contact-info i span {
   padding-left: 5px;
   color: #fff;
 }

 #topbar .contact-info i a {
   line-height: 0;
   transition: 0.3s;
 }

 #topbar .contact-info i a:hover {
   color: #e96b56;
 }
/*
 #topbar .social-links a {
   color: #fff;
   text-transform: uppercase;

   transition: 0.3s;
   margin-left: 20px;
 }

 #topbar .social-links a:hover {
   color: white;
 }
*/

.searchBox{
	float:right;
	margin-top:15px;
}
 .searchBox form {
   margin-top: 0px;
   background: #fff;
   padding: 0px 10px;
   position: relative;
   border-radius: 4px;
   width: 380px;
   font-size: 13px;
 }

 .searchBox form input[type=text] {
   border: 0;
   padding: 4px;
   width: 75%;
 }

 .searchBox form input[type=submit] {
   position: absolute;
   top: 0;
   right: -2px;
   bottom: 0;
   border: 0;
   background: none;
   font-size: 14px;
   padding: 0 20px 2px 20px;
   background: #BC141A;
   color: #fff;
   transition: 0.3s;
   border-radius: 0 4px 4px 0;
 }

 .searchBox form input[type=submit]:hover {
   background: #df3740;
 }


 /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
 #hero {
   width: 100%;
   height: 90vh;
   background-color: rgba(0, 0, 0, 0.5);
   overflow: hidden;
   position: relative;
 }

 #hero .carousel,
 #hero .carousel-inner,
 #hero .carousel-item,
 #hero .carousel-item::before {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
 }

 #hero .carousel-item {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 #hero .carousel-item::before {
   content: "";
   background-color: rgba(30, 35, 40, 0.6);
 }

 #hero .carousel-container {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   bottom: 0;
   top: 70px;
   left: 50px;
   right: 50px;
 }

 #hero .container {
   text-align: center;
 }

 #hero h2 {
   color: #fff;
   margin-bottom: 0px;
   font-size: 60px;
   font-weight: 900;
 }

 #hero p {
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
   margin: 0 auto 30px auto;
   color: #fff;
 }

 #hero .carousel-inner .carousel-item {
   transition-property: opacity;
   background-position: center top;
 }

 #hero .carousel-inner .carousel-item,
 #hero .carousel-inner .active.carousel-item-start,
 #hero .carousel-inner .active.carousel-item-end {
   opacity: 0;
 }

 #hero .carousel-inner .active,
 #hero .carousel-inner .carousel-item-next.carousel-item-start,
 #hero .carousel-inner .carousel-item-prev.carousel-item-end {
   opacity: 1;
   transition: 0.5s;
 }

 #hero .carousel-inner .carousel-item-next,
 #hero .carousel-inner .carousel-item-prev,
 #hero .carousel-inner .active.carousel-item-start,
 #hero .carousel-inner .active.carousel-item-end {
   left: 0;
   transform: translate3d(0, 0, 0);
 }

 #hero .carousel-control-next-icon,
 #hero .carousel-control-prev-icon {
   background: none;
   font-size: 24px;
   line-height: 0;
   width: auto;
   height: auto;
   /* background: rgba(255, 255, 255, 0.2); */
   border-radius: 50px;
   transition: 0.3s;
   color: rgba(255, 255, 255, 0.8);
   width: 54px;
   height: 54px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 #hero .carousel-control-next-icon:hover,
 #hero .carousel-control-prev-icon:hover {
   background: rgba(255, 255, 255, 0.3);
   color: rgba(255, 255, 255, 0.8);
 }

 #hero .carousel-indicators li {
   cursor: pointer;
   background: #fff;
   overflow: hidden;
   border: 0;
   width: 12px;
   height: 12px;
   border-radius: 50px;
   opacity: 0.6;
   transition: 0.3s;
 }

 #hero .carousel-indicators li.active {
   opacity: 1;
   background: #BC141A;
 }

 #hero .btn-get-started {
   font-family: "Raleway", sans-serif;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 1px;
   display: inline-block;
   padding: 14px 32px;
   border-radius: 50px;
   transition: 0.5s;
   line-height: 1;
   color: #fff;
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s;
   background: #BC141A;
 }

 #hero .btn-get-started:hover {
   background: #df3740;
 }

 @media (max-width: 992px) {
   #hero {
     height: 100vh;
   }

   #hero .carousel-container {
     top: 8px;
   }
 }

 @media (max-width: 768px) {
   #hero h2 {
     font-size: 28px;
   }
 }

 @media (min-width: 1024px) {

   #hero .carousel-control-prev,
   #hero .carousel-control-next {
     width: 5%;
   }
 }

 @media (max-height: 500px) {
   #hero {
     height: 120vh;
   }
 }




 /*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
   padding: 60px 0px;
 }

 .about .content {
   text-align: center;
 }

 .about .content h3 {
   font-weight: 600;
   font-size: 22px;
   line-height: 30px;
   margin-bottom: 10px;
   color: #000000;
 }

 .about .content p {
   color: #555B62;
   font-size: 15px;
   line-height: 24px;
   margin-bottom: 15px;
 }

 .mainbtn {
   margin: 0px 0px 40px 0px !important;
 }

 .btn-learn {
   background: #00923E;
   padding: 10px 25px;
   border-radius: 50px;
   color: #fff;
   font-weight: 500;
   display: inline-block;
 }

 a.btn-learn:hover {
   background: #027230;
   color: #fff;
 }


 /*--------------------------------------------------------------
# featuredOrg
--------------------------------------------------------------*/
/* .card-img-top img {
   height: 200px;
 } */

 .featuredOrg {
   margin: 0px;
   padding: 60px 0px;
 }

 .featuredOrgBg {
   background: #F7F7F7;
 }

 .featuredOrg h2 {
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 28px;
 }

 .featuredOrg h5 a {
   color: #00923E;
   transition: 0.3s;
   font-size: 18px;
   font-weight: 700;
 }

 .featuredOrg .card-img-top {
   text-align: center;
   border-bottom: 2px solid #EEEEEE;
   min-height: 200px;
   padding: 10px 0px;
	 
 }

 .featuredOrg .card {
   border-radius: 10px;
   border: 1px solid #eee;
	 width:100%;
    background: #fff;
   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	  margin-bottom: 20px !important;
   
 }

 .featuredOrg .card-body ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px 0px 5px 0px;

 }

 .featuredOrg .card-body ul li {
   list-style-type: none;
   margin: 0px;
   padding: 0px 0px 10px 0px;
   font-size: 13px;
   display:flex;
   align-items: self-start;

 }

 .featuredOrg .card-body ul li a {
   color: #00923E;
 }

 .featuredOrg .card-body ul li img {
   margin-right: 8px;
 }
 
 
 .featuredOrg .card-body h6 {
   margin-bottom: 5px;
 }

 .featuredOrg .card-body p {
   margin: 0px !important;
   color: #555555;
   font-size: 13px;
   padding-bottom: 0px;
 }

.cardinner {
   min-height: 280px;
 }
 .events {
   background-image: url(../images/event-banner.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   padding: 60px 0px;
 }

 .events h2 {
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 28px;
   color: #fff;
 }

 .events h5 a {
   color: #fff;
   transition: 0.3s;
   font-size: 18px;
   font-weight: 700;
 }

 .events .card {
  width:100%;
   padding: 0px;
   position: relative;
   border-radius: 10px;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 15px !important;

 }

 .events .card-body h4 {
   color: #00923E;
   font-size: 18px;
   font-weight: 700;
   min-height: 40px;

 }

 .events .card-body p.date {
   margin: 0px;
   padding: 0px;
   color: #707070;
   font-size: 13px;
   font-weight: 500;
 }

 .events .card-body p {
   font-size: 13px;
   font-weight: 600;
   color: #555555;
 }


 /* blog */
 
 .blogs {
   margin: 0px;     
   padding: 50px 0px;
 }
 

 .blogs h2 {
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 28px;
 }

 .blogs h5 a {
   color: #00923E;
   transition: 0.3s;
   font-size: 18px;
   font-weight: 700;
 }

 .blogs .card-img-top {
   text-align: center;
   border-bottom: 2px solid #EEEEEE;
   min-height: 200px;
   padding: 0px;
 }

/*  .blogs .card-img-top img {
   border-radius: 10px 10px 0px 0px;

 } */

 .blogs .card-body h4 {
   font-size: 18px;
   line-height: 24px;
 }

 .blogs .card-body p {
   font-size: 14px;
 }

 .blogs .card-body p a.readmore {
   font-weight: 600;
   color: #BC141A;
 }

 .blogs .card {
    border-radius: 10px;
   background: #fff;
   border: 1px solid #eee;
   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	 margin-bottom:20px !important;
	 width:100%;
	 overflow:hidden;
 }
 .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

 



 .sa-intro-section-2 {
   margin-top: -168px;
 }

 .no-padding {
   padding: 0 !important;
 }

 .sa-intro-bg {
   background: #BC141A;
   margin-bottom: 0px;
 }

 .sa-intro-bg,
 .sa-intro-bg-2 {
   position: relative;
   transition: 0.3s;
	 height: 410px;
 }

 .sa-intro-bg:hover,
 .sa-intro-bg-2:hover {
   transform: scale(1.1);
   z-index: 9;
   box-shadow: 0 3px 12px rgba(0, 0, 0, .24);
 }

 .sa-intro-bg-2 {
   transition: 0.3s;
   background: #DE2026;
 }

 .ss-p-width-defined {
   max-width: 70%;
   margin: 0 auto;
 }

 .sa-intro-area {
   padding: 40px 10px 50px 10px;
   color: #fff;
 }

 .sa-intro-section .col-lg-3:nth-child(odd) .sa-intro-bg {
   -webkit-filter: grayscale(100%);
   /* Safari 6.0 - 9.0 */
   filter: grayscale(100%);
 }

 .sa-intro-area h2 {
   color: #fff;
   font-size: 24px;
   line-height: 30px;
   font-weight: normal;
   text-transform: uppercase;
   margin: 0 0 10px 0;
 }

 .sa-intro-area p {
   color: #fff;
   font-size: 15px;
   line-height: 24px;
   font-weight: normal;
   margin-bottom: 46px;
 }
 .sa-intro-area a {
   color: #fff;
   border: 1px solid #fff;
   padding: 10px 20px;
   border-radius: 50px;
 }

 .sa-intro-area a:hover {
   border: 1px solid #fff;
   background: #fff;
   color: #9c0d12 !important
 }
 .sa-intro-area img {
   margin: 0 0 10px 0;
 }

 @media all and (max-width: 991px) {
   .sa-intro-section-2 {
     margin-top: -72px;
   }
 }




 .maintitle {
   padding-top: 14%;
   position: relative;
 }

 .header-title h3 {
   font-size: 32px;
   font-weight: 700;
   padding: 0px;
   color: #fff;
   text-transform: uppercase;
 }

 .breadcum {
   font-size: 13px;
   padding: 15px 0px;
   text-transform: uppercase;
 }

 .breadcum a {
   color: #000000;
   display: inline-block;
   position: relative;

 }

 .breadcum a::after {
   margin: 0 8px;
   background: url(../img/arrow-bread.svg) no-repeat;
   width: 4px;
   height: 6px;
   content: '';
   display: inline-block;
 }

 .breadcum span {
   color: #707070;
 }


 .filter h3 {
   background: #00923E;
   padding: 15px;
   font-size: 18px;
   font-weight: 600;
   color: #fff;
   border-radius: 10px 10px 0px 0px;
   margin: 0px;
 }


 /* First Level */
 .mainNav ul {
   margin: 0;
   padding: 0;
   list-style: none;
   border-bottom: 1px solid #eee;
 }

 .mainNav ul li {
   border-top: 1px solid #eee;
 }

 .mainNav ul li a {
   color: #444;
   display: block;
   font-size: 16px;
   line-height: normal;
   padding: 10px 15px;
   text-decoration: none;
   font-weight: 500;
 }


 /* Second Level */
 .mainNav ul ul {
   border-bottom: none;
   background: #F5F5F5;
 }

 .mainNav ul ul li {
   border-top: 1px solid #eee;
 }

 .mainNav ul ul li a {
   color: #000;
   display: block;
   font-size: 13px;
   font-weight: normal;
   line-height: normal;
   padding: 8px 10px 8px 30px;
 }

 /* Third Level */
 .mainNav ul ul ul {
   border-top: 1px solid #eee;
 }

 .mainNav ul ul ul li {
   border-top: 1px solid #eee;
 }

 .mainNav ul ul ul li a {
   padding: 8px 10px 8px 40px;
 }

 /* Accordion Button */
 ul li.has-subnav .accordion-btn {
   color: #555;
   background: rgba(255, 255, 255, 0.15);
   font-size: 14px;

 }


 .dir-title {
   font-size: 28px;
   margin-bottom: 25px;
   font-weight: 600;
 }

 .sortBy {
   float: right;
   margin-right: 10px;
 }

 .sortBy .form-control {
   padding: 5px 8px;
   font-size: 13px;
   border: 1px solid #CFCECE;
   height: 35px;
 }

 .gridList {
   float: right;
   position: relative;
 }

 .gridBox {
   cursor: pointer;
   width: 34px;
   height: 32px;
   padding: 5px 8px;
   margin: 0px;
   display: inline-block;

   line-height: 22px;
   color: #CCCCCC;
   border: 1px solid #ccc;
   border-radius: 4px;
 }

 .gridBox.active {
   background: #BC141A;
   border: 1px solid #BC141A;
   color: #fff;
 }

 .gridListBox {
   cursor: pointer;
   width: 34px;
   height: 32px;
   padding: 5px 8px;
   margin: 0px;
   line-height: 22px;
   display: inline-block;
   border: 1px solid #ccc;
   border-radius: 4px;
 }

 .gridListBox.active {
   background: #BC141A;
   border: 1px solid #BC141A;
   color: #fff;
 }

.directory .featuredOrg{
	padding:0px;
}

 .directoryList.gridRow li {
   width: 100%;
   flex: 0 0 100%;
   max-width: 100%;
   margin-bottom: 10px
 }

 .directoryList.gridRow li .card-img-top {
   float: left;
   width: 30%;
   border: none;
   margin-top: 20px;
 }

 .directoryList.gridRow li .card-body {
   float: left;
   width: 68%;

 }

 .directoryList li .card-body .para {
   display: none;

 }

 .directoryList.gridRow li .card-body .para {
   display: block;

 }

 .directoryList.gridRow .card {
   display: flow-root;
 }

 .directoryBox {
   margin-bottom: 30px;
	 width:100%;

 }

 .directoryBox .card {
 min-height: 620px; 
 }

 .directoryList.gridRow .card {
 min-height:auto; 
 }

 .directoryBox .card-body {
   padding: 20px;
 }

 .directoryBox .card-body h4 {
   font-size: 20px;
 }

 .directoryBox .card-body h6 {
   font-size: 14px;
 }

 .directoryBox .tagged a {
   font-size: 12px;
   color: #777;
 }

 .directory-listbox ul {
   text-align: center;
   margin: 0px;
   padding: 0px;
 }

 .directory-listbox ul li {

   text-align: center;
   display: inline-block;
   border: 1px solid #eee;
   background: #fff;
   box-shadow: 0px 0px 4px rgb(0 0 0 / 12%);
   border-radius: 5px;
   position: relative;
   overflow: hidden;
   margin: 10px !important;
   border-bottom: 3px solid transparent;

 }

 .directory-listbox ul li a {
   height: 140px;
   width: 150px;
   text-align: center;
   font-weight: 500;
   padding-top: 40px;
   display: block;
   color: #000;
   font-weight: 500;

 }

 .directory-listbox ul li img {
   margin-bottom: 10px;
	 height:34px;
 }

 .directory-listbox ul li span {
   display: block;
   line-height: 15px;
 }

 .directory-listbox ul li:hover {
   border-bottom: 3px solid #BC141A;
 }


 .blog-pagination {
   color: #8795a4;
 }

 .blog-pagination ul {
   display: flex;
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .blog-pagination li {
   margin: 0 5px;
   transition: 0.3s;
   border: 1px solid #ccc;
   border-radius: 50px;
   width: 40px;
   height: 40px;
 }

 .blog-pagination li i {
   line-height: 24px;
   font-size: 18px;
   font-weight: 600;
 }

 .blog-pagination li a {
   color: #556270;
   padding: 7px 16px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .blog-pagination li.active,
 .blog .blog-pagination li:hover {
   background: #d9232d;
 }

 .blog-pagination li.active a,
 .blog .blog-pagination li:hover a {
   color: #fff;
 }

 @media all and (max-width:768px) {
   .maintitle {
     padding-top: 25%;
   }

   .directoryBox .card {
     height: auto;
   }
 

 }

 @media all and (max-width: 480px) {
   .maintitle {
     padding-top: 50%;
   }

   .dir-title {
     margin: 20px 0px;
     font-size: 24px;
   }

   .sortBy {
     margin-bottom: 20px;
   }

   .gridList {
     display: none;
   }

   .headerBg {
     min-height: 300px;
   }

   #header {
     padding: 70px 0px;
   }
	
	 

 }




 /* membership */
 .eligibilitytxt h4 {
   font-size: 24px;
 }

 .stepBg {
   position: relative;
   background-color: #F7F7F7;
   overflow: hidden;
   padding: 20px;
   border-radius: 10px;

 }

 .planName {
   position: relative;
   background: #fff;
   padding: 15px 20px;
   border-radius: 10px;

 }

 .planName ul li {
   color: #000;
   font-weight: 600;
   overflow: hidden;
 }

 .planName ul li span {
   width: 85px;
   float: left;
   font-size: 14px;
   color: #707070;
   font-weight: normal;

 }

 .planName ul li h6 {
   font-size: 14px;
   color: #000;
   font-weight: 600;
   line-height: 24px;
   margin: 0px;
   padding: 0px;


 }

 .memberTxt h3 {
   font-size: 24px;
   font-weight: 600;
   margin-top: 30px;
   color: #000;
 }

 .memberTxt h4 {
   font-size: 18px;
   font-weight: 600;
   margin-top: 10px;
   color: #000;
 }

 .progressbar {
   counter-reset: step;
   margin-top: 5px;
   position: relative;
 }

 .progressbar li {
   list-style-type: none;
   width: 25%;
   float: left;
   font-size: 14px;
   font-weight: 600;
   position: relative;
   text-align: center;
   text-transform: uppercase;
   color: #7d7d7d;
 }

 .progressbar li:before {
   width: 40px;
   height: 40px;
   content: counter(step);
   counter-increment: step;
   line-height: 38px;
   border: 2px solid #ccc;
   display: block;
   position: relative;
   text-align: center;
   z-index: 99;
   margin: 0 auto 10px auto;
   border-radius: 50%;
   background-color: white;
 }

 .progressbar li:after {
   width: 100%;
   height: 2px;
   content: '';
   position: absolute;
   background-color: #ccc;
   top: 20px;
   left: -50%;
   /* z-index: -1; */
 }

 .progressbar li.active {
   color: #BC141A;
 }

 .progressbar li.active:before {
   border-color: #BC141A;
   background: #BC141A;
   color: #fff;
 }

 .progressbar li.active+li:after {
   /* background-color: #BC141A; */
 }


 .eligibilityTxt {
   border: 1px solid #DDDDDD;
   padding: 0px;
   position: relative;
   border-radius: 8px;
   margin-bottom: 30px;

 }

 .eligibilityTxt h4 {
   font-size: 16px;
   margin: 0px;
   padding: 0px;
   float: left;
   width: 80%;

 }

 .customRadio {
   float: right;
 }

 .card-elig {
   padding: 20px;
   border-bottom: 1px solid #ddd;
   overflow: hidden;
 }

 .paraCard {
   padding: 20px 20px 0px;
 }


 .customRadio .custom-control-label {
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
 }

 .custom-control-input:checked~.custom-control-label::before {
   color: #fff;
   border-color: #BC141A;
   background-color: #BC141A;
 }

 .form-group {
   margin-bottom: 30px;
   position: relative;
 }

 .form-group2 {
   margin-bottom: 10px;
   position: relative;
 }

 .form-group label {
   font-size: 14px;
   margin-bottom: 3px;
   color: #707070;
   font-weight: 500;
   display: block;
   line-height: 22px;
 }

 .form-control {
   height: 45px;
   border-radius: 5px;
   font-weight: 500;
   color: #222;
   padding: 5px 10px;
   font-size: 15px;
   border: solid 1px #CFCECE !important;
   background-color: #ffffff;
 }

 .form-control::placeholder {
   color: #cccccc;
   opacity: 1;
   font-size: 14px;
   font-weight: normal;
 }

 .form-control:-ms-input-placeholder {
   color: #cccccc;
 }

 label.required::after {
   content: "*";
   color: #BC141A;
   margin-left: 2px;
 }

 .form-group h6 {
   color: #999999;
   font-size: 11px;
   margin-top: 5px;
   font-weight: normal;
 }


 .btn-switch {
   position: relative;
   display: block;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 72px;
 }

 .btn-switch__radio {
   position: absolute;
   pointer-events: none;
   opacity: 0;
 }

 .btn-switch__label {
   display: inline-block !important;
   padding: 3px !important;
   vertical-align: top;
   color: #fff !important;
   cursor: pointer;
   transition: color .2s ease-in-out;
   -webkit-transition: color .2s ease-in-out;
   -moz-transition: color .2s ease-in-out;
   -ms-transition: color .2s ease-in-out;
   -o-transition: color .2s ease-in-out;
   margin-bottom: 0px !important;
 }

 .btn-switch__txt {
   position: relative;
   z-index: 2;
   display: inline-block;
   min-width: 1.5em;
   opacity: 1;
   pointer-events: none;
   line-height: 24px;
 }

 .btn-switch__radio_no:checked~.btn-switch__label_yes .btn-switch__txt,
 .btn-switch__radio_yes:checked~.btn-switch__label_no .btn-switch__txt {
   opacity: 0;
 }

 .btn-switch__label:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
   background: #AAAAAA;
   border-radius: 1.5em;
   box-shadow: inset 0 .0715em .3572em rgba(43, 43, 43, .05);
   transition: background .2s ease-in-out;
   -webkit-transition: background .2s ease-in-out;
   -moz-transition: background .2s ease-in-out;
   -ms-transition: background .2s ease-in-out;
   -o-transition: background .2s ease-in-out;
 }

 .btn-switch__radio_yes:checked~.btn-switch__label:before {
   background: #888888;
 }

 .btn-switch__label_no:after {
   content: "";
   position: absolute;
   z-index: 2;
   top: .6em;
   bottom: .5em;
   left: .5em;
   width: 14px;
   height: 14px;
   background: #fff;
   border-radius: 1em;
   pointer-events: none;
   box-shadow: 0 .1429em .2143em rgba(43, 43, 43, .2), 0 .3572em .3572em rgba(43, 43, 43, .1);
   transition: left .2s ease-in-out, background .2s ease-in-out;
   -webkit-transition: left .2s ease-in-out, background .2s ease-in-out;
   -moz-transition: left .2s ease-in-out, background .2s ease-in-out;
   -ms-transition: left .2s ease-in-out, background .2s ease-in-out;
   -o-transition: left .2s ease-in-out, background .2s ease-in-out;
 }

 .btn-switch__radio_yes:checked~.btn-switch__label_no:after {
   left: 50px;
   background: #fff;
 }

 .btn-switch__radio_no:checked~.btn-switch__label_yes:before,
 .btn-switch__radio_yes:checked~.btn-switch__label_no:before {
   z-index: 1;
 }

 .btn-switch__radio_yes:checked~.btn-switch__label_yes {
   color: #FFF;
   position: absolute;
   margin-left: 5px;
   transition: none;
 }


 .multiselect-native-select .btn-group {
   width: 100%;
 }

 button.multiselect.dropdown-toggle.btn.btn-default {
   min-height: 42px;
   border-radius: 5px;
   font-weight: 500;
   color: #022147;
   padding: 5px 10px;
   font-size: 15px;
   box-shadow: 0 1px 2px 0 rgb(141 141 141 / 20%);
   border: solid 1px #eeeeee;
   background-color: #ffffff;
   width: 100%;
 }

 .cardDetials {
   border: 1px solid #E8E5E5;
   border-radius: 10px;
   position: relative;
   padding: 0px;
   margin: 0px 0px 30px 0px;
 }

 .cardDetials h4 {
   background: #EFEFEF;
   border: 1px solid #E8E5E5;
   padding: 12px 15px;
   border-radius: 10px 10px 0px 0px;
   font-size: 18px;
   font-weight: 600;

 }

 .cardDetialsNo {
   padding: 15px;
 }

 .cardDetialsNo label {
   font-size: 13px;
 }

 .successful {
   max-width: 520px;
   margin: 0px auto 30px;
   padding: 40px 20px;
   text-align: center;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06);
   border: solid 1px #f1f2ed;
   border-radius: 12px;
   background-color: #ffffff;
 }

 .successful h5 {
   margin: 15px 20px;
   line-height: 28px;
   font-size: 18px;
 }

 .successful img {
   width: 60px;
 }

 .successful p {
   margin: 25px 10px 15px;
   font-size: 15px;
   line-height: 24px;
 }

 .back {
   text-align: center;
   margin: 0px auto;
   margin-bottom: 0px;
 }

 .back a {
   color: #333;
   font-weight: 600;
 }


 .btn-next {
   color: #fff;
   background-color: #BC141A;
   border: #BC141A 1px solid;
   border-radius: 50px;
   padding: 10px 30px;
   width: 120px;


 }

 .btn-next:hover {
   color: #fff;
   background-color: #e1444d;
   border: #e1444d 1px solid;
 }

 .btn-previous {
   color: #999999;
   background-color: #fff;
   border: 1px solid #999999;
   border-radius: 50px;
   padding: 10px 30px;
   margin-right: 10px;
   width: 120px;

 }

 .btn-previous:hover {
   color: #fff;
   background-color: #333;
   border-color: #333
 }


 .nextPrev {
   margin: 0px auto;
   text-align: center;
 }

 .btnNext {
   position: relative;
   max-width: 100px;
   width: 100%;
   padding: 0;
   align-items: center;
   box-shadow: 0 1px 2px 0 rgb(141 141 141 / 20%);
   line-height: 44px;
   border: 1px solid #D8142A;
   background: #DC1C32;
   height: 45px;
   border-radius: 50px;
   font-size: 15px;
   font-weight: 500;
   color: #fff;
 }

 .btnNext:hover {
   color: #fff;
   border: 1px solid #D8142A;
 }

 a.btnNext {
   color: #fff;
 }

 .btnPrev {
   position: relative;
   max-width: 120px;
   width: 100%;
   margin-right: 10px;
   background: #fff;
   padding: 0;
   align-items: center;
   box-shadow: 0 1px 2px 0 rgb(141 141 141 / 20%);
   line-height: 44px;
   border: 1px solid #999;
   height: 45px;
   border-radius: 50px;
   font-size: 15px;
   font-weight: 500;
   color: #fff;
 }

 a.btnPrev:hover {
   color: #fff;
   background: #000;
 }


 a.btnPrev {
   color: #999;
 }

 .mainsearchbar {
   position: relative;
   max-width: 1000px;
   margin: 0px auto;
   padding: 20px;
 }

 .mainsearchbar .btn-category {
   background: #00923E;
   width: 100%;
   color: #fff;
   padding: 15px 10px;
   font-weight: 500;
   display: block;
   border-radius: 5px;
 }


 .mainsearchbar .searchBox form {
   width: auto;
   border: 1px solid #ccc;
   padding:3px 6px;
 }


 .mainsearchbar .searchBox form input[type=text] {
       width: 78%;
    margin-right:90px;
      
 }

 .mainsearchbar .searchBoxhome {
   width: 100%;
	 margin:0px;
 }

 .mainsearchbar .searchbar {
   border-radius: 10px;
   padding: 15px;
 }

 .searchbox1 {
   width: 45%;
 }

 .searchOr {
   width: 10%;
 }

 .searchbar {
   background: #fff;
   padding: 10px;
   margin: 0px auto;
   box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
   position: absolute;
   z-index: 99;
   width: 100%;
   text-align: center;
   margin-top: -80px;
 }

 .searchbar h5 {
   text-align: center;
   font-size: 18px;
   margin-bottom: 10px;

 }

 .searchbar h4 {
   background: #016e2e;
   padding: 15px;
   text-align: center;
   color: #fff;
   border-radius: 10px;
 }

 .searchbar .or {
   background: #fff;
   width: 32px;
   height: 32px;
   line-height: 30px;
   border-radius: 50px;
   border: 1px solid #ccc;
   text-align: center;
   margin: 10px auto;
   color: #999;


 }

 .searchbar .directory-listbox ul {
   width:100%;
   margin: 10px auto;
   text-align: center;
 }

 .searchbar .directory-listbox ul li a {
   height: 100px;
   width: 110px;
   text-align: center;
   font-weight: 500;
   padding-top: 5px;
   font-size: 13px;


 }



 .searchBoxhome {
   width: 80%;
   margin: 0px auto;
   text-align: center;
 }






 /*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
 .pricing .box {
   padding: 0px;
   text-align: center;
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
   border-radius: 10px;
   position: relative;
	 background:#fff;
	 width:100%;
   overflow: hidden;
	 margin-bottom:50px !important;
	  display: flex;
	 flex-direction: column;
   
/*    height: 1465px; */
 }

 .pricingtable {
   background: #F5F5F5;
   padding: 40px 0px;
   margin: 30px 0px;
 }

 .pricing h1 {
   text-align: center;
   font-size: 28px;

 }

 .pricing h6 {
   text-align: center;
   font-size: 22px;
   margin-bottom: 40px !important;

 }

 .pricing h2 {
   margin: 0px;
   padding: 15px;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   background: #252525;
 }

 .pricing h3 {
   margin: 0px;
   padding: 25px 15px 0px 15px;
   font-size: 32px;
   font-weight: 600;
   color: #fff;
 }

 .pricing h4 {
   color: #fff;
   font-weight: 600;
   margin-bottom: 0px;
   font-size: 16px;
   padding-bottom: 25px;
 }

 .pricing h5 {
   background: #252525;
   padding: 15px;
   font-size: 14px;
   color: #fff;
 }

 .pricing .getlist-featured1 {
   background: #000000;
   color: #fff;
 }

 .pricing .getlist-featured1 h4 {
/*    padding: 30px;
   font-size: 40px; */
 }

 .pricing .getlist-featured2 {
   background: #00923E;
 }

 .pricing .getlist-featured2 h2 {
   background: #027E37;

 }

 .pricing .getlist-featured2 h5 {
   background: #02853A;

 }




 .pricing .getlist-featured3 {
   background: #BC141A;
 }

 .pricing .getlist-featured3 h2 {
   background: #AD080E;

 }

 .pricing .getlist-featured3 h5 {
   background: #AD080E;

 }



 .pricing ul {
   padding: 0;
   list-style: none;
   color: #444444;
   text-align: center;
   line-height: 20px;
   font-size: 14px;
   background: #fff;
 }

 .pricing ul li {
   padding: 10px 5px;
   border-bottom: 1px solid #ddd;
   min-height: 45px;
 }

 .pricing ul li a {
   color: #006CFF;
 }
.pricing ul li:last-child {
    border: none;
  }

 .pricing .btn-wrap {
   margin: 0px;
   padding: 20px 15px;
   background: #f8f8f8;
   text-align: center;
	 border-top: 1px solid #ddd;
	 margin-top:auto;
 }

 .pricing .btn-buy {
   display: inline-block;
   padding: 8px 35px;
   border-radius: 50px;
   color: #fff;
   transition: none;
   font-size: 14px;
   font-weight: 500;
   transition: 0.3s;
 }

 .pricing .btn-buy.btn-black {
   background: #000;
 }

 .pricing .btn-buy.btn-black:hover {
   background: #333;
 }

 .pricing .btn-buy.btn-green {
   background: #00923E;
 }

 .pricing .btn-buy.btn-green:hover {
   background: #016e2e;
 }


 .pricing .btn-buy.btn-red {
   background: #BC141A;
 }

 .pricing .btn-buy.btn-red:hover {
   background: #9c0d12;
 }






  .btn-donate {
   margin-top: 20px;
   color: #fff;
   background-color: #BC141A;
   border-color: #BC141A;
   border-radius: 50px;
   padding:8px 25px;
   display: inline-block;
   text-align: center;
   vertical-align: middle;
   border: 1px solid transparent;
   font-weight: 500;
   font-size: 15px;
   transition: color .15s ease-in-out,
     background-color .15s ease-in-out,
     border-color .15s ease-in-out,
     box-shadow .15s ease-in-out;

 }


  .btn-donate:hover {
   color: #fff;
   background-color: #e1444d;
   border-color: #e1444d
 }



/*  [data-toggle="collapse"].collapsed .if-not-collapsed {
   display: none;
 } */

/*  [data-toggle="collapse"]:not(.collapsed) .if-collapsed {
   display: none;
 } */

 .mainProfile {
   padding: 0px;
   border: solid 1px #f1f2ed;
   border-radius: 12px;
   background-color: #ffffff;
   margin-bottom: 50px;
 }

 .mainProfile h3 {
   font-size: 22px;
   margin: 0px;
   font-weight: 600;
   padding: 0px;
 }

 .profile .card-title {
   border-radius: 10px 10px 0px 0px;
   background-color: #f2f2f2;
   padding: 10px 30px 10px;
   margin: 0px;
 }

 .profile-text {
   padding: 25px 30px;
   overflow: hidden;
   position: relative;
 }

 .profile-text {
   padding: 25px 30px;
   overflow: hidden;
   position: relative;
 }

 .editBtn {
   position: relative;
   width: 100%;
   display: flex;
   padding: 0px 15px;
   align-items: center;
   justify-content: center;
   box-shadow: 0 1px 2px 0 rgb(141 141 141 / 20%);
   line-height: 40px;
   border: 1px solid #00923E;
   background: #00923E;
   height: 40px;
   border-radius: 8px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   margin-top: -2px;
 }

 .editBtn:hover {
   text-decoration: none;
   color: #fff;
   background: #018036;
 }

 .editBtn::before {
   content: '';
   background: url(../img/edit.svg) no-repeat;
   width: 20px;
   height: 20px;
   margin-left: 0px;
   padding: 0px 15px;
 }


 .backBtn {
   position: relative;
   width: 100%;
   display: flex;
   padding: 0px 15px;
   align-items: center;
   justify-content: center;
   box-shadow: 0 1px 2px 0 rgb(141 141 141 / 20%);
   line-height: 40px;
   border: 1px solid #00923E;
   background: #00923E;
   height: 40px;
   border-radius: 8px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   margin-top: -2px;
 }

 .backBtn:hover {
   text-decoration: none;
   color: #fff;
   background: #018036;
 }

 .backBtn::before {
   content: '';
   background: url(../img/left-arrow.svg) no-repeat;
   width: 21px;
   height: 15px;
   margin-left: 0px;
   padding: 0px 15px;
 }

 .profile-text h4 {
   font-size: 18px;
   color: #222;
   font-weight: 600;
   margin-bottom: 0px;

 }


 .profile-text p {
   font-size: 13px;
   margin: 0px;
   color: #888888;
 }

 .profile-text h5 {
   font-size: 14px;
   margin: 0px;
   color: #444;
   font-weight: 600;

 }

 .profile-text ul li {
   margin-bottom: 20px;
 }

 .profile-text .sociallinks p {
   margin-bottom: 10px;
 }

 .profile-text .sociallinks p strong {
   font-weight: 600;
   color: #555555;
   width: 120px;
   float: left;

 }

 .line {
   border-bottom: 1px solid #ddd;
   width: 103%;
   overflow: hidden;
   margin: 10px -15px 20px;
 }

 .profile-text textarea {
   font-size: 14px;
   color: #444;


 }


 .error-message {
   color: #ff0000;
 }

 input.form-control {
   color: black;
 }



 .social-icon {
   display: flex;
 }
/*
 .social-link {
   padding: 5px;
   margin-right: 5px;
   width: 32px;
   height: 32px;
   text-align: center;
   border-radius: 50px;
   color: #666;
   border: 1px solid #666;
   line-height: 22px;
 }

 .social-link.facebook:hover {
   background: #3b5998;
   border: 1px solid #3b5998;
 }

 .social-link.instagram:hover {
   background: #f09433;
   border: 1px solid #f09433;
   background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
 }


 .social-link.twitter:hover {
   background: #55ACEE;
   border: 1px solid #55ACEE;
 }

 .social-link.linkedin:hover {
   background: #007bb5;
   border: 1px solid #007bb5;
 }

 .social-link.youtube:hover {
   background: #bb0000;
   border: 1px solid #bb0000;
 }

 .social-link:hover {
   color: #fff;
 }
*/
.navdonate-btn{
background: #BC141A;
    padding: 0px 15px;
    margin-left: 20px;
    border-radius: 50px;
    color: #fff;
	
}

.threeBox{
	width:104%;
	margin-left:-30px;
	
}

.mt-15{ margin-top:15px}
.woodmart-navigation .item-level-0.menu-item-has-children>a:after{
	color:#fff !important;
	font-size:15px !important; 
}

.breadcrumbs{
	display:none;
}

.subcat-active {
	background-color: #ddd;
} 
/* Custom Css Bharat Goyal */
 
 .paginationjs {display: flex;justify-content: center;} 
 .paginationjs .paginationjs-pages li>a {height: 35px !important;line-height: 35px !important;padding: 0px 16px;font-size: 16px !important;}  .paginationjs .paginationjs-pages li.active>a {height: 37px !important;line-height: 37px !important;background: #d9232d !important;} 
.directoryList.gridRow li {width: initial !important;}

 .searchBox input[type="text"] {
    color: #222;
	 font-size:13px;
	 font-weight: 500;
}

h4.blackbg {
    font-size: 30px;
	padding-top: 30px;
}

.menu-simple-dropdown .sub-menu-dropdown, .menu-simple-dropdown .sub-sub-menu{
	    width: 240px !important;
    border-radius: 10px;
}


 .blog-post-loop .article-body-container{
	 text-align:left !important;
 }
 
 .blog-design-small-images.has-post-thumbnail .article-inner{	 
	     border: 1px solid #eee;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
	overflow: hidden;
    border-radius: 10px;

 }
 .blog-design-small-images.has-post-thumbnail .entry-title{
	 font-size:22px !important;
 }
 .meta-categories-wrapp{ display:none !important;}
 .woodmart-entry-meta .meta-author{ display:none !important;}
 .woodmart-post-date{ display:none !important;}

.main-nav .item-level-0 > a{
	font-weight:500 !important;
}

.woodmart-search-form {
    display: none;
}
.is-feature-org {
	position: absolute;
	background: #bc141a;
	color: #fff;
	padding: 10px 15px;
	border-radius: 0px 30px 30px 0px;
} 
  .ourImpact {
    text-align: center;
	  padding:60px 0px 20px;
  }

  .ourImpact h3 {
    font-weight: 700;
    margin-bottom: 60px;
    font-size: 28px;
  }

  .ourImpact ul {
    text-align: center;
  }

  .ourImpact ul li {
    display: inline-block;
    text-align: center;
    width: 25%;
    vertical-align: text-top;
    height: 200px;
    background: #fff;
    margin: 10px;
    padding: 0px 15px 15px;
    border-radius: 10px;
    border: 1px solid #eee;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
  }

  .ourImpact ul li img {
    display: block;
    margin: 0px auto;

  }

  .ourImpact ul li h5 {
    font-size: 28px;
    font-weight: 700;
    margin: 20px 15px 15px;
  }

  .ourImpact ul li span {
    font-size: 16px;
  }

  .impact-img {
    width: 90px;
    height: 90px;
    margin: -45px auto 0px;
    text-align: center;
    border-radius: 100px;
    background: #00923E;
    padding-top: 20px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
  }






 @media (max-width:1024px) {
	  .threeBox{
		 width:106%
	 }
	  .sa-intro-bg, .sa-intro-bg-2{
		 height:480px;
	 } 
	 .sa-intro-area h2{
		 font-size:20px;
	 }
	  .footer-links ul li{
		 width:100%;
		 padding:0px;
	 }
	  .navdonate-btn{
		 width:120px;
		 margin-top:10px;
	 }
	 .navdonate-btn a{
		 color:#fff !important;
		 
	 }
	  
	 
	  .whb-general-header .woodmart-logo img {
        max-height: 80px  !important;
		position:absolute;
		  left:60px;
		  top:30px;
     }
	.woodmart-header-overcontent .page-title {
    padding-top: 200px  !important;
}
	 
	 .searchBox {
    float: right;
    margin-top: -74px;
    margin-right: 120px;
		 
}
	
	 

}

 @media (max-width:768px) {
	  .threeBox{
		 width:107%
	 }
	  .sa-intro-bg, .sa-intro-bg-2{
		 height:480px;
	 } 
	 .sa-intro-area h2{
		 font-size:20px;
	 }
	 .footer-links ul li{
		 width:100%;
		 padding:0px;
	 }
	 .mainsearchbar{
		 padding:0px;
	 }
	 
	 .navdonate-btn{
		 width:120px;
		 margin-top:10px;
	 }
	 .navdonate-btn a{
		 color:#fff !important;
		 
	 }
	  .whb-general-header .woodmart-logo img {
        max-height:100px  !important;
		position:absolute;
		  left:60px;
		  top:30px;
     }
	.woodmart-header-overcontent .page-title {
    padding-top: 200px  !important;
}
	 
	 .searchBox {
    float: right;
    margin-top: -74px;
    margin-right: 120px;
		 
}
	 .main-footer h5{
		 font-size:17px;
	 }
	 
	  .ourImpact ul li {
      width: 30%;
      margin-bottom: 50px;

    }
	 
	  .about {
     padding-top: 80px;
   }


}

 @media (max-width:480px) {
	 
	  .searchBox{
		 float:none;
		 margin-top: 60px;
		   margin-right:0px;
	 }
   .searchBox form {
     width: 100%;
   }

   .directoryBox .card {
     height: auto;
	   
   }

   .eligibilityTxt h4 {
     width: 100%;
     margin-bottom: 10px;
     font-size: 14px;
     line-height: 20px;
   }

   .progressbar li {
     width: 33.33%;
   }

   .progressbar li span {
     font-size: 12px;
     line-height: 20px;
   }

   .planName {
     display: block;
     margin-top: 20px;
     padding: 15px 20px;

   }
	 

 .mainsearchbar {
     padding: 0px;
	 margin:-20px;
   }
   .searchbar {
     width: 100%;
	   margin-top:-100px;
   }

   .searchbox1 {
     width: 100%;
   }
	 .mainsearchbar .searchBox form input[type=text] {
    width: 75%;
    margin-right:90px;
    font-size: 13px;
}
	 .searchBox form input[type=submit]{
		 padding:0 10px 2px 10px;
	 }
   .searchOr {
	   margin-bottom: 10px;
     width: 100%;
   }

   .searchbar .directory-listbox ul {
     width: 100%;
   }

   .about {
     padding-top: 170px;
   }
	 .threeBox{
		 width:112%
	 }
	 
	 .searchbar h5{
		 font-size:16px;
	 }
	 
	 .navdonate-btn{
		 width:120px;
		 margin-top:10px;
	 }
	 .navdonate-btn a{
		 color:#fff !important;
		 
	 }
	 
	 .whb-general-header .woodmart-logo img {
         max-height:90px  !important;
		 position: relative;
        top: 0px;
        left: 0px;
   }
	 
	  .ourImpact ul li {
      width: 97%;
      height: auto;
      padding: 0px 15px 25px;

    }
	 

 }
 
 
 
@media screen and (max-width:2000px) and (min-width:1024px){
 
 .blog-design-small-images.has-post-thumbnail .entry-header{
	 flex: 1 0 30% !important;
    max-width: 30% !important;
 }
 .blog-design-small-images.has-post-thumbnail .article-body-container{
	  flex: 1 0 70% !important;
    max-width: 70% !important;
 }
	 
 }
.pre-year {
	font-size: 14px !important;
}