.topbar__list a i {
  color: #fff;
  font-size: 18px;
}
.topbar__list li a{
    color: #fff;
    font-size: 14px;
}
.topbar__list a:hover {
    color: #fff;
}
.header .navbar-logo img{
    height: 80px;
}
.header .navbar__item a:hover {
    color: #017e09;
}
.blog-height{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.blog .blog__single{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 20px 20px; 
}
.btn--secondary::before, .btn--secondary::after{
    color: var(--white);
}
.blog .spade{
    top: 75%;
}
.blog .spade img{
    max-width: 5vw;
    min-width: 30px;
}
.difference-two .section__header{
    max-width: 100%;
}
.difference-three .section__header{
    max-width: 100%;
}
.banner-two .btn--primary:hover {
    color: var(--white);
}
.difference-three-cta-top{
    margin-top: 35px;
}


.gallery-slider-home img {
    height: 100%;
    object-fit: cover;
  }
  .gallery-slider-home .owl-nav button {
    position: absolute;
    top: 50%;
    background-color: red;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
  }
  .gallery-slider-home .owl-nav button.owl-prev {
    left: 0;
  }
  .gallery-slider-home .owl-nav button.owl-next {
    right: 0;
  }
  
  .gallery-slider-home .owl-dots {
    text-align: center;
    padding-top: 15px;
  }
  .gallery-slider-home .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
  }
  .gallery-slider-home .owl-dots button.owl-dot.active {
    background-color: #000;
  }
  .gallery-slider-home .owl-dots button.owl-dot:focus {
    outline: none;
  }
  .gallery-slider-home .owl-nav button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: var(--base-bg);
    color: var(--black);
  }
  .gallery-slider-home span {
      font-size: 70px;    
      position: relative;
      top: -5px;
  }
  .gallery-slider-home .owl-nav button:focus {
      outline: none;
  }
  /* .gallery-slider-home .owl-item {
        height: 300px !important; Adjust this value as needed
        display: flex;
  } */
  .gallery-slider-home .item {
        width: 100%;
  }
  .gallery-slider-home .owl-nav{
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        margin: 0px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 3;
        width: calc(100% + 80px);
  }
.footer-logo{
  width: 25%;
}
.footer-two .footer__bottom-left p{
  color: #fff;
  margin-top: 0px;
}
.footer-two .footer__bottom-left p a{
  color: #fff;
}
.footer-two .footer__bottom-left p a:hover{
  color: #017e09;
}
.footer-two{
  padding-top: 40px !important;
}
.footer-two .footer__bottom{
  margin-top: 30px;
}
.team-area .slider-navigation {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  margin: 0px;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 0;
  width: calc(100% + 140px);
}
.team-area .team-two__inner {
  position: relative;
}
.team-two-slider .swiper-slide a{
  display: flex;
  justify-content: center;
  margin: 0px 5px 0px 5px;
}
.team-two-slider .swiper-slide a img{
  border-radius: 16px;
  height: 200px;
  width: 270px;
  object-fit: fill;
}
.team-two__inner .slider-navigation .slider-btn-next{
  background-color: var(--secondary-color);
  color: var(--white);
}
.team-two__inner .slider-navigation .slider-btn:hover {
  background-color: var(--base-bg);
  color: var(--black);
}
.footer .footer__contact-list li p {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
  color: var(--white);
  font-weight: 500;
  display: flex;
}
.footer .footer__contact-list li p i {
  margin-top: 6px;
}
.fancybox-container *{color: #fff;}
.banner-two .swiper-slide{overflow: hidden;}
.banner-two .swiper-slide{
  height: 830px;
}
.banner-two .banner-two__slider-single{
  height: 830px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pt-60{padding-top: 60px;}
.pb-60{padding-bottom: 60px;}
.contact .topbar__item .topbar__item-single p{
  line-height: 20px;
}
.common-banner{
  height: 500px;
  padding-top: 240px;
  padding-bottom: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cta-section{
  max-width: 100%;
}
.cta-section h2{
  color: #fff;
  margin-bottom: 0px;
}
.vision-body{
  border: 1px solid #ddd;
  padding: 20px;
  padding-bottom: 35px;
  transition: var(--transition);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.vision-body  .section__header{
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.vision-body .section__header span{
  margin-top: 0;
  margin-right: 10px;
}
.vision-body .section__header i {
  font-size: 36px;
}
.vision-body .section__header h2{
  margin: 0;
}
.vision-body p{
  margin-bottom: 10px;
}
.vision-body p:last-child{
  margin-bottom: 0px;
}
.about p:last-child{
  margin-bottom: 0px;
}
.gray-bg{background-color: #f5f5f5;}
.blog-area-two .blog__single{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog-area-two .blog__single .blog__single-title h5{
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}
.blog-area-two .blog__single .blog__single-info {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; 
  overflow: hidden;
}
.blog-area-two .blog__single .blog__single-info p{
  line-height: 20px;
  margin-bottom: 20px;
}
.vision-body:hover{
  box-shadow: 0px 0px 10px 0px #00000035;
  transition: var(--transition);
}
.gallery img{
  border-radius: 16px;
}
.gallery-box{
  column-count: 4;
  text-align: center;
}
.pb-40{
  padding-bottom: 40px;
}

.blog__single-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.arrow{
  width: 50px !important;
  height: 50px;
  border-radius: 30px !important;
  background: transparent;
  background-color: var(--white);
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 3;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 18px;
  color: var(--black);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.blog .blog__single:hover .arrow{
  background-color: var(--secondary-color);
  color: var(--white);
}
.activities-listing .blog__single-content{
  margin-bottom: 0px;
}
.activities-details .cm-details__poster img{width: auto;}
.activities-details .cm-details__poster{text-align: center;}
.activities-listing .blog__single-thumb a img{
  min-height: 200px;
}
.team-area-two .thumb img{
  background-color: #e3e3e3;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.team-area-two .content h5{
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 20px;
  line-height: 26px;
}
.team .team__single-content{
  padding: 12px 12px 12px;
}
.team-area-two .content span{
  font-size: 14px;
  line-height: 22px;
}
.cm-details .cm-details-meta p{
  color: var(--base-bg);
  font-weight: bold;
}
.cm-details .cm-group h3{
  margin-left: -3px;
}
.cm-details .cm-group p {
  margin-top: 10px;
}
.cm-details .cm-details-meta{
  margin-top: 30px;
}
.blog-content {
  padding: 0px 12px;
}
.blog-content p {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 5px;
  font-size: 15px;
  transition: var(--transition);
}
.blog .blog__single-content h5{
  line-height: 24px;
}
.blog .blog__single:hover .blog-content p{
  color: var(--white);
  transition: var(--transition);
}
.explore-area{
  margin-top: 0px;
  background-color: var(--white);
}
.explore-area .explore__single::after {
  background: linear-gradient(180deg,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.72) 50%, rgba(0, 0, 0, 1) 100%);
}
.explore-area .explore__single .content p{
  color: var(--base-bg);
  font-weight: bold;
  margin-bottom: 0px;
}
.member-content p{
  line-height: 20px;
  margin-top: 5px;
  font-size: 15px;
  transition: var(--transition);
  color: var(--template-color) !important;
}
.team-management .team{
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  background-color: #f1f0ee;
}
.event .blog__single-thumb img{
  min-height: unset;
  aspect-ratio: 4 / 3;
  object-fit: fill;
}
.event-details .cm-details__poster img{
  width: auto;
  min-height: 450px;
}
.event-details .cm-details__poster{
  text-align: center;
}
p{margin-bottom: 24px;}
.blog-area-two .blog__single-title p:last-child{margin-bottom: 0px;}
.footer-two .footer__bottom-left p{margin-bottom: 0px;}
.member-content p{margin-bottom: 0px;}
.blog-area-two .tag a, .blog-area-two .tag p{margin-bottom: 0px;}
.event .blod-main-content {gap: 30px 0px;}
.blog-main .blod-main-content{gap: 30px 0px;}
.team-management .row{gap: 30px 0px;}
.team{
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  background-color: #f1f0ee;
}
.teams .row{gap: 30px 0px;}
.cm-details .cm-details-meta p{margin-bottom: 0px;}
.cm-details .cm-group p:last-child{margin-bottom: 0px;}
.explore-area .explore__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  grid-auto-rows: 250px;
  grid-auto-flow: dense;
}
.explore-area .explore__wrapper .explore__single{
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.map .map-inner iframe{
  width:100%;
  height:450px;
}
.mobile-menu .mobile-menu__wrapper{
  inset-inline-start: auto;
  inset-inline-end: -100%;
  width: 340px;
}
.show-menu .mobile-menu__wrapper{
  inset-inline-start: auto;
  inset-inline-end: 0;
}
.mobile-menu{max-width: 100%;}
.mobile-menu .mobile-menu__social a{background-color: #7317ff;}
.mobile-menu .mobile-menu__social a:hover{background-color:  var(--quaternary-color);color: #fff;}
.mobile-menu .navbar__item a{padding-inline: 30px 30px;}
.mobile-menu .mobile-menu__header{padding: 0px 20px;}
.cm-details .cm-group p{margin-bottom: 5px;font-size: 16px;}
h1, h2, h3, h4, h5, h6 {color: var(--black);}
.member-content-modal .modal-body .member-info span{
  color: var(--hover-color);
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
.member-content-modal .modal-body .member-info h5{
  color: var(--black);
  font-weight: bold;
  font-size: 20px;
}
.member-content-modal .modal-header{
  padding: 0.7rem 2rem 0.7rem;
}
.member-content-modal .modal-body{
  padding: 1.5rem 2rem 2rem;
}
.member-content-modal .modal-body p{
  margin-bottom: 8px;
  line-height: 22px;
  font-size: 14px;
}
.member-content-modal .modal-body p:last-child{margin-bottom: 0px;}
.member-content-modal .modal-body .member-profile{
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  gap: 15px;
}
.member-content-modal .modal-body .member-profile img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.contact .topbar__item .topbar__item-single p{
  margin-bottom: 0px;
}
.member-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.event.blog-area-two .blog__single-title{
  margin-bottom: 0px;
}
.event.blog-area-two .blog__single-cta{
  margin-top: 20px;
}
.album-item{
  border-radius: 15px;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.album-item a{
  width: 100%;
}
.album-item img{
  border-radius: 15px;
  width: 100%;
  /* height: 250px; */
  object-fit: cover;
  aspect-ratio: 5/4;
}
.album-item .album-name{
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50% , -50%);
  transition: all 0.4s ease-in-out;
  color: #fff;
  z-index: 2;
  font-size: 20px;
  line-height: 26px;
  width: 100%;
  text-align: center;
  padding: 10px;
}
.album-item a::after{
  width: 100%;
  height: 100%;
  background-color: #00000085;
  content: '';
  position: absolute;
  top: 0;
  border-radius: 15px;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  left: 0;
}
.album-item:hover a::after{
  opacity: 1;
}
.album-item:hover .album-name{
  opacity: 1;
}