/*********************
Consistent Font Sizes
*********************/
/*********************
Center Block
*********************/
/*********************
Clearfix
*********************/
/*********************
transition
*********************/
/*********************
Centering Items
*********************/
/*********************
BREAKPOINTS
*********************/
/*********************
Placeholders for input
*********************/
/*********************
Animations
*********************/
/*********************
Transition
*********************/
.site-header {
  background-color: #1b5e4d;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
  .site-header .hdr-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .site-header.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2; }
    .site-header.active .logo {
      padding: 4px 10px; }
      .site-header.active .logo img {
        width: 60px; }
      .site-header.active .logo h1 {
        font-size: 12px; }
  .site-header .menu-wrap #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: "Rubik", sans-serif;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */ }
    @media (max-width: 1300px) {
      .site-header .menu-wrap #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        padding: 0 10px; } }
    @media (max-width: 991px) {
      .site-header .menu-wrap #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        padding: 10px 20px;
        height: unset;
        line-height: unset; } }
    .site-header .menu-wrap #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      border-radius: 2px;
      background: #1b5e4d;
      transform: scale(0);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 991px) {
        .site-header .menu-wrap #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link::before {
          content: none; } }
    .site-header .menu-wrap #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover::before {
      transform: scaleX(1); }
  .site-header .menu-wrap #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 15px;
    font-family: "Rubik", sans-serif;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 991px) {
      .site-header .menu-wrap #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding: 0 20px; } }

.logo {
  padding: 10px;
  background: #fff;
  width: fit-content;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .logo {
      padding: 5px 10px; } }
  .logo a {
    display: flex;
    align-items: center; }
  .logo img {
    width: 100px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .logo img {
        width: 60px; } }
  .logo h1 {
    color: #1b5e4d;
    font-size: 16px;
    font-weight: 600;
    font-family: "Rubik", sans-serif;
    margin: 0 0 0 10px;
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */ }
    @media (max-width: 767px) {
      .logo h1 {
        font-size: 12px; } }
    @media (max-width: 575px) {
      .logo h1 {
        margin: 0 0 0 5px; } }
@keyframes typingAnimation {
  0% {
    width: 0; }
  20%, 90% {
    width: 100%; }
  100% {
    width: 100%; } }
@keyframes blinkAnimation {
  0%, 100% {
    border-color: transparent; }
  50% {
    border-color: #1b5e4d; } }
#loading {
  height: 100vh;
  width: 100%;
  background: #fff no-repeat center;
  position: fixed;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center; }
  #loading img {
    width: 20rem; }

.facebook {
  position: relative;
  height: 270px; }
  .facebook iframe {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.site-footer .footer-top {
  padding-top: 5%;
  padding-bottom: calc(5% - 24px);
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .site-footer .footer-top {
      padding-bottom: calc(5% - 20px); } }
  @media (max-width: 575px) {
    .site-footer .footer-top {
      padding-bottom: calc(5% - 16px); } }
  .site-footer .footer-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0f382ee8;
    z-index: -1; }
.site-footer .ft-title {
  color: #fff;
  font-weight: 600;
  font-family: "Rubik", sans-serif; }
.site-footer .ft-desc p {
  color: #fff;
  margin-bottom: 0;
  text-align: justify; }
.site-footer .ft-desc a {
  color: #3e9431;
  font-weight: 600; }
.site-footer .officer img {
  width: 100px;
  border-radius: 10px; }
.site-footer .officer h5 {
  color: #fff;
  margin: 10px 0 0;
  font-family: "Rubik", sans-serif; }
.site-footer .copyright {
  background-color: #1b5e4d;
  padding: 20px 0;
  text-align: center; }
  .site-footer .copyright p {
    color: #fff;
    margin: 0; }
    .site-footer .copyright p a {
      color: #98c705; }
      .site-footer .copyright p a:hover {
        color: #fff; }

.soc-media.dark .ft-title {
  color: #111; }
.soc-media li {
  display: inline-block; }
  .soc-media li:not(:last-child) {
    margin-right: 4px; }
  .soc-media li i {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #3e9431; }
    .soc-media li i:hover {
      background-color: #1b5e4d; }

.contact-det li {
  position: relative;
  margin-block: 16px;
  padding-left: 40px; }
  .contact-det li span {
    color: #555;
    display: block; }
  .contact-det li i {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    background-color: #3e9431; }
  .contact-det li a {
    color: #fff; }
    .contact-det li a:hover {
      color: #3e9431; }
.contact-det.dark a {
  color: #111;
  font-weight: 500; }
  .contact-det.dark a:hover {
    color: #3e9431; }

.links li {
  margin-block: 10px;
  padding-left: 24px;
  position: relative; }
  .links li::before {
    content: '\f04b';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    color: #3e9431; }
  .links li a {
    color: #fff; }
    .links li a:hover {
      color: #3e9431; }

#scroll-top {
  position: fixed;
  bottom: 80px;
  right: 10px;
  z-index: 1; }
  #scroll-top i {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    background-color: #3e9431;
    color: #fff; }

.heroslider {
  position: relative;
  border-top: 2px solid #fff; }
  .heroslider .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000066; }
  .heroslider .swiper-slide img {
    height: 700px;
    width: 100%;
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */ }
    @media (max-width: 991px) {
      .heroslider .swiper-slide img {
        height: 600px; } }
    @media (max-width: 767px) {
      .heroslider .swiper-slide img {
        height: 500px; } }
    @media (max-width: 575px) {
      .heroslider .swiper-slide img {
        height: 360px; } }
  .heroslider .swiper-slide .txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 7%;
    width: 100%;
    text-align: center;
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */ }
    @media (max-width: 1300px) {
      .heroslider .swiper-slide .txt {
        padding: 0 5%; } }
    @media (max-width: 575px) {
      .heroslider .swiper-slide .txt {
        padding: 0 10% 0 5%; } }
    @media (max-width: 991px) {
      .heroslider .swiper-slide .txt {
        width: 100%; } }
    .heroslider .swiper-slide .txt h3 {
      color: #fff;
      font-family: "Great Vibes", cursive;
      font-size: 40px;
      text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */ }
      @media (max-width: 1300px) {
        .heroslider .swiper-slide .txt h3 {
          font-size: 30px; } }
      @media (max-width: 991px) {
        .heroslider .swiper-slide .txt h3 {
          font-size: 24px; } }
      @media (max-width: 767px) {
        .heroslider .swiper-slide .txt h3 {
          font-size: 22px; } }
      @media (max-width: 575px) {
        .heroslider .swiper-slide .txt h3 {
          font-size: 20px; } }
    .heroslider .swiper-slide .txt h2 {
      font-family: "Rubik", sans-serif;
      color: #fff;
      font-size: 60px;
      font-weight: 800;
      margin-bottom: 20px;
      text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */ }
      @media (max-width: 1300px) {
        .heroslider .swiper-slide .txt h2 {
          font-size: 50px; } }
      @media (max-width: 991px) {
        .heroslider .swiper-slide .txt h2 {
          font-size: 40px; } }
      @media (max-width: 767px) {
        .heroslider .swiper-slide .txt h2 {
          font-size: 35px; } }
      @media (max-width: 575px) {
        .heroslider .swiper-slide .txt h2 {
          font-size: 24px; } }
      .heroslider .swiper-slide .txt h2 span {
        font-weight: 800;
        color: #3e9431; }
  .heroslider .swiper-button-next,
  .heroslider .swiper-button-prev {
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: 1;
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */ }
    @media (max-width: 767px) {
      .heroslider .swiper-button-next,
      .heroslider .swiper-button-prev {
        height: 40px;
        line-height: 40px;
        width: 40px; } }
    @media (max-width: 575px) {
      .heroslider .swiper-button-next,
      .heroslider .swiper-button-prev {
        height: 34px;
        line-height: 34px;
        width: 34px;
        top: 86%; } }
    .heroslider .swiper-button-next::after,
    .heroslider .swiper-button-prev::after {
      font-size: 18px;
      color: #fff;
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */ }
      @media (max-width: 767px) {
        .heroslider .swiper-button-next::after,
        .heroslider .swiper-button-prev::after {
          font-size: 16px; } }
      @media (max-width: 575px) {
        .heroslider .swiper-button-next::after,
        .heroslider .swiper-button-prev::after {
          font-size: 14px; } }

.social-media {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2; }
  .social-media ul {
    display: flex;
    flex-direction: column;
    align-items: end; }
    .social-media ul li {
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      height: 40px;
      width: 40px;
      overflow: hidden;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .social-media ul li {
          height: 36px;
          width: 36px; } }
      .social-media ul li i {
        color: #fff;
        text-align: center;
        height: 40px;
        line-height: 40px;
        width: 40px;
        /* Large Devices, Wide Screens */ }
        @media (max-width: 575px) {
          .social-media ul li i {
            height: 36px;
            line-height: 36px;
            width: 36px; } }
      .social-media ul li span {
        color: #fff;
        display: inline-block;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
      .social-media ul li.facebook {
        background-color: #4167b0; }
      .social-media ul li.twitter {
        background-color: #1ca1f0; }
      .social-media ul li.instagram {
        background-color: #e2316c; }
      .social-media ul li.linkedin {
        background-color: #2768b5; }
      .social-media ul li.youtube {
        background-color: #ff0101; }
      .social-media ul li:hover {
        width: 126px; }

.background {
  position: relative;
  z-index: 1; }
  .background .nav-item {
    width: 25%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .background .nav-item .nav-link {
      position: relative;
      width: 100%;
      padding: 16px 12px;
      font-size: 20px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 700;
      background-color: #1b5e4d;
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */ }
      .background .nav-item .nav-link img {
        width: 32px;
        margin-right: 10px;
        opacity: .4;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /* Large Devices, Wide Screens */
        /* Large Devices, Wide Screens */ }
        @media (max-width: 991px) {
          .background .nav-item .nav-link img {
            width: 28px; } }
        @media (max-width: 575px) {
          .background .nav-item .nav-link img {
            margin: 0;
            width: 24px; } }
      .background .nav-item .nav-link span {
        /* Large Devices, Wide Screens */ }
        @media (max-width: 575px) {
          .background .nav-item .nav-link span {
            display: block;
            margin-top: 2px; } }
      @media (max-width: 1300px) {
        .background .nav-item .nav-link {
          padding: 12px;
          font-size: 16px; } }
      @media (max-width: 575px) {
        .background .nav-item .nav-link {
          font-size: 12px;
          padding: 10px 6px; } }
      .background .nav-item .nav-link::before {
        content: '';
        position: absolute;
        bottom: -18px;
        left: 50%;
        transform: translateX(-50%);
        border-left: solid 18px transparent;
        border-right: solid 18px transparent;
        border-top: solid 18px #98c705;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0;
        /* Large Devices, Wide Screens */ }
        @media (max-width: 575px) {
          .background .nav-item .nav-link::before {
            border-left: solid 13px transparent;
            border-right: solid 13px transparent;
            bottom: -10px; } }
      .background .nav-item .nav-link.active, .background .nav-item .nav-link:hover {
        background-color: #98c705; }
        .background .nav-item .nav-link.active::before, .background .nav-item .nav-link:hover::before {
          opacity: 1; }
        .background .nav-item .nav-link.active img, .background .nav-item .nav-link:hover img {
          opacity: 1; }
      .background .nav-item .nav-link:hover::before {
        opacity: 1; }
  .background .tab-content {
    padding: 30px;
    text-align: justify;
    border: 1px solid #ddd;
    border-radius: 0 0 10px 10px;
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */ }
    @media (max-width: 767px) {
      .background .tab-content {
        padding: 20px; } }
    @media (max-width: 575px) {
      .background .tab-content {
        padding: 16px; } }
    .background .tab-content .tc-title {
      font-family: "Rubik", sans-serif;
      font-weight: 600;
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */ }
      @media (max-width: 1300px) {
        .background .tab-content .tc-title {
          font-size: 24px; } }
      @media (max-width: 575px) {
        .background .tab-content .tc-title {
          font-size: 18px; } }
    .background .tab-content .tc-content {
      display: flex;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 991px) {
        .background .tab-content .tc-content {
          display: block; } }
      .background .tab-content .tc-content img {
        width: 300px;
        max-width: 300px;
        height: 200px;
        margin: 0 24px 0 0;
        cursor: zoom-in;
        /* Large Devices, Wide Screens */ }
        @media (max-width: 991px) {
          .background .tab-content .tc-content img {
            margin: 0 0 1rem; } }
      .background .tab-content .tc-content .desc p:last-child {
        margin-bottom: 0; }

.background .bg-col:nth-child(1) {
  border-right: 1px solid #ddd;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .background .bg-col:nth-child(1) {
      border-right: unset; } }
.background .bg-col:nth-child(2) {
  border-right: 1px solid #ddd;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .background .bg-col:nth-child(2) {
      border-right: unset; } }
.background .bg-col:nth-child(3) {
  border-right: 1px solid #ddd;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .background .bg-col:nth-child(3) {
      border-right: unset; } }

.card5 {
  text-align: center; }
  .card5 .image {
    height: 120px;
    width: 120px;
    padding: 20px;
    margin: 0 auto;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.2);
    /* Large Devices, Wide Screens */ }
    @media (max-width: 1300px) {
      .card5 .image {
        height: 100px;
        width: 100px; } }
  .card5 .text h4 {
    font-family: "Rubik", sans-serif;
    color: #1b5e4d;
    text-transform: uppercase;
    font-weight: 600;
    margin: 16px 0 10px;
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */ }
    @media (max-width: 1300px) {
      .card5 .text h4 {
        font-size: 20px; } }
    @media (max-width: 1300px) {
      .card5 .text h4 {
        margin: 10px 0 6px; } }
  .card5 .text p {
    margin: 0;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 1300px) {
      .card5 .text p {
        font-size: 15px; } }

.about-us .desc {
  padding: 30px;
  background-color: #f2f2f2;
  border-radius: 20px;
  text-align: justify;
  margin-right: 30px;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 991px) {
    .about-us .desc {
      margin: 0; } }
  @media (max-width: 767px) {
    .about-us .desc {
      padding: 20px; } }
  @media (max-width: 575px) {
    .about-us .desc {
      padding: 16px;
      border-radius: 10px; } }
.about-us .highlight {
  font-family: "Great Vibes", cursive;
  margin-bottom: 10px;
  font-size: 24px;
  color: #3e9431;
  font-weight: bold;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .about-us .highlight {
      font-size: 20px; } }
.about-us .image {
  height: 100%;
  position: relative;
  padding: 0 20px 16px 0;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 991px) {
    .about-us .image {
      margin-top: 5%; } }
  @media (max-width: 991px) {
    .about-us .image {
      height: auto; } }
  .about-us .image .main-img {
    height: 100%;
    width: 100%;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 991px) {
      .about-us .image .main-img {
        height: auto; } }
  .about-us .image .float-img {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 6px solid #fff;
    height: 150px;
    width: 260px;
    border-radius: 6px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .about-us .image .float-img {
        height: 100px;
        width: 160px; } }
.about-us ul {
  margin-bottom: 1rem;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .about-us ul {
      margin: 0; } }
  .about-us ul li {
    position: relative;
    padding-left: 24px;
    display: inline-block;
    margin: 0 16px 10px 0; }
    .about-us ul li::before {
      content: '\f058';
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      position: absolute;
      top: 0;
      left: 0;
      color: #3e9431; }

.themeSlider .swiper-slide {
  padding: 10px; }

.themeSlider .swiper-button-next,
.themeSlider .swiper-button-prev, .workSlider .swiper-button-next,
.workSlider .swiper-button-prev {
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: #1b5e4d;
  z-index: 1; }
  .themeSlider .swiper-button-next::after,
  .themeSlider .swiper-button-prev::after, .workSlider .swiper-button-next::after,
  .workSlider .swiper-button-prev::after {
    font-size: 16px;
    color: #fff; }

.card1 {
  border: 1px solid #ddd;
  padding: 1rem;
  border-radius: 10px; }
  .card1 .image {
    margin-bottom: 1rem;
    overflow: hidden;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 1300px) {
      .card1 .image {
        height: 220px; } }
    .card1 .image img {
      width: 100%;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out; }
  .card1 .text h4 {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    color: #111;
    font-size: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .card1 .text h4 {
        font-size: 18px; } }
    .card1 .text h4:hover {
      color: #3e9431; }
  .card1 .text p {
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .card1 .text p {
        margin-bottom: 10px;
        font-size: 15px; } }
  .card1:hover .image img {
    transform: scale(1.2); }

.steps {
  background-color: #1b5e4d;
  position: relative; }
  .steps .swiper-button-next {
    right: 30px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .steps .swiper-button-next {
        right: 10px; } }
  .steps .swiper-button-prev {
    left: 30px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .steps .swiper-button-prev {
        left: 10px; } }
  .steps .swiper-button-next,
  .steps .swiper-button-prev {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1; }
    .steps .swiper-button-next::after,
    .steps .swiper-button-prev::after {
      font-size: 16px;
      color: #1b5e4d; }

.stepSlider::before {
  content: '';
  position: absolute;
  bottom: 8px;
  width: 100%;
  height: 2px;
  background-color: #aaa; }
.stepSlider .swiper-slide {
  padding-top: 15px;
  padding-bottom: 44px;
  position: relative; }
  .stepSlider .swiper-slide::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #3e9431;
    border: 4px solid #fff; }
  .stepSlider .swiper-slide .card2 {
    position: relative;
    background-color: #f1f1f1;
    border-radius: 10px;
    border: 4px solid #fff;
    height: 232px;
    cursor: pointer; }
    .stepSlider .swiper-slide .card2 .bg {
      background-size: cover;
      background-position: center;
      padding: 30px 16px;
      height: 100%;
      position: relative;
      z-index: 1;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .stepSlider .swiper-slide .card2 .bg {
          padding: 30px 10px; } }
      .stepSlider .swiper-slide .card2 .bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #ffffffd4;
        z-index: -1;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    .stepSlider .swiper-slide .card2::before {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -12px;
      transform: translateX(-50%);
      background-color: #3e9431;
      border-radius: 20px;
      height: 100%;
      width: 94%;
      z-index: -1; }
    .stepSlider .swiper-slide .card2::after {
      content: '';
      position: absolute;
      bottom: -25px;
      left: 50%;
      transform: translateX(-50%);
      border-top: solid 14px #3e9431;
      border-left: solid 14px transparent;
      border-right: solid 14px transparent; }
    .stepSlider .swiper-slide .card2 .count {
      margin-bottom: 1rem; }
      .stepSlider .swiper-slide .card2 .count span {
        background-color: #3e9431;
        color: #fff;
        display: inline-block;
        padding: 10px 20px;
        font-weight: 700; }
    .stepSlider .swiper-slide .card2 .info {
      text-align: center;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .stepSlider .swiper-slide .card2 .info h5 {
        font-family: "Rubik", sans-serif;
        font-weight: 600;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2; }
      .stepSlider .swiper-slide .card2 .info p {
        font-size: 15px;
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        font-weight: 500; }
    .stepSlider .swiper-slide .card2:hover .bg::before {
      opacity: 0; }
    .stepSlider .swiper-slide .card2:hover .bg .info {
      opacity: 0; }
  .stepSlider .swiper-slide:nth-child(odd)::before {
    background-color: #1b5e4d; }
  .stepSlider .swiper-slide:nth-child(odd) .card2::before {
    background-color: #1b5e4d; }
  .stepSlider .swiper-slide:nth-child(odd) .card2::after {
    border-top: solid 14px #1b5e4d; }
  .stepSlider .swiper-slide:nth-child(odd) .count span {
    background-color: #1b5e4d; }
.stepSlider .swiper-pagination {
  position: relative;
  margin-top: 20px; }
  .stepSlider .swiper-pagination .swiper-pagination-bullet {
    height: 12px;
    width: 24px;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid #fff; }
  .stepSlider .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff; }

.work-inner {
  display: flex;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .work-inner {
      display: block; } }
  .work-inner h5 {
    font-family: "Rubik", sans-serif;
    font-weight: 700; }
  .work-inner .district {
    border-right: 1px solid #ddd;
    padding-right: 12px;
    margin-right: 12px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .work-inner .district {
        padding-right: 0;
        margin-right: 0;
        border: none; } }
    .work-inner .district ul li {
      margin-bottom: 10px;
      width: max-content; }
  .work-inner .desc {
    width: 100%; }
    .work-inner .desc p {
      text-align: justify;
      font-size: 15px; }

.nepal-map {
  position: relative; }
  .nepal-map .district {
    position: absolute; }
    .nepal-map .district i {
      position: relative;
      z-index: 1;
      color: red;
      font-size: 26px;
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */ }
      @media (max-width: 1300px) {
        .nepal-map .district i {
          font-size: 20px; } }
      @media (max-width: 575px) {
        .nepal-map .district i {
          font-size: 10px; } }
      .nepal-map .district i:after {
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        border-radius: 50%;
        position: absolute;
        top: -5px;
        left: -5px;
        border: 2px solid #fff;
        animation: anim-ripple 2s infinite;
        z-index: -1;
        /* Large Devices, Wide Screens */ }
        @media (max-width: 575px) {
          .nepal-map .district i:after {
            width: 20px;
            height: 20px; } }
@keyframes anim-ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1); }
  to {
    opacity: 0;
    transform: scale3d(1, 1, 1); } }
    .nepal-map .district.ktm {
      bottom: 32%;
      right: 34%;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .nepal-map .district.ktm {
          bottom: 30%; } }
    .nepal-map .district.sindhu {
      bottom: 37%;
      right: 30%;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 1300px) {
        .nepal-map .district.sindhu {
          right: 30%; } }
    .nepal-map .district.dolakha {
      bottom: 33%;
      right: 23%; }
    .nepal-map .district.ramechap {
      bottom: 23%;
      right: 25%;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .nepal-map .district.ramechap {
          bottom: 21%; } }
    .nepal-map .district.parsa {
      bottom: 20%;
      right: 41%;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .nepal-map .district.parsa {
          bottom: 18%; } }
    .nepal-map .district.bara {
      bottom: 14%;
      right: 38%;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .nepal-map .district.bara {
          bottom: 12%; } }
    .nepal-map .district.rautahat {
      bottom: 12%;
      right: 35%;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .nepal-map .district.rautahat {
          bottom: 15%; } }
    .nepal-map .district.biratnagar {
      bottom: 6%;
      right: 8%;
      /* Large Devices, Wide Screens */ }
    .nepal-map .district.janakpur {
      bottom: 11%;
      right: 26%;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .nepal-map .district.janakpur {
          bottom: 9%; } }
    .nepal-map .district.hetauda {
      bottom: 27%;
      right: 41%;
      /* Large Devices, Wide Screens */ }
    .nepal-map .district.pokhara {
      bottom: 48%;
      right: 50%;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .nepal-map .district.pokhara {
          bottom: 46%; } }
    .nepal-map .district.deukhuri {
      bottom: 38%;
      left: 28%;
      /* Large Devices, Wide Screens */ }
    .nepal-map .district.birendranagar {
      bottom: 57%;
      left: 15%;
      /* Large Devices, Wide Screens */ }
    .nepal-map .district.godawari {
      bottom: 59%;
      left: 7%;
      /* Large Devices, Wide Screens */ }

.our-impact {
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 5% 0;
  z-index: 1; }
  .our-impact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #1b5e4d;
    z-index: -1;
    opacity: .9; }
  .our-impact .impact-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
    justify-content: center;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .our-impact .impact-wrap {
        margin: 0 -8px; } }
    .our-impact .impact-wrap .impact {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
      position: relative;
      width: 100%;
      padding-right: 12px;
      padding-left: 12px;
      /* Large Devices, Wide Screens */
      /* Large Devices, Wide Screens */ }
      @media (max-width: 767px) {
        .our-impact .impact-wrap .impact {
          -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
          max-width: 33.33%;
          position: relative;
          width: 100%;
          padding-right: 12px;
          padding-left: 12px; } }
      @media (max-width: 575px) {
        .our-impact .impact-wrap .impact {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          position: relative;
          width: 100%;
          padding-right: 12px;
          padding-left: 12px;
          padding: 0 8px; } }
      .our-impact .impact-wrap .impact .imp-inner {
        text-align: center; }
      .our-impact .impact-wrap .impact .image {
        background-color: #fff;
        padding: 20px;
        border-radius: 50%;
        width: 90px;
        max-width: 90px;
        height: 90px;
        margin: 0 auto;
        /* Large Devices, Wide Screens */ }
        @media (max-width: 575px) {
          .our-impact .impact-wrap .impact .image {
            width: 60px;
            max-width: 60px;
            height: 60px;
            padding: 10px; } }
      .our-impact .impact-wrap .impact .txt {
        margin-top: 10px; }
      .our-impact .impact-wrap .impact h5, .our-impact .impact-wrap .impact p, .our-impact .impact-wrap .impact span {
        color: #fff; }
      .our-impact .impact-wrap .impact h5, .our-impact .impact-wrap .impact span {
        display: inline-block;
        font-family: "Rubik", sans-serif;
        font-weight: 700;
        font-size: 24px;
        margin-bottom: 0;
        /* Large Devices, Wide Screens */ }
        @media (max-width: 575px) {
          .our-impact .impact-wrap .impact h5, .our-impact .impact-wrap .impact span {
            font-size: 20px; } }
      .our-impact .impact-wrap .impact p {
        margin: 0;
        font-weight: 600; }

.message .message-item:not(:first-child) {
  border-top: 1px solid #1b5e4d;
  padding-top: 24px;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .message .message-item:not(:first-child) {
      padding-top: 20px; } }
  @media (max-width: 575px) {
    .message .message-item:not(:first-child) {
      padding-top: 16px; } }
.message .message-item img {
  border-radius: 10px;
  width: 240px;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .message .message-item img {
      width: 160px; } }
.message .message-item h4 {
  font-family: "Rubik", sans-serif;
  font-size: 22px;
  margin: 10px 0 0;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .message .message-item h4 {
      font-size: 20px; } }
.message .message-item span {
  color: #1b5e4d;
  font-size: 18px;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .message .message-item span {
      font-size: 16px; } }
.message .message-item h5 {
  color: #1b5e4d;
  font-size: 24px;
  font-weight: 600;
  font-family: "Rubik", sans-serif;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .message .message-item h5 {
      font-size: 18px; } }
.message .message-item p {
  text-align: justify;
  margin: 0; }
.message .message-item .desc {
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .message .message-item .desc {
      margin-top: 10px; } }

.video-wrap {
  /* Large Devices, Wide Screens */ }
  @media (max-width: 991px) {
    .video-wrap {
      margin-bottom: 5%; } }
  .video-wrap .image {
    position: relative;
    border-radius: 10px;
    overflow: hidden; }
    .video-wrap .image::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: #0000009c;
      z-index: 1; }
    .video-wrap .image img {
      height: 400px;
      width: 100%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .video-wrap .image img {
          height: 300px; } }
    .video-wrap .image .title {
      text-align: center;
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 1rem;
      width: 100%;
      z-index: 1; }
      .video-wrap .image .title h5 {
        color: #fff;
        font-weight: 600;
        margin: 0; }
    .video-wrap .image i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 80px;
      line-height: 80px;
      width: 80px;
      font-size: 30px;
      text-align: center;
      border-radius: 50%;
      background-color: #3e9431;
      color: #fff;
      animation: pulse-animation 2s infinite;
      z-index: 1; }
      .video-wrap .image i:hover {
        background-color: #1b5e4d; }
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px white; }
  100% {
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0); } }
    .video-wrap .image:hover img {
      transform: scale(1.2); }

.showcase-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px; }
  .showcase-inner .showcase-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .showcase-inner .showcase-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-right: 12px;
        padding-left: 12px; } }
    .showcase-inner .showcase-item a {
      display: block;
      border: 1px solid #ddd; }
    .showcase-inner .showcase-item img {
      width: 100%;
      height: 200px; }

.associationSlider .swiper-slide {
  text-align: center; }
.associationSlider .swiper-pagination {
  position: relative;
  margin-top: 20px; }
  .associationSlider .swiper-pagination .swiper-pagination-bullet {
    height: 12px;
    width: 24px;
    border-radius: 10px;
    border: 1px solid #1b5e4d;
    background-color: transparent; }
  .associationSlider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #1b5e4d; }

.single-page p, .site-main p {
  text-align: justify; }
.single-page .pg-img, .site-main .pg-img {
  margin-bottom: 1rem; }
  .single-page .pg-img img, .site-main .pg-img img {
    width: 40%;
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */
    /* Large Devices, Wide Screens */ }
    @media (max-width: 1300px) {
      .single-page .pg-img img, .site-main .pg-img img {
        width: 50%; } }
    @media (max-width: 991px) {
      .single-page .pg-img img, .site-main .pg-img img {
        width: 60%; } }
    @media (max-width: 767px) {
      .single-page .pg-img img, .site-main .pg-img img {
        width: 80%; } }
    @media (max-width: 575px) {
      .single-page .pg-img img, .site-main .pg-img img {
        width: 100%; } }
.single-page h1:not(.entry-title), .single-page h2, .single-page h3, .single-page h4, .single-page h5, .single-page h6, .site-main h1:not(.entry-title), .site-main h2, .site-main h3, .site-main h4, .site-main h5, .site-main h6 {
  font-size: 22px;
  font-weight: 600;
  font-family: "Rubik", sans-serif;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .single-page h1:not(.entry-title), .single-page h2, .single-page h3, .single-page h4, .single-page h5, .single-page h6, .site-main h1:not(.entry-title), .site-main h2, .site-main h3, .site-main h4, .site-main h5, .site-main h6 {
      font-size: 18px; } }

.team-members {
  padding-bottom: calc(5% - 24px);
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .team-members {
      padding-bottom: calc(5% - 20px); } }
  @media (max-width: 575px) {
    .team-members {
      padding-bottom: calc(5% - 16px); } }

.member-inner {
  text-align: center; }
  .member-inner img {
    border-radius: 10px;
    height: 300px;
    width: 100%;
    border: 1px solid #ddd;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .member-inner img {
        height: auto; } }
  .member-inner h5 {
    font-size: 18px;
    color: #333;
    margin: 10px 0 6px;
    font-family: "Rubik", sans-serif;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .member-inner h5 {
        margin: 10px 0 0;
        font-size: 16px; } }
  .member-inner h6 {
    margin: 0;
    color: #3e9431; }

.team-detail .image {
  text-align: center;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .team-detail .image {
      margin-bottom: 1rem; } }
  .team-detail .image img {
    margin-bottom: 10px;
    border: 4px solid #fff;
    box-shadow: 0px 0px 0px 1px #eee; }
  .team-detail .image h5 {
    margin-bottom: 4px;
    font-family: "Rubik", sans-serif; }
  .team-detail .image span {
    color: #1b5e4d; }
.team-detail .description p {
  text-align: justify; }
.team-detail ul {
  padding: 0; }
  .team-detail ul li {
    display: inline-block;
    margin: 5px 4px 0; }
    .team-detail ul li i {
      height: 36px;
      line-height: 36px;
      width: 36px;
      text-align: center;
      background-color: #3e9431;
      border-radius: 50%;
      color: #fff; }
      .team-detail ul li i:hover {
        background-color: #1b5e4d; }

.blog-card {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden; }
  .blog-card .image {
    overflow: hidden; }
    .blog-card .image img {
      height: 260px;
      width: 100%;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 575px) {
        .blog-card .image img {
          height: auto; } }
  .blog-card .det {
    padding: 1rem; }
    .blog-card .det .blog-title {
      color: #111;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      font-family: "Rubik", sans-serif;
      margin: 10px 0;
      font-size: 18px; }
      .blog-card .det .blog-title:hover {
        color: #3e9431; }
    .blog-card .det p {
      color: #666;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 2; }
  .blog-card:hover .image img {
    transform: scale(1.1); }

.post-publish ul {
  padding: 0; }
.post-publish li {
  display: inline-block; }
  .post-publish li:not(:last-child) {
    margin-right: 1rem; }
  .post-publish li i, .post-publish li span {
    font-size: 15px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .post-publish li i, .post-publish li span {
        font-size: 14px; } }
  .post-publish li i {
    color: #3e9431; }
  .post-publish li span {
    color: #777; }

.blog-det img {
  margin-bottom: 1rem; }
.blog-det p {
  text-align: justify; }

.related-blog .rel-title {
  font-family: "Rubik", sans-serif;
  font-weight: 600; }

.card3 .image {
  overflow: hidden;
  position: relative;
  text-align: center; }
  .card3 .image img {
    height: 380px;
    width: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .card3 .image img {
        height: 260px; } }
  .card3 .image .text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20% 1rem 1rem;
    width: 100%;
    background-image: linear-gradient(to top, #000 0%, #ffffff00); }
    .card3 .image .text h5 {
      color: #fff;
      font-family: "Rubik", sans-serif;
      font-weight: 600;
      margin: 0;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      /* Large Devices, Wide Screens */ }
      @media (max-width: 1300px) {
        .card3 .image .text h5 {
          font-size: 18px; } }
      .card3 .image .text h5:hover {
        color: #3e9431; }
.card3:hover .image img {
  transform: scale(1.2); }

.program-card {
  text-align: center;
  background-color: #e7f9ed;
  padding: 20px;
  border-radius: 6px; }
  .program-card h5 {
    margin: 0; }
  .program-card a {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    color: #1b5e4d; }
    .program-card a:hover {
      color: #3e9431; }

.ph-row {
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .ph-row {
      margin: 0 -8px; } }
  .ph-row .ph-col {
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .ph-row .ph-col {
        padding: 0 8px; } }
    .ph-row .ph-col .photo {
      position: relative;
      overflow: hidden;
      border-radius: 6px;
      cursor: zoom-in; }
      .ph-row .ph-col .photo::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #0000009c;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0; }
      .ph-row .ph-col .photo img {
        width: 100%;
        height: 200px;
        /* Large Devices, Wide Screens */ }
        @media (max-width: 575px) {
          .ph-row .ph-col .photo img {
            height: 150px; } }
      .ph-row .ph-col .photo i {
        position: absolute;
        top: 1rem;
        right: 1rem;
        height: 40px;
        line-height: 40px;
        width: 40px;
        border-radius: 50%;
        text-align: center;
        background-color: #3e9431;
        color: #fff;
        border: 2px solid #fff;
        opacity: 0;
        /* Large Devices, Wide Screens */ }
        @media (max-width: 575px) {
          .ph-row .ph-col .photo i {
            height: 34px;
            line-height: 34px;
            width: 34px;
            font-size: 14px; } }
      .ph-row .ph-col .photo:hover::before {
        opacity: 1; }
      .ph-row .ph-col .photo:hover i {
        opacity: 1; }

.photos-videos .nav-item {
  margin-right: 10px; }
  .photos-videos .nav-item .nav-link {
    border: 1px solid #1b5e4d;
    color: #1b5e4d;
    border-radius: 4px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .photos-videos .nav-item .nav-link {
        font-size: 15px; } }
    .photos-videos .nav-item .nav-link:hover, .photos-videos .nav-item .nav-link.active {
      background-color: #1b5e4d;
      color: #fff; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  max-width: 1920px;
  margin: 0 auto; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 1080px; }

.resources .nav {
  flex-wrap: nowrap;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .resources .nav {
      overflow-x: scroll; } }
.resources .nav-item {
  margin-right: 10px; }
  .resources .nav-item .nav-link {
    border: 1px solid #1b5e4d;
    color: #17733a;
    border-radius: 4px;
    width: max-content; }
    .resources .nav-item .nav-link:hover, .resources .nav-item .nav-link.active {
      background-color: #1b5e4d;
      color: #fff; }
.resources .year {
  color: #1b5e4d;
  font-weight: 800; }

.card4 {
  text-align: center;
  background-color: #f6f6f6;
  padding: 1rem;
  border-radius: 10px; }
  .card4 .image i {
    color: #3e9431;
    height: 100px;
    line-height: 100px;
    width: 100px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #3e9431;
    font-size: 50px; }
  .card4 .image img {
    height: 200px;
    width: 100%;
    border: 4px solid #fff;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .card4 .image img {
        height: 100px; } }
  .card4 h4 {
    color: #222;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 1rem 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .card4 h4 {
        margin: 10px 0 0; } }
    .card4 h4:hover {
      color: #3e9431; }
  .card4:hover .image i {
    background-color: #3e9431;
    color: #fff; }

.contact-aside {
  padding: 30px;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 991px) {
    .contact-aside {
      margin-top: 5%; } }
  @media (max-width: 767px) {
    .contact-aside {
      padding: 20px; } }
  @media (max-width: 575px) {
    .contact-aside {
      padding: 16px; } }

.page-not-found img {
  width: 40%;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .page-not-found img {
      width: 60%; } }
.page-not-found h2 {
  color: #555;
  margin: 2rem auto;
  font-weight: 600;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 991px) {
    .page-not-found h2 {
      font-size: 26px; } }
  @media (max-width: 767px) {
    .page-not-found h2 {
      font-size: 24px; } }
  @media (max-width: 575px) {
    .page-not-found h2 {
      font-size: 18px;
      margin: 1rem 0; } }

/* =====global css starts=====*/
html {
  scroll-behavior: smooth;
  counter-reset: section; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Quicksand", sans-serif; }

/* =====typography=====*/
li:not(section li) {
  margin-bottom: 4px; }

a, i, button {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a, a:hover {
  text-decoration: none; }

/* =====layout=====*/
img {
  object-fit: cover;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  max-width: 100%;
  height: auto; }

.sp-tb {
  padding: 5% 0; }

.sp-t {
  padding-top: 5%; }

.sp-b {
  padding-bottom: 5%; }

.maincontainer {
  width: 86%;
  margin: 0 auto;
  max-width: 1440px;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 1300px) {
    .maincontainer {
      width: 90%; } }
  @media (max-width: 575px) {
    .maincontainer {
      width: 92%; } }

#page {
  max-width: 1600px;
  margin: 0 auto; }

/* =====components=====*/
.btn:focus, .btn-link, button:focus, .form-select:focus {
  box-shadow: none;
  outline: none;
  text-decoration: none; }

button {
  background-color: unset;
  border: none; }

.btn-link:hover {
  text-decoration: none; }

.form-control:focus, button:focus, .slick-slide:focus, a:focus {
  box-shadow: none;
  outline: none; }

.mt {
  margin-top: 24px;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .mt {
      margin-top: 20px; } }
  @media (max-width: 575px) {
    .mt {
      margin-top: 16px; } }

.mb {
  margin-bottom: 24px;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .mb {
      margin-bottom: 20px; } }
  @media (max-width: 575px) {
    .mb {
      margin-bottom: 16px; } }

.btn-one {
  display: inline-block;
  padding: 10px 20px;
  background-color: #98c705;
  color: #fff;
  border-radius: 4px;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .btn-one {
      padding: 8px 20px; } }
  .btn-one.lg {
    font-size: 18px;
    padding: 12px 24px;
    /* Large Devices, Wide Screens */ }
    @media (max-width: 575px) {
      .btn-one.lg {
        padding: 10px 20px;
        font-size: 16px; } }
  .btn-one:hover {
    background-color: #1b5e4d;
    color: #fff; }
  .btn-one.active {
    background-color: #3e9431; }
    .btn-one.active:hover {
      background-color: #98c705; }

span.btn-one {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.section-heading span {
  color: #3e9431;
  font-size: 18px;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .section-heading span {
      font-size: 16px; } }
.section-heading h2 {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  margin: 0;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 1300px) {
    .section-heading h2 {
      font-size: 30px; } }
  @media (max-width: 991px) {
    .section-heading h2 {
      font-size: 28px; } }
  @media (max-width: 767px) {
    .section-heading h2 {
      font-size: 24px; } }
  @media (max-width: 575px) {
    .section-heading h2 {
      font-size: 22px; } }
.section-heading.light h2 {
  color: #fff; }
.section-heading.light span {
  color: #fff; }

.entry-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  font-family: "Rubik", sans-serif;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 1300px) {
    .entry-title {
      font-size: 28px; } }
  @media (max-width: 991px) {
    .entry-title {
      font-size: 26px; } }
  @media (max-width: 767px) {
    .entry-title {
      font-size: 22px; } }
  @media (max-width: 575px) {
    .entry-title {
      margin-bottom: 16px;
      font-size: 20px; } }

.site-main {
  padding: 30px;
  border: 1px solid #ddd;
  border-radius: 6px;
  /* Large Devices, Wide Screens */
  /* Large Devices, Wide Screens */ }
  @media (max-width: 767px) {
    .site-main {
      padding: 20px; } }
  @media (max-width: 575px) {
    .site-main {
      padding: 16px; } }
  .site-main p {
    text-align: justify; }
  .site-main strong, .site-main b {
    font-weight: 600; }
  .site-main a {
    color: #1b5e4d; }
    .site-main a:hover {
      color: #3e9431; }

.google-map {
  position: relative;
  width: 100%;
  height: 400px;
  margin-top: 5%;
  /* Large Devices, Wide Screens */ }
  @media (max-width: 575px) {
    .google-map {
      height: 300px; } }
  .google-map iframe {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

form label {
  margin-bottom: 4px; }
form input, form select {
  height: 44px; }
form input, form select, form textarea {
  margin-bottom: 10px; }
form textarea {
  height: 100px; }
form input[type=submit] {
  display: inline-block;
  padding: 10px 20px;
  background-color: #1b5e4d;
  color: #fff;
  height: max-content;
  border: none;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  form input[type=submit]:hover {
    background-color: #3e9431;
    color: #fff; }

section ul, header ul, footer ul {
  margin: 0;
  padding: 0; }
  section ul li, header ul li, footer ul li {
    list-style-type: none; }

table thead {
  background-color: #1b5e4d;
  color: #fff; }
table th, table td {
  vertical-align: middle;
  font-size: 15px; }
table td {
  padding: 8px;
  text-align: justify; }

.table > :not(:first-child) {
  border-top: none; }

/*# sourceMappingURL=main.css.map */