@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
p {
  padding: 0;
  margin: 0;
}

img {
  width: 100%;
  display: block;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  height: 100%;
}

ul[role=list],
li[role=list] {
  list-style: none;
  padding: 0;
  margin: 0;
}

input:focus-visible {
  outline: none !important;
}

textarea:focus-visible {
  outline: none !important;
}

a {
  text-decoration: none !important;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25%, 75% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
}
@keyframes zoomInOut {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.01); /* Zoom in at 50% of the animation */
  }
}
@font-face {
  font-family: "Mukta";
  src: url("fonts/Mukta.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Mukta", sans-serif;
}

tr {
  vertical-align: middle;
}

td.td_image {
  width: 100px;
}

.swiper {
  height: 100%;
}

.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
  bottom: 3rem;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
  width: 25px;
  height: 5px;
  border-radius: 6px;
  background: #fff;
  opacity: 1;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
  width: 25px;
  height: 5px;
  border-radius: 6px;
  background: #ffc107;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active-next {
  width: 25px;
  height: 5px;
  border-radius: 6px;
  background: #fff;
  opacity: 1;
}

.swiper-button-next {
  right: 10px;
}
.swiper-button-next::after {
  display: none;
}

.swiper-button-prev {
  left: 10px;
}
.swiper-button-prev::after {
  display: none;
}

input {
  width: 100%;
  padding: 0.5rem;
  border: 0.1rem solid #dddddd;
}

textarea {
  width: 100%;
  padding: 0.5rem;
  border: 0.1rem solid #dddddd;
  height: 100px;
}

select {
  width: 100%;
  padding: 0.5rem;
  border: 0.1rem solid #dddddd;
}

select:required:invalid {
  color: gray;
}

option[value=""][disabled] {
  display: none;
}

option {
  color: black;
}

.light-grey-text {
  color: #ae9797 !important;
}

.flex_column {
  flex-direction: column !important;
}

.bg_white_color {
  background: #fff !important;
}

.box_shadow {
  box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.25);
}

.grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 992px) {
  .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .grid {
    grid-template-columns: 1fr;
  }
}

.white_color {
  color: #fff !important;
}

.green_color {
  color: #198754 !important;
}

.head_flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.head_flex_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.head_flex_row h5 {
  flex-basis: 85%;
}
.head_flex_row a {
  flex-basis: 15%;
  text-align: center;
}

.view_more_btn {
  background: #198754;
  padding: 5px 8px;
  color: #fff !important;
  transition: all 0.3s ease-in;
  font-size: 0.8rem;
}

.view_more_btn:hover {
  background-color: #7aaa1c;
}

.align-start {
  align-items: start !important;
}

.btns_green {
  width: -moz-fit-content;
  width: fit-content;
  background: #198754;
  transition: all 0.3s ease-in;
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
}
.btns_green:hover {
  background: #198754;
}

.btns_red {
  width: -moz-fit-content;
  width: fit-content;
  background: #DF0024;
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease-in;
}
.btns_red:hover {
  background: rgba(223, 0, 36, 0.7019607843);
}

.btns {
  font-size: 1rem;
  font-weight: 400;
  color: #fff !important;
}
@media (max-width: 768px) {
  .btns {
    font-size: 1rem;
  }
}

.primary_text_heading {
  color: #DF0024;
  font-size: 1.6rem;
  font-weight: 400;
}

.secondary_text_heading {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  .secondary_text_heading {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .secondary_text_heading {
    font-size: 2.4rem;
  }
}
@media (max-width: 576px) {
  .secondary_text_heading {
    font-size: 1.4rem;
  }
}

.secondary_text_sub_head {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  .secondary_text_sub_head {
    font-size: 2.4rem;
  }
}

.card_detail .description p {
  font-size: 12px;
}

.secondary_text_sub_heading:hover {
  color: #198754;
}

.primary_text {
  color: #000;
  font-size: 0.9rem;
  font-weight: 400;
  text-align: justify;
}
@media (max-width: 768px) {
  .primary_text {
    font-size: 0.8rem;
  }
}
@media (max-width: 480px) {
  .primary_text {
    font-size: 0.6rem;
  }
}
@media (max-width: 280px) {
  .primary_text {
    font-size: 0.4rem;
  }
}

.secondary_text {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .secondary_text {
    font-size: 1rem;
  }
}

.primary_text_tabs {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
}
@media (max-width: 992px) {
  .primary_text_tabs {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .primary_text_tabs {
    font-size: 1.4rem;
  }
}

.secondary_text_sub_heading {
  color: #000;
  font-size: 1.2rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  .secondary_text_sub_heading {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .secondary_text_sub_heading {
    font-size: 0.8rem;
  }
}
@media (max-width: 576px) {
  .secondary_text_sub_heading {
    font-size: 1rem;
  }
}

.primary_text_sub_heading {
  color: #000;
  font-size: 2.4rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  .primary_text_sub_heading {
    font-size: 1.6rem;
  }
}

.primary_sub_text {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .primary_sub_text {
    font-size: 1rem;
  }
}

.secondary_sub_text {
  font-weight: 400;
  color: grey;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .secondary_sub_text {
    font-size: 1rem;
  }
}

.primary_text_banner {
  color: #ffc107;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 768px) {
  .primary_text_banner {
    font-size: 0.8rem;
  }
}
@media (max-width: 480px) {
  .primary_text_banner {
    font-size: 0.6rem;
  }
}

.secondary_text_banner {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  .secondary_text_banner {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .secondary_text_banner {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  .secondary_text_banner {
    font-size: 1rem;
  }
}

.nav_top {
  border-bottom: 0.1rem solid #dddddd;
}
@media (max-width: 992px) {
  .nav_top {
    display: none;
  }
}
.nav_top .nav_top_wrapper .location {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
@media (max-width: 992px) {
  .nav_top .nav_top_wrapper .location {
    gap: 1rem;
  }
}
.nav_top .nav_top_wrapper .location .address {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 35%;
  -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  background: #198754;
  padding-block: 1rem;
}
@media (max-width: 992px) {
  .nav_top .nav_top_wrapper .location .address {
    justify-content: flex-start;
    padding-left: 1rem;
  }
}
.nav_top .nav_top_wrapper .location .address_detail {
  flex-basis: 65%;
  display: flex;
  align-items: center;
  gap: 10rem;
}
@media (max-width: 992px) {
  .nav_top .nav_top_wrapper .location .address_detail {
    gap: 5rem;
  }
}
.nav_top .nav_top_wrapper .location .address_detail .address_wrapper {
  display: flex;
  gap: 5rem;
}
@media (max-width: 992px) {
  .nav_top .nav_top_wrapper .location .address_detail .address_wrapper {
    flex-direction: column;
    gap: 0;
  }
}
.nav_top .nav_top_wrapper .location .address_detail .address_wrapper svg {
  color: #198754;
  font-size: 1.6rem;
}

.navigation {
  padding-block: 0.5rem;
  position: sticky;
  top: -1px;
  z-index: 999999999999;
  background: white;
}
.navigation .nav_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navigation .nav_nav .logo {
  flex-basis: 20%;
}
@media (max-width: 768px) {
  .navigation .nav_nav {
    flex-basis: 35%;
  }
}
.navigation .nav_nav .hamburger {
  display: none;
  cursor: pointer;
  z-index: 999999;
}
@media (max-width: 768px) {
  .navigation .nav_nav .hamburger {
    display: block;
  }
}
.navigation .nav_nav .hamburger span {
  display: block;
  height: 0.2rem;
  width: 2rem;
  background: #198754;
  border-radius: 0.4rem;
  margin-block: 0.2rem;
}
.navigation .nav_nav .nav_menu {
  flex-basis: 80%;
}
@media (max-width: 768px) {
  .navigation .nav_nav .nav_menu {
    flex-basis: 100%;
  }
}
@media (max-width: 768px) {
  .navigation .nav_nav .nav_menu {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 999999;
    background: white;
  }
}
.navigation .nav_nav .nav_menu .nav_list {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 992px) {
  .navigation .nav_nav .nav_menu .nav_list {
    gap: 0.2rem;
  }
}
@media (max-width: 768px) {
  .navigation .nav_nav .nav_menu .nav_list {
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem;
    align-items: flex-start;
    padding: 2rem;
  }
}
.navigation .nav_nav .nav_menu .nav_list li {
  transition: all 0.5s ease-in-out;
}
.navigation .nav_nav .nav_menu .nav_list li:hover {
  color: #198754;
}
.navigation .nav_nav .nav_menu .nav_list .sub_menu_items {
  position: relative;
  cursor: pointer;
  padding: 10px 0px;
}
.navigation .nav_nav .nav_menu .nav_list .sub_menu_items .menu_list {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 99;
}
@media (max-width: 768px) {
  .navigation .nav_nav .nav_menu .nav_list .sub_menu_items .menu_list {
    position: static;
  }
}
.navigation .nav_nav .nav_menu .nav_list .sub_menu_items .menu_list li {
  padding: 0.5rem 1rem;
  white-space: nowrap;
  border-bottom: 1px solid #e3efd9;
}
.navigation .nav_nav .nav_menu .nav_list .sub_menu_items .menu_list li .active {
  background-color: rgb(228, 245, 235);
}
.navigation .nav_nav .nav_menu .nav_list .sub_menu_items .menu_list li:hover {
  background-color: rgb(228, 245, 235);
}
.navigation .nav_nav .nav_menu .nav_list .sub_menu_items:hover .menu_list {
  display: block;
}
@media (max-width: 768px) {
  .navigation .nav_nav .nav_menu.show_nav {
    display: block;
  }
}

/* Responsive styles for smaller screens */
@media screen and (max-width: 768px) {
  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    bottom: 2rem;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active-prev,
  span.swiper-pagination-bullet.swiper-pagination-bullet-active-next {
    width: 20px;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    width: 20px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    right: 5px;
  }
  /* Adjust other styles as needed */
}
/* Responsive styles for even smaller screens if needed */
@media screen and (max-width: 480px) {
  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    bottom: 1rem;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active-prev,
  span.swiper-pagination-bullet.swiper-pagination-bullet-active-next {
    width: 15px;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    width: 15px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    right: 2px;
  }
  /* Adjust other styles as needed */
}
.banner .banner_list .banner_wrapper {
  position: relative;
}
.banner .banner_list .banner_wrapper .image {
  height: 100%;
  position: relative;
}
.banner .banner_list .banner_wrapper .image::after {
  content: "";
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
}
.banner .banner_list .banner_wrapper .banner_detail {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -55%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .banner .banner_list .banner_wrapper .banner_detail {
    top: 75%;
  }
}
@media (max-width: 280px) {
  .banner .banner_list .banner_wrapper .banner_detail {
    top: 65%;
  }
}

.services {
  background: #F1F1FF;
}
.services .service_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  padding-block: 6rem;
}
@media (max-width: 768px) {
  .services .service_list {
    grid-template-columns: 1fr;
  }
}
.services .service_list .service_wrapper {
  background: #fff;
  padding: 2.5rem 1.5rem;
}
.services .service_list .service_wrapper .image {
  width: 20%;
}
@media (max-width: 768px) {
  .services .service_list .service_wrapper .image {
    width: 10%;
  }
}
@media (max-width: 992px) {
  .services .service_list .service_wrapper .service_detail p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.about {
  background: #F1F1FF;
}
.about .about_wrapper {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
@media (max-width: 768px) {
  .about .about_wrapper {
    flex-direction: column;
  }
}
.about .about_wrapper .about_detail {
  padding: 1rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
  width: 50%;
}
@media (max-width: 780px) {
  .about .about_wrapper .about_detail {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .about .about_wrapper .about_detail {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
  }
}
@media (max-width: 280px) {
  .about .about_wrapper .about_detail {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .about .about_wrapper .about_detail p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
  }
}
.about .about_wrapper .image {
  flex-basis: 50%;
}

.classes .class_wrapper {
  text-align: center;
  background: url("../image/leaders1.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin-block: 6rem;
  height: 400px;
  padding-block: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.classes .class_wrapper .swiper-container {
  position: relative;
  width: 70%;
  margin: 0 auto;
}
.classes .class_wrapper .swiper-container .swiper-button-prev {
  left: -120px;
}
@media (max-width: 768px) {
  .classes .class_wrapper .swiper-container .swiper-button-prev {
    left: -40px;
  }
}
.classes .class_wrapper .swiper-container .swiper-button-prev svg {
  color: #fff;
}
.classes .class_wrapper .swiper-container .swiper-button-next {
  right: -120px;
}
@media (max-width: 768px) {
  .classes .class_wrapper .swiper-container .swiper-button-next {
    right: -40px;
  }
}
.classes .class_wrapper .swiper-container .swiper-button-next svg {
  color: #fff;
}
.classes .class_wrapper .swiper-container .tabSwiper {
  width: 100%;
}
.classes .class_wrapper .swiper-container .tabSwiper .tabs .tab {
  background: #fff;
  color: #198754;
  padding: 1rem;
  border-radius: 0.5rem;
  flex-basis: 100%;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.classes .class_wrapper .swiper-container .tabSwiper .tabs .tab:hover {
  background: #198754;
  color: #fff;
}

.ourservices {
  margin-bottom: 6rem;
}
.ourservices .ourservice_wrapper .service_card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
@media (max-width: 992px) {
  .ourservices .ourservice_wrapper .service_card {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.ourservices .ourservice_wrapper .service_card .card_wrapper {
  position: relative;
}
.ourservices .ourservice_wrapper .service_card .card_wrapper .image {
  border-radius: 0.5rem;
}
.ourservices .ourservice_wrapper .service_card .card_wrapper .card_head {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.ourservices .ourservice_wrapper .service_card .card_wrapper .card_head .card_text {
  background: #198754;
  color: #fff;
  text-align: center;
  padding-block: 1.5rem;
  border-radius: 40% 40% 0 0;
}

.destination {
  margin-bottom: 6rem;
}
.destination .destination_wrapper .destination_card {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 992px) {
  .destination .destination_wrapper .destination_card {
    grid-template-columns: 1fr 1fr;
  }
}
.destination .destination_wrapper .destination_card .card_wrapper {
  position: relative;
  cursor: pointer;
}
.destination .destination_wrapper .destination_card .card_wrapper .card_holder {
  position: relative;
}
.destination .destination_wrapper .destination_card .card_wrapper .card_holder .card_head {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
.destination .destination_wrapper .destination_card .card_wrapper .card_holder .card_head::after {
  position: absolute;
  content: "";
  bottom: 0;
  display: block;
  width: 100%;
  background: linear-gradient(to bottom, rgba(169, 208, 113, 0), rgb(0, 0, 0));
  height: 100px;
  margin-bottom: -15px;
  z-index: -1;
}
.destination .destination_wrapper .destination_card .card_wrapper .card_holder .card_head .image {
  width: 10%;
}
.destination .destination_wrapper .destination_card .card_wrapper .card_text {
  position: absolute;
  top: 0;
  z-index: 9999;
  padding: 3rem;
  background: #F1F1FF;
  height: 100%;
  width: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}
@media (max-width: 992px) {
  .destination .destination_wrapper .destination_card .card_wrapper .card_text p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .destination .destination_wrapper .destination_card .card_wrapper .card_text p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .destination .destination_wrapper .destination_card .card_wrapper:nth-child(3) {
    display: none;
  }
}
.destination .destination_wrapper .destination_card .card_wrapper:hover .card_text {
  display: flex;
}

a.newscard {
  display: flex;
  flex-direction: row;
}

.card_detail {
  padding: 15px;
  width: 100%;
}

.newscontent {
  background-color: #0a857b;
  /* width: 87%; */
  justify-content: center;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.first_news_title {
  color: white;
  font-weight: 800;
  font-size: 18px;
  padding: 30px;
}

.news {
  background: #F1F1FF;
}
.news .news_wrapper {
  padding-bottom: 6rem;
}
.news .news_wrapper .news_card {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-direction: row;
}
.news .news_wrapper .news_card .card_wrapper .card_detail {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  padding: 1.5rem;
  padding-bottom: 2rem;
  background: #fff;
}
.news .news_wrapper .news_card .card_wrapper .card_detail h4 {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.news .news_wrapper .news_card .card_wrapper .card_detail h4:hover {
  color: #198754;
}
.news .news_wrapper .news_card .card_wrapper .card_detail p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (max-width: 768px) {
  .news .news_wrapper .news_card .card_wrapper:nth-child(3) {
    display: none;
  }
}

.list_news_wraper {
  display: flex;
  flex-direction: row;
  margin: 15px 0px;
  background-color: rgba(122, 115, 93, 0.1215686275);
}

.list_news_wraper:hover {
  background-color: #eff4e7;
}

.contact_form .contact_form_wrapper {
  display: flex;
  gap: 2rem;
  padding-top: 6rem;
}
@media (max-width: 768px) {
  .contact_form .contact_form_wrapper {
    flex-direction: column;
  }
}
.contact_form .contact_form_wrapper .contact_address {
  background: #F1F1FF;
  flex-basis: 80%;
  padding: 4rem;
  border-radius: 0.5rem;
  height: 545px;
}
@media (max-width: 992px) {
  .contact_form .contact_form_wrapper .contact_address {
    padding: 2rem;
  }
}
.contact_form .contact_form_wrapper .contact_address ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.contact_form .contact_form_wrapper .contact_address ul li {
  display: flex;
  align-items: center;
}
.contact_form .contact_form_wrapper .contact_address ul li .icons {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  background: #198754;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact_form .contact_form_wrapper .contact_address ul li .icons svg {
  font-size: 1.6rem;
  color: #fff;
}
.contact_form .contact_form_wrapper .image {
  flex-basis: 100%;
}
@media (max-width: 768px) {
  .contact_form .contact_form_wrapper .image {
    display: none;
  }
}
.contact_form .contact_form_wrapper .form {
  flex-basis: 100%;
  padding-top: 60px;
}
.contact_form .contact_form_wrapper .form .form_detail {
  padding-bottom: 6rem;
}
.contact_form .contact_form_wrapper .form .form_detail form .btns_green a {
  display: flex;
  align-items: center;
}
.contact_form .contact_form_wrapper .form .form_detail form .btns_green a img {
  width: 20px;
  height: 20px;
  display: inline;
}
@media (max-width: 768px) {
  .contact_form .contact_form_wrapper .form .form_detail form .btns_green a img {
    display: block;
  }
}
.contact_form .map {
  padding-top: 6rem;
}
@media (max-width: 992px) {
  .contact_form .map {
    padding: 0;
  }
}
.contact_form .map iframe {
  width: 100%;
}

.footer {
  background: #10633c;
}
.footer .footer_wrapper {
  display: flex;
  justify-content: center;
  padding-block: 6rem;
  gap: 3.5rem;
}
@media (max-width: 768px) {
  .footer .footer_wrapper {
    flex-wrap: wrap;
    gap: 2rem;
    padding-block: 4rem;
  }
}
@media (max-width: 480px) {
  .footer .footer_wrapper {
    padding-block: 2rem;
  }
}
.footer .footer_wrapper .footer_content {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer .footer_wrapper .footer_content .image {
  background: #fff;
  width: 70%;
}
@media (max-width: 768px) {
  .footer .footer_wrapper .footer_content .image {
    margin: 0 auto;
    width: 100%;
  }
}
.footer .footer_wrapper .footer_content ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer .footer_wrapper .footer_content ul li a span {
  margin-left: 5px;
}
@media (max-width: 768px) {
  .footer .footer_wrapper .footer_content ul li a span {
    margin-left: 0px;
  }
}
.footer .footer_wrapper .footer_content .social_items {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
}
.footer .footer_wrapper .footer_content .social_items .social_sites {
  border: 0.1px solid #fff;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .footer_wrapper .footer_content .social_items .social_sites svg {
  font-size: 1.6rem;
}
.footer .footer_end {
  background: #198754;
}
.footer .footer_end .footer_end_text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 0.8rem;
}
@media (max-width: 768px) {
  .footer .footer_end .footer_end_text {
    flex-direction: column;
    gap: 1rem;
  }
}

.banner_head {
  position: relative;
}
.banner_head .image {
  height: 150px;
}
.banner_head .image::after {
  content: "";
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.banner_head .banner_text_head {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.banner_head .banner_text_head .page_nav {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.banner_head .banner_text_head .page_nav .pagination_icon {
  position: relative;
}
.banner_head .banner_text_head .page_nav .pagination_icon::after {
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  transform: rotate(135deg);
  margin-left: 1rem;
}

.about_page .about_page_wrapper {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  padding-block: 6rem;
}
.about_page .about_page_wrapper .about_page_detail {
  display: flex;
  gap: 2rem;
}
.about_page .about_page_wrapper .about_page_detail:nth-child(2) {
  flex-direction: row-reverse;
}
@media (max-width: 992px) {
  .about_page .about_page_wrapper .about_page_detail:nth-child(2) {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .about_page .about_page_wrapper .about_page_detail:nth-child(2) {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .about_page .about_page_wrapper .about_page_detail {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .about_page .about_page_wrapper .about_page_detail {
    flex-direction: column;
  }
}
.about_page .about_page_wrapper .about_page_detail .image {
  flex-basis: 100%;
}
.about_page .about_page_wrapper .about_page_detail .about_page_text {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.about_page .planning {
  background: #F1F1FF;
  padding-block: 4.5rem;
}
.about_page .planning .box_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 992px) {
  .about_page .planning .box_wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
  }
}
@media (max-width: 768px) {
  .about_page .planning .box_wrapper {
    grid-template-columns: 1fr;
  }
}
.about_page .planning .box_wrapper .boxes {
  position: relative;
  text-align: center;
}
.about_page .planning .box_wrapper .boxes h3 {
  padding: 6rem 3rem 3rem 3rem;
  background: #198754;
  height: 100%;
}
@media (max-width: 768px) {
  .about_page .planning .box_wrapper .boxes h3 {
    padding: 3rem;
  }
}
.about_page .planning .box_wrapper .boxes .num {
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
}
.about_page .planning .box_wrapper .boxes .num span {
  padding: 1rem 1.8rem;
  background: #DF0024;
  border-radius: 50%;
}

.news_inner {
  padding-top: 6rem;
}
.news_inner .news_article .news_detail {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.news_inner .news_article .news_detail .news_auther {
  border: 0.1rem solid #dddddd;
  padding: 2rem;
  position: relative;
}
@media (max-width: 768px) {
  .news_inner .news_article .news_detail .news_auther {
    padding: 1rem;
  }
}
.news_inner .news_article .news_detail .news_auther::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 30rem;
  background: #dddddd;
  height: 100%;
  width: 0.1rem;
}
@media (max-width: 992px) {
  .news_inner .news_article .news_detail .news_auther::after {
    left: 20rem;
  }
}
@media (max-width: 768px) {
  .news_inner .news_article .news_detail .news_auther::after {
    display: none;
  }
}
.news_inner .news_article .news_detail .news_auther::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 30rem;
  background: #dddddd;
  height: 100%;
  width: 0.1rem;
}
@media (max-width: 992px) {
  .news_inner .news_article .news_detail .news_auther::before {
    right: 20rem;
  }
}
@media (max-width: 768px) {
  .news_inner .news_article .news_detail .news_auther::before {
    display: none;
  }
}
.news_inner .news_article .news_detail .news_auther .auth {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .news_inner .news_article .news_detail .news_auther .auth {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .news_inner .news_article .news_detail .news_auther .auth p {
    font-size: 1.2rem;
  }
}

section.leaders {
  margin: 50px 0px;
}

.about-us {
  margin-block: 5em;
}
@media (max-width: 768px) {
  .about-us {
    margin-block: 5em;
  }
}
.about-us .about-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
@media (max-width: 992px) {
  .about-us .about-row {
    flex-direction: column;
  }
}
.about-us .about-row .about-detail {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-basis: 70%;
  flex-direction: column;
  height: 40.5em;
}
@media (max-width: 992px) {
  .about-us .about-row .about-detail {
    flex-direction: column;
  }
}
.about-us .about-row .about-detail > * {
  flex-basis: 100%;
}
.about-us .about-row .about-detail .photo {
  width: 100%;
  height: 300px;
}
.about-us .about-row .about-detail .photo img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-us .about-row .about-detail .detail {
  background: #E8EDEE;
  padding: 20px 60px 40px 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .about-us .about-row .about-detail .detail {
    height: -moz-fit-content;
    height: fit-content;
    padding: 30px;
  }
}
@media (max-width: 992px) {
  .about-us .about-row .about-detail .detail {
    padding: 80px 30px;
  }
}
.about-us .about-row .about-detail .detail h4 {
  font-weight: 300;
  color: #F39C12;
}
.about-us .about-row .about-detail .detail p {
  letter-spacing: 1px;
  margin-top: 1em;
  margin-bottom: 2em;
}
@media (max-width: 992px) {
  .about-us .about-row .about-detail .detail p {
    margin-block: 2em;
    margin-block: 2em;
  }
}
.about-us .about-row .about-detail .detail a {
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  background: #1C3B8C;
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .about-us .about-row .about-detail .detail a {
    font-size: 12px;
  }
}
.about-us .about-row .about-detail .detail a:hover {
  color: #fff;
  background: rgb(243, 156, 18);
  background: linear-gradient(153deg, rgb(243, 156, 18) 0%, rgb(28, 59, 140) 100%);
  transition: all 0.6s ease-in-out;
}
.about-us .about-row .notice-point {
  flex-basis: 30%;
  height: 36.25em;
}
@media (max-width: 992px) {
  .about-us .about-row .notice-point {
    margin-top: 2em;
  }
}
.about-us .about-row .notice-point .news-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.about-us .about-row .notice-point .news-head p {
  font-size: 32px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 700;
  position: relative;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .about-us .about-row .notice-point .news-head p {
    font-size: 24px;
  }
}
.about-us .about-row .notice-point .news-head p span {
  color: #F39C12;
}
.about-us .about-row .notice-point .news-head a {
  color: white;
  background: #1C3B8C;
  padding: 10px;
  font-weight: 500;
  transition: 0.5s ease;
}
@media (max-width: 768px) {
  .about-us .about-row .notice-point .news-head a {
    font-size: 12px;
  }
}
.about-us .about-row .notice-point .news-head a:hover {
  color: #fff;
  background: rgb(243, 156, 18);
  background: linear-gradient(153deg, rgb(243, 156, 18) 0%, rgb(28, 59, 140) 100%);
}
.about-us .about-row .notice-point .news-head::before {
  content: "";
  background: #F39C12;
  height: 100%;
  width: 3px;
  display: block;
  position: absolute;
  left: 0px;
}
.about-us .about-row .notice-point .notice-board {
  background: #E8EDEE;
  margin-top: 20px;
  padding: 20px 10px 20px 10px;
  overflow-y: scroll;
  height: 100%;
}
.about-us .about-row .notice-point .notice-board .notice {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.about-us .about-row .notice-point .notice-board .notice .notice_list {
  background: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  padding: 10px 20px;
}
.about-us .about-row .notice-point .notice-board .notice .notice_list .logo svg {
  font-size: 50px;
  color: #F39C12;
}
.about-us .about-row .notice-point .notice-board .notice .notice_list .logo img {
  width: 60px;
}
.about-us .about-row .notice-point .notice-board .notice .notice_list .para svg {
  opacity: 0.5;
}
.about-us .about-row .notice-point .notice-board .notice .notice_list .para span {
  opacity: 0.5;
}
.about-us .about-row .notice-point ::-webkit-scrollbar {
  width: 10px;
}
.about-us .about-row .notice-point ::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.about-us .about-row .notice-point ::-webkit-scrollbar-thumb {
  background: #888;
}
.about-us .about-row .notice-point ::-webkit-scrollbar-thumb:hover {
  background: #F39C12;
}

.aboutUs {
  margin-block: 5em;
}
.aboutUs .wrapper h3 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2em;
  position: relative;
  margin-left: 10px;
}
.aboutUs .wrapper h3::before {
  content: "";
  background: #F39C12;
  display: block;
  position: absolute;
  width: 2px;
  height: 100%;
  left: -10px;
}
.aboutUs .wrapper .text-content img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .aboutUs .wrapper .text-content img {
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .aboutUs .wrapper .text-content img {
    float: none;
  }
}
.aboutUs .wrapper .text-content p {
  margin-top: 1em;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .aboutUs .wrapper .text-content p {
    font-size: 16px;
    text-align: left;
    margin-top: 2em;
  }
}
.aboutUs .wrapper .text-content .mg {
  margin-top: 2em;
  font-size: 16px;
}

.recognition .swiper-slide {
  width: -moz-max-content !important;
  width: max-content !important;
  margin-right: 20px;
}

header.sectiontitle {
  font-size: 16px;
  background-color: #198754;
  width: -moz-max-content;
  width: max-content;
  padding: 2px 10px;
  color: white;
}

.sectioncontent {
  border: 1px solid #d3dfd3;
  padding: 10px;
  margin-bottom: 20px;
  min-height: 450px;
  max-height: 570px;
  overflow-y: scroll;
}

.card.notice {
  padding: 10px;
  background-color: #f0fff6;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
}

.noticeimage {
  height: 90px;
}

.notice-content {
  margin-left: 15px;
}

.card.manifesto {
  padding: 10px;
  background-color: #f0fff6;
  margin-top: 10px;
}

p.small-text {
  font-size: 12px;
  color: #345f2b;
}

p.list-title {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-top: 5px;
}

/* Responsive Media Queries */
@media only screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }
  .classes .class_wrapper {
    height: 200px;
    padding-block: 2rem;
  }
  .classes .class_wrapper .swiper-container .tabSwiper .tabs .tab {
    padding: 1rem;
  }
  p.list-title {
    font-size: 14px;
    margin-top: 0;
    padding: 0;
  }
  p.small-text {
    font-size: 6px;
  }
  a.small-newscard {
    display: flex;
    flex-direction: column !important;
    gap: 8px;
  }
  .member-card {
    width: 150px !important;
  }
  .member-title {
    font-size: 14px !important;
  }
  .member-subtitle {
    font-size: 12px !important;
  }
  .member-contact {
    font-size: 10px !important;
  }
  .member-group {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    gap: 1rem;
  }
  .page-title {
    margin-top: 10px;
    font-size: 18px !important;
    margin-bottom: 10px;
  }
  .banner_head .image {
    height: 100px;
  }
  .flag-front {
    width: 35px !important;
  }
  .logo-back {
    width: 60px !important;
  }
  .column-center {
    width: 100%;
  }
  h1 {
    font-size: 16px;
    text-align: center;
  }
  h3 {
    font-size: 14px;
    text-align: center;
  }
  thead {
    font-size: 10px;
    font-weight: 500;
  }
  tr {
    font-size: 10px;
  }
  .fo_list {
    grid-template-columns: auto auto !important;
  }
  .fo_title {
    font-size: 11px !important;
  }
  .f-12 {
    font-size: 10px !important;
  }
  .secondary_heading {
    font-size: 2rem !important;
  }
  .view_more_btn {
    padding: 3px !important;
  }
  .card_detail p.primary_sub_text.mt-3 {
    display: none;
  }
  .list_small_title {
    font-size: 12px !important;
  }
  .list_front_text {
    padding: 10px 5px !important;
  }
  .news_list_image {
    width: 100px !important;
  }
  p {
    font-size: 12px;
  }
  .footer .footer_wrapper {
    display: grid;
    grid-template-columns: auto;
  }
  a.primary_text.white_color {
    font-size: 1rem;
  }
  .footer_content p.primary_text.white_color {
    font-size: 1.2rem;
    text-align: left;
  }
  .small-newsimage {
    width: 100% !important;
  }
  .footer .footer_wrapper .footer_content ul {
    gap: 0.5rem;
  }
  .footer .footer_wrapper .footer_content {
    gap: 1rem;
  }
  div#amId {
    display: inline !important;
  }
  .row-list {
    gap: 10px !important;
    font-size: 10px !important;
    padding: 5px !important;
  }
  .td_image img {
    width: 30px !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  body {
    font-size: 16px;
  }
  p.list-title {
    font-size: 14px;
    margin-top: 0;
    padding: 0;
  }
  p.small-text {
    font-size: 6px;
  }
  .first_news_title {
    font-size: 14px;
    padding: 15px;
  }
  .classes .class_wrapper {
    height: 300px;
    padding-block: 3rem;
  }
  a.small-newscard {
    display: flex;
    flex-direction: column !important;
    gap: 8px;
  }
  .member-card {
    width: 150px;
  }
  .member-title {
    font-size: 14px;
  }
  .member-subtitle {
    font-size: 12px;
  }
  .member-contact {
    font-size: 10px;
  }
  .member-group {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    gap: 2rem;
  }
  .page-title {
    margin-top: 10px;
    font-size: 18px !important;
    margin-bottom: 10px;
  }
  .banner_head .image {
    height: 100px;
  }
  .flag-front {
    width: 35px !important;
  }
  .logo-back {
    width: 60px !important;
  }
  .column-center {
    width: 100%;
  }
  h1 {
    font-size: 16px;
    text-align: center;
  }
  h3 {
    font-size: 14px;
    text-align: center;
  }
  thead {
    font-size: 10px;
    font-weight: 500;
  }
  tr {
    font-size: 10px;
  }
  .fo_list {
    grid-template-columns: auto auto !important;
  }
  .fo_title {
    font-size: 11px;
  }
  .f-12 {
    font-size: 10px;
  }
  .view_more_btn {
    padding: 3px;
  }
  .card_detail p.primary_sub_text.mt-3 {
    display: none;
  }
  .list_small_title {
    font-size: 12px !important;
  }
  .list_front_text {
    padding: 10px 5px !important;
  }
  .news_list_image {
    width: 100px !important;
  }
  p {
    font-size: 12px;
  }
  .footer .footer_wrapper {
    display: grid;
    grid-template-columns: auto auto;
  }
  a.primary_text.white_color {
    font-size: 1rem;
  }
  .footer_content p.primary_text.white_color {
    font-size: 1.2rem;
    text-align: left;
  }
  .small-newsimage {
    width: 100% !important;
  }
  .footer .footer_wrapper .footer_content ul {
    gap: 0.5rem;
  }
  .footer .footer_wrapper .footer_content {
    gap: 1rem;
  }
  div#amId {
    display: inline !important;
  }
  .row-list {
    gap: 10px !important;
    font-size: 10px !important;
    padding: 5px !important;
  }
  .td_image img {
    width: 30px !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  body {
    font-size: 20px;
  }
  p.small-text {
    font-size: 12px;
  }
}
a.see-all-link {
  font-size: 14px;
  text-align: end;
  color: #198754;
  padding: 5px;
}

.card.press-release {
  padding: 0px;
  background-color: #f0fff6;
  margin-top: 5px;
  min-height: 245px;
}

.pressreleaseimage {
  height: 140px;
}

.press-release-content {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px 10px;
}

/*
*  sectioncontent
*/
.sectioncontent::-webkit-scrollbar-track {
  border: 1px solid rgb(239, 252, 245);
  background-color: #F5F5F5;
}

.sectioncontent::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

.sectioncontent::-webkit-scrollbar-thumb {
  background-color: #f0fff6;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  background-color: #f1f1f1;
  transition: background-color 0.3s ease, opacity 0.3s ease;
  border-radius: 10px;
}
.card:hover {
  background-color: rgb(25, 135, 84);
  box-shadow: 0 0 20px rgba(0, 44, 26, 0.3);
  opacity: 0.9;
  animation: zoomInOut 1.8s ease-in-out;
}
.card:hover .small-text,
.card:hover .list-title {
  color: #fff; /* Change to your desired text color on hover for small-text and list-title */
}

.samachar {
  margin-bottom: 6rem;
}

a.newscard {
  border-radius: 0px;
}

.newsimage {
  /* width: 100%; */
  height: 240px;
}

a.small-newscard {
  display: flex;
  flex-direction: row;
  border-radius: 0px;
  border-bottom: 1px solid #000 !important;
}

a.newscard:hover, a.newscard:focus, a.small-newscard:hover, a.small-newscard:focus {
  border-: 1px solid !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  background-color: azure;
}
a.newscard:hover .list-title, a.newscard:focus .list-title, a.small-newscard:hover .list-title, a.small-newscard:focus .list-title {
  color: #198754;
}
a.newscard:hover .newscontent, a.newscard:focus .newscontent, a.small-newscard:hover .newscontent, a.small-newscard:focus .newscontent {
  background-color: #198754;
}
a.newscard:hover .first_news_title, a.newscard:focus .first_news_title, a.small-newscard:hover .first_news_title, a.small-newscard:focus .first_news_title {
  color: #f5e98d;
}

.small-newsimage {
  width: 250px;
}

.small-newscontent {
  margin-left: 15px;
}

a.small-youtubecard {
  display: flex;
  flex-direction: column;
  border-radius: 0px;
  border: 1px solid #000 !important;
}
a.small-youtubecard .coverdown {
  padding: 5px;
}

.coverdown {
  bottom: 0;
  position: absolute;
  background-color: rgba(0, 128, 0, 0.2117647059);
}

.coverdown:hover {
  background-color: rgba(255, 0, 0, 0.4196078431);
}

.ghosanapatra {
  margin-bottom: 6rem;
}

.youtubeDiv {
  padding: 10px 20px;
}

.facebookDiv {
  padding: 5px 20px;
}

p.detail_page_text {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.member-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2rem;
}

.member-card {
  width: 200px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #e9f5ee;
  transition: background-color 0.3s ease, opacity 0.3s ease;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.member-card:hover {
  background-color: #d4f6be;
}

.page-title {
  background-color: #198754;
  color: white !important;
  padding: 5px;
  margin-top: 15px;
  text-align: center;
  padding-top: 10px;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 30px;
}

.secondary_heading {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
  position: relative;
  color: #198754;
}
.secondary_heading::after {
  content: "";
  position: absolute;
  background: #198754;
  width: 55%;
  height: 2px;
  bottom: 50%;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .secondary_heading::after {
    display: none;
  }
}

.gallery {
  padding-bottom: 6rem;
}
@media (max-width: 992px) {
  .gallery {
    padding-block: 5rem;
  }
}
.gallery .gallery_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 992px) {
  .gallery .gallery_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .gallery .gallery_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.gallery .gallery_list .gallery_wrapper {
  position: relative;
}
.gallery .gallery_list .gallery_wrapper .image {
  height: 200px;
  position: relative;
}
@media (max-width: 768px) {
  .gallery .gallery_list .gallery_wrapper .image {
    height: 160px;
  }
}
.gallery .gallery_list .gallery_wrapper .image .play {
  position: absolute;
  top: 35%;
  left: 43%;
  transform: translate(-50%, -50%);
  z-index: 99;
  transition: all 0.3s ease-in;
  cursor: pointer;
  background: #fff;
  padding: 25px 30px;
  border-radius: 50%;
}
.gallery .gallery_list .gallery_wrapper .image .play svg {
  color: #198754;
  font-size: 24px;
}
.gallery .gallery_list .gallery_wrapper .image .play:hover svg {
  color: #DF0024;
}
.gallery .gallery_list .gallery_wrapper .image .hide {
  height: 0%;
  transition: all 0.3s ease-in;
}
.gallery .gallery_list .gallery_wrapper .image:hover .hide {
  height: 100%;
}
.gallery .gallery_list .gallery_wrapper .image .views {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: none;
  z-index: 99;
  transition: all 0.3s ease-in;
  text-align: center;
}
.gallery .gallery_list .gallery_wrapper .image .views h4 {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.gallery .gallery_list .gallery_wrapper .image .views a {
  color: #fff !important;
  background: #DF0024;
  padding: 5px 8px;
  font-size: 0.8rem;
  transition: all 0.3s ease-in;
  white-space: nowrap;
}
.gallery .gallery_list .gallery_wrapper .image .views a:hover {
  background: #198754;
}
.gallery .gallery_list .gallery_wrapper:hover .views {
  display: block;
}

.video {
  padding-bottom: 10rem;
}
@media (max-width: 992px) {
  .video {
    padding-bottom: 5rem;
  }
}
.video .open_video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 999999999999;
}
.video .open_video .video_close {
  position: absolute;
  font-size: 30px;
  color: white;
  right: 277px;
  top: 36px;
  cursor: pointer;
}
.video .open_video.open {
  display: flex;
}
.video .video_container .rows {
  display: flex;
  gap: 2rem;
}
@media (max-width: 992px) {
  .video .video_container .rows {
    flex-direction: column;
  }
}
.video .video_container .rows .cols-1 {
  flex-basis: 60%;
  position: relative;
}
.video .video_container .rows .cols-1 .image {
  position: relative;
}
.video .video_container .rows .cols-1 .image .link_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 999;
}
.video .video_container .rows .cols-1 .image .link_wrapper .video-link {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  background: rgba(25, 135, 84, 0.4196078431);
  padding: 15px 20px;
  border-radius: 50%;
  cursor: pointer;
}
.video .video_container .rows .cols-1 .image .link_wrapper .video-link svg {
  font-size: 2.6rem;
  color: #fff;
}
.video .video_container .rows .cols-1 .video_text_head {
  position: absolute;
  bottom: 0;
  color: white;
  padding: 10px 20px 20px;
  z-index: 9999;
}
@media (max-width: 768px) {
  .video .video_container .rows .cols-1 .video_text_head {
    position: static;
    background: #f2f2f2;
  }
}
.video .video_container .rows .cols-1 .video_text_head h2 {
  font-size: 2.25rem;
  color: #DF0024;
  font-weight: 600;
  margin-bottom: 1rem;
}
.video .video_container .rows .cols-1 .video_text_head p {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 600;
}
@media (max-width: 768px) {
  .video .video_container .rows .cols-1 .video_text_head p {
    color: #000;
  }
}
.video .video_container .rows .cols-2 {
  flex-basis: 40%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.video .video_container .rows .cols-2 .video_wrapper {
  display: flex;
  gap: 20px;
}
.video .video_container .rows .cols-2 .video_wrapper .image {
  flex-basis: 30%;
  position: relative;
}
.video .video_container .rows .cols-2 .video_wrapper .image .link_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 999;
}
.video .video_container .rows .cols-2 .video_wrapper .image .link_wrapper .video-link {
  background: rgba(25, 135, 84, 0.4196078431);
  padding: 12px 15px;
  border-radius: 50%;
}
.video .video_container .rows .cols-2 .video_wrapper .image .link_wrapper .video-link svg {
  font-size: 1.3rem;
  color: #fff;
}
.video .video_container .rows .cols-2 .video_wrapper .video_text {
  flex-basis: 70%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.video .video_container .rows .cols-2 .video_wrapper .video_text h3 {
  font-size: 1.75rem;
  font-weight: 500;
  color: #000;
}
.video .video_container .rows .cols-2 .video_wrapper .video_text p {
  font-size: 1.3rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}

.pulse {
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgb(52, 58, 64);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
section.gallery_inner {
  padding-block: 3rem;
}
@media (max-width: 992px) {
  section.gallery_inner {
    padding-block: 1rem;
  }
}
section.gallery_inner .gallery_items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 768px) {
  section.gallery_inner .gallery_items {
    grid-template-columns: 1fr;
  }
}
section.gallery_inner .gallery_items .image {
  cursor: pointer;
}
section.gallery_inner .gallery_items .image:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
section.gallery_inner .modal_gallery {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: none;
}
section.gallery_inner .modal_gallery .image {
  max-width: 700px;
  height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  section.gallery_inner .modal_gallery .image {
    width: 100vw;
  }
}
section.gallery_inner .modal_gallery .close {
  color: #fff;
  font-size: 2rem;
  position: absolute;
  top: 9%;
  right: 25%;
  cursor: pointer;
}
@media (max-width: 768px) {
  section.gallery_inner .modal_gallery .close {
    top: 8%;
    right: 1%;
  }
}
section.gallery_inner .modal_gallery.open_modal {
  display: block;
}

.bg {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  bottom: 0;
}

.image-container {
  position: relative;
  display: inline-block;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Adjust the last value for transparency */
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.image-container:hover .overlay {
  opacity: 1;
}

.play-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px; /* Adjust the size of the circle */
  height: 50px; /* Adjust the size of the circle */
  border-radius: 50%;
  background-color: #000;
}

.play-btn-container:hover {
  background-color: red;
}

.play-btn {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}

.list_small_card {
  display: flex;
  flex-direction: row;
  transition: border 0.5s cubic-bezier(0, 0.73, 0.58, 1);
}

.list_small_card:hover {
  border: 2px solid #d3dfd3;
}

.list_front_text {
  background-color: #f6f6f6;
  padding: 15px 5px;
  width: 70px;
  text-align: center;
  font-size: 12px;
  color: #345f2b;
  border-right: 2px solid #e8e9e6;
}

.list_small_title {
  font-size: 14px;
  padding: 10px 5px;
  color: #000;
  font-weight: 600;
}

.fo_list {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 15px;
}

.fo_card {
  display: flex;
  flex-direction: column;
  text-align: center;
  border: 1px solid #f2d2d2;
  justify-content: flex-end;
  color: #676767;
}

.fo_card:hover {
  border: 1px solid green;
  box-shadow: 0 8px 16px rgba(15, 54, 9, 0.2);
}

.fo_image {
  justify-content: center;
  display: flex;
  margin-top: 5px;
}

.logo-list {
  width: 100px;
}

.fo_info {
  background-color: #ffecec;
  margin-top: 10px;
  padding: 10px 2px;
}

.fo_title {
  font-size: 14px;
  font-weight: 600;
  color: green;
}

.horizontal-line {
  height: 3px; /* Set the height of the line */
  background: linear-gradient(to right, transparent 0%, #198754 50%, transparent 100%);
}

.btn-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.flag-front {
  width: 75px;
}

.logo-back {
  width: 100px;
}

.content-page {
  justify-content: center;
}

.content {
  width: 90%;
  border: 1px solid #ababab;
  padding: 15px;
  margin-bottom: 6rem;
}

.filter-form {
  border-left: 0;
  padding: 20px 10px;
  margin-bottom: 20px;
  font-size: 12px;
  justify-content: center;
  width: 90%;
}

.content-header {
  display: flex;
  flex-direction: row;
}

.column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: green;
  gap: 5px;
}

.row-list {
  display: flex;
  gap: 40px;
  list-style: none;
  font-size: 14px;
  margin-top: 10px;
  background-color: #e5e5e5;
  background-color: #f8fff9;
  padding: 15px;
  justify-content: center;
  border-top: 2px solid green;
  border-bottom: 2px solid green;
}

.list-title {
  padding: 0px 0px 15px 0px;
  font-weight: 500;
}

.member-table {
  font-size: 14px;
}

.member-table thead {
  background-color: rgba(213, 232, 211, 0.968627451);
  height: 50px;
}

.vc {
  vertical-align: middle;
}

tr.tr-center {
  text-align: center;
  font-size: 18px;
  background-color: #f0e6e6;
}

.tr-center td {
  color: #543106;
  font-weight: 600;
}

.member-title {
  font-weight: 600;
  color: green;
  font-size: 18px;
}

.member-subtitle {
  color: rgb(10, 88, 10);
  font-size: 16px;
}

.member-contact {
  font-size: 12px;
}

.image-card {
  background-color: #e9f1e9;
}

.size-14 {
  font-size: 1rem;
}

.mg-0-auto {
  margin: 0 auto;
}

.mb-10 {
  margin-bottom: 1rem;
}

.mt-10 {
  margin-top: 1rem;
}

.mb-15 {
  margin-bottom: 1.5rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mb-25 {
  margin-bottom: 2.5rem;
}

.mb-35 {
  margin-bottom: 3.5rem;
}

.my-10 {
  margin-block: 1rem;
}

.mb-45 {
  margin-bottom: 4.5rem;
}

.mt-40 {
  margin-top: 4rem;
}

.mb-55 {
  margin-bottom: 5.5rem;
}

.my-20 {
  margin-block: 2rem;
}

.mx-10 {
  margin-block: 1rem;
}

.my-25-10 {
  margin-block: 2.5rem 1rem;
}

.f-10 {
  font-size: 10px;
}

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

/* Responsive styles for smaller screens */
@media screen and (max-width: 768px) {
  .navigation .nav_nav .logo {
    flex-basis: 40%; /* Adjust the value based on your design needs */
  }
}
/* Additional media queries for even smaller screens if needed */
@media screen and (max-width: 480px) {
  .navigation .nav_nav .logo {
    flex-basis: 45%; /* Adjust the value based on your design needs */
  }
}
.about_detail p {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 25px;
}

.fa-2xl {
  font-size: 12em;
}

.spokesperson-image {
  width: 100%;
  border: 3px solid rgba(255, 161, 0, 0.2117647059);
  padding: 10px;
}

.detail-image {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  height: 100%;
}

li.nav-item.child-nav-item.active {
  background-color: #f60402;
}
li.nav-item.child-nav-item.active a {
  background-color: #f60402;
  color: #fff;
}

li.nav-item.child-nav-item a:focus {
  background-color: #3f721d;
}

.info-box {
  border: 2px dotted;
  margin: 10px 0px;
  padding: 50px;
  background-color: rgba(255, 255, 0, 0.1294117647);
  color: #850606;
  font-weight: 500;
}

.page-head {
  background-color: rgb(215, 224, 139);
  color: #000000;
  padding: 5px 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.page-table-head {
  background-color: rgba(64, 72, 0, 0.89);
  color: #edefec;
  padding: 5px 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

ul.menu_list {
  list-style-type: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border-radius: 8px;
  outline: none;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}

ul.nav_list li {
  font-weight: 600;
  font-size: 1rem;
}

.main-list {
  font-weight: 600;
  font-size: 1rem;
}

li.sub_menu_items.primary_text.active {
  color: #198754;
}

li.sub_menu_items.active::after {
  width: 100%;
}

li.sub_menu_items::after {
  content: "";
  width: 0px;
  height: 2px;
  background-color: rgb(25, 135, 84);
  display: block;
  transition: all 0.3s ease 0s;
  position: absolute;
  bottom: 0px;
}

.menu_list li.active {
  background-color: rgb(228, 245, 235);
}

div#lightboxOverlay {
  z-index: 2147483647;
}

div#lightbox {
  z-index: 2147483647;
}

/* Scroll to Top Button */
#scrollToTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed at the bottom right */
  bottom: 30px;
  right: 30px;
  z-index: 99; /* Make sure it stays on top */
  width: 50px;
  height: 50px;
  border-radius: 50%; /* Makes the button round */
  background-color: #28a745; /* Green background */
  color: white;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  line-height: 50px; /* Center arrow vertically */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Box shadow for floating effect */
  transition: all 0.3s ease; /* Smooth transition effect */
  box-shadow: 0px 4px 10px rgb(65, 114, 28);
}

/* Hover effect */
#scrollToTopBtn:hover {
  background-color: #218838; /* Darker green on hover */
  transform: translateY(-5px); /* Adds a small lift effect on hover */
}

p.social-share-links {
  margin-left: 35px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: underline;
  margin-bottom: 10px;
  color: #198754;
}

#social-links ul li {
  display: inline-block;
}

a.social-button {
  padding: 0px 30px;
  border: 1px solid green;
  margin: 1px;
  font-size: 20px;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  color: inherit;
}

/* Default icon colors */
a.social-button .fa-whatsapp {
  color: #25d366; /* WhatsApp green */
}

a.social-button .fa-twitter {
  color: #1da1f2; /* Twitter blue */
}

a.social-button .fa-facebook-square {
  color: #1877f2; /* Facebook blue */
}

/* WhatsApp icon hover */
a.social-button[href*="wa.me"]:hover {
  background-color: #25d366; /* WhatsApp green */
  color: white !important;
}

/* Twitter icon hover */
a.social-button[href*=twitter]:hover {
  background-color: #1da1f2; /* Twitter blue */
  color: white !important;
}

/* Facebook icon hover */
a.social-button[href*=facebook]:hover {
  background-color: #1877f2; /* Facebook blue */
  color: white !important;
}

/* Ensure that icons inside a.social-button are white on hover */
a.social-button:hover svg {
  color: white !important;
}/*# sourceMappingURL=main.css.map */