.color-primary{color: #38B6FF;}
.text-white{color: #fff;}
.text-black{color: #000000;}
.mt-14{
  margin-top: 14px;
}
.mb-14{margin-top: 14px;}
.fw-100{font-weight: 100;}
.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}

.under-title{padding: 5px 0;}

.h2-title{
  font-size: 3.125rem;
  font-weight: 300;
  margin-bottom: 0;
}
.h3-title{
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 0;
}
.btn-theme{
  background-color: #7DD958;
  font-size: 1rem;
  padding: .75rem 1.5rem;
  text-decoration: none;
  border-radius: 10px;
  color: #000;
  display: inline-block;
}
.btn-text {
  color: #7DD958;
  text-decoration: none;
  position: relative;
}
.btn-text::after {
  content: '';
  background-image: url(../img/arrow-right.png);
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  background-size: contain;
}

.common-space{padding: 80px 0;}

.bg-leaf {
  position: relative;
}
.bg-leaf::after {
  content: "";
  width: 180px;
  height: 120px;
  top: 10px;
  left: 0;
  position: absolute;
  display: inline-block;
  background-image: url(../img/decoration.webp);
  background-size: cover;
}


.purpose {
  background-size: cover;
  background-position: center center;
}

.purpose .wrap {
  max-width: 414px;
  text-align: center;
  margin: 0 auto;
}

.card-custom img{
  height: 410px;
  border-radius: 20px;
  margin-bottom: 1rem;
}



.initiatives .nav-tabs .nav-link.active {
    color: #000;
    font-weight: 600;
    border: none;
    border-bottom: 3px solid #007bff;
    background: none;
  }
  .initiatives .nav-tabs{
      border-bottom: 4px solid #D9D9D9;
  }
  .nav-tabs .nav-link {
      border-bottom: 4px solid #D9D9D9 !important;
  }
  .nav-tabs .nav-link {
    border: none;
    color: #888;
  }
  .card-img-top {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 220px;
    object-fit: cover;
  }
  .tab-content > .tab-pane:not(.active) {
    display: none;
  }

 .initiatives .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-link{border-color: transparent !important;}
 .initiatives .nav-tabs .nav-link{
  position: relative;
 }
 .initiatives .nav-tabs .nav-link:hover, .initiatives .nav-tabs .nav-link.active{color:#000;font-weight: 400;}
 .initiatives .nav-tabs .nav-link.active::after ,.initiatives .nav-tabs .nav-link:hover::after{
  content: '';
  background: #38B6FF;
  height: 7px;
  width: calc(100% + 4px);
  position: absolute;
  left: -2px;
  bottom: -9px;
  border-radius: 6px;
  font-weight: 400;
}


.events-section .post .wrap {
  padding: 20px;
  box-shadow: 0px 4px 10px 0px #00000033;
  border-radius: 0 0 20px 20px;
}
.events-section .item {
  padding: 10px;
}
.events-section .post {
  border-radius: 20px;
}
.events-section .post img {
  border-radius: 20px 20px 0 0;
}
.events-section .post .wrap .blog-title {
  font-size: 1.25rem;
  line-height: 120%;
  font-weight: 500;
  margin-bottom: 28px;
}
.card-custom .custom-icon img {
    width: 51px;
    height: 51px;
    margin-bottom: 0;
}
.events-section .post .wrap p {
  font-weight: 300;
}
.owl-theme .owl-dots .owl-dot span{
    display:none;
}


.blog-section {
  background-size: cover;
  background-position: center center;
}

.blog-section .item {
  padding: 20px;
  backdrop-filter: blur(15px);
  background: #FFFFFF40;
  border-radius: 20px;
}
.blog-section .item .wrap {
  text-align: left;
  padding-top: 20px;
}
.blog-section .item .wrap .blog-title {
  font-size: 1.5rem;
  color: #38B6FF;
}
.blog-section .item .wrap .discription {
  width: calc(100% - 44px);
  padding-right: 2rem;
}
.blog-section .item .featured-img img {
    border-radius: 20px;
}
.blog-section .item .featured-img {
    position: relative;
    height: 306px;
    object-fit: cover;
}
.blog-section .item .featured-img .dop{
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: #fff;
    padding: 4px 13px;
    backdrop-filter: blur(4px);
    box-shadow: 0px 4px 12px 0px #0000001A;
    border-radius: 8px;
}

.crs .wrap {
  max-width: 414px;
  text-align: left;
  margin: 0 auto;
}

.crs {
  background-size: cover;
  padding-bottom: 70px;
  padding-top: 160px;
  background-position: top center;
}








 .main-slider {
    width: 100%;
    position: relative;
  }
  .main-slider .slide {
    position: relative;
    outline: none;
  }
  .main-slider img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
  .main-slider.owl-theme .owl-nav {
    margin-top: -70px;
    z-index: 9;
    position: relative;
    max-width: 1280px;
    text-align: end;
    margin-left: auto;
    margin-right: auto;
}
.main-slider.owl-theme .owl-nav button {
  width: 44px;
  height: 44px;
  background: rgb(255 255 255 / 20%) !important;
  border-radius: 0;
}
.main-slider.owl-theme .owl-nav button img {
  width: 20px;
  height: 20px;
  object-fit: cover;
}
.main-slider.owl-theme .owl-nav button:hover {background-color: #D8F4CD !important;}
.main-slider.owl-theme .owl-nav button:hover img{filter: brightness(0);}
.main-slider.owl-theme .owl-nav .owl-next img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  transform: rotate(180deg);
}
.main-slider .slide-content {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      text-align: center;
      color: white;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }
  .sub-heading {
  font-size: 3.125rem;
  text-shadow: none;
  text-align: left;
  font-weight: 600;
}

.main-slider .banner-heading {
  font-size: 8.125rem;
  text-shadow: none;
  font-weight: 100;
}



.project-detail .date-of-upload h4{
  font-size: 1.5rem;
  font-weight: 300;
}
.project-detail .feature-image img {
  height: 600px;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}