@font-face {
  font-family: "BukraGM-Extra-Light";
  src: url(fonts/Bukra/29LTBukra-Extra-Light.otf);
}
@font-face {
  font-family: "BukraGM-Light";
  src: url(fonts/Bukra/29LT-Bukra-Light.otf);
}
@font-face {
  font-family: "BukraGM";
  src: url(fonts/Bukra/29LTBukraGM.otf);
}
@font-face {
  font-family: "BukraGM-Medium";
  src: url(fonts/Bukra/29LTBukraGM-Medium.otf);
}
@font-face {
  font-family: "BukraGM-Semi-Bold";
  src: url(fonts/Bukra/29LTBukra-Semi-Bold.otf);
}
@font-face {
  font-family: "BukraGM-Bold";
  src: url(fonts/Bukra/29ltbukrabold.otf);
}
html, body {
  height: 100%;
  width: 100%;
  position: relative;
  color: #000;
  margin: 0;
  padding: 0;
  font-family: "BukraGM";
/*   margin-top: 0px !important; */
}
body{
	/*margin-top: -32px !important; */
	overflow-x: hidden;}
footer section .ft-bottom .ft-b-main .ft-b-ch { width: 50%; margin: auto; text-align: center; }
footer h5 { font-size: 20px; color: #fff; margin-bottom: 15px; text-align: justify; font-weight: 600; margin-top: 15%; }
.social-icons{display:flex;}
.social-icons a i{color:#fff;}
.social-icons li { font-size: 14px; margin: 5px 0; display: flex ; }
.social-icons li a { color: #fff; text-decoration: none; line-height: 26px; font-weight: 500; margin: 0px 9px;}
.social-icons li a i{font-size:20px !important;}
footer {background: url(../../../../wp-content/uploads/2024/12/footer-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
footer section {  background-color: #fff0 !important;  }
footer .top-bar .contact-info { display: inline-block; width: 100% !important; padding: 0px 0px !important; }
footer .top-bar{background-color:#fff0 !important;}

.newsletterfooter{}
.newsletterfooter input { width: 80%; border: 1px solid #fff; padding: 10px 10px; font-size: 14px; color: #fff !important; background: #fff0; }
.newsletterfooter input::placeholder {color: #fff;}
.newsletterfooter button{width: 20%; background: #fff0; border: 1px solid #ffff;}
.newsletterfooter button i{color: #fff;}
.newsletterfooter form{display: flex;}

/* Main Banner Section */
.newhomebanner {
background-image: url(../../../../wp-content/uploads/2025/08/pattern-1-scaled.png); /*background-color: #486676;*/ background-repeat: repeat;

/*    width: 100%;
    height: 75vh; 
    overflow: hidden;
    direction: initial !important;*/
}

.newhomebanner .row{
    max-width: 1300px;
    margin: 0 auto;
    overflow: hidden;
}


.newhomebanner .swiper-container {
    width: 100%;
    height: 100%;
}

.newhomebanner .swiper-slide {
    display: flex;
    justify-content: left;
    align-items: center;
    background-size: cover;
    background-position: center;
    height: 55vh; /* Full height for slides */
/*    padding: 0 80px !important;*/
}

.newhomebanner .swiper-button-next, .newhomebanner .swiper-button-prev{color: #fff !important;}
/* Banner Content */
.newhomebanner .banner-content {
    text-align: left; /* Align text to the left */
    color: #fff;
    background: transparent !important; /* Transparent background */
    padding: 20px;
    border-radius: 10px;
    width: 90%; /* Adjust content width */
	height: 90%;
/*     padding-left: 6%; */

}

.newhomebanner .banner-content h1 {
    font-size: 48px;
    margin-bottom: 20px;
    margin-top: 30%;
    color: #fff; /* White text */
}

.newhomebanner .banner-content p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff; /* White text */
}

.newhomebanner .banner-content a {
    font-size: 16px;
    border: 1px solid #fff; /* White border */
    padding: 15px 24px;
    color: #fff; /* White text */
    margin-top: 10px;
    border-radius: 4px;
    display: block;
	width: max-content;
}

/* Swiper Pagination Dots */
.newhomebanner .swiper-pagination-bullet {
    background: white;
    opacity: 0.7;
}

.newhomebanner .swiper-pagination-bullet-active {
    background: #ff5733;
    opacity: 1;
}

.newhomebanner .swiper-pagination {
    top: 94% !important;
}

/* Hover Effects */
.newhomebanner .banner-content button {
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.newhomebanner .banner-content button:hover {
    background-color: white;
    color: black;
}


#return-to-top {
  position: fixed;
  bottom: 26px;
  right: 12px;
  background: transparent;
  width: 50px;
  height: 50px;
  display: none;
  text-decoration: none;
  border-radius: 50%;
  display: none;
  transition: all 0.3s ease;
  z-index: 999999;
  box-shadow: none;
  border: 1px solid #477f97;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#return-to-top i {
  color: #477f97;
  right: -27%;
  top: 12%;
  font-size: 1.5rem;
}
#return-to-top.shown {
  display: flex;
}

/**** Loader ***/
.loader-main {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999999;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
/*   width: 65px; */
  aspect-ratio: 1;
  position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
.loader img{width:50% !important;}
/* .loader:before,
.loader:after {
  content: "";
  position: absolute;
  border-radius: 50px;
  box-shadow: 0 0 0 3px inset #2A6B87;
  animation: l4 2.5s infinite;
}

.loader:after {
  animation-delay: -1.25s;
} */

/* @keyframes l4 {
  0% {
    inset: 0 35px 35px 0;
  }
  12.5% {
    inset: 0 35px 0 0;
  }
  25% {
    inset: 35px 35px 0 0;
  }
  37.5% {
    inset: 35px 0 0 0;
  }
  50% {
    inset: 35px 0 0 35px;
  }
  62.5% {
    inset: 0 0 0 35px;
  }
  75% {
    inset: 0 0 35px 35px;
  }
  87.5% {
    inset: 0 0 35px 0;
  }
  100% {
    inset: 0 35px 35px 0;
  }
}
 */



/**** Loader ***/
.common-divider {
  border-style: solid;
  border-width: 1px;
  -o-border-image: linear-gradient(to left, rgb(255, 255, 255) 1%, rgb(42, 107, 135) 50%, rgb(255, 255, 255) 100%) 100% 0 100% 0/3px 0 3px 0 stretch;
  border-image: linear-gradient(to left, rgb(255, 255, 255) 1%, rgb(42, 107, 135) 50%, rgb(255, 255, 255) 100%) 100% 0 100% 0/3px 0 3px 0 stretch;
  height: 0px;
  line-height: 0px;
  background-color: #fff;
  color: white;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  margin: 30px 0;
}

a {
  color: #404042;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.common-section {
  max-width: 1300px;
  margin: 0 auto;
}
.common-section .common-text{padding: 20px 0px; line-height: 29px;}
.common-section .common-text p{}
.common-section .common-text .accordion{position: relative; background-color: #446a7a; color: #fff; text-align: left; padding-left: 30px; margin-bottom: 20px; cursor: pointer; border-radius: 10px; border: 0;}
.common-section .common-text .accordion:after{content: "\f067"; font-family: fontawesome; position: absolute; right: 20px; top: 20px; }
.common-section .common-text .accordion.active:after{content: "\f068"; font-family:fontawesome; }
.common-section .common-text .accordion h3{font-family: "BukraGM";}
.common-section .common-text .accordion ol{}
.common-section .common-text .accordion ol li{}

.humanright .accordion{position: relative; background-color: #37718e; color: #fff; text-align: left; padding-left: 30px; margin-bottom: 20px; cursor: pointer; border-radius: 10px; border: 0;}
.humanright .accordion:after{content: "\f067"; font-family: fontawesome; position: absolute; right: 20px; top: 20px; }
.humanright .accordion.active:after{content: "\f068"; font-family:fontawesome; }
.humanright .accordion h3{font-family: "BukraGM"; color: #fff;}
.humanright .accordion ol{}
.humanright .accordion ol li{}
.humanright .panel{}
.humanright .panel p{}
.humanright .panel p b{color: #37718e;}

@media (max-width: 1300px) {
  .common-section {
    padding: 0 1rem;
  }
}

.bottom-content {
  position: relative; /*Parent MUST be relative*/
  z-index: 9;
  background: #2A6B87;
  width: 100%;
  min-height: 400px;
  padding: 4rem 0 4rem 0;
  background: url(../../../../wp-content/uploads/2024/12/footer-bg.jpg);
/*  background-size: 100% 100%;*/

}
.bottom-content:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 50%;
  left: 0;
  background: #fff;
}
.bottom-content .ft-mn-content {
  background-color: #fff;
  position: relative;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  border-radius: 1rem;
  padding: 2rem 1rem 5rem 1rem;
}
.bottom-content .ft-mn-content .social-feeds {
  display: flex;
}

/* banner css  */



/* banner css ended  */


@media (max-width: 650px) {
  .bottom-content .ft-mn-content .social-feeds {
    flex-direction: column;
  }
}
.bottom-content .ft-mn-content .social-feeds .footer-twitter-feed,
.bottom-content .ft-mn-content .social-feeds .footer-instagram-feed {
  width: 50%;
  margin: 0 10px;
  border: 1px solid #efe6e6;
  border-radius: 0.5rem;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
@media (max-width: 650px) {
  .bottom-content .ft-mn-content .social-feeds .footer-twitter-feed,
  .bottom-content .ft-mn-content .social-feeds .footer-instagram-feed {
    width: 100%;
    margin: 10px 10px;
  }
}
.bottom-content .ft-mn-content .social-feeds a[rel=noreferrer] {
  border: 1px solid red;
}
.bottom-content .ft-mn-content .social-feeds .gyfGWt {
  display: none;
  visibility: hidden;
}
.bottom-content .ft-mn-content h5 {
  padding: 0;
  margin: 0;
  font-family: "BukraGM";
}
.bottom-content .ft-mn-content .ft-mn-img {
  max-height: 500px;
}
.bottom-content .ft-mn-content .ft-mn-img img {
  width: 100%;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}
.bottom-content .ft-mn-content .ft-mn-ct-txt {
  text-align: center;
}
.bottom-content .ft-mn-content .ft-mn-ct-txt h1 {
  color: #000;
  font-family: "BukraGM-Semi-Bold";
  font-size: 2rem;
}
.bottom-content .ft-mn-content .ft-mn-ct-txt p {
  font-family: "BukraGM";
  color: #7f7f7f;
  font-size: 0.85rem;
  padding: 0;
  margin: 0;
}
.bottom-content .ft-mn-content .ft-bt-icon {
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: center;
  bottom: -62px;
}
.bottom-content.aboutus-bottom-content:before {
  background: #F3FBFF;
}

.makespace {
  height: 80px;
  width: 100%;
}

header {
  width: 100%;
}
header .top-hd {
/*  background-color: rgb(205, 218, 224);*/
  background-color: transparent;
  height: 115px;
  width: 100%;
  transition: height 0.5s;
}
header .top-hd .top-hd-pane {
  height: 100%;
 
}
header .top-hd .top-hd-pane .top-hd-content {
  height: 100%;
  display: flex;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single {
/*   width: 50%;*/
   width: 90% !important;
  display: flex;
  align-items: center;
  justify-content: left;


}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont {
  max-width: 400px;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
}
@media (max-width: 460px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont {
    max-width: 500px;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont .logo-c {
  height: -moz-fit-content;
  height: fit-content;
  
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont img {
  width: 100%;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single ul {
  margin: 0;
  list-style: none;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single ul.lang-switch {
  padding: 0 1rem;
}
@media (max-width: 670px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single ul.lang-switch {
    display: none;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single ul li a {
  font-family: "BukraGM-Semi-Bold";
  font-size: 0.75rem;
  color: #fff;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu {
  display: none;
  padding: 0 1rem;
  /*#menu-toggle:checked + .menu-button-container .menu-button::before {
      margin-top: 0px;
      transform: rotate(405deg);
  }

  #menu-toggle:checked + .menu-button-container .menu-button {
      background: rgba(255, 255, 255, 0);
      //background: $brand-text-color-1;
  }

  #menu-toggle:checked + .menu-button-container .menu-button::after {
      margin-top: 0px;
      transform: rotate(-405deg);
  }*/
}
@media (max-width: 1050px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu {
    display: block;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button-container {
  display: block;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button,
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::before,
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::after {
  display: block;
  background-color: #404042;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::before {
  content: "";
  margin-top: -8px;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::after {
  content: "";
  margin-top: 8px;
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button-container.menu-button-selected .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button-container.menu-button-selected .menu-button {
  background: rgba(255, 255, 255, 0);
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button-container.menu-button-selected .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu {
  position: absolute;
  top: 0;
  margin-top: 80px;
  left: 0;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.65);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
@media (max-width: 800px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button-container {
    display: flex;
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle:checked ~ .menu {
    visibility: visible;
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu #menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 2.5em;
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu > li {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: white;
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu > li a {
    color: #fff;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    font-family: "BukraGM-Light";
    font-size: 0.9rem;
  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu > li:not(:last-child) {
    border-bottom: 1px solid #f8f5f5;
  }
}
@media (max-width: 460px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single.top-hd-content-left {
    width: 70%;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single.top-hd-content-right {
  justify-content: right;
/*  width: 50%;*/
  width: 10% !important;

}
@media (max-width: 460px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single.top-hd-content-right {
    width: 30%;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content {
  padding: 0.5rem;
/*  direction: rtl;*/
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content a{
      color: #fff;
}
@media (max-width: 500px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content {
    padding: 0 0.5rem;
  }
}
@media (max-width: 460px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content {
/*    display: none;*/
/*  position: relative;
  left: -90px;*/

  }
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content a{
    position: relative;
    left: -90px;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content input[type=text] {
  height: 20px;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 0.95rem;
  width: 150px;
}
@media (max-width: 500px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content input[type=text] {
    width: 120px;
  }
}
@media (max-width: 3000px) {
  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content input[type=text] {
    width: 90px;
  }
}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .top-searc-content button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
header .main-hd .main-hd-pane {
  height: 100%;

}
header .main-hd .main-hd-pane .main-hd-content {
  height: 100%;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single {
  padding: 0.5rem 0;
  /*&.main-hd-content-left{
      width:25%;
      @media (max-width: 1250px) {
          width:20%;
      }

      @media (max-width: 960px) {
          width:50%;

      }
      @media (max-width: 700px) {
          width:60%;                            
      }
      @media (max-width: 500px) {
          width:65%;                            
      }
  }
  &.main-hd-content-right{
      justify-content: right;
      width:75%;
      @media (max-width: 1250px) {
          width:80%;
      }

      @media (max-width: 960px) {
          display: none;
      }
  }*/
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single #menu-toggle {
  display: none;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single .log-container {
  width: 100%;
  padding: 3rem 0;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single .log-container img {
  width: 100%;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li {
  position: relative;
  /*&::after{
      content: "";
      position: absolute;
      height: 3px;
      width: 0;
      background-color: $brand-color-blue;
      transition: 0.5s;
      right: 0;
      bottom: -10px; 
      color: $brand-color-blue;
  }*/
}
@media (max-width: 1200px) {
  header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li {
    margin: 0 0.6rem;
  }
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li a {
  font-family: BukraGM-Medium;
    color: rgb(127, 127, 127);
    font-size: 0.85rem;
    padding: 10px 20px;
    text-transform: capitalize;
}
@media (max-width: 1170px) {
  header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li a {
    font-size: 0.75rem;
  }
}
.home header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li a p{color: #fff;}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li a p {
  padding: 0;
  margin: 0;
  color: #fff;
}
header.fixed.minimized .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li a p{
  color: rgb(127, 127, 127);

}

header.fixed.minimized .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li ul li a p{
  color: #fff;

}


@media (max-width: 1050px) {
  header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li a p.bsv {
    display: none;
  }
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li:hover a, header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li.selected a {
  color: #2A6B87;
}
header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li:hover::after, header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single ul li.selected::after {
  width: 100%;
}
/*.home header.fixed{
  position: fixed;
}*/


header.fixed {
/*  position: fixed;*/
/*  top: 0;*/
  z-index: 9999;
  top: 64px;
  background-color: #486676;

}
/*header.fixed.minimized{
  top: 0;
  position: fixed;
}*/



header.fixed .top-hd {
/*background-color: rgb(205, 218, 224);*/
background-color: transparent;
}
header.fixed .main-hd {
/* background-color: rgb(246, 246, 246);*/
background-color: transparent;
}
header.minimized .top-hd {
  height: 65px;
  background-color: #446a7a;
}
header.fixed.minimized .main-hd{
  background-color: rgb(246, 246, 246);
}

header.minimized .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont img {
  width: 65%;

}

#menubrop {
  display: none;
}

.NavMenu {
  position: relative;
    display: flex;
/*    justify-content: space-between;*/
    justify-content: center;
    flex: 10 1 0%;
    list-style: none;

}
.NavMenu li.ssv {
  display: none;
}
@media (max-width: 1050px) {
  .NavMenu li.ssv {
    display: block;
  }
}
.NavMenu li input {
  display: none;
}
.NavMenu li a {
  display: block;
  font-size: 17px;
  text-decoration: none;
  color: #fff;
  position: relative;
  padding: 0.5rem 0;
}
.NavMenu li label {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  position: absolute;
  z-index: -999;
  opacity: 0;
}
@media (max-width: 1050px) {
  .NavMenu li label {
    position: relative;
    z-index: 1;
    opacity: 1;
  }
}
.NavMenu li label::after {
  content: "\f107";
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 0.8rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.NavMenu li > a label::after {
  right: -18px;
  top: 1px;
}
.NavMenu li ul {
  position: absolute;
  border-radius: 0.5rem;
  padding: 1rem 0;
  flex-direction: column;
  background: #fff;
  background: rgba(0, 0, 0, 0.8);
  min-width: 230px;
  width: auto;
  top: 100%;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}
.NavMenu li ul li {
  position: relative;
  padding-left: 0.5rem;
}
.NavMenu li ul li a {
  color: #2A6B87;
  color: #fff !important;
  font-size: 0.78rem !important;
  font-weight: normal;
  font-family: "BukraGM-Light" !important;
  padding: 8px 10px !important;
  display: block;
  border-left: 2px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.NavMenu li ul li a:hover {
  border-left: 2px solid #fff;
  color: #81a7b8 !important;
}
.NavMenu li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}
.NavMenu li:hover > ul,
.NavMenu li ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

@media (max-width: 1050px) {
  .NavMenu {
    width: 400px;
    max-width: 100%;
    flex: 12;
    position: fixed;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.95);
    left: 0;
    top: 115px;
    height: 100vh;
    z-index: -1;
    padding: 15px 0 50px 0;
    justify-content: start;
    overflow-y: scroll;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }
  .NavMenu li ul,
  .NavMenu li ul li ul {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }
  .NavMenu li a {
    padding: 8px 15px;
    border-bottom: 1px solid #fff;
    color: #2A6B87 !important;
  }
  .NavMenu li ul li ul {
    background: #2874f0;
    position: inherit;
    margin-top: -10px;
  }
  .NavMenu li ul li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: initial;
    padding: 7px 15px 7px 30px;
  }
  .NavMenu li a label::after {
    right: 10px;
  }
  .NavMenu li input:checked + ul,
  .NavMenu li ul li input:checked + ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }
  input#menu-toggle:checked + .NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    z-index: 9999;
  }
}
@media (max-width: 400px) {
  .NavMenu {
    width: 100%;
  }
}
.main-top-content {
  background-color: #fff;
  padding-top: 150px;
}
.main-top-content .mtc-pane {
  padding-top: 2rem;
}
.main-top-content .mtc-pane .mtc-header {
  display: flex;
}
@media (max-width: 800px) {
  .main-top-content .mtc-pane .mtc-header {
    flex-direction: column;
  }
}
.main-top-content .mtc-pane .mtc-header .mtc-h {
  width: 50%;
}
@media (max-width: 800px) {
  .main-top-content .mtc-pane .mtc-header .mtc-h {
    width: 100%;
    padding: 1rem 0;
  }
}
.main-top-content .mtc-pane .mtc-header .mtc-h h1 {
  font-size: 2.5rem;
  padding: 0;
  margin: 0;
  font-family: "BukraGM-Bold";
}
@media (max-width: 1100px) {
  .main-top-content .mtc-pane .mtc-header .mtc-h h1 {
    font-size: 3rem;
  }
}
@media (max-width: 550px) {
  .main-top-content .mtc-pane .mtc-header .mtc-h h1 {
    font-size: 2rem;
  }
}
.main-top-content .mtc-pane .mtc-header .mtc-h h1 span {
  color: #2A6B87;
  line-height: 3.5rem;
}
.main-top-content .mtc-pane .mtc-header .mtc-h p {
  font-size: 1rem;
  line-height: 2.5rem;
  padding: 0 0 1rem 0;
  margin: 0;
}
@media (max-width: 550px) {
  .main-top-content .mtc-pane .mtc-header .mtc-h p {
    font-size: 1rem;
  }
}
.main-top-content .mtc-pane .mtc-header .mtc-h a {
  padding: 0.3rem 0;
  color: #2A6B87;
  font-weight: 700;
  border-bottom: 2px solid #2A6B87;
}
.main-top-content .mtc-pane .mtc-video {
  padding: 3rem 0;
}
.main-top-content .mtc-pane .mtc-video .mtc-v {
  position: relative;
}
.main-top-content .mtc-pane .mtc-video .mtc-v video {
  border-radius: 1rem;
}
.main-top-content .mtc-pane .mtc-video .mtc-v img {
  width: 100%;
  border-radius: 1rem;
}
.main-top-content .mtc-pane .mtc-video .mtc-v a {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  right: 3%;
  bottom: 3%;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(90deg, #cdd2d7 0%, #bbc3c9 50%);
}
@media (max-width: 800px) {
  .main-top-content .mtc-pane .mtc-video .mtc-v a {
    width: 30px;
    height: 30px;
    bottom: 5%;
  }
}
.main-top-content .mtc-pane .counter-pane {
  padding-bottom: 3rem;
}
.main-top-content .mtc-pane .counter-pane .counter-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(11, 1fr);
}
@media (max-width: 450px) {
  .main-top-content .mtc-pane .counter-pane .counter-main {
    grid-column-gap: 1rem;
  }
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot {
  grid-column: span 1;
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot span {
  font-size: 6rem;
  color: #2A6B87;
  margin-top: -60%;
}
@media (max-width: 950px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot span {
    margin-top: -100%;
  }
}
@media (max-width: 750px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot span {
    margin-top: -150%;
  }
}
@media (max-width: 450px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child.dot span {
    margin-top: -200%;
  }
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child h4 {
  color: #2A6B87;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  font-family: "BukraGM-Semi-Bold";
}
@media (max-width: 750px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 450px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child h4 {
    font-size: 1rem;
  }
}
.main-top-content .mtc-pane .counter-pane .counter-main .counter-child p {
  padding: 0.5rem 0;
  margin: 0;
  font-size: 0.95rem;
}
@media (max-width: 750px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child p {
    font-size: 1rem;
  }
}
@media (max-width: 450px) {
  .main-top-content .mtc-pane .counter-pane .counter-main .counter-child p {
    font-size: 0.8rem;
  }
}

.cooperation {
  background-color: #f7f7f7;
}
.cooperation .coop-inner {
  padding: 2rem 0;
}
@media (max-width: 1300px) {
  .cooperation .coop-inner {
    padding: 2rem 1rem;
  }
}
.cooperation .coop-inner .coop-main {
  display: flex;
}
@media (max-width: 910px) {
  .cooperation .coop-inner .coop-main {
    flex-direction: column;
  }
}
.cooperation .coop-inner .coop-main .coop-sub {
  width: 50%;
  min-height: 300px;
  padding: 0;
}
@media (max-width: 910px) {
  .cooperation .coop-inner .coop-main .coop-sub {
    width: 100%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .dots-design {
  max-width: 15%;
}
.cooperation .coop-inner .coop-main .coop-sub .dots-design .dots-main {
  display: inline-block;
  width: 100%;
  padding-top: 1rem;
}
.cooperation .coop-inner .coop-main .coop-sub .dots-design .dots-main .dots-child {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 25%;
}
.cooperation .coop-inner .coop-main .coop-sub .dots-design .dots-main .dots-child p {
  padding: 0;
  margin: 0;
  font-size: 4rem;
  margin-top: -4rem;
  color: #2A6B87;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main {
  display: grid;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: repeat(6, 1fr);
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}
@media (max-width: 910px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child img {
    width: 97%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.main {
  grid-column: span 6;
  max-height: 250px;
  height: 250px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.main {
    height: 210px;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.sub {
  grid-column: span 4;
  max-height: 180px;
  height: 180px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.sub {
    grid-column: span 6;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.sub img {
  width: 100%;
  height: 100%;
  max-height: 180px;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.sub img {
    width: 96%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.super-sub {
  grid-column: span 2;
  max-height: 180px;
  height: 180px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child.super-sub {
    grid-column: span 6;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content {
  background-color: #2A6B87;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
}
@media (max-width: 910px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content {
    width: 90%;
  }
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content {
    width: 96%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .sm-icon {
  height: 15%;
  padding: 0.5rem;
  direction: rtl;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .sm-icon .smi-pane {
  width: 20%;
  padding: 2%;
}
@media (max-width: 470px) {
  .cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .sm-icon .smi-pane {
    width: 12%;
  }
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .sm-icon .smi-pane img {
  width: 100%;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .ssc-text {
  padding: 1rem;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .ssc-text p {
  color: #fff;
  padding: 0;
  margin: 0;
}
.cooperation .coop-inner .coop-main .coop-sub .cs-img-main .cs-img-child .ss-content .ssc-text p span {
  font-size: 2rem;
  font-family: "BukraGM-Semi-Bold";
  direction: rtl;
}

.sub-heading h2 {
  padding: 0;
  font-size: 1.8rem;
  font-family: "BukraGM-Medium";
  margin: 1rem 0;
  color: #2A6B87;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.sub-link-buttons ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 435px) {
  .sub-link-buttons ul {
    flex-direction: column;
  }
}
.sub-link-buttons ul li {
  border: 1px solid #2A6B87;
  margin: 1rem 0;
  border-radius: 2rem;
  padding: 1rem;
}
.sub-link-buttons ul li:hover {
  background-color: #2A6B87;
}
.sub-link-buttons ul li:hover a {
  color: #fff;
}
.sub-link-buttons ul li a {
  color: #2A6B87;
  font-weight: bold;
}
@media (max-width: 1150px) {
  .sub-link-buttons ul li a {
    font-size: 0.9rem;
  }
}
@media (max-width: 1070px) {
  .sub-link-buttons ul li a {
    font-size: 0.7rem;
  }
}
.sub-link-buttons ul li a:hover {
  background-color: #2A6B87;
  color: #fff;
}

.common-description {
  padding: 1rem 0;
  line-height: 2rem;
}
.common-description p {
  color: #7f7f7f;
}

.common-link {
  padding: 0.3rem 0;
  color: #2a6b87;
  font-weight: 700;
  border-bottom: 2px solid #2a6b87;
}

.scroll-area {
  padding-bottom: 3rem;
  background-color: #A5CCE2;
}
.scroll-area .sa-content {
  padding: 2rem 0;
}
.scroll-area .sa-content .sa-hd-bottom {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-desc {
  grid-column: span 4;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-desc p {
  margin: 0;
  line-height: 2rem;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-desc h2 {
  padding: 0;
  font-size: 1.8rem;
  font-family: "BukraGM-Medium";
  margin: 1rem 0;
  color: #2A6B87;
}
@media (max-width: 850px) {
  .scroll-area .sa-content .sa-hd-bottom .sa-hd-desc {
    grid-column: span 6;
  }
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action {
  grid-column: span 2;
  display: flex;
  justify-content: flex-end;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation {
  display: flex;
  justify-content: left;
  padding: 0 3rem;
  padding: 0;
  align-items: center;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation div {
  padding: 0 2rem;
  position: relative;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation div i {
  font-size: 2rem;
  font-weight: 700;
  color: #2A6B87;
  position: absolute;
  display: none;
  transition: all ease-in 0.5s;
  z-index: 1;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation div:hover i {
  display: block;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation div img {
  z-index: 11;
  position: relative;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation .sa-swiper-button-next i {
  right: 21px;
  top: -7px;
}
.scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation .sa-swiper-button-prev i {
  left: 21px;
  top: -7px;
}
@media (max-width: 850px) {
  .scroll-area .sa-content .sa-hd-bottom .sa-hd-action {
    grid-column: span 6;
  }
  .scroll-area .sa-content .sa-hd-bottom .sa-hd-action .swiper-custom-navigation {
    justify-content: center;
    padding: 3rem 3rem 0 3rem;
  }
}
.scroll-area .slider-content .sa-swiper {
  padding: 0;
}
.scroll-area .slider-content .sa-swiper .swiper-slide {
  border-radius: 1rem;
  background-color: #fff;
  height: auto;
  padding-bottom: 80px;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner {
  padding: 1rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back {
  min-height: 250px;
  border-radius: 1rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .vec-sec img {
  width: 100%;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
  -o-object-position: center;
     object-position: center;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions {
  min-height: 20px;
  display: flex;
  padding-top: 1rem;
  padding: 1rem 1rem 0 1rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch {
  width: 50%;
  display: flex;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-left {
  justify-content: left;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-left a {
  display: flex;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #81a7b8 0%, #477f97 50%);
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-left a i {
  color: #fff;
  font-size: 0.9rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-right {
  justify-content: right;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back .sc-actions .sc-act-ch.scac-right a {
  border: 1px solid #fff;
  background: linear-gradient(90deg, #81a7b8 0%, #477f97 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0.5rem 0.5rem;
  border-radius: 2rem;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner h2 {
  font-family: "BukraGM-Medium";
  font-size: 1.1rem;
  color: #2A6B87;
  line-height: 1.8rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-desc {
  min-height: 160px;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner p {
  line-height: 1.65rem;
  color: #7f7f7f;
  font-size: 0.85rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links {
  padding: 1rem 0;
  display: flex;
  justify-content: left;
  position: absolute;
  bottom: 10px;
}
.scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links a {
  color: #000;
  background-color: #cdd2d7;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.scroll-area .slider-content .sa-swiper .swiper-slide:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}

footer {
  font-family: "BukraGM-Semi-Bold";
}
footer section {
  background-color: #2A6B87;
}
footer section .ft-top {
  padding: 3rem 0 0 0;
  position: relative;
  /*ul{
      display: flex;
      justify-content: center;
      @media (max-width: 650px) {
          flex-wrap: wrap;
      }

      li{
          padding:0 4rem;
          @media (max-width: 900px) {
              padding:0 3rem;
          }
          @media (max-width: 750px) {
              padding:0 2rem;
          }
          @media (max-width: 650px) {
              padding:0 1rem;
          }
          @media (max-width: 500px) {
             width:100%;
             padding:.5rem 0;
          }
          a{
              color:#fff;
              font-size: .85rem;
              font-family: "BukraGM";
              &:hover{
                  color:#000;
              }
          }
      }
  }*/
  /*** Social Menu ***/
  /*** Social Menu ***/
}
@media (max-width: 500px) {
  footer section .ft-top {
    padding: 3rem 4rem;
  }
}
@media (max-width: 430px) {
  footer section .ft-top {
    padding: 3rem 2rem;
  }
}
@media (max-width: 365px) {
  footer section .ft-top {
    padding: 3rem 1rem;
  }
}
footer section .ft-top .social-menu ul {
  justify-content: center;
  padding: 0;
  margin: 0;
  display: flex;
}
footer section .ft-top .social-menu ul li {
  list-style: none;
  margin: 0 15px;
}
footer section .ft-top .social-menu ul li .fa-brands {
  font-size: 25px;
  line-height: 50px;
  transition: 0.3s;
  color: #000;
}
@media (max-width: 350px) {
  footer section .ft-top .social-menu ul li .fa-brands {
    line-height: 35px;
    font-size: 17px;
  }
}
footer section .ft-top .social-menu ul li .fa-brands:hover {
  color: #fff;
}
footer section .ft-top .social-menu ul li a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  transition: 0.6s;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 350px) {
  footer section .ft-top .social-menu ul li a {
    width: 35px;
    height: 35px;
  }
}
footer section .ft-top .social-menu ul li a:hover {
  transform: translate(0, -10%);
}
footer section .ft-top .social-menu ul li.twitterx a i {
  color: rgba(0, 0, 0, 0.829);
}
footer section .ft-top .social-menu ul li.twitterx a:hover {
  background-color: rgba(0, 0, 0, 0.829);
}
footer section .ft-top .social-menu ul li.instagram a i {
  color: #E4405F;
}
footer section .ft-top .social-menu ul li.instagram a:hover {
  background-color: #E4405F;
}
footer section .ft-top .social-menu ul li.linkedin a i {
  color: #0077b5;
}
footer section .ft-top .social-menu ul li.linkedin a:hover {
  background-color: #0077b5;
}
footer section .ft-top .social-menu ul li.facebook a i {
  color: #3b5999;
}
footer section .ft-top .social-menu ul li.facebook a:hover {
  background-color: #3b5999;
}
footer section .ft-middle {
 margin: 0 auto; padding: 0rem 0; padding-bottom: 3rem;

}
@media (max-width: 950px) {
  footer section .ft-middle {
    padding: 7rem 4rem;
  }
}
@media (max-width: 500px) {
  footer section .ft-middle {
    padding: 4rem 4rem 7rem 4rem;
  }
}
@media (max-width: 430px) {
  footer section .ft-middle {
    padding: 4rem 2rem 7rem 2rem;
  }
}
@media (max-width: 365px) {
  footer section .ft-middle {
    padding: 4rem 1rem 7rem 1rem;
  }
}
footer section .ft-middle .ft-m-content {
  display: grid;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: repeat(8, 1fr) !important;
}
footer a:hover{color:#fff !important;}
.ft-header p {
    color: #fff;
    text-decoration: none;
    line-height: 26px;
    font-family: "BukraGM";
    font-size: 14px;
}
footer .logo{padding-top:30px;}
footer .logo img{width: -webkit-fill-available !important;}
footer section .ft-middle .ft-m-content .ft-m-ch {
  grid-column: span 2;
}
footer .social-icons a i:hover{transform:scale(1.1);}
footer .social-icons a i{transition:0.5s !important;}
.followus {
    margin-top: 30px !important;
    margin-bottom: 5px !important;
}

@media (max-width: 950px) {
  footer section .ft-middle .ft-m-content .ft-m-ch {
    display: flex;
    padding-bottom: 2rem;
    grid-column: span 4;
  }
}
@media (max-width: 700px) {
  footer section .ft-middle .ft-m-content .ft-m-ch {
    display: flex;
    padding-bottom: 2rem;
    grid-column: span 8;
  }
}
footer section .ft-middle .ft-m-content .ft-m-ch ul li {
  padding: 0.5rem 0;
}
footer section .ft-middle .ft-m-content .ft-m-ch ul li a {
  color: #fff;
  padding-bottom: 1rem;
  font-size: 0.85rem;
  font-family: "BukraGM";
  /*text-transform: capitalize;*/
}
footer section .ft-middle .ft-m-content .ft-m-ch ul li a:hover {
  color: #000;
}
footer section .ft-bottom {
  font-family: "BukraGM-Light";
  border-top: 1px solid #fff;
  font-size: 0.8rem;
}
footer section .ft-bottom .ft-b-main {
  display: flex;
}
@media (max-width: 745px) {
  footer section .ft-bottom .ft-b-main {
    flex-direction: column;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch {
  width: 50%;
}
@media (max-width: 745px) {
  footer section .ft-bottom .ft-b-main .ft-b-ch {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch p {
  color: #fff;
  padding: 1rem;
  margin: 0;
}
@media (max-width: 745px) {
  footer section .ft-bottom .ft-b-main .ft-b-ch p {
    text-align: center;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch ul {
  display: flex;
  padding: 1rem;
}
@media (max-width: 745px) {
  footer section .ft-bottom .ft-b-main .ft-b-ch ul {
    padding: 0.5rem;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch ul li a {
  color: #fff;
  padding: 0 0.5rem;
  border-right: 1px solid #fff;
}
@media (max-width: 785px) {
  footer section .ft-bottom .ft-b-main .ft-b-ch ul li a {
    padding: 0 0.3rem;
  }
}
footer section .ft-bottom .ft-b-main .ft-b-ch ul li:last-child a {
  border-right: none;
}
footer section .ft-bottom .ft-b-main .ft-b-ch.right ul {
  justify-content: right;
}

.home-message-area {
  background-color: #2A6B87;
  padding: 3rem 0;
}
.home-message-area .vision-sec {
  display: flex;
  max-width: 1000px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  padding-bottom: 5rem;
}
.home-message-area .vision-sec .vs-img {
  width: 20%;
}
.home-message-area .vision-sec .vs-img img {
  width: 100%;
}
.home-message-area .vision-sec .vs-head h1 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 2.5rem;
}
.home-message-area .vision-sec .vs-desc {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.home-message-area .vision-sec .vs-desc p {
  color: #fff;
  text-align: center;
  line-height: 2rem;
}
.home-message-area .msg-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(6, 1fr);
  padding-top: 1rem;
  align-items: center;
}
@media (max-width: 725px) {
  .home-message-area .msg-main {
    grid-template-columns: repeat(7, 1fr);
  }
}
.home-message-area .msg-main .msg-sub {
  min-height: 300px;
}
.home-message-area .msg-main .msg-sub.msg-desc {
  grid-column: span 4;
}
@media (max-width: 725px) {
  .home-message-area .msg-main .msg-sub.msg-desc {
    grid-column: span 4;
  }
}
@media (max-width: 550px) {
  .home-message-area .msg-main .msg-sub.msg-desc {
    grid-column: span 7;
    display: flex;
    flex-direction: column;
  }
}
.home-message-area .msg-main .msg-sub.msg-desc button {
  background: transparent;
  border: none;
  padding: 0;
  color: #cdd2d7;
  cursor: pointer;
}
.home-message-area .msg-main .msg-sub.msg-desc button i {
  font-size: 1.3rem;
  padding: 0;
}
.home-message-area .msg-main .msg-sub.msg-desc .mc-more {
  display: none;
}
.home-message-area .msg-main .msg-sub.msg-desc h2 {
  margin: 0;
  margin-bottom: 2rem;
  color: #fff;
  font-size: 1.6rem;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 2rem;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-family: "BukraGM-Semi-Bold";
}
@media (max-width: 510px) {
  .home-message-area .msg-main .msg-sub.msg-desc h2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 440px) {
  .home-message-area .msg-main .msg-sub.msg-desc h2 {
    text-align: center;
    width: 100%;
  }
}
.home-message-area .msg-main .msg-sub.msg-desc p {
  color: #fff;
  line-height: 2rem;
  text-align: justify;
}
.home-message-area .msg-main .msg-sub.msg-img {
  grid-column: span 2;
  display: flex;
  align-items: start;
  justify-content: flex-start;
}
@media (max-width: 725px) {
  .home-message-area .msg-main .msg-sub.msg-img {
    grid-column: span 3;
  }
}
@media (max-width: 550px) {
  .home-message-area .msg-main .msg-sub.msg-img {
    grid-column: span 7;
    justify-content: center;
  }
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img {
  max-width: 90%;
}
@media (max-width: 1000px) {
  .home-message-area .msg-main .msg-sub.msg-img .ceo-img {
    max-width: 100%;
  }
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img img {
  width: 100%;
  border-radius: 1rem;
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img .ceo-details {
  text-align: center;
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img .ceo-details p {
  font-size: 1rem;
  padding: 0.3rem 0;
  margin: 0;
  color: #fff;
}
.home-message-area .msg-main .msg-sub.msg-img .ceo-img .ceo-details p span {
  font-size: 0.8rem;
}

.readmore {
  color: #fff;
  padding: 0.5rem 0;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #fff;
  font-weight: 600;
}
.readmore:hover {
  color: #fff;
}

.hm-activities {
  padding: 3rem 0;
}
.hm-activities .hma-main {
  display: flex;
  flex-direction: row;
}
@media (max-width: 850px) {
  .hm-activities .hma-main {
    flex-direction: column;
  }
}
.hm-activities .hma-main .hma-sub {
  width: 50%;
}
@media (max-width: 850px) {
  .hm-activities .hma-main .hma-sub {
    width: 100%;
  }
}
.hm-activities .hma-main .hma-sub img {
  width: 100%;
  border-radius: 2rem;
}
.hm-activities .hma-main .hma-sub.hma-details {
  padding: 1rem 0rem 1rem 1rem;
}
@media (max-width: 850px) {
  .hm-activities .hma-main .hma-sub.hma-details {
    padding: 3rem 0;
  }
}
.hm-activities .hma-main .hma-sub .hma-heading h1 {
  color: #2A6B87;
  font-family: "BukraGM-Semi-Bold";
  font-size: 2rem;
  padding: 0;
  margin: 0;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li {
  background-color: #fff;
  margin: 1rem 0;
  border-radius: 1rem;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main {
  display: flex;
  justify-content: center;
  padding: 0 0.5rem;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-desc {
  width: 80%;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-desc h2 {
  color: #2A6B87;
  font-size: 1rem;
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-desc p {
  font-size: 0.85rem;
  line-height: 1.3rem;
}
@media (max-width: 480px) {
  .hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-desc {
    width: 100%;
  }
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo {
  width: 15%;
  display: flex;
  justify-content: center;
  padding: 1rem;
}
@media (max-width: 550px) {
  .hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo {
    width: 20%;
  }
}
@media (max-width: 480px) {
  .hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo {
    display: none;
  }
}
@media (max-width: 450px) {
  .hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo {
    padding: 2rem;
  }
}
.hm-activities .hma-main .hma-sub .act-lisitng ul li .act-list-main .act-list-logo img {
  border-radius: 0;
}

.home-news {
  background-color: #fff;
  padding: 3rem 0;
}
.home-news .sa-content .sa-heading .sub-heading h2 {
  color: #2A6B87;
}
.home-news .sa-content .sa-heading .sa-hd-bottom .sa-hd-desc p {
  color: #7f7f7f;
}
.home-news .sa-content .sa-heading .sa-hd-bottom .sa-hd-action {
  align-items: end;
}
.home-news .hm-ns-ls-content .hm-ns-ls {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(6, 1fr);
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch {
  grid-column: span 2;
}
@media (max-width: 700px) {
  .home-news .hm-ns-ls-content .hm-ns-ls .ns-ch {
    grid-column: span 3;
  }
}
@media (max-width: 500px) {
  .home-news .hm-ns-ls-content .hm-ns-ls .ns-ch {
    grid-column: span 6;
  }
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img {
  max-height: 250px;
  height: 250px;
  border-radius: 1rem;
  overflow: hidden;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch h2 {
  font-size: 1rem;
  line-height: 1.8rem;
  color: #2A6B87;
	text-align:justify;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch p {
  color: #7f7f7f;
  font-size: 0.9rem;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch.sa-ch {
  border: 1px solid #b0b0b0;
  padding: 1rem;
  position: relative;
  border-radius: 0.5rem;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch.sa-ch a {
  display: block;
  width: 100%;
  height: 100%;
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch.sa-ch:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.3);
}
.home-news .hm-ns-ls-content .hm-ns-ls .ns-ch.sa-ch:before {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 8rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "\f573";
  color: rgba(42, 107, 135, 0.2);
  z-index: -9;
}

/**** About Us ***/
#aboutus .aboutus-top {
  padding: 2rem 0;
  background-color: #fff;
}
#aboutus .aboutus-top ul.who-we-are {
  list-style: disc;
  margin: 0 0 0 1.5rem;
}
@media (max-width: 500px) {
  #aboutus .aboutus-top ul.who-we-are {
    margin: 0;
  }
}
#aboutus .aboutus-top ul.who-we-are li {
  color: #fff;
  list-style: none;
  position: relative;
  padding: 0 0 0 3rem;
  line-height: 2rem;
  display: flex;
  align-items: center;

}
#aboutus .aboutus-top ul.who-we-are li:before {
    /*font-family: FontAwesome; */
    position: absolute;
    left: -18px;
    content: '';
    width: 30px;
    height: 30px;
    background: url(../../../../wp-content/uploads/2025/01/logo-ring-1.svg) no-repeat center center;
    background-size: contain;
}
#aboutus .aboutus-top ul.who-we-are li p {
  text-align: justify;
}
#aboutus .aut-main {
  display: flex;
}
@media (max-width: 900px) {
  #aboutus .aut-main {
    flex-direction: column;
  }
}
#aboutus .aut-main .aut-sub {
  width: 50%;
}
@media (max-width: 900px) {
  #aboutus .aut-main .aut-sub {
    width: 100%;
  }
}
#aboutus .aut-main .aut-sub h2 {
  color: #2A6B87;
  font-family: "BukraGM-Medium";
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.6rem;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
@media (max-width: 500px) {
  #aboutus .aut-main .aut-sub h2 {
    font-size: 1rem;
  }
}
@media (max-width: 400px) {
  #aboutus .aut-main .aut-sub h2 {
    font-size: 0.8rem;
  }
}
#aboutus .aut-main .aut-sub p {
  color: #222;
  line-height: 2rem;
  font-size: 0.9rem;
}
@media (max-width: 400px) {
  #aboutus .aut-main .aut-sub p {
    font-size: 0.8rem;
  }
}
#aboutus .aut-main .aut-sub.auts-left {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#aboutus .aut-main .aut-sub.auts-right {
  display: flex;
  justify-content: end;
  align-items: center;
}
@media (max-width: 900px) {
  #aboutus .aut-main .aut-sub.auts-right {
    justify-content: center;
    padding: 2rem 0;
  }
}
#aboutus .aut-main .aut-sub .aut-img {
  width: 65%;
}
@media (max-width: 1200px) {
  #aboutus .aut-main .aut-sub .aut-img {
    width: 90%;
  }
}
@media (max-width: 900px) {
  #aboutus .aut-main .aut-sub .aut-img {
    width: 50%;
  }
}
@media (max-width: 500px) {
  #aboutus .aut-main .aut-sub .aut-img {
    width: 90%;
  }
}
#aboutus .aut-main .aut-sub .aut-img img {
  width: 100%;
}
#aboutus .abt-introduction {
  background-color: #F6F6F6;
}
#aboutus .abt-introduction .aut-main .aut-sub.auts-right {
  display: block;
  justify-content: center;
  align-items: center;
}
@media (max-width: 900px) {
  #aboutus .abt-introduction .aut-main .aut-sub.auts-left {
    padding: 3rem 0;
  }
}
#aboutus .abt-introduction .aut-main .aut-sub h3 {
  font-family: "BukraGM-Medium";
  font-size: 1.5rem;
}
#aboutus .abt-introduction .aut-main .aut-sub .aut-img {
  width: 90%;
}
#aboutus .abt-introduction .aut-main .aut-sub .aut-img img {
  width: 100%;
}
#aboutus .abt-introduction .aut-main .aut-sub .dots-design {
  max-width: 15%;
}
#aboutus .abt-introduction .aut-main .aut-sub .dots-design .dots-main {
  display: flex;
  width: 100%;
  padding-top: 1rem;
  flex-wrap: wrap;
}
#aboutus .abt-introduction .aut-main .aut-sub .dots-design .dots-main .dots-child {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 25%;
  height: 20px;
}
#aboutus .abt-introduction .aut-main .aut-sub .dots-design .dots-main .dots-child p {
  padding: 0;
  margin: 0;
  margin-top: 0px;
  font-size: 4rem;
  margin-top: -4rem;
  color: #2A6B87;
}
#aboutus .abt-introduction.core-functions {
  padding: 3rem 0;
}
#aboutus .abt-introduction.core-functions .aut-main .aut-sub {
  width: 100%;
}
#aboutus .abt-introduction.core-functions ul {
  list-style: disc;
  margin: 0 0 0 1.5rem;
}
@media (max-width: 500px) {
  #aboutus .abt-introduction.core-functions ul {
    margin: 0;
  }
}
#aboutus .abt-introduction.core-functions ul li {
  color: #fff;
  list-style: none;
  position: relative;
  padding: 0 0 0 3rem;
  line-height: 2rem;
}
#aboutus .abt-introduction.core-functions ul li:before {
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  color: #2A6B87;
  font-size: 1.5rem;
  content: "\f04e";
	transform:scale(0.8) !important;
	padding-right: 25px;
}
#aboutus .abt-introduction.core-functions ul li p {
  text-align: justify;
}
#aboutus .abt-strategy {
  background-color: #2A6B87;
  padding: 3rem 0;
  min-height: 300px;
}
#aboutus .abt-strategy .strategy-sub {
  position: relative;
  margin: 2rem 0;
  min-height: 2rem;
  color: #fff;
}
#aboutus .abt-strategy .strategy-sub h2 {
  margin: 0;
  color: #fff;
  font-size: 1.2rem;
  border: 1px solid #fff;
  border-radius: 3rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1rem;
  background: linear-gradient(90deg, #81a7b8 0%, #477f97 50%);
  line-height: 1.6rem;
}
#aboutus .abt-strategy .strategy-sub h4 {
  position: absolute;
  left: 0;
  margin: 0;
  font-size: 1.2rem;
  font-family: "BukraGM-Medium";
  background: linear-gradient(to right, #cdd2d7 0%, #81a7b8 80%, #477f97 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
#aboutus .abt-strategy .strategy-sub p {
  line-height: 2rem;
}
#aboutus .abt-strategy .strategy-sub p span {
  font-weight: 900;
  text-align: justify;
  text-decoration: underline;
}
#aboutus .abt-strategy .strategy-sub ul {
  margin: 0 0 0 1.5rem;
}
@media (max-width: 500px) {
  #aboutus .abt-strategy .strategy-sub ul {
    margin: 0;
  }
}
#aboutus .abt-strategy .strategy-sub ul li {
  color: #fff;
  list-style: none;
  position: relative;
  padding: 0 0 0 3rem;
  line-height: 2rem;
}
#aboutus .abt-strategy .strategy-sub ul li:before {
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 1.5rem;
  content: "\f04e";
}
#aboutus .abt-strategy .strategy-sub ul.value li:before {
  content: "\f4bd";
  top: -7px;
}
#aboutus .abt-strategy .strategy-sub ul.goals li:before {
  content: "\f140";
}
#aboutus .abt-vmv {
  padding: 4rem 0;
  background-color: #2A6B87;
}
#aboutus .abt-vmv .aut-main .aut-sub {
  padding: 0 4rem;
}
@media (max-width: 900px) {
  #aboutus .abt-vmv .aut-main .aut-sub {
    padding: 0 !important;
  }
}
#aboutus .abt-vmv .aut-main .aut-sub.auts-left {
  justify-content: start;
  padding: 0 4rem 0 0;
}
#aboutus .abt-vmv .aut-main .aut-sub.auts-right {
  flex-direction: column;
  align-items: start;
  padding: 0 0 0 4rem;
}
#aboutus .abt-vmv .aut-main .aut-sub h3 {
  border: 0.001rem solid #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0.1) 100%);
  padding: 0.7rem 2rem;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  border-radius: 2rem;
  font-size: 1rem;
}
#aboutus .abt-vmv .aut-main .aut-sub p {
  color: #F3FBFF;
}
#aboutus .abt-vmv .abt-value {
  padding: 2rem 0 0;
}
#aboutus .abt-vmv .abt-value h1 {
  text-align: center;
  color: #fff;
  padding: 2rem 0;
  font-size: 1.7rem;
}
#aboutus .abt-vmv .abt-value .abtv-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 800px) {
  #aboutus .abt-vmv .abt-value .abtv-list {
    justify-content: center;
  }
}
#aboutus .abt-vmv .abt-value .abtv-list .abtv-single {
  width: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 800px) {
  #aboutus .abt-vmv .abt-value .abtv-list .abtv-single {
    width: 30%;
    padding: 2rem 0;
  }
}
@media (max-width: 600px) {
  #aboutus .abt-vmv .abt-value .abtv-list .abtv-single {
    width: 50%;
    padding: 2rem 0;
  }
}
@media (max-width: 360px) {
  #aboutus .abt-vmv .abt-value .abtv-list .abtv-single {
    width: 100%;
    padding: 2rem 0;
  }
}
#aboutus .abt-vmv .abt-value .abtv-list .abtv-single .abtvs-img {
  border: 0.001rem solid #fff;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.5) 100%);
  padding: 1rem;
  border-radius: 1rem;
  width: 60%;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  #aboutus .abt-vmv .abt-value .abtv-list .abtv-single .abtvs-img {
    min-height: 150px;
  }
}
#aboutus .abt-vmv .abt-value .abtv-list .abtv-single .abtvs-img img {
  width: 100%;
}
#aboutus .abt-vmv .abt-value .abtv-list .abtv-single p {
  text-align: center;
  color: #fff;
  font-size: 0.85rem;
  line-height: 1.5rem;
}
#aboutus .board-of-directors {
  padding: 2rem 0;
  background-color: #F3FBFF;
}
#aboutus .board-of-directors .bd-heading {
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}
@media (max-width: 600px) {
  #aboutus .board-of-directors .bd-heading {
    max-width: 100%;
  }
}
#aboutus .board-of-directors .bd-heading h2 {
color: #2A6B87;
    font-family: "BukraGM-Medium";
    font-size: 1.6rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
#aboutus .board-of-directors .bd-heading p {
  color: #404042;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
#aboutus .board-of-directors .db-lising {
  display: flex;
  justify-content: space-evenly;
  padding: 0;
  flex-wrap: wrap;
}
#aboutus .board-of-directors .db-lising .bd-single {
  width: 27%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0;
}

.board-of-directors .db-lising .bd-single:nth-child(1) .db-img img{
    height: 410px !important;
}



@media (max-width: 950px) {
  #aboutus .board-of-directors .db-lising .bd-single {
    width: 45%;
  }
}
@media (max-width: 600px) {
  #aboutus .board-of-directors .db-lising .bd-single {
    width: 100%;
  }
}
#aboutus .board-of-directors .db-lising .bd-single .db-img {
  min-height: 325px;
  overflow: hidden;
}
#aboutus .board-of-directors .db-lising .bd-single .db-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 325px;
  border-radius: 1rem;
}



#aboutus .board-of-directors .db-lising .bd-single p {
  font-size: 0.8rem;
  text-align: center;
  line-height: 1.5rem;
  color: #2A6B87;
}
#aboutus .board-of-directors .db-lising .bd-single h6 {
  font-size: 1rem;
  margin: 0;
  color: #2A6B87;
  padding-top: 1rem;
}
#aboutus .board-of-directors .db-lising .bd-single .db-link {
  width: 100%;
  display: flex;
  padding: 1.5rem 0;
  justify-content: center;
}
#aboutus .board-of-directors .db-lising .bd-single .db-link a {
  width: 50%;
  text-align: center;
  padding: 0.7rem 0;
  background-color: #fff;
  border-radius: 0.3rem;
  font-size: 0.8rem;
  border: 1px solid #7f7f7f;
}
#aboutus .abt-team {
  background-color: #A5CCE2;
  padding: 3rem 0;
}
#aboutus .abt-team .abt-dots .dots-design {
  max-width: 10%;
}
#aboutus .abt-team .abt-dots .dots-design .dots-main {
  display: flex;
  width: 100%;
  padding-top: 1rem;
  flex-wrap: wrap;
}
#aboutus .abt-team .abt-dots .dots-design .dots-main .dots-child {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 25%;
  height: 25px;
}
#aboutus .abt-team .abt-dots .dots-design .dots-main .dots-child p {
  padding: 0;
  margin: 0;
  margin-top: 0px;
  font-size: 4rem;
  margin-top: -4rem;
  color: #fff;
}
#aboutus .abt-team .abt-t-heading {
  width: 100%;
  display: flex;
}
#aboutus .abt-team .abt-t-heading .ath-heading {
  width: 90%;
  align-content: center;
}
#aboutus .abt-team .abt-t-heading .ath-heading h2 {
  margin: 0;
  font-family: "BukraGM-Semi-Bold";
  color: #2A6B87;
}
#aboutus .abt-team .abt-t-heading .ath-icon {
  width: 10%;
  display: flex;
  justify-content: end;
  padding: 0 1rem;
}
#aboutus .abt-team .abt-t-heading .ath-icon img {
  width: 40%;
}
#aboutus .abt-team .team-scroll {
  padding-top: 4rem;
}
#aboutus .abt-team .team-scroll .swiper-slide .team-inner {
  min-height: 300px;
}
#aboutus .abt-team .team-scroll .swiper-slide .team-inner .ts-img {
  width: 100%;
  height: 250px;
}
#aboutus .abt-team .team-scroll .swiper-slide .team-inner .ts-img img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}
#aboutus .abt-team .team-scroll .swiper-slide .team-inner .ts-info {
  text-align: center;
}
#aboutus .abt-team .team-scroll .swiper-slide .team-inner .ts-info h3 {
  font-size: 1rem;
  margin: 0;
  padding: 1rem;
}
#aboutus .abt-team .team-scroll .swiper-slide .team-inner .ts-info p {
  font-size: 0.8rem;
  margin: 0;
}
#aboutus .abt-team .team-scroll .team-hd-action {
  display: flex;
  justify-content: center;
  padding: 3rem 0 0;
}
#aboutus .abt-team .team-scroll .team-hd-action .swiper-custom-navigation {
  display: flex;
  justify-content: left;
  padding: 0 3rem;
  padding: 0;
  align-items: center;
}
#aboutus .abt-team .team-scroll .team-hd-action .swiper-custom-navigation div {
  padding: 0 2rem;
  position: relative;
  cursor: pointer;
}
#aboutus .abt-team .team-scroll .team-hd-action .swiper-custom-navigation div i {
  font-size: 2rem;
  font-weight: 700;
  color: #A5CCE2;
  position: absolute;
  display: none;
  transition: all ease-in 0.5s;
  z-index: 1;
}
#aboutus .abt-team .team-scroll .team-hd-action .swiper-custom-navigation div:hover i {
  display: block;
}
#aboutus .abt-team .team-scroll .team-hd-action .swiper-custom-navigation div img {
  z-index: 11;
  position: relative;
}
#aboutus .abt-team .team-scroll .team-hd-action .swiper-custom-navigation .sa-swiper-button-next i {
  right: 21px;
  top: -7px;
}
#aboutus .abt-team .team-scroll .team-hd-action .swiper-custom-navigation .sa-swiper-button-prev i {
  left: 21px;
  top: -7px;
}
@media (max-width: 850px) {
  #aboutus .abt-team .team-scroll .team-hd-action {
    grid-column: span 6;
  }
  #aboutus .abt-team .team-scroll .team-hd-action .swiper-custom-navigation {
    justify-content: center;
    padding: 3rem 3rem 0 3rem;
  }
}
#aboutus .abt-org-str {
  background-color: #B5B2B5;
  padding: 3rem 0;
}
#aboutus .abt-org-str .abt-dots .dots-design {
  max-width: 10%;
}
#aboutus .abt-org-str .abt-dots .dots-design .dots-main {
  display: flex;
  width: 100%;
  padding-top: 1rem;
  flex-wrap: wrap;
}
#aboutus .abt-org-str .abt-dots .dots-design .dots-main .dots-child {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 25%;
  height: 25px;
}
#aboutus .abt-org-str .abt-dots .dots-design .dots-main .dots-child p {
  padding: 0;
  margin: 0;
  margin-top: 0px;
  font-size: 4rem;
  margin-top: -4rem;
  color: #fff;
}
#aboutus .abt-org-str .abt-os-heading {
  width: 100%;
  display: flex;
}
#aboutus .abt-org-str .abt-os-heading .aos-heading {
  width: 90%;
  align-content: center;
}
#aboutus .abt-org-str .abt-os-heading .aos-heading h2 {
    color: #2A6B87;
    font-family: "BukraGM-Medium";
    font-size: 1.6rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#aboutus .abt-org-str .abt-os-heading .aos-icon {
  width: 10%;
  display: flex;
  justify-content: end;
  padding: 0 1rem;
}
#aboutus .abt-org-str .abt-os-heading .aos-icon img {
  width: 40%;
}
#aboutus .abt-org-str .org-structure-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
#aboutus .abt-org-str .org-structure-img p {
  color: #7f7f7f;
}
#aboutus .abt-org-str .org-structure-img img {
  width: 90%;
}
#aboutus .abt-partners {
  padding: 3rem 0;
  background-color: #fff;
}
#aboutus .abt-partners .prt-main-heading {
  display: flex;
  justify-content: center;
}
#aboutus .abt-partners .prt-main-heading h1 {
  color: #404042;
  font-family: "BukraGM-Semi-Bold";
  padding: 1rem;
  border: 1px solid #2A6B87;
  color: #2A6B87;
  font-family: "BukraGM-Medium";
  border-radius: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.2rem;
}
#aboutus .abt-partners .prt-heading {
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}
@media (max-width: 600px) {
  #aboutus .abt-partners .prt-heading {
    max-width: 100%;
  }
}
#aboutus .abt-partners .prt-heading h2 {
  color: #404042;
  font-family: "BukraGM-Semi-Bold";
}
#aboutus .abt-partners .prt-heading p {
  color: #404042;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
#aboutus .abt-partners .prt-listing {
  width: 70%;
  margin: 0 auto;
  padding: 1rem 0 4rem 0;
}
@media (max-width: 570px) {
  #aboutus .abt-partners .prt-listing {
    width: 100%;
  }
}
#aboutus .abt-partners .prt-listing .prt-main {
  display: flex;
  justify-content: center;
}
#aboutus .abt-partners .prt-listing .prt-main .prt-single {
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 3rem;
}
#aboutus .abt-partners .prt-listing .prt-main .prt-single img {
  width: 100%;
}
@media (max-width: 570px) {
  #aboutus .abt-partners .prt-listing .prt-main .prt-single img {
    width: 100%;
  }
}

/**** About Us ***/
/**** Conatct Us ****/
#contactus .contact-top {
  background-color: #fff;
}
#contactus .cont-heading {
  display: flex;
  justify-content: center;
}
#contactus .cont-heading .ch-content h1 {
  background-color: #2A6B87;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 3px;
  font-size: 1.5rem;
  font-family: "BukraGM-Semi-Bold";
}
#contactus .cont-heading .ch-content h1 span {
  background-color: #fff;
  color: #2A6B87;
}
#contactus .cont-common-section {
  width: 95%;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 900px) {
  #contactus .cont-common-section {
    width: 95%;
  }
}
#contactus .cont-common-section .cont-comm-main {
  display: flex;
  align-items: baseline;
}
@media (max-width: 620px) {
  #contactus .cont-common-section .cont-comm-main {
    flex-direction: column;
  }
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left {
  width: 45%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 620px) {
  #contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left {
    width: 100%;
  }
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left .cont-comm-txt {
  padding: 1rem 0;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left .cont-comm-txt h5 {
  font-size: 0.7rem;
  padding: 0.5rem 0;
  margin: 0;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left .cont-comm-txt h5 i {
  font-size: 1.2rem;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left .cont-comm-txt p {
  font-size: 0.85rem;
  padding: 0.3rem 0;
  margin: 0;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left .cont-comm-txt h1 {
  font-family: "BukraGM-Semi-Bold";
  font-size: 2rem;
  color: #2A6B87;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left .cont-comm-icon i {
  font-size: 10rem;
  color: #2A6B87;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right {
  width: 55%;
  display: flex;
  align-items: center;
}
@media (max-width: 620px) {
  #contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right {
    width: 100%;
  }
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-top-imag img {
  width: 100%;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content {
  border-radius: 1rem;
  margin: 0 2rem;
  padding: 1rem 2rem;
  background-color: #fff;
  width: 100%;
}
@media (max-width: 620px) {
  #contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content {
    margin: 0;
  }
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild {
  padding: 0.7rem 0;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild p {
  padding: 0;
  margin: 0;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild label {
  padding: 0.2rem 0;
  font-size: 0.8rem;
  font-weight: bold;

}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild input[type=text],
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild textarea,
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild input[type=email] {
  width: 100%;
  padding: 0.6rem 0.3rem;
  margin: 0.3rem 0;
  border-radius: 0.4rem;
  border: 1px solid #2A6B87;
  font-size: 1rem;
}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild input[type=submit] {
  border: 1px solid #2A6B87;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
    background: linear-gradient(90deg, #2A6B87 0%, #81a7b8 50%);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    font-family: "BukraGM";
}
#contactus .cont-common-section .ju-content {
  padding: 1rem 0;
  font-size: 0.9rem;
  line-height: 1.8rem;
}
#contactus .cont-common-section .ju-content ul {
  list-style-type: disc;
  list-style-position: inside;
  padding: 0 0.5rem;
}
#contactus .cont-common-section .ju-content ul li {
  padding: 0.5rem;
}
#contactus .cont-common-section .ju-content h5 {
  font-size: 0.9rem;
}
#contactus .cont-common-section .ju-content ol li {
  padding: 0.5rem 0;
}
#contactus .cont-common-section .ju-form-content .juf-main {
  display: grid;
  grid-column-gap: 4rem;
  /*grid-row-gap: 1rem;*/
  grid-template-columns: repeat(6, 1fr);
}
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch {
  grid-column: span 3;
  font-size: 0.8rem;
}
@media (max-width: 550px) {
  #contactus .cont-common-section .ju-form-content .juf-main .juf-ch {
    grid-column: span 6;
  }
}
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch label {
  font-weight: bold;
}
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch input[type=text],
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch input[type=email],
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch textarea,
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch input[type=file],
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch input[type="button" i],
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch select {
  width: 100%;
  height: 35px;
  border-radius: 0.3rem;
  border: 1px solid #81a7b8;
  background-color: #fff;
}

#contactus .cont-common-section .ju-form-content .juf-main .juf-ch input[type="button" i]{
  text-align: left;
}

#contactus .cont-common-section .ju-form-content .juf-main .juf-ch textarea{
  height: auto;
}
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch input[type=file] {
  height: auto;
  padding: 0.3rem;
}
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch input[type=submit] {
  background: transparent;
  border: 1px solid #2A6B87;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
  background: linear-gradient(90deg, #2A6B87 0%, #81a7b8 50%);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  font-family: "BukraGM";

}
#contactus .cont-common-section .ju-form-content .juf-main .juf-ch.juf-ch-full {
  grid-column: span 6;
}
#contactus .ju-form {
  background-color: #F3FBFF;
  padding: 3rem 0;
}
#contactus .bt-desc {
  background-color: #2A6B87;
  color: #fff;
}
#contactus .contact-bottom {
  background-color: #F3FBFF;
  background-image: url("../images/contact-wave.png");
  background-repeat: no-repeat;
  background-position: bottom;

}
.page-id-368 #contactus .contact-bottom{padding-bottom: 50px;}
#contactus .contact-bottom .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-left {
  justify-content: start;
}
#contactus .contact-bottom .contact-form-section {
  padding: 3rem 0;
  width: 75%;
  margin: 0 auto;
}

/**** Conatct Us ****/
/*** Breadcrumb ***/
#breadcrumb {
  background-color: #fff;
}
@media (max-width: 480px) {
  #breadcrumb {
    display: none;
  }
}
#breadcrumb ul {
  padding: 2rem 0;
  list-style: none;
  display: flex;
}
#breadcrumb ul li {
  padding: 0px 5px;
  display: flex;
  align-items: center;
}
#breadcrumb ul li::after {
  content: "\f30b";
  right: auto;
  left: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;
  font-size: 14px;
  position: relative;
  font-weight: bolder;
  font-size: 0.8rem;
  color: #2A6B87;
  padding: 0px 5px;
}
#breadcrumb ul li a {
  color: #2A6B87;
  font-size: 0.85rem;
  text-align: center;
  opacity: 0.6;
  transition: all ease-in 0.5s;
}
#breadcrumb ul li a:hover {
  opacity: 1;
}
#breadcrumb ul li:last-child::after {
  content: "";
}

/*** Breadcrumb ***/
/*** Meadia Center ***/
#media-center .scroll-area {
  padding: 0 0 2rem 0;
}
#media-center .sa-content {
  /*padding: 1rem 0;*/
  padding: 0;
}
#media-center .sa-content .sub-heading{
  display: none;
}
.page-id-255 #media-center .sa-content .sub-heading, .page-id-257 #media-center .sa-content .sub-heading{
  display: block;
}


/*** Meadia Center ***/
/*** Single Page ***/
.single-post {
  background-color: #fff;
}
.single-post .sp-heading h1 {
  font-size: 1.5rem;
  font-family: "BukraGM-Bold";
  color: #2A6B87;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 1rem 0;
  line-height: 2.5rem;
}
.single-post .sp-heading p {
  font-size: 1rem;
  color: #222;
  opacity: 0.7;
}
.single-post .sp-img {
  max-height: 600px;
  padding: 2rem 0;
}
.single-post .sp-img img {
  --width: 100%;
  height: 100%;
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  border-radius: 0.5rem;
}
.single-post .sp-content {
  font-size: 0.9rem;
  /*opacity: 0.7;*/
  line-height: 2rem;
  padding-bottom: 2rem;
	text-align: justify;
}


.single-post .sp-content h2{margin: 40px 0px; font-weight: bold; color: #000; opacity: 1;}

/*** Single Page ***/
/**** Videos ***/
.video-area .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img {
  position: relative;
}
.video-area .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img .vd-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-area .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img .vd-overlay .play-bt {
  width: 60px;
  height: 60px;
  border: 1px solid #d2d0d0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #cdd2d7 0%, #bbc3c9 50%);
  border-radius: 50%;
  cursor: pointer;
}
.video-area .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img .vd-overlay .play-bt i {
  font-size: 1.5rem;
  color: #fff;
}
.video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(1), .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(2) {
  grid-column: span 3;
}
@media (max-width: 500px) {
  .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(1), .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(2) {
    grid-column: span 6;
  }
}
.video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(1) .hm-ns-img, .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(2) .hm-ns-img {
  max-height: 300px;
  height: 300px;
}
@media (max-width: 700px) {
  .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(1) .hm-ns-img, .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(2) .hm-ns-img {
    max-height: 250px;
    height: 250px;
  }
}
.video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(1) .hm-ns-img img, .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(2) .hm-ns-img img {
  height: 300px;
}
@media (max-width: 700px) {
  .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(1) .hm-ns-img img, .video-area .hm-ns-ls-content .hm-ns-ls .ns-ch:nth-child(2) .hm-ns-img img {
    height: 250px;
  }
}

.single-video-area .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img {
  position: relative;
}
.single-video-area .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img .vd-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.single-video-area .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img .vd-overlay .play-bt {
  width: 60px;
  height: 60px;
  border: 1px solid #d2d0d0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #cdd2d7 0%, #bbc3c9 50%);
  border-radius: 50%;
  cursor: pointer;
}
.single-video-area .hm-ns-ls-content .hm-ns-ls .ns-ch .hm-ns-img .vd-overlay .play-bt i {
  font-size: 1.5rem;
  color: #fff;
}

/**** Videos ***/
.sub-title h4 {
  font-family: "BukraGM-Semi-Bold";
  color: #222;
}
.sub-title.st-secs {
  display: flex;
  align-items: center;
}
.sub-title.st-secs .sh-sec {
  width: 50%;
}
.sub-title.st-secs .sh-sec .common-link {
  text-decoration: none;
  border: none;
  padding: 0;
  font-family: "BukraGM-Light";
  font-size: 0.9rem;
}
.sub-title.st-secs .sh-sec:last-child {
  text-align: right;
}

#events {
  background-color: #fff;
  padding-bottom: 3rem;
}
#events .single-event-contents {
  padding: 1rem 0;
}
#events .sub-heading h2 {
  color: #2A6B87;
}
#events .events-list .event-list-sec {
  /*padding: 1.5rem 0;*/
}
#events .events-list ul {
  width: 100%;
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(6, 1fr);
}
#events .events-list ul li {
  grid-column: span 3;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #bab4b4;
}
#events .events-list ul li .evt-details h6{margin: 0;}

#events .events-list ul li.up-latest {
  grid-column: span 6;
}
#events .events-list ul li:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
@media (max-width: 700px) {
  #events .events-list ul li {
    grid-column: span 6;
  }
}
#events .events-list ul li .evt-image img {
  width: 100%;
  height: 100%;
  max-height: 350px;
  min-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 500px) {
  #events .events-list ul li .evt-image img {
    max-height: 250px;
    min-height: 250px;
  }
}
#events .events-list ul li .evt-details {
	text-align:justify;
  padding: 1.5rem 1.5rem;
}
#events .events-list ul li .evt-details h1 {
  font-family: "BukraGM-Semi-Bold";
  font-size: 1.15rem;
  line-height: 2.2rem;
  color: #2A6B87;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin: 0;
}
#events .events-list ul li .evt-details p {
  font-size: 0.8rem;
  line-height: 2rem;
}

#events .events-list ul li .evt-details ol{padding: 0;}
#events .events-list ul li .evt-details ol li{border: 0; padding: 5px 0px; padding-left: 10px;}
#events .events-list ul li .evt-details ol li:hover{box-shadow:none;}
#events .events-list ul li .evt-details ol li:before{content: "\f111"; font-family: fontawesome; font-size: 7px; vertical-align: middle; position: relative; top: -3px; left: -6px;}

#events .evt-dt {
  display: flex;
  align-items: center;
  color: #2A6B87;
  display: none;
}
#events .evt-dt .dt-sec {
  padding: 0 0.25rem;
}
#events .evt-dt .sec-2 {
  padding: 0 1rem;
  padding: 0;
  padding-left: 0.5rem;
}
#events .evt-dt h2 {
  font-size: 1.25rem;
  padding: 0;
  margin: 0;
  font-family: "BukraGM-Semi-Bold";
}
#events .evt-dt h3 {
  font-size: 0.9rem;
  padding: 0.1rem 0;
  margin: 0;
  font-family: "BukraGM";
}
#events .sg-evt-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(8, 1fr);
}
#events .sg-evt-main .sg-evt-left {
  grid-column: span 2;
}
@media (max-width: 1150px) {
  #events .sg-evt-main .sg-evt-left {
    grid-column: span 3;
  }
}
@media (max-width: 750px) {
  #events .sg-evt-main .sg-evt-left {
    grid-column: span 8;
  }
}
#events .sg-evt-main .sg-evt-right {
  grid-column: span 6;
}
@media (max-width: 1150px) {
  #events .sg-evt-main .sg-evt-right {
    grid-column: span 5;
  }
}
@media (max-width: 750px) {
  #events .sg-evt-main .sg-evt-right {
    grid-column: span 8;
  }
}
#events .sg-evt-main .sg-evt-right h1 {
  margin: 0;
	text-align: justify;
}
#events .sg-evt-main .sg-evt-right .ev-db-lising {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3rem;
}
#events .sg-evt-main .sg-evt-right .ev-db-lising .ev-bd-single {
  width: 150px;
  padding: 0 20px;
}
#events .sg-evt-main .sg-evt-right .ev-db-lising .ev-bd-single .db-img {
  width: 150px;
  height: 150px;
  border: 1px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.5);
}
#events .sg-evt-main .sg-evt-right .ev-db-lising .ev-bd-single img {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
#events .sg-evt-main .sg-evt-right .ev-db-lising .ev-bd-single h6 {
  font-size: 0.8rem;
  padding: 0.5rem 0;
  margin: 0;
  text-align: center;
  line-height: 1.2rem;
}
#events .sg-evt-main .sg-evt-shorts {
  border: 1px solid #ddd;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px 40px 5px;
  min-height: 100px;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
@media (max-width: 1250px) {
  #events .sg-evt-main .sg-evt-shorts .evt-dt h2 {
    font-size: 1rem;
  }
}
#events .sg-evt-main .sg-evt-shorts .bg-box {
  justify-content: center;
}
#events .sg-evt-main .sv-image {
  width: 100%;
  padding: 2rem 0;
}
/*#events .sg-evt-main .sv-image img {
  width: 85%;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
}*/
.single-post .sg-evt-main .sv-image img, .single-post .sp-img img  {
  width: 85%;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
}

.single-post .sp-img img{width: 63%;}

.sv-text{
  font-size: 0.85rem; line-height: 2rem; text-align: justify;
}
.sv-text ul{}
.sv-text ul li{
	display: flex ;
	line-height: 25px; padding: 5px 0px; flex-direction: column; justify-content: center; padding-left: 30px; position: relative;}
.sv-text ul li ul li, .sv-text ul li ul li ul li{display: block ;}
.sv-text ul li:before{content: "\f111"; font-family: fontawesome; font-size: 6px; padding: 0px 15px; width: fit-content; position: absolute; left: 0; top: 7px;}
.sv-text ul ul li:before{content: "\f068"; font-family: fontawesome; font-size: 8px; padding-right: 15px;}
.sv-text ul ul ul li:before{content: "\f054"; font-family: fontawesome; font-size: 8px; padding-right: 15px;}
.sv-text ul ul{padding-left: 30px;}
.sv-text ul ul li{}





#events .sg-evt-main .sv-text p {
  font-size: 0.85rem;
  line-height: 2rem;
}
#events .sg-evt-main .sv-video {
  padding: 3rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
#events .sg-evt-main .sv-video video {
  border-radius: 0.5rem;
  overflow: hidden;
}
#events .sg-evt-main .evt-loc {
  padding: 1rem 0 1rem 0;
}
#events .sg-evt-main .evt-loc p {
  font-weight: bold;
  color: #2A6B87;
  font-size: 0.9rem;
}
#events .sg-evt-main .download-link {
  padding: 3rem 0 0.5rem 0;
}
#events .sg-evt-main .download-link a {
  color: #477f97;
  font-size: 0.9rem;
}
#events .sg-evt-main .download-link i {
  font-size: 2rem;
  padding: 0 0.5rem;
}

/*** Social Share ***/
.bg-box {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1rem 0;
}

.social-links {
  display: flex;
}

.social-links a {
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  color: #000;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
  margin: 0 5px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  transition: transform 0.5s;
}

.social-links a .fa-brands {
  font-size: 15px;
  line-height: 30px;
  position: relative;
  z-index: 10;
  transition: color 0.5s;
}

.social-links a::after {
  content: "";
  width: 100%;
  height: 100%;
  top: -90px;
  left: 0;
  background: #000;
  position: absolute;
  transition: 0.5s;
}

.social-links a.twitter {
  color: #000;
}
.social-links a.twitter::after {
  background: #000;
}

.social-links a.instagram {
  color: #E4405F;
}
.social-links a.instagram::after {
  background: #E4405F;
}

.social-links a.linkedin {
  color: #0077b5;
}
.social-links a.linkedin::after {
  background: #0077b5;
}

.social-links a.facebook {
  color: #3b5999;
}
.social-links a.facebook::after {
  background: #3b5999;
}

.social-links a:hover::after {
  top: 0;
}

.social-links a:hover .fa-brands {
  color: #fff;
}

.social-links a:hover {
  transform: translateY(-5px);
}

.share-btn {
  background-color: #eee;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s;
}

.share-btn:hover {
  transform: scale(1.1);
}

.text-share-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2A6B87;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-family: arial;
  font-size: 1rem;
  transition: 1s 0.2s;
  z-index: 99999;
}

.share-btn:hover .text-share-btn {
  left: -100%;
}

.share-items {
  display: flex;
  list-style: none;
  margin: 0;
  font-size: 1rem;
  padding: 0.5rem 0;
}

.share-items li {
  padding: 0 17px;
}

.share-items li a {
  color: #2A6B87;
  display: inline-block;
  transform: scale(0);
}
.share-items li a:hover {
  color: #477f97;
}

.share-btn:hover ul li a {
  transform: scale(1);
}

.share-items li:nth-child(5) a {
  transition: 0.5s 0.3s;
}

.share-items li:nth-child(4) a {
  transition: 0.5s 0.45s;
}

.share-items li:nth-child(3) a {
  transition: 0.5s 0.6s;
}

.share-items li:nth-child(2) a {
  transition: 0.5s 0.75s;
}

.share-items li:nth-child(1) a {
  transition: 0.5s 0.9s;
}

/*** Social Share ***/
/*** Interactiv Documents and Info ***/
.document_info .di-heading {
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 4rem 0 2rem 0;
}
.document_info .di-heading h2 {
  color: #2A6B87;
  font-family: "BukraGM-Semi-Bold";
  padding: 0;
  margin: 0;
}
.document_info .di-top {
  width: 100%;
}
.document_info .di-top .dots-design {
  max-width: 7%;
}
@media (max-width: 850px) {
  .document_info .di-top .dots-design {
    max-width: 10%;
  }
}
@media (max-width: 600px) {
  .document_info .di-top .dots-design {
    max-width: 13%;
  }
}
@media (max-width: 450px) {
  .document_info .di-top .dots-design {
    max-width: 17%;
  }
}
.document_info .di-top .dots-design .dots-main {
  display: flex;
  width: 100%;
  padding-top: 1rem;
  flex-wrap: wrap;
}
.document_info .di-top .dots-design .dots-main .dots-child {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 25%;
  height: 20px;
}
.document_info .di-top .dots-design .dots-main .dots-child p {
  padding: 0;
  margin: 0;
  margin-top: 0px;
  font-size: 4rem;
  margin-top: -4rem;
  color: #2A6B87;
}
.document_info .di-hr-journey {
  background-color: #F3FBFF;
}
.document_info .di-hr-journey .di-timeline .tl-container {
  width: 80%;
  margin: auto;
  display: block;
  position: relative;
}
@media (max-width: 800px) {
  .document_info .di-hr-journey .di-timeline .tl-container {
    width: 90%;
  }
}
@media (max-width: 700px) {
  .document_info .di-hr-journey .di-timeline .tl-container {
    width: 90%;
  }
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl {
  margin: 20px 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li {
  list-style: none;
  margin: auto;
  margin-left: 50%;
  min-height: 100px;
  /*background: rgba(255,255,0,0.1);*/
  border-left: 1px solid #477f97;
  padding: 0 0 0 30px;
  position: relative;
  /*&:hover::before{
      border-color:  #258CC7;
      transition: all 1000ms ease-in-out;
  }*/
}
@media (max-width: 700px) {
  .document_info .di-hr-journey .di-timeline .tl-container ul.tl li {
    margin-left: auto;
  }
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li:last-child {
  border-left: 0;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li::before {
  position: absolute;
  left: -18px;
  top: 0px;
  content: " ";
  border: 8px solid rgba(255, 255, 255, 0.74);
  border-radius: 500%;
  background: #A5CCE2;
  height: 20px;
  width: 20px;
  transition: all 500ms ease-in-out;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li .item-title {
  background-color: #A5CCE2;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1rem;
  border-radius: 0.9rem;
  font-weight: bold;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li .item-detail {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.9rem;
  line-height: 2rem;
  padding: 1rem 0 2rem 0;
}
.document_info .di-hr-journey .di-timeline .tl-container ul.tl li .timestamp {
  color: #8D8D8D;
  position: absolute;
  left: -50%;
  text-align: right;
  font-size: 12px;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 700px) {
  .document_info .di-hr-journey .di-timeline .tl-container ul.tl li .timestamp {
    left: auto;
    position: relative;
    justify-content: left;
    padding: 2rem 0 1rem 0;
  }
}
.document_info .di-entity-lising {
  background-color: #fff;
  padding: 1rem 0 4rem 0;
}
.document_info .di-entity-lising .di-entity-lising-sec .di-ent-main {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(6, 1fr);
}
.document_info .di-entity-lising .di-entity-lising-sec .di-ent-main .di-ent-child {
  grid-column: span 2;
}
@media (max-width: 900px) {
  .document_info .di-entity-lising .di-entity-lising-sec .di-ent-main .di-ent-child {
    grid-column: span 3;
  }
}
@media (max-width: 550px) {
  .document_info .di-entity-lising .di-entity-lising-sec .di-ent-main .di-ent-child {
    grid-column: span 6;
  }
}
.document_info .di-entity-lising .di-entity-lising-sec .di-ent-main .di-ent-child img {
  width: 100%;
}

/*** Interactiv Documents and Info ***/
/*** Donation and Volunteering **/
#dv-scroll-sec .dv-scroll, #dv-scroll-sec #breadcrumb {
  background-color: #E5E8E8;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .blue-back {
  background-color: #2A6B87;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner h2 {
  font-size: 1rem;
  font-family: "BukraGM";
  line-height: 2rem;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links {
  display: flex;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links .scl-left {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links .scl-left p {
  padding: 0;
  margin: 0;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links .scl-left h2 {
  padding: 0;
  margin: 0;
  font-size: 1rem;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links .scl-left h2 span {
  font-size: 1.2rem;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links .scl-right {
  width: 50%;
  display: flex;
  justify-content: right;
  align-items: center;
}
#dv-scroll-sec .scroll-area .slider-content .sa-swiper .swiper-slide .sws-inner .sc-links .scl-right a {
  color: #fff;
  background-color: #2A6B87;
}
#dv-scroll-sec .band-line {
  width: 100%;
  height: 0.5rem;
  background-color: #f9fafb;
  border-radius: 0.2rem;
  overflow: hidden;
  display: flex;
  justify-content: right;
}
#dv-scroll-sec .band-line .bl-inner {
  width: 40%;
  height: 0.5rem;
  background-color: #ffa149;
}

/*** Donation and Volunteering **/
/*** Report, Research & Studies ***/
.rrs .sa-content .sa-heading .sa-hd-bottom .sa-hd-action {
  align-items: center;
}
.rrs .hm-ns-ls-content .hm-ns-ls .ns-ch p.expert {
  color: #477f97;
  font-weight: bold;
}
.rrs .sp-img {
  padding: 0;
}
.rrs .rrs-pdf-download {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.rrs .rrs-pdf-download .rpd-image {
  max-width: 250px;
}
.rrs .rrs-pdf-download .rpd-image img {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #ddd;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.rrs .rrs-pdf-download .rpd-image p {
  text-align: center;
}
.rrs .rrs-pdf-download .rpd-image p i {
  font-size: 1.5rem;
}

/*** Report, Research & Studies ***/
/*** Experts ***/
.single-expert .se-top {
  width: 100%;
}
.single-expert .se-top .se-top-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(8, 1fr);
}
.single-expert .se-top .se-top-main .se-img {
  grid-column: span 3;
}
@media (max-width: 600px) {
  .single-expert .se-top .se-top-main .se-img {
    grid-column: span 4;
  }
}
@media (max-width: 500px) {
  .single-expert .se-top .se-top-main .se-img {
    grid-column: span 8;
  }
}
.single-expert .se-top .se-top-main .se-img img {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
}
.single-expert .se-top .se-top-main .se-details {
  grid-column: span 5;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 600px) {
  .single-expert .se-top .se-top-main .se-details {
    grid-column: span 4;
  }
}
@media (max-width: 500px) {
  .single-expert .se-top .se-top-main .se-details {
    grid-column: span 8;
  }
}
.single-expert .se-top .se-top-main .se-details h1 {
  font-size: 1.8rem;
  font-family: "BukraGM-Bold";
  color: #2A6B87;
  text-shadow: 1px 1px 1px rgb(0, 0, 0);
  padding: 0;
  margin: 0;
}
@media (max-width: 750px) {
  .single-expert .se-top .se-top-main .se-details h1 {
    font-size: 1.4rem;
  }
}
.single-expert .se-top .se-top-main .se-details p {
  color: #2A6B87;
}
@media (max-width: 750px) {
  .single-expert .se-top .se-top-main .se-details p {
    font-size: 0.9rem;
  }
}
.single-expert .se-content {
  padding: 2rem 0;
   font-size: 0.85rem;
  line-height: 1.7rem;
	
	text-align: justify;

}
.single-expert .se-content p {
  font-size: 0.85rem;
  line-height: 1.7rem;
	text-align: justify;
}

/*** Experts ***/
.LoadMoreButton__Container-sc-99duct-0,
.LoadMoreButton__Container-sc-99duct-0 + a {
  display: none;
  visibility: hidden;
}

a[rel=noreferrer] {
  display: none;
  visibility: hidden;
}

/*** Accordion **/
.wrap {
  position: relative;
  width: 100%;
  /*padding: 30px; 
  max-width: 700px; 
  top: 25%; 
  left: 50%; 
  transform: translateX(-50%);*/
}

.accordion-wrap {
  font-size: 1rem;
  padding: 2rem 0;
}

.bmenu {
  width: 26px;
  height: 16px;
  display: block;
  position: absolute;
  right: 15px;
  top: 12px;
}

.btop, .bmid, .bbot {
  right: 0;
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #333;
  border-radius: 1px;
}

.btop {
  width: 40%;
}

.bmid {
  width: 60%;
}

.bbot {
  width: 80%;
}

.x7 {
  transition: transform 0.3s ease-out;
  transform-origin: 60% 75%;
}
.x7 .btop {
  top: 0;
  transition: width 0.3s, transform 0.3s, top 0s;
  transition-timing-function: ease-out;
}
.x7 .bmid {
  top: calc(50% - 1px);
  transform-origin: 100% 50%;
  transition: opacity 0.1s;
  transition-timing-function: ease-out;
}
.x7 .bbot {
  bottom: 0;
  transition: width 0.3s, transform 0.3s, bottom 0s;
  transition-timing-function: ease-out;
}

.accordion {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.accordion__item {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.accordion__item:last-child {
  margin-bottom: 0;
}

.accordion__title {
  display: block;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0px 50px 0 20px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #333;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  transition: background-color 0.2s;
}
.accordion__title:hover {
  background-color: #fafafa;
}
.accordion__title.active {
  background: #486676;
  color: #fff;
}
.accordion__title.active .btop, .accordion__title.active .bmid, .accordion__title.active .bbot {
  background-color: #fff;
}
.accordion__title.active .x7 {
  transform: rotate(-90deg);
}
.accordion__title.active .x7 .btop {
  width: 67%;
  top: 2px;
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: 50% 50%;
}
.accordion__title.active .x7 .bmid {
  opacity: 0;
}
.accordion__title.active .x7 .bbot {
  width: 67%;
  bottom: 2px;
  transform: translateY(50%) rotate(45deg);
  transform-origin: 50% 50%;
}

.accordion__content {
  display: none;
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
  border-top: none;
  line-height: 1.65;
  padding: 25px;
  background-color: #fff;
  font-size: 0.85rem;
}
.accordion__content ol li {
  padding: 0.5rem 0;
  line-height: 1.8rem;
}

/*** Accordion **/
/*** Magazines ***/
.magazines .magazine-list h3 {
  color: #477f97;
  font-size: 1.2rem;
  font-family: "BukraGM-Medium";
  margin-top: 2rem;
  color: #2A6B87;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.magazines .magazine-list .mg-description p {
  font-size: 0.85rem;
  line-height: 1.8rem;
}
.magazines .magazine-list .mg-list-sec {
  padding-top: 3rem;
}
.magazines .magazine-list .mg-list-sec ul li {
  grid-column: span 2 !important;
}
.magazines .magazine-list .mg-list-sec ul li .mg-image img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

/*** Magazines ***//*# sourceMappingURL=custom-style.css.map */



.press_readmore{}
.press_readmore a{font-weight: bold; text-decoration: underline;}
.press_readmore a:hover{text-decoration: none;}

.top-bar {padding: 5px 0px !important; background-color: #486676; color: #ffffff; font-size: 14px; } 
.top-bar .contact-info span { margin-right: 20px; }
.top-bar .contact-info span a{color: #fff;}
.top-bar .contact-info span a:hover{text-decoration: underline;}
.top-bar span{color:#fff; display:flex; align-items:center;}
.top-bar span i{color:#fff; margin-right: 8px; border-right: 2px solid #fff; padding-right: 11px;}
.top-bar span p{ height: 22px; align-items: center; display: flex ;}
.top-bar span .arloc{}
.top-bar span .arloc i{border-left: 2px solid #fff; border-right: 0; margin-right: 0; margin-left: 8px; padding-left: 11px; padding-right: 0;}
.top-bar{padding:15px 0px;}
.tolbarinner{justify-content: end; display: flex ; }
.top-bar .contact-info{display: inline-block; width: 85%; padding: 0px 100px !important;}
.top-bar .contact-info .col-md-6{width: 50%; float: left;}

.main-hd-pane{}
.main-hd-pane .top-hd-content-single{width: 20%; display: flex ; align-items: center; justify-content: right;}

.chairperson-mes{background-color: #fff !important; padding: 80px 5% !important;}
.home-message-area.chairperson-mes .msg-main .msg-sub.msg-desc{grid-column: span 3;}
.home-message-area.chairperson-mes .msg-main .msg-sub.msg-img{grid-column: span 3;}
.home-message-area.chairperson-mes .msg-main .msg-sub.msg-desc h2{font-size: 34px; font-weight: 600; color: #486676;text-shadow: none; background: transparent !important;}
.home-message-area.chairperson-mes .msg-main .msg-sub.msg-desc p{font-size: 16px; color: #474648;}
.home-message-area.chairperson-mes .readmore{font-size: 16px; color: #474648; font-weight: 500; border-bottom: 1px solid #414143;}
.home-message-area.chairperson-mes .readmore:hover{color: #37718e; border-bottom: 1px solid #37718e;}
.home-message-area.chairperson-mes .msg-main{align-items: center;}
.home-message-area.chairperson-mes .msg-main .msg-sub.msg-img .ceo-img .ceo-details p{color: #474648;}

.leadership-section{background-color: #fff !important; padding: 50px 5% !important; /*padding-top: 0 !important;*/}
.leadership-section .row{max-width: 1300px; margin: 0 auto;}
.leadership-section h2{margin-top: 0; font-size: 30px; font-weight: 600; color: #486676; text-shadow: none; background: transparent !important;}
.leadership-section h3{color: #486676;}
.leadership-section h1{font-size: 50px; font-weight: 600; color: #486676; text-shadow: none; background: transparent !important;}
.leadership-section p{font-size: 16px; color: #474648; line-height: 2rem;}
.leadership-section .row.whowearerow{display: grid ; grid-column-gap: 4rem; grid-template-columns: repeat(2, 1fr); padding-top: 1rem;}
.leadership-section .row.whowearerow .col-md-6{}
.leadership-section .row.whowearerow .col-md-6 h4{display: flex ; align-items: center; color: #486676; font-weight: 600; font-size: 20px;}
.leadership-section .row.whowearerow .col-md-6 h4:before{content: url(../../../../wp-content/uploads/2024/12/Page-1.png); margin-right: 15px;}
.whoweare .whowearerow .col-md-6:nth-child(2) h4::before{content: url(../../../../wp-content/uploads/2024/12/Group-54.png); margin-right: 15px;}
.leadership-section .row.whowearerow .col-md-6 p{text-align:justify;}
.leadership-section ol{}
.leadership-section ol li{font-size: 16px; padding-bottom: 10px; line-height: 28px;}
.leadership-section .sustimg{text-align: center;}
.leadership-section .sustimg img{}




.team-section{padding: 50px 3% !important; padding-top: 0 !important; }
.team-section .common-section{}
.team-section .common-section h2{font-size: 30px; font-weight: 600; color: #486676;}
.team-section .common-section .row{display: grid ; grid-column-gap: 10px; grid-template-columns: repeat(2, 1fr); padding-top: 0; direction: rtl;}
.team-section .common-section .row .col-md-5{display: grid ; grid-column-gap: 0; grid-template-columns: repeat(2, 1fr); direction: ltr; gap: 10px;}
.team-section .common-section .row .col-md-5 .col-md-6{}
.team-section .common-section .row .col-md-7{}
.team-section .common-section .team-card {position: relative; overflow: hidden; height: 230px; margin: 0;}
.team-section .common-section .team-card img { width: 100%; height: 100%; object-fit: cover; /* border-radius: 50%; */ transition: transform 0.3s ease; }
.team-section .common-section .team-card:hover img { transform: scale(1.1); }
.team-section .common-section .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.6);*/ color: #ffffff; display: flex; justify-content: center; align-items: end; font-size: 14px; font-weight: bold; text-align: center; opacity: 0; transition: opacity 0.3s ease; flex-wrap: wrap; align-content: end; padding-bottom:20px !important;}
.team-section .common-section .team-card:hover .overlay { opacity: 1; }
.team-section .common-section .team-card .overlay{}
.team-section .common-section .team-card .overlay h3{color: #fff; width: 100%; font-size: 14px; font-weight: 600; padding-bottom: 10px; line-height: 25px; margin: 0; padding: 0;}
.team-section .common-section .team-card .overlay p{color: #fff; line-height: 25px; margin: 0; font-weight: normal; font-size: 13px; padding-bottom:20px !important;}
.team-section .common-section .chairperson-section{background-image: url(../../../../wp-content/uploads/2024/08/ceo-image.png); margin-top: 0px !important; display: flex ; height: 470px; background-size: cover; background-repeat: no-repeat; background-position: right;     position: relative; overflow: hidden;}
/* .team-section .common-section  .chairperson-details { width: 100%; padding-left: 40px; margin-top: 26%; } */
.team-section .common-section .chairperson-details h3 {font-size: 25px; font-weight: 600; color: #fff; text-align: left !important; margin: 0;}
.team-section .common-section .chairperson-details p {font-size: 16px; color: #fff; padding-top: 4px; text-align: left !important; margin: 0;
padding-bottom:30px !important;}
.chairperson-section:hover .overlay{opacity:1;}
.chairperson-section:hover img { transform: scale(1.1); }

.eventSection{padding: 50px 3% !important; padding-top: 0 !important;}
.eventSection h2{margin-bottom:10px !important; font-size: 30px; font-weight: 600; color: #486676;}
.eventSection .row{display: grid ; grid-column-gap: 1rem; grid-template-columns: repeat(2, 1fr); padding-top: 1rem;}
.eventSection .row .col-lg-6{}
.eventSection .row .col-lg-6 img{width: 100%; border: 1px solid #446a7a;}
.eventSection .row .sideEvent img{/*height: 300px;*/}
.eventSection .row .col-lg-6 h3{color: #37718E; font-size: 23px; font-weight: 500; margin-bottom: 10px;}
.eventSection .row .col-lg-6 h3 a{color: #37718e; font-size:18px !important; line-height: 28px !important; font-weight:600 !important;}
.eventSection .row .col-lg-6 h3 a:hover{color: #446a7a;}
.eventSection .row .col-lg-6 p{font-size: 15px; color: #000;}
.eventSection .row .col-lg-6 .btn-link{font-size: 16px; color: #474648; font-weight: 500; border-bottom: 1px solid #414143;}
.eventSection .row .col-lg-6 .btn-link:hover{color: #37718e; border-bottom: 1px solid #37718e;}
.eventSection .row .sideEvent{}
.eventSection .row .sideEvent .row{display: block; padding-top: 0;} 
.eventSection .row .sideEvent .row .card{display: grid ; grid-column-gap: 1rem; grid-template-columns: repeat(2, 1fr); padding-bottom: .5rem; align-items: center;}
.eventSection .row .sideEvent .row .card h5{ color: #37718e; font-size: 18px; margin: 0px 0px 9px; text-align:justify;}
.eventSection .row .sideEvent .row .card h5 a{color: #37718e;}
.eventSection .row .sideEvent .row .card h5 a:hover{color: #446a7a;}
.eventSection .row .sideEvent .row .card p{font-size: 13px; color: #414143 !important; margin: 7px 0px 10px;}
.eventSection .row .sideEvent .row .card .btn-link{}
.eventSection .row .sideEvent .row .card .btn-link:hover{}
.eventSection .row .mainEvent{}
.eventSection .row .mainEvent .card{padding-bottom: 30px;}
/*.eventSection .row .mainEvent .card img{height: 430px;}*/

footer.aos-item{opacity:1 !important;}

/* about who we are  */
    .values-section {padding: 50px 3% !important; text-align: center; max-width: 1300px; margin: 0 auto;}

 .values-section .section-title {
	color: #2A6B87;
    font-family: "BukraGM-Medium";
    font-size: 1.6rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.values-section .value-item{transition:0.5s;}
.values-section .value-item:hover{background:#37718E; transform:scale(1.05);}
.values-section .value-item:hover h3{color:#fff;}
.values-section .value-item:hover p{color:#fff;}
.values-section .value-item:hover img{filter: brightness(0) invert(1);}
    /* Grid styles */
/*    .values-section .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 auto; } */
.values-section .values-grid {display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(6, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; gap:20px;}
.values-section .value-item:nth-child(1){grid-area: 1 / 1 / 4 / 3;}
.values-section .value-item:nth-child(2){grid-area: 1 / 3 / 4 / 5;}
.values-section .value-item:nth-child(3){grid-area: 1 / 5 / 4 / 7;}
.values-section .value-item:nth-child(4){grid-area: 4 / 2 / 7 / 4;}
.values-section .value-item:nth-child(5){grid-area: 4 / 4 / 7 / 6;}

    .values-section .value-item {
      background-color: #fff;
      padding: 50px;
      border: 1px solid #ddd;
      border-radius: 8px;
      text-align: left;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .values-section .value-icon {
      width: 70px;
      height: 70px;
/*       margin-bottom: 15px; */
    }

    .values-section .value-title {
      font-size: 18px;
      font-weight: bold;
      color: #00334e;
      margin-bottom: 10px;
      text-align: center;
    }

    .values-section .value-description {
      font-size: 14px;
      line-height: 1.6;
      color: #555;
      text-align: center;
    }

    /* Responsive styles */
    @media (max-width: 768px) {
      .values-grid {
        grid-template-columns: 1fr;
      }

      .value-item {
        padding: 15px;
      }
    }
.ourgoals {padding: 50px 3% !important; text-align: center; background-color: #ffffff; max-width: 1300px; margin: 0 auto;}
.ourgoals h2 { 
	color: #2A6B87;
    font-family: "BukraGM-Medium";
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.6rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	margin-top: 0px !important; text-align:left !important; 
}
.ourgoals .grid-container {gap: 10px; justify-items: center; display: grid ; grid-column-gap: 1rem; grid-template-columns: repeat(4, 1fr); padding-top: 1rem;}
.ourgoals .grid-item {background: #ffffff; border: 1px solid #C4D0DD; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 20px; text-align: left; transition: transform 0.3s, box-shadow 0.3s; display: flex ; flex-direction: column; align-items: center; justify-content: center; width: 270px;}
.ourgoals .grid-item:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }
.ourgoals .grid-item img { display: block; width: 70px; height: 70px; }
.ourgoals .grid-item h3 { font-size: 18px; color: #003B5C; margin-bottom: 10px; text-align: center; }
.ourgoals .grid-item p { font-size: 14px; color: #4A4A4A; line-height: 1.6; text-align: center;}
.ourgoals .grid-item{transition:0.5s;}
.ourgoals .grid-item:hover{background:#37718E; transform:scale(1.05);}
.ourgoals .grid-item:hover h3{color:#fff;}
.ourgoals .grid-item:hover p{color:#fff;}
.ourgoals .grid-item:hover img{filter: brightness(0) invert(1);}


#aboutus .abt-introduction.core-functions ul li{border: 1px solid #000; margin-bottom: 10px !important; border-radius: 7px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; height: 90px; align-items: center; display: flex ; padding-right: 20px !important; 
transition:0.5s; align-items: center;}
#aboutus .abt-introduction.core-functions ul li:before { font-family: FontAwesome; position: absolute; left: 14px; color: #2A6B87; font-size: 1.5rem; content: "\f04e"; margin-top: -4px; }
#aboutus .aut-main .aut-sub p{line-height:25px !important;}
#aboutus .abt-introduction.core-functions ul{margin-left:0px !important;}

#aboutus .abt-introduction.core-functions ul li:hover{background-color:#2a6b87 !important;}
#aboutus .abt-introduction.core-functions ul li:hover:before{color:#fff; filter: brightness(0) invert(1);}
#aboutus .abt-introduction.core-functions ul li:hover p{color:#fff;}
#aboutus .abt-introduction.core-functions ul li:before{ font-family: FontAwesome; position: absolute; left: 14px; color: #2A6B87; font-size: 1.5rem; content: url(../../../../wp-content/uploads/2025/01/logo-ring-1.svg) !important; margin-top: 9px !important; }
#aboutus .abt-introduction.core-functions ul li p{margin-left:60px !important; font-weight:bold;}
/* about who we are ended  */


/* faqs  Start*/
.faqs .faq-item { border: 1px solid #ddd; */ /* border-radius: 8px; */ margin-bottom: 16px; overflow: hidden; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border: 1px solid #37718E; overflow: hidden; position: relative; }
.faqs .faq-question { padding: 20px 20px; background-color: #fff; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #37718E; transition: background-color 0.3s, color 0.3s; }
.faqs .faq-question:hover { background-color: #e9ecef; }
.faqs .collapse.show + .faq-question, .faq-question[aria-expanded="true"] { background-color: #37718E; color: #fff; }
.faqs .collapse.show + .faq-question span,
.faqs .faq-question[aria-expanded="true"]  span{color: #fff;}
.faqs .faq-answer { padding: 16px 20px; background-color: #fff; border-top: 1px solid #37718e;}
.faqs .icon { font-weight: bold; font-size: 18px; color: #007bff; }
.faqs .collapse.show .icon, .faq-question[aria-expanded="true"] .icon { color: #fff; transform: rotate(45deg); transition: transform 0.3s, color 0.3s; }
.faqs{padding-top: 20px !important; padding-bottom: 40px !important;}
.faqs h2{font-size: 35px; font-weight: 600; color: #486676; margin-bottom: 20px;}
.faqs .faq-answer.show{background-color: #37718E;}
.faqs .faq-answer.show p{color: #fff;}
.faqs .faq-item p{color: #37718E; font-size: 16px; font-weight: 600;}
.faqs .faq-item span { color: #37718E; font-size: 20px; font-weight: 700; text-transform: capitalize;}
.faqs .faq-item{margin-bottom: 18px;}

.faqs .faq-item{height:70px !important; transition:0.5s !important;}
.faqs .faq-item.open-faq{height:100% !important; transition:0.5s !important;} 

.faq-item .minus{display:none; font-size:28px !important; line-height:28px !important;}
.faq-item .plus{display:flex;  font-size:28px !important; line-height:28px !important;}
.faq-item.open-faq .minus{display:flex !important;}
.faq-item.open-faq .plus{display:none;}

.faqs .faq-item li { color: #37718E; font-size: 16px; font-weight: 600; padding-bottom: 10px; line-height: 28px;}
/*Faq End*/


/* contact section css started  */
.contact-section{padding-bottom:60px !important;}
.contact-section .row{display:flex;}
.contact-section .contact-info{width:50% !important;}
.contact-section .contact-image{width:50% !important;}
.contactinfo .row{ background: url('../../../../wp-content/uploads/2024/12/Group-59-1-1.png'); padding: 60px 20px; border-radius: 3px; background-repeat: no-repeat; background-position: center; background-size: cover; align-items: center;}
.contact-section .contact-info{padding-top: 0px !important;}

.contactinfo .form-container { background-color: #fff; padding: 40px 30px 20px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); width: auto; max-width: 100%; }
.contactinfo .contact-form { display: flex; flex-wrap: wrap; gap: 20px; }
.contactinfo .form-feild { display: flex ; flex-direction: column; gap: 6px; width: 43%; padding: 0px 13px; }
.contactinfo .form-feild label {font-size: 14px; color: #8c8c8c; font-weight: 500; position: absolute; top: 5px; height: revert; z-index: 999; }
.contactinfo .form-feild input, .input-group textarea { width: 100%; padding: 12px 15px; font-size: 16px; color: #37718E; border: none; border-bottom: 2px solid #37718E; outline: none; transition: border 0.3s ease; }
.input-group input:focus, .input-group textarea:focus { border-top: 0px solid #37718E; }
.contactinfo textarea { resize: vertical; min-height: 120px; }
.contactinfo .submit-button { border: 1px solid #37718E !important; color: #37718E; padding: 14px; font-size: 16px; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; text-transform: uppercase; width: auto; background: #fff; padding: 12px 26px; margin: auto; }
.submit-button:hover { background-color: #37718E; color: #fff !important; }
.contactinfo .submit-button:active { background-color: #3361c9; }
.contactinfo .wpcf7 {width:100% !important; display: flex !important; flex-wrap: wrap !important; gap: 20px !important;}

/* .contactinfo .form-feild::nth-child(4){width:100% !important;} */
.contactinfo .form-feild:nth-child(5){width:93% !important;}
.contactinfo .form-feild:nth-child(6){width:100% !important;}
.contactinfo .form-feild:nth-child(7){width:100% !important; text-align: center;}
.contactinfo .form-feild:nth-child(6) textarea{width: 100% !important; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 2px solid #37718e; height: 60px;}
.form-feild br{display:none !important;}
.form-feild{position:relative !important;}
.contactinfo .wpcf7-submit { width: fit-content !important; padding: 12px 41px !important; font-size: 16px; color: #37718E; border: none; border: 2px solid #37718E !important; outline: none; transition: border 0.3s ease; background: #fff0 !important; margin: auto; }

.contact-section li{color:#fff !important;}
.contact-section li a{color:#fff !important;}
.contact-info i { font-size: 24px; color: #fff; margin-right: 15px; }
.contact-info li { display: flex ; align-items: flex-start; margin-bottom: 20px; }
.contactinfo .form-feild:nth-child(6) textarea:focus{border:0px !important;}
.contactinfo .form-feild:nth-child(6) textarea:active{border:0px !important;}
.wpcf7-drag-n-drop-file.d-none{display: block !important; opacity: 1 !important; visibility: visible !important; position: initial !important;}

/* contact section css ended  */

/*Innerpages Banner Start*/

.expert-template-default{}
.expert-template-default .innerbanners{padding-top: 40px; padding-bottom: 40px;}
.expert-template-default .innerbanners .row .sidetext h1{display: none;}
.innerbanners .row .sidetext h1{display: none;}


.page-template-homepage-template .innerbanners{display: none;}
.innerbanners{background: url(../../../../wp-content/uploads/2024/12/Group-59-1.png); background-color: #486676; /*padding: 50px 0px; padding-top: 100px;*/ padding-left: 7%; padding-right: 7%;}
.innerbanners .row{display: flex ; align-items: center;}
.innerbanners .row .sideimg{border-right: 2px solid #fff;}
.innerbanners .row .sideimg img{padding-right: 50px;}
.innerbanners .row .sidetext{width: 100%; text-align: center; color: #fff; text-transform: capitalize;}
.innerbanners .row .sidetext h1{text-transform: uppercase; font-weight: 800; font-size: 40px; font-family: "BukraGM"; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.innerbanners .row .sidetext h2{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.subheadingsubcat{font-size: 25px; font-weight: bold;}
/*Innerpages Banner End*/

#aboutus .abt-partners .prt-listing .prt-main{align-items: center;}

/* search modal  */

/* Modal Background */
.top-searc-content .modal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  overflow: auto; /* Enable scroll if needed */
}

/* Modal Content */
.top-searc-content .modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border-radius: 5px;
  width: 80%;
  max-width: 500px;
}

/* Close Button */
.top-searc-content .close-btn {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 25px;
  cursor: pointer;
}

/* Close button on hover */
.top-searc-content .close-btn:hover,
.top-searc-content .close-btn:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Basic styling */
.top-searc-content .search-form {
display: flex ; justify-content: center; align-items: center; width: 100%; max-width: 600px; margin: 0 auto; padding: 4px 0px; border: 1px solid #000; border-radius: 30px; }
}

.top-searc-content .search-container {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 25px;
  border: 2px solid #ddd !important;
  background-color: #f7f7f7;
  transition: all 0.3s ease;
}

.top-searc-content .search-container:hover {
  border-color: #007bff;
  background-color: #f1f8ff;
}

.top-searc-content .search-field {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 25px;
  outline: none;
  font-size: 16px;
  color: #333;
  background-color: transparent;
  transition: all 0.3s ease;
  text-align: left;
}

.top-searc-content .search-field::placeholder {
  color: #888;
  font-style: italic;
}

.top-searc-content .search-submit {
/*  background-color: #486676 !important;*/
  color: #486676;
  padding: 12px;
  border: none !important;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-left: 10px;
}

.top-searc-content .search-submit:hover {
  background-color: #0056b3;
}

.top-searc-content .search-submit i {
  font-size: 18px;
}

/* Focus effects */
.top-searc-content .search-field:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.top-searc-content .search-container:focus-within {
  border-color: #007bff;
}

/* search result page  */

/* Search Results Container */
.search-results-container {
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.search-results h1 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
	font-family: 'BukraGM';
}

.search-results {
/*     display: ; */
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

/* Individual Post Style */
.search-post {
    background: #f9f9f9;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.search-post:hover {
    transform: translateY(-10px);
}

.search-post-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.search-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-post-details {
    padding: 20px;
}

.search-post-title {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
    transition: color 0.3s ease;
}

.search-post-title a {color: #446a7a; text-decoration: none; font-family: 'BukraGM-Light'; font-weight: 700; font-size: 20px;}

.search-post-title a:hover {
    color: #446a7a;
}

.search-results-container .search-results{display:grid !important;}

.search-post-excerpt {font-size: 16px; color: #000; line-height: 26px; font-family: 'Poppins';}

.pagination {
    text-align: center;
    margin-top: 40px;
}

.pagination .page-numbers {
    background-color: #446a7a;
    color: white;
    padding: 10px 15px;
    margin: 0 5px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
}

.pagination .page-numbers.current {
    background-color: #333;
}

/* our mission and vision secion css  */

.strategic-plan h1 {font-size: 50px; font-weight: bold; color: #5a6e82; margin-bottom: 70px; line-height: 74px;}
.strategic-plan .row { display: flex; justify-content: space-between; gap: 40px; }
.strategic-plan .col { flex: 1; }
.strategic-plan .left-col h2 { font-size: 36px; font-weight: bold; color: #5a6e82; margin-bottom: 20px; }
.strategic-plan .left-col .description { font-size: 14px; color: #757575; line-height: 1.8; }
.strategic-plan .right-col .box { padding: 30px 23px 0px; height: 40%; display: flex ; align-items: center; flex-direction: column; justify-content: center; text-align: justify; }
.strategic-plan .right-col h3 { font-size: 20px; font-weight: bold; color: #5a6e82; margin-bottom: 10px; width:-webkit-fill-available;}
.strategic-plan .right-col p { font-size: 14px; color: #757575; line-height: 1.8; width: -webkit-fill-available;}
.strategic-plan .container{padding: 50px 3% !important; max-width: 1300px; margin: 0 auto;}
.strategic-plan .vision{}
.strategic-plan .vision h2{font-size: 28px; font-weight: bold; color: #00334e; text-align: left;}
.strategic-plan .vision p{font-size: 14px; color: #757575; line-height: 1.8;}
.col .box:nth-child(1){border-left:1px solid #000 !important;}
.col .box:nth-child(2){border-left:1px solid #000 !important; border-top:1px solid #000 !important;}

.strategic-plan .left-col{display:flex !important; align-items:center !important;}

/* our mission and vission section css ended  */

.values-section:nth-child(4) .value-item{}
.values-section:nth-child(5) .value-item{}

.page-template-events-templates{}
.page-template-events-templates .sidetext{}
.page-template-events-templates .sidetext .main-title{display: none;}

.leadership-section{}
.leadership-section table{width: 100%;}
.leadership-section table tr{}
.leadership-section table tr th{padding: 5px 10px; text-align: left; background-color: #37718e; border: 1px solid #000; color: #fff;}
.leadership-section table tr td{padding: 5px 10px; border: 1px solid #000;}
.leadership-section table.protocol{margin: 30px 0px;}

.leadership-section ol li a, .leadership-section p a{font-weight: bold; text-decoration: underline; text-align:justify;}
.leadership-section ol li a:hover, .leadership-section p a:hover;{text-decoration: none;}

.eventtabs .tabs { display: flex; flex-direction: column; }
.eventtabs .tab-buttons { display: flex ; cursor: pointer; margin-bottom: 10px; align-items: center; justify-content: center;}
.eventtabs .tab-buttons div {padding: 10px; border: 1px solid #949599; margin-right: 5px; background-color: #949599; color: #fff;}
.eventtabs .tab-buttons .active {border: 1px solid #446a7a; background-color: #446a7a;}
.eventtabs .tab-content.active { display: block; }


.humanright{}
.humanright .tabs{}
.humanright .tab-buttons { display: flex; cursor: pointer; margin-bottom: 10px; }
.humanright .tab-buttons div {margin-right: 5px; background-color: #fff; border: 1px solid #ddd; font-size: 18px; font-weight: bold; color: #00334e; margin-bottom: 10px; text-align: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-radius: 8px; transition: 0.5s; padding: 50px; line-height: 25px; width: 33.333%;}
.humanright .tab-buttons div:hover{background: #37718E; transform: scale(1.05); color: #fff;}
.humanright .tab-buttons div img{width: 120px; }
.humanright .tab-buttons .active {background: #37718E; color: #fff; }
.humanright .tab-buttons div:hover img, .humanright .tab-buttons .active img{filter: brightness(0) invert(1);}
.humanright .tab-content { display: none; border: 1px solid #ccc; padding: 10px 20px; background-color: #fff; }
.humanright .tab-content.active { display: block; }


.customtab{background: #ffffff  !important; border: 1px solid #C4D0DD; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 30px !important; text-align: left; transition: transform 0.3s, box-shadow 0.3s; display: flex ; flex-direction: column; align-items: center; justify-content: center; width: 270px; color: #000 !important; transition:0.5s; font-size:18px !important;}
.customtab.active{background:#37718E !important; color:#fff !important;}
.customtab:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transform:scale(1.1);}
.eventtabs .tab-buttons{gap:20px !important;}
.eventtabs .accordion{background:#37718E !important;}



.international-and-regional ul { list-style: none; padding: 0; margin: 0 0 10px 0; }
.international-and-regional ul li { display: block; margin-right: 10px; }
.international-and-regional ul li a { text-decoration:none !important; text-align: center; background: #ffffff !important; border: 1px solid #C4D0DD; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 60px 50px !important; transition: transform 0.3s, box-shadow 0.3s; display: flex ; flex-direction: column; align-items: center; justify-content: center; width: 270px; color: #000 !important; transition: 0.5s; font-size: 18px !important; }
.international-and-regional ul li a img{padding-bottom:20px !important; width: 120px; }
.international-and-regional ul li a.active { border: 1px solid #446a7a !important; background-color: #37718E !important; color:#fff !important;}
.international-and-regional ul li a.active img{filter:brightness(0) invert(1);}
.international-and-regional .tab-content { display: none; padding: 15px; border: 0px solid #ccc; margin-bottom: 20px; border-radius: 4px; background: #fff0; }
.international-and-regional .tab-content.active { display: block; }
.international-and-regional .inner-tabs { margin-top: 10px; }
.international-and-regional .outer-tabs{justify-content: center; display: flex ;}
.international-and-regional .inner-tabs{justify-content: center; display: flex ;}
.international-and-regional h2 { font-size: 30px; font-weight: 600; color: #486676; text-shadow: none; background: transparent !important; }
.international-and-regional p { font-size: 16px; color: #474648; line-height: 2rem; text-align:justify;}
.international-and-regional ol li { font-size: 16px; padding-bottom: 10px; line-height: 28px; }
.international-and-regional h3 { color: #486676; }
.international-and-regional a{text-decoration: underline; font-weight: 600;}

.international-and-regional .accordion-item {margin-bottom: 10px;}
.international-and-regional .accordion-header {padding: 19px; position: relative; background-color: #37718E !important; color: #fff; padding-left: 30px; margin-bottom: 20px; cursor: pointer; border-radius: 10px; border: 0;}
.international-and-regional .accordion-content { display: none; padding: 10px; border-top: none; border-radius: 0 0 4px 4px; text-align: justify; }
.international-and-regional .accordion-content.active { display: block; }
.international-and-regional .accordion-content.sv-text{font-size: inherit !important;} 


.accordion-header.active::after{content: "\f068"; font-family: fontawesome;}
.accordion-header::after{content: "\f067"; font-family: fontawesome; position: absolute; right: 20px; top: 20px;}


/* .contact-section { max-width: 320px; padding: 30px 20px; background: #fff; color: #000; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } */
.contact-section h2 { font-size: 40px; font-weight: bold; margin-bottom: 10px; }
.contact-section .description { font-size: 14px; line-height: 25px; margin-bottom: 20px; }
.contact-section .contact-info { display: flex; flex-direction: column; gap: 20px; }
.contact-section .contact-info a{ display: flex; align-items: center; gap: 20px; }
.contact-section .info-item { display: flex; align-items: center; gap: 15px; }
.contact-section .icon { background-color: #357496; border-radius: 50%; padding: 10px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.contact-section .icon img { width: 20px; height: 20px; filter: brightness(1000%); }
.contact-section .icon{height:30px !important; width:30px !important;}
.contact-section .text strong { display: block; font-size: 14px; letter-spacing: 0.5px; margin-bottom: 2px; }
.contact-section .text p { font-size: 14px; margin: 0; padding-top: 3px;}
.contact-section hr { margin: 25px 0; border: none; border-top: 1px solid #ddd; }
.follow-us h3 { font-size: 40px; margin-bottom: 10px; margin-bottom:15px !important;}
.social-icons a { margin-right: 10px; }
.social-icons img { width: 30px; height: 30px; }


.contactformsection {
  font-family: 'Poppins', sans-serif;
  max-width: 600px;
  margin: 0 auto;
  color: #6e6e6e;
}
.contactformsection  #label_1_6_1{display:flex !important; font-family: "BukraGM" !important; line-height: 25px; font-size: 14px; color: #888;}
.contactformsection  #label_2_6_1{display:flex !important; font-family: "BukraGM" !important; line-height: 25px; font-size: 14px; color: #888;}
.contactformsection  .gfield_checkbox .gchoice{display:flex !important; margin-top:20px !important;}
.contactformsection  .gfield_checkbox input{width: 27px !important; margin-top: 0px !important; margin-right: 14px !important; }
.contactformsection input[type="text"],
.contactformsection input[type="email"],
.contactformsection textarea {
width: 100%; padding: 13px 20px !important; border: none; border: 1px solid #81a7b8; background: transparent; font-size: 16px; color: #333; outline: none; box-shadow: none; border-radius: 0;
}

.contactformsection textarea {
  resize: vertical;
  min-height: 100px;
}

.contactformsection .gfield_label,
.contactformsection legend.gfield_label {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
  color: #777;
}

.contactformsection .gform_footer {
  text-align: left;
  margin-top: 20px;
}

.contactformsection .gform_footer input[type="submit"] {
  transition: background 0.3s ease;
  border: 1px solid #2A6B87;
  border-radius: 0.3rem;
  background: linear-gradient(90deg, #2A6B87 0%, #81a7b8 50%);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  width: min-content !important;
  padding: 9px 20px !important;
}

.contactformsection .gform_footer input[type="submit"]:hover {
  background: #37718e;
}

.contactformsection p {
  font-size: 14px;
  color: #888;
  margin-top: 20px;
}
.widthmap{width:-webkit-fill-available; padding-bottom:60px !important; padding-top:20px !important;}


.contactformsection fieldset{border:0px !important; padding:0px !important;}
.contactformsection fieldset legend{font-family: "BukraGM" !important; padding: 0.2rem 0; font-size: 0.8rem !important; font-weight: bold !important; color: #000 !important;}
/* .contactformsection input{color:#000 !important;} */
.contactformsection input::placeholder { color: #000 !important;}
.contactformsection textarea::placeholder { color: #000 !important;}
.contactformsection label{font-family: "BukraGM" !important; padding: 0.2rem 0; font-size: 0.8rem !important; font-weight: bold !important; color: #000 !important; line-height: 25px;display: flex !important;}
.contactformsection input{padding:15px 0px !important; width: -webkit-fill-available !important; margin-bottom: 20px !important; font-family:"BukraGM" !important; color:#000; font-weight:600;}
.contactformsection textarea{padding:15px 20px !important; width: -webkit-fill-available !important; font-family:"BukraGM" !important; height:120px !important; min-height:120px !important; max-height:120px !important; width:-webkit-fill-available !important;  max-width:-webkit-fill-available !important;  min-width:-webkit-fill-available !important; font-weight:bold !important; color:#000;}
.contactformsection input[type="checkbox" i]{width: 27px !important; margin-top: 0px !important; margin-right: 14px !important;}
.contactformsection input[type="submit"]{width: min-content !important; padding: 9px 20px !important; border-radius: 4px !important; font-size: 13px !important; border: 1px solid #2A6B87; background: linear-gradient(90deg, #2A6B87 0%, #81a7b8 50%); color: #fff; font-weight: 600;}
.contactformsection{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; overflow: hidden; padding: 60px 25px; border-radius: 20px; margin: 50px;}
.contactformsection  .gfield_checkbox{font-weight:bold !important; color:#000 !important;}
.contactformsection p{font-family:"BukraGM" !important; line-height:25px;}
.contactformsection h2{text-align: center; font-size: 40px; margin-top: 0px !important; font-family: "BukraGM"; color: #000;}
.contactformsection #gform_1 .gform_footer input[type="submit"]{width: min-content !important; padding: 9px 20px !important; border-radius: 4px !important; font-size: 13px !important; border: 1px solid #2A6B87; background: linear-gradient(90deg, #2A6B87 0%, #81a7b8 50%); color: #fff; font-weight: 600; cursor: pointer;}
.contactformsection  #field_1_6 legend{display:none !important;}
.contactformsection  #field_2_6 legend{display:none !important;}
.contactformsection #label_2_6_1 {
    display: flex !important;
    font-family: "BukraGM" !important;
    line-height: 25px;
    text-align: justify;
}


.field_description_below

  .vision-mission-section {
      padding: 0px 0px;
    }
.missiontitle{
	color: #2A6B87;
    font-family: "BukraGM-Medium";
    font-size: 1.6rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

 
.vision-mission-section .container{padding:0px !important;}
   .vision-mission-section .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 40px;
    }

    .vision-mission-section .column {
      width:100%;
      position: relative;
		display:flex;
		align-items:center;
    }
.vision-box .box{width:50%; display: flex ; flex-direction: column; justify-content: center; height: 220px !important;} 
.vision-box .boximage{width:50%; text-align:center;}
.boximage img{width:55%; height: 230px; object-fit: contain;}

.mission-box .box{width:50%; display: flex ; flex-direction: column; justify-content: center; height:220px !important;}
.mission-box .boximage{width:50%; text-align:center;}
.mission-box{margin-top:30px !important;}
.vision-mission-section .box { background-color: #37718E; color: #fff; padding: 30px 25px; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
.vision-mission-section .box h3 { font-size: 24px; font-weight: 600; margin-bottom: 15px; }
.vision-mission-section .box h3 span { color: #ffffff; margin-right: 10px; font-weight: bold; display:none ;}
.vision-mission-section .box p { font-size: 16px; line-height: 1.6; }

 
@media screen and (max-width: 768px) {
.vision-mission-section  .row { flex-direction: column; align-items: center; }
.vision-mission-section .icon { position: static; margin-top: 20px; display: block; }
.vision-mission-section  .column { flex: 1 1 100%; text-align: center; }
}


.bannerswipper{position:relative !important;}

.international-and-regional .outer-tabs a{color:#37718e !important ;}
.mypdfbutton{margin-bottom:30px !important; display:block !important;}
.pdfimage{width:100% !important;}


.termscondition{}
.termscondition h3{}
.termscondition p{text-align: justify;}
.termscondition ul{ padding: 0px 20px; text-align: justify;}
.termscondition ul li{display: block; padding: 5px 0px; font-size: 16px; color: #474648; line-height: 2rem; padding-left: 20px; position: relative;}
.termscondition ul li:before{content: "\f111"; font-family: fontawesome; font-size: 7px; position: absolute; left: 0; }
.termscondition ul li a{}
.termscondition ul li a:hover{}


.single-post{}
.single-post p{}
.single-post p a{text-decoration: underline; font-weight: bold;}
.single-post p a:hover{text-decoration: none;}

/* Responsive */

@media (max-width: 3200px) and (min-width: 991px){
	.board-of-directors .db-lising {display: grid !important; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; gap:15px !important;}
	.board-of-directors .db-lising .bd-single:nth-child(1) { grid-area: 1 / 3 / 3 / 7; }
    .board-of-directors .db-lising .bd-single:nth-child(2) { grid-area: 3 / 1 / 5 / 3; }
    .board-of-directors .db-lising .bd-single:nth-child(3) { grid-area: 3 / 3 / 5 / 5; }
    .board-of-directors .db-lising .bd-single:nth-child(4) { grid-area: 3 / 5 / 5 / 7; }
    .board-of-directors .db-lising .bd-single:nth-child(5) { grid-area: 3 / 7 / 5 / 9; }
	#aboutus .board-of-directors .db-lising .bd-single { width: 100% !important; display: grid  !important;}
	.board-of-directors .db-lising h6{text-align:center !important;}
}

@media (max-width: 1450px) and (min-width: 1280px){
  .newhomebanner .swiper-slide{height: 100vh;}

}

@media (max-width: 1280px) and (min-width: 1024px){
	.top-bar {overflow:hidden !important;}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button, header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::before, header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::after{background:#fff !important;}
}
@media (max-width: 1023px) and (min-width: 992px){
.top-bar {overflow:hidden !important;}
header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button, header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::before, header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::after{background:#fff !important;}
}
@media (max-width: 991px){
	body h1{font-size:24px !important;}
	body h2{font-size:18px !important;}
	body h3{font-size:16px !important;}
	body h4{font-size:16px !important;}
	body h5{font-size:14px !important;}
	body h6{font-size:14px !important;}
	body p{font-size:14px !important;}
	body a{font-size:14px !important;}
	body span{font-size:14px !important;}
	
/* 	banner css */
	.newhomebanner .banner-content h1{margin-top:0px !important;}
	.newhomebanner .banner-content{padding-left: 4%; width:100% !important;}
	.newhomebanner{height:65vh !important;}
/* 	banner css ended  */
	
/* 	message section  */
	.home-message-area .msg-main{display: flex !important; flex-direction: column-reverse;}
	.home-message-area.chairperson-mes .msg-main .msg-sub.msg-desc h2{margin-bottom: 10px; margin-top: 20px; text-align: center; width: auto;}
	.home-message-area .msg-main .msg-sub.msg-desc p{text-align:center !important;}
	.home-message-area.chairperson-mes .readmore{margin:auto !important;}
	.chairperson-mes{padding:40px 0% 0px !important;}
  .team-section .common-section .team-card .overlay h3{font-size: 14px !important;}
  .team-section .common-section .chairperson-details p{text-align: center !important;}
  .single-expert .se-top{padding-top: 40px;}
  .single-expert .se-top .se-top-main{grid-row-gap: 2rem;}
  .single-expert .se-content{padding: 0rem 0;}
/* 	message section ends  */
	
/* 	leader ship section */
	.leadership-section h2{font-size: 17px !important;}
	.leadership-section p{}
	.leadership-section .row.whowearerow{grid-column-gap: 1rem !important;}
	.leadership-section .row.whowearerow .col-md-6 h4{justify-content:center;}
	.leadership-section .row.whowearerow .col-md-6 p { text-align: center; }
/* 	leader ship section ended*/
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button, header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::before, header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::after{background:#fff !important;}
	
/* 	tolbar  */
	.top-bar{overflow:hidden !important;}
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont img{width:80% !important;}
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single{justify-content:flex-start !important;}
	.home-message-area .msg-main .msg-sub.msg-img{justify-content:center !important;}
	
	.eventSection { padding: 50px 0% !important; }
	.contactinfo .form-feild{width:100% !important;}
	.contactinfo .form-feild:nth-child(5) { width: 86% !important; }
	
	/* 	footer  */
	footer section .ft-middle { padding: 0rem 0rem; }
	footer section .ft-middle .ft-m-content .ft-m-ch{display:block !important; padding-bottom:0px !important;}
	footer h5{margin-top:0px !important;}
	footer .logo img{width:60% !important;}
	footer section .ft-top { padding: 2rem 0 0 0; position: relative; }
	footer section .ft-middle .ft-m-content{display:block !important;}

  .bannerswipper .swiper-button-next:after, .bannerswipper .swiper-button-prev:after{font-size: 18px !important;}
  #contactus .cont-common-section .ju-form-content .juf-main{}
	
}
@media (max-width: 767px){


  .innerbanners .row .sidetext h1{font-size: 17px !important;}
	.dropdown:hover > .dropdown-menu{width: 100%; text-align: center;}
	.head-menu .main-nav .navbar .navbar-nav li .dropdown-menu li a:hover{color: #fff;}
	
/* 	header responsive start  */
	.top-bar{display:none !important;}
	header{position: relative !important; top: 0px !important; background: #446a7a; padding-top:20px !important;}
	header.minimized{position:fixed !important;}
/* 	header.fixed .main-hd{display:none !important;} */
	/*header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single{justify-content:flex-start;}*/
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont{text-align:left !important;}
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont img { width: 70%; }
	header .top-hd{height:fit-content !important;}
	
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button, header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::before, header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button::after{background:#fff !important;}
	.NavMenu{background:#fff !important; top:0px !important;}
	.NavMenu li a{border-bottom: 1px solid #286681 !important;}
	html{margin-top:0px !important;}
	header {}
	
/* 	header responsive end  */
	
/* 	board of direction  */
	.team-section .common-section .row{display: flex ; flex-direction: column-reverse;}
/*  .team-section .common-section .row{display: block !important ;}*/
	.team-section { padding: 0px 0% !important; }
	.team-section .common-section .chairperson-section{height:280px !important; display: flex ; align-items: center; position: relative; overflow: hidden;}
	.team-section .common-section .chairperson-details{margin-top:0px !important;}
/* 	board of direction ended  */
	
/* 	events section started  */
	.eventSection .row{display:block !important;}
	.eventSection { padding: 50px 0% !important; }
	.faqs .faq-answer { padding: 16px 0px !important;}
/* 	events section ended  */
	
/* 	contact section  */
	.contact-section .row { display: block; }
	.contact-section .contact-info{width:100% !important;}
	.contact-section .contact-image{width:100% !important;}
	.contactinfo .wpcf7{display:block !important;}
	
	.contactinfo .form-feild{width:89% !important;}
	.contactinfo .form-feild:nth-child(5) { width: 89% !important; }
	.contactinfo .form-feild:nth-child(6) { width: 94% !important; }
	
	.contactinfo .row{padding:40px 20px !important;}
	
/* 	contact section ended  */
	
	.values-section .values-grid{display:block !important;}
	.values-section .value-item{margin-bottom:10px !important;}
	
	.ourgoals .grid-container{display:block !important;}
	.ourgoals .grid-item{margin-bottom:10px !important;}
	.ourgoals { padding: 20px 3% !important;}
	#aboutus .abt-introduction.core-functions ul li{height:240px !important; padding: 0 0 0 1rem;}
	#aboutus .abt-introduction.core-functions ul li:before{display:none !important;}
	#aboutus .abt-introduction.core-functions ul li p{margin-left:0px !important;}
	
  #aboutus .abt-partners .prt-main-heading h1{font-size: 18px !important;}

	.newhomebanner .swiper-pagination{display:none !important;}
	#aboutus .abt-introduction.core-functions { padding: 0rem 0; }
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single.top-hd-content-right{left:-30px !important; position: relative;}
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .hamburger-menu .menu-button-container.menu-button-selected .menu-button { background: rgba(255, 255, 255, 0) !important; }
	
	header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single .thd-logo-cont img { width: 60% !important; }
	.innerbanners{padding: 40px 0px; padding-top: 40px;}
	.innerbanners .row .sidetext h1{font-size:24px !important;}

  .eventSection .row .sideEvent img{height: auto;}
	.humanright .tab-buttons{display:block !important;}
	.humanright .tab-buttons div{display: block !important; width: 100% !important;}
	.humanright{overflow:hidden !important;}

  .sv-text ul li{display: block;}

  .newhomebanner .swiper-button-prev{top: 90% !important; left: 70% !important; background: #fff !important; height: 50px !important; width: 50px !important; border-radius: 50% !important;}
  .newhomebanner .swiper-button-next{top: 90% !important; right: 7%; background: #fff !important; height: 50px !important; width: 50px !important; border-radius: 50% !important;}
  .bannerswipper .swiper-button-next:after, .bannerswipper .swiper-button-prev:after{color: #000 !important;}
  .leadership-section .row.whowearerow{display: block;}
  .team-section .common-section .chairperson-section{ margin-bottom: 10px;}
  .leadership-section { padding-top: 90px !important; padding-bottom: 20px !important; }

 body{margin-top:0px !important;}
    header .main-hd .main-hd-pane .main-hd-content .main-hd-content-single{padding: 0px !important;}
    header .top-hd-pane.common-section{padding-bottom: 12px !important;}
    .eventSection .row .sideEvent .row .card{display: block !important; padding-bottom: 30px;}
    .eventSection .row .sideEvent .row .card h5 a{font-size: 16px !important; line-height: 28px !important; font-weight: 600 !important;}
     .eventSection .row .sideEvent .row .card h5{margin-top: 10px !important;}
     .eventSection .row .col-lg-6 h3 a{font-size: 16px !important;}
     .eventSection{padding-bottom: 0px !important; padding-top: 30px !important;}
     .newhomebanner .banner-content p{line-height: 25px !important;}

     #aboutus .aboutus-top ul.who-we-are li:before{display: none !important;}
     #aboutus .aboutus-top ul.who-we-are li{padding-left: 0px !important;}
     .innerbanners .row .sidetext h1{display: block !important;}
     #aboutus .aut-main .aut-sub.auts-right{padding-bottom: 0px !important;}
     .home-message-area .msg-main .msg-sub.msg-desc h2{margin-bottom: 0px !important; line-height: 40px !important;}
     #aboutus .board-of-directors .db-lising .bd-single .db-link{padding: 0px !important;}
     #aboutus .board-of-directors .db-lising .bd-single{padding: 1rem 0;}
     #aboutus .abt-org-str .abt-dots .dots-design{display: none !important;}
     #aboutus .abt-org-str .abt-os-heading .aos-heading h2{text-align: center;}
     #aboutus .abt-org-str .abt-os-heading .aos-icon{display: none;}
     .vision-box .boximage{display: none;}
     .vision-box .box{width: 100% !important;}
     .mission-box .boximage{display: none;}
     .mission-box .box{width: 100% !important;}
     .vision-mission-section .row{gap:0px !important;}
     .strategic-plan .container{padding-bottom: 0px !important;}
     .ourgoals .grid-item{width: -webkit-fill-available !important;}
     #aboutus .abt-partners { padding: 0rem 0 !important; }
     #aboutus .abt-partners .prt-listing{padding: 1rem 0 2rem 0;}
     #aboutus .abt-partners .prt-listing .prt-main .prt-single{padding: 0rem 0rem;}
     #aboutus .aut-main .aut-sub h2{margin-bottom: 0px !important; padding-bottom: 20px;}
     #events .events-list ul li .evt-image img { max-height: 250px; min-height: 250px; object-fit: cover; object-position: center;}
     #events .events-list ul li .evt-details h1{font-size: 18px !important; margin-top: 10px !important;}
     #events .events-list ul li .evt-details{padding: 1rem 1rem;}
     .events-list{padding-top: 40px !important; padding-bottom: 40px !important;}
     .strategic-plan h1{line-height: 0;}
     .strategic-plan .container{padding: 30px 3% !important;}
     .vision-mission-section .container{padding: 0px 3% !important;}
     .values-section{padding: 0px 3% !important;}

     .leadership-section .tab-buttons div{display: block !important; width: -webkit-fill-available !important;}
    #contactus .leadership-section { padding-top: 0px !important; padding-bottom: 40px !important; }
    .leadership-section table { width: 100%; overflow-x: scroll; display: block; }
    .humanright .tab-content{padding: 20px 20px;}

.leadership-section table::-webkit-scrollbar { width: 8px; height: 8px; }
.leadership-section table::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.leadership-section table::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; transition: background 0.3s ease; }
.leadership-section table::-webkit-scrollbar-thumb:hover { background: #555; }
.humanright .accordion h3 { font-family: "BukraGM"; color: #fff; font-size: 14px !important; line-height: 25px; margin-right: 20px;}
.humanright .accordion{padding-left: 15px !important;}
.international-and-regional .outer-tabs{display: block !important;}
.international-and-regional ul li a{width:-webkit-fill-available !important;}

#events .events-list ul{display: block;}
#events .events-list ul li{margin-bottom: 10px !important;}
.mg-list-sec{padding-top: 0px !important;}
.events-list.magazine-list{padding-bottom: 0px !important;}
.home-news .hm-ns-ls-content .hm-ns-ls{gap: 10px !important;}
.hm-ns-ls-content{margin-bottom: 40px !important;}

.contactformsection{width: -webkit-fill-available !important; margin: 0px !important; padding: 40px 15px !important;}
#contactus .cont-common-section { width: 100% !important; margin-bottom: 30px; }
#contactus{margin-bottom: 40px !important; padding-top: 40px !important;}
.cont-top-imag{width: -webkit-fill-available !important;}

.accordion h3{font-size:14px !important;}
.accordion{padding-left: 15px !important; margin-right: 20px !important;}
.cont-comm-icon{text-align: center !important; margin-bottom: 10px !important;}
#contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content{ width: -webkit-fill-available;}
body.page-id-390 #contactus .cont-common-section {margin-bottom: 0px !important;}
body.page-id-390 #contactus .cont-common-section .ju-form-content .juf-main .juf-ch { grid-column: span 6; }
.bmenu { width: 14px; height: 14px;}
body.page-id-386 .accordion { padding-left: 0px !important; margin-right: 0px !important; }
body.page-id-386 .accordion-wrap{padding-top: 0px !important; padding-bottom: 0px !important;}
.accordion__content p{line-height: 25px !important;}
.page-id-2232 .leadership-section { padding-top: 40px !important; padding-bottom: 40px !important; }
.page-id-2232 .leadership-section p{text-align: left !important;}

.page-id-2230 .leadership-section { padding-top: 40px !important; padding-bottom: 40px !important; }
.page-id-2230 .leadership-section p{text-align: left !important;}
.page-id-2230 ul li{font-size: 14px !important;}

footer section .ft-middle .ft-m-content .ft-m-ch ul li{padding-top: 0px !important;}
footer h5 { margin-top: 20px !important; }
.single-post h1{font-size: 19px !important; line-height: 2rem !important;}
body.page-id-81 .home-news .hm-ns-ls-content .hm-ns-ls .ns-ch h2{font-size: 16px !important;}
.top-searc-content .modal-content { margin-left: 0px !important; max-width: 100% !important; padding-left: 0px !important; margin-right: 0px !important; width: -webkit-fill-available; }
.top-searc-content .close-btn{right:45px !important;}
#contactus .cont-common-section .ju-form-content .juf-main{grid-row-gap: 0; grid-template-columns: repeat(5, 1fr); grid-column-gap: 0rem;}
}
@media (max-width: 577px){
    .NavMenu { width: 80% !important; }
	  header .top-hd .top-hd-pane .top-hd-content .top-hd-content-single.top-hd-content-right { left: -20px !important; position: relative; }
    .newhomebanner .swiper-button-prev{left: 62% !important;}
    /* header {top: 30px !important;} */
    /* header.fixed {top: 0px !important;} */


    .eventtabs .tab-buttons{display: block; margin-bottom: 0px !important;}
    .eventtabs .tab-buttons .customtab{margin-bottom: 10px !important; padding: 20px !important; margin-right: 0px !important;}
    .eventtabs .tab-content{padding: 0px !important;}
    .common-section .tab-content .common-text{padding-bottom: 0px !important;}
    .innerbanners .row .sidetext h1 { display: block !important; margin-bottom: 0px !important; margin-top: 0px !important; line-height: 43px; }
    .home-news .hm-ns-ls-content .hm-ns-ls .ns-ch h2{font-size: 18px !important;}
    #media-center .home-news{padding-bottom: 0px !important; padding-top: 40px !important;}
    #contactus .cont-common-section .ju-form-content .juf-main .juf-ch { grid-column: span 5; }
    #contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content{padding: 1rem 1rem;}
    #contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild input[type=text], #contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild textarea, #contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content .form-feild input[type=email]{width: -webkit-fill-available !important;}
    #contactus .cont-common-section .cont-comm-main .cont-comm-ch.cont-comm-right .cont-form-content{margin-bottom: 40px !important;}
   .accordion__content{ padding: 15px !important;}
   .innerbanners .row .sidetext h1{font-size: 17px !important; line-height: 30px;}


}

@media (max-width:375px)
{

}
@media (max-width:320px){

}



/*Banner Responsive Css Start*/
@media (max-width:450px){
  .newhomebanner{height: 85vh !important;}
  .newhomebanner .swiper-slide{height: 90vh;}
  .newhomebanner .swiper-button-prev{height: 35px !important; width: 35px !important;top: 93% !important; left: 68% !important;}
  .newhomebanner .swiper-button-next{height: 35px !important; width: 35px !important; top: 93% !important; }
  .newhomebanner .banner-content a{padding: 9px 10px; margin-top: 45px;}
  .newhomebanner .mob-banner1{background-image: url(https://theuahr.org/wp-content/uploads/2025/10/Series-of-special-exhibitions-V1_Web-Banner-Eng.jpg) !important;}
  .newhomebanner .mob-banner2{background-image: url(https://theuahr.org/wp-content/uploads/2025/10/Magzine-4_Web-Banner-Magazine-1.jpg) !important;}
  .newhomebanner .mob-banner3{background-image: url(https://theuahr.org/wp-content/uploads/2025/10/Magzine-4_Web-Banner-Suppliment-eng.jpg) !important;}
  .newhomebanner .mob-banner4{background-image: url(https://theuahr.org/wp-content/uploads/2025/10/International-Seminar-1_Web-Banner-Eng.jpg) !important;}

}

@media (min-width: 1900px){
  .newhomebanner .swiper-slide{height: 45vh;}

}

/*Banner Responsive Css End*/