@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
* {
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  box-sizing: border-box !important; }

*::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
  border-radius: 8px; }

*::-webkit-scrollbar-track {
  border-radius: 8px; }

*::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  background-clip: content-box;
  background-color: rgba(136, 136, 136, 0.65); }

html {
  scroll-behavior: smooth;
  overflow-x: hidden; }

*::-webkit-scrollbar-thumb:hover {
  background-color: #555; }

pre {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  box-sizing: border-box !important;
  white-space: pre-line;
  text-align: justify;
  color: #333333; }

h4 {
  font-family: "Josefin Sans"; }

.josefin {
  font-family: "Josefin Sans"; }
  .josefin a {
    font-family: "Josefin Sans" !important;
    font-weight: 700 !important;
    font-size: 18px !important; }

.container {
  max-width: 1280px !important; }
  @media screen and (max-width: 1600px) {
    .container {
      max-width: 1280px !important; } }
  @media screen and (max-width: 1440px) {
    .container {
      max-width: 1168px !important; } }

p {
  text-align: justify;
  margin-bottom: 0.8em !important;
  line-height: 1.5rem; }

b {
  line-height: 1.8rem; }

.auto-padding {
  padding: 40px 0; }

.main-co {
  color: #f58634 !important; }

.main-co-hv:hover {
  color: #f58634 !important; }

.main-bg {
  background-color: #f58634 !important; }

.sub-co {
  color: #464646 !important; }

.black-co {
  color: #333333 !important; }

.gray-co {
  color: #374151 !important; }

.gray-bg {
  background-color: #374151 !important; }

.gray-light-co {
  color: #f9f9f9 !important; }

.gray-light-bg {
  background-color: #f9f9f9 !important; }

.main-tile {
  padding-bottom: 48px; }

.text-line1 {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line2 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line3 {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line4 {
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line5 {
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-line6 {
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden; }

.text-justify {
  text-align: justify; }

li {
  color: #374151; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important; }

img {
  object-fit: cover;
  vertical-align: middle; }

.image-full {
  width: 100%;
  height: 100%; }

main {
  width: 100%; }

.btn:focus {
  border-color: #f58634;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #fb910f8e; }

.btn-cus {
  background-color: #f58634;
  border-radius: 0;
  color: #fff;
  font-weight: 400;
  padding: 14px 34px;
  border: 2px solid #f58634; }
  .btn-cus:hover {
    color: #fff;
    background-color: #bd701e; }
  .btn-cus--outline {
    color: #f58634;
    background: unset;
    border-radius: 4px; }
    .btn-cus--outline:hover {
      color: #fff;
      background-color: #f58634; }
  .btn-cus--radius {
    background-color: #fff;
    border: none;
    border-radius: 60px;
    color: #f58634;
    padding: 24px 54px; }
    .btn-cus--radius:hover {
      color: #fff;
      background-color: #f58634; }

@media (max-width: 1399px) {
  .auto-padding {
    padding: 30px 0; } }
@media (max-width: 991.98px) {
  h1 {
    font-size: 24px !important; }
    h1.bigger {
      font-size: 28px !important; }

  h2 {
    font-size: 20px; }

  h3 {
    font-size: 18px; }

  h4 {
    font-size: 16px; }

  h5 {
    font-size: 14px; }

  h6 {
    font-size: 14px;
    font-weight: normal; }

  .auto-padding {
    padding: 25px 0; }

  .btn-cus {
    padding: 6px 10px;
    font-weight: normal; } }
@media (max-width: 767.98px) {
  .auto-padding {
    padding: 20px 0; } }
.wp-block-image .wp-element-caption {
  text-align: center;
  background: aliceblue;
  margin: 0;
  font-style: italic; }

.wp-block-image.size-full {
  display: inline-block; }

.wp-block-embed.aligncenter.is-type-video {
  display: flex;
  justify-content: center; }

.bg-main {
  background: #ffffff; }

.title-underline {
  position: relative;
  width: fit-content;
  margin: 0 auto 12px;
  padding: 8px 0; }
  .title-underline::after {
    content: "";
    background: #f58634;
    width: 120px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, 0); }

.home .home__banner {
  position: relative; }
  .home .home__banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5); }
.home .home__about .owl-theme .owl-nav {
  display: flex;
  justify-content: flex-end;
  width: 75%; }

header#header {
  position: sticky;
  z-index: 999; }
  header#header .header-wrapper .header-bottom {
    position: relative; }
    header#header .header-wrapper .header-bottom .logo {
      height: 92px; }
      header#header .header-wrapper .header-bottom .logo a {
        height: 100%; }
      header#header .header-wrapper .header-bottom .logo img {
        width: 200px;
        height: 100%;
        padding: 16px 0; }
    header#header .header-wrapper .header-bottom .menu {
      height: 92px;
      background: #fff;
      display: flex !important;
      align-items: center; }
    header#header .header-wrapper .header-bottom #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
      top: 140% !important;
      transform: translate(0, 10px) !important;
      display: flex;
      justify-content: center;
      padding: 32px 0 48px; }
    @media screen and (max-width: 1280.98px) {
      header#header .header-wrapper .header-bottom #mega-menu-wrap-primary {
        display: none !important; } }
    header#header .header-wrapper .header-bottom #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .blur-layer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      backdrop-filter: blur(4px);
      z-index: 1;
      border-bottom: 1px solid var(--System-Border-Br_Black_20, rgba(0, 0, 0, 0.2));
      background: rgba(255, 255, 255, 0.7);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      pointer-events: none; }
    header#header .header-wrapper .header-bottom #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
      position: relative;
      z-index: 2; }
  header#header #gallery-1,
  header#header #gallery-2,
  header#header #gallery-3,
  header#header #gallery-4,
  header#header #gallery-5 {
    width: 130%;
    position: relative;
    overflow: hidden;
    border-radius: 8px 8px 28px 8px; }
    header#header #gallery-1 img,
    header#header #gallery-2 img,
    header#header #gallery-3 img,
    header#header #gallery-4 img,
    header#header #gallery-5 img {
      height: 165px; }
    header#header #gallery-1 figcaption,
    header#header #gallery-2 figcaption,
    header#header #gallery-3 figcaption,
    header#header #gallery-4 figcaption,
    header#header #gallery-5 figcaption {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 10px;
      background: #27304CCC;
      color: #fff;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%; }
  header#header #header-sroll {
    position: fixed;
    left: 0;
    top: 0;
    float: left;
    width: 100%;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid var(--System-Border-Br_Black_20, rgba(0, 0, 0, 0.2));
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 9999; }
  header#header #header-sroll.small {
    height: 70px; }

.search_bar {
  position: relative;
  background: #ebebeb;
  border-radius: 50px;
  height: 48px;
  width: 100%;
  /* clears the 'X' from Internet Explorer */
  /* clears the 'X' from Chrome */ }
  .search_bar button.btn-search-nvt {
    position: absolute;
    z-index: 2;
    right: 0;
    background: transparent;
    border: none;
    top: 50%;
    border-radius: 50%;
    color: #5c5c5c;
    transform: translate(-10px, -50%); }
  .search_bar input.input_search {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    text-indent: 15px;
    border: none;
    outline: none;
    border-radius: 50px;
    transition: all 0.5s; }
    .search_bar input.input_search:focus {
      background: #ffffff;
      box-shadow: inset;
      box-shadow: inset 0 0 35px #f0ede6, 3px 3px 5px 0 #ccc; }
  @media screen and (max-width: 1440px) {
    .search_bar {
      height: 40px; } }
  .search_bar input[type="search"] {
    font-weight: 400;
    color: #5c5c5c;
    font-size: 16px !important;
    line-height: 22px; }
  .search_bar input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0; }
  .search_bar input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0; }
  .search_bar input[type="search"]::-webkit-search-decoration,
  .search_bar input[type="search"]::-webkit-search-cancel-button,
  .search_bar input[type="search"]::-webkit-search-results-button,
  .search_bar input[type="search"]::-webkit-search-results-decoration {
    display: none; }

.head_lang {
  position: relative;
  padding-left: 16px; }
  .head_lang .head_lang_dropdown {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer; }
    .head_lang .head_lang_dropdown p {
      margin-bottom: 0 !important;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 120%;
      color: #375BA9; }
  .head_lang .polylang_langswitcher {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: fit-content;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 8px 12px;
    transform: translate(0, 10px);
    opacity: 0;
    border: 1px solid #cccccc8b;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    z-index: 2; }
    .head_lang .polylang_langswitcher a {
      text-transform: uppercase;
      font-weight: 700;
      line-height: 120%;
      color: #375BA9; }
  .head_lang.active .polylang_langswitcher {
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: all; }

.ux-body-overlay {
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: visibility 0.3s, opacity 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 29; }

.ux-body-overlay--hover-active {
  visibility: visible;
  opacity: 1; }

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
  background-color: unset !important;
  box-shadow: unset !important; }

@media screen and (max-width: 576px) {
  .item-left div.cart .shopping-cart {
    width: 300px !important;
    right: -90px !important; } }
@media (max-width: 1280.98px) {
  /* 
==================================================
- Header 
==================================================
*/
  header {
    top: 0px;
    width: 100%;
    color: #fff;
    background-color: #e0e0e0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    z-index: 99; } }
@media screen and (max-width: 1280.98px) and (max-width: 1280.98px) {
  #mega-menu-wrap-mobile_menu .mega-menu-toggle + #mega-menu-mobile_menu {
    display: block !important; } }

@media (max-width: 1280.98px) {
  header.stick {
    text-align: left;
    padding: 5px 0 !important;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    background-color: rgba(131, 46, 46, 0.15); }
    header.stick .mobileMenuButton span,
    header.stick .mobileMenuButton span:before,
    header.stick .mobileMenuButton span:after {
      background: #000000; }

  .fake-class {
    width: 30px; }

  .wrap-container {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center; }

  .sidebar-header {
    text-align: center;
    font-size: 20px;
    position: relative;
    width: 100%;
    display: inline-block; }

  .sidebar-brand {
    height: 65px;
    position: relative;
    background: #212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);
    padding-top: 1em; }

  .sidebar-brand a {
    color: #ddd; }

  .sidebar-brand a:hover {
    color: #fff;
    text-decoration: none; }

  .sidebar-nav {
    top: 0;
    margin: 0;
    padding: 0;
    list-style: none; }

  .sidebar-nav li {
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%; }

  .sidebar-nav li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width 0.2s ease-in;
    -moz-transition: width 0.2s ease-in;
    -ms-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in; }

  .sidebar-nav li:nth-child(5n + 1):before {
    background-color: #ec1b5a; }

  .sidebar-nav li:nth-child(5n + 2):before {
    background-color: #79aefe; }

  .sidebar-nav li:nth-child(5n + 3):before {
    background-color: #314190; }

  .sidebar-nav li:nth-child(5n + 4):before {
    background-color: #279636; }

  .sidebar-nav li:nth-child(5n + 5):before {
    background-color: #7d5d81; }

  .sidebar-nav li:hover:before,
  .sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width 0.2s ease-in;
    -moz-transition: width 0.2s ease-in;
    -ms-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in; }

  .sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px; }

  .sidebar-nav li a:hover,
  .sidebar-nav li a:active,
  .sidebar-nav li a:focus,
  .sidebar-nav li.open a:hover,
  .sidebar-nav li.open a:active,
  .sidebar-nav li.open a:focus {
    color: #fff;
    text-decoration: none;
    background-color: transparent; }

  .sidebar-header {
    text-align: center;
    font-size: 20px;
    position: sticky;
    top: 0;
    width: 100%;
    display: inline-block;
    z-index: 1; }

  /*-------------------------------*/
  /*            Overlay            */
  /*-------------------------------*/
  #sidebar-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%; }

  #sidebar-wrapper::-webkit-scrollbar {
    display: none; }

  /*-------------------------------*/
  /*            Overlay            */
  /*-------------------------------*/
  .overlay-left {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250, 250, 250, 0.8);
    z-index: 1; }

  .box-category {
    /*-------------------------------*/
    /*       Hamburger-Cross         */
    /*-------------------------------*/ }
    .box-category .hamburger {
      top: 200px;
      transform: rotate(180deg);
      z-index: 999;
      display: block;
      width: 28px;
      height: 30px;
      background: #5c5c5c7b;
      border: none; }
      .box-category .hamburger:hover {
        background: #f58634; }
    .box-category .hamburger:hover,
    .box-category .hamburger:focus,
    .box-category .hamburger:active {
      outline: none; }
    .box-category .hamburger.is-closed:before {
      content: "";
      display: block;
      width: 100px;
      font-size: 14px;
      color: #fff;
      line-height: 32px;
      text-align: center;
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-transition: all 0.35s ease-in-out; }
    .box-category .hamburger.is-closed:hover:before {
      opacity: 1;
      display: block;
      -webkit-transform: translate3d(-100px, 0, 0);
      -webkit-transition: all 0.35s ease-in-out; }
    .box-category .hamburger.is-closed .hamb-top,
    .box-category .hamburger.is-closed .hamb-middle,
    .box-category .hamburger.is-closed .hamb-bottom,
    .box-category .hamburger.is-open .hamb-top,
    .box-category .hamburger.is-open .hamb-middle,
    .box-category .hamburger.is-open .hamb-bottom {
      position: absolute;
      left: 4px;
      height: 4px;
      width: 20px;
      border-radius: 12px; }
    .box-category .hamburger.is-closed .hamb-top,
    .box-category .hamburger.is-closed .hamb-middle,
    .box-category .hamburger.is-closed .hamb-bottom {
      background-color: #ffffff; }
    .box-category .hamburger.is-closed .hamb-top {
      top: 5px;
      -webkit-transition: all 0.35s ease-in-out; }
    .box-category .hamburger.is-closed .hamb-middle {
      top: 50%;
      margin-top: -2px; }
    .box-category .hamburger.is-closed .hamb-bottom {
      bottom: 5px;
      -webkit-transition: all 0.35s ease-in-out; }
    .box-category .hamburger.is-closed:hover .hamb-top {
      top: 0;
      -webkit-transition: all 0.35s ease-in-out; }
    .box-category .hamburger.is-closed:hover .hamb-bottom {
      bottom: 0;
      -webkit-transition: all 0.35s ease-in-out; }
    .box-category .hamburger.is-open .hamb-top,
    .box-category .hamburger.is-open .hamb-middle,
    .box-category .hamburger.is-open .hamb-bottom {
      background-color: #ffffff; }
    .box-category .hamburger.is-open .hamb-top,
    .box-category .hamburger.is-open .hamb-bottom {
      top: 50%;
      margin-top: -2px; }
    .box-category .hamburger.is-open .hamb-top {
      -webkit-transform: rotate(45deg);
      -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }
    .box-category .hamburger.is-open .hamb-middle {
      display: none; }
    .box-category .hamburger.is-open .hamb-bottom {
      -webkit-transform: rotate(-45deg);
      -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }
    .box-category .hamburger.is-open:before {
      content: "";
      display: block;
      width: 100px;
      font-size: 14px;
      color: #fff;
      line-height: 32px;
      text-align: center;
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      -webkit-transition: all 0.35s ease-in-out; }
    .box-category .hamburger.is-open:hover:before {
      opacity: 1;
      display: block;
      -webkit-transform: translate3d(-100px, 0, 0);
      -webkit-transition: all 0.35s ease-in-out; }
    .box-category button:focus {
      outline: none; }
    .box-category aside {
      background: #1a1d23;
      width: 250px;
      height: 100vh;
      position: fixed;
      transition: 0.3s;
      left: -250px;
      top: 0;
      z-index: 99;
      transition-timing-function: cubic-bezier(0.9, 0, 1, 1); }
    .box-category aside.close {
      left: 0;
      transition: 0.3s;
      transition-timing-function: cubic-bezier(0.9, 0, 1, 1); }
    .box-category nav a {
      display: block;
      color: #ddd;
      text-decoration: none;
      padding: 10px; }
    .box-category nav a:hover {
      background: #313640; }
    .box-category aside button {
      border: none;
      background: none;
      position: absolute;
      right: -28px;
      top: 7px;
      font-size: 30px;
      transform: rotate(90deg);
      display: inline-block;
      cursor: pointer; }

  .branding {
    width: auto;
    height: 65px;
    float: left;
    text-align: left;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }

  .branding.stick {
    height: 55px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }

  .logo-lg {
    height: 100% !important;
    object-fit: contain; }

  .logo-sm {
    height: 100% !important;
    object-fit: contain;
    display: none; }

  .menu {
    width: 75%;
    float: left;
    text-align: right; }

  .listMenu {
    display: none; }

  .mobile-right {
    display: flex;
    align-items: center;
    gap: 15px; }
    .mobile-right .language #gt_float_wrapper {
      display: flex;
      align-items: center; }
    .mobile-right .language .gt-selected,
    .mobile-right .language .gt_float_switcher {
      background-color: unset;
      box-shadow: unset;
      font-size: unset; }
      .mobile-right .language .gt-selected .gt-current-lang,
      .mobile-right .language .gt_float_switcher .gt-current-lang {
        padding: 0; }
        .mobile-right .language .gt-selected .gt-current-lang img,
        .mobile-right .language .gt_float_switcher .gt-current-lang img {
          width: 20px;
          height: 20px;
          border-radius: 50%;
          margin: 0; }
        .mobile-right .language .gt-selected .gt-current-lang .gt-lang-code,
        .mobile-right .language .gt_float_switcher .gt-current-lang .gt-lang-code {
          top: 0px;
          font-size: 14px;
          color: white; }
        .mobile-right .language .gt-selected .gt-current-lang .gt_float_switcher-arrow,
        .mobile-right .language .gt_float_switcher .gt-current-lang .gt_float_switcher-arrow {
          background-size: 8px;
          filter: brightness(2.5); }
      .mobile-right .language .gt-selected .gt_options,
      .mobile-right .language .gt_float_switcher .gt_options {
        position: absolute;
        display: block;
        border: 1px solid #d7d7d7;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 8px 16px;
        background: white;
        padding: 5px 10px;
        border-radius: 6px;
        right: 20px; }
        .mobile-right .language .gt-selected .gt_options .nturl,
        .mobile-right .language .gt_float_switcher .gt_options .nturl {
          padding: 0;
          font-size: 14px;
          color: #000;
          padding-bottom: 8px; }
          .mobile-right .language .gt-selected .gt_options .nturl:last-child,
          .mobile-right .language .gt_float_switcher .gt_options .nturl:last-child {
            padding-bottom: 0; }
          .mobile-right .language .gt-selected .gt_options .nturl img,
          .mobile-right .language .gt_float_switcher .gt_options .nturl img {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            margin: 0; }
          .mobile-right .language .gt-selected .gt_options .nturl:hover,
          .mobile-right .language .gt_float_switcher .gt_options .nturl:hover {
            background: unset;
            color: #374151; }
    .mobile-right .gt-lang-code {
      display: none !important; }
    .mobile-right .gt_float_switcher-arrow {
      display: none !important; } }
/* 
==================================================
- The Mobile Menu
==================================================
*/
/* The Menu Button */
.mobileMenuButton {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 34px;
  z-index: 99;
  border-radius: 4px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease; }

.mobileMenuButton:hover {
  border: 1px solid #000;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px; }

.mobileMenuButton:active {
  border: 0;
  background-color: #ffffff;
  border-radius: 4px; }
  .mobileMenuButton:active span {
    color: #f58634; }

.mobileMenuButton:hover span {
  background: #fff; }

.mobileMenuButton:hover span:before {
  background: #fff; }

.mobileMenuButton:hover span:after {
  background: #fff; }

.mobileMenuButton span {
  margin-top: 50%; }

.mobileMenuButton span,
.mobileMenuButton span:before,
.mobileMenuButton span:after {
  cursor: pointer;
  border-radius: 5px;
  height: 4px;
  width: 22px;
  background: #375BA9;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  content: ""; }

.mobileMenuButton span:before {
  top: -8px; }

.mobileMenuButton span:after {
  bottom: -8px; }

/* The Menu */
#mega-menu-wrap-primary {
  background: unset !important; }
  @media screen and (max-width: 500px) {
    #mega-menu-wrap-primary {
      display: none; } }

.mobileMenu {
  width: 380px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  border-left: 1px solid var(--System-Border-Br_Black_20, rgba(0, 0, 0, 0.2));
  background: #375ba9;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  z-index: 99999;
  text-align: right;
  padding-top: 40px;
  transition: all 0.3s ease-in-out;
  overflow: scroll; }
  @media screen and (max-width: 500px) {
    .mobileMenu {
      width: 70% !important;
      overflow: hidden; } }
  .mobileMenu .mega-menu-toggle {
    display: none !important; }
  .mobileMenu #mega-menu-primary {
    display: flex !important;
    flex-direction: column;
    margin: 15px 20px !important; }
  .mobileMenu ul.mega-sub-menu {
    margin: 0 15px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important; }
    .mobileMenu ul.mega-sub-menu li.mega-menu-item {
      border-top: unset !important; }
      .mobileMenu ul.mega-sub-menu li.mega-menu-item a {
        background: #fff !important;
        font-weight: 400;
        font-size: 14px;
        margin: 12px 12px 12px 0 !important;
        border: 2px solid #f0f0f061 !important;
        border-radius: 12px !important; }
        .mobileMenu ul.mega-sub-menu li.mega-menu-item a:hover {
          background: #f0f0f061 !important; }
        .mobileMenu ul.mega-sub-menu li.mega-menu-item a:hover {
          color: inherit !important; }
  .mobileMenu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
  .mobileMenu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    color: #ffffff !important; }
  .mobileMenu li.mega-current-menu-item > a.mega-menu-link {
    color: #375ba9 !important;
    font-weight: 600 !important; }
  .mobileMenu .mega-menu-item a:hover {
    background: unset !important; }
  .mobileMenu #mega-menu-wrap-primary {
    background: unset; }
  .mobileMenu #mega-menu-primary .mega-menu-item a {
    font-weight: 600;
    font-size: 16px;
    color: #595959; }
    .mobileMenu #mega-menu-primary .mega-menu-item a:hover {
      color: #3c3c3c; }
  .mobileMenu #mega-menu-primary .current-mega-menu-item a {
    color: #fba832; }
  .mobileMenu #mega-menu-primary .mega-menu-item-design-new {
    position: relative; }
    .mobileMenu #mega-menu-primary .mega-menu-item-design-new::after {
      content: "new";
      padding: 2px 4px;
      border-radius: 8px;
      background: #db0b5b;
      font-weight: 600;
      font-size: 9px;
      position: absolute;
      display: block;
      text-transform: uppercase;
      color: white;
      top: -5px;
      right: -9px; }
  .mobileMenu #mega-menu-primary .mega-menu-item-design-popular::after {
    content: "popular";
    padding: 2px 4px;
    border-radius: 8px;
    background: #db0b5b;
    font-weight: 600;
    font-size: 9px;
    position: absolute;
    display: block;
    text-transform: uppercase;
    color: white;
    top: -5px;
    right: -9px; }
  .mobileMenu ul.mega-menu {
    background: unset !important;
    width: 100%;
    padding: 0 10px !important; }
    .mobileMenu ul.mega-menu li.mega-menu-item,
    .mobileMenu ul.mega-menu li.mega-current-menu-item {
      margin: 0;
      border-top: 1px solid #bdbdbd; }
      .mobileMenu ul.mega-menu li.mega-menu-item a,
      .mobileMenu ul.mega-menu li.mega-current-menu-item a {
        display: block;
        text-align: left !important;
        font-weight: 700;
        background: transparent; }
        .mobileMenu ul.mega-menu li.mega-menu-item a span.mega-indicator,
        .mobileMenu ul.mega-menu li.mega-current-menu-item a span.mega-indicator {
          float: unset !important; }
    .mobileMenu ul.mega-menu li.mega-menu-item:first-child {
      border-top: unset !important; }
  .mobileMenu .language #gt_float_wrapper {
    display: flex;
    align-items: center;
    justify-content: center; }
  .mobileMenu .language .gt-selected,
  .mobileMenu .language .gt_float_switcher {
    background-color: unset;
    box-shadow: unset;
    font-size: unset; }
    .mobileMenu .language .gt-selected .gt-current-lang,
    .mobileMenu .language .gt_float_switcher .gt-current-lang {
      padding: 0; }
      .mobileMenu .language .gt-selected .gt-current-lang img,
      .mobileMenu .language .gt_float_switcher .gt-current-lang img {
        width: 20px;
        margin: 0; }
      .mobileMenu .language .gt-selected .gt-current-lang .gt-lang-code,
      .mobileMenu .language .gt_float_switcher .gt-current-lang .gt-lang-code {
        top: 0px;
        font-size: 14px;
        color: #333333; }
      .mobileMenu .language .gt-selected .gt-current-lang .gt_float_switcher-arrow,
      .mobileMenu .language .gt_float_switcher .gt-current-lang .gt_float_switcher-arrow {
        background-size: 8px;
        filter: brightness(2.5); }
    .mobileMenu .language .gt-selected .gt_options,
    .mobileMenu .language .gt_float_switcher .gt_options {
      position: absolute; }
      .mobileMenu .language .gt-selected .gt_options .nturl,
      .mobileMenu .language .gt_float_switcher .gt_options .nturl {
        padding: 0;
        font-size: 14px;
        color: #cacaca; }
        .mobileMenu .language .gt-selected .gt_options .nturl img,
        .mobileMenu .language .gt_float_switcher .gt_options .nturl img {
          width: 20px;
          margin: 0; }
        .mobileMenu .language .gt-selected .gt_options .nturl:hover,
        .mobileMenu .language .gt_float_switcher .gt_options .nturl:hover {
          background: unset;
          color: #374151; }
  .mobileMenu .search_bar {
    position: relative;
    background: #f2f2f2;
    border-radius: 80px;
    height: 38px;
    width: 100%;
    background: #f5fffa; }
    .mobileMenu .search_bar button.btn-search-nvt {
      position: absolute;
      z-index: 2;
      right: 0;
      background: transparent;
      border: none;
      top: 50%;
      border-radius: 50%;
      color: #5c5c5c;
      transform: translate(-10px, -50%); }
    .mobileMenu .search_bar input.input_search {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: transparent;
      text-indent: 15px;
      border: none;
      outline: none; }
    @media screen and (max-width: 1199px) {
      .mobileMenu .search_bar {
        border: 1px solid #c8b2b2; } }
    .mobileMenu .search_bar input[type="search"] {
      font-weight: 400;
      color: #5c5c5c;
      font-size: 16px !important;
      line-height: 22px; }
  .mobileMenu .header-top {
    z-index: 99;
    padding: 10px 20px; }
    .mobileMenu .header-top .content-left {
      gap: 5px; }
      .mobileMenu .header-top .content-left span {
        font-size: 16px;
        color: #1f2937;
        text-align: center; }
        .mobileMenu .header-top .content-left span i {
          color: #f58634;
          padding-right: 5px; }
    .mobileMenu .header-top .content-right .search_bar {
      position: relative;
      background: #f2f2f2;
      border-radius: 80px;
      height: 38px;
      width: 250px;
      background: #f5fffa; }
      .mobileMenu .header-top .content-right .search_bar button.btn-search-nvt {
        position: absolute;
        z-index: 2;
        right: 0;
        background: transparent;
        border: none;
        top: 50%;
        border-radius: 50%;
        color: #5c5c5c;
        transform: translate(-10px, -50%); }
      .mobileMenu .header-top .content-right .search_bar input.input_search {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: transparent;
        text-indent: 15px;
        border: none;
        outline: none; }
      @media screen and (max-width: 1199px) {
        .mobileMenu .header-top .content-right .search_bar {
          border: 1px solid #c8b2b2; } }
      .mobileMenu .header-top .content-right .search_bar input[type="search"] {
        font-weight: 400;
        color: #5c5c5c;
        font-size: 16px !important;
        line-height: 22px; }
    .mobileMenu .header-top .content-right .language {
      color: #1f2937;
      font-weight: 400;
      font-size: 18px;
      gap: 10px; }
      .mobileMenu .header-top .content-right .language span {
        width: 65px;
        height: 40px; }
        .mobileMenu .header-top .content-right .language span .switcher {
          position: absolute;
          width: unset !important;
          font-family: inherit !important; }
          .mobileMenu .header-top .content-right .language span .switcher .selected {
            border-radius: 5px;
            background: #f5f5f5; }
            .mobileMenu .header-top .content-right .language span .switcher .selected a {
              padding: 8px;
              width: 70px;
              border: unset; }
              .mobileMenu .header-top .content-right .language span .switcher .selected a:hover {
                border-radius: 5px; }
              .mobileMenu .header-top .content-right .language span .switcher .selected a img {
                width: 32px;
                border-radius: 5px; }
          .mobileMenu .header-top .content-right .language span .switcher .option {
            width: unset !important;
            border: none;
            background: #f3f3f3e0;
            margin-top: 2px;
            border-radius: 5px; }
            .mobileMenu .header-top .content-right .language span .switcher .option a {
              text-align: center; }
              .mobileMenu .header-top .content-right .language span .switcher .option a img {
                width: 32px;
                border-radius: 5px; }

.under-header {
  height: 80px; }
  @media screen and (max-width: 576px) {
    .under-header {
      height: 70px; } }

.slideOut {
  margin-right: -420px;
  transition: all 0.3s ease-in-out; }

.slideIn {
  margin-right: 0px; }

.mobileMenu h2 {
  font-family: sans-serif;
  color: #333333;
  font-size: 36px;
  padding-right: 30px;
  margin-bottom: 30px; }

.mobileMenu ul {
  list-style: none; }

.mobileMenu li {
  border-bottom: 1px dotted black;
  padding: 0 12px; }

.mobileMenu li a {
  color: #333333;
  line-height: inherit;
  padding: 0;
  font-weight: 600;
  padding: 12px 0;
  font-size: 15px;
  text-decoration: none;
  font-family: sans-serif;
  display: block;
  /* CSS Transition */
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.mobileMenu li a:hover {
  color: #660066;
  text-decoration: none; }

.overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
  position: fixed;
  transition: all 0.3s ease-in-out;
  z-index: 1150; }

/* 
==================================================
- Media Query Mobile First Aproach
==================================================
*/
@media (min-width: 1280.98px) {
  .overlay {
    display: none !important; }

  .mobileMenu {
    display: none; }

  .wrap-container {
    width: 80%;
    margin: 0 auto; }

  .mobileMenuButton {
    display: none; }

  .listMenu {
    display: inherit; }

  .listMenu li {
    display: inline;
    padding: 0px 15px; }

  .listMenu li a {
    color: #333333;
    line-height: inherit;
    padding: 0;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    font-family: sans-serif;
    display: inline-block;
    /* CSS Transition */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

  .listMenu li a:hover {
    color: #660066;
    text-decoration: none; }

  .listMenu li:last-child a {
    background: none;
    border: 2px solid #333333;
    border-radius: 3px;
    color: #333333;
    letter-spacing: -0.001em;
    padding: 5px 20px;
    vertical-align: middle; }

  .listMenu li:last-child a:hover {
    background: #660066;
    border: 2px solid #660066;
    color: #fff;
    text-decoration: none; }

  .mobileButton {
    display: none; } }
.footer {
  background-color: #5DA9DD;
  padding: 48px 0 24px; }
  @media screen and (max-width: 576px) {
    .footer {
      padding: 24px 0 12px; } }
  @media screen and (max-width: 1200px) {
    .footer .header_bottom-cart {
      display: block !important; } }
  @media (max-width: 375.98px) {
    .footer .footer-item-activities {
      margin-left: 0; }
      .footer .footer-item-activities .footer-item-contact {
        font-size: 15px; }
    .footer .footer-item {
      margin-top: 15px; }
      .footer .footer-item .footer-item-contact {
        font-size: 15px; } }
    @media screen and (max-width: 375.98px) and (max-width: 576px) {
      .footer .footer-item .footer-item-contact {
        padding: 12px 0; } }
  @media (max-width: 375.98px) {
    .footer .footer_logo {
      text-align: center; }
      .footer .footer_logo img {
        width: 100px; } }
  @media (min-width: 376px) and (max-width: 576px) {
    .footer .footer-item-activities {
      margin-left: 0; }
      .footer .footer-item-activities .footer-item-contact {
        font-size: 15px; }
    .footer .footer-item {
      margin-top: 15px;
      display: flex; }
      .footer .footer-item .footer-item-contact {
        font-size: 15px; }
    .footer .footer_logo {
      text-align: center; }
      .footer .footer_logo img {
        width: 130px; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .footer .footer-item-activities {
      margin-left: 0; }
    .footer .footer-item {
      margin-top: 15px; }
    .footer .footer_logo img {
      width: 150px; } }
  @media (min-width: 768px) and (max-width: 809.98px) {
    .footer .footer-item-activities {
      margin-left: 0; }
    .footer .footer-item {
      margin-top: 15px; } }
  @media (min-width: 810px) and (max-width: 991.98px) {
    .footer .footer-item-activities {
      margin-left: 0; }
    .footer .footer-item {
      margin-top: 15px; } }
  @media (min-width: 1200px) and (max-width: 1399.98px) {
    .footer .footer-item-activities .footer-item-contact li {
      margin-bottom: 10px; }
    .footer .footer-item .footer-item-contact li {
      margin-bottom: 12px; } }
  @media (min-width: 1400px) {
    .footer .footer-item-activities .footer-item-contact li a {
      text-transform: capitalize !important; } }
  .footer .header_bottom-cart {
    position: fixed;
    z-index: 100;
    bottom: 15px;
    left: 10px;
    display: none; }
  .footer .padding-logo {
    padding: 0 !important; }
    @media screen and (max-width: 992px) {
      .footer .padding-logo {
        display: none; } }
  .footer .padding-logo-1 {
    display: none;
    padding: 0 !important;
    margin-bottom: 20px; }
    @media screen and (max-width: 992px) {
      .footer .padding-logo-1 {
        display: block; } }
  .footer .color-copyright {
    color: #fff; }
  .footer .list-unstyle {
    list-style: none; }
    .footer .list-unstyle .icon {
      margin-right: 8px;
      width: fit-content; }
  @media screen and (max-width: 992px) {
    .footer_main .content {
      display: flex; } }
  .footer_logo {
    margin-bottom: 24px;
    padding-top: 48px;
    padding-bottom: 24px; }
    .footer_logo img {
      width: 276px;
      display: block;
      margin: 0 auto;
      padding: 31px 0; }
  .footer_bottom {
    padding-bottom: 32px; }
  @media screen and (max-width: 768px) {
    .footer_bottom {
      padding-bottom: 12px; } }
  .footer_logo2 {
    margin-top: 10px; }
    .footer_logo2 img {
      width: 100%; }
  .footer-item h3 {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 12px; }
  .footer-item-fanpage iframe {
    width: 100%; }
  .footer-item-activities h4 {
    color: white;
    font-weight: 600;
    text-transform: uppercase; }
  .footer-item-address {
    font-weight: 200;
    font-size: 14px;
    color: white; }
  .footer-item-info {
    color: white;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    .footer-item-contact {
      flex-wrap: wrap; } }
  .footer-item-contact {
    padding: 0;
    margin: 0; }
    .footer-item-contact li {
      font-size: 16px;
      width: fit-content; }
    .footer-item-contact li > a {
      color: white !important;
      text-decoration: underline; }
      .footer-item-contact li > a:hover {
        color: white !important;
        cursor: pointer;
        text-decoration: underline; }
  .footer-item-contact-2 {
    padding: 0;
    margin: 0; }
    .footer-item-contact-2 p {
      color: white; }
    .footer-item-contact-2 li.itemList {
      margin-bottom: 16px; }
    .footer-item-contact-2 a {
      color: white !important; }
      .footer-item-contact-2 a:hover {
        color: white !important;
        cursor: pointer;
        text-decoration: underline; }
  .footer .facebook-container iframe {
    width: 100%; }
  @media screen and (max-width: 768px) {
    .footer_copyright-content {
      flex-direction: column;
      justify-content: space-evenly !important;
      height: 100% !important;
      gap: 8px; } }
  .footer_copyright-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .footer_copyright-content p {
      color: #fff; }
      @media screen and (max-width: 1400px) {
        .footer_copyright-content p {
          font-weight: 400;
          text-align: center; } }
    .footer_copyright-content a {
      color: white; }
    .footer_copyright-content a.left {
      padding-right: 10px;
      margin-right: 4px;
      border-right: 1px solid; }

.footer-full p {
  text-align: justify; }

.social-container .social-icons {
  padding: 0;
  margin: 0; }
  .social-container .social-icons li {
    display: inline-block;
    margin: 0.15em;
    position: relative;
    font-size: 16px; }
  .social-container .social-icons i {
    color: #374151;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    transition: all 265ms ease-out; }
  .social-container .social-icons a {
    display: inline-block; }
    .social-container .social-icons a:before {
      transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      content: " ";
      width: 35px;
      height: 35px;
      border-radius: 100%;
      display: block;
      background: linear-gradient(45deg, #d1d2d2, #f3f4f6);
      transition: all 265ms ease-out; }
    .social-container .social-icons a:hover:before {
      transform: scale(0);
      transition: all 265ms ease-in; }
    .social-container .social-icons a:hover i {
      transform: scale(1.5);
      -ms-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      color: #f3f4f6;
      background: -webkit-linear-gradient(45deg, #f3f4f6, #c2c5cb);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: all 265ms ease-in;
      top: 30%;
      left: 30%; }

#bottom_to_top {
  cursor: pointer;
  display: none;
  position: fixed;
  z-index: 10;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-shadow: 0px 0px 4px 1px #8888887a;
  background: #009355;
  color: #fff;
  right: 30px;
  transition: 0.3s ease; }
  @media screen and (max-width: 540px) {
    #bottom_to_top {
      width: 40px;
      height: 40px; } }
  @media screen and (max-width: 576px) {
    #bottom_to_top {
      bottom: 10px !important;
      right: 12px; } }

.container-footer-full {
  --r: 38px;
  /* Radius of circles */
  padding: calc(1.5 * var(--r));
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* Using WebKit mask for better compatibility */
  mask: linear-gradient(#fff 0 0) no-repeat 50%/calc(100% - 0*var(--r)) 80%, radial-gradient(var(--r), #fff 98%, transparent) 0 0/calc(2*var(--r)) calc(2*var(--r)) round;
  /* Hoặc Cách 2: Dùng rgba */
  -webkit-mask: linear-gradient(#fff 0 0) no-repeat 50%/calc(100% - 0*var(--r)) 80%, radial-gradient(var(--r), #fff 98%, rgba(0, 0, 0, 0)) 0 0/calc(2*var(--r)) calc(2*var(--r)) round; }
  @media screen and (max-width: 768px) {
    .container-footer-full {
      --r: 30px; } }

@media screen and (max-width: 576px) {
  #scrollBtn {
    right: 20px !important;
    height: 30px !important;
    width: 30px !important; }
    #scrollBtn i {
      font-size: 16px !important; } }
#scrollBtn {
  position: fixed;
  bottom: -100px;
  right: 36px;
  z-index: 99;
  /* button được ưu tiên hiển thị đè lên các phần khác*/
  display: block;
  border: none;
  border-radius: 50%;
  background-color: #f58634;
  width: 40px;
  height: 40px;
  transition: 0.5s ease; }
  #scrollBtn i {
    font-size: 22px;
    color: #f9f9f9; }

#scrollBtn:hover {
  box-shadow: #d80c0c 0px 0px 3px 3px; }

.contact {
  position: fixed;
  bottom: 80px;
  right: 32px;
  z-index: 999; }
  .contact .close_contact {
    display: flex;
    justify-content: end;
    margin-right: -20px; }
  .contact .contact_wrap {
    background-color: transparent;
    border: none;
    border-radius: 200px;
    cursor: pointer; }
    .contact .contact_wrap .contact_home {
      display: flex;
      width: 50px;
      height: 50px;
      padding: 10px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      border-radius: 200px;
      background: var(--Avocado-Green-base, #95dd68);
      box-shadow: 4px 6px 6px -6px rgba(0, 0, 0, 0.16); }
      @media screen and (max-width: 700px) {
        .contact .contact_wrap .contact_home {
          width: 45px;
          height: 45px; } }
    .contact .contact_wrap .hidden_contact {
      display: none; }
    .contact .contact_wrap .show_contact .show_contact_wrap {
      position: absolute;
      right: 40px;
      bottom: 40px;
      display: flex;
      padding: 24px;
      flex-direction: column;
      align-items: flex-end;
      border-radius: 24px;
      border: 1px solid var(--Grey-200, #bebebe);
      background: var(--Main-Colors-Ivory, #fcfaef);
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
      width: fit-content; }
      @media screen and (max-width: 700px) {
        .contact .contact_wrap .show_contact .show_contact_wrap {
          padding: 10px;
          width: auto;
          right: 0px; } }
      .contact .contact_wrap .show_contact .show_contact_wrap .top {
        position: absolute;
        top: 10px;
        right: 10px; }
        .contact .contact_wrap .show_contact .show_contact_wrap .top p {
          font-size: 20px; }
      .contact .contact_wrap .show_contact .show_contact_wrap .bootom {
        width: 100%; }
        .contact .contact_wrap .show_contact .show_contact_wrap .bootom h4 {
          color: var(--Main-Colors-Tropical-Green, #0b2926);
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 24px;
          /* 120% */
          text-transform: capitalize; }
        .contact .contact_wrap .show_contact .show_contact_wrap .bootom .icon {
          display: flex;
          gap: 30px;
          margin: 12px 0;
          padding: 0px 24px; }
          @media screen and (max-width: 700px) {
            .contact .contact_wrap .show_contact .show_contact_wrap .bootom .icon {
              gap: 20px;
              margin: 10px 0; } }
        .contact .contact_wrap .show_contact .show_contact_wrap .bootom p {
          color: var(--Grey-400, #737373);
          text-align: center;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
          /* 150% */
          letter-spacing: 0.25px;
          text-decoration-line: underline; }

#myModalPopup .modal-content {
  border-radius: 0; }
#myModalPopup .modal-body {
  position: relative;
  padding: 0; }
  #myModalPopup .modal-body button {
    position: absolute;
    top: 15px;
    right: 15px;
    filter: unset; }
  #myModalPopup .modal-body img {
    width: 100%;
    height: 100%;
    object-fit: contain; }

#bottom_to_top {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #375ba9;
  border: 2px solid #375ba9;
  color: #ffffff;
  bottom: -100px;
  right: 35px;
  transition: 0.3s ease; }
  @media screen and (max-width: 576px) {
    #bottom_to_top {
      right: 15px !important;
      width: 35px !important;
      height: 35px !important; } }
  #bottom_to_top:hover {
    background: #375ba9;
    border: 2px solid #375ba9;
    cursor: pointer; }
    #bottom_to_top:hover i {
      color: white; }

.tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
  color: white !important; }

@media screen and (max-width: 576px) {
  #legend_box {
    display: none !important; } }
#legend_box #legend {
  display: flex;
  gap: 32px;
  justify-content: flex-end;
  margin-right: 52px; }
#legend_box .custom-color-cat {
  display: flex;
  gap: 8px;
  align-self: center; }
#legend_box .custom-color-cat li {
  padding: 0 !important;
  margin: 0 !important;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex !important;
  align-items: center; }
#legend_box .custom-color-cat a {
  font-size: 12px !important; }
#legend_box .tribe-events-category-weekend .tribe_events_cat-weekend a {
  color: white !important; }

.tribe-events .tribe-events-c-top-bar__datepicker-container .dropdown-menu {
  min-width: fit-content;
  width: fit-content; }
  @media screen and (max-width: 576px) {
    .tribe-events .tribe-events-c-top-bar__datepicker-container .dropdown-menu {
      min-width: 150% !important;
      width: 150% !important; } }

.tribe-events-calendar-month__day-date-daynum {
  font-family: "Josefin Sans" !important; }
  .tribe-events-calendar-month__day-date-daynum a {
    font-family: "Josefin Sans" !important; }

.tribe-events-c-top-bar__datepicker-desktop {
  font-family: "Josefin Sans" !important; }

.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
  color: #3168E3;
  /* Change this to your desired color */ }

.tribe-events-calendar-month__day--current * a {
  color: #3168E3 !important; }

.tribe-events-calendar-month__multiday-event-bar-inner {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.bg-breadcrumb {
  height: 537px;
  background-repeat: no-repeat;
  margin-bottom: 80px;
  background-size: cover;
  aspect-ratio: 16 / 9 auto;
  width: 100%;
  background-position: 25% 35%; }
  @media screen and (max-width: 576px) {
    .bg-breadcrumb {
      height: 450px;
      object-fit: contain;
      margin-bottom: 24px; } }
  .bg-breadcrumb .breadcrumb-image__content {
    color: #fff !important; }
    .bg-breadcrumb .breadcrumb-image__content p {
      color: #fff; }
  .bg-breadcrumb .breadcrumb-image {
    height: 100%;
    display: flex;
    align-items: end;
    background: rgba(0, 0, 0, 0.4); }
    .bg-breadcrumb .breadcrumb-image .rank-math-breadcrumb p {
      font-family: "Josefin Sans" !important;
      font-size: 56px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%;
      color: #fff;
      margin-bottom: 14px !important;
      text-align: left; }
      .bg-breadcrumb .breadcrumb-image .rank-math-breadcrumb p span {
        font-family: "Josefin Sans" !important; }
      @media screen and (max-width: 576px) {
        .bg-breadcrumb .breadcrumb-image .rank-math-breadcrumb p {
          font-size: 20px !important;
          margin-bottom: 7px !important; } }

.m-y-32 {
  margin: 32px 0; }

.p-y-48 {
  padding: 48px 0; }

.h-tm {
  margin-top: 120px; }

.form-container {
  max-width: 100%;
  width: 100%;
  margin: 2rem auto;
  padding: 2rem 0;
  background: #fff; }

.container-form {
  max-width: 960px;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto; }

.progress-bar-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 auto 3rem;
  counter-reset: step;
  background: var(--System-Background-Bg-Green-2, rgba(125, 194, 66, 0.05));
  padding: 48px; }
  @media screen and (max-width: 576px) {
    .progress-bar-steps {
      white-space: nowrap;
      flex-wrap: nowrap;
      overflow-x: scroll;
      overflow-y: hidden;
      justify-content: flex-start;
      gap: 12px; }
      .progress-bar-steps::-webkit-scrollbar {
        display: none; } }
  .progress-bar-steps::before {
    content: '';
    position: absolute;
    top: 44%;
    left: 5%;
    width: 90%;
    height: 2px;
    background: #e0e0e0;
    z-index: 1;
    transform: translate(0, -50%);
    /* Màn hình Full HD 15.5 inch */
    /* Màn hình Full HD 14 inch */
    /* Màn hình Full HD 13 inch */ }
    @media screen and (min-width: 1920px) and (max-height: 1080px) and (resolution: 96dpi) {
      .progress-bar-steps::before {
        /* CSS riêng cho màn hình 15.5 inch */
        top: 44%; } }
    @media screen and (max-width: 1600px) and (max-height: 900px) {
      .progress-bar-steps::before {
        /* CSS riêng cho màn hình 14 inch */
        top: 40%; } }
    @media screen and (max-width: 1366px) and (max-height: 768px) {
      .progress-bar-steps::before {
        /* CSS riêng cho màn hình 13 inch */
        top: 40%; } }
    @media screen and (max-width: 576px) {
      .progress-bar-steps::before {
        width: calc(100% + 180px);
        top: 35%; } }
    @media screen and (max-width: 390px) {
      .progress-bar-steps::before {
        top: 35%; } }
  .progress-bar-steps .step {
    position: relative;
    z-index: 2;
    width: calc(100% / 7);
    text-align: left; }
    @media screen and (max-width: 576px) {
      .progress-bar-steps .step {
        width: calc(100% / 3); } }
    .progress-bar-steps .step::before {
      counter-increment: step;
      content: counter(step);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 46px;
      height: 46px;
      background: #fff;
      border: 6px solid #fff;
      border-radius: 8px;
      margin: 0 auto 5px;
      color: #757575;
      font-weight: 500;
      transition: all 0.3s ease; }
    .progress-bar-steps .step.active::before {
      background: #7DC242 !important;
      border-color: #f8fcf5 !important;
      color: white !important; }
    .progress-bar-steps .step.active .step-title {
      color: #7DC242;
      font-weight: 500; }
      @media screen and (max-width: 576px) {
        .progress-bar-steps .step.active .step-title {
          font-size: 12px;
          white-space: normal; } }
    .progress-bar-steps .step.active ~ .step::before {
      background: #ccc;
      border-color: #f8fcf5;
      color: #757575; }
    .progress-bar-steps .step.active ~ .step .step-title {
      color: #757575;
      font-weight: normal; }
      @media screen and (max-width: 576px) {
        .progress-bar-steps
        {
          padding:12px;
        }
        .progress-bar-steps .step.active ~ .step .step-title {
          font-size: 12px;
          white-space: normal; 
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
        } }
    .progress-bar-steps .step:first-child::after {
      content: '';
      position: absolute;
      top: 23px;
      height: 2px;
      background: #7DC242;
      z-index: -1;
      width: 50%;
      left: 0; }
    .progress-bar-steps .step.completed::before {
      background: #7DC242 !important;
      border-color: #fff !important;
      color: white !important; }
    .progress-bar-steps .step.completed::after {
      content: '';
      position: absolute;
      top: 23px;
      left: 50%;
      width: 100%;
      height: 2px;
      background: #7DC242;
      z-index: -1; }
    .progress-bar-steps .step.completed:first-child::after {
      width: 150%;
      left: 0; }
  .progress-bar-steps .step-title {
    font-size: 13px;
    color: #757575;
    margin-top: 5px;
    text-align: center;
    line-height: 1.2; }
    .progress-bar-steps .step-title small {
      display: block;
      font-size: 11px;
      color: #757575; }

.form-step {
  margin-bottom: 2rem; }
  .form-step .title-custom-form1 {
    font-family: "Josefin Sans";
    position: relative;
    color: #0000004D;
    font-size: 24px;
    font-weight: 600;
    padding-left: 15%; }
    @media screen and (max-width: 576px) {
      .form-step .title-custom-form1 {
        padding-left: 7%;
        font-size: 16px; } }
    .form-step .title-custom-form1::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 12%;
      height: 2px;
      background-color: #0000004D;
      transform: translate(0, -50%); }
      @media screen and (max-width: 576px) {
        .form-step .title-custom-form1::after {
          width: 3%; } }
    .form-step .title-custom-form1::before {
      content: '';
      position: absolute;
      bottom: 50%;
      right: 0;
      width: 58%;
      height: 2px;
      background-color: #0000004D;
      transform: translate(0, -50%); }
      @media screen and (max-width: 576px) {
        .form-step .title-custom-form1::before {
          width: 10%; } }
  .form-step .title-custom-form2 {
    font-family: "Josefin Sans";
    position: relative;
    color: #0000004D;
    font-size: 24px;
    font-weight: 600;
    padding-left: 15%; }
    @media screen and (max-width: 576px) {
      .form-step .title-custom-form2 {
        padding-left: 7%;
        font-size: 16px; } }
    .form-step .title-custom-form2::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 10%;
      height: 2px;
      background-color: #0000004D;
      transform: translate(0, -50%); }
      @media screen and (max-width: 576px) {
        .form-step .title-custom-form2::after {
          width: 3%; } }
    .form-step .title-custom-form2::before {
      content: '';
      position: absolute;
      bottom: 50%;
      right: 0;
      width: 10%;
      height: 2px;
      background-color: #0000004D;
      transform: translate(0, -50%); }
      @media screen and (max-width: 576px) {
        .form-step .title-custom-form2::before {
          width: 10%; } }

#formbook-tour {
  background-color: #7DC2420D;
  border-radius: 32px;
  padding: 32px; }
  #formbook-tour .btn-submit-book-tour {
    padding: 16px 24px;
    border-radius: 30px;
    box-shadow: none;
    color: #fff;
    background-color: #2D653D;
    border: none;
    transition: all 0.3s linear; }
    #formbook-tour .btn-submit-book-tour:hover {
      background-color: #fff;
      color: #2D653D;
      border: 1px solid #2D653D; }

.btn-primary-inquiry {
  padding: 16px 24px;
  border-radius: 30px;
  box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #2D653D;
  color: #fff;
  border: 1px solid #2D653D; }
  .btn-primary-inquiry:hover {
    background-color: #fff;
    color: #2D653D; }

.jks-shape-bottom {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  bottom: -1px; }

.jks-shape .elementor-shape-fill {
  fill: #fff;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.jks-shape {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr; }
  .jks-shape svg {
    width: calc(140% + 1.3px);
    height: 51px;
    display: block;
    z-index: -1;
    overflow: hidden;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.tribe-events .tribe-events-header {
  flex-wrap: nowrap;
  margin-bottom: 32px !important; }
  @media screen and (max-width: 576px) {
    .tribe-events .tribe-events-header {
      margin: 0 auto 12px !important;
      flex-direction: row-reverse;
      flex-wrap: nowrap; } }
  .tribe-events .tribe-events-header .tribe-events-header__top-bar {
    gap: 8px;
    margin: 0 !important;
    flex-wrap: nowrap; }
    .tribe-events .tribe-events-header .tribe-events-header__top-bar .tribe-events-c-top-bar__datepicker {
      white-space: nowrap; }
  .tribe-events .tribe-events-header .tribe-events-header__events-bar {
    margin: 0 !important; }

#formTrial p {
  margin-bottom: 0.5rem;
  color: #757575;
  font-size: 0.9rem; }
#formTrial .title-custom-form {
  font-family: "Josefin Sans";
  position: relative;
  color: #0000004D;
  font-size: 24px;
  font-weight: 600;
  padding-left: 15%; }
  @media screen and (max-width: 576px) {
    #formTrial .title-custom-form {
      padding-left: 7%;
      font-size: 16px; } }
  #formTrial .title-custom-form::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 12%;
    height: 2px;
    background-color: #0000004D;
    transform: translate(0, -50%);
    opacity: 0.7; }
    @media screen and (max-width: 576px) {
      #formTrial .title-custom-form::after {
        width: 3%; } }
  #formTrial .title-custom-form::before {
    content: '';
    position: absolute;
    bottom: 50%;
    right: 0;
    width: 45%;
    height: 2px;
    background-color: #0000004D;
    opacity: 0.7;
    transform: translate(0, -50%); }
    @media screen and (max-width: 576px) {
      #formTrial .title-custom-form::before {
        width: 10%; } }
#formTrial .btn-submit-trial {
  border-radius: 30px;
  box-shadow: none;
  color: #fff;
  background-color: #2D653D;
  border: 1px solid #2D653D;
  transition: all 0.3s linear; }
  #formTrial .btn-submit-trial:hover {
    background-color: #fff;
    color: #2D653D; }

.form-group .not-required::after {
  content: none !important;
  display: none !important; }
.form-group label {
    text-align:left;
  margin-bottom: 0.5rem;
  color: #757575;
  font-size: 1.1rem;
  font-weight: 500;
  min-height: 55px;
  height: fit-content;
  line-height: 28px;
  display: inherit;
  align-content: flex-end; }
  .form-group label::after {
    content: '*';
    color: red;
    margin-left: 0.2rem; }
.form-group .tw-border-custom {
  border-color: rgba(0, 0, 0, 0.2); }
.form-group br {
  display: none; }
.form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 1rem; }
  .form-group input:focus,
  .form-group textarea:focus,
  .form-group select:focus {
    outline: none;
    border-color: #7DC242; }
.form-group textarea {
  height: 110px; }

.radio-group .not-required::after {
  content: none !important;
  display: none !important; }
.radio-group label {
  color: #757575;
  font-size: 1.1rem;
  font-weight: 500;
  min-height: 55px;
  height: fit-content;
  display: inherit;
  align-content: flex-end;
  align-items: center; }
  .radio-group label::after {
    content: ' *';
    color: red; }
/*.radio-group p {*/
/*  font-family: "Josefin Sans";*/
/*  font-size: 18px;*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*  line-height: 120%;*/
/*  color: #081A16; }*/

.form-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  margin: 12px 0 18px; }

.form-navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem; }
  .form-navigation button {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 30px;
    box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 8px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease; }
    .form-navigation button.btn-prev {
      background: #e0e0e0;
      color: #757575; }
      .form-navigation button.btn-prev:hover {
        background: lightgray; }
    .form-navigation button.btn-next, .form-navigation button.btn-submit {
      background: #2D653D;
      color: white; }
      .form-navigation button.btn-next:hover, .form-navigation button.btn-submit:hover {
        background: #255332; }

.nav-cus {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center; }
  @media screen and (max-width: 576px) {
    .nav-cus {
      gap: 0; } }
  .nav-cus .nav-item {
    width: calc(100% / 12);
    height: 122px;
    position: relative; }
    @media screen and (max-width: 576px) {
      .nav-cus .nav-item {
        width: calc(100% / 7);
        height: 60px; } }
    .nav-cus .nav-item .text-nav-cus {
      position: absolute;
      bottom: -36%;
      left: 50%;
      transform: translate(-50%, 0);
      font-size: 14px;
      font-weight: 500;
      color: #757575;
      width: 150%; }
      @media screen and (max-width: 576px) {
        .nav-cus .nav-item .text-nav-cus {
          font-size: 10px;
          bottom: -130%;
          left: 20%;
          width: 90%;
          height: 100%;
          text-align: center; } }
    .nav-cus .nav-item .active-number {
      color: #757575;
      position: absolute;
      top: 50%;
      left: 10%;
      transform: translate(-50%, -50%);
      font-size: 32px;
      font-weight: 700;
      transition: color 0.3s ease;
      font-family: "Josefin Sans"; }
      @media screen and (max-width: 576px) {
        .nav-cus .nav-item .active-number {
          font-size: 24px;
          font-weight: 500; } }
    .nav-cus .nav-item .nav-link {
      border-radius: 0 !important;
      width: 100%;
      height: 100%;
      background-color: #757575;
      clip-path: polygon(60% 0, 100% 50%, 60% 100%, 0 100%, 40% 50%, 0 0); }
    @media screen and (max-width: 576px) {
      .nav-cus .nav-item p {
        font-size: 10px; } }
    .nav-cus .nav-item .nav-link.active {
      background-color: #7DC242; }
    .nav-cus .nav-item .nav-link.active + .active-number {
      color: #7DC242; }

.trial-day-container {
  margin: 32px auto;
  /* Curved line styles */
  /* Specific colors for each item */ }
  .trial-day-container .container-trial-day-custom {
    max-width: 1191px;
    margin: 0 auto; }
  .trial-day-container .title {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 40px; }
  .trial-day-container .btn-custom-trial {
    background-color: transparent;
    border: none;
    padding: 0;
    color: #fff;
    font-weight: 500;
    text-decoration: underline; }
    .trial-day-container .btn-custom-trial:focus {
      outline: none;
      box-shadow: none; }
    @media screen and (max-width: 576px) {
      .trial-day-container .btn-custom-trial {
        font-size: 10px !important; } }
  .trial-day-container .timeline {
    position: relative;
    gap: 150px;
    margin: 32px 0 64px;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 576px) {
      .trial-day-container .timeline {
        padding-left: 8px;
        gap: 30px;} }
  .trial-day-container .timeline-title-trial {
    height: 100%;
    width: fit-content;
    white-space: nowrap; }
    .trial-day-container .timeline-title-trial .title {
      font-weight: 700;
      margin-bottom: 0;
      font-family: "Josefin Sans"; }
      @media screen and (max-width: 576px) {
        .trial-day-container .timeline-title-trial .title {
          font-size: 26px !important; } }
      @media screen and (max-width: 389.99px) {
        .trial-day-container .timeline-title-trial .title {
          font-size: 24px !important; } }
  .trial-day-container .timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 25%;
    border: 6px #ddd solid;
    transform: translateX(50px);
    border-radius: 100%;
    border-top: 0;
    border-left: 0;
    border-bottom: 0; }
    @media screen and (max-width: 576px) {
      .trial-day-container .timeline::before {
        
        width: 35%; } }
  .trial-day-container .timeline-item {
    position: relative;
    margin-bottom: 16px;
    height: 177px; }
    @media screen and (max-width: 576px) {
      .trial-day-container .timeline-item {
        margin-bottom: 8px;
        max-width: calc(100% / 1.2); } }
    .trial-day-container .timeline-item:last-child {
      margin-bottom: 0; }
  .trial-day-container .timeline-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    border-radius: 32px;
    color: white;
    position: relative;
    margin-left: 8px;
    max-width: calc(100% / 1.5); }
    @media screen and (max-width: 576px) {
      .trial-day-container .timeline-content {
        padding: 8px;
        margin-left: 0;
        max-width: calc(100%); }
        .trial-day-container .timeline-content h2 {
          font-size: 14px !important;
          font-family: "Josefin Sans"; }
        .trial-day-container .timeline-content p {
          font-size: 10px !important; } }
  .trial-day-container .timeline-number {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    z-index: 2; }
  .trial-day-container .item-1 {
    right: -8%; }
    @media screen and (max-width: 576px) {
      .trial-day-container .item-1 {
        right: -8%; } }
    @media screen and (max-width: 389.99px) {
      .trial-day-container .item-1 {
        right: -6%; } }
  .trial-day-container .item-2 {
    right: -13%; }
  .trial-day-container .item-3 {
    right: -13%; }
  .trial-day-container .item-4 {
    right: -8%; }
    @media screen and (max-width: 576px) {
      .trial-day-container .item-4 {
        right: -8%; } }
    @media screen and (max-width: 389.99px) {
      .trial-day-container .item-4 {
        right: -6%; } }
  .trial-day-container .item-1 .timeline-content,
  .trial-day-container .item-1 .timeline-number {
    background-color: #0088cc; }
  .trial-day-container .item-2 .timeline-content,
  .trial-day-container .item-2 .timeline-number {
    background-color: #4CAF50; }
  .trial-day-container .item-3 .timeline-content,
  .trial-day-container .item-3 .timeline-number {
    background-color: #ff5722; }
  .trial-day-container .item-4 .timeline-content,
  .trial-day-container .item-4 .timeline-number {
    background-color: #e91e63; }
  .trial-day-container .timeline-content h2 {
    margin-bottom: 4px;
    font-size: 24px;
    text-align: center !important;
    color: #fff; }
  .trial-day-container .timeline-content p {
    line-height: 1.5;
    text-align: center !important;
    font-size: 14px;
    color: #fff; }

.modal-custom-content img {
  border-radius: 16px !important;
  margin: 32px 0; }
  @media screen and (max-width: 576px) {
    .modal-custom-content img {
      margin: 12px 0; } }

.single-stories .owl-stage-outer {
  float: left; }
  @media screen and (max-width: 576px) {
    .single-stories .owl-stage-outer {
      float: none; } }
.single-stories .custom-content {
  position: relative; }
  .single-stories .custom-content img {
    border-radius: 16px !important;
    margin: 32px 0; }
    @media screen and (max-width: 576px) {
      .single-stories .custom-content img {
        margin: 12px 0; } }
  .single-stories .custom-content .see-more-btn {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 70%);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80px; }
  .single-stories .custom-content .see-less-btn {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    position: absolute;
    bottom: -40px;
    left: 0;
    height: 80px; }

@media screen and (max-width: 576px) {
  .page-admissions-overview p {
    font-size: 14px; }
  .page-admissions-overview ul li {
    font-size: 14px; } }
.page-admissions-overview #a-word-from-our-parents-owl-carousel {
  padding: 48px 96px;
  background-color: #7DC2420D;
  border-radius: 16px; }
  @media screen and (max-width: 576px) {
    .page-admissions-overview #a-word-from-our-parents-owl-carousel {
      padding: 12px 8px; } }
  .page-admissions-overview #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px; }
    .page-admissions-overview #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item .a-word-from-our-parents-owl-carousel-item-image {
      position: relative; }
      .page-admissions-overview #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item .a-word-from-our-parents-owl-carousel-item-image::before {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: transparent;
        border: 8px solid rgba(255, 255, 255, 0.5); }
      .page-admissions-overview #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item .a-word-from-our-parents-owl-carousel-item-image img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        object-fit: cover; }
    .page-admissions-overview #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item .a-word-from-our-parents-owl-carousel-item-content {
      text-align: center; }
.page-admissions-overview #our-student-carousel .video {
  position: relative;
  width: 100%;
  height: 100%; }
  .page-admissions-overview #our-student-carousel .video img {
    min-height: 285px;
    max-height: 285px;
    object-fit: cover;
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
    border-radius: 16px; }
.page-admissions-overview #our-student-carousel .item-video {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  width: 100%; }
  .page-admissions-overview #our-student-carousel .item-video .a-tag {
    position: relative; }
  .page-admissions-overview #our-student-carousel .item-video:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 16px;
    transition: all 0.3s linear; }
  .page-admissions-overview #our-student-carousel .item-video:hover:after {
    opacity: 1; }
  .page-admissions-overview #our-student-carousel .item-video:hover span:before {
    box-shadow: 0 0 1px 10px rgba(237, 6, 6, 0.4), 0 0 1px 20px rgba(237, 6, 6, 0.2), 0 0 1px 30px rgba(237, 6, 6, 0.1); }
  .page-admissions-overview #our-student-carousel .item-video span {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #f58634;
    font-size: 34px;
    line-height: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .page-admissions-overview #our-student-carousel .item-video span:before {
      content: "";
      margin: 0 calc(50% - (62px / 2)) 20px;
      width: 53.01px;
      height: 39.42px;
      background: #ED0606 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAABx0lEQVRoge2ZvUtbURiHf2+UUucO2r1uxXYtDlZwylw6uLiU1qVLBGcXh24KLl0L4qD/gBhotwyhENtAoRAHBdvBLWRIBZ8OciDe5usmknteep/x3JfL7+He93A+pJycnL4ABWANKAMN4AuwDjzIOttAgCngkO40gNeAZZ2zJ0CpR/hOKsBi1lm7AvwYQiBwBDzJOvMdgOsUAgBtYAd4lHV2SVLK8J00gS3goVeBwDnwFih4FQhUgSXPAoET4KlnAbidGD4Cs14FAqHRZ7wKBC64bfQprwKBr8By2ox91zEAo+uPTFlSycy+D1OczfzcnxVJNeATMDeoOMYv0ElL0p6kbTNrdiuIXSDQkPTKzGrJB14EJOmXpAUzu+ocjLEHevFY0pvkoCcBSXqRHPAm8M8v7U2gkhzw1MSXkp55beIzScVkeCl+gZakD5Kem9lpt4LpyeYZmhtJ+5I2zex3v8IYBcqSNszs29hvmvByug4Ux/efvIDbDY3bLaXrTb3bY5Uq8HJiwe9RwO3RYjSHu+2Uwf8Au0R0vF5PEf4ImM868x2A90MEj/qKqQAc9Age/yWfJAEGrALHwE/gM/AOD9esOTn/AX8B5kmIFXR4W9YAAAAASUVORK5CYII=) no-repeat left 10px center;
      background-size: 32px;
      border-radius: 17%;
      float: left;
      transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1); }
.page-admissions-overview #our-student-carousel .our-student-carousel-item-name {
  margin-top: 8px; }
.page-admissions-overview #get-in-touch .get_in_touch_item {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
  margin-top: 32px; }
  .page-admissions-overview #get-in-touch .get_in_touch_item p {
    margin-bottom: 0 !important; }
  .page-admissions-overview #get-in-touch .get_in_touch_item i {
    padding: 6px 7px;
    border-radius: 50%;
    margin: 0;
    color: #fff;
    background-color: #7DC242; }
  .page-admissions-overview #get-in-touch .get_in_touch_item p {
    margin-bottom: 0; }
.page-admissions-overview #get-in-touch .get_in_touch_map {
  position: relative;
  width: 600px;
  height: 390px;
  border-radius: 16px;
  overflow: hidden; }
  @media screen and (max-width: 576px) {
    .page-admissions-overview #get-in-touch .get_in_touch_map {
      width: 100%;
      height: 300px; } }
.page-admissions-overview .your_primary .your-primary-sub-title {
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  /* 18px */
  letter-spacing: 2.4px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0; }
.page-admissions-overview .your_primary .your-primary-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 38.4px */ }
.page-admissions-overview .your_primary #your-primary-owl-carousel .your-primary-owl-carousel-item .your-primary-owl-carousel-item-image {
  position: relative; }
  .page-admissions-overview .your_primary #your-primary-owl-carousel .your-primary-owl-carousel-item .your-primary-owl-carousel-item-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 418.514px;
    border-radius: 8px 8px 28px 8px;
    background-color: transparent;
    border: 8px solid rgba(255, 255, 255, 0.5); }
    @media screen and (max-width: 576px) {
      .page-admissions-overview .your_primary #your-primary-owl-carousel .your-primary-owl-carousel-item .your-primary-owl-carousel-item-image::before {
        height: 180px; } }
  .page-admissions-overview .your_primary #your-primary-owl-carousel .your-primary-owl-carousel-item .your-primary-owl-carousel-item-image img {
    min-height: 418.514px;
    max-height: 418.514px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px 8px 28px 8px; }
    @media screen and (max-width: 576px) {
      .page-admissions-overview .your_primary #your-primary-owl-carousel .your-primary-owl-carousel-item .your-primary-owl-carousel-item-image img {
        min-height: 180px;
        max-height: 180px; } }
.page-admissions-overview .your_primary #your-primary-owl-carousel .your-primary-owl-carousel-item .your-primary-owl-carousel-item-name {
  margin-top: 12px; }
.page-admissions-overview .your_primary #your-primary-owl-carousel .your-primary-owl-carousel-item .your-primary-owl-carousel-item-role {
  margin-top: 4px; }
.page-admissions-overview .your_primary #your-primary-owl-carousel .owl-nav {
  display: flex;
  justify-content: flex-end; }
.page-admissions-overview .faq .accordion {
  width: 100%;
  max-width: 960px;
  margin: 0 auto; }
.page-admissions-overview .faq .accordion-title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 32px; }
.page-admissions-overview .faq .accordion-item {
  border: none; }
.page-admissions-overview .faq .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  background-color: #7DC2420D;
  border-bottom: 2px solid #7DC242; }
.page-admissions-overview .faq .accordion-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500; }
  @media screen and (max-width: 576px) {
    .page-admissions-overview .faq .accordion-header h3 {
      font-size: 16px; } }
.page-admissions-overview .faq .accordion-toggle {
  font-size: 24px;
  font-weight: bold;
  color: #7DC242; }
.page-admissions-overview .faq .accordion-content {
  margin: 8px 0;
  padding: 0 16px;
  max-height: 1px;
  overflow: hidden;
  transition: max-height 0.3s ease-out; }

.page-tuition-fees {
  /* Add underline to the active nav-link */ }
  @media screen and (max-width: 576px) {
    .page-tuition-fees p {
      font-size: 14px; }
      .page-tuition-fees p img {
        width: 100%;
        object-fit: contain; }
    .page-tuition-fees ul li {
      font-size: 14px; }
    .page-tuition-fees table {
      table-layout: fixed; }
      .page-tuition-fees table * {
        font-size: 8px; }
    .page-tuition-fees .table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      /* Cho phép cuộn mượt trên iOS */ }
      .page-tuition-fees .table-responsive::-webkit-scrollbar {
        display: none; }
    .page-tuition-fees .table {
      width: 100%;
      /* Đảm bảo bảng không vượt quá container */
      max-width: 100%;
      margin-bottom: 1rem;
      background-color: transparent; } }
  .page-tuition-fees .nav-tabs {
    margin-bottom: 32px;
    border-bottom: 0;
    justify-content: center;
    list-style: none !important; }
    @media screen and (max-width: 576px) {
      .page-tuition-fees .nav-tabs {
        justify-content: space-evenly;
        flex-wrap: nowrap; } }
  .page-tuition-fees .nav-link {
    border: none;
    background: none;
    color: #555;
    border-radius: 0;
    /* Adjust this color as needed */
    font-weight: 500;
    padding: 4px 0;
    margin-right: 32px;
    display: flex;
    align-items: center;
    gap: 8px; }
    @media screen and (max-width: 576px) {
      .page-tuition-fees .nav-link {
        margin-right: 12px; } }
  .page-tuition-fees .nav-link.active {
    color: #7DC242;
    font-weight: 600;
    border-bottom: 2px solid #7DC242; }
    .page-tuition-fees .nav-link.active i {
      color: #7DC242; }
  .page-tuition-fees .table-centered th,
  .page-tuition-fees .table-centered td {
    text-align: center;
    /* Căn giữa theo chiều ngang */
    vertical-align: middle;
    /* Căn giữa theo chiều dọc */
    white-space: nowrap; }
  .page-tuition-fees ul {
    list-style: inherit !important;
    padding-left: 1rem !important; }
  .page-tuition-fees ul ul {
    list-style: decimal !important;
    /* Áp dụng cho ul cấp 2 */
    padding-left: 1.5rem !important; }
  .page-tuition-fees ul ul ul {
    list-style: disc !important;
    /* Áp dụng cho ul cấp 3 */
    padding-left: 2rem !important; }
  .page-tuition-fees .faq .accordion {
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
  .page-tuition-fees .faq .accordion-title {
    font-family: 'Josefin Sans';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px; }
  .page-tuition-fees .faq .accordion-item {
    border: none; }
  .page-tuition-fees .faq .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    background-color: #7DC2420D;
    border-bottom: 2px solid #7DC242; }
  .page-tuition-fees .faq .accordion-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500; }
    @media screen and (max-width: 576px) {
      .page-tuition-fees .faq .accordion-header h3 {
        font-size: 16px; } }
  .page-tuition-fees .faq .accordion-toggle {
    font-size: 24px;
    font-weight: bold;
    color: #7DC242; }
  .page-tuition-fees .faq .accordion-content {
    margin: 8px 0;
    padding: 0 16px;
    max-height: 1px;
    overflow: hidden;
    transition: max-height 0.3s ease-out; }
    .page-tuition-fees .faq .accordion-content ul {
      list-style: inherit !important;
      padding-left: 1rem !important; }
    .page-tuition-fees .faq .accordion-content ul ul {
      list-style: decimal !important;
      /* Áp dụng cho ul cấp 2 */
      padding-left: 1.5rem !important; }
    .page-tuition-fees .faq .accordion-content ul ul ul {
      list-style: disc !important;
      /* Áp dụng cho ul cấp 3 */
      padding-left: 2rem !important; }

span.error-message {
  color: red !important; }

.page-enrolment-process p {
  text-align: justify; }
.page-enrolment-process #pills-Assessment-day ul {
  list-style: inherit !important;
  padding-left: 1rem !important; }
.page-enrolment-process #pills-Assessment-day ul ul {
  list-style: decimal !important;
  /* Áp dụng cho ul cấp 2 */
  padding-left: 1.5rem !important; }
.page-enrolment-process #pills-Assessment-day ul ul ul {
  list-style: disc !important;
  /* Áp dụng cho ul cấp 3 */
  padding-left: 2rem !important; }
.page-enrolment-process #pills-Placement-day ul {
  list-style: inherit !important;
  padding-left: 1rem !important; }
.page-enrolment-process #pills-Placement-day ul ul {
  list-style: decimal !important;
  /* Áp dụng cho ul cấp 2 */
  padding-left: 1.5rem !important; }
.page-enrolment-process #pills-Placement-day ul ul ul {
  list-style: disc !important;
  /* Áp dụng cho ul cấp 3 */
  padding-left: 2rem !important; }

.home__stories .owl-stage-outer {
  float: left; }
  @media screen and (max-width: 576px) {
    .home__stories .owl-stage-outer {
      float: none; } }

@media screen and (max-width: 576px) {
  .page-world-languages-programme p {
    font-size: 14px; }
  .page-world-languages-programme .custom-content ul li {
    font-size: 14px; } }
.page-world-languages-programme .custom-content ul {
  list-style: inherit !important;
  padding-left: 1rem !important; }
.page-world-languages-programme .custom-content ul ul {
  list-style: decimal !important;
  /* Áp dụng cho ul cấp 2 */
  padding-left: 1.5rem !important; }
.page-world-languages-programme .custom-content ul ul ul {
  list-style: disc !important;
  /* Áp dụng cho ul cấp 3 */
  padding-left: 2rem !important; }

.page-scholarships .tab-content p {
  text-align: justify; }
.page-scholarships .tab-content ul {
  list-style: inherit !important;
  padding-left: 1rem !important; }
.page-scholarships .tab-content ul ul {
  list-style: decimal !important;
  /* Áp dụng cho ul cấp 2 */
  padding-left: 1.5rem !important; }
.page-scholarships .tab-content ul ul ul {
  list-style: disc !important;
  /* Áp dụng cho ul cấp 3 */
  padding-left: 2rem !important; }
.page-scholarships .page-scholarships-tabs {
  /* Add underline to the active nav-link */ }
  .page-scholarships .page-scholarships-tabs .nav-link {
    border: none;
    background: none;
    color: #555;
    border-radius: 0;
    /* Adjust this color as needed */
    font-weight: 500;
    padding: 8px 0;
    margin-right: 32px; }
  .page-scholarships .page-scholarships-tabs .nav-link.active {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #007bff; }

.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 32px; }
  .pagination .current {
    background-color: #7DC242 !important;
    color: #fff !important; }
  .pagination .page-numbers {
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    background-color: #FAFBF9;
    color: #000;
    border-radius: 4px;
    margin: 0; }

.page-work-us ul {
  list-style: inherit !important;
  padding-left: 1rem !important; }
  .page-work-us ul ul {
    list-style: decimal !important;
    /* Áp dụng cho ul cấp 2 */
    padding-left: 1.5rem !important; }
    .page-work-us ul ul ul {
      list-style: disc !important;
      /* Áp dụng cho ul cấp 3 */
      padding-left: 2rem !important; }
.page-work-us .form-cus-group .wpcf7-form-control-wrap {
  display: none !important; }
.page-work-us .form-cus-group label {
  margin-bottom: 0 !important; }

.page-our-stories {
  /* Add underline to the active nav-link */ }
  .page-our-stories .nav-tabs {
    margin-bottom: 32px;
    border-bottom: 0; }
    @media screen and (max-width: 576px) {
      .page-our-stories .nav-tabs {
        justify-content: space-evenly; } }
  .page-our-stories .nav-link {
    border: none;
    background: none;
    color: #555;
    border-radius: 0;
    /* Adjust this color as needed */
    font-weight: 500;
    padding: 4px 0;
    margin-right: 32px; }
    @media screen and (max-width: 576px) {
      .page-our-stories .nav-link {
        margin-bottom: 14px; } }
  .page-our-stories .nav-link.active {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #007bff; }

.page-leadership .thumbnail-wrap {
  position: relative; }
  .page-leadership .thumbnail-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    border-radius: 8px 8px 28px 8px;
    background-color: transparent;
    border: 8px solid rgba(255, 255, 255, 0.5);
    left: 0; }
    @media screen and (max-width: 576px) {
      .page-leadership .thumbnail-wrap::before {
        height: 180px; } }
.page-leadership .thumbnail-wrap2 {
  position: relative; }
  .page-leadership .thumbnail-wrap2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    border-radius: 8px 8px 28px 8px;
    background-color: transparent;
    border: 8px solid rgba(255, 255, 255, 0.5);
    left: 0; }
.page-leadership #a-word-from-our-parents-owl-carousel {
  padding: 48px;
  background-color: #7DC2420D;
  border-radius: 16px; }
  .page-leadership #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px; }
    .page-leadership #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item .a-word-from-our-parents-owl-carousel-item-image {
      position: relative; }
      .page-leadership #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item .a-word-from-our-parents-owl-carousel-item-image::before {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: transparent;
        border: 8px solid rgba(255, 255, 255, 0.5); }
      .page-leadership #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item .a-word-from-our-parents-owl-carousel-item-image img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        object-fit: cover; }
    .page-leadership #a-word-from-our-parents-owl-carousel .a-word-from-our-parents-owl-carousel-item .a-word-from-our-parents-owl-carousel-item-content {
      text-align: center; }

.page-founders-story .founder-story-list ul {
  padding-left: 1rem;
  list-style: disc !important; }
.page-founders-story .item-founder-story-custom-p * p {
  margin-bottom: 8px !important; }

.page-our-gallery {
  /* Add underline to the active nav-link */ }
  .page-our-gallery .nav-tabs {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 8px;
    border-bottom: 0; }
    .page-our-gallery .nav-tabs::before {
      content: "";
      position: absolute;
      width: 35%;
      height: 2px;
      background-color: #2D653D;
      bottom: 50%;
      left: 0; }
      @media screen and (max-width: 576px) {
        .page-our-gallery .nav-tabs::before {
          width: 15%; } }
    .page-our-gallery .nav-tabs::after {
      content: "";
      position: absolute;
      width: 35%;
      height: 2px;
      background-color: #2D653D;
      bottom: 50%;
      right: 0; }
      @media screen and (max-width: 576px) {
        .page-our-gallery .nav-tabs::after {
          width: 15%; } }
  .page-our-gallery .nav-link {
    border-radius: 8px;
    border: 2px solid #2D653D;
    color: #2D653D;
    background-color: transparent; }
    @media screen and (max-width: 576px) {
      .page-our-gallery .nav-link {
        padding: 2px 6px; } }
    .page-our-gallery .nav-link:hover {
      border: 2px solid #2D653D; }
  .page-our-gallery .nav-link.active {
    border: 2px solid #2D653D;
    color: #fff;
    background-color: #2D653D; }
  .page-our-gallery .thumbnail-wrap {
    position: relative; }
    .page-our-gallery .thumbnail-wrap a {
      position: relative;
      display: inline-block; }
    .page-our-gallery .thumbnail-wrap .icon {
      position: absolute;
      width: 39px;
      height: 29px;
      display: flex;
      border-radius: 25%;
      background-color: red;
      color: #fff;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      justify-content: center;
      align-items: center; }

.page-the-campus .the-campus-list p {
  text-align: justify;
  margin-bottom: 1rem; }

.page-student-wellbeing .owl-nav {
  display: flex;
  justify-content: flex-end; }
@media screen and (max-width: 576px) {
  .page-student-wellbeing p {
    font-size: 14px; }
  .page-student-wellbeing .custom-content ul li {
    font-size: 14px; } }
.page-student-wellbeing .custom-content ul {
  list-style: inherit !important;
  padding-left: 1rem !important; }
.page-student-wellbeing .custom-content ul ul {
  list-style: decimal !important;
  /* Áp dụng cho ul cấp 2 */
  padding-left: 1.5rem !important; }
.page-student-wellbeing .custom-content ul ul ul {
  list-style: disc !important;
  /* Áp dụng cho ul cấp 3 */
  padding-left: 2rem !important; }

.page-our-teacher {
  /* Add underline to the active nav-link */ }
  .page-our-teacher .nav-tabs {
    margin-bottom: 32px;
    border-bottom: 0; }
  .page-our-teacher .nav-link {
    border: none;
    background: none;
    color: #555;
    border-radius: 0;
    /* Adjust this color as needed */
    font-weight: 500;
    padding: 4px 0;
    margin-right: 32px; }
  .page-our-teacher .nav-link.active {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #007bff; }
  .page-our-teacher .thumbnail-wrap {
    position: relative; }
    .page-our-teacher .thumbnail-wrap::before {
      content: "";
      position: absolute;
      width: 100%;
      left: 0;
      height: 300px;
      border-radius: 8px 8px 28px 8px;
      background-color: transparent;
      border: 8px solid rgba(255, 255, 255, 0.5); }
      @media screen and (max-width: 576px) {
        .page-our-teacher .thumbnail-wrap::before {
          height: 180px; } }
  .page-our-teacher .thumbnail-wrap2 {
    position: relative; }
    .page-our-teacher .thumbnail-wrap2::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 300px;
      border-radius: 8px 8px 28px 8px;
      background-color: transparent;
      border: 8px solid rgba(255, 255, 255, 0.5); }

.page-students ul {
  list-style: inherit !important;
  padding-left: 1rem !important; }
  .page-students ul li {
    text-align: justify;
    margin-bottom: 0.8em !important; }
  .page-students ul ul {
    list-style: decimal !important;
    /* Áp dụng cho ul cấp 2 */
    padding-left: 1.5rem !important; }
    .page-students ul ul li {
      text-align: justify;
      margin-bottom: 0.8em !important; }
    .page-students ul ul ul {
      list-style: disc !important;
      /* Áp dụng cho ul cấp 3 */
      padding-left: 2rem !important; }
      .page-students ul ul ul li {
        text-align: justify;
        margin-bottom: 0.8em !important; }
.page-students .owl-stage-outer {
  float: left; }
  @media screen and (max-width: 576px) {
    .page-students .owl-stage-outer {
      float: none; } }
.page-students .student-list-item-image {
  position: relative; }
  .page-students .student-list-item-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); }

.page-community-single img {
  border-radius: 16px !important;
  margin: 32px 0; }
  @media screen and (max-width: 576px) {
    .page-community-single img {
      margin: 12px 0; } }

.tribe-events-header__messages {
  display: none !important; }

.tribe-events-calendar-month__day--other-month * time {
  color: #141827 !important;
  opacity: .6; }

.tribe-events-calendar-month__day--other-month * h3 {
  color: #141827 !important;
  opacity: .6; }

.tribe-events-calendar-month__day--other-month * a {
  color: #141827 !important;
  opacity: .6; }

.tribe-events-calendar-month__day--past-month * time {
  color: #141827 !important;
  opacity: .6; }

.tribe-events-calendar-month__day--past-month * h3 {
  color: #141827 !important;
  opacity: .6; }

.tribe-events-calendar-month__day--past-month * a {
  color: #141827 !important;
  opacity: .6; }

.page-world-languages-programme .page-scholarships-tabs {
  /* Add underline to the active nav-link */ }
  .page-world-languages-programme .page-scholarships-tabs .nav-link {
    border: none;
    background: none;
    color: #555;
    border-radius: 0;
    /* Adjust this color as needed */
    font-weight: 500;
    padding: 8px 0;
    margin-right: 32px; }
  .page-world-languages-programme .page-scholarships-tabs .nav-link.active {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #007bff; }

.page-curriculumn .item-curriculumn-title {
  overflow: hidden;
  border-radius: 0 0 16px 16px; }
  .page-curriculumn .item-curriculumn-title::before {
    content: "";
    width: 120%;
    height: 167px;
    position: absolute;
    left: -15%;
    bottom: -55%;
    background: rgba(125, 194, 66, 0.8);
    transform: rotate(19.465deg); }
    @media screen and (max-width: 576px) {
      .page-curriculumn .item-curriculumn-title::before {
        height: 110px; } }
  .page-curriculumn .item-curriculumn-title::after {
    content: "";
    width: 120%;
    height: 167px;
    right: -10%;
    bottom: -60%;
    position: absolute;
    background: rgba(93, 169, 221, 0.8);
    transform: rotate(-8.575deg); }
    @media screen and (max-width: 576px) {
      .page-curriculumn .item-curriculumn-title::after {
        height: 110px; } }

.page-curriculumn-single {
  /* Add underline to the active nav-link */ }
  .page-curriculumn-single .tab-content img {
    border-radius: 16px;
    margin: 32px 0; }
    @media screen and (max-width: 576px) {
      .page-curriculumn-single .tab-content img {
        margin: 12px 0; } }
  .page-curriculumn-single .nav-tabs {
    margin-bottom: 32px;
    border-bottom: 0; }
  .page-curriculumn-single .nav-link {
    border: none;
    background: none;
    color: #555;
    border-radius: 0;
    /* Adjust this color as needed */
    font-weight: 500;
    padding: 4px 0;
    margin-right: 32px; }
  .page-curriculumn-single .nav-link.active {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #007bff; }
  .page-curriculumn-single .item-curriculumn-title {
    overflow: hidden;
    border-radius: 0 0 16px 16px; }
    .page-curriculumn-single .item-curriculumn-title::before {
      content: "";
      width: 120%;
      height: 167px;
      position: absolute;
      left: -15%;
      bottom: -55%;
      background: rgba(125, 194, 66, 0.8);
      transform: rotate(19.465deg); }
      @media screen and (max-width: 576px) {
        .page-curriculumn-single .item-curriculumn-title::before {
          height: 110px; } }
    .page-curriculumn-single .item-curriculumn-title::after {
      content: "";
      width: 120%;
      height: 167px;
      right: -10%;
      bottom: -60%;
      position: absolute;
      background: rgba(93, 169, 221, 0.8);
      transform: rotate(-8.575deg); }
      @media screen and (max-width: 576px) {
        .page-curriculumn-single .item-curriculumn-title::after {
          height: 110px; } }
  .page-curriculumn-single .faq .accordion {
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
  .page-curriculumn-single .faq .accordion-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px; }
  .page-curriculumn-single .faq .accordion-item {
    border: none; }
  .page-curriculumn-single .faq .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    background-color: #7DC2420D;
    border-bottom: 2px solid #7DC242; }
  .page-curriculumn-single .faq .accordion-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500; }
  .page-curriculumn-single .faq .accordion-toggle {
    font-size: 24px;
    font-weight: bold;
    color: #7DC242; }
  .page-curriculumn-single .faq .accordion-content {
    margin: 8px 0;
    padding: 0 16px;
    max-height: 1px;
    overflow: hidden;
    transition: max-height 0.3s ease-out; }

.page-facilities {
  /* Add underline to the active nav-link */ }
  .page-facilities .nav-tabs {
    margin-bottom: 32px;
    border-bottom: 0; }
    @media screen and (max-width: 576px) {
      .page-facilities .nav-tabs {
        justify-content: space-evenly; } }
  .page-facilities .nav-link {
    border: none;
    background: none;
    color: #555;
    border-radius: 0;
    /* Adjust this color as needed */
    font-weight: 500;
    padding: 4px 0;
    margin-right: 32px;
    margin-bottom: 12px; }
    @media screen and (max-width: 576px) {
      .page-facilities .nav-link {
        margin-bottom: 14px;
        margin-right: 14px; } }
  .page-facilities .nav-link.active {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #007bff; }
  .page-facilities .gallery {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 48px; }
    @media screen and (max-width: 576px) {
      .page-facilities .gallery {
        margin-bottom: 24px; } }
    .page-facilities .gallery .splide__mainthumb {
      margin-bottom: 16px; }
      .page-facilities .gallery .splide__mainthumb .splide__slide img {
        width: 100%;
        height: 704px; }
        @media screen and (max-width: 576px) {
          .page-facilities .gallery .splide__mainthumb .splide__slide img {
            height: 250px; } }
    .page-facilities .gallery .splide__thumbnail .splide__list .splide__slide {
      opacity: 0.5;
      transform: scale(1);
      transition: all 0.2s linear; }
      .page-facilities .gallery .splide__thumbnail .splide__list .splide__slide:first-child {
        margin-left: 0; }
      .page-facilities .gallery .splide__thumbnail .splide__list .splide__slide:last-child {
        margin-right: 0; }
      .page-facilities .gallery .splide__thumbnail .splide__list .splide__slide img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .page-facilities .gallery .splide__thumbnail .splide__list .is-active {
      opacity: 1;
      transform: scale(1);
      border-radius: 8px 8px 28px 8px !important;
      border-color: #7DC242 !important; }

.page-specialist-subjects {
  /* Add underline to the active nav-link */ }
  .page-specialist-subjects .nav-tabs {
    margin-bottom: 32px;
    border-bottom: 0; }
    @media screen and (max-width: 576px) {
      .page-specialist-subjects .nav-tabs {
        justify-content: space-evenly; } }
  .page-specialist-subjects .nav-link {
    border: none;
    background: none;
    color: #555;
    border-radius: 0;
    padding: 4px 0;
    margin-right: 32px;
    /* Adjust this color as needed */
    font-weight: 500; }
    @media screen and (max-width: 576px) {
      .page-specialist-subjects .nav-link {
        margin-right: 12px;
        margin-bottom: 14px; } }
  .page-specialist-subjects .nav-link.active {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #007bff; }
  .page-specialist-subjects .tab-content img {
    border-radius: 16px !important;
    margin: 32px 0; }
    @media screen and (max-width: 576px) {
      .page-specialist-subjects .tab-content img {
        margin: 12px 0; } }
  .page-specialist-subjects .tab-content ul {
    list-style: inherit !important;
    padding-left: 1rem !important; }
  .page-specialist-subjects .tab-content ul ul {
    list-style: decimal !important;
    /* Áp dụng cho ul cấp 2 */
    padding-left: 1.5rem !important; }
  .page-specialist-subjects .tab-content ul ul ul {
    list-style: disc !important;
    /* Áp dụng cho ul cấp 3 */
    padding-left: 2rem !important; }
  @media screen and (max-width: 576px) {
    .page-specialist-subjects .tab-content p {
      font-size: 14px; }
    .page-specialist-subjects .tab-content ul > li {
      font-size: 14px; } }
 .hover-button-custom
 {
     position:relative;
      overflow: hidden;
      background-color: #ffda2e !important;
      color: #092C5F !important;
      padding: 1rem;
      border-radius: 9px;
     
 }
 .hover-button-custom span
 {
     z-index: 1;
     position: relative;
     color: #092C5F;
     border-color: #092C5F;
 }
  .hover-button-custom:hover a
 {
     color: #092C5F;
 }
 
.hover-button-custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: white;
    transition: left 0.5s ease-in-out;
    opacity: 0;
    
}
.hover-button-custom.button-dark::before
{
    background-color: white;
}

.hover-button-custom:hover::before {
    left: 0;
    opacity: 1;
}
.footer {
  background-color: #092C5F !important;
}
#my-custom-menu
{
    font-size: 14px;
     font-weight: bold;
    height: 100%;
    align-items:center;
    gap:24px !important;
    text-transform: uppercase;
}
#my-custom-menu a
{
  color: #375ba9;
}

#my-custom-menu > li > a {
  position: relative;
  padding-bottom: 12px;
  display: inline-block;
  margin-bottom: -14px;
}

#my-custom-menu > li > a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #375BA9;
  transition: width 0.3s ease-in-out;
}

#my-custom-menu > li:hover > a::after {
  width: 100%;
}
#my-custom-menu .menu-item-has-children>ul
{
    display:block;
    visibility: hidden;
    opacity:0;
    transform: translateY(15px);
    transition: all .3s linear;
}
#my-custom-menu .menu-item-has-children ul li a{
  color:#212121;
  text-transform: math-auto;
}
#my-custom-menu .menu-item-has-children:hover>ul
{
    visibility: visible;
    opacity:1;
    transform: translateY(-15px);
    bottom: auto;
  

}
#my-custom-menu .menu-item-has-children>ul
{
    padding:16px;
    min-width: 305px;
    box-shadow: 0px 0px 20px 0px #0000001A !important;
    border:none;
}
#my-custom-menu .menu-item-has-children ul li
{
    padding: 8px 16px;
    border-radius: 5px;
}
#my-custom-menu .menu-item-has-children ul li:nth-child(n+2)
{
  margin-top:2px;
}
#my-custom-menu>li
{
    display:flex !important;
    align-items:center;
    height:100%;
}
#my-custom-menu .menu-item-has-children ul li:hover
{
    background-color: #375ba9;
    color: white;
}
#my-custom-menu .menu-item-has-children ul li:hover a
{
    color: white;
}
#my-custom-menu .dropdown-menu
{
    font-weight: normal;
}
.scrollbar-hide {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
@media screen and (max-width: 782px) {

    #my-custom-menu 
    {
        display: none !important;
    }
}
.footer-gallery img
{
    max-height: 60px;
    width: auto;
    margin: 0 auto;
}
.footer_copyright-content
{
    padding: 30px 0px;
}
.footer-gallery img
{
    object-fit:cover;
}
.page-students #our-student-carousel .item-video span:before
{
    
    content: "";
    margin: 0 calc(50% - (62px / 2)) 20px;
    width: 53.01px;
    height: 39.42px;
    background: #ED0606 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAABx0lEQVRoge2ZvUtbURiHf2+UUucO2r1uxXYtDlZwylw6uLiU1qVLBGcXh24KLl0L4qD/gBhotwyhENtAoRAHBdvBLWRIBZ8OciDe5usmknteep/x3JfL7+He93A+pJycnL4ABWANKAMN4AuwDjzIOttAgCngkO40gNeAZZ2zJ0CpR/hOKsBi1lm7AvwYQiBwBDzJOvMdgOsUAgBtYAd4lHV2SVLK8J00gS3goVeBwDnwFih4FQhUgSXPAoET4KlnAbidGD4Cs14FAqHRZ7wKBC64bfQprwKBr8By2ox91zEAo+uPTFlSycy+D1OczfzcnxVJNeATMDeoOMYv0ElL0p6kbTNrdiuIXSDQkPTKzGrJB14EJOmXpAUzu+ocjLEHevFY0pvkoCcBSXqRHPAm8M8v7U2gkhzw1MSXkp55beIzScVkeCl+gZakD5Kem9lpt4LpyeYZmhtJ+5I2zex3v8IYBcqSNszs29hvmvByug4Ux/efvIDbDY3bLaXrTb3bY5Uq8HJiwe9RwO3RYjSHu+2Uwf8Au0R0vF5PEf4ImM868x2A90MEj/qKqQAc9Age/yWfJAEGrALHwE/gM/AOD9esOTn/AX8B5kmIFXR4W9YAAAAASUVORK5CYII=) no-repeat left 10px center;
    background-size: 32px;
    border-radius: 17%;
    float: left;
    transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1);
}
.page-students #our-student-carousel .item-video span {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #f58634;
    font-size: 34px;
    line-height: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-students #our-student-carousel .video img {
    min-height: 285px;
    max-height: 285px;
    object-fit: cover;
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
    border-radius: 16px;
}
.page-students #our-student-carousel .owl-stage-outer
{
    float:none;
}
span
{
    font-family: "Montserrat", sans-serif !important;
}
h1
{
    
    font-size: 2.5rem !important;
}
.page-scholarships .accordion-button 
{
        font-size: 18px;
    font-weight: 500;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    cursor: pointer;
    background-color: #7DC2420D !important;
    color: #212529 !important;
    border-bottom: 2px solid #7DC242;
}
.page-scholarships .accordion-item
{
    border:none !important;
    
}
.page-scholarships .accordion-item .accordion-button:after
{
    display:none;
}
.page-scholarships .accordion-item .plus
{
        font-size: 24px;
    font-weight: bold;
    color: #7DC242;
}
.page-scholarships .accordion-item .accordion-button:focus
{
    
    
    box-shadow: none !important;
}
/*.wpcf7 label*/
/*{*/
/*      margin-bottom: 0.5rem;*/
/*    color: #757575;*/
/*    font-size: 1.1rem;*/
/*    font-weight: 500;*/
/*    min-height: 55px;*/
/*    height: fit-content;*/
/*    line-height: 28px;*/
/*    display: inherit;*/
/*    align-content: flex-end;*/
/*}*/
/*input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea, select.form-control, select {*/
/*    background: #fff;*/
/*    border-radius: 0;*/
/*    border-style: solid;*/
/*    border-width: .1rem;*/
/*    box-shadow: none;*/
/*    display: block;*/
/*    font-size: 1.6rem;*/
/*    letter-spacing: -.015em;*/
/*    margin: 0 0 1.5rem;*/
/*    max-width: 100%;*/
/*    padding: 10px 18px !important;*/
/*    width: 100%;*/
/*}*/

.hidden-file {
        display: none;
}
.box-form-application .form-group label
{
    font-size: 16px;
}
.form-navigation p 
{
    width: 100%;
    display:flex;
    justify-content: space-between;
}
.form-navigation .wpcf7-spinner
{
    display:none;
}
.custom-range-date p
{
    display: flex;
    gap: 16px;
}
.radio-group label:after {
    display:none;
}
.form-group input[type="file"]
{
    display:none;
}
.terms-container label
{
    margin-left: 8px;
}
.wpcf7-submit.btn-submit
{
        padding: 0.75rem 1.5rem;
        border: none;
        border-radius: 30px;
        box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 8px;
        font-size: 1rem;
        cursor: pointer;
        transition: all 0.3s ease;
		background: #2D653D;
        color: white;
}
.wpcf7-submit.btn-submit:hover
{
     background: darken(#2D653D, 5%);
}
.radio-group .wpcf7-radio label
{
    
    height: auto !important;
    min-height:auto !important;
}

.radio-group-required .required:after
{
    content: '*';
    display:inline;
    color: red;
    margin-left: 0.2rem;
}

.radio-group-required .error-message
{
    padding-left:8px;
}
#formTrial .form-footer
{
    display:flex;
    justify-content:end;
}
#formTrial .form-footer > p
{
    text-align:right;
}
#formTrial .wpcf7-spinner
{
    display:none;
}

.home__slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  display: flex;
  justify-content: space-between;
  width:100%;
}
.home__slider .owl-theme .owl-nav button
{
  padding:11px 14px !important;
  border-radius: 100%;
  box-shadow: 0px 0px 20px 0px #00000014;
  background: #FFFFFF;
  margin: 16px;
}
.home__slider .owl-theme .owl-nav button:hover,
.home__about .owl-carousel .owl-nav button:hover
{
  background:#FFDA2F;
}
.home__slider .owl-theme .owl-nav button:hover path,
.home__about .owl-carousel .owl-nav button:hover path
{
  stroke:white;
}
.home__about .col-right svg 
{
  height:100px !important;
  width: auto !important;
}
.home__about .owl-carousel .owl-nav 
{
  position: absolute;
  left:-46px;
  width:auto !important;
  top:50%;
  transform: rotate(90deg) translate(-50%, -10%);
  margin: 0px;
  gap:18px;
}
.home__about .owl-carousel .owl-nav button 
{
  border-radius: 100%;
  backdrop-filter: blur(8px);
  background: #FFFFFF99;
  margin: 0px;
  border:1px solid #F3F3F3;
  height: 34px;
  width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home__guiding .tw-text-transparent 
{
  font-family: 'Rubik' !important;
  line-height: 110px;
}


#communitySlider .owl-item.center .main-person-image-container img {
  width: 330px !important;  
  height: 330px;
}

#communitySlider .owl-item:not(.center) p,
#communitySlider .owl-item:not(.center) .main-person-image-container .tw-absolute

{
  display: none;
}

/* #communitySlider .owl-stage
{
  display: flex;
  align-items: center;
} */
.home__student .col-left button:nth-child(2)
{
    transform: translate(-40px,0px);
}
.home__student .col-right button:nth-child(2)
{
    transform: translate(40px,0px);
}
#slider-news-home .owl-dots .owl-dot.active span
{
  height:12px;
  width:12px;
  background-color: #FFDA2F;
  opacity: 1;
}
#slider-news-home  .owl-dots .owl-dot span
{
  background-color: #FFDA2F;
  opacity: 0.3;
}

.col-left .trait-button::after {
  content: "";
  position: absolute;
  right: -16px; /* đẩy ra ngoài */
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #5CA9DD; /* tam giác trái */
}

.col-right .trait-button::after {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 20px solid #5CA9DD;
}
.trait-button.center-btn:after 
{
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #5CA9DD; /* mũi tên hướng lên */
}
.col-left .trait-button:hover:after,
.col-left .trait-button.active::after
 {
  border-left-color: #4A86A4 !important;
}
.col-right .trait-button:hover:after,
.col-right .trait-button.active::after {
  border-right-color: #4A86A4 !important;
}
.trait-button.center-btn:hover:after,
.trait-button.center-btn.active::after
{
  border-bottom-color: #4A86A4 !important;
}


#communitySlider .owl-item.center .testimonial-item {
  width:50vw;
  opacity: 1 ;
}
#communitySlider .owl-item.center .feature-image
{
  height:330px ;
  width:330px !important
}
#communitySlider .testimonial-item 
{
  width:200px;
}
#communitySlider .owl-stage 
{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#communitySlider .owl-nav
{
      display: flex;
      position: absolute;
      top: 330px;
      width: 50vw;
      left: 50%;
      transform: translate(-50%, -50%);
      justify-content: space-between;
}
#communitySlider .owl-nav button
{
  border-radius: 100%;
  backdrop-filter: blur(8px);
  background: #FFFFFF99;
  margin: 0px;
  border: 1px solid #3D5DA5;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#communitySlider .owl-nav button:hover 
{
  background: #3D5DA5;
}
#communitySlider .owl-nav button:hover  path 
{
  stroke: white;
}
#communitySlider .owl-nav button path 
{
  stroke: #3D5DA5;
}
.home h1,.home h2,.home h3,.home h4,.home h5,.home h6,
.footer-full h1,.footer-full h2,.footer-full h3,.footer-full h4,.footer-full h5,.footer-full h6
{
  font-family: "Montserrat", sans-serif !important;
}
.link-map iframe 
{
    pointer-events: none !important;
}
.list-cur > div:first-child img 
{
  scale:1.5;
}
.highlight-text 
{
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 150px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 2px white;
  display: block;
  line-height: 112px;
}
@media screen and (max-width: 640px) {
    .bg-breadcrumb {
        padding-top: 92px !important;
        height: fit-content !important;
        aspect-ratio: auto !important;
        min-height: 350px;
    }
    .list-cur > div:first-child img
    {
      scale: 1;
    }
    .bg-breadcrumb .breadcrumb-image
    {
        height: auto !important;
        align-items: center !important;
        min-height: 350px;
    }
    #communitySlider .owl-item.center .testimonial-item
    {
      width:100vw;
    }
    .highlight-text 
    {
      font-size: 60px;
      line-height: 50px;
    }
    
 
}
@media screen and (max-width: 960px) {
  .home__about .owl-carousel .owl-nav
  {
    top:0px;
    left:50%;
    transform: translate(-50%,-50%);
  }
  .home__student .col-left button:nth-child(2),
  .home__student .col-right button:nth-child(2)

  {
    transform: translate(0px, 0px);
  }
  #communitySlider .owl-item.center .main-person-image-container img
  {
    height:258px !important;
    width:258px !important;
    min-width: 258px;
  }
  .home__about .col-right svg
  {
    height:47px !important;
  }
  .home__guiding svg 
  {
    width: 40px;
    height: 50px;
  }
  .trait-button:after 
  {
    display: none !important;
  }
  #communitySlider .owl-nav
  {
    top:306px;
    width:112px;
  }
}