/*
Author:Yamsoti
url:https://yamsoti.com
eMail:yamsoti@gmail.com
contact:+977-9847875648 */
*{
  margin: 0;
  padding: 0;
}

:root{
    --dark-primary-color:#00796B;
    --primary-color:#009688;
    --accent-color:#009688;
    --light-primary-color:#B2DFDB;
    --light-secondary-color:#E8F6F5;
    --primery-text:#212121;
    --secondary-text:#757575;
    --white-color:#FFFFFF;
    --link-color:#00796B;
}

h1, h2, h3, h4, h5, h6{
  color: var(--primary-color);
  font-weight: 600;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  color: var(--primary-color);
}
h1{
  font-size: 30px;
  margin-bottom: 20px;
}
h2{
  font-size: 18px;
}
h5{
  font-size: 12px;
  color: #BDBDBD;
  font-weight: normal;
}
p{
  color: #212121;
}
header{
  background-color: var(--dark-primary-color);
  color: #fff;
  padding: 7px 0;
}
header a{
  color: #fff;
  text-decoration: none;
  transition: 0.6s;
}
header a:hover{
  color: #BBDEFB;
}
header .header-social-media .share-button, 
footer .footer-social-media .share-button {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: var(---light-secondary-color);
    text-align: center;
    justify-content: center;
    justify-items: center;
    border: 1px solid #fff;
    vertical-align: middle;
    padding: 2px;
    margin-right: 3px;
    line-height: 22px;
}
header .header-social-media .facebook::before,
footer .footer-social-media .facebook::before {
    font-family: 'Font Awesome 6 Brands';
    content: '\f39e';
}
header .header-social-media .facebook,
footer .footer-social-media .facebook {
    background-color: #1b67bf;
    transition: 0.5s;
}
header .header-social-media .facebook:hover,
footer .footer-social-media .facebook:hover {
    background-color: #ffffff;
    color:var(--primary-color);
    border: 2px solid var(--dark-primary-color);
}
header .header-social-media .twitter::before,
footer .footer-social-media .twitter::before {
    font-family: 'Font Awesome 6 Brands';
    content: '\f099';
}
header .header-social-media .twitter,
footer .footer-social-media .twitter {
    background-color: var(--dark-primary-color);
    transition: 0.5s;
}
header .header-social-media .twitter:hover,
footer .footer-social-media .twitter:hover {
    background-color: #ffffff;
    color: var(--link-color);
    border: 2px solid var(--dark-primary-color);
}
header .header-social-media .youtube::before,
footer .footer-social-media .youtube::before {
    font-family: 'Font Awesome 6 Brands';
    content: '\f167';
}
header .header-social-media .youtube,
footer .footer-social-media .youtube
 {
    background-color: #eb3929;
    transition: 0.5s;
}
header .header-social-media .youtube:hover,
footer .footer-social-media .youtube:hover
 {
    color: #b73932;
    background-color: #ffffff;
    border: 2px solid #b73932;
}
header .header-social-media .linkedin::before,
footer .footer-social-media .linkedin::before
 {
    font-family: 'Font Awesome 6 Brands';
    content: '\f0e1';
}
header .header-social-media .linkedin,
footer .footer-social-media .linkedin
 {
    background-color: #2d64bc;
    transition: 0.5s;
}
header .header-social-media .linkedin:hover,
footer .footer-social-media .linkedin:hover
 {
    color: var(--link-color);
    background-color: #ffffff;
    border: 2px solid var(--dark-primary-color);
}
nav{
  background-color: #f8f8f8;
}
.navbar img.custom-logo {
  width: 250px;
  height: auto;
}
nav.navbar.navbar-expand-lg.logo-container {
  background: var(--light-secondary-color);
  margin: 0;
  padding: 0;
}
.navbar-toggler span {
  display: block;
  width: 22px;
  height: 2px;
  border: 1px;
  background: var(--dark-primary-color);
}
.navbar-toggler span+span {
  margin-top: 4px;
  width: 22px;
}
.navbar-toggler span+span+span {
  width: 22px;
}
nav img {
  width:200px;
  height:auto;
  border-radius: 0 !important;
  border: none !important;
}
.offcanvas-header {
  background-color: #f4f4f4;
}
nav .offcanvas-header img {
  width: 100%;
  border: none;
  background: transparent;
}
nav .offcanvas-header .btn-close {
  margin-right: 0 !important;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
  border: 0;
  position: relative;
}
.nav-link {
  cursor: pointer;
}
.dropdown:hover .dropdown-menu{
  display: block;
  transition:all 0.1s ;
} 
.navbar-expand-lg .navbar-nav .nav-link{
  padding: 19px 12px;
  position: relative;
  white-space: nowrap;
  color: #000;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
  padding: 19px 12px;
  color: #f4f4f4;
  background:var(--primary-color) ;
  animation: fadeIn 2s; 
}
.navbar-expand-lg .navbar-nav .nav-link.active{
  background: var(--dark-primary-color);
  color: #fff !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background: #f1f1f1;
  border-bottom: 1px solid var(--dark-primary-color);
}
.dropdown:hover .dropdown-menu{
  display: block;
  transition:all 0.1s ease;
  animation: fadeIn 1s;
} 
.dropdown-menu{
  border:0;
  background:#efefef;
  border-radius: 0;
  border: none;
  padding: 0;
  color: #585858;
}
.dropdown-item{
  top: 0;
  color: #585858;
  padding: 15px 12px;
}
.dropdown-item a{
  top: 0;
  color: #fff;
}
.dropdown-item:hover{
  background:var(--link-color);
  transition:all 0.5s ease;
  color:#fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
  color: #fff;
}
.offcanvas-body 
.offcanvas-body .navbar-nav .nav-link.active, .offcanvas-body .navbar-nav .nav-link.show {
  color: #ffffff !important;
}
section.slider {
  max-height: 580px;
  overflow: hidden;
  background-color: #fff;
}
section.slider .container-fluid {
  margin: 0;
  padding: 0;
}
section.slider img {
  max-height: 650px;
  border: none !important;
  margin: 0;
  padding: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: top center;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: auto;
}
section.welcome{
  padding: 40px 0;
  background-color: #f7f7f7;
}
section.welcome p{
  text-align:justify;
}
section.welcome .welcome-main-section{
  margin-bottom: 20px;
  display: inline-block;
}
section.welcome .welcome-main-section img{
  width: 400px;
  float: left;
  margin-right: 20px;
  border-radius: 10px;
}
.founder-message{
  margin-bottom: 20px;
}
.founder-message img{
  width: 200px;
  height: 200px;
  float: left;
  margin-right: 15px;
  object-fit: cover;
  object-position: left center;
}

section.front-news{
  padding: 40px 0;
  background-color: #fff;
}
.news-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.news-header a {
  text-decoration: none;
  font-size: 20px;
  font-weight: 600;
  color: var(--dark-primary-color);
}
.news-header a:hover {
  color: var(--accent-color);
}
section.front-news i{  
  transform: rotate(340deg);
}
section.front-news .news-events {
  background-color: #f7f7f7;
  margin: 20px 0;
  padding: 10px;
  display: flex;
}
section.front-news .news-events a, 
section.welcome a,
.founder-message a,
.ongoing-container a,
.news-container a{
  text-decoration: none;
  color: var(--dark-primary-color);
  transition: 0.6s;
}
section.front-news .news-events a:hover,
section.welcome a:hover,
.founder-message a:hover,
.news-container a:hover,
.ongoing-container a:hover{
  color: var(--accent-color);
}
section.front-news .news-events img{
  width: 200px;
  height: 120px;
  object-fit: cover;
  object-position: top center;
  float: left;
  margin-right: 20px;
}
section.front-news .news-events .short-desc p{
  margin: 0;
}
section.news-section{
  padding: 40px 0;
  background-color: #f7f7f7;
}
section.news-section .success-stories .owl-carousel .owl-dots.disabled, 
section.news-section .success-stories .owl-carousel .owl-nav.disabled,
section.news-section .ongoing-news-section .owl-carousel .owl-dots.disabled, 
section.news-section .ongoing-news-section .owl-carousel .owl-nav.disabled{
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section.news-section .news-container {
    background: #fff;
    display: inline-block;
    padding: 20px;
    height: 400px;
    margin-bottom: 20px;
     transition: 0.5s ease-in-out;
  }
  section.news-section .news-container:hover {
    -webkit-box-shadow: 0 0 5px 3px #E6E6E6;
    box-shadow: 0 0 5px 3px #E6E6E6;
    scale: 1.02;
    margin-bottom: 20px;
  }
  section.news-section .news-container h2,
  section.news-section .ongoing-container h2{
    margin-bottom: 20px;
  }
  section.news-section img {
  width: 300px;
  height: 150px !important;
  object-fit: cover;
  margin-bottom: 10px;
  object-position: center center;
}

section.news-section .success-stories .owl-carousel .owl-nav button.owl-prev, 
section.news-section .success-stories .owl-carousel .owl-nav button.owl-next,
section.news-section .ongoing-news-section .owl-carousel .owl-nav button.owl-prev, 
section.news-section .ongoing-news-section .owl-carousel .owl-nav button.owl-next{
  background: 0 0;
  color: inherit;
  border: none;
  font: inherit;
  font-size: 44px;
  background: var(--dark-primary-color);
  padding: 10px 20px 20px 20px !important;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
}
/** Executive Members Section **/
.executive-members, .employee-list{
  padding: 40px 0;
  background-color: #fff;    
}
.members{
  background-color: var(--white-color);
}
.executive-members{
  background: var(--light-secondary-color);
} 
.executive-members h1{
  text-align: left;
}
.working-container{
  background: var(--white-color);
	height: 450px;
}
.working-container,
.executive-members{
  padding: 20px 10px;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #fff;
  transition: 0.5s ease-in-out;
}
.executive-members.working-container:hover{
  -webkit-box-shadow: 0 0 5px 3px #E6E6E6;
    box-shadow: 0 0 5px 3px #E6E6E6;
    scale: 1.02;
    margin-bottom: 20px;
}
.working-container h2{
  font-size: 22px;
}
.working-container h2,
.working-container p{
  margin: 5px 0 0 0;
}
.working-container img {
    height: 300px !important;
    object-fit: cover;      
    object-position: top center;
    position: relative;
}

section.executive-members a,
section.executive-members h2{
  text-decoration: none;
  padding: 5px 3px;
  color: var(--accent-color); 
  background-color: var(--dark-primary-color); 
  /* cursor: pointer; */
  /* display: inline-block;  */
  transition: background-position 0.5s ease; 
  background: linear-gradient(to right, var(--accent-color) 50%, #f1f1f1 50%);
  background-size: 200% 100%;
  background-position: right; 
}
section.executive-members a:hover,
section.executive-members h2:hover{
  background-position: left; 
  color: #fff;
}
section.executive-members a.button, section.employee-list a.button{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: max-content;
  font-weight: 600;
  padding: 10px;
}
/** employee list section **/
.employee-list{
  padding: 40px 0;
  background-color: #fff;    
}
.employee-list .working-container{
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #fff;
}

section.employee-list a,
section.employee-list h2{
  text-decoration: none;
  padding: 5px 10px;
  color: var(--accent-color);
  background-color: var(--dark-primary-color);
  transition: background-position 0.5s ease; 
  background: linear-gradient(to right, var(--accent-color) 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right; 
}
section.employee-list a:hover,
section.employee-list h2:hover{
  background-position: left; 
  color: #fff;
}
/** Doner List Section **/

.doner-list h1{
  margin: 20px 0;
}
.doner-list .donor-container{
  background: #fff;
  margin: 20px 0;
  border: 1px solid #e7e7e7;
  padding: 10px;
}
.doner-list h2{
  font-size: 22px;
  background: #004C97;
  padding: 5px;
  width: max-content;
  color: #fff;
}

.doner-list .donor-container h2,
.doner-list .donor-container p{
  margin: 0;
}

.donor-container img {
    margin: 10px 0;
    height: 200px;

}
.doner-list a {
   text-decoration: none;
  padding: 5px 10px;
  color: #004c97; 
  background-color: #3498db; 
  cursor: pointer;
  display: inline-block; 
  transition: background-position 0.5s ease; 
  background: linear-gradient(to right, var(--accent-color) 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right; 
}

.doner-list a:hover {
  background-position: left; 
  color: #fff;
}
/** members page section **/
.members-page{
  padding: 40px 0;
  background-color: #f7f7f7;
}
.members-page .card {
  border: 1px solid #e7e7e7;
  text-align: center;   
  margin: 10px 0;  
}
.members-page .card .card-header {
  padding: 0;
  margin: 0;
}
.members-page .card .card-header img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}
.members-page .card .card-header h2{
  margin-top: 10px;
} 
.members-page .card p{
  margin: 0;
  padding: 0;
}   

/** Client Area Section **/   

section.client-area{
  padding: 40px 0;
  background-color: #fff;
}
.client-area p{
  margin:20px 0;
  text-align: center;
}
section.client-area .owl-theme .owl-dots .owl-dot span {
   display: none;
}
section.client-area  .owl-theme .owl-nav {
        display: none;
     }
section.client-area  .item img {
  margin: 10px;
  height: 100px;
  width: 200px;
  object-fit: scale-down;
}
section.client-area  .owl-item img {
   padding: 1px;
   border: 1px solid #f1f1f1;
}
section.client-area  .item {
   margin: 10px;
}
footer{
  padding: 50px 0;
  background: var(--light-secondary-color);
  color: var(--white-color);
 }
footer p{
     margin: 0;
     font-size: 14px;
 }
footer h2{
     color: var(--dark-primary-color);
     font-size: 20px;
 }
footer ul{
     list-style: none;
     padding: 0;
     margin: 0;
 }
footer li {
  padding-left: 5px;
  font-weight: 600;
}
footer li a::before {
  content: '\f101';
  font-family: "Font Awesome 5 Free";
  color: var(--link-color);
  padding-right: 5px;
}
footer li a:hover::before {
  color: var(--accent-color);
  padding-right: 5px;
}
footer li a, footer a{
  color: var(--dark-primary-color);
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  font-size: 14px;
}
footer li a:hover, footer a:hover{
  color: var(--link-color);
  transition: all 0.1s ease-in-out;
  padding-left: 3px;
}
/* footer .footer-social{ */
footer .footer-social-media a{
  padding: 5px;
  color: #fff;
  text-align: left;
}
footer a{
  text-decoration: none;
}
.copy-right, .copy-right p{
  background-color: var(--dark-primary-color);
  padding: 5px 0;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  margin: 0;
}
section.copy-right a{
  color: #fff;
  text-decoration: none;
}
section.copy-right a:hover{
  color: #b6f9d7;
  text-decoration: none;
}

/* setting for category */
.category-content{
  background: #f8f8f8;
}
.category-header {
  background: #fff;
  margin: 20px 0;
  padding: 10px;
}
.category-header h1{
  color: var(--dark-primary-color);
  font-size: 26px;
  margin: 0;
}
.category-content .content-block{
  background: #fff;
  padding: 0;
  border: 1px solid #e7e7e7;
  margin-bottom: 20px;
  height: 400px;
}
.category-content .content-block h2,
.category-content .content-block p{
  padding: 5px 10px;
  margin: 0;
}

.category-content .pagination{
  margin: 20px;
}
.category-content .img-fluid{
  transition:all 0.9s;
  object-fit: cover;
}
.category-content .img-hover-zoom{
  overflow: hidden;
  transition: transform 0.05s ease;
  margin-bottom:10px;
}
.category-content .img-hover-zoom img {
  height: 250px;
}
.category-content .img-hover-zoom:hover img{
  transform: scale(1.2);
}
.category-content a{
  text-decoration: none;
  color: var(--dark-primary-color);
  transition: 0.6s;
}
.category-content a:hover{
  color: var(--accent-color);
}
section.contact-page{
  padding: 50px 0 0 0;
  margin-bottom: 20px;
}
.contact-page input.form-control, textarea.form-control{
  border-radius: 0;
  margin: 12px 0;
}
.contact-page button.btn.btn-warning {
  width: 48%;
  border-radius: 0;
  padding: 10px;
  border: 0;
}
.contact-page button.btn.btn-primary {
  width: 50%;
  border-radius: 0;
  border: 0;
  padding: 10px;
  color: #fff;
  background:var(--dark-primary-color);
}
.contact-page button.btn.btn-primary:hover{
  background:var(--accent-color);
}
.contact-page .submit-button{
  display: flex;
  align-items: center;
  justify-content: center;
}
section.contact-page iframe{
  margin-top: 30px;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
section.contact-page i{
  color: #fff;
  background: var(--dark-primary-color);
  padding: 10px;
  border-radius: 50%;
  font-size: 15px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 16px;
}
section.contact-page a{
  text-decoration: none;
  color: var(--link-color);
  transition: 0.6s;
}
section.contact-page a:hover{
  color: var(--accent-color);
}
/* single page setting */
.single-content{
  padding: 40px 0;
  background-color: #fff;
}
.single-page-post h1{
  color:var(--dark-primary-color);
  font-size:36px;
  font-weight:600;
  font-family: 'Mukta', sans-serif;
  margin-top: 20px;
  line-height: normal;
}
.single-page-post .img-front-page {
  width: 100%;
  height: auto;
  margin: 20px 10px 0 0;
  float: left; 
  border: 0;
}
.single-page-post .content-block img{
  margin:0;
}
.single-page-post ul li {
  color: #6b6969;
}
.author{
  color:#6b6969;
  margin-left: 10px;
  font-size: 14px;
}
.author img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: 5px;
}
.single-page-post{
  margin-right: 50px;
}
.sharethis-inline-share-buttons{
  margin-bottom: 20px;
}
.btn-outline-success{
  border-radius: 0;
  border-color: var(--primary-color);
}
.btn-outline-success:hover{
  color: #fff !important;
  background-color: var(--primary-color);
}
.sidebar .founder-message{
    background: #fff;
    padding: 20px;
    margin-top: 20px;
}
.content-block .fa-solid .fa-download, .content-block i{
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  color: var(--primary-color);
}

.main-container-right,
.sidebar{
  position: sticky;
  top: 5px;
}
/**--- popup notice settings ---*/

#popupNotice {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  	background: #fff;
  	padding: 20px;
  	max-width: 600px;
  	border-radius: 10px;
 	height:99%;
}

.popup-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.notice-item {
  animation: fadeIn 0.3s ease;
  height: 90%;
  overflow: scroll;
}
.popup-content {
  position: relative;
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ff4d4d;
  border: none;
  color: #fff;
  font-size: 18px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
}

.popup-close:hover {
  background: #e60000;
}
.popup-actions button {
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--dark-primary-color);
  color: #fff;
  text-align: right;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}


@media (max-width: 480px) {
  .popup-box {
    padding: 20px;
  }
}
.notice-board a{
  text-decoration: none;
  color: var(--primary-color);
  transition: 0.6s; 
}
.notice-board a:hover{
  color: var(--accent-color);
}
.notice-board a.btn-success{
  color: var(--white-color);
}
.page-not-found {
    text-align: center;
    margin: 20px;
}
.page-not-found h1 {
    font-size: 100px;
    font-weight: 700;
    margin: 20px;
    color: var(--accent-color);
}

.search-container {
    padding: 50px 0;
}
.search-container h1 {
    font-size: 30px;
    color: var(--dark-primary-color);
    margin-bottom: 20px;
}
.search-container .search-form {
    display: flex;
    justify-content: center;
}
.search-container .search-form input[type="text"] {
    width: 300px;
    padding: 10px;      
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    outline: none;  
  }