* {
  margin: 0;
  padding: 0; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  scroll-behavior: smooth; }

html,
body {
  box-sizing: border-box;
  font-family: "Prompt", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #0b0c11; }

a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }

::-webkit-scrollbar {
  width: 10px; }

::-webkit-scrollbar-track {
  background: #fff; }

::-webkit-scrollbar-thumb {
  background: #868e96;
  border-radius: 35px; }

::-webkit-scrollbar-thumb:hover {
  background: #61b8ea; }

.offcanvas-active {
  overflow: hidden; }

.offcanvas-header {
  display: none; }

.screen-darken {
  height: 100%;
  width: 0%;
  z-index: 30;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in; }

.screen-darken.active {
  z-index: 1090;
  transition: opacity 0.3s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible; }

@font-face {
  font-family: "Prompt";
  src: url("../fonts/prompt/Prompt-ExtraLight.ttf");
  font-weight: 200; }

@font-face {
  font-family: "Prompt";
  src: url("../fonts/prompt/Prompt-Light.ttf");
  font-weight: 300; }

@font-face {
  font-family: "Prompt";
  src: url("../fonts/prompt/Prompt-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: "Prompt";
  src: url("../fonts/prompt/Prompt-Medium.ttf");
  font-weight: 500; }

@font-face {
  font-family: "Prompt";
  src: url("../fonts/prompt/Prompt-SemiBold.ttf");
  font-weight: 600; }

@font-face {
  font-family: "Prompt";
  src: url("../fonts/prompt/Prompt-Bold.ttf");
  font-weight: 700; }

.font-18 {
  font-size: 1.25rem; }

@media (max-width: 575.98px) {
  .font-18 {
    font-size: 1rem; } }

.link-fb {
  color: #3b5998; }

.link-tw {
  color: #00aced; }

.link-line {
  color: #00c300; }

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.owl_filter .owl-item img {
  display: initial !important; }

.owl_filter .owl-prev {
  position: absolute;
  left: -2.5%;
  top: 44%;
  transform: translateY(-50%);
  background-color: white !important;
  border: 1px solid transparent;
  box-shadow: 30px 0px 30px white;
  width: 45px;
  height: 100%;
  z-index: 1; }
  .owl_filter .owl-prev i {
    font-size: 1.5rem;
    color: #61b8ea; }
    .owl_filter .owl-prev i::before {
      line-height: 2; }
  .owl_filter .owl-prev.disabled {
    opacity: 0; }

.owl_filter .owl-next {
  position: absolute;
  right: -2.5%;
  top: 44%;
  transform: translateY(-50%);
  background-color: white !important;
  border: 1px solid transparent;
  box-shadow: -30px 0px 30px white;
  width: 45px;
  height: 100%;
  z-index: 1; }
  .owl_filter .owl-next i {
    font-size: 1.5rem;
    color: #61b8ea; }
    .owl_filter .owl-next i::before {
      line-height: 2; }
  .owl_filter .owl-next.disabled {
    opacity: 0; }

.owl_albums-filter .owl-item img,
.owl_news-filter .owl-item img {
  display: initial !important; }

.owl_albums-filter .owl-prev,
.owl_news-filter .owl-prev {
  position: absolute;
  left: -2.5%;
  top: 44%;
  transform: translateY(-50%);
  background-color: white !important;
  border: 1px solid transparent;
  box-shadow: 30px 0px 30px white;
  width: 45px;
  height: 100%;
  z-index: 1; }
  .owl_albums-filter .owl-prev i,
  .owl_news-filter .owl-prev i {
    font-size: 1.5rem;
    color: #61b8ea; }
    .owl_albums-filter .owl-prev i::before,
    .owl_news-filter .owl-prev i::before {
      line-height: 2; }
  .owl_albums-filter .owl-prev.disabled,
  .owl_news-filter .owl-prev.disabled {
    opacity: 0; }

.owl_albums-filter .owl-next,
.owl_news-filter .owl-next {
  position: absolute;
  right: -2.5%;
  top: 44%;
  transform: translateY(-50%);
  background-color: white !important;
  border: 1px solid transparent;
  box-shadow: -30px 0px 30px white;
  width: 45px;
  height: 100%;
  z-index: 1; }
  .owl_albums-filter .owl-next i,
  .owl_news-filter .owl-next i {
    font-size: 1.5rem;
    color: #61b8ea; }
    .owl_albums-filter .owl-next i::before,
    .owl_news-filter .owl-next i::before {
      line-height: 2; }
  .owl_albums-filter .owl-next.disabled,
  .owl_news-filter .owl-next.disabled {
    opacity: 0; }

.navbar-top {
  background-color: white;
  border: none !important; }
  .navbar-top__logo .logo-kmutnb {
    max-width: 40px; }
  .navbar-top__logo .logo-kmutnb-text {
    max-width: 80px; }
  .navbar-top__language {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #5f79ff;
    border-radius: 50px;
    padding: 0.2rem 0.2rem; }
    .navbar-top__language--link {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #5f79ff;
      font-size: 0.8rem;
      font-weight: 300;
      padding: 0;
      width: 30px;
      height: 30px;
      border-radius: 50px; }
      .navbar-top__language--link.active {
        color: #fff;
        background-color: #5f79ff; }
  @media (max-width: 575.98px) {
    .navbar-top__logo .logo-kmutnb {
      max-width: 30px; }
    .navbar-top__logo .logo-kmutnb-text {
      max-width: 60px; }
    .navbar-top__language--link {
      font-size: 0.75rem;
      width: 25px;
      height: 25px; } }

.navbar-logo {
  background-color: #003b86;
  padding: 1rem 0; }
  .navbar-logo .navbar-brand {
    position: relative;
    z-index: 1; }
    .navbar-logo .navbar-brand img {
      width: 80px;
      height: 80px;
      border-radius: 50%; }
    .navbar-logo .navbar-brand--text {
      font-size: 1.625rem;
      font-weight: 700;
      line-height: 40px;
      color: #fff;
      letter-spacing: 1px;
      text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08); }
      .navbar-logo .navbar-brand--text span {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 24px; }
  @media (max-width: 575.98px) {
    .navbar-logo .navbar-brand img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-right: 0.5rem !important; }
    .navbar-logo .navbar-brand--text {
      font-size: 1rem;
      line-height: 24px;
      letter-spacing: 0px; }
      .navbar-logo .navbar-brand--text span {
        font-size: 0.75rem;
        line-height: 20px; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .navbar-logo .navbar-brand img {
      width: 70px;
      height: 70px; }
    .navbar-logo .navbar-brand--text {
      font-size: 1.5rem; }
      .navbar-logo .navbar-brand--text span {
        font-size: 0.874rem; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-logo .navbar-brand img {
      width: 80px;
      height: 80px; }
    .navbar-logo .navbar-brand--text {
      font-size: 1.75rem; }
      .navbar-logo .navbar-brand--text span {
        font-size: 0.874rem; } }
  @media all and (max-width: 991.98px) {
    .navbar-logo.fixed-top {
      top: -80px;
      transform: translateY(80px);
      transition: transform 0.4s ease-in-out; } }

.navbar-menu {
  background-color: #003b86;
  border: none !important;
  padding: 0; }
  .navbar-menu .navbar-nav .nav-item {
    position: relative;
    z-index: 10; }
    .navbar-menu .navbar-nav .nav-item .nav-link {
      padding: 0.8rem 0rem;
      font-size: 0.938rem;
      font-weight: 400;
      color: #fff; }
      .navbar-menu .navbar-nav .nav-item .nav-link::before {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 0;
        height: 4px;
        background-color: #fff;
        border-radius: 7px;
        z-index: 0;
        transition: width 0.3s ease-in-out; }
      .navbar-menu .navbar-nav .nav-item .nav-link.active {
        color: #fff;
        font-weight: 500; }
        .navbar-menu .navbar-nav .nav-item .nav-link.active::before {
          width: 100%; }
    .navbar-menu .navbar-nav .nav-item .dropdown .dropdown-arrow[aria-expanded="true"]::after {
      content: "";
      display: inline-block;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
      background-repeat: no-repeat;
      background-size: cover;
      width: 15px;
      height: 15px;
      margin-left: 0.255em;
      float: right;
      fill: white;
      transform: rotate(180deg); }
    .navbar-menu .navbar-nav .nav-item .dropdown .dropdown-arrow[aria-expanded="false"]::after {
      content: "";
      display: inline-block;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
      background-repeat: no-repeat;
      background-size: cover;
      width: 15px;
      height: 15px;
      margin-left: 0.255em;
      float: right;
      transition: transform 0.2s ease-in-out; }
    .navbar-menu .navbar-nav .nav-item .dropdown-item {
      display: flex;
      justify-content: space-between;
      align-items: center; }
  @media (max-width: 575.98px) {
    .navbar-menu.mobile-offcanvas {
      width: 90% !important; } }
  @media all and (min-width: 992px) {
    .navbar-menu .dropdown-menu li {
      position: relative; }
    .navbar-menu .dropdown li .submenu {
      display: none;
      position: absolute;
      left: 100%;
      top: -10px !important; }
    .navbar-menu .dropdown li .submenu-left {
      right: 100%;
      left: auto; }
    .navbar-menu .dropdown-menu > li:hover {
      background-color: rgba(0, 59, 134, 0.1); }
    .navbar-menu .dropdown-menu > li:hover > .submenu {
      display: block; }
    .navbar-menu .dropdown:hover .dropdown-arrow::after {
      fill: currentColor;
      transform: rotate(180deg); }
    .navbar-menu .dropdown .dropdown-arrow::after {
      content: "";
      position: relative;
      display: inline-block;
      background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
      background-repeat: no-repeat;
      background-size: cover;
      width: 15px;
      height: 15px;
      margin-left: 0.255em;
      transition: transform 0.2s ease-in-out;
      z-index: 20; }
    .navbar-menu .dropdown-menu-end {
      right: 0;
      left: auto; }
    .navbar-menu .nav-item .dropdown-menu {
      display: block;
      opacity: 0;
      visibility: hidden;
      transition: all 0.5s ease-in-out;
      padding: 0.4rem 0;
      margin-top: 0;
      background: #fff;
      border: none;
      border-radius: 4px;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
      .navbar-menu .nav-item .dropdown-menu .dropdown-item {
        font-size: 0.938rem;
        font-weight: 400;
        color: #383838;
        padding: 0.8rem 0.8rem;
        transition: background-color 0.2s ease-in-out,
 color 0.3s ease-in-out; }
        .navbar-menu .nav-item .dropdown-menu .dropdown-item:hover {
          background-color: rgba(0, 59, 134, 0.1);
          color: #003b86; }
        .navbar-menu .nav-item .dropdown-menu .dropdown-item:active, .navbar-menu .nav-item .dropdown-menu .dropdown-item:focus {
          background-color: #61b8ea;
          color: #fff; }
    .navbar-menu .dropdown-menu.fade-down {
      top: 80%;
      transform: rotateX(-75deg);
      transform-origin: 0% 0%; }
    .navbar-menu .dropdown-menu.fade-up {
      top: 180%; }
    .navbar-menu .nav-item:hover .dropdown-menu {
      transition: all 0.5s ease-in-out;
      opacity: 1;
      visibility: visible;
      top: 100%;
      transform: rotateX(0deg); } }
  @media (max-width: 991px) {
    .navbar-menu .navbar-nav .nav-item {
      position: relative;
      z-index: 10; }
      .navbar-menu .navbar-nav .nav-item .nav-link {
        padding: 1rem;
        font-size: 1rem;
        font-weight: 400;
        color: #fff;
        border-radius: 50px; }
        .navbar-menu .navbar-nav .nav-item .nav-link::before {
          height: 0px; }
        .navbar-menu .navbar-nav .nav-item .nav-link:hover {
          background-color: rgba(97, 184, 234, 0.1); }
        .navbar-menu .navbar-nav .nav-item .nav-link.active {
          color: #fff;
          font-weight: 500;
          background-color: #61b8ea; }
      .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-arrow {
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-arrow[aria-expanded="true"]::after {
        content: "";
        position: relative;
        display: inline-block;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
        background-repeat: no-repeat;
        background-size: cover;
        width: 15px;
        height: 15px;
        margin-left: 0.255em;
        fill: white;
        transform: rotate(180deg);
        z-index: 22; }
      .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-arrow[aria-expanded="false"]::after {
        content: "";
        position: relative;
        display: inline-block;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
        background-repeat: no-repeat;
        background-size: cover;
        width: 15px;
        height: 15px;
        margin-left: 0.255em;
        transition: transform 0.2s ease-in-out;
        z-index: 22; }
      .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-menu {
        background: #fff;
        border: 1px solid transparent;
        border-radius: 17px;
        overflow: hidden;
        box-shadow: 0 2px 24px rgba(0, 0, 0, 0.08); }
        .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
          white-space: normal;
          font-size: 1rem;
          font-weight: 300;
          color: #0b0c11;
          padding-top: 0.7rem;
          padding-bottom: 0.7rem;
          padding-left: 1.5rem; }
          .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
            background-color: rgba(97, 184, 234, 0.07); }
          .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:active, .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus {
            color: #fff;
            background-color: #61b8ea; }
          .navbar-menu .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.active {
            color: #fff;
            background-color: #61b8ea; }
      .navbar-menu .navbar-nav .nav-item .dropdown-item {
        display: flex;
        justify-content: space-between;
        align-items: center; }
    .navbar-menu .offcanvas-header {
      display: block;
      padding: 1rem 0;
      margin-bottom: 1rem; }
      .navbar-menu .offcanvas-header .navbar-brand img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 0.5rem !important; }
      .navbar-menu .offcanvas-header .navbar-brand--text {
        font-size: 1rem;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0px;
        color: #fff; }
        .navbar-menu .offcanvas-header .navbar-brand--text span {
          font-size: 0.75rem;
          line-height: 20px; }
      .navbar-menu .offcanvas-header .sidebar-close {
        font-size: 1.5rem;
        color: #fff; }
    .navbar-menu.mobile-offcanvas {
      visibility: hidden;
      transform: translateX(-100%);
      border-radius: 0;
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 70%;
      z-index: 1200 !important;
      overflow-y: auto;
      overflow-x: hidden;
      transition: visibility 0.3s ease-in-out,
 transform 0.3s ease-in-out; }
    .navbar-menu.mobile-offcanvas.show {
      visibility: visible;
      transform: translateX(0); }
    .navbar-menu.mobile-offcanvas .container,
    .navbar-menu.mobile-offcanvas .container-xl {
      display: block; }
    .navbar-menu .dropdown-menu .dropdown-menu {
      margin-left: 0.7rem;
      margin-right: 0.7rem;
      margin-bottom: 0.5rem; } }

header {
  position: relative; }
  header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.04);
    clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 90% 100%, 0% 100%);
    z-index: 0; }

.header {
  padding-bottom: 3.375rem; }
  .header--banner {
    margin-bottom: 3.375rem; }
    .header--banner .swiper .swiper-slide {
      position: relative;
      overflow: hidden; }
      .header--banner .swiper .swiper-slide--bg {
        background-size: 120%;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 0;
        opacity: 0.2;
        width: 100%;
        height: 100%;
        filter: blur(10px);
        -webkit-filter: blur(10px);
        transform: translate(-50%, -50%); }
      .header--banner .swiper .swiper-slide img {
        position: relative;
        display: block;
        width: 100%;
        height: 500px;
        object-fit: contain;
        z-index: 1; }
    .header--banner .swiper .swiper-pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #fff;
      margin: 0 5px; }
    .header--banner .swiper .swiper-pagination .swiper-pagination-bullet-active {
      background: #61b8ea; }
  @media (max-width: 575.98px) {
    .header {
      padding-bottom: 2.375rem; }
      .header--banner {
        margin-bottom: 2.375rem; }
        .header--banner .swiper .swiper-slide--bg {
          background-size: 200%;
          filter: blur(4px);
          -webkit-filter: blur(4px); }
        .header--banner .swiper .swiper-slide img {
          position: relative;
          display: block;
          width: 100%;
          height: 200px;
          object-fit: contain;
          z-index: 1; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .header--banner .swiper .swiper-slide img {
      height: 250px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .header--banner .swiper .swiper-slide img {
      height: 300px; } }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .header--banner .swiper .swiper-slide img {
      height: 350px; } }

.page-title {
  position: relative;
  padding: 4rem 0; }
  .page-title--text {
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    color: #003b86;
    margin-bottom: 0rem;
    z-index: 1; }
  @media (max-width: 575.98px) {
    .page-title {
      padding: 3rem 0; }
      .page-title--text {
        font-size: 1.75rem; } }

.page-title-detail {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 1rem; }
  .page-title-detail--text {
    position: relative;
    font-size: 2.438rem;
    font-weight: 600;
    color: #003b86;
    margin-bottom: 0rem;
    z-index: 1; }
  @media (max-width: 575.98px) {
    .page-title-detail {
      padding-top: 3rem;
      padding-bottom: 1rem; }
      .page-title-detail--text {
        font-size: 1.75rem; } }

footer {
  position: relative;
  overflow: hidden; }
  footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 52%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.04);
    clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 80% 100%, 0% 100%);
    z-index: 0; }
  @media (max-width: 575.98px) {
    footer::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 70%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.04);
      clip-path: polygon(0% 0%, 0% 0%, 92% 23%, 0% 100%, 0% 100%);
      z-index: 0; } }

.footer-menu {
  background-color: #003b86;
  padding: 4rem 0; }
  .footer-menu--main {
    position: relative;
    z-index: 1; }
    .footer-menu--main__header {
      display: block;
      margin-bottom: 1.25rem; }
      .footer-menu--main__header-logo {
        width: 50px;
        height: 50px;
        border-radius: 50%; }
      .footer-menu--main__header-text {
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.3;
        color: #fff; }
        .footer-menu--main__header-text span {
          font-size: 0.875rem;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.8); }
    .footer-menu--main__address {
      font-size: 0.875rem;
      font-weight: 300;
      line-height: 1.4;
      color: #fff; }
  .footer-menu--sub {
    position: relative;
    z-index: 1; }
    .footer-menu--sub__header {
      font-size: 1.125rem;
      font-weight: 600;
      color: #5f79ff;
      margin-bottom: 1rem; }
    .footer-menu--sub__list {
      list-style-type: none;
      padding-left: 0;
      margin: 0; }
      .footer-menu--sub__list-item {
        font-size: 0.875rem;
        font-weight: 300;
        color: #fff; }
        .footer-menu--sub__list-item a:hover {
          text-decoration: underline; }
        .footer-menu--sub__list-item:not(:last-child) {
          margin-bottom: 0.6rem; }
    .footer-menu--sub__social-link {
      font-size: 2rem;
      color: rgba(255, 255, 255, 0.9);
      transition: color 0.2s; }
      .footer-menu--sub__social-link:hover {
        color: #fff; }
      .footer-menu--sub__social-link:not(:last-child) {
        margin-right: 0.8rem; }

.footer-copyright {
  position: relative;
  z-index: 1;
  background-color: #5f79ff;
  padding: 0.75rem 0;
  font-size: 0.75rem;
  font-weight: 300;
  color: #fff; }

.btn-default {
  background: #61b8ea;
  color: #fff;
  border: 1px solid #61b8ea;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.4rem 1rem;
  transition: all 0.3s; }
  .btn-default:hover {
    background: #fff;
    color: #61b8ea; }
  .btn-default:active, .btn-default:focus {
    background: #61b8ea;
    color: #fff;
    outline: none !important;
    box-shadow: none !important; }

.btn-to-top {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 40px;
  z-index: 99;
  font-size: 1.25rem;
  padding: 0.6rem 1rem; }

.btn-toggler span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #fff;
  margin: 7px 0; }

.btn-toggler:hover > *,
.btn-toggler:focus > *,
.btn-toggler:active > * {
  background-color: #61b8ea; }

.btn-toggler:focus, .btn-toggler:active {
  outline: none;
  box-shadow: none !important; }

@media (max-width: 575.98px) {
  .btn-toggler span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    margin: 7px 0; } }

.link-group {
  background-color: rgba(0, 59, 134, 0.1);
  padding: 0.5rem;
  border-radius: 100px;
  overflow: hidden; }
  .link-group--item {
    display: block;
    width: 100%;
    background-color: transparent;
    padding: 0.6rem 1rem;
    border-radius: 24px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #003b86; }
    .link-group--item.active {
      background: linear-gradient(180deg, #61b8ea 0%, #419acd 100%);
      color: #fff; }

.radio--wrapper {
  display: block;
  width: 100%;
  background-color: rgba(0, 59, 134, 0.1);
  border-radius: 14px;
  padding: 1.25rem;
  overflow: hidden; }
  .radio--wrapper .btn-check:checked + .btn-radio {
    outline: none;
    box-shadow: none !important;
    background-color: #61b8ea;
    color: #fff; }
  .radio--wrapper .btn-check:focus, .radio--wrapper .btn-check:active {
    outline: none;
    box-shadow: none !important; }
  .radio--wrapper .btn-radio {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #003b86;
    padding: 0.8rem 1rem;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    transition: background-color 0.2s ease-in-out; }
    .radio--wrapper .btn-radio:hover {
      background-color: rgba(97, 184, 234, 0.2); }
    .radio--wrapper .btn-radio:not(:last-child) {
      margin-bottom: 0.4rem; }
    .radio--wrapper .btn-radio:focus, .radio--wrapper .btn-radio:active {
      outline: none;
      box-shadow: none !important; }

.owl_filter .btn-check:checked + .radio--filter {
  outline: none;
  box-shadow: none !important;
  background: #61b8ea;
  color: #fff; }

.owl_filter .radio--filter {
  width: 100%;
  padding: 0.4rem 1rem;
  background: #f0f0f0;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 400;
  color: #383838;
  transition: all 0.2s ease-in-out; }

.owl_albums-filter .btn-check:checked + .radio--filter,
.owl_news-filter .btn-check:checked + .radio--filter {
  outline: none;
  box-shadow: none !important;
  background: #61b8ea;
  color: #fff; }

.owl_albums-filter .radio--filter,
.owl_news-filter .radio--filter {
  width: 100%;
  padding: 0.4rem 1rem;
  background: #f0f0f0;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 400;
  color: #383838;
  transition: all 0.2s ease-in-out; }

.card--header__menu {
  cursor: pointer;
  border: none;
  border-radius: 27px;
  background-color: rgba(0, 59, 134, 0.02);
  transition: all 0.3s; }
  .card--header__menu .card-body {
    padding: 2rem; }
    .card--header__menu .card-body .card-icon {
      width: 70px; }
    .card--header__menu .card-body .card-title {
      font-size: 1.125rem;
      font-weight: 500;
      line-height: 1.4;
      margin-top: 1rem;
      color: #383838;
      transition: all 0.3s; }
  .card--header__menu:hover {
    filter: brightness(90%); }
  .card--header__menu:focus, .card--header__menu:active {
    outline: none;
    filter: brightness(80%); }
  @media (max-width: 575.98px) {
    .card--header__menu .card-body {
      padding: 1rem; }
      .card--header__menu .card-body .card-icon {
        max-width: 50px; }
      .card--header__menu .card-body .card-title {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
        margin-top: 1rem;
        color: #383838;
        transition: all 0.3s; } }

.card--new {
  cursor: pointer;
  border-radius: 24px;
  border: 1px solid transparent;
  box-shadow: rgba(97, 184, 234, 0.1) 0px 0px 0px;
  background: rgba(0, 59, 134, 0.04);
  transition: all 0.3s; }
  .card--new .card-img {
    width: 100%;
    height: 247px;
    object-fit: cover;
    border-radius: 24px;
    margin-bottom: 1rem; }
  .card--new .card-body .card-title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4;
    color: #003b86;
    transition: color 0.3s; }
  .card--new .card-body .card-text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(56, 56, 56, 0.8); }
  .card--new .card-footer {
    padding: 1rem; }
    .card--new .card-footer .card-date,
    .card--new .card-footer .card-view {
      font-size: 0.875rem;
      font-weight: 300;
      color: rgba(56, 56, 56, 0.8); }
  .card--new:hover {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: #61b8ea 10px 10px 0px; }
    .card--new:hover .card-title {
      color: #61b8ea; }

.card--new__big {
  cursor: pointer;
  border-radius: 24px;
  transition: all 0.3s; }
  .card--new__big .card-img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 14px;
    margin-bottom: 1rem; }
  .card--new__big .card-body .card-title {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    color: #003b86;
    transition: all 0.3s; }
  .card--new__big .card-body .card-text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(56, 56, 56, 0.8); }
  .card--new__big .card-footer {
    padding: 1rem; }
    .card--new__big .card-footer .card-date,
    .card--new__big .card-footer .card-view {
      font-size: 0.875rem;
      font-weight: 300;
      color: rgba(56, 56, 56, 0.8); }
  .card--new__big:hover {
    background: rgba(97, 184, 234, 0.2); }
  @media (max-width: 575.98px) {
    .card--new__big .card-img {
      height: 260px; }
    .card--new__big .card-body .card-title {
      font-size: 1.25rem; }
    .card--new__big .card-body .card-text {
      font-size: 0.874rem; } }

.card--new__small {
  cursor: pointer;
  border-radius: 24px;
  transition: all 0.3s; }
  .card--new__small .card-space {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .card--new__small .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px; }
  .card--new__small .card-title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4;
    color: #003b86;
    transition: all 0.3s; }
  .card--new__small .card-text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(56, 56, 56, 0.8); }
  .card--new__small .card-date,
  .card--new__small .card-view {
    font-size: 0.875rem;
    font-weight: 300;
    color: rgba(56, 56, 56, 0.8); }
  .card--new__small:hover {
    background: rgba(97, 184, 234, 0.2); }
  @media (max-width: 575.98px) {
    .card--new__small .card-img {
      height: 260px; }
    .card--new__small .card-title {
      font-size: 1.25rem; }
    .card--new__small .card-text {
      font-size: 0.874rem; } }

.card--training {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  height: 248px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 0px;
  transform: scale(1);
  transition: background-size 0.5s ease-in-out, transform 0.1s ease-in-out,
 box-shadow 0.2s ease-in-out; }
  .card--training:hover {
    background-size: 140%; }
  .card--training:active, .card--training:focus {
    outline: none;
    transform: scale(0.98);
    box-shadow: rgba(97, 184, 234, 0.7) 0px 0px 12px; }
  .card--training .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    background: linear-gradient(360deg, #636363 4.71%, rgba(0, 0, 0, 0) 70.18%);
    z-index: 0; }
    .card--training .card-body::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0%;
      background: linear-gradient(360deg, #61b8ea 0%, rgba(56, 168, 233, 0.07) 100%);
      z-index: -1;
      transition: height 0.4s ease-in-out; }
    .card--training .card-body:hover::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(360deg, #61b8ea 0%, rgba(56, 168, 233, 0.07) 100%);
      z-index: -1; }
    .card--training .card-body .card-title {
      font-size: 1.375rem;
      font-weight: 400;
      line-height: 1.4;
      color: #fff; }
  @media (max-width: 575.98px) {
    .card--training {
      height: 200px; }
      .card--training .card-body .card-title {
        font-size: 1.25rem; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .card--training {
      height: 200px; } }

.card--service {
  cursor: pointer;
  height: 220px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 24px;
  box-shadow: none;
  transition: background-color 0.3s ease-in-out,
 box-shadow 0.4s ease-in-out; }
  .card--service:hover {
    background-color: #fff;
    box-shadow: rgba(56, 56, 56, 0.02) 0px 0px 12px; }
    .card--service:hover .card-title {
      color: #61b8ea; }
  .card--service:active, .card--service:focus {
    outline: none;
    background-color: #61b8ea;
    box-shadow: rgba(56, 56, 56, 0.02) 0px 0px 12px; }
    .card--service:active .card-icon, .card--service:focus .card-icon {
      background-color: #fff;
      color: #61b8ea; }
    .card--service:active .card-title, .card--service:focus .card-title {
      color: #fff; }
  .card--service .card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #61b8ea;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    transition: all 0.3s; }
    .card--service .card-icon img {
      max-width: 62px; }
  .card--service .card-body {
    padding: 0; }
  .card--service .card-title {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #383838;
    transition: color 0.3s; }
  @media (max-width: 575.98px) {
    .card--service {
      height: 100%; }
      .card--service .card-body {
        padding: 1rem; }
      .card--service .card-title {
        font-size: 1rem; } }

.card--download {
  position: relative;
  border: 1px solid transparent;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 20px; }
  .card--download:hover .card--download__left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #61b8ea;
    z-index: 0; }
  .card--download:hover .card-title {
    color: #61b8ea; }
  .card--download:active, .card--download:focus {
    outline: none;
    background-color: rgba(97, 184, 234, 0.1);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 2px; }
    .card--download:active .card--download__left::after, .card--download:focus .card--download__left::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #61b8ea;
      z-index: 0; }
    .card--download:active .card-title, .card--download:focus .card-title {
      color: #61b8ea; }
  .card--download__left {
    position: relative;
    padding: 4rem 0;
    height: 100%;
    border-radius: 25px; }
    .card--download__left--icon {
      position: relative;
      width: 100px;
      height: 100px;
      background-color: #fff;
      border-radius: 50%;
      z-index: 2; }
      .card--download__left--icon img {
        max-width: 64px; }
    .card--download__left::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #61b8ea;
      border-radius: 25px;
      z-index: 1;
      transition: width 0.4s ease-in-out; }
  .card--download__right {
    padding: 1rem; }
    .card--download__right--content .card-title {
      font-size: 1.5rem;
      font-weight: 500;
      color: #003b86;
      margin-bottom: 1.125rem;
      transition: color 0.3s ease-in-out; }
    .card--download__right--content .card-text {
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.5;
      color: #383838; }
  .card--download__item {
    position: relative;
    background-color: rgba(0, 59, 134, 0.1);
    border-radius: 7px;
    z-index: 0; }
    .card--download__item:hover .hover-download, .card--download__item:active .hover-download, .card--download__item:focus .hover-download {
      opacity: 1;
      z-index: 1; }
    .card--download__item .hover-download {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(0, 59, 134, 0.6);
      border-radius: 7px;
      z-index: -1;
      opacity: 0;
      transition: opacity 0.2s ease-in-out; }
      .card--download__item .hover-download i {
        font-size: 1.5rem;
        color: #fff; }
      .card--download__item .hover-download span {
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 1px;
        color: #fff; }
    .card--download__item .card-body {
      padding: 1.25rem 1rem; }
    .card--download__item .card-title {
      font-size: 1.125rem;
      font-weight: 500;
      color: #003b86;
      transition: color 0.3s ease-in-out; }
      .card--download__item .card-title i {
        font-size: 1.5rem; }
    .card--download__item .card-date {
      font-size: 0.875rem;
      font-weight: 300;
      color: #383838;
      transition: color 0.3s ease-in-out; }
    .card--download__item .card-download {
      font-size: 0.875rem;
      font-weight: 300;
      color: #383838;
      transition: color 0.3s ease-in-out; }

.card--personal {
  background-color: rgba(0, 59, 134, 0.04);
  border-radius: 24px; }
  .card--personal .card-avatar {
    width: 100%;
    height: 400px;
    object-fit: contain;
    border-radius: 24px;
    margin-bottom: 1rem; }
  .card--personal .card-title {
    font-size: 1.25rem;
    font-weight: 500;
    color: #003b86;
    line-height: 1.5;
    transition: color 0.3s ease-in-out; }
    .card--personal .card-title a:hover {
      cursor: pointer;
      text-decoration: underline; }
  .card--personal .card-position {
    font-size: 1.125rem;
    font-weight: 500;
    color: #383838;
    margin-bottom: 0.4rem; }
  .card--personal .card-subtitle,
  .card--personal .card-mail {
    font-size: 1rem;
    font-weight: 400;
    color: #6a6a6a; }
  .card--personal .card-mail:hover {
    text-decoration: underline; }
  .card--personal .card-link {
    font-size: 1rem;
    font-weight: 400;
    color: #003b86; }
    .card--personal .card-link:hover {
      text-decoration: underline; }

.card--office {
  position: relative;
  height: 360px;
  border: 4px solid #61b8ea;
  border-radius: 24px;
  background-color: #61b8ea;
  z-index: 1;
  transition: clip-path 1s; }
  .card--office:hover::after {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }
  .card--office:hover .card-title {
    color: #fff !important; }
  .card--office::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    clip-path: polygon(0 61%, 100% 19%, 100% 100%, 0 100%);
    border-radius: 24px;
    z-index: 0;
    transition: clip-path 0.5s ease-in-out; }
  .card--office .card-icon {
    position: relative;
    width: 120px;
    height: 120px;
    background-color: #fff;
    border: 6px solid #61b8ea;
    border-radius: 50%;
    margin-bottom: 2rem;
    z-index: 1; }
    .card--office .card-icon img {
      max-width: 64px; }
  .card--office .card-title {
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
    color: #61b8ea;
    z-index: 1;
    transition: color 0.7s ease-in-out; }
  @media (max-width: 575.98px) {
    .card--office {
      height: 300px; }
      .card--office .card-title {
        font-size: 1.25rem; } }

.card--online-service {
  background-color: rgba(97, 184, 234, 0.07);
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 4px; }
  .card--online-service .card-list {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .card--online-service .card-list li {
      font-size: 1rem;
      font-weight: 400;
      color: #003b86; }
      .card--online-service .card-list li i {
        font-size: 0.6rem; }
      .card--online-service .card-list li:hover {
        color: #61b8ea;
        text-decoration: underline; }
      .card--online-service .card-list li:not(:last-child) {
        margin-bottom: 0.6rem; }

.card--mou {
  background-color: rgba(0, 59, 134, 0.1);
  max-width: 300px;
  height: 380px;
  border: 2px solid rgba(0, 59, 134, 0.01);
  border-radius: 34px;
  overflow: hidden;
  transition: border 0.4s ease-in-out, background-color 0.3s ease-in-out; }
  .card--mou:hover {
    background-color: #61b8ea;
    border: 2px solid #61b8ea; }
    .card--mou:hover .card--mou__logo {
      border: 4px solid #61b8ea; }
  .card--mou::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background-color: #fff;
    border-radius: 14px;
    z-index: 0; }
  .card--mou .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
  .card--mou__logo {
    position: relative;
    overflow: hidden;
    padding: 0.6rem;
    width: 140px;
    height: 140px;
    background-color: #fff;
    border: 4px solid rgba(0, 59, 134, 0.1);
    border-radius: 50%;
    z-index: 1;
    transition: border 0.4s ease-in-out; }
    .card--mou__logo img {
      height: 100%; }
  .card--mou .card-title {
    position: relative;
    font-size: 1.25rem;
    font-weight: 500;
    color: #383838;
    line-height: 1.5;
    transition: color 0.3s ease-in-out;
    z-index: 1; }

.card--contact {
  border: 1px solid transparent;
  background-color: rgba(0, 59, 134, 0.05);
  box-sizing: border-box;
  border-radius: 24px; }
  .card--contact .card-body {
    padding: 32px; }
    .card--contact .card-body .card-title {
      font-size: 2rem;
      font-weight: 500;
      color: #383838; }
    .card--contact .card-body .card-text {
      margin-top: 1rem;
      margin-bottom: 1.5rem;
      font-size: 1rem;
      font-weight: 400;
      color: #999; }
  .card--contact .card-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0; }
    .card--contact .card-list li {
      font-size: 0.875rem;
      font-weight: 400;
      color: #3f3d56;
      line-height: 1.5; }
    .card--contact .card-list__title {
      font-size: 1.25rem;
      font-weight: 400; }
  @media (max-width: 575.98px) {
    .card--contact .card-body {
      padding: 1rem; }
      .card--contact .card-body .card-title {
        font-size: 1.75rem; } }

.card--research {
  position: relative;
  overflow: hidden;
  border: 4px solid rgba(0, 59, 134, 0.1);
  border-radius: 24px;
  transition: border 0.2s ease-in-out; }
  .card--research__img img {
    width: 100%;
    height: 380px;
    object-fit: cover; }
  .card--research .card-body {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    border-radius: 12px;
    z-index: 1;
    transition: background-color 0.3s ease-in-out; }
    .card--research .card-body .card--title {
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.5;
      color: #383838;
      transition: color 0.35s ease-in-out; }
  .card--research:hover {
    cursor: pointer;
    border: 4px solid #61b8ea; }
    .card--research:hover .card-body {
      background-color: #61b8ea; }
      .card--research:hover .card-body .card--title {
        color: #fff; }

.card--research-view {
  background-color: rgba(0, 59, 134, 0.05);
  border: 2px solid rgba(0, 59, 134, 0.01);
  border-radius: 14px;
  transition: border 0.2s ease-in-out; }
  .card--research-view .card--title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    color: #003b86;
    transition: color 0.25s ease-in-out; }
  .card--research-view .card--author {
    font-size: 1rem;
    font-weight: 400;
    color: #3f3d56;
    line-height: 1.5; }
  .card--research-view .card--date {
    font-size: 1rem;
    font-weight: 400;
    color: #3f3d56; }
  .card--research-view .card--pdf {
    font-size: 1rem;
    font-weight: 400;
    color: #ff8432; }
  .card--research-view:hover {
    cursor: pointer;
    border: 2px solid #61b8ea; }
    .card--research-view:hover .card--title {
      color: #61b8ea; }
  .card--research-view:focus, .card--research-view:active {
    outline: none;
    background-color: rgba(0, 59, 134, 0.1); }
  @media (max-width: 575.98px) {
    .card--research-view .card--title {
      font-size: 1.125rem; }
    .card--research-view .card--author {
      font-size: 0.875rem; }
    .card--research-view .card--date {
      font-size: 0.875rem; } }

.card--albums {
  border: 1px solid transparent;
  border-radius: 14px;
  transform: scale(1);
  transition: all 0.3s;
  background-color: rgba(97, 184, 234, 0.1); }
  .card--albums:hover {
    background-color: rgba(0, 59, 134, 0.1); }
  .card--albums:focus, .card--albums:active {
    transform: scale(0.99); }
  .card--albums .card-title {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    color: #003b86; }
  .card--albums .card-date,
  .card--albums .card-eye {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    color: #383838; }
  .card--albums .card-gallery {
    margin-top: 1rem;
    border-radius: 12px;
    overflow: hidden; }
    .card--albums .card-gallery__img {
      object-fit: cover;
      width: 100%;
      height: 200px;
      border-radius: 4px; }
  @media (max-width: 575.98px) {
    .card--albums .card-gallery__img {
      object-fit: cover;
      width: 100%;
      height: 100px;
      border-radius: 4px; } }

.input-custom {
  border: 2px solid #c4c4c4;
  border-radius: 4px;
  padding: 0.6rem 1rem;
  color: #383838; }
  .input-custom::placeholder {
    font-size: 1rem;
    font-weight: 300;
    color: #c4c4c4; }
  .input-custom:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #61b8ea; }

.input-search {
  position: relative; }
  .input-search .form-control {
    border: 2px solid #c4c4c4;
    border-radius: 30px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-right: 0.8rem;
    padding-left: 3rem;
    color: #383838; }
    .input-search .form-control::placeholder {
      font-size: 1rem;
      font-weight: 300;
      color: #c4c4c4; }
    .input-search .form-control:focus {
      outline: none;
      box-shadow: none;
      border: 2px solid #61b8ea; }
      .input-search .form-control:focus + i {
        color: #61b8ea; }
  .input-search i {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translate(-50%, -50%);
    font-size: 1.25rem;
    color: #c4c4c4; }

.input-select {
  position: relative; }
  .input-select .form-select-default {
    background: linear-gradient(180deg, #61b8ea 0%, #419acd 100%);
    border: none;
    border-radius: 30px;
    color: #fff;
    padding: 0.8rem 1rem; }
    .input-select .form-select-default:focus {
      outline: none;
      box-shadow: none;
      color: #003b86; }
      .input-select .form-select-default:focus + i {
        color: #003b86;
        transform: translate(-50%, -50%) rotate(180deg); }
  .input-select .form-select-outline {
    background: #fff;
    border: none;
    border-radius: 30px;
    color: #003b86;
    padding: 0.8rem 1rem; }
    .input-select .form-select-outline.select-border {
      border: 2px solid #61b8ea; }
    .input-select .form-select-outline + i {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translate(-50%, -50%);
      font-size: 1rem;
      color: #003b86 !important;
      z-index: 1; }
    .input-select .form-select-outline:focus {
      outline: none;
      box-shadow: none;
      color: #003b86; }
      .input-select .form-select-outline:focus + i {
        color: #003b86;
        transform: translate(-50%, -50%) rotate(180deg); }
  .input-select i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(-50%, -50%) rotate(0deg);
    font-size: 1rem;
    color: #fff;
    z-index: 1; }

.select-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #61b8ea;
  border-radius: 30px;
  overflow: hidden; }

.pagination-default .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 59, 134, 0.04);
  width: 44px;
  height: 44px;
  padding: 0 !important;
  border: 2px solid transparent;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 500;
  color: #003b86;
  transition: background 0.3s ease-in-out, border 0.4s ease-in-out,
 color 0.2s; }
  .pagination-default .page-item .page-link:hover {
    background: rgba(97, 184, 234, 0.08);
    color: #61b8ea;
    border: 2px solid #61b8ea; }
  .pagination-default .page-item .page-link:focus, .pagination-default .page-item .page-link:active {
    outline: none;
    box-shadow: none;
    background: #61b8ea;
    color: #fff;
    border: 2px solid #61b8ea; }

.pagination-default .page-item:not(:last-child) {
  margin-right: 1rem; }

.pagination-default .page-item.active .page-link {
  background: #61b8ea;
  color: #fff;
  border: 2px solid #61b8ea; }

.pagination-default .page-item.disabled {
  cursor: no-drop !important; }
  .pagination-default .page-item.disabled .page-link {
    opacity: 0.6; }

.download--heading__wrapper {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 1rem; }
  .download--heading__wrapper--icon {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2; }
    .download--heading__wrapper--icon img {
      max-width: 54px; }
  .download--heading__wrapper--text * {
    font-size: 2rem;
    font-weight: 500;
    color: #003b86; }
  .download--heading__wrapper--underline {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 98%;
    height: 6px;
    border-radius: 25px;
    z-index: -1; }

.download--body {
  margin: 3rem 0; }

@media (max-width: 575.98px) {
  .download--heading__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-bottom: 1.5rem; }
    .download--heading__wrapper--icon {
      width: 100px;
      height: 100px;
      margin-bottom: 0.7rem; }
      .download--heading__wrapper--icon img {
        max-width: 54px; }
    .download--heading__wrapper--text * {
      font-size: 1.5rem; }
    .download--heading__wrapper--underline {
      display: none; }
  .download--body {
    margin: 2rem 0; } }

.news {
  padding: 3.375rem 0; }
  .news-bg {
    background-color: rgba(97, 184, 234, 0.1); }
  .news--filter {
    margin-bottom: 2.5rem; }
  .news--header {
    margin-bottom: 2.5rem; }
    .news--header__title {
      font-size: 2rem;
      font-weight: 600;
      color: #003b86; }
  @media (max-width: 575.98px) {
    .news--header {
      margin-bottom: 2.5rem; }
      .news--header__title {
        font-size: 1.75rem;
        font-weight: 600;
        color: #003b86; } }

.video {
  background-color: rgba(255, 0, 0, 0.1);
  position: relative;
  padding: 2rem 0;
  overflow: hidden; }
  .video .icon-play-left {
    position: absolute;
    top: -290px;
    left: -50px;
    font-size: 650px;
    transform: rotate(40deg);
    line-height: 0;
    color: rgba(255, 0, 0, 0.7);
    z-index: -1; }
  .video .icon-play-right {
    position: absolute;
    bottom: -290px;
    right: -50px;
    font-size: 650px;
    transform: rotate(220deg);
    line-height: 0;
    color: rgba(255, 0, 0, 0.7);
    z-index: -1; }
  .video--icon {
    margin-bottom: 1rem; }
    .video--icon__circle {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background-color: #ff0000; }
      .video--icon__circle i {
        font-size: 3.5rem;
        color: #fff;
        line-height: 0; }
  .video--content .txt-ty {
    font-size: 1.5rem;
    font-weight: 500;
    color: #ff0000; }
  .video--content__text {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(56, 56, 56, 0.8); }
  @media (max-width: 991.98px) {
    .video .icon-play-left {
      top: -290px;
      left: -300px; }
    .video .icon-play-right {
      bottom: -290px;
      right: -300px; }
    .video--content .txt-ty {
      font-size: 1.5rem;
      font-weight: 500;
      color: #ff0000; }
    .video--content__text {
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
      color: rgba(56, 56, 56, 0.8); } }

.about {
  padding: 3.375rem 0; }
  .about--title {
    font-size: 2rem;
    font-weight: 500;
    color: #61b8ea;
    margin-bottom: 1.5rem; }
  .about--detail {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #383838; }
  .about--list {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #383838; }
  @media (max-width: 575.98px) {
    .about--title {
      font-size: 1.75rem; }
    .about--detail {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.75; }
    .about--list {
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.75; } }

.education {
  overflow: hidden;
  background-color: rgba(97, 184, 234, 0.1);
  padding: 3.375rem 0; }
  .education--header {
    margin-bottom: 2.5rem; }
    .education--header__title {
      font-size: 2rem;
      font-weight: 600;
      color: #003b86; }
  .education--content__circle-join {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(97, 184, 234, 0.32) 0%, rgba(97, 184, 234, 0.65) 0.01%, #61b8ea 99.98%, #61b8ea 99.99%), url("../images/education/1.png");
    transform: translateX(50%) scale(1);
    transition: all 0.3s ease-in-out; }
    .education--content__circle-join:hover {
      transform: translateX(50%) scale(1.1); }
    .education--content__circle-join:active, .education--content__circle-join:focus {
      transform: translateX(50%) scale(1); }
    .education--content__circle-join .education--text {
      font-size: 1.375rem;
      font-weight: 600;
      color: #fff;
      line-height: 1.2;
      text-align: center; }
  .education--content__circle-scholarship {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 59, 134, 0.67) 0%, rgba(0, 59, 134, 0.75) 0.01%, #003b86 100%), url("../images/education/2.jpg") no-repeat center;
    background-size: 100%;
    transform: translateX(140%) scale(1);
    transition: all 0.3s ease-in-out; }
    .education--content__circle-scholarship:hover {
      transform: translateX(140%) scale(1.1); }
    .education--content__circle-scholarship:active, .education--content__circle-scholarship:focus {
      transform: translateX(140%) scale(1); }
    .education--content__circle-scholarship .education--text {
      font-size: 1.375rem;
      font-weight: 600;
      color: #fff;
      line-height: 1.2;
      text-align: center; }
  .education--content__circle-doc {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 210, 103, 0.37) 0%, #ffd267 100%), url("../images/education/3.jpg") no-repeat center;
    background-size: 100%;
    transform: translateX(70%) scale(1);
    transition: all 0.3s ease-in-out; }
    .education--content__circle-doc:hover {
      transform: translateX(70%) scale(1.1); }
    .education--content__circle-doc:active, .education--content__circle-doc:focus {
      transform: translateX(70%) scale(1); }
    .education--content__circle-doc .education--text {
      font-size: 1.375rem;
      font-weight: 600;
      color: #003b86;
      line-height: 1.2;
      text-align: center; }
  .education--content__item-title {
    font-size: 1.625rem;
    font-weight: 600;
    color: #383838;
    margin-bottom: 1rem; }
  .education--content__item-list {
    list-style-type: none;
    margin: 0; }
    .education--content__item-list li {
      font-size: 1.125rem;
      font-weight: 400;
      color: #003b86; }
      .education--content__item-list li:not(:last-child) {
        margin-bottom: 0.5rem; }
      .education--content__item-list li:hover, .education--content__item-list li:focus, .education--content__item-list li:active {
        text-decoration: underline; }
  .education--content__item:not(:last-child) {
    margin-bottom: 4rem; }
  @media (max-width: 575.98px) {
    .education--header {
      margin-bottom: 2.5rem; }
      .education--header__title {
        font-size: 1.75rem;
        font-weight: 600;
        color: #003b86; }
    .education--content__circle-join {
      width: 150px;
      height: 150px;
      transform: translateX(10%) scale(1);
      transition: all 0.3s ease-in-out; }
      .education--content__circle-join:hover {
        transform: translateX(10%) scale(1.1); }
      .education--content__circle-join:active, .education--content__circle-join:focus {
        transform: translateX(10%) scale(1); }
      .education--content__circle-join .education--text {
        font-size: 1.125rem; }
    .education--content__circle-scholarship {
      width: 150px;
      height: 150px;
      transform: translateX(75%) scale(1);
      transition: all 0.3s ease-in-out; }
      .education--content__circle-scholarship:hover {
        transform: translateX(75%) scale(1.1); }
      .education--content__circle-scholarship:active, .education--content__circle-scholarship:focus {
        transform: translateX(75%) scale(1); }
      .education--content__circle-scholarship .education--text {
        font-size: 1.125rem; }
    .education--content__circle-doc {
      width: 150px;
      height: 150px;
      transform: translateX(20%) scale(1);
      transition: all 0.3s ease-in-out; }
      .education--content__circle-doc:hover {
        transform: translateX(20%) scale(1.1); }
      .education--content__circle-doc:active, .education--content__circle-doc:focus {
        transform: translateX(20%) scale(1); }
      .education--content__circle-doc .education--text {
        font-size: 1.125rem; }
    .education--content__item-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #383838;
      margin-bottom: 1rem; }
    .education--content__item-list {
      list-style-type: none;
      margin: 0; }
      .education--content__item-list li {
        font-size: 1rem;
        font-weight: 400;
        color: #003b86; }
        .education--content__item-list li:not(:last-child) {
          margin-bottom: 0.5rem; }
        .education--content__item-list li:hover, .education--content__item-list li:focus, .education--content__item-list li:active {
          text-decoration: underline; }
    .education--content__item:not(:last-child) {
      margin-bottom: 2rem; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .education--content-md {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .education--content__circle-join {
      transform: translateX(0%) scale(1);
      transition: all 0.3s ease-in-out; }
      .education--content__circle-join:hover {
        transform: translateX(0%) scale(1.1); }
      .education--content__circle-join:active, .education--content__circle-join:focus {
        transform: translateX(0%) scale(1); }
    .education--content__circle-scholarship {
      transform: translateX(80%) scale(1);
      transition: all 0.3s ease-in-out; }
      .education--content__circle-scholarship:hover {
        transform: translateX(80%) scale(1.1); }
      .education--content__circle-scholarship:active, .education--content__circle-scholarship:focus {
        transform: translateX(80%) scale(1); }
    .education--content__circle-doc {
      transform: translateX(20%) scale(1);
      transition: all 0.3s ease-in-out; }
      .education--content__circle-doc:hover {
        transform: translateX(20%) scale(1.1); }
      .education--content__circle-doc:active, .education--content__circle-doc:focus {
        transform: translateX(20%) scale(1); } }

.training {
  padding: 3.375rem 0; }

.service {
  background: #f7f7f7;
  padding: 2rem 0; }

.news-page {
  overflow: hidden;
  padding-bottom: 4rem; }
  .news-page--filter {
    margin-top: 3rem; }
    .news-page--filter .owl-stage-outer {
      height: calc(100% + 30px);
      margin: -15px;
      padding: 15px;
      width: calc(100% + 30px); }
  .news-page--items {
    margin-top: 2rem;
    margin-bottom: 3rem; }
  @media (max-width: 575.98px) {
    .news-page {
      padding-bottom: 3rem; } }

.new-page {
  padding-bottom: 4rem; }
  .new-page--gallery {
    margin: 1.2rem 0; }
    .new-page--gallery .image-big-slider img {
      width: 100%;
      height: 640px;
      object-fit: contain;
      border-radius: 14px; }
    .new-page--gallery .image-small-slider {
      margin-top: 1rem; }
    .new-page--gallery .image-small-slider .swiper-slide {
      opacity: 0.4; }
    .new-page--gallery .image-small-slider .swiper-slide-thumb-active {
      opacity: 1; }
    .new-page--gallery .image-small-slider img {
      cursor: pointer;
      display: block;
      width: 100%;
      height: 126px;
      object-fit: cover;
      border-radius: 7px; }
    .new-page--gallery .button-next {
      position: absolute;
      right: 5%;
      top: 50%;
      transform: translateY(-50%);
      background-color: white !important;
      border: 1px solid #eeeeee;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
      width: 50px;
      height: 50px;
      border-radius: 50% !important;
      z-index: 1; }
      .new-page--gallery .button-next i {
        font-size: 1.5rem;
        color: #61b8ea; }
        .new-page--gallery .button-next i::before {
          line-height: 2; }
    .new-page--gallery .button-prev {
      position: absolute;
      left: 5%;
      top: 50%;
      transform: translateY(-50%);
      background-color: white !important;
      border: 1px solid #eeeeee;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
      width: 50px;
      height: 50px;
      border-radius: 50% !important;
      z-index: 1; }
      .new-page--gallery .button-prev i {
        font-size: 1.5rem;
        color: #61b8ea; }
        .new-page--gallery .button-prev i::before {
          line-height: 2; }
    .new-page--gallery .swiper-button-disabled {
      opacity: 0.4; }
  .new-page--share {
    margin: 1rem 0; }
    .new-page--share__view {
      font-size: 0.875rem;
      font-weight: 400;
      color: #9f9f9f; }
    .new-page--share__social span {
      display: inline-block;
      color: #9f9f9f;
      margin-right: 0.8rem; }
    .new-page--share__social a {
      font-size: 1.75rem;
      transition: all 0.3s; }
      .new-page--share__social a:hover {
        color: #61b8ea; }
      .new-page--share__social a:not(:last-child) {
        margin-right: 0.8rem; }
  .new-page--text {
    line-height: 1.5; }
    .new-page--text img {
      max-width: 100%; }
  .new-page--footer {
    margin-top: 5rem; }
    .new-page--footer__date, .new-page--footer__author {
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.7;
      color: #9f9f9f; }
    .new-page--footer__download {
      margin-top: 1.75rem;
      font-size: 1rem;
      font-weight: 400;
      padding: 0.4rem 1rem;
      border: 1px solid #cccccc;
      border-radius: 50px;
      color: #383838; }
  @media (max-width: 575.98px) {
    .new-page {
      padding-bottom: 3rem; } }
  @media (max-width: 767.98px) {
    .new-page--footer__download {
      padding: 1rem 1rem;
      border-radius: 10px;
      color: #383838; } }
  @media (max-width: 991.98px) {
    .new-page--gallery .image-big-slider img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .new-page--gallery .image-small-slider img {
      cursor: pointer;
      display: block;
      width: 100%;
      height: 60%;
      object-fit: cover;
      border-radius: 7px; } }

.download-page {
  padding-bottom: 4rem; }
  @media (max-width: 575.98px) {
    .download-page {
      padding-bottom: 3rem; } }

.personal-page {
  overflow: hidden;
  padding-bottom: 4rem; }
  .personal-page--filter {
    margin-bottom: 3rem; }
    .personal-page--filter .owl-stage-outer {
      height: calc(100% + 30px);
      margin: -15px;
      padding: 15px;
      width: calc(100% + 30px); }
  .personal-page__executive {
    margin-bottom: 3.25rem; }
    .personal-page__executive--heading {
      position: relative;
      overflow: hidden;
      margin-bottom: 3rem; }
      .personal-page__executive--heading::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #383838;
        z-index: -1; }
      .personal-page__executive--heading * {
        font-size: 2.125rem;
        font-weight: 400;
        line-height: 1.5;
        color: #383838; }
    .personal-page__executive--body {
      background: linear-gradient(226.66deg, rgba(97, 226, 234, 0.29) 19.75%, rgba(10, 143, 219, 0.29) 74.27%);
      border-radius: 50px; }
      .personal-page__executive--body__avatar img {
        width: 100%;
        height: 100%; }
      .personal-page__executive--body__text {
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.5;
        color: #003b86; }
        .personal-page__executive--body__text span {
          font-size: 1.75rem;
          color: #6a6a6a; }
      .personal-page__executive--body__mail {
        font-size: 1.125rem;
        font-weight: 300;
        color: #383838;
        margin-bottom: 0.8rem; }
        .personal-page__executive--body__mail:hover {
          text-decoration: underline; }
      .personal-page__executive--body .card-link {
        font-size: 1rem;
        font-weight: 400;
        color: #003b86; }
        .personal-page__executive--body .card-link:hover {
          text-decoration: underline; }
    @media (max-width: 575.98px) {
      .personal-page__executive--heading * {
        font-size: 1.75rem; }
      .personal-page__executive--body {
        padding: 1rem; }
        .personal-page__executive--body__text {
          font-size: 1.5rem; }
          .personal-page__executive--body__text span {
            font-size: 1.25rem; }
        .personal-page__executive--body__mail {
          font-size: 1rem; }
        .personal-page__executive--body .card-link {
          font-size: 1rem; } }
    @media (min-width: 576px) and (max-width: 767.98px) {
      .personal-page__executive--body {
        padding: 1rem; }
        .personal-page__executive--body__text {
          font-size: 1.75rem;
          font-weight: 400;
          line-height: 1.5;
          color: #003b86; }
          .personal-page__executive--body__text span {
            font-size: 1.5rem;
            color: #6a6a6a; } }
  .personal-page__member:not(:last-child) {
    margin-bottom: 3.25rem; }
  .personal-page__member--heading {
    position: relative;
    overflow: hidden;
    margin-bottom: 3rem; }
    .personal-page__member--heading::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #383838;
      z-index: -1; }
    .personal-page__member--heading * {
      font-size: 2.125rem;
      font-weight: 400;
      line-height: 1.5;
      color: #383838; }
  @media (max-width: 575.98px) {
    .personal-page__member--heading * {
      font-size: 1.75rem; } }
  @media (max-width: 575.98px) {
    .personal-page {
      padding-bottom: 3rem; } }

.office-page {
  padding-bottom: 7rem; }
  @media (max-width: 575.98px) {
    .office-page {
      padding-bottom: 3rem; } }

.online-service-page {
  padding-bottom: 7rem; }
  .online-service-page--wrapper__title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.7rem;
    color: #383838; }
  @media (max-width: 575.98px) {
    .online-service-page {
      padding-bottom: 3rem; }
      .online-service-page--wrapper__title {
        font-size: 1.25rem;
        margin-bottom: 0.5rem; } }

.mou-page {
  padding-bottom: 4rem; }
  .mou-page--pagination {
    margin-top: 3rem; }
  @media (max-width: 575.98px) {
    .mou-page {
      padding-bottom: 3rem; } }

.research-page {
  padding-bottom: 4rem; }
  .research-page--body {
    margin: 3rem 0; }
    .research-page--body__author {
      position: relative;
      margin-bottom: 2.4rem; }
      .research-page--body__author::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 6px;
        background-color: #61b8ea;
        border-radius: 10px;
        z-index: 0; }
      .research-page--body__author--text {
        font-size: 2rem;
        font-weight: 600;
        color: #003b86;
        line-height: 1.4; }
    .research-page--body__list {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .research-page--body__list--item {
        font-size: 1.125rem;
        font-weight: 400;
        color: #003b86; }
        .research-page--body__list--item:hover {
          color: #61b8ea;
          text-decoration: underline; }
        .research-page--body__list--item:not(:last-child) {
          margin-bottom: 0.8rem; }
  @media (max-width: 575.98px) {
    .research-page {
      padding-bottom: 3rem; }
      .research-page--body {
        margin: 2rem 0; }
        .research-page--body__author {
          position: relative;
          margin-bottom: 2rem; }
          .research-page--body__author--text {
            font-size: 1.5rem; } }

.contact-page {
  padding-bottom: 4rem; }
  .contact-page__address--title {
    font-size: 1rem;
    font-weight: 500; }
  .contact-page__address--list {
    list-style: none;
    padding-left: 0; }
    .contact-page__address--list li {
      font-size: 1rem;
      font-weight: 400;
      color: #0b0c11;
      line-height: 1.5; }
  .contact-page iframe {
    border-radius: 24px; }
  @media (max-width: 575.98px) {
    .contact-page {
      padding-bottom: 3rem; } }
  @media all and (max-width: 991.98px) {
    .contact-page iframe {
      height: 300px; }
    .contact-page .row {
      display: flex;
      flex-direction: column-reverse; } }

.detail-page {
  padding-bottom: 7rem; }
  .detail-page--filter {
    margin-bottom: 3rem; }
  .detail-page--wrapper {
    overflow-y: hidden;
    max-height: 800px;
    padding: 1.5rem;
    border: 2px solid rgba(0, 59, 134, 0.1);
    border-radius: 24px; }
    .detail-page--wrapper img {
      max-width: 100%; }
    .detail-page--wrapper figure.table {
      width: 100% !important;
      max-width: 100%; }
    .detail-page--wrapper:hover {
      overflow-y: scroll; }
  .detail-page--gallery {
    padding: 1.5rem; }
    .detail-page--gallery__item:not(:last-child) {
      margin-bottom: 2rem; }
    .detail-page--gallery__title {
      margin-bottom: 1rem; }
      .detail-page--gallery__title::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background-color: #61b8ea;
        border-radius: 10px;
        margin-top: 0.5rem; }
      .detail-page--gallery__title--text {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.4;
        color: #003b86; }
    .detail-page--gallery__images--item img {
      width: 100%;
      height: 240px;
      object-fit: cover;
      border-radius: 24px; }
  .detail-page--download {
    padding: 1.5rem; }
    .detail-page--download .download--heading__wrapper--icon {
      width: 90px !important;
      height: 90px !important; }
      .detail-page--download .download--heading__wrapper--icon img {
        max-width: 54px !important; }
    .detail-page--download .download--heading__wrapper--text * {
      font-size: 1.5rem !important;
      font-weight: 500; }
    .detail-page--download .download--body {
      margin: 2rem 0 !important; }

.albums-page {
  overflow: hidden;
  padding-bottom: 4rem; }
  .albums-page--filter .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px); }
  .albums-page--items {
    margin-top: 2rem;
    margin-bottom: 3rem; }
  @media (max-width: 575.98px) {
    .albums-page {
      padding-bottom: 3rem; } }