@charset "UTF-8";
@font-face {
  font-family: "ArabicAG-Regular";
  src: url(fonts/ArabicAG/ArabicAG.otf);
}
@font-face {
  font-family: "ArabicAG-Bold";
  src: url(fonts/ArabicAG/ArabicAG-Bold.otf);
}
@font-face {
  font-family: "ArabicAG-Medium";
  src: url(fonts/ArabicAG/ArabicAG-Medium.otf);
}
@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);
}
@font-face {
  font-family: "MerriWeather-Bold";
  src: url(fonts/merriweather/Merriweather-Bold.ttf);
}
@font-face {
  font-family: "MerriWeather-Regular";
  src: url(fonts/merriweather/Merriweather-Regular.ttf);
}
html, body {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #f5f5f5;
  color: #000;
}

@keyframes loading {
  0% {
    height: 0;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 0;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 99999999999;
}
.loader .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  display: flex;
  align-items: center;
}
.loader .loading .obj {
  width: 6px;
  height: 0px;
  background: #00a19b;
  margin: 0 3px;
  border-radius: 10px;
  animation: loading 1.2s infinite;
}
.loader .loading .obj:nth-child(2) {
  animation-delay: 0.15s;
}
.loader .loading .obj:nth-child(3) {
  animation-delay: 0.3s;
}
.loader .loading .obj:nth-child(4) {
  animation-delay: 0.45s;
}
.loader .loading .obj:nth-child(5) {
  animation-delay: 0.6s;
}
.loader .loading .obj:nth-child(6) {
  animation-delay: 0.75s;
}
.loader .loading .obj:nth-child(7) {
  animation-delay: 0.9s;
}
.loader .loading .obj:nth-child(8) {
  animation-delay: 1.05s;
}

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

.mobile-inner-text {
  padding: 20px 20px 0 20px;
  display: none;
  visibility: hidden;
}
@media (max-width: 600px) {
  .mobile-inner-text {
    display: block;
    visibility: visible;
  }
}
.mobile-inner-text h1 {
  font-weight: 700;
  color: #000;
  font-size: 1.3rem;
  line-height: 2rem;
}
.mobile-inner-text p {
  font-size: 0.9rem;
}

.common-container {
  padding: 3rem 0;
  width: 100%;
  z-index: 11;
}
.common-container.no-bottom-border {
  padding: 3rem 0 0 0;
}
.common-container.no-top-border {
  padding: 0 0 3rem 0;
}
.common-container.no-border {
  padding: 0;
}
.common-container .common-container-inner {
  margin: 0 auto;
  max-width: 1300px;
  position: relative;
}
@media (max-width: 1300px) {
  .common-container .common-container-inner {
    padding: 0 20px;
  }
}

.common-header {
  position: relative;
}
.common-header.home-common-header {
  margin: 0 50px;
}
@media (max-width: 1023px) {
  .common-header.home-common-header {
    margin: 0;
  }
}
.common-header h1 {
  text-transform: capitalize;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0 0 9px 0;
  text-shadow: 0px 0px 1px black;
  border-bottom: 1px solid #00a19b;
  margin-bottom: 20px;
}
.common-header h1 span {
  border-bottom: 5px solid #1C3044;
  padding-bottom: 6px;
}

.common-divider {
  border-style: solid;
  border-width: 1px;
  -o-border-image: linear-gradient(to left, rgb(255, 255, 255) 1%, rgb(3, 130, 125) 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(3, 130, 125) 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;
}

.common-divider-en {
  border-style: solid;
  border-width: 1px;
  -o-border-image: linear-gradient(to left, rgb(255, 255, 255) 1%, rgb(3, 130, 125) 50%, rgb(3, 130, 125) 100%) 100% 0 100% 0/3px 0 3px 0 stretch;
  border-image: linear-gradient(to left, rgb(255, 255, 255) 1%, rgb(3, 130, 125) 50%, rgb(3, 130, 125) 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;
}

.common-divider-ar {
  border-style: solid;
  border-width: 1px;
  -o-border-image: linear-gradient(to left, rgb(3, 130, 125) 1%, rgb(3, 130, 125) 50%, rgb(255, 255, 255) 100%) 100% 0 100% 0/3px 0 3px 0 stretch;
  border-image: linear-gradient(to left, rgb(3, 130, 125) 1%, rgb(3, 130, 125) 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;
}

header#hanburger-menu {
  position: fixed;
  width: 300px;
  max-width: 100%;
  min-height: 500px;
  height: auto;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  transition: left 600ms;
}
header#hanburger-menu .pageProgress {
  background: rgb(94, 2, 2);
  width: 0;
  height: 5px;
  left: 0;
  top: 0;
  position: relative;
}
header#hanburger-menu ul {
  list-style: none;
  padding: 0;
  color: #000;
}
header#hanburger-menu ul a {
  color: #000;
}
header#hanburger-menu ul a:hover {
  text-decoration: none;
}
header#hanburger-menu.hb-main-expand {
  display: block !important;
}
header#hanburger-menu .hb-close {
  position: absolute;
  right: -3rem;
  top: 0;
  background: rgb(10, 3, 70);
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
header#hanburger-menu .hb-close i {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 100;
}
header#hanburger-menu .hb-menu-container {
  height: auto;
  position: relative;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav {
  height: auto;
  left: 0;
  position: relative;
  transition: left 400ms;
  display: block;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .icon-menu {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin-left: 3rem;
  margin-right: 3rem;
  padding-top: 1rem;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .icon-menu ul {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .icon-menu ul li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 1.6rem 0 0;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .icon-menu ul li a:hover {
  color: #10656e;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-logo {
  display: flex;
  padding: 0.5rem 1.25rem 1rem 3rem;
  align-items: center;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-logo a img {
  width: 60%;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-one {
  margin-left: 3rem;
  margin-right: 3rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-one.hb-bottom-nav {
  border-top: 1px solid #d8d8d8;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-one li a {
  padding: 0;
  margin-bottom: 0.7rem;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid transparent;
  font-size: 0.95rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-one li a:hover, header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-one li a i {
  color: #10656e;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-one li a:not(.hb-back-link a, .main-heading a) {
  font-size: 0.95rem;
  font-weight: 500;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-two {
  top: 5.25rem;
  background: #fff;
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  transition: left 600ms;
  display: none !important;
  overflow: visible;
  visibility: hidden;
  pointer-events: none;
  padding: 0 2rem 0 2rem;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-two.expanded-child {
  display: block !important;
  pointer-events: auto;
  visibility: visible;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-two .hb-back-link {
  border-bottom: 1px solid #d8d8d8;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-two .hb-back-link i {
  color: #10656e;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-two .hb-nav-level-two-contianer {
  display: flex;
  flex-flow: column nowrap;
  height: auto;
  width: 100%;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-two .hb-nav-level-two-contianer .hb-logo {
  padding: 0.5rem 1.25rem 1rem 0;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-two .hb-nav-level-two-contianer section {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  overflow: visible;
  position: relative;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav .hb-nav-level-two .hb-nav-level-two-contianer section h5 {
  padding: 5px 0 10px 0;
  font-size: 1rem;
  font-weight: 600;
  color: #10656e;
}
header#hanburger-menu .hb-menu-container .hb-menu-nav.expanded {
  left: -100%;
}

header#custom-header {
  width: 100%;
  height: auto;
  /*border:1px solid red;*/
  position: fixed;
  top: 0;
  z-index: 9999;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0.5) 70%, rgba(227, 237, 238, 0) 100%);
  transition: background 200ms;
}
@media (max-width: 750px) {
  header#custom-header {
    position: relative;
    background: rgb(255, 255, 255);
  }
}
header#custom-header a {
  text-decoration: none;
}
header#custom-header a:hover {
  text-decoration: none;
}
header#custom-header .pageProgress {
  background: rgb(94, 2, 2);
  width: 0;
  height: 5px;
  left: 0;
  top: 0;
  position: relative;
}
header#custom-header .top-header, header#custom-header .bottom-header {
  width: 100%;
}
header#custom-header .top-header .header-content, header#custom-header .bottom-header .header-content {
  max-width: 1400px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
header#custom-header .top-header .header-content ul, header#custom-header .bottom-header .header-content ul {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}
header#custom-header .top-header .header-content ul.ext-offices, header#custom-header .bottom-header .header-content ul.ext-offices {
  justify-content: space-around;
}
header#custom-header .top-header .header-content ul li, header#custom-header .bottom-header .header-content ul li {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 1.6rem 0 0;
}
@media (max-width: 1400px) {
  header#custom-header .top-header .header-content ul li, header#custom-header .bottom-header .header-content ul li {
    margin: 0 1rem;
  }
}
@media (max-width: 1200px) {
  header#custom-header .top-header .header-content ul li, header#custom-header .bottom-header .header-content ul li {
    margin: 0 0.6rem;
  }
}
header#custom-header .top-header .header-content ul li:first-child, header#custom-header .bottom-header .header-content ul li:first-child {
  padding: 0;
}
header#custom-header .top-header .header-content ul li a, header#custom-header .bottom-header .header-content ul li a {
  color: #FFF;
  font-size: 0.85rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
header#custom-header .top-header .header-content .bottom-nav, header#custom-header .bottom-header .header-content .bottom-nav {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 5px 0;
}
header#custom-header .top-header .header-content .bottom-nav .logo__nav, header#custom-header .bottom-header .header-content .bottom-nav .logo__nav {
  width: 20%;
}
header#custom-header .top-header .header-content .bottom-nav .logo__nav.ex-office, header#custom-header .bottom-header .header-content .bottom-nav .logo__nav.ex-office {
  width: 25%;
}
header#custom-header .top-header .header-content .bottom-nav .logo__nav img, header#custom-header .bottom-header .header-content .bottom-nav .logo__nav img {
  width: 95%;
}
header#custom-header .top-header .header-content .bottom-nav .column, header#custom-header .bottom-header .header-content .bottom-nav .column {
  display: flex;
  flex-direction: column;
  min-width: 100px;
}
header#custom-header .top-header .header-content .bottom-nav .column.handburger, header#custom-header .bottom-header .header-content .bottom-nav .column.handburger {
  display: none;
  visibility: hidden;
}
header#custom-header .top-header .header-content .bottom-nav .column.handburger i, header#custom-header .bottom-header .header-content .bottom-nav .column.handburger i {
  color: #fff;
  font-size: 1.8rem;
  cursor: pointer;
}
@media (max-width: 1100px) {
  header#custom-header .top-header .header-content .bottom-nav .column:not(.icon-menu, .logo__nav), header#custom-header .bottom-header .header-content .bottom-nav .column:not(.icon-menu, .logo__nav) {
    display: none;
  }
  header#custom-header .top-header .header-content .bottom-nav .column.handburger, header#custom-header .bottom-header .header-content .bottom-nav .column.handburger {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    visibility: visible;
  }
  header#custom-header .top-header .header-content .bottom-nav .column.logo__nav, header#custom-header .bottom-header .header-content .bottom-nav .column.logo__nav {
    width: 70%;
    text-align: center;
  }
}
@media (max-width: 1100px) and (max-width: 750px) {
  header#custom-header .top-header .header-content .bottom-nav .column.logo__nav, header#custom-header .bottom-header .header-content .bottom-nav .column.logo__nav {
    width: 60%;
  }
}
@media (max-width: 1100px) and (max-width: 550px) {
  header#custom-header .top-header .header-content .bottom-nav .column.logo__nav, header#custom-header .bottom-header .header-content .bottom-nav .column.logo__nav {
    width: 50%;
  }
}
@media (max-width: 1100px) and (max-width: 440px) {
  header#custom-header .top-header .header-content .bottom-nav .column.logo__nav, header#custom-header .bottom-header .header-content .bottom-nav .column.logo__nav {
    width: 40%;
  }
}
@media (max-width: 1100px) {
  header#custom-header .top-header .header-content .bottom-nav .column.logo__nav img, header#custom-header .bottom-header .header-content .bottom-nav .column.logo__nav img {
    width: 35%;
  }
}
@media (max-width: 1100px) and (max-width: 750px) {
  header#custom-header .top-header .header-content .bottom-nav .column.logo__nav img, header#custom-header .bottom-header .header-content .bottom-nav .column.logo__nav img {
    width: 55%;
  }
}
@media (max-width: 1100px) and (max-width: 550px) {
  header#custom-header .top-header .header-content .bottom-nav .column.logo__nav img, header#custom-header .bottom-header .header-content .bottom-nav .column.logo__nav img {
    width: 75%;
  }
}
header#custom-header .top-header .header-content .bottom-nav .column.off-status, header#custom-header .bottom-header .header-content .bottom-nav .column.off-status {
  display: none;
}
header#custom-header .top-header .header-content .bottom-nav .column.sticky-status, header#custom-header .bottom-header .header-content .bottom-nav .column.sticky-status {
  display: none;
}
@media (max-width: 750px) {
  header#custom-header .top-header .header-content .bottom-nav .column.off-status, header#custom-header .bottom-header .header-content .bottom-nav .column.off-status {
    display: block;
  }
  header#custom-header .top-header .header-content .bottom-nav .column.on-status, header#custom-header .bottom-header .header-content .bottom-nav .column.on-status {
    display: none;
  }
  header#custom-header .top-header .header-content .bottom-nav .column.handburger i, header#custom-header .bottom-header .header-content .bottom-nav .column.handburger i {
    color: #10656e;
  }
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu {
  justify-content: center;
  padding: 0 0 0 5%;
  width: 95%;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu a, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu a {
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu a i, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu a i {
  font-size: 1.2rem;
  transition: transform 0.2s ease-in-out;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu a:hover i:not(.icon-menu i), header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu a:hover i:not(.icon-menu i) {
  transform: rotate(180deg);
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu:not(.icon-menu) i, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu:not(.icon-menu) i {
  font-size: 0.9rem;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 90%;
  transform: translateX(-50%);
  display: none;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li {
  padding: 1rem 2rem 2rem;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #d8d8d8;
  border-top: none;
  background: #fff;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  position: relative;
  width: 100%;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: stretch;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .section-divider, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .section-divider {
  height: 100%;
  width: 3px;
  background: rgb(125, 185, 232);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(3, 130, 125) 50%, rgb(255, 255, 255) 100%);
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
  padding: 0 3rem;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list h2, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list h2 {
  font-size: 1rem;
  color: #10656e;
  font-weight: bold;
  text-decoration: underline;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list .sub-menu-row, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list .sub-menu-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list .sub-menu-row .sub-menu-col, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list .sub-menu-row .sub-menu-col {
  width: 25%;
  padding: 10px 0;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list .sub-menu-row .sub-menu-col.colums-2, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section .sub-menu-list .sub-menu-row .sub-menu-col.colums-2 {
  width: 50%;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section.columns-2 .sub-menu-list:first-child, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu ul.primary-megamenu li section.columns-2 .sub-menu-list:first-child {
  width: 50%;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu .submenu-parent.active-parent ul.primary-megamenu, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu .submenu-parent.active-parent ul.primary-megamenu {
  display: block;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu .submenu-parent.active-parent a:not(.sub-menu-col a), header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu .submenu-parent.active-parent a:not(.sub-menu-col a) {
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
  color: #10656e;
}
header#custom-header .top-header .header-content .bottom-nav .column.primary_menu .submenu-parent.active-parent a:not(.sub-menu-col a) i, header#custom-header .bottom-header .header-content .bottom-nav .column.primary_menu .submenu-parent.active-parent a:not(.sub-menu-col a) i {
  transform: rotate(180deg);
}
header#custom-header .top-header .header-content .bottom-nav .column.icon-menu, header#custom-header .bottom-header .header-content .bottom-nav .column.icon-menu {
  padding: 0 30px;
}
@media (max-width: 950px) {
  header#custom-header .top-header .header-content .bottom-nav .column.icon-menu, header#custom-header .bottom-header .header-content .bottom-nav .column.icon-menu {
    padding: 0 20px;
  }
}
@media (max-width: 750px) {
  header#custom-header .top-header .header-content .bottom-nav .column.icon-menu, header#custom-header .bottom-header .header-content .bottom-nav .column.icon-menu {
    padding: 0 10px;
  }
}
@media (max-width: 950px) {
  header#custom-header .top-header .header-content .bottom-nav .column.icon-menu i, header#custom-header .bottom-header .header-content .bottom-nav .column.icon-menu i {
    font-size: 1rem !important;
  }
}
@media (max-width: 750px) {
  header#custom-header .top-header .header-content .bottom-nav .column.icon-menu i, header#custom-header .bottom-header .header-content .bottom-nav .column.icon-menu i {
    font-size: 0.9rem !important;
  }
}
header#custom-header .top-header {
  padding: 5px;
}
header#custom-header .top-header .header-content {
  display: flex;
  flex-direction: row;
  padding: 0 30px;
}
header#custom-header .top-header .header-content .top-nav {
  display: flex;
  width: 50%;
}
header#custom-header .top-header .header-content .icon-menu {
  display: flex;
  align-items: end;
  justify-content: right;
  width: 100%;
}
@media (max-width: 1100px) {
  header#custom-header .top-header .header-content .icon-menu {
    display: none;
  }
}
header#custom-header:hover, header#custom-header.sticky-menu {
  background: #fff;
}
header#custom-header:hover .top-header, header#custom-header.sticky-menu .top-header {
  border-bottom: 1px solid #d8d8d8;
}
header#custom-header:hover .top-header .header-content ul li a, header#custom-header:hover .bottom-header .header-content ul li a, header#custom-header.sticky-menu .top-header .header-content ul li a, header#custom-header.sticky-menu .bottom-header .header-content ul li a {
  color: #000;
}
header#custom-header:hover .top-header .header-content ul li a:hover, header#custom-header:hover .bottom-header .header-content ul li a:hover, header#custom-header.sticky-menu .top-header .header-content ul li a:hover, header#custom-header.sticky-menu .bottom-header .header-content ul li a:hover {
  color: #10656e;
}
header#custom-header:hover .bottom-header .bottom-nav .column.on-status, header#custom-header.sticky-menu .bottom-header .bottom-nav .column.on-status {
  display: none;
}
header#custom-header:hover .bottom-header .bottom-nav .column.off-status, header#custom-header.sticky-menu .bottom-header .bottom-nav .column.off-status {
  display: block;
}
header#custom-header:hover .bottom-header .bottom-nav .column.sticky-status, header#custom-header.sticky-menu .bottom-header .bottom-nav .column.sticky-status {
  display: none;
}
header#custom-header:hover .bottom-header .bottom-nav .column.primary_menu:not(.icon-menu) i, header#custom-header:hover .bottom-header .bottom-nav .column.handburger:not(.icon-menu) i, header#custom-header.sticky-menu .bottom-header .bottom-nav .column.primary_menu:not(.icon-menu) i, header#custom-header.sticky-menu .bottom-header .bottom-nav .column.handburger:not(.icon-menu) i {
  color: #10656e;
}
header#custom-header.sticky-menu {
  border-bottom: 1px solid #d8d8d8;
  position: fixed;
}
header#custom-header.sticky-menu .logo__nav img {
  /*width:30% !important;
  @media (max-width: 1100px) {
     width:10% !important;
  }
  @media (max-width: 600px) {
     width:20% !important;
  }

  @media (max-width: 440px) {
     width:40% !important;
  }*/
}
header#custom-header.sticky-menu .bottom-header .bottom-nav .column.on-status {
  display: none;
}
header#custom-header.sticky-menu .bottom-header .bottom-nav .column.off-status {
  display: block;
}
header#custom-header.sticky-menu .bottom-header .bottom-nav .column.sticky-status {
  display: none;
}

section.main-sections {
  width: 100%;
}

.swiper {
  width: 100%;
  height: 100vh;
  max-height: 700px;
  /*@media (max-width: 850px) {
     height:65vh;
  }
  @media (max-width: 700px) {
     height:65vh;
  }
  @media (max-width: 500px) {
     height:305h;
  }*/
  /*.swiper-pagination-bullet-active{
     width: 30px !important;
     border-radius: none !important; 
  }
  .swiper-pagination-bullet{
     border-radius: 0 !important;
  }*/
}
@media (max-width: 1300px) {
  .swiper {
    height: 80vh;
  }
}
@media (max-width: 1100px) {
  .swiper {
    height: 80vh;
  }
}
@media (max-width: 500px) {
  .swiper .swiper-horizontal > .swiper-pagination-bullets, .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper .swiper-pagination-custom, .swiper .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 35px);
  }
}
.swiper .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.swiper .swiper-slide.promotion-slide {
  background-image: url("../images/home-hub-slider.jpg?v=23455");
}
@media (max-width: 600px) {
  .swiper .swiper-slide.promotion-slide {
    background-image: url("../images/home-hub-slider-2.jpg?v=23455");
  }
}
.swiper .swiper-slide.promotion-slide a {
  display: block;
  height: 100%;
  width: 100%;
  text-indent: -100000px;
}
.swiper .swiper-slide .featured-post-info {
  margin: 0 auto;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.swiper .swiper-slide .featured-post-info .slider-item-content {
  display: block;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content {
  position: absolute;
  bottom: 0px;
  padding: 30px 0;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(227, 237, 238, 0) 0%, rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 100%);
}
@media (max-width: 800px) {
  .swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content {
    padding: 40px 0;
  }
}
.swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content > * {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease;
  text-decoration: none;
}
.swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content .slider-post-content {
  display: block;
  margin: 0 auto;
  max-width: 1300px;
  position: relative;
}
@media (max-width: 1300px) {
  .swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content .slider-post-content {
    padding: 0 20px;
  }
}
.swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content a:hover {
  text-decoration: none;
}
.swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content h1 {
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
}
@media (max-width: 700px) {
  .swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content h1 {
    font-size: 2rem;
  }
}
@media (max-width: 500px) {
  .swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content h1 {
    font-size: 1.5rem;
  }
}
.swiper .swiper-slide .featured-post-info .slider-item-content .slider-inner-content p {
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
  margin-bottom: 0.5rem;
}
.swiper .swiper-slide.swiper-slide-active .slider-inner-content > * {
  transform: translateY(0px) !important;
  opacity: 1 !important;
}
.swiper .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #FFF;
}
.swiper .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #FFF;
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
.swiper .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  bottom: 20px !important;
}
.swiper .main-swiper-nav {
  position: absolute;
  bottom: 20px;
  width: 150px;
  height: 40px;
  z-index: 99;
  left: 50%;
  margin-left: -50px;
  display: flex;
}
.swiper .main-swiper-nav .main-swiper-button-next,
.swiper .main-swiper-nav .main-swiper-button-prev {
  padding: 0 20px;
}
.swiper .main-swiper-nav .main-swiper-button-next i,
.swiper .main-swiper-nav .main-swiper-button-prev i {
  font-size: 2.2rem;
  color: rgba(255, 255, 255, 0.6);
}
.swiper .main-swiper-nav .main-swiper-button-next.swiper-button-disabled i,
.swiper .main-swiper-nav .main-swiper-button-prev.swiper-button-disabled i {
  color: rgba(255, 255, 255, 0.2);
}
.swiper .main-swiper-nav .main-swiper-button-next:hover i,
.swiper .main-swiper-nav .main-swiper-button-prev:hover i {
  color: #2f7077;
}

.home-latest {
  padding: 3rem 0;
  color: #000;
}
.home-latest .latest-container {
  margin: 0 auto;
  max-width: 1300px;
}
@media (max-width: 1100px) {
  .home-latest .latest-container {
    padding: 0 1rem;
  }
}
.home-latest .latest-container h1 {
  text-transform: capitalize;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0 0 9px 0;
  text-shadow: 0px 0px 1.5px black;
  border-bottom: 1px solid #00a19b;
  margin-bottom: 20px;
}
.home-latest .latest-container h1 span {
  border-bottom: 5px solid #1C3044;
  padding-bottom: 5px;
}
.home-latest .latest-container .latest-content-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.home-latest .latest-container .latest-content-list .latest-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(6, 1fr);
  margin-left: 50px;
  margin-right: 50px;
}
@media (max-width: 1023px) {
  .home-latest .latest-container .latest-content-list .latest-main {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs {
  grid-column: span 2;
  background-color: #fff;
  overflow: hidden;
  border-radius: 0.5rem;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs:nth-child(1), .home-latest .latest-container .latest-content-list .latest-main .latest-childs:nth-child(2) {
  grid-column: span 3;
}
@media (max-width: 730px) {
  .home-latest .latest-container .latest-content-list .latest-main .latest-childs:nth-child(1), .home-latest .latest-container .latest-content-list .latest-main .latest-childs:nth-child(2) {
    grid-column: span 6;
  }
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs:nth-child(1) .latest-image-section, .home-latest .latest-container .latest-content-list .latest-main .latest-childs:nth-child(2) .latest-image-section {
  min-height: 350px;
}
@media (max-width: 1000px) {
  .home-latest .latest-container .latest-content-list .latest-main .latest-childs:nth-child(1) .latest-image-section, .home-latest .latest-container .latest-content-list .latest-main .latest-childs:nth-child(2) .latest-image-section {
    min-height: 200px;
  }
}
@media (max-width: 1000px) {
  .home-latest .latest-container .latest-content-list .latest-main .latest-childs {
    grid-column: span 3;
  }
}
@media (max-width: 730px) {
  .home-latest .latest-container .latest-content-list .latest-main .latest-childs {
    grid-column: span 6;
  }
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-image-section {
  min-height: 200px;
  height: 200px;
  overflow: hidden;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-image-section img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.2s;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-content-section {
  padding: 1rem;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-content-section h2 {
  font-size: 1rem;
  font-weight: 600;
  margin: 1rem 0;
  padding: 0;
  line-height: 1.5;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-content-section h5 {
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #03817c;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-content-section p {
  margin: 0.2rem 0;
  font-size: 0.9rem;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-content-section .ins-author-details {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding: 1rem 0;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-content-section .ins-author-details .ins-image {
  width: 30%;
  max-width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 0.5rem;
  background: #fafafa;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-content-section .ins-author-details .ins-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 70px;
  height: 70px;
  min-height: 70px;
  min-width: 70px;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs .latest-content-section .ins-author-details .ins-name {
  width: 70%;
  display: flex;
  padding: 0 0.5rem;
  align-items: center;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs figure {
  position: relative;
  min-height: 300px;
  height: 300px;
  overflow: hidden;
  margin: 0px;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs figure img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.2s;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs figure figcaption {
  margin: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs figure figcaption .figcaption-content {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  height: 100%;
  padding: 15px 15px;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs figure figcaption .pub-cat, .home-latest .latest-container .latest-content-list .latest-main .latest-childs figure figcaption .pub-others {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs figure figcaption h2 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0.5rem 0;
  padding: 0;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs figure figcaption h5 {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #1fccc5;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs figure figcaption p {
  margin: 0.2rem 0;
  font-size: 0.8rem;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs a {
  color: #000;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs a:hover {
  text-decoration: none;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs a:hover figure figcaption {
  height: 100%;
  transition: 0.5s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs a:hover figure figcaption .figcaption-content {
  height: auto;
  width: 90%;
  /*background-color: #fff;**/
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(25px);
  border-radius: 0.5rem;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.3));
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.36);
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.home-latest .latest-container .latest-content-list .latest-main .latest-childs a:hover figure .pub-cat, .home-latest .latest-container .latest-content-list .latest-main .latest-childs a:hover figure .pub-others {
  opacity: 1;
  visibility: visible;
  display: block;
}
.home-latest .latest-container .latest-content-list .insight-latest-main {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs {
  display: flex;
  width: 100%;
  flex-direction: row;
  min-height: 200px;
  margin: 20px 0;
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs a {
  display: flex;
  flex-direction: row;
  width: 70%;
  border: 1px solid #f4f1f1;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #fff;
}
@media (max-width: 1000px) {
  .home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs a {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs a {
    flex-direction: column;
  }
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs a:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs.right {
  align-items: end;
  justify-content: right;
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs.right a {
  flex-direction: row-reverse;
}
@media (max-width: 500px) {
  .home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs.right a {
    flex-direction: column;
  }
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-image-section {
  width: 40%;
  display: flex;
}
@media (max-width: 700px) {
  .home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-image-section {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-image-section {
    width: 100%;
  }
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-content-section {
  width: 70%;
  padding: 5%;
}
@media (max-width: 700px) {
  .home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-content-section {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-content-section {
    width: 100%;
  }
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-content-section h5 {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #03817c;
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-content-section h2 {
  font-size: 1rem;
  font-weight: 600;
  margin: 1rem 0;
  padding: 0;
  line-height: 1.5;
}
.home-latest .latest-container .latest-content-list .insight-latest-main .insight-latest-childs .latest-content-section p {
  margin: 0.2rem 0;
  font-size: 0.9rem;
}

.insight-swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.eventSwiper, .newsSwiper, .insightSwiper, .publicationSwiper {
  margin-left: 50px !important;
  margin-right: 50px !important;
  width: auto !important;
}
@media (max-width: 1023px) {
  .eventSwiper, .newsSwiper, .insightSwiper, .publicationSwiper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
}

.eventSwiper, .newsSwiper, .insightSwiper, .publicationSwiper {
  max-height: 330px;
}
.eventSwiper .swiper-slide, .newsSwiper .swiper-slide, .insightSwiper .swiper-slide, .publicationSwiper .swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  max-height: 250px;
  flex-direction: column;
  padding: 2rem;
  border-radius: 0.5rem;
}
.eventSwiper .swiper-slide:hover, .newsSwiper .swiper-slide:hover, .insightSwiper .swiper-slide:hover, .publicationSwiper .swiper-slide:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.eventSwiper .swiper-slide h5, .newsSwiper .swiper-slide h5, .insightSwiper .swiper-slide h5, .publicationSwiper .swiper-slide h5 {
  font-size: 0.9rem;
  color: #10656e;
  font-weight: 600;
  text-transform: uppercase;
}
.eventSwiper .swiper-slide h2, .newsSwiper .swiper-slide h2, .insightSwiper .swiper-slide h2, .publicationSwiper .swiper-slide h2 {
  font-size: 1rem;
  font-weight: 600;
  padding: 0.7rem 0;
  margin: 0;
  line-height: 1.5rem;
}
.eventSwiper .swiper-slide p, .newsSwiper .swiper-slide p, .insightSwiper .swiper-slide p, .publicationSwiper .swiper-slide p {
  font-size: 0.85rem;
  text-align: justify;
  margin: 0.2rem 0;
}
.eventSwiper .swiper-slide .image-section, .newsSwiper .swiper-slide .image-section, .insightSwiper .swiper-slide .image-section, .publicationSwiper .swiper-slide .image-section {
  min-height: 200px;
  height: 200px;
  overflow: hidden;
}
.eventSwiper .swiper-slide .image-section img, .newsSwiper .swiper-slide .image-section img, .insightSwiper .swiper-slide .image-section img, .publicationSwiper .swiper-slide .image-section img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.2s;
}
.eventSwiper .swiper-pagination-bullet, .newsSwiper .swiper-pagination-bullet, .insightSwiper .swiper-pagination-bullet, .publicationSwiper .swiper-pagination-bullet {
  width: 13px !important;
  height: 13px !important;
  border-radius: 50% !important;
  background: #000;
}
.eventSwiper .swiper-pagination-bullet:hover, .newsSwiper .swiper-pagination-bullet:hover, .insightSwiper .swiper-pagination-bullet:hover, .publicationSwiper .swiper-pagination-bullet:hover {
  background: #221c35;
}
.eventSwiper .swiper-pagination-bullet-active, .newsSwiper .swiper-pagination-bullet-active, .insightSwiper .swiper-pagination-bullet-active, .publicationSwiper .swiper-pagination-bullet-active {
  background: #10656e;
}
.eventSwiper .ev-swiper-button-prev, .newsSwiper .ev-swiper-button-prev, .insightSwiper .ev-swiper-button-prev, .publicationSwiper .ev-swiper-button-prev {
  left: -12px;
  top: 40%;
  width: 30px;
  height: 30px;
  background: #221c35;
  border-radius: 50%;
  z-index: 9999;
}
.eventSwiper .ev-swiper-button-prev::after, .newsSwiper .ev-swiper-button-prev::after, .insightSwiper .ev-swiper-button-prev::after, .publicationSwiper .ev-swiper-button-prev::after {
  font-size: 0.5rem;
  color: #fff;
}
.eventSwiper .ev-swiper-button-next, .newsSwiper .ev-swiper-button-next, .insightSwiper .ev-swiper-button-next, .publicationSwiper .ev-swiper-button-next {
  right: 4px;
  top: 40%;
  width: 30px;
  height: 30px;
  background: #221c35;
  border-radius: 50%;
}
.eventSwiper .ev-swiper-button-next::after, .newsSwiper .ev-swiper-button-next::after, .insightSwiper .ev-swiper-button-next::after, .publicationSwiper .ev-swiper-button-next::after {
  font-size: 0.5rem;
  color: #FFF;
}

.eventSwiper {
  max-height: 450px;
}
.eventSwiper .swiper-slide {
  padding: 0;
  overflow: hidden;
  max-height: 370px;
}
.eventSwiper .swiper-slide .content-section {
  padding: 1rem;
}
.eventSwiper .swiper-slide .content-section h5 {
  font-size: 0.9rem;
  color: #10656e;
  font-weight: 600;
  text-transform: uppercase;
}
.eventSwiper .swiper-slide .content-section h2 {
  font-size: 1rem;
  font-weight: 600;
  padding: 0.7rem 0;
  margin: 0;
  line-height: 1.5rem;
}

.newsSwiper, .insightSwiper, .publicationSwiper {
  max-height: 430px;
}
@media (max-width: 700px) {
  .newsSwiper, .insightSwiper, .publicationSwiper {
    max-height: 435px;
  }
}
.newsSwiper .swiper-slide, .insightSwiper .swiper-slide, .publicationSwiper .swiper-slide {
  padding: 0;
  overflow: hidden;
  max-height: 360px;
}
.newsSwiper .swiper-slide .content-section, .insightSwiper .swiper-slide .content-section, .publicationSwiper .swiper-slide .content-section {
  padding: 1rem;
}
@media (max-width: 700px) {
  .newsSwiper .swiper-slide, .insightSwiper .swiper-slide, .publicationSwiper .swiper-slide {
    max-height: auto;
  }
}

.swiper-custom-navigation {
  position: absolute;
  top: 20%;
  right: 0;
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .swiper-custom-navigation {
    display: none;
  }
}
.swiper-custom-navigation .common-swiper-button-prev,
.swiper-custom-navigation .common-swiper-button-next {
  border: #c8cbcb 1px solid;
  padding: 0;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transition: all 0.3s ease;
}
.swiper-custom-navigation .common-swiper-button-prev i,
.swiper-custom-navigation .common-swiper-button-next i {
  font-size: 1.2rem;
  font-weight: 600;
  color: #14bcb7;
}
.swiper-custom-navigation .common-swiper-button-prev:hover,
.swiper-custom-navigation .common-swiper-button-next:hover {
  background: rgba(255, 255, 255, 0.8);
}
.swiper-custom-navigation .common-swiper-button-prev:hover i,
.swiper-custom-navigation .common-swiper-button-next:hover i {
  color: #09656D;
}
.swiper-custom-navigation .common-swiper-button-prev {
  left: 0px;
}
.swiper-custom-navigation .common-swiper-button-next {
  right: -50px;
  right: 0px;
}

.insightSwiper {
  margin-top: 30px;
  max-height: 600px;
  height: 470px;
}
@media (max-width: 1100px) {
  .insightSwiper {
    height: 80vh;
  }
}
@media (max-width: 500px) {
  .insightSwiper {
    height: 65vh;
  }
}
.insightSwiper .swiper-slide {
  padding: 0;
  overflow: hidden;
  max-height: 400px;
  height: auto;
  align-self: stretch;
}
.insightSwiper .ins-author-details {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding: 1rem 0;
}
.insightSwiper .ins-author-details .ins-image {
  width: 30%;
  max-width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 0.5rem;
  background: #fafafa;
}
.insightSwiper .ins-author-details .ins-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 60px;
  height: 60px;
  min-height: 60px;
  min-width: 60px;
}
.insightSwiper .ins-author-details .ins-name {
  width: 70%;
  display: flex;
  padding: 0 0.5rem;
  align-items: center;
}

.publicationSwiper {
  min-height: 480px;
  height: 100vh;
}
.publicationSwiper .swiper-wrapper {
  max-height: 400px;
}
.publicationSwiper .swiper-slide {
  padding: 0;
  overflow: hidden;
  max-height: 565px;
}
.publicationSwiper .swiper-slide .image-section {
  height: 400px;
  min-height: 400px;
}
.publicationSwiper .swiper-slide .content-section {
  display: none;
}

.home-common-link {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 11;
}
@media (max-width: 500px) {
  .home-common-link {
    width: 100%;
    text-align: center;
    bottom: 0;
    right: auto;
    left: auto;
  }
}
.home-common-link a {
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  z-index: 11;
}
.home-common-link a:hover {
  background: #211C35;
  background: linear-gradient(to right, #211C35 0%, #09656D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
}

.home-gradient {
  height: 270px;
  position: relative;
}
@media (max-width: 900px) {
  .home-gradient {
    height: auto;
  }
}
.home-gradient .home-gradient-back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .home-gradient .home-gradient-back {
    background-position: 200px 0;
  }
}
@media (max-width: 1000px) {
  .home-gradient .home-gradient-back {
    background-position: 0 0;
  }
}
@media (max-width: 900px) {
  .home-gradient .home-gradient-back {
    background-position: -300px 0;
  }
}
.home-gradient .home-gradient-back.home-msbh-back {
  background-position: right 0;
  background-image: url("../images/msbh-2.jpg");
  background-size: contain;
}
@media (max-width: 1450px) {
  .home-gradient .home-gradient-back.home-msbh-back {
    background-size: cover;
  }
}
.home-gradient .home-gradient-back.home-hub-back {
  background-size: contain;
}
@media (max-width: 1450px) {
  .home-gradient .home-gradient-back.home-hub-back {
    background-size: cover;
  }
}
.home-gradient .home-gradient-back.home-hub-back.hub-en {
  background-position: right center;
  background-image: url("../images/home-hub-En-3.jpg");
}
@media (max-width: 900px) {
  .home-gradient .home-gradient-back.home-hub-back.hub-en {
    background-position: 80px 0px;
  }
}
@media (max-width: 800px) {
  .home-gradient .home-gradient-back.home-hub-back.hub-en {
    background-position: 45px 0px;
  }
}
@media (max-width: 700px) {
  .home-gradient .home-gradient-back.home-hub-back.hub-en {
    background-position: -150px 0px;
  }
}
@media (max-width: 550px) {
  .home-gradient .home-gradient-back.home-hub-back.hub-en {
    background-position: -200px 0px;
    font-size: 1.25rem;
  }
}
@media (max-width: 450px) {
  .home-gradient .home-gradient-back.home-hub-back.hub-en {
    background-position: -320px 0px;
  }
}
.home-gradient .home-gradient-back.home-hub-back.hub-ar {
  background-position: left center;
  background-image: url("../images/home-hub-Ar-3.jpg");
  transform: none;
}
@media (max-width: 500px) {
  .home-gradient .home-gradient-back.home-hub-back.hub-ar {
    background-position: -110px 0px;
  }
}
.home-gradient .home-gradient-back.home-training-back {
  background-position: 0 0;
  background-image: url("../images/training-home.jpg");
}
.home-gradient .home-gradient-back.home-podcast-back {
  background-size: contain;
}
@media (max-width: 1450px) {
  .home-gradient .home-gradient-back.home-podcast-back {
    background-size: cover;
  }
}
.home-gradient .home-gradient-back.home-podcast-back.podcast-ar {
  background-position: left 0;
  background-image: url("../images/podcast-home-Ar.jpg");
  transform: none;
}
@media (max-width: 500px) {
  .home-gradient .home-gradient-back.home-podcast-back.podcast-ar {
    background-position: -100px 0px;
  }
}
.home-gradient .home-gradient-back.home-podcast-back.podcast-en {
  background-position: right 0;
  background-image: url("../images/podcast-home-En.jpg");
}
@media (max-width: 500px) {
  .home-gradient .home-gradient-back.home-podcast-back.podcast-en {
    background-position: -325px 0px;
  }
}
.home-gradient .home-gradient-back.home-zoomout-gradient {
  background-position: 80% 14px;
  background-image: url("../images/home-mobile.png");
  background-size: 350px 350px;
  background-repeat: no-repeat;
  display: none;
}
@media (max-width: 800px) {
  .home-gradient .home-gradient-back.home-zoomout-gradient {
    display: block;
  }
}
.home-gradient .home-gradient-gradient {
  background: rgb(34, 28, 53);
  background: linear-gradient(90deg, rgb(22, 28, 53) 70%, transparent 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  height: 100%;
  width: 100%;
}
@media (max-width: 2200px) {
  .home-gradient .home-gradient-gradient {
    background: linear-gradient(90deg, rgb(22, 28, 53) 50%, rgba(72, 67, 89, 0.5) 70%, transparent 100%);
  }
}
.home-gradient .home-gradient-container {
  margin: 0 auto;
  max-width: 1300px;
  z-index: 999;
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.home-gradient .home-gradient-container .home-gradient-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 70%;
  justify-content: center;
  color: #fff;
  height: 100%;
  min-height: 270px;
}
.home-gradient .home-gradient-container .home-gradient-content.mobile-bar-content {
  display: none;
}
@media (max-width: 900px) {
  .home-gradient .home-gradient-container .home-gradient-content {
    width: 100%;
    min-height: 250px;
  }
}
@media (max-width: 900px) {
  .home-gradient .home-gradient-container .home-gradient-content {
    min-height: 200px;
  }
}
@media (max-width: 600px) {
  .home-gradient .home-gradient-container .home-gradient-content.mobile-bar-content {
    display: flex;
  }
  .home-gradient .home-gradient-container .home-gradient-content.dsk-bar-content {
    display: none;
  }
}
.home-gradient .home-gradient-container .home-gradient-content h2 {
  font-size: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 2rem;
}
@media (max-width: 900px) {
  .home-gradient .home-gradient-container .home-gradient-content h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 700px) {
  .home-gradient .home-gradient-container .home-gradient-content h2 {
    font-size: 1.5rem;
  }
}
@media (max-width: 600px) {
  .home-gradient .home-gradient-container .home-gradient-content h2 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.9rem;
    padding: 0 1rem;
  }
}
.home-gradient .home-gradient-container .home-gradient-content h3 {
  font-size: 1.25rem;
}
@media (max-width: 450px) {
  .home-gradient .home-gradient-container .home-gradient-content h3 {
    padding: 1rem;
  }
}
.home-gradient .home-gradient-container .home-gradient-content p {
  font-size: 1.2rem;
  text-align: justify;
  line-height: 2rem;
}
.home-gradient .home-gradient-container .home-gradient-content .home-gradient-row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
}
.home-gradient .home-gradient-container .home-gradient-content .home-gradient-row .home-gradient-col.text-content {
  grid-column: span 3;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  justify-content: center;
}
@media (max-width: 800px) {
  .home-gradient .home-gradient-container .home-gradient-content .home-gradient-row .home-gradient-col.text-content {
    grid-column: span 5;
  }
}
.home-gradient .home-gradient-container .home-gradient-content .home-gradient-row .home-gradient-col.image-content {
  grid-column: span 2;
  overflow: hidden;
  height: 350px;
  max-height: 100%;
  display: flex;
  padding: 2rem;
  justify-content: center;
}
@media (max-width: 800px) {
  .home-gradient .home-gradient-container .home-gradient-content .home-gradient-row .home-gradient-col.image-content {
    display: none;
  }
}
.home-gradient .home-gradient-container .home-gradient-content .home-gradient-row .home-gradient-col.image-content img {
  height: 100%;
}
@media (max-width: 400px) {
  .home-gradient .home-gradient-container .home-gradient-content.podcast-bar h2 {
    font-size: 1.8rem;
  }
}

.home-zoomout {
  height: 350px;
}
.home-zoomout .home-zoomout-gradient {
  background: linear-gradient(90deg, rgb(22, 28, 53) 35%, rgb(53, 47, 70) 70%, rgb(72, 67, 89));
}
@media (max-width: 800px) {
  .home-zoomout .home-zoomout-gradient {
    background: linear-gradient(90deg, rgb(22, 28, 53) 35%, rgba(72, 67, 89, 0.5) 70%, transparent 100%);
  }
}
.home-zoomout .home-gradient-container .home-gradient-content {
  width: 100%;
}

.home-social-share-main {
  height: auto;
}
.home-social-share-main .home-social-share-gradient {
  background: linear-gradient(90deg, rgb(22, 28, 53) 50%, rgb(22, 28, 53) 70%, rgb(22, 28, 53));
}
.home-social-share-main .home-gradient-container .home-social-share-content {
  width: 100% !important;
  align-items: center;
}
.home-social-share-main .home-gradient-container .home-social-share-content h2 {
  font-size: 2.2rem;
  padding: 1.5rem 0;
}
@media (max-width: 900px) {
  .home-social-share-main .home-gradient-container .home-social-share-content h2 {
    font-size: 1.8rem;
  }
}
@media (max-width: 700px) {
  .home-social-share-main .home-gradient-container .home-social-share-content h2 {
    font-size: 1.5rem;
    text-align: center;
  }
}
.home-social-share-main i {
  font-size: 1.5rem;
  color: #25D366;
}
.home-social-share-main .sc-qrcode {
  width: 80%;
  display: flex;
  min-height: 200px;
  justify-content: center;
}
@media (max-width: 900px) {
  .home-social-share-main .sc-qrcode {
    width: 90%;
  }
}
@media (max-width: 650px) {
  .home-social-share-main .sc-qrcode {
    width: 100%;
  }
}
@media (max-width: 450px) {
  .home-social-share-main .sc-qrcode {
    display: block;
  }
}
.home-social-share-main .sc-qrcode .single-qrcode {
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 450px) {
  .home-social-share-main .sc-qrcode .single-qrcode {
    width: 100%;
    padding: 1.5rem 0;
  }
}
.home-social-share-main .sc-qrcode .single-qrcode .image-container {
  width: 250px;
  height: 250px;
}
@media (max-width: 800px) {
  .home-social-share-main .sc-qrcode .single-qrcode .image-container {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 600px) {
  .home-social-share-main .sc-qrcode .single-qrcode .image-container {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 450px) {
  .home-social-share-main .sc-qrcode .single-qrcode .image-container {
    width: 160px;
    height: 160px;
  }
}
.home-social-share-main .sc-qrcode .single-qrcode .image-container img {
  width: 100%;
}
.home-social-share-main .sc-qrcode .single-qrcode .qrcode-container {
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.5019607843), inset -20px -20px 60px rgba(255, 255, 255, 0.2509803922);
}
@media (max-width: 800px) {
  .home-social-share-main .sc-qrcode .single-qrcode .qrcode-container {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 600px) {
  .home-social-share-main .sc-qrcode .single-qrcode .qrcode-container {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 450px) {
  .home-social-share-main .sc-qrcode .single-qrcode .qrcode-container {
    width: 130px;
    height: 130px;
  }
}
.home-social-share-main .sc-qrcode .single-qrcode .qrcode-container img {
  height: 100%;
  width: 100%;
}
.home-social-share-main .sc-qrcode .single-qrcode p {
  padding: 0.5rem;
  line-height: 2rem;
  text-align: center !important;
  font-size: 1.6rem;
  font-weight: 600;
}
.home-social-share-main .home-social-share-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.home-social-share-main .home-social-share-row .home-social-share {
  grid-column: span 4;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  justify-items: center;
  flex-direction: column;
}

.common-link {
  width: 100%;
  padding: 1rem 0;
}
.common-link a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  background-color: #00a9a0;
  border-radius: 0.5rem;
  padding: 1.3rem 2rem;
  transition: color 0.5s linear, background-color 0.5s linear;
  font-size: 1rem;
}
.common-link a:hover {
  background-color: #5bc4c1;
}

footer {
  transition-property: transform;
  transition-duration: 0.3s;
  padding: 35px 0 15px;
  background-color: #202038;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
footer nav {
  padding: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: none !important;
}
footer nav section {
  padding: 0 0 0 0 !important;
  float: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
}
@media (max-width: 1100px) {
  footer nav section {
    width: 50%;
    padding: 0 0 20px 0 !important;
  }
}
@media (max-width: 600px) {
  footer nav section {
    width: 100%;
  }
}
footer nav section h2 {
  text-align: center;
}
footer nav section ul li {
  font-weight: normal;
  line-height: 1.5rem;
  color: #212529;
}
footer nav section .card-links a {
  padding: 0 !important;
}
footer nav section .footer-social a {
  outline: none;
  color: #fff;
}
footer nav section .footer-social a img.nbdcls {
  width: 10%;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  top: 0;
}
footer nav section .footer-social a div.nbdcls {
  background-image: url("../images/nabd_logo_white.png");
  background-repeat: no-repeat;
  width: 35px;
  height: 20px;
  background-position: 50% 50%;
  background-size: 100% 100%;
  transition: background-image 0.2s ease-in-out;
}
footer nav section .footer-social a:hover {
  color: #00a19b;
}
footer nav section .footer-social a:hover div.nbdcls {
  background-image: url("../images/nabd_logo_green.png");
}
footer nav section .global-footer-section-hd {
  font-family: inherit;
  font-weight: 700;
  font-style: inherit;
  font-size: 13px;
  line-height: 1.3;
  position: relative;
  color: #a0a0a0;
  min-width: 250px;
}
footer nav section .global-footer-section-hd h5 {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  text-shadow: 1px 2px 2px rgb(0, 0, 0);
}
footer nav section ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer nav section .sitemap-list li {
  margin: 5px;
  font-weight: normal;
  line-height: 1.8rem;
  color: #212529;
  color: #fff;
  text-shadow: 1px 2px 2px rgb(0, 0, 0);
}
footer nav section .sitemap-list li a {
  color: #212529;
  color: #fff;
}
footer nav section .sitemap-list li a:hover {
  text-decoration: none;
}
footer center {
  padding-top: 20px;
  background-color: #202038;
}
footer center P {
  text-align: center !important;
  color: #fff;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
footer center .card-links img {
  max-width: 100px;
}

.hudLabel {
  display: none;
}

.home-partners .patrners-back {
  min-height: 600px;
  background-size: cover;
}
.home-partners .patrners-back .home-partners-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub {
  grid-column: span 2;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1100px) {
  .home-partners .patrners-back .home-partners-main .home-partners-sub {
    grid-column: span 4;
  }
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #result {
  max-height: 600px;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub canvas {
  width: 100% !important;
  height: 100%;
  max-width: 100%;
  max-height: 550px;
}
@media (max-width: 480px) {
  .home-partners .patrners-back .home-partners-main .home-partners-sub canvas {
    max-height: 410px;
  }
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #editor {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 100%;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #editor .project-content {
  padding: 1.5rem;
  background: rgb(255, 255, 255);
  border-radius: 0.5rem;
  width: 600px;
  max-width: 100%;
  position: relative;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #editor .project-content .project-close {
  position: absolute;
  top: 5px;
  right: 10px;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #editor .project-content .project-title {
  font-size: 1.2rem;
  font-weight: 600;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #editor .project-content .project-list div {
  padding: 0.5rem 0;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #editor .project-content .project-link {
  padding: 1rem 0;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #editor .project-content .project-link a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  background-color: #2f7077;
  background-image: linear-gradient(90deg, #2f7077, #5c868d);
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  transition: color 0.5s linear, background-color 0.5s linear;
  font-size: 1rem;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub #editor .project-content .project-link a:hover {
  background-color: #352f46;
  background-image: linear-gradient(90deg, #352f46, #5e586b);
}
.home-partners .patrners-back .home-partners-main .home-partners-sub .home-partners-container {
  color: #fff;
  padding: 2rem;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub .home-partners-container h2 {
  font-size: 2rem;
  font-weight: 700;
  padding: 20px 0;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
  color: #fff;
}
.home-partners .patrners-back .home-partners-main .home-partners-sub .home-partners-container p {
  line-height: 2rem;
  text-align: justify;
  color: #000;
}

.finisher-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 500px;
  overflow: hidden;
  /*@media (max-width: 650px) {
     height:900px;
  }*/
}
@media (max-width: 1000px) {
  .finisher-header {
    height: 700px;
  }
}
@media (max-width: 450px) {
  .finisher-header {
    height: 1000px;
  }
}
.finisher-header.empty {
  height: 115px !important;
}
@media (max-width: 1100px) {
  .finisher-header.empty {
    height: 100px !important;
  }
}
@media (max-width: 750px) {
  .finisher-header.empty {
    display: none;
  }
}
.finisher-header.no-content {
  height: 350px;
}
@media (max-width: 700px) {
  .finisher-header.no-content {
    height: 150px;
  }
}
.finisher-header.no-content h1 {
  font-weight: 700;
  font-style: italic;
  font-size: 2.5rem;
  padding: 2rem 0;
}
.finisher-header canvas {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skewY(0deg) translateY(0px);
  outline: 1px solid transparent;
  background-color: rgb(34, 28, 53);
}

.common-heading {
  padding: 5rem 0 0 0;
}
.common-heading.center-heading {
  text-align: center;
}

.aboutus .about-us-content p {
  text-align: justify;
  line-height: 1.9rem;
}
.aboutus .about-us-content .au-top-content {
  padding: 0 0 6rem 0;
}
@media (max-width: 1100px) {
  .aboutus .about-us-content .au-top-content {
    padding: 0;
  }
}
.aboutus .about-us-content .au-middle-content h2, .aboutus .about-us-content .au-middle-content h5 {
  padding-bottom: 1rem;
}
.aboutus .about-us-content .au-middle-content h2 {
  font-size: 2rem;
  font-weight: 700;
}
.aboutus .about-us-content .au-middle-content h5 {
  font-size: 1.2rem;
  font-weight: 700;
}
.aboutus .about-us-content .au-middle-content .image-content {
  width: 600px;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  float: right;
  margin: 0 0 40px 40px;
  background: linear-gradient(to bottom, #091121 40%, #091121 100%);
}
@media (max-width: 950px) {
  .aboutus .about-us-content .au-middle-content .image-content {
    width: 100%;
    margin: 0 0 40px 0;
  }
}
.aboutus .about-us-content .au-middle-content .image-content img {
  width: 100%;
}
.aboutus h1 {
  font-weight: 700;
  font-size: 2.5rem;
  padding: 1rem 0;
  color: #000;
  text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.aboutus.finisher-header h1 {
  color: #fff;
}
.aboutus h5 {
  font-weight: 700;
  font-size: 1rem;
}
.aboutus ul {
  list-style: none;
}
.aboutus ul li {
  padding: 0.5rem 0;
}
.aboutus ul li.text-only:before {
  font-family: "Font Awesome 5 Free";
  content: "\f30b";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  color: #09656d;
}
.aboutus ul li h5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f30b";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  color: #09656d;
}
.aboutus .ceo-statement .cs-top-content {
  padding: 2rem 0 0 0;
  color: #000;
}
.aboutus .ceo-statement .cs-statememt-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(10, 1fr);
  width: 100%;
}
.aboutus .ceo-statement .cs-statememt-main .ceo-image-content {
  grid-column: span 3;
}
@media (max-width: 1200px) {
  .aboutus .ceo-statement .cs-statememt-main .ceo-image-content {
    grid-column: span 4;
  }
}
@media (max-width: 700px) {
  .aboutus .ceo-statement .cs-statememt-main .ceo-image-content {
    grid-column: span 10;
  }
}
.aboutus .ceo-statement .cs-statememt-main .ceo-image-content .img-area {
  width: 100%;
  background: rgba(23, 17, 17, 0.9098039216);
  background: linear-gradient(to bottom, #091121 40%, #091121 100%);
  border-radius: 0.5rem;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.aboutus .ceo-statement .cs-statememt-main .ceo-image-content .img-area img {
  width: 100%;
}
.aboutus .ceo-statement .cs-statememt-main .ceo-image-content h2 {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  padding-top: 1.5rem;
}
.aboutus .ceo-statement .cs-statememt-main .ceo-image-content p {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
.aboutus .ceo-statement .cs-statememt-main .ceo-text-content {
  grid-column: span 7;
}
@media (max-width: 1200px) {
  .aboutus .ceo-statement .cs-statememt-main .ceo-text-content {
    grid-column: span 6;
  }
}
@media (max-width: 700px) {
  .aboutus .ceo-statement .cs-statememt-main .ceo-text-content {
    grid-column: span 10;
  }
}
.aboutus .au-section-heading {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  overflow: hidden;
}
@media (max-width: 810px) {
  .aboutus .au-section-heading {
    display: block;
  }
}
.aboutus .au-section-heading h1 {
  font-size: 1.3rem;
  text-transform: uppercase;
  text-shadow: none;
  padding: 0.5rem;
  font-style: normal;
  font-weight: 600;
  position: relative;
  text-align: center;
  width: 100%;
  color: #211c35;
  /*@media (max-width: 1100px) {
     font-size: 3rem;
  }
  @media (max-width: 500px) {
     font-size: 2rem;
  }*/
}
.aboutus .au-section-heading h1 span {
  padding: 0 1rem;
}
.aboutus .au-section-heading h1:before, .aboutus .au-section-heading h1:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: " ";
  background-color: #211c35;
}
.aboutus .au-section-heading h1::before {
  margin-left: -50%;
  text-align: right;
}
.aboutus .au-exp-content .au-top-content {
  padding: 4rem 0;
}
.aboutus .au-exp-content .au-top-content .au-exp-main {
  display: grid;
  grid-column-gap: 3rem;
  grid-row-gap: 5rem;
  grid-template-columns: repeat(8, 1fr);
  width: 100%;
  padding-bottom: 5rem;
}
.aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single {
  grid-column: span 2;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
@media (max-width: 810px) {
  .aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single {
    font-size: 3rem;
    grid-column: span 4;
  }
}
@media (max-width: 500px) {
  .aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single {
    grid-column: span 8;
  }
}
.aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single.section-heading {
  grid-column: span 4;
}
.aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single.au-section-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}
@media (max-width: 810px) {
  .aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single.au-section-heading {
    display: none;
  }
}
.aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single .exp-img-area {
  background: rgba(23, 17, 17, 0.9098039216);
  background: linear-gradient(to bottom, #091121 40%, #091121 100%);
}
.aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single .exp-img-area img {
  width: 100%;
}
.aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single h2 {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  padding: 1rem;
}
.aboutus .au-exp-content .au-top-content .au-exp-main .au-exp-single p {
  font-size: 0.9rem;
  text-align: center;
  padding: 0 1rem 1rem 1rem;
}
.aboutus .au-exp-content .au-top-content .au-exp-main.au-primary-item {
  grid-template-columns: none;
  justify-content: center;
  align-items: center;
}
.aboutus .au-exp-content .au-top-content .au-exp-main.au-primary-item .au-exp-single {
  max-width: 300px;
}
@media (max-width: 500px) {
  .aboutus .au-exp-content .au-top-content .au-exp-main.au-primary-item .au-exp-single {
    max-width: 100%;
  }
}
.aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main {
  grid-template-columns: repeat(6, 1fr);
}
.aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single {
  grid-column: span 3;
  display: flex;
}
@media (max-width: 850px) {
  .aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single {
    grid-column: span 6;
  }
}
@media (max-width: 650px) {
  .aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single {
    min-height: 200px;
  }
}
.aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single .exp-img-area {
  width: 40%;
}
.aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single .exp-img-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single .exp-desc-area {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single .exp-desc-area h2, .aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single .exp-desc-area p {
  text-align: inherit;
  padding: 0 1rem;
}
.aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single .exp-desc-area h2 {
  font-size: 1.1rem;
  line-height: 1.7rem;
}
@media (max-width: 500px) {
  .aboutus .au-exp-content .au-top-content .au-exp-main.dg-exp-main .au-exp-single .exp-desc-area h2 {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
.aboutus .au-exp-content .au-top-content .exp-actions {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 15px;
  margin-bottom: 3rem;
  flex-wrap: wrap;
  justify-content: center;
}
.aboutus .au-exp-content .au-top-content .exp-actions form {
  height: 100%;
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-search {
  width: 50%;
  border: 1px solid #686666;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (max-width: 1150px) {
  .aboutus .au-exp-content .au-top-content .exp-actions .expert-search {
    width: 40%;
  }
}
@media (max-width: 950px) {
  .aboutus .au-exp-content .au-top-content .exp-actions .expert-search {
    width: 100%;
    height: 40px;
    margin-bottom: 1.5rem;
  }
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-search .form-inputs {
  width: 100%;
  display: flex;
  height: 100%;
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-search input[type=text] {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  padding: 0 0.5rem;
  outline: none;
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-search .input-row {
  width: 100%;
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-search .submit-row {
  height: 100%;
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-search .submit-row button {
  height: 100%;
  border: none;
  background: transparent;
  background-color: transparent;
  padding: 0 0.5rem;
  cursor: pointer;
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-types {
  min-width: 100px;
  height: auto;
  display: flex;
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-types a {
  display: block;
  width: 250px;
  text-align: center;
  padding: 0.5rem;
  border: 1px solid #686666;
  border-radius: 0.5rem;
  margin-left: 1rem;
  transition: all 0.3s ease;
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-types a.selected {
  color: #fff;
  border: 1px solid #03817c;
  background: linear-gradient(to right, #03817c 0%, #03817c 100%);
}
.aboutus .au-exp-content .au-top-content .exp-actions .expert-types a:hover {
  color: #fff;
  border: 1px solid #03817c;
  background: linear-gradient(to right, #03817c 0%, #03817c 100%);
}
@media (max-width: 600px) {
  .aboutus .au-exp-content .au-top-content .exp-actions .expert-types {
    width: 100%;
    justify-content: center;
    padding: 0.5rem;
  }
  .aboutus .au-exp-content .au-top-content .exp-actions .expert-types a {
    margin: 0;
  }
}
/*** Social Icons ***/
.social-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  justify-content: left;
  right: auto;
  margin-top: 15px;
}
.social-buttons__button {
  margin: 10px 10px 0 0;
}

.social-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  width: 30px;
  height: 30px;
  text-decoration: none;
  border-radius: 100%;
  background: #fff;
  text-align: center;
}
.social-button::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-radius: 100%;
  transition: 0.3s;
}
.social-button:focus, .social-button:hover {
  color: #fff;
  text-decoration: none;
}
.social-button:focus::after, .social-button:hover::after {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin-left: calc(-50% - 1px);
}
.social-button i, .social-button svg, .social-button span {
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
.social-button i {
  font-size: 1rem;
}
.social-button svg {
  height: 40%;
  width: 40%;
}
.social-button--facebook {
  /*color: $color;*/
  color: #211c35;
}
.social-button--facebook::after {
  /*background: $color;*/
  background: #211c35;
}
.social-button--linkedin {
  /*color: $color;*/
  color: #211c35;
}
.social-button--linkedin::after {
  /*background: $color;*/
  background: #211c35;
}
.social-button--twitter {
  /*color: $color;*/
  color: #211c35;
}
.social-button--twitter::after {
  /*background: $color;*/
  background: #211c35;
}
.social-button--instagram {
  /*color: $color;*/
  color: #211c35;
}
.social-button--instagram::after {
  /*background: $color;*/
  background: #211c35;
}
.social-button--youtube {
  /*color: $color;*/
  color: #211c35;
}
.social-button--youtube::after {
  /*background: $color;*/
  background: #211c35;
}
.social-button--rss {
  /*color: $color;*/
  color: #211c35;
}
.social-button--rss::after {
  /*background: $color;*/
  background: #211c35;
}
.social-button--whatsapp {
  /*color: $color;*/
  color: #211c35;
}
.social-button--whatsapp::after {
  /*background: $color;*/
  background: #211c35;
}
.social-button--library {
  /*color: $color;*/
  color: #211c35;
}
.social-button--library::after {
  /*background: $color;*/
  background: #211c35;
}
.social-button.add-library {
  width: 140px;
  border-radius: 0.5rem;
}
.social-button.add-library::after {
  border-radius: 0.5rem;
}
.social-button.add-library:hover {
  color: #fff;
}

/*** Social Icons ***/
#single_insight .insight-detials {
  position: relative;
  height: 100vh;
  max-height: 800px;
  background-color: #e6e6e6;
}
@media (max-width: 1300px) {
  #single_insight .insight-detials {
    height: 80vh;
  }
}
@media (max-width: 950px) {
  #single_insight .insight-detials {
    height: 60vh;
  }
}
@media (max-width: 650px) {
  #single_insight .insight-detials {
    height: 30vh;
  }
}
#single_insight .insight-detials img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#single_insight .insight-detials .insight-detials-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 600px) {
  #single_insight .insight-detials .insight-detials-inner {
    display: none;
    visibility: block;
  }
}
#single_insight .insight-detials .insight-detials-inner .ins-inner-content {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
@media (max-width: 1300px) {
  #single_insight .insight-detials .insight-detials-inner .ins-inner-content {
    width: 96%;
    padding: 0 2%;
  }
}
#single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text {
  position: absolute;
  bottom: 30px;
  width: 100%;
}
@media (max-width: 650px) {
  #single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text {
    bottom: 10px;
  }
}
#single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text h4 {
  font-size: 0.8rem;
  font-weight: 600;
  text-shadow: 0px 0px 1px rgb(0, 0, 0);
  text-transform: uppercase;
  padding: 0.3rem;
}
@media (max-width: 650px) {
  #single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text h4 {
    font-size: 0.6rem;
  }
}
#single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text h4 span {
  background-color: #03817c;
  padding: 3px 5px;
  color: #fff;
  border-radius: 0.3rem;
}
#single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text h1 {
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
}
@media (max-width: 650px) {
  #single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text h1 {
    font-size: 1.6rem;
  }
}
#single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text p {
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
  margin-bottom: 0.5rem;
}
@media (max-width: 650px) {
  #single_insight .insight-detials .insight-detials-inner .ins-inner-content .inner-text p {
    font-size: 0.9rem;
  }
}

/*** Author Details ***/
.author-details {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.author-details .single-auth {
  width: 50%;
}
@media (max-width: 700px) {
  .author-details .single-auth {
    width: 100%;
  }
}
.author-details.expts-1 .single-auth {
  width: 100%;
}
.author-details.expts-2 .single-auth {
  width: 50%;
}
@media (max-width: 700px) {
  .author-details.expts-2 .single-auth {
    width: 100%;
  }
}
.author-details.expts-3 .single-auth {
  width: 33%;
}
@media (max-width: 1000px) {
  .author-details.expts-3 .single-auth {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .author-details.expts-3 .single-auth {
    width: 100%;
  }
}
.author-details .single-auth {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
  padding: 0.5rem 0;
}
@media (max-width: 500px) {
  .author-details .single-auth {
    flex-direction: column;
    align-items: start;
  }
}
.author-details .single-auth .auth-image {
  width: 30%;
  max-width: 90px;
  border-radius: 0.35rem;
  overflow: hidden;
  background: linear-gradient(to bottom, #091121 40%, #091121 100%);
}
.author-details .single-auth .auth-image img {
  width: 90px;
  width: 100%;
  height: 90px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.author-details .single-auth .auth-pos {
  padding: 0 20px;
  width: 70%;
}
@media (max-width: 500px) {
  .author-details .single-auth .auth-pos {
    padding: 0;
    padding: 1rem 0;
    width: 100%;
  }
}
.author-details .single-auth .auth-pos h3 {
  font-size: 1.15rem;
  font-weight: 600;
  color: #000;
}
.author-details .single-auth .auth-pos p {
  font-size: 0.85rem;
  padding: 0;
  margin: 0;
  color: #000;
}
.author-details .single-auth .auth-pos a:hover {
  text-decoration: none;
}

/*** Author Details ***/
/*** Single Post Details ***/
.single-post-contents .sp-content-details {
  display: flex;
  flex-direction: row;
  padding: 30px 0;
}
@media (max-width: 1200px) {
  .single-post-contents .sp-content-details {
    flex-direction: column;
  }
}
.single-post-contents .sp-content-details .sp-content-full {
  width: 70%;
}
@media (max-width: 1200px) {
  .single-post-contents .sp-content-details .sp-content-full {
    width: 100%;
  }
}
.single-post-contents .sp-content-details .sp-content-full p {
  margin: 20px 0 0;
  text-align: justify;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.single-post-contents .sp-content-details .sp-content-full a {
  color: #0077b5;
}
.single-post-contents .sp-content-details .sp-content-full ol li, .single-post-contents .sp-content-details .sp-content-full ul li {
  padding: 1rem 0 0.5rem 0;
  line-height: 2rem;
  text-align: justify;
}
.single-post-contents .sp-content-details .sp-content-full img {
  max-width: 100%;
}
.single-post-contents .sp-content-details .sp-content-full table {
  width: 100% !important;
  border: 1px solid black;
  border-collapse: collapse;
}
.single-post-contents .sp-content-details .sp-content-full table tr td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 0.5rem;
}
.single-post-contents .sp-content-details .related-post {
  width: 30%;
  padding-left: 4%;
}
@media (max-width: 1200px) {
  .single-post-contents .sp-content-details .related-post {
    width: 100%;
    padding: 0;
  }
}
.single-post-contents .sp-content-details .related-post a {
  color: #000;
}
.single-post-contents .sp-content-details .related-post a:hover {
  text-decoration: none;
}
.single-post-contents .sp-content-details .related-post .related-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.single-post-contents .sp-content-details .related-post .related-list .related-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(8, 1fr);
  width: 100%;
}
.single-post-contents .sp-content-details .related-post .related-list .related-main .related-single {
  grid-column: span 8;
  background-color: #fff;
  overflow: hidden;
  border-radius: 0.5rem;
  transition: box-shadow 0.15s linear;
}
@media (max-width: 1200px) {
  .single-post-contents .sp-content-details .related-post .related-list .related-main .related-single {
    grid-column: span 2;
  }
  .single-post-contents .sp-content-details .related-post .related-list .related-main .related-single:last-child {
    display: none;
  }
}
@media (max-width: 950px) {
  .single-post-contents .sp-content-details .related-post .related-list .related-main .related-single {
    grid-column: span 4;
  }
}
@media (max-width: 600px) {
  .single-post-contents .sp-content-details .related-post .related-list .related-main .related-single {
    grid-column: span 8;
  }
}
.single-post-contents .sp-content-details .related-post .related-list .related-main .related-single:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .post-img {
  min-height: 200px;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .post-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.2s;
}
.single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .rel-post-details {
  padding: 10px;
}
.single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .rel-post-details h4 {
  font-size: 0.9rem;
  color: #03817c;
  font-weight: 500;
}
.single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .rel-post-details h2 {
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: 600;
}
.single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .rel-post-details p {
  font-size: 0.9rem;
}

#researchlist a:hover {
  text-decoration: none;
}
#researchlist .latest-list {
  width: 100%;
  height: 100vh;
  max-height: 700px;
  position: relative;
}
@media (max-width: 1300px) {
  #researchlist .latest-list {
    height: 50vh;
  }
}
#researchlist .latest-list .lr-content {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
#researchlist .latest-list .lr-content .post-info {
  margin: 0 auto;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#researchlist .latest-list .lr-content .post-info .item-content {
  display: block;
  margin: 0 auto;
  max-width: 1300px;
  height: 100%;
  position: relative;
}
@media (max-width: 1300px) {
  #researchlist .latest-list .lr-content .post-info .item-content {
    padding: 0 20px;
  }
}
#researchlist .latest-list .lr-content .post-info .item-content .inner-content {
  position: absolute;
  bottom: 15px;
  width: 100%;
}
@media (max-width: 1300px) {
  #researchlist .latest-list .lr-content .post-info .item-content .inner-content {
    width: 95%;
  }
}
@media (max-width: 600px) {
  #researchlist .latest-list .lr-content .post-info .item-content .inner-content {
    width: 92%;
  }
}
#researchlist .latest-list .lr-content .post-info .item-content .inner-content h4 {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.2rem;
  text-shadow: 0px 0px 1px rgb(0, 0, 0);
  text-transform: uppercase;
}
#researchlist .latest-list .lr-content .post-info .item-content .inner-content h4 span {
  background-color: #03817c;
  padding: 3px 5px;
  color: #fff;
  border-radius: 0.5rem;
}
#researchlist .latest-list .lr-content .post-info .item-content .inner-content h1 {
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
}
#researchlist .latest-list .lr-content .post-info .item-content .inner-content p {
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
  margin-bottom: 0.5rem;
}

.common-content-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.common-content-list a {
  color: #000;
}
.common-content-list a:hover {
  text-decoration: none;
}
.common-content-list .common-content-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(8, 1fr);
  width: 100%;
}
.common-content-list .common-content-main .childs {
  grid-column: span 2;
  background-color: #fff;
  overflow: hidden;
  border-radius: 0.5rem;
}
@media (max-width: 950px) {
  .common-content-list .common-content-main .childs {
    grid-column: span 4;
  }
}
@media (max-width: 550px) {
  .common-content-list .common-content-main .childs {
    grid-column: span 8;
  }
}
.common-content-list .common-content-main .childs:hover {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.common-content-list .common-content-main .childs:hover .hover-underline-animation {
  background-size: 100% 2px;
}
.common-content-list .common-content-main .childs .image-section {
  min-height: 200px;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.common-content-list .common-content-main .childs .image-section img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: fill;
  object-fit: fill;
  transition: 0.2s;
}
.common-content-list .common-content-main .childs .content-section {
  padding: 1rem;
}
.common-content-list .common-content-main .childs .content-section h2 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0.5rem 0;
  padding: 0;
  line-height: 1.5;
}
.common-content-list .common-content-main .childs .content-section h4 {
  font-size: 0.72rem;
  font-weight: 600;
  color: #03817c;
  text-transform: uppercase;
  line-height: 1.2rem;
}
.common-content-list .common-content-main .childs .content-section p {
  margin: 0.2rem 0;
  font-size: 0.9rem;
}

.am-main {
  width: 100%;
  position: relative;
}
.am-main .fi-container {
  width: auto;
}
.am-main .filter-button {
  cursor: pointer;
  margin: 0;
  /* input:checked + svg {
      transform: rotate(-45deg);
   }
   input:checked + svg .line-top-bottom {
      stroke-dasharray: 20 300;
      stroke-dashoffset: -32.42;
   }*/
}
.am-main .filter-button svg {
  /* The size of the SVG defines the overall size */
  height: 3em;
  /* Define the transition for transforming the SVG */
  transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.am-main .filter-button .line {
  fill: none;
  stroke: white;
  stroke: #03817c;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  /* Define the transition for transforming the Stroke */
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.am-main .filter-button .line-top-bottom {
  stroke-dasharray: 12 63;
}
.am-main .filter-button.open svg {
  transform: rotate(-45deg);
}
.am-main .filter-button.open svg .line-top-bottom {
  stroke-dasharray: 20 300;
  stroke-dashoffset: -32.42;
}
.am-main .filterIcon {
  width: 2rem;
  height: 1.5rem;
  display: block;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  box-sizing: border-box;
}
.am-main .filterIcon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #03817c;
  border-radius: 5px;
  opacity: 1;
  z-index: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  transform-origin: left center;
}
.am-main .filterIcon span::after {
  display: block;
  position: absolute;
  height: 0.6rem;
  width: 0.6rem;
  background: #FFFFFF;
  border-radius: 50%;
  border: 2px solid #03817c;
  opacity: 1;
  z-index: 5;
  top: -45%;
  content: "";
  transition: 0.25s ease-in-out;
}
.am-main .filterIcon span:nth-child(1) {
  top: 0;
}
.am-main .filterIcon span:nth-child(1)::after {
  left: 15%;
}
.am-main .filterIcon span:nth-child(2) {
  top: 48%;
}
.am-main .filterIcon span:nth-child(2)::after {
  left: 60%;
}
.am-main .filterIcon span:nth-child(3) {
  top: 96%;
}
.am-main .filterIcon span:nth-child(3)::after {
  left: 20%;
}
.am-main .filterIcon.open span::after {
  opacity: 0;
}
.am-main .filterIcon.open span:nth-child(1) {
  top: 0;
  transform: rotate(45deg);
}
.am-main .filterIcon.open span:nth-child(1)::after {
  left: 60%;
}
.am-main .filterIcon.open span:nth-child(2) {
  top: 46%;
  opacity: 0;
}
.am-main .filterIcon.open span:nth-child(2)::after {
  left: 15%;
}
.am-main .filterIcon.open span:nth-child(3) {
  bottom: 0;
  transform: rotate(-45deg);
}
.am-main .filterIcon.open span:nth-child(3)::after {
  left: 45%;
}
.am-main .filterIcon:hover span:nth-child(1)::after {
  left: 25%;
}
.am-main .filterIcon:hover span:nth-child(2)::after {
  left: 50%;
}
.am-main .filterIcon:hover span:nth-child(3)::after {
  left: 40%;
}
.am-main .fiterItems {
  position: relative;
  z-index: 999;
  width: 100%;
  height: 0px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.67);
  border-radius: 0.5rem;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.6px);
  -webkit-backdrop-filter: blur(6.6px);
}
.am-main .fiterItems form {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.am-main .fiterItems .fi-row {
  grid-column: span 2;
}
@media (max-width: 600px) {
  .am-main .fiterItems .fi-row {
    grid-column: span 4;
  }
}
.am-main .fiterItems .fi-row.full-row {
  grid-column: span 4;
}
.am-main .fiterItems .fi-row input[type=text], .am-main .fiterItems .fi-row select {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #00a19b;
  border-radius: 0.5rem;
  padding: 2px 20px;
  outline: none;
  color: #454545;
}
.am-main .fiterItems .fi-row input[type=text]::-moz-placeholder {
  color: #454545;
  opacity: 1;
}
.am-main .fiterItems .fi-row input[type=text]::placeholder {
  color: #454545;
  opacity: 1;
}
.am-main .fiterItems .fi-row input[type=text]::-ms-input-placeholder { /* Edge 12 -18 */
  color: #454545;
}
.am-main .fiterItems .fi-row.action-palace {
  display: flex;
  flex-direction: row;
}
.am-main .fiterItems .fi-row.action-palace .fi-col {
  display: flex;
}
.am-main .fiterItems .fi-row.action-palace button {
  background-color: transparent;
  border: none;
  margin: 10px;
  cursor: pointer;
}
.am-main .fiterItems .fi-row.action-palace button i {
  font-size: 1.2rem;
  color: #03817c;
  padding: 0.5rem;
  border: 1px solid #03817c;
  border-radius: 0.5rem;
}
.am-main .fiterItems .fi-row.action-palace button i:hover {
  background-color: #03817c;
  color: #fff;
}
.am-main .fiterItems.filter-active {
  padding: 24px 15px;
  height: 275px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  transition: height 0.4s ease;
}
@media (max-width: 600px) {
  .am-main .fiterItems.filter-active {
    height: 430px;
  }
}
.am-main.event-action .fiterItems.filter-active {
  height: 220px;
}

.filterContents {
  padding: 0 0 30px 0;
}
.filterContents a {
  padding: 0 30px;
  color: #03817c;
}
.filterContents a:hover {
  color: #00a19b;
}

/*** Event Section ***/
#event_section .finisher-header {
  height: 450px;
}
@media (max-width: 1000px) {
  #event_section .finisher-header {
    height: 450px;
  }
}
#event_section .latest-event {
  text-align: center;
  color: #fff;
  margin: 5rem 0 0;
}
#event_section .latest-event.single-event {
  margin: 8rem 0 0;
}
@media (max-width: 750px) {
  #event_section .latest-event.single-event {
    margin: 0rem 0 0;
  }
}
#event_section .latest-event * {
  text-align: center;
}
#event_section .latest-event h5, #event_section .latest-event h3, #event_section .latest-event p {
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
}
#event_section .latest-event h5 {
  font-size: 1.2rem;
}
#event_section .latest-event h3 {
  font-weight: 700;
  padding: 1rem 0;
  color: #fff;
}
#event_section .latest-event .social-buttons {
  justify-content: center;
}
#event_section .common-content-list .common-content-main .childs {
  grid-column: span 8;
}
#event_section .common-content-list .common-content-main .childs .image-section {
  width: 35%;
}
@media (max-width: 850px) {
  #event_section .common-content-list .common-content-main .childs .image-section {
    width: 30%;
  }
}
@media (max-width: 900px) {
  #event_section .common-content-list .common-content-main .childs .image-section {
    width: 100%;
  }
}
#event_section .common-content-list .common-content-main .childs .image-section img {
  -o-object-fit: cover;
     object-fit: cover;
}
#event_section .common-content-list .common-content-main .childs .content-section {
  width: 65%;
  padding: 1rem 2rem;
}
@media (max-width: 800px) {
  #event_section .common-content-list .common-content-main .childs .content-section {
    width: 70%;
  }
}
@media (max-width: 900px) {
  #event_section .common-content-list .common-content-main .childs .content-section {
    width: 100%;
  }
}
#event_section .common-content-list .common-content-main .childs .content-section h2 {
  font-size: 1.2rem;
  font-weight: 600;
}
#event_section .common-content-list .common-content-main .childs .content-section h3, #event_section .common-content-list .common-content-main .childs .content-section h4 {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.1rem 0;
  color: #09656d;
  line-height: 1.2rem;
}
#event_section .common-content-list .common-content-main .childs .content-section p {
  font-size: 0.95rem;
}
#event_section .event-content-main {
  display: flex;
  flex-direction: row;
}
@media (max-width: 950px) {
  #event_section .event-content-main {
    flex-direction: column;
  }
}
#event_section .event-content-main .event-content-left {
  width: 30%;
}
@media (max-width: 950px) {
  #event_section .event-content-main .event-content-left {
    width: 100%;
    margin-bottom: 2rem;
  }
}
#event_section .event-content-main .event-content-left .event-timeloc {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  border-radius: 0.5rem;
}
#event_section .event-content-main .event-content-left .event-timeloc p {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
#event_section .event-content-main .event-content-left .event-timeloc .social-buttons {
  margin: 0;
}
#event_section .event-content-main .event-content-left .event-timeloc .social-buttons a {
  border: 1px solid #211c35;
}
#event_section .event-content-main .event-content-right {
  width: 70%;
  padding: 0 3rem;
}
@media (max-width: 950px) {
  #event_section .event-content-main .event-content-right {
    width: 100%;
    padding: 0;
  }
}
#event_section .event-content-main .event-content-right .video-container {
  padding-bottom: 2rem;
}
#event_section .event-content-main .event-content-right .event-main-banner {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  padding-bottom: 2rem;
}
#event_section .event-content-main .event-content-right .event-main-banner img {
  width: 100%;
}
#event_section .image-section {
  min-height: 200px;
  overflow: hidden;
  height: auto;
}
#event_section .event-banner {
  width: 100%;
  margin: 20px auto;
}
#event_section .event-banner img {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
#event_section .single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .post-img {
  height: 300px;
}
@media (max-width: 1200px) {
  #event_section .single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .post-img {
    height: 240px;
  }
}
@media (max-width: 950px) {
  #event_section .single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .post-img {
    height: 430px;
  }
}
@media (max-width: 950px) {
  #event_section .single-post-contents .sp-content-details .related-post .related-list .related-main .related-single .post-img {
    height: auto;
  }
}
#event_section .single-post-contents .sp-content-details .related-post .related-list .related-main.more-than-3 .related-single:last-child {
  display: none;
}
@media (max-width: 1200px) {
  #event_section .single-post-contents .sp-content-details .related-post .related-list .related-main.more-than-3 .related-single:last-child {
    display: block;
  }
}
#event_section .event-participants {
  width: 100%;
  overflow: hidden;
  margin-bottom: 4rem;
}
#event_section .event-participants .evt-part-listing {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#event_section .event-participants .evt-part-listing .evt-part-single {
  flex: 0 0 calc(23% - 20px);
  color: white;
  margin: 20px;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 250px;
}
#event_section .event-participants .evt-part-listing .evt-part-single .exp-image {
  background: linear-gradient(to bottom, #352f46 0%, #726d7e 100%);
}
#event_section .event-participants .evt-part-listing .evt-part-single .exp-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#event_section .event-participants .evt-part-listing .evt-part-single .exp-details {
  padding: 20px;
  color: #000;
  padding: 1rem;
  text-align: center;
}
#event_section .event-participants .evt-part-listing .evt-part-single .exp-details h2 {
  font-size: 1rem;
  font-weight: 600;
}
#event_section .event-participants .evt-part-listing .evt-part-single .exp-details p {
  font-size: 0.9rem;
}
#event_section .event-content p {
  line-height: 2rem;
}
#event_section .pdf-reports {
  width: 100%;
  padding: 2rem;
}
#event_section .pdf-reports .rep-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#event_section .pdf-reports .rep-main .rep-single {
  margin: 15px 20px;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 50px;
  /*@media (max-width: 750px) {
     flex: 0 0 calc(30% - 20px);
  }
  @media (max-width: 650px) {
     flex: 0 0 calc(40% - 20px);
  }
  @media (max-width: 500px) {
     flex: 0 0 calc(40% - 20px);
  }*/
}
#event_section .pdf-reports .rep-main .rep-single a {
  color: #211c35;
  transition: all 0.3s;
}
#event_section .pdf-reports .rep-main .rep-single a i {
  font-size: 2.3rem;
}
#event_section .pdf-reports .rep-main .rep-single a span {
  padding: 0 0.5rem;
}
#event_section .pdf-reports .rep-main .rep-single a:hover {
  color: #09656d;
}

/*** Event Section ***/
.not-found-info {
  text-align: center;
  padding: 2rem;
}

h1.line-heading {
  font-size: 1.3rem;
  text-transform: uppercase;
  text-shadow: none;
  padding: 0.5rem;
  font-style: normal;
  font-weight: 600;
  position: relative;
  text-align: center;
  width: 100%;
  color: #211c35;
  /*@media (max-width: 1100px) {
     font-size: 3rem;
  }
  @media (max-width: 500px) {
     font-size: 2rem;
  }*/
}
h1.line-heading span {
  padding: 0 1rem;
}
h1.line-heading:before, h1.line-heading:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: " ";
  background-color: #211c35;
}
h1.line-heading::before {
  margin-left: -50%;
  text-align: right;
}

/*** Experts Section ***/
@media (max-width: 1000px) {
  #experts .finisher-header {
    height: 500px;
  }
}
@media (max-width: 900px) {
  #experts .finisher-header {
    height: 400px;
  }
}
@media (max-width: 750px) {
  #experts .finisher-header {
    height: 325px;
  }
}
#experts .single-expert {
  display: flex;
  flex-direction: row;
  padding: 9rem 0 0 0;
}
@media (max-width: 450px) {
  #experts .single-expert {
    flex-direction: column;
  }
}
@media (max-width: 750px) {
  #experts .single-expert {
    padding: 1rem 0 0 0;
  }
}
#experts .single-expert .se-image {
  width: 25%;
  background: linear-gradient(to bottom, #091121 40%, #091121 100%);
  overflow: hidden;
  border-radius: 1rem;
}
@media (max-width: 1000px) {
  #experts .single-expert .se-image {
    width: 40%;
  }
}
@media (max-width: 650px) {
  #experts .single-expert .se-image {
    width: 100%;
  }
}
@media (max-width: 450px) {
  #experts .single-expert .se-image {
    width: 50%;
  }
}
#experts .single-expert .se-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 10px -10px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 10px -10px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px -10px 10px 0px rgba(0, 0, 0, 0.5);
}
#experts .single-expert .se-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2rem;
}
@media (max-width: 450px) {
  #experts .single-expert .se-details {
    padding: 0.5rem 0;
  }
}
#experts .single-expert .se-details h1 {
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
  text-shadow: 1px 2px 5px black;
}
@media (max-width: 500px) {
  #experts .single-expert .se-details h1 {
    font-size: 1.3rem;
  }
}
@media (max-width: 400px) {
  #experts .single-expert .se-details h1 {
    font-size: 0.9rem;
  }
}
#experts .single-expert .se-details h4 {
  font-size: 1.2rem;
  color: #fff;
  text-shadow: 1px 2px 5px black;
  line-height: 1.7rem;
}
@media (max-width: 400px) {
  #experts .single-expert .se-details h4 {
    font-size: 0.9rem;
  }
}
#experts .expert-desc p {
  text-align: justify;
}

/*** Experts Section ***/
/**** Sigle News ****/
.single-news-full {
  width: 100% !important;
}

/**** Sigle News ****/
.news-video {
  width: 60%;
  height: 500px;
}
@media (max-width: 1100px) {
  .news-video {
    width: 80%;
  }
}
@media (max-width: 800px) {
  .news-video {
    width: 100%;
  }
}

/*** Advisory ***/
.advisory {
  height: 650px;
}
@media (max-width: 1100px) {
  .advisory {
    height: 500px;
  }
}
@media (max-width: 850px) {
  .advisory {
    height: auto;
  }
}
.advisory .adv-main {
  padding-top: 10rem;
}
@media (max-width: 850px) {
  .advisory .adv-main {
    padding-top: 4rem;
  }
}
@media (max-width: 750px) {
  .advisory .adv-main {
    padding-top: 0;
  }
}
.advisory .top-level-main {
  display: grid;
  grid-column-gap: 3rem;
  grid-row-gap: 5rem;
  grid-template-columns: repeat(10, 1fr);
  width: 100%;
  padding-bottom: 5rem;
}
@media (max-width: 850px) {
  .advisory .top-level-main {
    grid-row-gap: 0;
  }
}
.advisory .top-level-main .top-level-single {
  grid-column: span 2;
  overflow: hidden;
  max-width: 100%;
}
@media (max-width: 460px) {
  .advisory .top-level-main .top-level-single {
    max-width: 90%;
  }
}
.advisory .top-level-main .top-level-single.left {
  grid-column: span 4;
}
@media (max-width: 850px) {
  .advisory .top-level-main .top-level-single.left {
    grid-column: span 10;
  }
}
@media (max-width: 425px) {
  .advisory .top-level-main .top-level-single.left {
    grid-column: span 9;
  }
}
.advisory .top-level-main .top-level-single.right {
  grid-column: span 6;
}
@media (max-width: 850px) {
  .advisory .top-level-main .top-level-single.right {
    grid-column: span 10;
  }
}
@media (max-width: 425px) {
  .advisory .top-level-main .top-level-single.right {
    grid-column: span 9;
  }
}
.advisory .top-level-main .top-level-single.video-player {
  position: relative;
}
.advisory .top-level-main .top-level-single.video-player .player-controls {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
}
.advisory .top-level-main .top-level-single.video-player .player-controls .play-button {
  width: 50px;
  height: 50px;
  background-color: rgba(33, 28, 53, 0.5);
  border: none;
  border: 1px solid #211C35;
  border-radius: 50%;
  padding: 10px;
}
.advisory .top-level-main .top-level-single.video-player .player-controls .play-button i {
  font-size: 1.5rem;
  color: #fff;
}
.advisory .top-level-main .top-level-single.video-player .player-controls .hoverDiv {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.advisory .top-level-main .top-level-single.video-player .player-controls .hoverDiv:hover {
  opacity: 1;
}
.advisory .top-level-main .top-level-single h2 {
  font-weight: 700;
  font-size: 2.5rem;
  color: #fff;
  text-shadow: 1px 2px 2px rgb(0, 0, 0);
}
.advisory .top-level-main .top-level-single h5 {
  font-weight: 300;
  font-size: 1.3rem;
  padding: 2rem 0;
  color: #fff;
  text-shadow: 1px 2px 2px rgb(0, 0, 0);
  line-height: 2.2rem;
}

.adv-list {
  width: 100%;
}
.adv-list .adv-list-main {
  display: flex;
  flex-direction: row;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  background-color: #fff;
}
@media (max-width: 750px) {
  .adv-list .adv-list-main {
    flex-direction: column;
  }
}
.adv-list .adv-list-main .adv-list-img {
  width: 40%;
  max-width: 165px;
}
@media (max-width: 750px) {
  .adv-list .adv-list-main .adv-list-img {
    max-width: 100%;
  }
}
.adv-list .adv-list-main .adv-list-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.adv-list .adv-list-main .adv-list-desc {
  padding: 1rem;
}
@media (max-width: 600px) {
  .adv-list .adv-list-main .adv-list-desc {
    padding: 1rem;
  }
}
.adv-list .adv-list-main .adv-list-desc h2 {
  text-shadow: 0px 0px 0.1rem rgb(0, 0, 0);
  font-size: 1.75rem;
  font-weight: 700;
}
@media (max-width: 500px) {
  .adv-list .adv-list-main .adv-list-desc h2 {
    font-size: 1.2rem;
  }
}
.adv-list .adv-list-main .adv-list-desc p {
  font-size: 1rem;
}
@media (max-width: 500px) {
  .adv-list .adv-list-main .adv-list-desc p {
    font-size: 0.9rem;
  }
}

/*** Advisory ***/
.registerLink {
  padding: 1rem 0;
  text-align: center;
}
.registerLink a {
  padding: 1rem;
  color: #fff;
  background: linear-gradient(to right, #211c35 0%, #352f46 35%, #484359 100%);
  border-radius: 0.5rem;
  transition: easing all 0.5s;
}
.registerLink a:hover {
  background: linear-gradient(to right, #211c35 0%, #352f46 10%, #484359 40%);
}

/**** Modal Popup ***/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999999; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 650px;
  max-width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius: 0.5rem;
  overflow: hidden;
}
.modal-content h2 {
  font-size: 1rem;
  font-weight: 600;
  padding-top: 0.3rem;
}

/* Add Animation */
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #211c35;
  color: white;
}

.modal-body {
  padding: 20px 30px;
}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/**** Modal Popup ***/
.form-box, .form-box-single {
  padding: 0.1rem 0;
}
.form-box label, .form-box-single label {
  margin: 0.2rem 0;
  font-size: 0.85rem;
  font-weight: 550;
}
.form-box input[type=text],
.form-box input[type=email],
.form-box input[type=tel],
.form-box input[type=file],
.form-box input[type=date],
.form-box textarea,
.form-box select, .form-box-single input[type=text],
.form-box-single input[type=email],
.form-box-single input[type=tel],
.form-box-single input[type=file],
.form-box-single input[type=date],
.form-box-single textarea,
.form-box-single select {
  width: 100%;
  min-height: 40px;
  font-size: 0.95rem;
  border-radius: 0.5rem;
  border: 1px solid #477a82;
  padding: 0.5rem;
}
.form-box input[type=text]:focus,
.form-box input[type=email]:focus,
.form-box input[type=tel]:focus,
.form-box input[type=file]:focus,
.form-box input[type=date]:focus,
.form-box textarea:focus,
.form-box select:focus, .form-box-single input[type=text]:focus,
.form-box-single input[type=email]:focus,
.form-box-single input[type=tel]:focus,
.form-box-single input[type=file]:focus,
.form-box-single input[type=date]:focus,
.form-box-single textarea:focus,
.form-box-single select:focus {
  outline: none;
}
.form-box textarea, .form-box-single textarea {
  height: 100px;
  padding: 0.5rem;
}
.form-box input[type=submit], .form-box-single input[type=submit] {
  padding: 0.5rem 1rem;
}

/*** Common form ***/
.common-form {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  background-color: #fff;
  padding: 2rem;
  border-radius: 0.5rem;
  max-width: 100%;
  margin: 0 auto;
}
.common-form.form-desc {
  margin: 1rem auto 2rem auto;
}
.common-form .common-form-heading {
  padding: 2rem 0;
}
.common-form .common-form-heading h2 {
  text-shadow: 0px 0px 0.1rem rgb(0, 0, 0);
  font-size: 1.75rem;
  font-weight: 700;
}
.common-form .common-form-list {
  display: grid;
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.common-form .common-form-list .form-box {
  grid-column: span 2;
}
@media (max-width: 800px) {
  .common-form .common-form-list .form-box {
    grid-column: span 4;
  }
}
.common-form .common-form-list .form-box-single {
  grid-column: span 4;
}
.common-form .common-form-list .form-box-single textarea {
  height: 100px;
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #477a82;
  padding: 0.5rem;
}
.common-form .common-form-list .form-box-single textarea:focus {
  outline: none;
}
.common-form .common-form-list .form-box-single input[type=submit] {
  padding: 1rem;
  color: #fff;
  background: linear-gradient(to right, #03817c 0%, #03817c 100%);
  border-radius: 0.5rem;
  transition: ease all 0.5s;
  border: none;
}
.common-form .common-form-list .form-box-single input[type=submit]:hover {
  background: linear-gradient(to right, #03817c 0%, #03817c 100%);
}

/*** Common form ***/
/*** Scientific Research Award **/
.research-award-list {
  width: 100%;
}
.research-award-list h2 {
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 1rem;
  text-align: center;
}
.research-award-list .research-award-list-main {
  display: grid;
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-columns: repeat(8, 1fr);
  width: 100%;
  justify-content: center;
}
.research-award-list .research-award-list-main .research-award-list-single {
  grid-column: span 2;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  max-width: 285px;
}
@media (max-width: 1000px) {
  .research-award-list .research-award-list-main .research-award-list-single {
    grid-column: span 4;
  }
}
@media (max-width: 500px) {
  .research-award-list .research-award-list-main .research-award-list-single {
    grid-column: span 8;
  }
}
.research-award-list .research-award-list-main .research-award-list-single .ra-image-section img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.research-award-list .research-award-list-main .research-award-list-single .ra-desc-section {
  padding: 1rem 0.5rem;
}
.research-award-list .research-award-list-main .research-award-list-single .ra-desc-section h3 {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.prize-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.prize-list .prize-list-single {
  width: 25%;
  min-width: 300px;
  max-width: 300px;
  margin: 2rem;
}
@media (max-width: 500px) {
  .prize-list .prize-list-single {
    margin: 2rem 1rem;
  }
}
.prize-list .prize-list-single .prize-image img {
  width: 100%;
  height: 100%;
}
.prize-list .prize-list-single .prize-amount {
  text-align: center;
}
.prize-list .prize-list-single .prize-amount h4 {
  font-weight: 700;
  font-size: 2.5rem;
  padding: 2rem 0;
  background-image: linear-gradient(45deg, #fff2ac, #f7e186, #ca9b36, #c2a05c, #b67b04);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #4b3402;
}

.additional-prize {
  font-size: 1.15rem;
  font-weight: 500;
}

.srr-terms {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  padding: 3rem;
  border-radius: 0.5rem;
}
.srr-terms h2 {
  font-size: 1.75rem;
  font-weight: 700;
  padding: 0px 50px 35px 20px;
}

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

.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: 1.2rem;
  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: #211c35;
  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: 1rem;
}

/*** Accordion **/
/*** Scientific Research Award **/
/*** Training ***/
.training-list .training-list-main {
  display: grid;
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  grid-template-columns: repeat(10, 1fr);
  width: 100%;
}
@media (max-width: 1150px) {
  .training-list .training-list-main {
    grid-template-columns: repeat(15, 1fr);
  }
}
@media (max-width: 750px) {
  .training-list .training-list-main {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (max-width: 750px) {
  .training-list .training-list-main {
    grid-template-columns: repeat(5, 1fr);
  }
}
.training-list .training-list-main .training-list-single {
  grid-column: span 2;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (max-width: 1150px) {
  .training-list .training-list-main .training-list-single {
    grid-column: span 5;
  }
}
.training-list .training-list-main .training-list-single .training-list-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.training-list .training-list-main .training-list-single .training-list-desc h2 {
  font-size: 1.05rem;
  font-weight: 600;
  text-align: center;
  padding: 1rem 0;
}

.training-single-details, .training-mobile-single-details {
  display: none;
  margin: 4rem 0 0 0;
  padding: 2rem 4rem;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  background-color: #fff;
  border-radius: 0.5rem;
  position: relative;
  /*@media(max-width: 1150px){
     position: fixed;
     top:50px;
     z-index: 999;
     min-width: 90%;
     max-width: 90%;
     padding:2rem 2rem;
  }*/
}
.training-single-details a.close, .training-mobile-single-details a.close {
  display: block;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 10px;
  position: absolute;
}
.training-single-details a.close i, .training-mobile-single-details a.close i {
  color: #000;
  font-size: 1rem;
}
.training-single-details .tsd-single, .training-mobile-single-details .tsd-single {
  display: none;
}
.training-single-details .tsd-single.active, .training-mobile-single-details .tsd-single.active {
  display: block;
}
.training-single-details .tsd-single h3, .training-mobile-single-details .tsd-single h3 {
  font-size: 1.5rem;
  font-weight: 600;
}
.training-single-details .tsd-single li, .training-mobile-single-details .tsd-single li {
  padding: 0.5rem 0;
}
.training-single-details .tsd-single p, .training-mobile-single-details .tsd-single p {
  line-height: 2rem;
}

.training-mobile-single-details {
  margin: 0;
  box-shadow: none;
  padding: 0 1rem;
}
.training-mobile-single-details .tsd-single {
  display: block;
}
.training-mobile-single-details a.close {
  top: -30px;
}

/*** Training ***/
/*** Podcast ***/
.podcast-list .common-content-list .childs .image-section {
  min-height: 180px;
  height: 180px;
}

.podcast-cat-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.podcast-cat-list a {
  padding: 0.5rem;
  margin: 1rem;
  border: 1px solid #211c35;
  border-radius: 0.5rem;
}
.podcast-cat-list a:hover {
  color: #fff;
  background: linear-gradient(to right, #352f46 0%, #726d7e 100%);
}

iframe {
  width: 100%;
  max-width: 100%;
  min-height: 430px;
  border-radius: 0.5rem;
  border: none;
}

.single-podcast .yt-video-container {
  width: 100%;
}
.single-podcast .yt-video-container iframe {
  width: 100%;
  max-width: 100%;
  height: 650px;
  border-radius: 0.5rem;
  border: none;
}
.single-podcast .sp-content-details .sp-content-full h2 {
  font-size: 1.3rem;
  font-weight: bold;
  padding: 1rem 0;
}
.single-podcast .related-single .post-img {
  height: 170px;
}

/*** Podcast ***/
/*** Baromater ***/
.barometer .barometer-content .middle-heading h1 {
  font-size: 1.9rem;
  font-weight: 700;
}
.barometer .barometer-content .bm-top-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.barometer .barometer-content .bm-top-main .bm-top-single {
  grid-column: span 2;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .barometer .barometer-content .bm-top-main .bm-top-single {
    grid-column: span 4;
  }
}
.barometer .barometer-content .bm-top-main .bm-top-single.bm-logo-container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.barometer .barometer-content .bm-top-main .bm-top-single img {
  width: 90%;
}
.barometer .barometer-content .bm-top-main .bm-top-single p {
  font-size: 1.6rem;
  line-height: 1.8;
  padding: 1.5rem 0;
  text-align: justify;
}
.barometer .barometer-content .bm-top-content {
  padding: 4rem 0 0 0;
}
@media (max-width: 750px) {
  .barometer .barometer-content .bm-top-content {
    padding: 0;
  }
}
.barometer .barometer-content .bm-top-content h4 {
  font-weight: 300;
  font-size: 1.5rem;
  padding: 0;
  color: #fff;
  text-shadow: 1px 2px 2px rgb(0, 0, 0);
}
@media (max-width: 550px) {
  .barometer .barometer-content .bm-top-content h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 550px) {
  .barometer .barometer-content .bm-top-content h4 {
    font-size: 1rem;
  }
}
.barometer .barometer-content .bm-top-content h1 {
  font-weight: 700;
  font-size: 2.5rem;
  padding: 2rem 0;
  text-shadow: 1px 2px 2px rgb(0, 0, 0);
  color: #fff;
  margin: 0;
  line-height: 4rem;
}
@media (max-width: 650px) {
  .barometer .barometer-content .bm-top-content h1 {
    font-size: 2rem;
  }
}
@media (max-width: 550px) {
  .barometer .barometer-content .bm-top-content h1 {
    font-size: 1.8rem;
  }
}
@media (max-width: 550px) {
  .barometer .barometer-content .bm-top-content h1 {
    font-size: 1.5rem;
    line-height: 3rem;
  }
}
.barometer .barometer-content .bm-top-content p {
  font-weight: 300;
  font-size: 1.3rem;
  padding: 0;
  color: #fff;
  text-shadow: 1px 2px 2px rgb(0, 0, 0);
  line-height: 2.2rem;
}

.survey-methodology {
  font-weight: 350;
  font-size: 1.1rem;
  padding: 0;
  color: #000;
  line-height: 2.2rem;
}
.survey-methodology span {
  font-weight: 700;
}
.survey-methodology .survey-methodology-single h4 {
  width: auto;
  max-width: 300px;
  margin-left: 45px;
  font-size: 1.3rem;
  padding: 0.5rem 0;
  position: relative;
  color: #fff;
  font-weight: 600;
}
.survey-methodology .survey-methodology-single h4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #221c35, #03817c);
  transform-origin: 100% 0;
  transform: skew(-45deg);
  z-index: -1;
}
.survey-methodology .survey-methodology-single ol li {
  padding: 0.5rem 0;
}

.single-barometer-content i {
  font-size: 4rem !important;
  padding: 1rem 0;
}
.single-barometer-content span {
  font-size: 1.2rem;
}
.single-barometer-content .rep-main {
  text-align: center;
}

#event_section .barometer-report {
  height: 350px;
}
#event_section .barometer-report h1 {
  padding: 0;
}

.report-thump {
  width: 100%;
}
.report-thump img {
  width: 100%;
}

.single-barometer-content .pdf-container {
  width: 73%;
  background: #fff;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  border-radius: 0.5rem;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 950px) {
  .single-barometer-content .pdf-container {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .single-barometer-content .pdf-container {
    display: none;
  }
}

.bm-request-link {
  display: flex;
  justify-content: center;
}
.bm-request-link a {
  color: #fff;
  border: 1px solid #03817c;
  background: linear-gradient(to right, #03817c 0%, #03817c 100%);
  display: block;
  width: 250px;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

/*** Baromater ***/
/*** Middle Heading ***/
.middle-heading {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  overflow: hidden;
  direction: ltr;
}
.middle-heading h1 {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-shadow: none;
  padding: 0.5rem;
  font-style: normal;
  font-weight: 600;
  position: relative;
  text-align: center;
  width: 100%;
  color: #211c35;
}
.middle-heading h1 span {
  padding: 0 1rem;
}
.middle-heading h1:before, .middle-heading h1:after {
  position: absolute;
  top: 51%;
  overflow: hidden;
  width: 50%;
  height: 1px;
  content: " ";
  background-color: #211c35;
}
.middle-heading h1::before {
  margin-left: -50%;
  text-align: right;
}

/*** Middle Heading ***/
.video-header-main {
  height: 600px;
  background-color: #1f3666;
}
@media (max-width: 850px) {
  .video-header-main {
    height: auto;
  }
}
.video-header-main .middle-heading h1 {
  color: #fff;
  font-weight: 700;
  font-size: 2.3em;
}
.video-header-main .middle-heading h1:before, .video-header-main .middle-heading h1:after {
  background-color: #fff;
}
.video-header-main .adv-main .top-level-main .top-level-single h2 {
  font-size: 2.3rem;
  text-transform: uppercase;
}
.video-header-main .adv-main .top-level-main .top-level-single h5 {
  font-size: 1.9rem;
  line-height: 1.5;
  padding: 1rem 0;
  text-align: justify;
}
.video-header-main .adv-main .top-level-main .top-level-single h5 i {
  font-size: 1.5rem;
}
.video-header-main .adv-main .top-level-main .yt-video-container {
  max-height: 420px;
}

.adv-list {
  display: grid;
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.adv-list .adv-list-main {
  grid-column: span 2;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (max-width: 650px) {
  .adv-list .adv-list-main {
    grid-column: span 4;
  }
}
.adv-list .adv-list-main .adv-list-img {
  width: 70%;
}
@media (max-width: 750px) {
  .adv-list .adv-list-main .adv-list-img {
    width: 100%;
  }
}
.adv-list .adv-list-main .adv-list-desc h2 {
  font-size: 1.5rem;
}

/*** External Offices ***/
.finisher-header:has(.external-offices-head),
.finisher-header:has(.external-back) {
  height: 370px;
}
@media (max-width: 1200px) {
  .finisher-header:has(.external-offices-head),
  .finisher-header:has(.external-back) {
    height: 300px;
  }
}
@media (max-width: 1000px) {
  .finisher-header:has(.external-offices-head),
  .finisher-header:has(.external-back) {
    height: 250px;
  }
}
@media (max-width: 750px) {
  .finisher-header:has(.external-offices-head),
  .finisher-header:has(.external-back) {
    height: 200px;
  }
}
.finisher-header:has(.external-offices-head) h1,
.finisher-header:has(.external-back) h1 {
  color: #fff;
  text-align: center;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
  font-weight: 700;
}
@media (max-width: 800px) {
  .finisher-header:has(.external-offices-head) h1,
  .finisher-header:has(.external-back) h1 {
    font-size: 2rem;
  }
}
@media (max-width: 490px) {
  .finisher-header:has(.external-offices-head) h1,
  .finisher-header:has(.external-back) h1 {
    font-size: 1.5rem;
  }
}

.external-back {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  .external-back {
    background-size: cover;
  }
}

.external-offices {
  width: 100%;
  margin-top: -11rem;
  z-index: 15;
  position: relative;
}
.external-offices img {
  width: 100%;
}
.external-offices .external-offices-head {
  padding-bottom: 2rem;
}
.external-offices .external-offices-head h1 {
  font-size: 2rem;
  color: #096667;
  text-align: center;
  text-shadow: none;
}
.external-offices .au-exp-content .au-top-content .au-exp-main {
  padding-bottom: 2rem;
}
.external-offices .au-exp-content .au-top-content .au-exp-main .au-exp-single .eo_img {
  max-height: 160px;
  overflow: hidden;
  min-height: 160px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.external-offices .au-exp-content .au-top-content .au-exp-main .au-exp-single.posts h2 {
  line-height: 1.5rem;
}
.external-offices .flag-content {
  width: 100%;
  padding: 2rem 0 0 0;
}
.external-offices .flag-content .fl-img {
  display: flex;
  justify-content: center;
}
.external-offices .flag-content .fl-img .fl-img-content {
  max-width: 90%;
  width: 200px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.external-offices .director-content {
  width: 100%;
  padding: 2rem 0 2rem 0;
}
.external-offices .director-content .dir-main {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-columns: repeat(10, 1fr);
  max-width: 1000px;
  margin: 0 auto;
  /*.dir-img{
     grid-column: span 10;            
     border-radius: .5rem;
     overflow: hidden;
     display: flex;
     justify-content: center;
     .dir-img-content{
        max-width: 90%;
        height:250px;
        width:250px;
        background: linear-gradient(to bottom, #091121 40%, #091121 100%);
        border-radius: 50%;
        overflow: hidden;
        border:4px solid #fff;
        img{
           max-width: 100%;
           height: 250px;
           width: 250px;
           -o-object-fit: cover;
           object-fit: cover;
           //object-position: -45px;
        }
     }
  }*/
}
@media (max-width: 750px) {
  .external-offices .director-content .dir-main {
    grid-column-gap: unset;
    grid-row-gap: 2rem;
  }
}
.external-offices .director-content .dir-main h2 {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 550;
  padding-bottom: 1.5rem;
}
.external-offices .director-content .dir-main .dir-details {
  grid-column: span 5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 900px) {
  .external-offices .director-content .dir-main .dir-details {
    grid-column: span 10;
  }
}
.external-offices .director-content .dir-main .dir-details .dir-text {
  width: 400px;
  max-width: 100%;
  text-align: center;
}
.external-offices .director-content .dir-main .dir-details .dir-img-content {
  border-radius: 1rem;
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 430px;
}
.external-offices .director-content .dir-main .dir-details .dir-img-content .bk-circle {
  max-width: 85%;
  max-height: 85%;
  width: 380px;
  height: 380px;
  background-color: #03817c;
  background-color: #09656D;
  background: linear-gradient(270deg, #00a19b 0%, #09656D 100%);
  border-radius: 50%;
  position: absolute;
  z-index: 9999;
  top: 0px;
  right: 0%;
}
@media (max-width: 950px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .bk-circle {
    top: 5%;
  }
}
@media (max-width: 900px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .bk-circle {
    top: 0;
    right: 20%;
  }
}
@media (max-width: 750px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .bk-circle {
    right: 15%;
  }
}
@media (max-width: 650px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .bk-circle {
    right: 10%;
  }
}
@media (max-width: 550px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .bk-circle {
    right: 5%;
  }
}
@media (max-width: 500px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .bk-circle {
    right: 1%;
  }
}
@media (max-width: 450px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .bk-circle {
    width: 280px;
    height: 280px;
  }
}
.external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle {
  max-width: 100%;
  max-height: 100%;
  width: 400px;
  position: absolute;
  z-index: 9999;
  top: 6%;
  left: 0%;
  overflow: hidden;
}
@media (max-width: 900px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle {
    left: 20%;
    max-height: 150%;
  }
}
@media (max-width: 750px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle {
    left: 15%;
  }
}
@media (max-width: 650px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle {
    left: 10%;
  }
}
@media (max-width: 550px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle {
    left: 5%;
  }
}
@media (max-width: 500px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle {
    left: 1%;
  }
}
.external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle .img-content {
  width: 400px;
  height: 400px;
  background-color: #E3E3E3;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 450px) {
  .external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle .img-content {
    width: 300px;
    height: 300px;
  }
}
.external-offices .director-content .dir-main .dir-details .dir-img-content .fr-circle img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.external-offices .director-content .dir-main .dir-details h3 {
  font-weight: 550;
  padding: 1rem 0;
  margin: 0;
  font-size: 1.4rem;
  text-align: center;
}
.external-offices .director-content .dir-main .dir-details h5 {
  margin: 0.5rem 0;
  text-align: center;
  font-weight: normal;
}
.external-offices .director-content .dir-main .obj-content {
  grid-column: span 5;
  padding-top: 20rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .external-offices .director-content .dir-main .obj-content {
    grid-column: span 10;
    padding-top: 10rem;
  }
}
.external-offices .director-content .dir-main .obj-content ul {
  list-style: disc;
  padding: 0;
}
.external-offices .director-content .dir-main.no-director {
  max-width: 100%;
}
.external-offices .director-content .dir-main.no-director .dir-details {
  display: none;
}
.external-offices .director-content .dir-main.no-director .obj-content {
  grid-column: span 10;
  padding-top: 0rem;
}

.external-offices-2 {
  width: 100%;
  background-color: #05161d;
}
.external-offices-2 img {
  width: 100%;
}
.external-offices-2 .common-container {
  padding: 2rem 0;
}
.external-offices-2 .external-offices-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(10, 1fr);
}
.external-offices-2 .external-offices-main .txt-area {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 600px) {
  .external-offices-2 .external-offices-main .txt-area {
    grid-column: span 10;
  }
}
.external-offices-2 .external-offices-main .txt-area .ta-content .tac-txt {
  padding: 1rem 0;
}
.external-offices-2 .external-offices-main .txt-area h2 {
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
}
@media (max-width: 800px) {
  .external-offices-2 .external-offices-main .txt-area h2 {
    font-size: 1.5rem;
  }
}
.external-offices-2 .external-offices-main .txt-area p {
  color: #fff;
  text-align: justify;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
  line-height: 2rem;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt {
  padding: 1rem;
  border: 1px solid #706f6f;
  border-radius: 0.5rem;
  margin: 2rem 0;
  position: relative;
  /*box-shadow: 4px 7px 10px -1px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 4px 7px 10px -1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 4px 7px 10px -1px rgba(255, 255, 255, 0.2);*/
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dnm-close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dnm-head {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 0 0 1rem 0;
  grid-column-gap: 2rem;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dnm-head .eo-flag {
  grid-column: span 5;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dnm-head .eo-flag img {
  border-radius: 0.3rem;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dnm-head .eo-heading {
  grid-column: span 4;
  display: flex;
  align-items: center;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dnm-head .eo-heading h3 {
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dmn-txt-content ul {
  color: #fff;
  padding: 0.3rem 2rem;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dmn-txt-content ul li {
  padding: 0.5rem 0;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dmn-link {
  padding: 1rem 0;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dmn-link a {
  background-color: initial;
  background-image: linear-gradient(-180deg, #096667, #096667);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  z-index: 9;
  border: 0;
}
.external-offices-2 .external-offices-main .txt-area .dnm-txt .dmn-link a:hover {
  background: #096667;
}
.external-offices-2 .external-offices-main .chart-area {
  grid-column: span 6;
}
@media (max-width: 600px) {
  .external-offices-2 .external-offices-main .chart-area {
    grid-column: span 10;
  }
}
.external-offices-2 #chartdiv {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: 80vh;
  z-index: 900;
}

/*** External Offices ***/
/**** Contact Form ***/
.contact-form-content .cf-main {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.contact-form-content .cf-main .cf-single {
  grid-column: span 2;
  background-color: #fff;
  overflow: hidden;
  border-radius: 0.5rem;
}
.contact-form-content .cf-main .cf-single h5 {
  padding: 1rem;
}
.contact-form-content .cf-main .cf-single p {
  padding: 0 1rem;
}

/**** Contact Form ***/
/*** Publications ***/
.single-publication .barometer {
  height: 400px;
}
.single-publication .barometer .barometer-content .bm-top-content {
  padding: 6rem 0 0 0;
}
@media (max-width: 750px) {
  .single-publication .barometer .barometer-content .bm-top-content {
    padding: 2rem 0 0 0;
  }
}
@media (max-width: 500px) {
  .single-publication .barometer .barometer-content .bm-top-content {
    padding: 2rem 0 0 0;
  }
}
.single-publication .barometer .barometer-content .bm-top-content h1 {
  padding: 1rem 0;
  font-size: 2rem;
  line-height: 3rem;
}
@media (max-width: 400px) {
  .single-publication .barometer .barometer-content .bm-top-content h1 {
    font-size: 1.5rem;
  }
}
.single-publication .barometer .barometer-content .bm-top-content h4 {
  font-size: 1.3rem;
}
.single-publication .barometer .barometer-content .bm-top-content p {
  font-size: 1rem;
  font-weight: 500;
}
.single-publication h3 {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.2rem;
  text-shadow: 0px 0px 1px rgb(0, 0, 0);
  text-transform: uppercase;
}
.single-publication h3 span {
  background-color: #03817c;
  padding: 3px 5px;
  color: #fff;
  border-radius: 0.5rem;
}
.single-publication .pub-content-details {
  display: flex;
}
@media (max-width: 450px) {
  .single-publication .pub-content-details {
    flex-direction: column;
  }
}
.single-publication .pub-content-details .pub-content-left {
  width: 20%;
  min-height: 300px;
}
@media (max-width: 950px) {
  .single-publication .pub-content-details .pub-content-left {
    width: 30%;
  }
}
@media (max-width: 650px) {
  .single-publication .pub-content-details .pub-content-left {
    width: 40%;
  }
}
@media (max-width: 450px) {
  .single-publication .pub-content-details .pub-content-left {
    width: 100%;
  }
}
.single-publication .pub-content-details .pub-content-left .pub-thumb {
  margin: 1rem 0 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  overflow: hidden;
}
.single-publication .pub-content-details .pub-content-left .price {
  text-align: center;
  padding: 0.5rem 0 0.5rem 0;
}
.single-publication .pub-content-details .pub-content-left .price h3 {
  font-size: 1.5rem;
  margin: 0;
  text-align: center;
}
.single-publication .pub-content-details .pub-content-left .price h4 {
  font-size: 1rem;
  color: #09656D;
  margin: 0;
  text-align: center;
}
.single-publication .pub-content-details .pub-content-left .price a {
  color: #fff;
  border: 1px solid #03817c;
  background: linear-gradient(to right, #03817c 0%, #03817c 100%);
  border-radius: 0.5rem;
  display: block;
  max-width: 170px;
  margin-bottom: 1rem;
  padding: 0.5rem 0;
  margin: 0.5rem auto 1rem auto;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
  text-align: center;
}
.single-publication .pub-content-details .pub-content-left .price a p {
  text-align: center;
}
.single-publication .pub-content-details .pub-content-left .price a.add_to_cart_button::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "   \f07a   ";
}
.single-publication .pub-content-details .pub-content-right {
  width: 80%;
  min-height: 300px;
  padding: 1rem 2rem;
}
@media (max-width: 950px) {
  .single-publication .pub-content-details .pub-content-right {
    width: 70%;
    padding: 1rem 1rem 1rem 2rem;
  }
}
@media (max-width: 650px) {
  .single-publication .pub-content-details .pub-content-right {
    width: 60%;
  }
}
@media (max-width: 450px) {
  .single-publication .pub-content-details .pub-content-right {
    width: 100%;
    padding: 0;
  }
}

.publicationlist .common-content-main .childs .image-section {
  height: 100%;
}
.publicationlist .common-content-main .childs .image-section img {
  -o-object-fit: cover;
     object-fit: cover;
}
.publicationlist .common-content-main .childs .content-section {
  display: none;
}

.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
  background: none !important;
}
.woocommerce a.remove {
  color: #03817c !important;
}
.woocommerce a.remove:hover {
  color: #fff !important;
  background-color: #03817c !important;
}
.woocommerce button.button {
  background-color: #03817c !important;
  color: #fff !important;
}
.woocommerce a.button.alt {
  background-color: #03817c !important;
}
.woocommerce a.button.alt.hover {
  background-color: rgba(3, 129, 125, 0.7098039216) !important;
}
.woocommerce .cart_totals h2 {
  font-size: 1.4rem;
  font-weight: 600;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
  display: none !important;
  visibility: hidden;
}

.woocommerce form #billing_company_field,
.woocommerce-terms-and-conditions-wrapper,
.woocommerce-page .col2-set .col-2 {
  display: none;
  visibility: hidden;
}

.woocommerce .col2-set .col-1 {
  max-width: 100%;
  width: 100% !important;
  padding: 0;
}

.woocommerce form .woocommerce-billing-fields {
  padding: 1rem;
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
  border-radius: 0.5rem;
}
.woocommerce form .woocommerce-billing-fields input[type=text],
.woocommerce form .woocommerce-billing-fields input[type=tel],
.woocommerce form .woocommerce-billing-fields input[type=email] {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #aaa;
  padding: 0 10px;
}

.select2-container--default .select2-selection--single {
  height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  left: 95% !important;
}

.woocommerce form .woocommerce-account-fields {
  padding: 1rem 0;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
  float: none !important;
  width: 100% !important;
}

.woocommerce form .form-row label {
  min-width: 30%;
}
@media (max-width: 550px) {
  .woocommerce form .form-row label {
    min-width: 100%;
  }
}

.woocommerce form .form-row span {
  min-width: 60%;
}
@media (max-width: 550px) {
  .woocommerce form .form-row span {
    min-width: 100%;
  }
}

.woocommerce table.shop_table {
  box-shadow: 0 2px 20px rgba(30, 30, 30, 0.15);
}

.woocommerce-terms-and-conditions-wrapper {
  width: 100%;
}

.woocommerce-info {
  border: none !important;
}

/*** Publications ***/
.gallery {
  position: relative;
  padding-top: 30px;
  max-width: 80%;
  margin: 0 auto;
}
.gallery br {
  display: none;
}
.gallery .left-arrow, .gallery .right-arrow {
  position: absolute;
  top: 400px;
}
@media (max-width: 1200px) {
  .gallery .left-arrow, .gallery .right-arrow {
    top: 300px;
  }
}
@media (max-width: 750px) {
  .gallery .left-arrow, .gallery .right-arrow {
    top: 250px;
  }
}
@media (max-width: 550px) {
  .gallery .left-arrow, .gallery .right-arrow {
    top: 200px;
  }
}
@media (max-width: 550px) {
  .gallery .left-arrow, .gallery .right-arrow {
    top: 150px;
  }
}
.gallery .left-arrow i, .gallery .right-arrow i {
  font-size: 2rem;
  color: #0b4833;
  font-weight: 700;
}
@media (max-width: 750px) {
  .gallery .left-arrow i, .gallery .right-arrow i {
    font-size: 1.5rem;
  }
}
.gallery .left-arrow {
  left: 25px;
}
.gallery .right-arrow {
  right: 25px;
}
.gallery .gallery-item {
  display: none;
}
.gallery .gallery-item img {
  width: 100%;
  height: auto;
}

.wpml-ls-statics-footer,
.otgs-development-site-front-end {
  display: none;
}

.available-languages {
  padding: 0 0 2rem 0;
}
.available-languages ul {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}
.available-languages ul li {
  display: inline-block;
  width: 30px;
  height: 30px;
}

/***** Popup *****/
.announcement-popup {
  position: fixed;
  display: none;
  z-index: 999999;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  align-items: center;
  justify-content: center;
}
.announcement-popup .announcement-popup-content {
  width: 900px;
  max-width: 90%;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
}
.announcement-popup .announcement-popup-content img {
  width: 100%;
}
.announcement-popup .announcement-popup-content button#close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 1.7rem;
  color: #000;
  font-weight: 700;
  cursor: pointer;
}
.announcement-popup .announcement-popup-content .action-area {
  position: absolute;
  width: 100%;
  height: 15%;
  bottom: 30%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 690px) {
  .announcement-popup .announcement-popup-content .action-area {
    bottom: 50%;
  }
}
@media (max-width: 565px) {
  .announcement-popup .announcement-popup-content .action-area {
    bottom: 65%;
  }
}
@media (max-width: 565px) {
  .announcement-popup .announcement-popup-content .action-area {
    bottom: 80%;
  }
}
.announcement-popup .announcement-popup-content .action-area.aa-arabic {
  justify-content: right;
  right: 2%;
}
.announcement-popup .announcement-popup-content .action-area.aa-english {
  justify-content: left;
  left: 4%;
}
.announcement-popup .announcement-popup-content .action-area .aa-single {
  color: white;
  margin: 20px;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-width: 80%;
  background: transparent;
  padding: 1rem;
}
@media (max-width: 600px) {
  .announcement-popup .announcement-popup-content .action-area .aa-single {
    min-width: 150px;
  }
}
.announcement-popup .announcement-popup-content .action-area .aa-single h1 {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 2.5rem;
  text-shadow: 1px 2px 5px rgb(0, 0, 0);
}
@media (max-width: 930px) {
  .announcement-popup .announcement-popup-content .action-area .aa-single h1 {
    font-size: 1.4rem;
    line-height: 2rem;
  }
}
@media (max-width: 780px) {
  .announcement-popup .announcement-popup-content .action-area .aa-single h1 {
    font-size: 1rem;
    line-height: 1.7rem;
  }
}
@media (max-width: 450px) {
  .announcement-popup .announcement-popup-content .action-area .aa-single h1 {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}
.announcement-popup .announcement-popup-content .action-area .aa-single a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.65rem;
  border: 2px solid #fff;
}
@media (max-width: 850px) {
  .announcement-popup .announcement-popup-content .action-area .aa-single a {
    font-size: 0.8rem;
    padding: 0.5rem;
  }
}
@media (max-width: 500px) {
  .announcement-popup .announcement-popup-content .action-area .aa-single a {
    font-size: 0.55rem;
    padding: 0.4rem;
    font-weight: normal;
  }
}

/***** Popup *****/
/***Inside content Button***/
.inside-content-button {
  padding: 1rem;
  background-color: #091121;
  color: #fff !important;
  border-radius: 0.5rem;
}

/***Inside content Button***/
/*** Search ***/
.trends-search #filter .search-bar {
  position: relative;
}
.trends-search #filter .search-bar .search-text {
  width: 100%;
  height: 40px;
  padding: 0 40px 0 15px;
  border: 1px solid #03817c;
  border-radius: 0.5rem;
}
.trends-search #filter .search-bar .search-text:focus {
  outline: none;
}
.trends-search #filter .search-bar .search-text-btn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
  cursor: pointer;
}
.trends-search #filter .type {
  margin: 15px 15px 0;
}
.trends-search #filter .type .radio-div {
  margin-right: 25px;
}
.trends-search #filter .type .radio-div .search-type-radio {
  display: none;
}
.trends-search #filter .type .radio-div label {
  cursor: pointer;
  display: inline-block;
}
.trends-search #filter .type .radio-div input:checked + label {
  font-weight: bold;
  cursor: default;
}
.trends-search #filter .type .radio-div input:checked + label::after {
  content: "";
  display: block;
  border-bottom: 3px solid;
  margin-top: 1px;
}
.trends-search .search-boxes {
  padding: 1rem 0;
}
.trends-search .search-boxes .search-box {
  margin: 0.5rem 0;
}
.trends-search .search-boxes .search-box .search-main-content {
  display: flex;
  width: 100%;
  padding: 0.5rem 0;
}
@media (max-width: 450px) {
  .trends-search .search-boxes .search-box .search-main-content {
    flex-direction: column;
  }
}
.trends-search .search-boxes .search-box .search-main-content .search-image {
  width: 30%;
  max-width: 200px;
}
@media (max-width: 800px) {
  .trends-search .search-boxes .search-box .search-main-content .search-image {
    width: 40%;
  }
}
@media (max-width: 450px) {
  .trends-search .search-boxes .search-box .search-main-content .search-image {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
.trends-search .search-boxes .search-box .search-main-content .search-image.search-exp-img {
  background: linear-gradient(to bottom, #091121 40%, #091121 100%);
  border-radius: 0.5rem;
}
@media (max-width: 600px) {
  .trends-search .search-boxes .search-box .search-main-content .search-image.search-exp-img {
    width: 50%;
  }
}
.trends-search .search-boxes .search-box .search-main-content .search-image img {
  width: 100%;
  border-radius: 0.5rem;
}
.trends-search .search-boxes .search-box .search-main-content .search-details {
  padding: 0 1rem;
  display: flex;
  align-items: center;
  width: 70%;
}
@media (max-width: 450px) {
  .trends-search .search-boxes .search-box .search-main-content .search-details {
    width: 100%;
    padding: 0;
  }
}
.trends-search .search-boxes .search-box .search-main-content .search-details h4 {
  font-size: 1rem;
  font-weight: 700;
}

.search-codematra {
  background: rgba(0, 0, 0, 0.85);
  z-index: 999999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  /*visibility: hidden;*/
}
.search-codematra .search-close {
  position: absolute;
  right: 50px;
  height: 25 px;
  cursor: pointer;
  color: #FFF;
  z-index: 9999;
  top: 20px;
}
.search-codematra .search-close i {
  font-size: 25px;
}
.search-codematra h3 {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  display: block;
  margin: 0 0 20px 0;
  color: #fff;
}
.search-codematra .search {
  position: relative;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.search-codematra .search input[type=text] {
  width: 100%;
  padding: 15px;
  font-size: 15px;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  color: #fff;
  border-bottom: 1px solid #fff;
  outline: none;
}
.search-codematra .search button {
  background: transparent;
  border: none !important;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  line-height: 50px;
  padding: 0 15px;
  cursor: pointer;
  box-shadow: none !important;
  color: #00a19b;
}

/*** Search ***/
/*** Home Event Popup ***/
#home-event-popup {
  position: fixed;
  bottom: 0;
  max-width: 350px;
  background-color: #fff;
  right: 10px;
  height: -moz-fit-content;
  height: fit-content;
  height: 0;
  width: 450px;
  max-width: 90%;
  z-index: 9999;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 2px 1px 9px 3px rgba(0, 0, 0, 0.3);
  background: linear-gradient(to right, #211c35 0%, #264861 100%);
  display: none;
}
@media (max-width: 500px) {
  #home-event-popup {
    right: 5%;
  }
}
#home-event-popup .home-event-popup-content {
  padding: 2rem 1.5rem;
  color: #fff;
  text-align: center;
}
#home-event-popup .home-event-popup-content a.close {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
}
#home-event-popup .home-event-popup-content a.close i {
  font-size: 0.9rem;
  color: #d8d8d8;
}
#home-event-popup .home-event-popup-content a.close:hover i {
  color: #fff;
}
#home-event-popup .home-event-popup-content .logo-area {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(6, 1fr);
  padding-bottom: 1rem;
}
#home-event-popup .home-event-popup-content .logo-area .logo-single {
  grid-column: span 2;
  display: flex;
  justify-content: center;
}
#home-event-popup .home-event-popup-content .logo-area .logo-single img {
  width: 80%;
}
#home-event-popup .home-event-popup-content h1 {
  font-size: 1.5rem;
  padding: 0 0 0.3rem 0;
  font-weight: 600;
}
#home-event-popup .home-event-popup-content h3 {
  font-size: 1rem;
  padding: 0.5rem 0;
}
#home-event-popup .home-event-popup-content h4 {
  font-size: 0.9rem;
  padding: 0;
}
#home-event-popup .home-event-popup-content p {
  font-size: 1rem;
  padding: 0.3rem 0;
}
#home-event-popup .home-event-popup-content .pop-link {
  padding: 0.3rem 0;
}
#home-event-popup .home-event-popup-content .pop-link a {
  font-size: 0.9rem;
  background-color: #264861;
  border: 1px solid #fff;
  padding: 0.3rem 0.5rem;
  color: #fff;
  border-radius: 0.3rem;
}

/*** Home Event Popup ***/
/*** Publications List ***/
.pl-filter {
  margin-top: 0;
  position: fixed;
  width: 100%;
  background-color: rgba(9, 17, 33, 0.8);
  padding: 1rem 0;
  z-index: 100;
}
@media (max-width: 1300px) {
  .pl-filter {
    margin-top: -10px;
  }
}
.pl-filter select {
  background-color: rgba(9, 17, 33, 0.8);
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  border-bottom: 1px solid #fff;
  padding: 0.5rem;
}
.pl-filter select option {
  background-color: rgba(9, 17, 33, 0.8);
  padding: 0;
  margin: 0;
  border: none;
}
.pl-filter .pl-filter-content {
  display: flex;
}
@media (max-width: 700px) {
  .pl-filter .pl-filter-content {
    flex-direction: column;
  }
}
.pl-filter .pl-filter-content .pl-fl-category {
  width: 50%;
  display: flex;
  justify-content: right;
  padding: 0 2rem;
}
@media (max-width: 700px) {
  .pl-filter .pl-filter-content .pl-fl-category {
    width: 100%;
    justify-content: center;
    padding: 0.5rem 2rem;
  }
}
.pl-filter .pl-filter-content .pl-fl-language {
  width: 50%;
  display: flex;
  justify-content: left;
  padding: 0 2rem;
}
@media (max-width: 700px) {
  .pl-filter .pl-filter-content .pl-fl-language {
    width: 100%;
    justify-content: center;
    padding: 0.5rem 2rem;
  }
}

.publications-list {
  margin-top: 100px;
}
.publications-list .common-content-main {
  display: block;
}
.publications-list .pl-main {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-columns: repeat(10, 1fr);
  margin-bottom: 3rem;
}
.publications-list .pl-main .pl-banner {
  grid-column: span 2;
}
@media (max-width: 850px) {
  .publications-list .pl-main .pl-banner {
    grid-column: span 3;
  }
}
@media (max-width: 650px) {
  .publications-list .pl-main .pl-banner {
    grid-column: span 4;
  }
}
@media (max-width: 400px) {
  .publications-list .pl-main .pl-banner {
    grid-column: span 5;
  }
}
.publications-list .pl-main .pl-banner img {
  width: 80%;
  border: 1px solid #dedede;
  border-radius: 0.5rem;
}
.publications-list .pl-main .pl-details {
  grid-column: span 8;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 850px) {
  .publications-list .pl-main .pl-details {
    grid-column: span 7;
  }
}
@media (max-width: 650px) {
  .publications-list .pl-main .pl-details {
    grid-column: span 6;
  }
}
@media (max-width: 400px) {
  .publications-list .pl-main .pl-details {
    grid-column: span 5;
  }
}
.publications-list .pl-main .pl-details h4 {
  font-size: 0.72rem;
  font-weight: 600;
  color: #03817c;
  text-transform: uppercase;
  line-height: 1.2rem;
}
.publications-list .pl-main .pl-details h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0.5rem 0;
  padding: 0;
  line-height: 1.5;
}
.publications-list .pl-main .pl-details p {
  margin: 0.2rem 0;
  font-size: 0.9rem;
}

/*** Publications List ***/
table.resizable {
  text-align: center;
}
@media (max-width: 850px) {
  table.resizable {
    font-size: 0.8rem;
  }
  table.resizable td {
    padding: 0 !important;
  }
}
@media (max-width: 500px) {
  table.resizable {
    font-size: 0.7rem;
  }
}

td.rotate-vr {
  text-align: center;
  white-space: nowrap;
  transform: rotate(-90deg);
  padding: 0;
}
td.rotate-vr div {
  margin: 0 -100%;
  display: inline-block;
}
td.rotate-vr div:before {
  content: "";
  width: 0;
  padding-top: 110%; /* takes width as reference, + 10% for faking some extra padding */
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 850px) {
  td.rotate-vr div {
    margin: 0 -180%;
  }
}
@media (max-width: 500px) {
  td.rotate-vr div {
    margin: 0 -350%;
  }
}

#new-se-page .common-container-inner {
  max-width: 1200px;
}
#new-se-page .eso-heading {
  padding-bottom: 2rem;
}
#new-se-page .eso-heading .eso-logo {
  width: 100%;
}
#new-se-page .eso-heading .eso-logo img {
  width: 60%;
  margin-left: -15px;
}
#new-se-page .eso-heading h1 {
  font-size: 1.8rem;
  text-shadow: none;
  font-weight: 550;
  padding: 0.5rem 0;
  color: #1d2c46;
}
#new-se-page .eso-heading h1 span {
  color: #00838F;
  font-size: 1.5rem;
}
@media (max-width: 550px) {
  #new-se-page .eso-heading h1 {
    font-size: 1.5rem;
  }
}
@media (max-width: 470px) {
  #new-se-page .eso-heading h1 {
    font-size: 1.2rem;
  }
}
@media (max-width: 385px) {
  #new-se-page .eso-heading h1 {
    font-size: 1rem;
  }
}
#new-se-page .eso-heading .line {
  width: 100%;
  max-height: 5px;
  height: 5px;
}
#new-se-page .eso-heading .line span {
  width: 20%;
  background-color: #03817c;
  display: block;
  height: 100%;
}
#new-se-page .eso-heading .line.full span {
  width: 10%;
}
@media (max-width: 500px) {
  #new-se-page .eso-heading .line.full span {
    width: 20%;
  }
}
#new-se-page .eso-heading .line.full-half span {
  width: 5%;
}
@media (max-width: 500px) {
  #new-se-page .eso-heading .line.full-half span {
    width: 20%;
  }
}
#new-se-page .au-top-content {
  padding: 0;
}
@media (max-width: 1300px) {
  #new-se-page .au-top-content {
    padding: 0 1rem;
  }
}
#new-se-page .se-top-main {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
#new-se-page .se-top-main video {
  position: absolute;
  left: 0;
  top: auto;
  width: 100%;
  height: 100%;
  z-index: 9;
  min-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#new-se-page .se-top-main .gr-background {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  background-image: linear-gradient(180deg, #182f3e 0%, rgba(24, 47, 62, 0.4) 100%);
}
#new-se-page .se-top-main .gr-background .se-top-content {
  max-width: 850px;
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
  min-height: 250px;
}
#new-se-page .se-top-main .gr-background .se-top-content h2 {
  color: #fff;
  text-align: center;
  font-size: 2.8rem;
  line-height: 4rem;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "MerriWeather-Regular";
}
#new-se-page .se-top-main .gr-background .se-top-content h2 span {
  position: relative;
}
#new-se-page .se-top-main .gr-background .se-top-content h2 span::after {
  content: "";
  position: absolute;
  width: 100%;
  border-top: solid 3px #00a19b;
  left: 0;
  bottom: -8px;
  border-radius: 50%;
  height: 15px;
  z-index: -99;
}
@media (max-width: 650px) {
  #new-se-page .se-top-main .gr-background .se-top-content {
    padding: 0 2rem;
  }
  #new-se-page .se-top-main .gr-background .se-top-content h2 {
    font-size: 2rem;
  }
}
@media (max-width: 400px) {
  #new-se-page .se-top-main .gr-background .se-top-content h2 {
    font-size: 1.5rem;
  }
}
#new-se-page .se-top-main .gr-background .fl-img-content {
  max-width: 90%;
  width: 160px;
  border-radius: 0.5rem;
  overflow: hidden;
}
#new-se-page .se-top-main .gr-background .fl-img-content img {
  width: 100%;
}
#new-se-page .external-offices {
  margin-top: 0;
}
#new-se-page .se-tra-details {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
#new-se-page .se-tra-details .se-details {
  grid-column: span 4;
}
@media (max-width: 850px) {
  #new-se-page .se-tra-details .se-details {
    grid-column: span 6;
  }
}
#new-se-page .se-tra-details .se-details .obj-content {
  padding: 1rem 0;
}
#new-se-page .se-tra-details .se-details .obj-content p {
  line-height: 1.8rem;
  margin: 0.8rem 0;
  font-size: 1.2rem;
}
#new-se-page .se-tra-details .dir-details {
  grid-column: span 2;
  display: flex;
  justify-content: center;
  padding-top: 2rem;
}
#new-se-page .se-tra-details .dir-details a {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}
#new-se-page .se-tra-details .dir-details a .dir-img-content {
  border-radius: 1rem;
  position: relative;
  height: auto;
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  background-image: url("../images/ext-office/eo-dir-back.jpg");
  background-repeat: repeat-x;
  background-size: contain;
}
#new-se-page .se-tra-details .dir-details a .dir-img-content img {
  width: 100%;
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
  transition-duration: 0.4s;
}
#new-se-page .se-tra-details .dir-details a:hover img {
  filter: none;
}
@media (max-width: 850px) {
  #new-se-page .se-tra-details .dir-details {
    grid-column: span 6;
  }
  #new-se-page .se-tra-details .dir-details a .dir-img-content {
    width: 50%;
  }
}
@media (max-width: 600px) {
  #new-se-page .se-tra-details .dir-details a .dir-img-content {
    width: 75%;
  }
}
@media (max-width: 450px) {
  #new-se-page .se-tra-details .dir-details a .dir-img-content {
    width: 100%;
  }
}
#new-se-page .se-tra-details .dir-details h3 {
  font-size: 1.2rem;
  padding: 0.7rem 0;
  text-align: center;
}
#new-se-page .se-tra-details .dir-details h5 {
  margin: 0 0 0.5rem 0;
  text-align: center;
  font-weight: normal;
  font-size: 0.9rem;
}
#new-se-page .se-ot-links {
  width: 100%;
}
#new-se-page .se-ot-links .ot-links {
  display: grid;
  grid-column-gap: 2rem;
  grid-template-columns: repeat(6, 1fr);
}
#new-se-page .se-ot-links .ot-links .sg-link {
  grid-column: span 2;
  height: 90px;
  max-height: 90px;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 0.3rem;
  overflow: hidden;
}
@media (max-width: 650px) {
  #new-se-page .se-ot-links .ot-links .sg-link {
    grid-column: span 6;
    margin-bottom: 1rem;
  }
}
#new-se-page .se-ot-links .ot-links .sg-link a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  transition: all 0.2s linear;
}
#new-se-page .se-ot-links .ot-links .sg-link a span {
  color: #fff;
  font-size: 1rem;
  font-weight: 650;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#new-se-page .se-ot-links .ot-links .sg-link.about {
  background-image: url("../images/ext-office/aboutIT-1.jpg");
}
#new-se-page .se-ot-links .ot-links .sg-link.about a {
  background: rgba(0, 131, 143, 0.6);
}
#new-se-page .se-ot-links .ot-links .sg-link.about a:hover {
  background: rgb(0, 131, 143);
}
#new-se-page .se-ot-links .ot-links .sg-link.ceo-msg {
  background-image: url("../images/ext-office/TRENDS-US-4-1.jpg");
}
#new-se-page .se-ot-links .ot-links .sg-link.ceo-msg a {
  background: rgba(16, 101, 110, 0.6);
}
#new-se-page .se-ot-links .ot-links .sg-link.ceo-msg a:hover {
  background: rgb(16, 101, 110);
}
#new-se-page .se-ot-links .ot-links .sg-link.team {
  background-image: url("../images/ext-office/Commitments__-1.jpg");
}
#new-se-page .se-ot-links .ot-links .sg-link.team a {
  background: rgba(34, 28, 53, 0.6);
}
#new-se-page .se-ot-links .ot-links .sg-link.team a:hover {
  background: rgb(34, 28, 53);
}
#new-se-page .director-content .dir-main {
  max-width: 100%;
}
#new-se-page .director-content .dir-main .dir-video {
  grid-column: span 10;
}
#new-se-page .director-content .dir-main .dir-video video {
  width: 100%;
  border-radius: 0.3rem;
  overflow: hidden;
}
#new-se-page .se-insights {
  padding: 4.5rem 0 3rem 0;
}
@media (max-width: 800px) {
  #new-se-page .se-insights {
    padding: 2rem 0 0rem 0;
  }
}
#new-se-page .se-insights .se-section-heading {
  padding: 1rem 0 3rem 0;
}
#new-se-page .se-insights .se-section-heading h1 {
  position: relative;
  padding: 0;
  margin: 0;
  color: #080808;
  transition: all 0.4s ease 0s;
}
#new-se-page .se-insights .se-section-heading h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  content: "";
  background-color: #c50000;
}
#new-se-page .se-insights .se-ins-main {
  display: grid;
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  grid-template-columns: repeat(6, 1fr);
}
#new-se-page .se-insights .se-ins-main .se-ins-single {
  grid-column: span 2;
}
#new-se-page .se-insights .se-ins-main .se-ins-single.se-two-col {
  grid-column: span 3;
}
@media (max-width: 700px) {
  #new-se-page .se-insights .se-ins-main .se-ins-single.se-two-col {
    grid-column: span 6;
  }
}
@media (max-width: 900px) {
  #new-se-page .se-insights .se-ins-main .se-ins-single {
    grid-column: span 3;
  }
}
@media (max-width: 700px) {
  #new-se-page .se-insights .se-ins-main .se-ins-single {
    grid-column: span 6;
  }
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area {
  min-height: 350px;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area .se-grad {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  opacity: 0.2;
  opacity: 0.6;
  transition: all 0.2s linear;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area .se-grad.light {
  background: #00838F;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area .se-grad.dark {
  background: #10656e;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area .se-grad.dark2 {
  background: #221c35;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area .se-grad.no-color {
  background: #00838F;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  justify-content: center;
  align-items: center;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a .se-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2rem;
  width: 100%;
  transition: all 0.6s cubic-bezier(0.47, 0.25, 0.16, 1.26);
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a .se-title h3 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a .se-title.hide h3 {
  display: none;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a:hover .light {
  background: transparent;
  background-image: linear-gradient(180deg, #03818D 0%, #172D3C 100%);
  opacity: 1;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a:hover .dark {
  background: transparent;
  background-image: linear-gradient(180deg, #2E6285 0%, #193040 100%);
  opacity: 1;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a:hover .dark2 {
  background: transparent;
  background-image: linear-gradient(180deg, #03818D 0%, #221c35 100%);
  opacity: 1;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a:hover .no-color {
  background: #182F3E;
  opacity: 1;
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a:hover .se-title {
  transform: translateY(-80px);
}
#new-se-page .se-insights .se-ins-main .se-ins-single .se-img-area a:hover .se-title.hide h3 {
  display: block;
}
#new-se-page .es-footer {
  background-color: #18374B;
}
#new-se-page .es-footer .es-footer-inner {
  background-color: rgba(255, 255, 255, 0.0509803922);
  background-image: url("https://alienative.net/trendsusa/wp-content/uploads/2024/10/KOBE-CTA-BG.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#new-se-page .es-footer .es-footer-inner .esf-content {
  padding: 5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: initial;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  align-self: auto;
  flex-direction: column;
  gap: 20px 20px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding-inline-start: 0;
  padding-inline-end: 0;
  height: 100%;
}
@media (max-width: 800px) {
  #new-se-page .es-footer .es-footer-inner .esf-content {
    padding: 5rem 1rem;
  }
}
#new-se-page .es-footer .es-footer-inner .esf-content h2 {
  font-family: "MerriWeather-Regular";
  font-size: 2rem;
  text-align: center;
  color: #fff;
  line-height: 3rem;
}
#new-se-page .es-footer .es-footer-inner .esf-content .esf-line {
  width: 100%;
  height: 5px;
  display: flex;
  justify-content: center;
}
#new-se-page .es-footer .es-footer-inner .esf-content .esf-line span {
  width: 30%;
  background-color: #03817c;
  display: block;
  height: 100%;
}
#new-se-page .es-footer .es-footer-inner .esf-content p {
  color: #fff;
  line-height: 2rem;
  text-align: center;
}
#new-se-page .es-footer .es-footer-inner .esf-content .esf-link {
  width: 100%;
  display: flex;
  justify-content: center;
}
#new-se-page .es-footer .es-footer-inner .esf-content .esf-link a {
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 0.3rem;
  background: linear-gradient(to right, #211C35 0%, #09656D 100%);
}

/*** Special Images ***/
.wp-image-57536 {
  float: left;
  width: 100%;
  max-width: 40% !important;
  padding: 1rem 1rem 1rem 0;
}
@media (max-width: 570px) {
  .wp-image-57536 {
    max-width: 100% !important;
    padding: 0 0 1rem 0;
  }
}

/*** Special Images ***//*# sourceMappingURL=style-2024.css.map */