/* KUBG Modern Portal - Design System */

@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css');

#rev_slider_1_1_wrapper,
.rev_slider_wrapper,
#rev_slider_1_1 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#b-acc-toolbarWrap > ul#b-acc_toolbar:not(.var1-card) {
  display: none !important;
}

.tz-search-fixed:not(.tz-content-search-eff),
#tz-search-wrapper:not(:has(.tz-content-search-eff)) .tz-search-fixed:not(.tz-content-search-eff) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#tz-menu-canvas-wrapper.canvas-menu:not(.active):not(.offcanvas-open),
body:not(.tz-off-canvas-open):not(.off-canvas-open) #tz-menu-canvas-wrapper.canvas-menu:not(.active) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(-380px, 0, 0) !important;
}

.mobile-nav-drawer:not(.is-open) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#off-canvas-nav,
.off-canvas #off-canvas-nav {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.djslider,
[id^="djslider"],
.djslider-loader {
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#tz-home-slide-wrapper,
.kubg-hero-section,
.kubg-hero-slider {
  width: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  background: #0b1120 !important;
  height: clamp(480px, 48vw, 750px) !important;
  min-height: 440px !important;
}

#tz-home-slide-wrapper:not(:has(#kubg-hero-slider)) {
  background-image: url('https://kubg.edu.ua/images/logo/2022/slider-01.png') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

#tz-home-slide-wrapper:not(:has(#kubg-hero-slider))::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at center, rgba(15, 23, 42, 0.15) 0%, rgba(11, 17, 32, 0.55) 100%) !important;
  z-index: 1 !important;
}

@media (max-width: 767px) {
  #tz-home-slide-wrapper,
  .kubg-hero-section,
  .kubg-hero-slider {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 15 / 8 !important;
  }
}

    @font-face {
      font-family: 'Ezarion';
      src: local('Ezarion Bold'), local('Ezarion-Bold'), local('Ezarion Regular'), local('Ezarion');
      font-weight: 100 900;
      font-style: normal;
    }

    body,
    body section#tz-custom-article-wrapper,
    section#tz-custom-article-wrapper,
    #tz-custom-article-wrapper,
    body section#tz-latest-event-wrapper,
    section#tz-latest-event-wrapper,
    #tz-latest-event-wrapper,
    body section#tz-latest-article-wrapper,
    section#tz-latest-article-wrapper,
    #tz-latest-article-wrapper,
    body section#tz-services-wrapper,
    section#tz-services-wrapper,
    #tz-services-wrapper {
      background-color: #f8fafc !important;
    }

    body section#tz-custom-article-wrapper,
    section#tz-custom-article-wrapper,
    #tz-custom-article-wrapper {
      margin: 0 !important;
      padding: 0 !important;
    }

    body section#tz-latest-event-wrapper,
    section#tz-latest-event-wrapper,
    #tz-latest-event-wrapper {
      margin: 36px 0 0 0 !important;
      padding: 0 !important;
    }

    body section#tz-latest-article-wrapper,
    section#tz-latest-article-wrapper,
    #tz-latest-article-wrapper,
    body section#tz-services-wrapper,
    section#tz-services-wrapper,
    #tz-services-wrapper {
      margin: 0 !important;
      padding: 0 !important;
    }

    #tz-custom-article-wrapper .container,
    #tz-latest-event-wrapper .container,
    #tz-latest-article-wrapper .container,
    #tz-services-wrapper .container {
      padding-left: 15px !important;
      padding-right: 15px !important;
      box-sizing: border-box !important;
    }

    #tz-custom-article-wrapper #custom-article,
    #tz-latest-event-wrapper #latest-event,
    #tz-latest-article-wrapper #latest-article {
      margin-left: 0 !important;
      margin-right: 0 !important;
      width: 100% !important;
    }

    #tz-position-3,
    #tz-position-2,
    #tz-position-13 {
      padding-left: 0 !important;
      padding-right: 0 !important;
      width: 100% !important;
      margin: 0 !important;
    }

    #Mod345 .custom,
    #Mod345 .custom>div,
    #Mod345 .custom>div.col-lg-12,
    #Mod207 .custom,
    #Mod325 .custom,
    #Mod348 .custom,
    #Mod348 .custom>div,
    #Mod348 .custom>div.col-lg-12,
    #Mod260 .custom,
    #Mod260 .custom>div,
    #Mod260 .custom>div.col-lg-12 {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 0 !important;
      width: 100% !important;
    }

    .kubg-haslo {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin: 24px 0 24px 0 !important;
      width: 100% !important;
      text-align: center !important;
    }

    .kubg-haslo .haslo-inner,
    .kubg-haslo>div {
      font-family: 'Ezarion Bold', 'Ezarion', 'Exo 2', Arial, sans-serif !important;
      background: linear-gradient(180deg, #edf9fb 0%, #daf3f6 100%) !important;
      border-top: 2px solid !important;
      border-bottom: 2px solid !important;
      border-left: none !important;
      border-right: none !important;
      border-image: linear-gradient(90deg, rgba(0, 153, 171, 0.2) 0%, #0099ab 35%, #00d2e8 50%, #0099ab 65%, rgba(0, 153, 171, 0.2) 100%) 1 !important;
      border-radius: 4px !important;
      box-shadow: 0 8px 25px rgba(0, 153, 171, 0.12), 0 1px 3px rgba(15, 23, 42, 0.04) !important;
      padding: 16px 28px !important;
      margin: 0 auto !important;
      font-size: 24px !important;
      font-weight: 800 !important;
      letter-spacing: 2.2px !important;
      text-transform: uppercase !important;
      color: #007785 !important;
      text-shadow: none !important;
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    .kubg-haslo .haslo-inner p,
    .kubg-haslo>div p {
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
      color: #007785 !important;
      font-weight: 800 !important;
      letter-spacing: 2.2px !important;
    }

    .kubg-haslo .haslo-inner::after,
    .kubg-haslo>div::after {
      display: none !important;
    }

    #Mod348 {
      margin-top: 0 !important;
      margin-bottom: 36px !important;
      padding: 0 !important;
      width: 100% !important;
      display: flow-root !important;
      clear: both !important;
    }

    #Mod348 .module-inner,
    #Mod348 .module-ct,
    #Mod348 .custom {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      display: flow-root !important;
      clear: both !important;
    }

    .kubg-vision-card,
    #Mod348 .custom>div>div,
    #Mod348 div:has(> h3.quote-content) {
      font-family: 'Ezarion Bold', 'Ezarion', 'Exo 2', Arial, sans-serif !important;
      background: linear-gradient(180deg, #edf9fb 0%, #daf3f6 100%) !important;
      border-top: 2px solid !important;
      border-bottom: 2px solid !important;
      border-left: none !important;
      border-right: none !important;
      border-image: linear-gradient(90deg, rgba(0, 153, 171, 0.2) 0%, #0099ab 35%, #00d2e8 50%, #0099ab 65%, rgba(0, 153, 171, 0.2) 100%) 1 !important;
      border-radius: 4px !important;
      box-shadow: 0 8px 25px rgba(0, 153, 171, 0.12), 0 1px 3px rgba(15, 23, 42, 0.04) !important;
      padding: 24px 30px 22px 30px !important;
      margin: 0 auto !important;
      text-align: center !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      display: block !important;
      clear: both !important;
    }

    .kubg-vision-card .vision-title,
    #Mod348 h3.quote-content {
      font-family: 'Ezarion Bold', 'Ezarion', 'Exo 2', Arial, sans-serif !important;
      font-size: 24px !important;
      font-weight: 800 !important;
      letter-spacing: 2.2px !important;
      text-transform: uppercase !important;
      color: #007785 !important;
      margin: 0 auto 12px auto !important;
      padding: 0 !important;
      line-height: 1.25 !important;
      border: none !important;
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      text-align: center !important;
    }

    #Mod348 h3.quote-content::after {
      display: none !important;
    }

    .kubg-vision-card .vision-text,
    #Mod348 p.quote-content {
      font-family: 'Ezarion Bold', 'Ezarion', 'Exo 2', Arial, sans-serif !important;
      color: #007785 !important;
      font-size: 16.5px !important;
      font-weight: 700 !important;
      line-height: 1.6 !important;
      max-width: 980px !important;
      margin: 0 auto !important;
      padding: 0 !important;
      text-align: center !important;
    }

    .studentskyi-ofis-btn,
    .home-res-block a[href*="studentskyi-ofis"] {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      max-width: 100% !important;
      height: 48px !important;
      padding: 0 20px !important;
      border-radius: 12px !important;
      background: #ffffff !important;
      border: 1.5px solid #b6e2e6 !important;
      box-shadow: 0 2px 8px rgba(0, 153, 171, 0.08), 0 1px 3px rgba(15, 23, 42, 0.04) !important;
      color: #334155 !important;
      font-family: 'Ezarion Bold', 'Ezarion', 'Exo 2', Arial, sans-serif !important;
      font-size: 15px !important;
      font-weight: 800 !important;
      letter-spacing: 1.5px !important;
      text-transform: uppercase !important;
      text-decoration: none !important;
      box-sizing: border-box !important;
      margin: 0 auto !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
      cursor: pointer !important;
    }

    .studentskyi-ofis-btn:hover,
    .home-res-block a[href*="studentskyi-ofis"]:hover {
      color: #007685 !important;
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 4px 14px rgba(0, 153, 171, 0.16) !important;
      transform: translate3d(0, -2px, 0) !important;
      text-decoration: none !important;
    }

    .home-res-block {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 16px !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
    }

    .home-res-block>.col-lg-12 {
      grid-column: 1 / -1 !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
    }

    .home-res-block .res-item,
    .home-res-block .res-item.item-kampus,
    .home-res-block .res-item.item-rozklad,
    .home-res-block .res-item.item-stud,
    .home-res-block .res-item.item-vykl {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      float: none !important;
      border: none !important;
      background: transparent !important;
    }

    .home-res-block .figure,
    .home-res-block .res-item .figure,
    .home-res-block .figure.kampus,
    .home-res-block .figure.vykl,
    .home-res-block .res-item .figure.kampus,
    .home-res-block .res-item .figure.vykl,
    #tz-position-3 div.home-res-block .res-item figure,
    #tz-position-3 div.figure.kampus,
    #tz-position-3 div.figure.vykl,
    #tz-position-3 div.figure {
      position: relative !important;
      border-radius: 12px !important;
      overflow: hidden !important;
      border: none !important;
      border-left: none !important;
      border-right: none !important;
      border-top: none !important;
      border-bottom: none !important;
      outline: none !important;
      padding: 0 !important;
      background: transparent !important;
      box-shadow: 0 8px 18px -4px rgba(15, 23, 42, 0.12) !important;
      aspect-ratio: 5 / 3 !important;
      width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      margin-bottom: 0 !important;
      transform: translateZ(0) !important;
      backface-visibility: hidden !important;
      -webkit-backface-visibility: hidden !important;
      will-change: transform, box-shadow !important;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .home-res-block .figure a,
    .home-res-block .res-item .figure a,
    .home-res-block .figure.kampus a,
    .home-res-block .figure.vykl a,
    #tz-position-3 div.figure a {
      position: absolute !important;
      inset: 0 !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      text-decoration: none !important;
      border: none !important;
      border-left: none !important;
      border-right: none !important;
      border-top: none !important;
      border-bottom: none !important;
      outline: none !important;
      background: transparent !important;
      border-radius: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .home-res-block .figure img,
    .home-res-block .res-item .figure img,
    .home-res-block .figure.kampus img,
    .home-res-block .figure.vykl img,
    .home-res-block .res-item .figure.kampus img,
    .home-res-block .res-item .figure.vykl img,
    #tz-position-3 div.figure img {
      position: absolute !important;
      inset: 0 !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      height: 100% !important;
      min-width: 100% !important;
      min-height: 100% !important;
      max-width: none !important;
      max-height: none !important;
      margin: 0 !important;
      padding: 0 !important;
      object-fit: cover !important;
      object-position: center center !important;
      display: block !important;
      border: none !important;
      border-left: none !important;
      border-right: none !important;
      border-top: none !important;
      border-bottom: none !important;
      outline: none !important;
      border-radius: 0 !important;
      image-rendering: -webkit-optimize-contrast !important;
      transform: translateZ(0) !important;
      backface-visibility: hidden !important;
      -webkit-backface-visibility: hidden !important;
      will-change: transform, filter !important;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
    }

    .home-res-block .figure .caption {
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      padding: 34px 12px 14px 12px !important;
      background: linear-gradient(to top, rgba(15, 23, 42, 0.94) 0%, rgba(15, 23, 42, 0.52) 48%, transparent 100%) !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: flex-end !important;
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13.5px !important;
      line-height: 1.2 !important;
      font-weight: 800 !important;
      letter-spacing: 1.2px !important;
      text-transform: uppercase !important;
      color: #ffffff !important;
      text-align: center !important;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
      border: none !important;
      outline: none !important;
      margin: 0 !important;
      pointer-events: none !important;
    }

    .home-res-block .figure .caption::after {
      content: '' !important;
      display: block !important;
      width: 30px !important;
      height: 2px !important;
      min-height: 2px !important;
      max-height: 2px !important;
      background: #00a8bd !important;
      border-radius: 2px !important;
      margin-top: 6px !important;
      margin-bottom: 0 !important;
      font-size: 0 !important;
      line-height: 0 !important;
      transform: translateZ(0) !important;
      transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, box-shadow 0.3s ease !important;
    }

    .home-res-block .figure:hover,
    #tz-position-3 div.figure.kampus:hover,
    #tz-position-3 div.figure.vykl:hover,
    #tz-position-3 div.figure:hover {
      transform: translateY(-6px) translateZ(0) !important;
      box-shadow: 0 20px 35px -6px rgba(15, 23, 42, 0.22) !important;
      border: none !important;
      outline: none !important;
      background: transparent !important;
      border-radius: 12px !important;
    }

    .home-res-block .figure:hover a,
    #tz-position-3 div.figure a:hover {
      border: none !important;
      outline: none !important;
      background: transparent !important;
    }

    .home-res-block .figure:hover img {
      transform: scale(1.04) translateZ(0) !important;
      filter: brightness(0.92) saturate(1.08) !important;
      border: none !important;
      outline: none !important;
    }

    .home-res-block .figure:hover .caption::after {
      width: 65px !important;
      background: #00c8b8 !important;
      box-shadow: 0 0 12px rgba(0, 200, 184, 0.6) !important;
    }

    .home-audience-grid,
    div:has(> .home-info-item-modern),
    .home-info-block-modern {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 16px !important;
      margin-top: 16px !important;
      margin-bottom: 0 !important;
      padding-top: 16px !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      position: relative !important;
      box-sizing: border-box !important;
      border: none !important;
      border-top: none !important;
      border-bottom: none !important;
      border-left: none !important;
      border-right: none !important;
    }

    .home-audience-grid::before,
    div:has(> .home-info-item-modern)::before,
    .home-info-block-modern::before {
      content: '' !important;
      display: block !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 1px !important;
      background: linear-gradient(90deg, transparent 0%, #cbd5e1 20%, #cbd5e1 80%, transparent 100%) !important;
      border: none !important;
    }

    .home-audience-grid::after,
    div:has(> .home-info-item-modern)::after,
    .home-info-block-modern::after {
      display: none !important;
      content: none !important;
    }

    .home-audience-grid>.home-info-item-modern,
    div:has(> .home-info-item-modern)>.home-info-item-modern,
    .home-info-block-modern>.home-info-item-modern {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      float: none !important;
      border: none !important;
      background: transparent !important;
    }

    .info-card-final {
      display: block !important;
      position: relative !important;
      border-radius: 12px !important;
      overflow: hidden !important;
      border: none !important;
      outline: none !important;
      background: transparent !important;

      box-shadow: 0 8px 18px -4px rgba(15, 23, 42, 0.12) !important;

      text-decoration: none !important;
      aspect-ratio: 360 / 185 !important;
      height: auto !important;
      min-height: 0 !important;
      width: 100% !important;
      transform: translateZ(0) !important;
      backface-visibility: hidden !important;
      -webkit-backface-visibility: hidden !important;
      will-change: transform, box-shadow !important;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .info-card-img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      object-position: center top !important;

      display: block !important;
      border: none !important;
      outline: none !important;
      border-radius: 12px !important;
      image-rendering: -webkit-optimize-contrast !important;
      transform: scale(1) translateZ(0) !important;
      backface-visibility: hidden !important;
      will-change: transform, filter !important;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease !important;
    }

    .home-audience-grid>.home-info-item-modern:nth-child(4) .info-card-img {
      object-position: center center !important;

    }

    .home-audience-grid>.home-info-item-modern:nth-child(5) .info-card-img {
      object-position: center 25% !important;

    }

    .info-card-text-strip {
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      padding: 40px 12px 14px 12px !important;
      background: linear-gradient(to top, rgba(15, 23, 42, 0.94) 0%, rgba(15, 23, 42, 0.52) 48%, transparent 100%) !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: flex-end !important;
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13.5px !important;
      line-height: 1.2 !important;
      font-weight: 800 !important;
      letter-spacing: 1.2px !important;
      text-transform: uppercase !important;
      color: #ffffff !important;
      text-align: center !important;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
      border: none !important;
      outline: none !important;
      margin: 0 !important;
      pointer-events: none !important;
    }

    .info-card-text-strip::after {
      content: '' !important;
      display: block !important;
      width: 30px !important;
      height: 2px !important;
      min-height: 2px !important;
      max-height: 2px !important;
      background: #00a8bd !important;
      border-radius: 2px !important;
      margin-top: 6px !important;
      margin-bottom: 0 !important;
      font-size: 0 !important;
      line-height: 0 !important;
      transform: translateZ(0) !important;
      transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s ease, box-shadow 0.3s ease !important;
    }

    .info-card-final:hover {
      transform: translateY(-6px) translateZ(0) !important;
      box-shadow: 0 20px 35px -6px rgba(15, 23, 42, 0.22) !important;
    }

    .info-card-final:hover .info-card-img {
      transform: scale(1.04) translateZ(0) !important;
      filter: brightness(0.92) saturate(1.08) !important;
    }

    .info-card-final:hover .info-card-text-strip::after {
      width: 65px !important;
      background: #00c8b8 !important;
      box-shadow: 0 0 12px rgba(0, 200, 184, 0.6) !important;
    }

    #Mod326 {
      margin: 0 !important;
      padding: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      border: none !important;
    }

    #Mod207 {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #Mod207 .module-inner {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      padding: 0 !important;
      position: relative;
    }

    #Mod207 .module-inner::before,
    #Mod207 .home_header::after {
      display: none !important;
      content: none !important;
    }

    #Mod207 .home_header {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      color: #1e293b !important;
      text-transform: uppercase !important;
      margin-top: 36px !important;
      margin-bottom: 24px !important;
      padding: 0 !important;
      border-top: none !important;
      border-bottom: none !important;
      text-align: center !important;
      position: relative !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    #Mod207 .home_header::after {
      content: '' !important;
      display: block !important;
      width: 66px !important;
      height: 3px !important;
      border-radius: 3px !important;
      background: linear-gradient(90deg, #0099ab, #00c0d8) !important;
      margin-top: 6px !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.3) !important;
    }

    #Mod207 .custom {
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      width: 100% !important;
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 0 16px !important;
    }

    #Mod207 .custom>.col-lg-12 {
      grid-column: 1 / -1 !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
    }

    #Mod207 .col-lg-6 {
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
      border: none !important;
    }

    #Mod207 .custom p {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 13px !important;
      line-height: 1.32 !important;
      font-weight: 400 !important;
      color: #334155 !important;
      background: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 10px !important;
      padding: 8px 14px 8px 16px !important;
      margin-bottom: 8px !important;
      min-height: 52px !important;
      height: auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      text-align: left !important;
      position: relative !important;
      overflow: hidden !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.02) !important;
      transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease !important;
      box-sizing: border-box !important;
    }

    #Mod207 .custom p:not(:has(> .card-text-wrapper)) {
      display: block !important;
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }

    #Mod207 .custom p,
    #Mod207 .custom p * {
      text-align: left !important;
    }

    #Mod207 .custom .col-lg-6 p:last-child,
    #Mod207 .custom .col-lg-6 p:last-of-type {
      margin-bottom: 0 !important;
    }

    #Mod207 .custom p::before {
      content: '' !important;
      position: absolute !important;
      left: 0 !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      height: 18px !important;
      width: 3.5px !important;
      border-radius: 0 3px 3px 0 !important;
      background: #0099ab !important;
      opacity: 0.45 !important;
      transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease !important;
    }

    #Mod207 .custom p:hover {
      background: #ffffff !important;
      border-color: #e2e8f0 !important;
      transform: translateX(3px) translateY(-1px) !important;
      box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
    }

    #Mod207 .custom p:hover::before {
      top: 50% !important;
      transform: translateY(-50%) !important;
      height: 30px !important;
      width: 3.5px !important;
      opacity: 1 !important;
      background: #0099ab !important;
      box-shadow: 0 0 8px rgba(0, 153, 171, 0.35) !important;
    }

    #Mod207 .custom p:has(strong) {
      background: #f1f8f8 !important;
      border-color: #d1eae7 !important;
    }

    #Mod207 .custom p:has(strong):before {
      height: 20px !important;
      opacity: 0.9 !important;
      background: #0099ab !important;
    }

    #Mod207 .custom p:has(strong):hover {
      background: #e8f5f4 !important;
      border-color: #d1eae7 !important;
      box-shadow: 0 4px 16px rgba(0, 153, 171, 0.08) !important;
    }

    #Mod207 .custom p .card-text-wrapper {
      display: block !important;
      width: 100% !important;
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 13px !important;
      line-height: 1.32 !important;
      font-weight: 400 !important;
      color: #334155 !important;
      word-break: normal !important;
      overflow-wrap: break-word !important;
      text-align: left !important;
    }

    #Mod207 .custom p .card-text-wrapper * {
      display: inline !important;
      font-size: inherit !important;
      line-height: inherit !important;
    }

    #Mod207 .custom p a,
    #Mod207 .custom p strong,
    #Mod207 .custom p strong a,
    #Mod207 .custom p .card-text-wrapper strong a {
      color: #334155 !important;
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      line-height: 1.32 !important;
      display: inline !important;
      text-decoration: none !important;
      transition: color 0.15s ease !important;
    }

    #Mod207 .custom p a:hover,
    #Mod207 .custom p strong a:hover,
    #Mod207 .custom p .card-text-wrapper strong a:hover {
      color: #0099ab !important;
      text-decoration: none !important;
    }

    #Mod325 {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #Mod325 .module-inner {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
    }

    #Mod325 .home_header {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      color: #bc1a1a !important;
      text-transform: uppercase !important;
      margin-top: 36px !important;
      margin-bottom: 24px !important;
      padding: 0 !important;
      border: none !important;
      text-align: center !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    #Mod325 .home_header span {
      color: #bc1a1a !important;
    }

    #Mod325 .home_header::after {
      content: '' !important;
      display: block !important;
      width: 66px !important;
      height: 3px !important;
      border-radius: 3px !important;
      background: linear-gradient(90deg, #bc1a1a 0%, #e11d48 100%) !important;
      margin-top: 6px !important;
      box-shadow: 0 2px 6px rgba(188, 26, 26, 0.3) !important;
    }

    #Mod325 .custom p {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 13.5px !important;
      line-height: 1.45 !important;
      font-weight: 400 !important;
      color: #334155 !important;
      text-align: center !important;
      margin: 0 auto 3px auto !important;
    }

    #Mod325 .custom p:empty,
    #Mod325 .custom>p {
      display: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #Mod325 .custom p a {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 13.5px !important;
      color: #334155 !important;
      font-weight: 700 !important;
      text-decoration: none !important;
      transition: color 0.15s ease !important;
    }

    #Mod325 .custom p a:hover {
      color: #0099ab !important;
      text-decoration: none !important;
    }

    #Mod150 {
      width: 100% !important;
      float: none !important;
      clear: both !important;
      display: flow-root !important;
      position: relative !important;
      margin-top: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-bottom: 0 !important;
    }

    #Mod150 .module-inner,
    #Mod150 .module-ct {
      clear: both !important;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      display: flow-root !important;
    }

    #Mod150 .module-title {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: #1e293b !important;
      text-align: center !important;
      margin-top: 0 !important;
      margin-bottom: 24px !important;
      border: none !important;
      padding: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    #Mod150 .module-title span {
      color: #1e293b !important;
    }

    #Mod150 .module-title::after {
      content: '' !important;
      display: block !important;
      width: 66px !important;
      height: 3px !important;
      border-radius: 3px !important;
      background: linear-gradient(90deg, #0099ab 0%, #00c8b8 100%) !important;
      margin-top: 6px !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.3) !important;
    }

    #Mod150 .module-title i {
      display: none !important;
    }

    #Mod150 .mod_events_latest_table {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: flex-start !important;
      gap: 16px !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
    }

    #Mod150 .mod_events_latest_table::before,
    #Mod150 .mod_events_latest_table::after {
      display: none !important;
      content: none !important;
    }

    #Mod150 .mod_events_latest_noevents {
      flex: 0 0 calc(33.333% - 11px) !important;
      width: calc(33.333% - 11px) !important;
      max-width: calc(33.333% - 11px) !important;
      background: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 10px !important;
      padding: 8px 14px 8px 16px !important;
      margin: 0 !important;
      float: none !important;
      position: relative !important;
      overflow: hidden !important;
      text-align: left !important;
      box-sizing: border-box !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.02) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      height: auto !important;
      min-height: 52px !important;
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      color: #94a3b8 !important;
      letter-spacing: 0.2px !important;
      line-height: 1.35 !important;
      cursor: default !important;
      pointer-events: none !important;
    }

    #Mod150 .mod_events_latest_noevents::before {
      content: '' !important;
      position: absolute !important;
      left: 0 !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      height: 20px !important;
      width: 3.5px !important;
      border-radius: 0 3px 3px 0 !important;
      background: #cbd5e1 !important;
      opacity: 0.8 !important;
    }

    #Mod150 .mod_events_latest {
      flex: 0 0 calc(33.333% - 11px) !important;
      width: calc(33.333% - 11px) !important;
      max-width: calc(33.333% - 11px) !important;
      background: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 10px !important;
      padding: 8px 14px 8px 16px !important;
      margin: 0 !important;
      float: none !important;
      position: relative !important;
      overflow: hidden !important;
      text-align: left !important;
      box-sizing: border-box !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.02) !important;
      transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s ease, color 0.15s ease !important;
      display: block !important;
      height: auto !important;
      min-height: 52px !important;
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      color: #007685 !important;
      letter-spacing: 0.2px !important;
      line-height: 1.35 !important;
      cursor: pointer !important;
    }

    #Mod150 .mod_events_latest::before {
      content: '' !important;
      position: absolute !important;
      left: 0 !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      height: 20px !important;
      width: 3.5px !important;
      border-radius: 0 3px 3px 0 !important;
      background: #0099ab !important;
      opacity: 0.45 !important;
      transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, box-shadow 0.25s ease !important;
    }

    #Mod150 .mod_events_latest:hover {
      background: #ffffff !important;
      border-color: #e2e8f0 !important;
      transform: translateX(3px) translateY(-1px) !important;
      box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
    }

    #Mod150 .mod_events_latest:hover::before {
      top: 50% !important;
      transform: translateY(-50%) !important;
      height: 38px !important;
      width: 3.5px !important;
      opacity: 1 !important;
      background: #0099ab !important;
      box-shadow: 0 0 8px rgba(0, 153, 171, 0.35) !important;
    }

    #Mod150 .icon-calendar,
    #Mod150 .icon-hand-right,
    #Mod150 .mod_events_latest i,
    #Mod150 .mod_events_latest br {
      display: none !important;
    }

    #Mod150 .mod_events_latest_date {
      font-family: inherit !important;
      font-size: inherit !important;
      font-weight: inherit !important;
      color: inherit !important;
      letter-spacing: inherit !important;
      text-transform: none !important;
      display: inline !important;
      transition: color 0.15s ease !important;
    }

    #Mod150 .mod_events_latest strong {
      display: block !important;
      margin-top: 3px !important;
      font-weight: 700 !important;
    }

    #Mod150 .mod_events_latest_content {
      display: inline !important;
    }

    #Mod150 .mod_events_latest_content a {
      display: inline !important;
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      line-height: 1.35 !important;
      color: #334155 !important;
      text-decoration: none !important;
      transition: color 0.15s ease !important;
    }

    #Mod150 .mod_events_latest_content a::after {
      content: '' !important;
      position: absolute !important;
      inset: 0 !important;
      z-index: 2 !important;
      cursor: pointer !important;
    }

    #Mod150 .mod_events_latest:hover,
    #Mod150 .mod_events_latest:hover .mod_events_latest_date,
    #Mod150 .mod_events_latest:hover .mod_events_latest_content a,
    #Mod150 .mod_events_latest_content a:hover {
      color: #0099ab !important;
      text-decoration: none !important;
    }

    #Mod260 {
      width: 100% !important;
      float: none !important;
      clear: both !important;
      display: block !important;
      margin-top: 14px !important;
      margin-bottom: 26px !important;
      padding: 0 !important;
      position: relative !important;
      z-index: 5 !important;
      pointer-events: auto !important;
    }

    #Mod260 p {
      margin: 0 !important;
      text-align: right !important;
    }

    #Mod260 p a {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 14px !important;
      font-weight: 800 !important;
      letter-spacing: 1.2px !important;
      text-transform: uppercase !important;
      color: #334155 !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 7px 18px !important;
      border-radius: 100px !important;
      background: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, border-color 0.3s ease, color 0.25s ease !important;
      will-change: transform, box-shadow !important;
    }

    #Mod260 p a:hover {
      color: #007685 !important;
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.4) !important;
      box-shadow: 0 4px 12px rgba(0, 153, 171, 0.14) !important;
      transform: translateY(-2px) !important;
      text-decoration: none !important;
    }

    @media (max-width: 991px) {
      #Mod150 .mod_events_latest {
        flex: 0 0 calc(50% - 8px) !important;
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
      }
    }

    @media (max-width: 600px) {
      #Mod150 .mod_events_latest {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
      }
    }

    #tz-latest-article-wrapper {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding: 0 !important;
      width: 100% !important;
    }

    #tz-latest-article-wrapper .container,
    #tz-latest-article-wrapper .container-fluid {
      padding-left: 15px !important;
      padding-right: 15px !important;
      box-sizing: border-box !important;
    }

    #Mod244 {
      width: 100% !important;
      clear: both !important;
      display: block !important;
      position: relative !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #Mod244 .module-inner,
    #Mod244 .module-ct {
      clear: both !important;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    #Mod244 .module-title {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: #1e293b !important;
      text-align: center !important;
      margin-top: 36px !important;
      margin-bottom: 10px !important;
      border: none !important;
      padding: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    #Mod244 .module-title span {
      color: #1e293b !important;
    }

    #Mod244 .module-title::after {
      content: '' !important;
      display: block !important;
      width: 66px !important;
      height: 3px !important;
      border-radius: 3px !important;
      background: linear-gradient(90deg, #0099ab 0%, #00c8b8 100%) !important;
      margin-top: 6px !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.3) !important;
    }

    #Mod244 .module-title i {
      display: none !important;
    }

    #djslider-loader244 {
      width: 100% !important;
      max-width: 100% !important;
      position: relative !important;
      margin: 0 auto !important;
      padding: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    #djslider244 {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      overflow: hidden !important;
      border: none !important;
      margin: 0 auto !important;
      padding: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      position: relative !important;
      border-radius: 14px !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    #slider-container244 {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      overflow: hidden !important;
      margin: 0 auto !important;
      padding-top: 14px !important;
      padding-bottom: 12px !important;
      box-sizing: border-box !important;
      border-radius: 14px !important;
      position: relative !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    #slider244 {
      height: auto !important;
      width: max-content !important;
      min-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 16px !important;
      will-change: transform !important;
      visibility: visible !important;
      opacity: 1 !important;
      box-sizing: border-box !important;
      position: relative !important;
      user-select: none !important;
      -webkit-user-select: none !important;
      touch-action: pan-y !important;
    }

    #slider244 li {
      height: auto !important;
      background: #ffffff !important;
      background-color: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
      -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
      mask-image: -webkit-radial-gradient(white, black) !important;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
      display: flex !important;
      flex-direction: column !important;
      visibility: visible !important;
      opacity: 1 !important;
      flex-shrink: 0 !important;
      list-style: none !important;
      position: relative !important;
      box-sizing: border-box !important;
      cursor: pointer !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #slider244 li:hover {
      transform: translateY(-4px) !important;
      border-color: rgba(0, 153, 171, 0.35) !important;
      box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.09), 0 4px 10px -2px rgba(0, 153, 171, 0.08) !important;
      z-index: 20 !important;
    }

    #slider244 li>a {
      display: block !important;
      position: relative !important;
      width: 100% !important;
      aspect-ratio: 1.96 / 1 !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      background: #f8fafc !important;
      border-radius: 0 !important;
      flex-shrink: 0 !important;
    }

    #slider244 .dj-image {
      position: absolute !important;
      inset: 0 !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      max-width: 100% !important;
      max-height: none !important;
      object-fit: cover !important;
      object-position: center top !important;
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      transform: scale(1) !important;
      transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    #slider244 li:hover .dj-image {
      transform: scale(1.03) !important;
    }

    #slider244 .slide-desc {
      position: relative !important;
      width: 100% !important;
      flex: 1 1 auto !important;
      height: auto !important;
      min-height: 58px !important;
      background: #ffffff !important;
      background-color: #ffffff !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      padding: 0 !important;
      margin: 0 !important;
      border: none !important;
      border-top: 1px solid #f1f5f9 !important;
      border-radius: 0 0 13px 13px !important;
      box-shadow: none !important;
      pointer-events: auto !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }

    #slider244 .slide-desc-in {
      padding: 6px 12px 6px 12px !important;
      width: 100% !important;
      height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      background: #ffffff !important;
      background-color: #ffffff !important;
      position: relative !important;
      box-sizing: border-box !important;
      margin: 0 !important;
      border: none !important;
      overflow: visible !important;
    }

    #slider244 .slide-desc-in::before,
    #slider244 .slide-desc-bg,
    #slider244 .slide-desc-bg-default,
    #slider244 .slide-text {
      display: none !important;
    }

    #slider244 .slide-desc-text {
      background: transparent !important;
      background-color: transparent !important;
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
      overflow: visible !important;
    }

    #slider244 .slide-title {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.28 !important;
      background: transparent !important;
      overflow: visible !important;
    }

    #slider244 .slide-title a {
      font-family: 'Exo 2', 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      line-height: 1.28 !important;
      color: #334155 !important;
      text-decoration: none !important;
      text-shadow: none !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 3 !important;
      line-clamp: 3 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
      padding-left: 3px !important;
      margin-left: -3px !important;
      padding-right: 3px !important;
      padding-top: 1px !important;
      padding-bottom: 1px !important;
      word-break: normal !important;
      overflow-wrap: break-word !important;
      text-indent: 0 !important;
      letter-spacing: normal !important;
      transition: color 0.2s ease !important;
    }

    #slider244 li:hover .slide-title a,
    #slider244 .slide-title a:hover {
      color: #0099ab !important;
      text-decoration: none !important;
    }

    .events-bottom-bar {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      clear: both !important;
      position: relative !important;
      z-index: 5 !important;
      box-sizing: border-box !important;
      overflow: visible !important;
      pointer-events: auto !important;
    }

    iframe:not(.tz-address-style-4 iframe) {
      display: none !important;
      pointer-events: none !important;
      visibility: hidden !important;
      position: absolute !important;
      left: -99999px !important;
      top: -99999px !important;
      width: 0 !important;
      height: 0 !important;
      opacity: 0 !important;
      z-index: -99999 !important;
    }

    .events-bottom-bar::before,
    .events-bottom-bar::after,
    #Mod245::before,
    #Mod245::after,
    #Mod245 .custom::before,
    #Mod245 .custom::after,
    #navigation244::before,
    #navigation244::after,
    #prev244::before,
    #prev244::after,
    #next244::before,
    #next244::after,
    .djslider-end {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
      content: none !important;
      pointer-events: none !important;
    }

    #navigation244 {
      position: relative !important;
      z-index: 120 !important;
      width: auto !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      background: #f1f5f9 !important;
      border: 1.5px solid #e2e8f0 !important;
      border-radius: 100px !important;
      padding: 4px 6px !important;
      box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      margin: 0 !important;
      box-sizing: border-box !important;
      isolation: isolate !important;
    }

    #navigation244> :not(#prev244):not(#next244):not(.prev-button):not(.next-button) {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
      pointer-events: none !important;
      position: absolute !important;
      left: -9999px !important;
      opacity: 0 !important;
    }

    #navigation244 .prev-button,
    #navigation244 .next-button,
    #prev244,
    #next244,
    #navigation244 button,
    #navigation244 img,
    #navigation244 a,
    #navigation244 .prev-button.disabled,
    #navigation244 .next-button.disabled,
    #prev244.disabled,
    #next244.disabled,
    #prev244[disabled],
    #next244[disabled] {
      position: relative !important;
      z-index: 10 !important;
      pointer-events: auto !important;
      width: 36px !important;
      height: 36px !important;
      min-width: 36px !important;
      min-height: 36px !important;
      border-radius: 50% !important;
      background-color: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
      font-size: 0 !important;
      color: transparent !important;
      background-repeat: no-repeat !important;
      background-position: center center !important;
      background-size: 14px 14px !important;
      box-sizing: border-box !important;
      user-select: none !important;
      outline: none !important;
      opacity: 1 !important;
      visibility: visible !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    #navigation244 .prev-button,
    #prev244,
    #navigation244 .prev-button.disabled,
    #prev244.disabled,
    #prev244[disabled] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    }

    #navigation244 .next-button,
    #next244,
    #navigation244 .next-button.disabled,
    #next244.disabled,
    #next244[disabled] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    }

    #navigation244 .prev-button:hover,
    #navigation244 .next-button:hover,
    #prev244:hover,
    #next244:hover,
    #navigation244 button:hover,
    #navigation244 img:hover,
    #navigation244 a:hover,
    #navigation244 .prev-button.disabled:hover,
    #navigation244 .next-button.disabled:hover,
    #prev244.disabled:hover,
    #next244.disabled:hover,
    #prev244[disabled]:hover,
    #next244[disabled]:hover {
      transform: scale(1.06) !important;
      background-color: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 3px 10px rgba(0, 153, 171, 0.18) !important;
      cursor: pointer !important;
    }

    #navigation244 .prev-button:hover,
    #prev244:hover,
    #navigation244 .prev-button.disabled:hover,
    #prev244.disabled:hover,
    #prev244[disabled]:hover {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007685' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    }

    #navigation244 .next-button:hover,
    #next244:hover,
    #navigation244 .next-button.disabled:hover,
    #next244.disabled:hover,
    #next244[disabled]:hover {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007685' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    }

    #navigation244 .prev-button:active,
    #navigation244 .next-button:active,
    #prev244:active,
    #next244:active,
    #navigation244 button:active,
    #navigation244 img:active,
    #navigation244 a:active {
      transform: scale(0.94) !important;
    }

    #Mod245 {
      width: 100% !important;
      float: none !important;
      clear: both !important;
      display: block !important;
      margin-top: 14px !important;
      margin-bottom: 30px !important;
      padding: 0 !important;
      position: relative !important;
      z-index: 5 !important;
      pointer-events: auto !important;
    }

    #Mod245 p {
      margin: 0 !important;
      padding: 0 !important;
    }

    #Mod245 p a {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 14px !important;
      font-weight: 800 !important;
      letter-spacing: 1.2px !important;
      text-transform: uppercase !important;
      color: #334155 !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 7px 18px !important;
      border-radius: 100px !important;
      background: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, border-color 0.3s ease, color 0.25s ease !important;
      will-change: transform, box-shadow !important;
    }

    #Mod245 p a:hover {
      color: #007685 !important;
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.4) !important;
      box-shadow: 0 4px 12px rgba(0, 153, 171, 0.14) !important;
      transform: translateY(-2px) !important;
      text-decoration: none !important;
    }

    section#tz-services-wrapper.tz-services.home-1,
    section#tz-services-wrapper,
    section.tz-services,
    #tz-services-wrapper,
    .tz-services,
    .tz-services.home-1,
    #services,
    #services > div {
      margin: 0 !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      background: transparent !important;
    }

    #Mod155 {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      position: relative !important;
      clear: both !important;
      display: block !important;
    }

    #Mod155 .module-inner {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
    }

    #Mod155 .module-title {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: #1e293b !important;
      text-align: center !important;
      margin-top: 36px !important;
      margin-bottom: 24px !important;
      border: none !important;
      padding: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    #Mod155 .module-title span {
      color: #1e293b !important;
    }

    #Mod155 .module-title::after {
      content: '' !important;
      display: block !important;
      width: 66px !important;
      height: 3px !important;
      border-radius: 3px !important;
      background: linear-gradient(90deg, #0099ab 0%, #00c8b8 100%) !important;
      margin-top: 6px !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.3) !important;
    }

    #Mod155 .custom {
      background: transparent !important;
      background-image: none !important;
      padding: 0 !important;
      margin: 0 !important;
      border: none !important;
      position: relative !important;
    }

    .tz-address-style-4 {
      position: relative !important;
      width: 100% !important;
      height: 300px !important;
      border-radius: 16px !important;
      overflow: hidden !important;
      border: 1.5px solid #e2e8f0 !important;
      box-shadow: 0 6px 24px rgba(15, 23, 42, 0.07) !important;
      background: #f8fafc !important;
    }

    .tz-address-style-4 iframe {
      width: 100% !important;
      height: 300px !important;
      min-height: 300px !important;
      border: none !important;
      display: block !important;
    }

    .tz-address-style-4 .tz-phone-fax {
      position: absolute !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      bottom: auto !important;
      right: 105px !important;
      width: 360px !important;
      max-width: calc(100% - 135px) !important;
      height: calc(100% - 20px) !important;
      background: rgba(255, 255, 255, 0.70) !important;
      backdrop-filter: blur(28px) saturate(180%) !important;
      -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
      border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
      border-radius: 16px !important;
      padding: 12px 18px !important;
      margin: 0 !important;
      list-style: none !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
      align-items: center !important;
      text-align: center !important;
      box-shadow: 0 14px 38px -4px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
      z-index: 10 !important;
      box-sizing: border-box !important;
    }

    .tz-address-style-4 .tz-phone-fax li {
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
      width: 100% !important;
      text-align: center !important;
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
    }

    .tz-address-style-4 .tz-phone-fax li p {
      margin: 0 !important;
      padding: 0 !important;
    }

    .tz-address-style-4 .tz-phone-fax li img {
      width: 72px !important;
      height: auto !important;
      max-height: 76px !important;
      object-fit: contain !important;
      display: inline-block !important;
      filter: drop-shadow(0 2px 4px rgba(0, 118, 133, 0.15)) !important;
      margin: 0 !important;
    }

    .tz-address-style-4 .tz-phone-fax li span.theme-color-white {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      color: #334155 !important;
      font-size: 13px !important;
      line-height: 1.42 !important;
      font-weight: 400 !important;
      text-shadow: none !important;
    }

    .tz-address-style-4 .tz-phone-fax li a {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      color: #007685 !important;
      text-decoration: none !important;
      font-weight: 700 !important;
      transition: color 0.2s ease !important;
    }

    .tz-address-style-4 .tz-phone-fax li a:hover {
      color: #0099ab !important;
      text-decoration: none !important;
    }

    .tz-address-style-4 .tz-phone-fax li.kubg_contacts {
      margin-top: 2px !important;
      margin-bottom: 2px !important;
    }

    .tz-address-style-4 .tz-phone-fax li.kubg_contacts em.fa-phone {
      display: none !important;
    }

    .tz-address-style-4 .tz-phone-fax li.kubg_contacts a {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: 0.3px !important;
      text-transform: none !important;
      color: #334155 !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 6.5px 22px !important;
      border-radius: 100px !important;
      background: rgba(255, 255, 255, 0.95) !important;
      border: 1.5px solid #ffffff !important;
      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, border-color 0.3s ease, color 0.25s ease !important;
      will-change: transform, box-shadow !important;
    }

    .tz-address-style-4 .tz-phone-fax li.kubg_contacts a:hover {
      color: #007685 !important;
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.4) !important;
      box-shadow: 0 4px 14px rgba(0, 153, 171, 0.16) !important;
      transform: translateY(-2px) !important;
      text-decoration: none !important;
    }

    .tz-address-style-4 .tz-phone-fax li.kubg_emails {
      margin-top: 2px !important;
    }

    .tz-address-style-4 .tz-phone-fax li.kubg_emails a {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 12.5px !important;
      font-weight: 700 !important;
      color: #334155 !important;
      text-decoration: none !important;
      transition: color 0.2s ease !important;
      display: inline-block !important;
      transform: none !important;
    }

    .tz-address-style-4 .tz-phone-fax li.kubg_emails a:hover {
      color: #007685 !important;
      text-decoration: none !important;
      transform: none !important;
    }

    #Mod265 {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      clear: both !important;
      display: block !important;
    }

    #Mod265 .module-inner {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
    }

    #Mod265 .module-title {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: #1e293b !important;
      text-align: center !important;
      margin-top: 36px !important;
      margin-bottom: 24px !important;
      border: none !important;
      padding: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    #Mod265 .module-title span {
      color: #1e293b !important;
    }

    #Mod265 .module-title::after {
      content: '' !important;
      display: block !important;
      width: 66px !important;
      height: 3px !important;
      border-radius: 3px !important;
      background: linear-gradient(90deg, #0099ab 0%, #00c8b8 100%) !important;
      margin-top: 6px !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.3) !important;
    }

    #Mod265 .custom_social {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 auto !important;
      display: flex !important;
      justify-content: center !important;
    }

    #Mod265 .custom_social ul {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 14px !important;
      padding: 0 !important;
      margin: 0 auto !important;
      list-style: none !important;
    }

    #Mod265 .custom_social ul li.social {
      list-style: none !important;
      margin: 0 !important;
      padding: 0 !important;
      display: inline-flex !important;
    }

    #Mod265 .custom_social ul li.social a {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 52px !important;
      height: 52px !important;
      background: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 16px !important;
      box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, background-color 0.25s ease !important;
      will-change: transform, box-shadow !important;
      padding: 7px !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
      position: relative !important;
    }

    #Mod265 .custom_social ul li.social a img {
      width: 32px !important;
      height: 32px !important;
      object-fit: contain !important;
      display: block !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
      filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.04)) !important;
    }

    #Mod265 .custom_social ul li.social a:hover {
      transform: translateY(-3px) scale(1.03) !important;
      background: #ffffff !important;
      border-color: #cbd5e1 !important;
      box-shadow: 0 10px 24px -4px rgba(100, 116, 139, 0.10), 0 4px 10px -2px rgba(148, 163, 184, 0.08), 0 0 0 3.5px rgba(241, 245, 249, 0.9) !important;
      text-decoration: none !important;
    }

    #Mod265 .custom_social ul li.social a:hover img {
      transform: scale(1.06) !important;
    }

    #Mod338 {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      clear: both !important;
      display: block !important;
      position: relative !important;
      z-index: 20 !important;
    }

    #Mod338 .module-inner {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
    }

    #Mod338 .faculty-header-row {
      position: relative !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      margin-top: 36px !important;
      margin-bottom: 10px !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    #Mod338 .module-title {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: #1e293b !important;
      text-align: center !important;
      margin: 0 auto !important;
      border: none !important;
      padding: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    #Mod338 .module-title span {
      color: #1e293b !important;
    }

    #Mod338 .module-title::after {
      content: '' !important;
      display: block !important;
      width: 66px !important;
      height: 3px !important;
      border-radius: 3px !important;
      background: linear-gradient(90deg, #0099ab 0%, #00c8b8 100%) !important;
      margin: 6px auto 0 auto !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.3) !important;
    }

    #navigation338 {
      position: absolute !important;
      right: 0 !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      left: auto !important;
      bottom: auto !important;
      margin: 0 !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      background: #f1f5f9 !important;
      border: 1.5px solid #e2e8f0 !important;
      border-radius: 100px !important;
      padding: 4px 6px !important;
      box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      z-index: 30 !important;
      box-sizing: border-box !important;
    }

    #navigation338 .prev-button,
    #navigation338 .next-button,
    #prev338,
    #next338,
    #navigation338 button,
    #navigation338 img,
    #navigation338 a {
      pointer-events: auto !important;
      width: 36px !important;
      height: 36px !important;
      min-width: 36px !important;
      min-height: 36px !important;
      border-radius: 50% !important;
      background-color: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
      font-size: 0 !important;
      color: transparent !important;
      background-repeat: no-repeat !important;
      background-position: center center !important;
      background-size: 14px 14px !important;
      box-sizing: border-box !important;
      user-select: none !important;
      outline: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    #navigation338 .prev-button,
    #prev338 {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    }

    #navigation338 .next-button,
    #next338 {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    }

    #navigation338 .prev-button:hover,
    #navigation338 .next-button:hover,
    #prev338:hover,
    #next338:hover {
      transform: scale(1.06) !important;
      background-color: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 3px 10px rgba(0, 153, 171, 0.18) !important;
      cursor: pointer !important;
    }

    #navigation338 .prev-button:hover,
    #prev338:hover {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007685' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    }

    #navigation338 .next-button:hover,
    #next338:hover {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007685' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    }

    #navigation338 .prev-button:active,
    #navigation338 .next-button:active,
    #prev338:active,
    #next338:active {
      transform: scale(0.94) !important;
    }

    #Mod338,
    #Mod338 .module-inner,
    #Mod338 .module-ct,
    #djslider-loader338,
    #djslider338,
    #slider-container338,
    #slider338,
    #slider338 li,
    #slider338 li * {
      box-sizing: border-box !important;
    }

    #Mod338,
    #Mod338 .module-inner,
    #Mod338 .module-ct {
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important;
    }

    #djslider-loader244,
    #djslider-loader338,
    #Mod244 #djslider-loader244,
    #Mod338 #djslider-loader338,
    #Mod244 .djslider-loader,
    #Mod338 .djslider-loader,
    .djslider-loader-custom,
    .djslider-loader-default,
    #Mod244 .module-ct,
    #Mod338 .module-ct,
    #Mod244 .module-ct > div,
    #Mod338 .module-ct > div {
      padding: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-top: 0 !important;
      border: none !important;
    }

    #djslider-loader338 {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      position: relative !important;
      margin: 0 auto !important;
      padding: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    #djslider338 {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 120px !important;
      overflow: hidden !important;
      border: none !important;
      margin: 0 !important;
      padding: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      position: relative !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    #slider-container338 {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 120px !important;
      overflow: hidden !important;
      margin: 0 auto !important;
      padding: 14px 0 28px 0 !important;
      box-sizing: border-box !important;
      position: relative !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    #slider338 {
      height: auto !important;
      width: max-content !important;
      min-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      gap: 12px !important;
      will-change: transform !important;
      visibility: visible !important;
      opacity: 1 !important;
      box-sizing: border-box !important;
      position: relative !important;
      user-select: none !important;
      -webkit-user-select: none !important;
      touch-action: pan-y !important;
    }

    #slider338 li {
      aspect-ratio: 4 / 3 !important;
      height: auto !important;
      width: calc((100% - 48px) / 5) !important;
      min-width: calc((100% - 48px) / 5) !important;
      max-width: calc((100% - 48px) / 5) !important;
      flex: 0 0 calc((100% - 48px) / 5) !important;
      background: transparent !important;
      border: 1.5px solid #e2e8f0 !important;
      border-radius: 14px !important;
      overflow: hidden !important;
      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
      will-change: transform, box-shadow !important;
      transform: translate3d(0, 0, 0) !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
      mask-image: -webkit-radial-gradient(white, black) !important;
      transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      list-style: none !important;
      position: relative !important;
      box-sizing: border-box !important;
      cursor: pointer !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    @media (max-width: 1199px) and (min-width: 992px) {
      #slider338 li {
        width: calc((100% - 36px) / 4) !important;
        min-width: calc((100% - 36px) / 4) !important;
        max-width: calc((100% - 36px) / 4) !important;
        flex: 0 0 calc((100% - 36px) / 4) !important;
      }
    }

    @media (max-width: 991px) and (min-width: 768px) {
      #slider338 {
        gap: 10px !important;
      }

      #slider338 li {
        width: calc((100% - 20px) / 3) !important;
        min-width: calc((100% - 20px) / 3) !important;
        max-width: calc((100% - 20px) / 3) !important;
        flex: 0 0 calc((100% - 20px) / 3) !important;
      }

      #slider338 .faculty_caption p {
        font-size: 11px !important;
      }
    }

    @media (max-width: 767px) {
      #slider338 {
        gap: 8px !important;
      }

      #slider338 li {
        border-radius: 10px !important;
        width: calc((100% - 8px) / 2) !important;
        min-width: calc((100% - 8px) / 2) !important;
        max-width: calc((100% - 8px) / 2) !important;
        flex: 0 0 calc((100% - 8px) / 2) !important;
      }

      #slider338 li>a,
      #slider338 li a,
      #slider338 img,
      #slider338 .dj-image {
        border-radius: 0 !important;
      }

      #slider338 .slide-desc {
        padding: 3px 4px 4px 4px !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
      }

      #slider338 .slide-desc-in {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
      }

      #slider338 .slide-desc-text,
      #slider338 .slide-text {
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
      }

      #slider338 .faculty_caption {
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        border-radius: 5px !important;
        padding: 2px 2.5px !important;
        margin: 0 !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
      }

      #slider338 .faculty_caption p {
        font-family: 'Exo 2', 'Ezarion', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.01em !important;
        color: #ffffff !important;
        text-shadow: none !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
      }
    }

    #slider338 li:hover {
      transform: translate3d(0, -6px, 0) !important;
      border-color: var(--faculty-color, #0099ab) !important;
      box-shadow: 0 14px 28px -4px var(--faculty-glow, rgba(15, 23, 42, 0.22)), 0 4px 12px -2px var(--faculty-glow, rgba(0, 153, 171, 0.20)) !important;
      z-index: 20 !important;
    }

    #slider338 li>a,
    #slider338 li a {
      display: block !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      background: transparent !important;
      border-radius: 0 !important;
      box-sizing: border-box !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
    }

    #slider338 li>a::after,
    #slider338 li a::after {
      content: '' !important;
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 55% !important;
      background: linear-gradient(to top, rgba(15, 23, 42, 0.42) 0%, rgba(15, 23, 42, 0.18) 50%, transparent 100%) !important;
      pointer-events: none !important;
      border-radius: 0 !important;
      z-index: 2 !important;
    }

    #slider338 img,
    #slider338 .dj-image,
    #slider338 li img,
    #slider338 a img {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      height: 100% !important;
      min-width: 100% !important;
      min-height: 100% !important;
      max-width: none !important;
      max-height: none !important;
      object-fit: cover !important;
      object-position: center center !important;
      display: block !important;
      padding: 0 !important;
      margin: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      transform-origin: center center !important;
      will-change: transform !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: scale(1) translate3d(0, 0, 0) !important;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
      z-index: 1 !important;
    }

    #slider338 li:hover img,
    #slider338 li:hover .dj-image {
      transform: scale(1.055) translate3d(0, 0, 0) !important;
    }

    #slider338 .slide-desc {
      position: absolute !important;
      bottom: 8px !important;
      left: 8px !important;
      right: 8px !important;
      width: calc(100% - 16px) !important;
      padding: 0 !important;
      margin: 0 !important;
      border: none !important;
      z-index: 10 !important;
      pointer-events: none !important;
      background: transparent !important;
      box-sizing: border-box !important;
    }

    #slider338 .slide-desc-in,
    #slider338 .slide-desc-text,
    #slider338 .slide-text {
      background: transparent !important;
      padding: 0 !important;
      margin: 0 !important;
      border: none !important;
      box-shadow: none !important;
      overflow: visible !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
    }

    #slider338 .slide-desc div[style*="clear"] {
      display: none !important;
    }

    #slider338 .slide-desc-bg,
    #slider338 .slide-desc-bg-default {
      display: none !important;
    }

    #slider338 .faculty_caption {
      width: 100% !important;
      height: 38px !important;
      min-height: 38px !important;
      max-height: 38px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-sizing: border-box !important;
      backdrop-filter: blur(10px) saturate(160%) !important;
      -webkit-backdrop-filter: blur(10px) saturate(160%) !important;
      border: none !important;
      outline: none !important;
      border-radius: 8px !important;
      padding: 2px 6px !important;
      margin: 0 !important;
      box-shadow: none !important;
      transition: opacity 0.3s ease !important;
    }

    #slider338 li:hover .faculty_caption {
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
    }

    #slider338 .faculty_caption p {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      line-height: 1.14 !important;
      color: #ffffff !important;
      text-shadow: none !important;
      text-align: center !important;
      margin: 0 !important;
      padding: 0 !important;
      letter-spacing: 0.1px !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
      text-rendering: optimizeLegibility !important;
      display: -webkit-box !important;
      -webkit-line-clamp: 2 !important;
      line-clamp: 2 !important;
      -webkit-box-orient: vertical !important;
      overflow: hidden !important;
    }

    #Mod346 {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      clear: both !important;
      display: block !important;
      position: relative !important;
      z-index: 10 !important;
    }

    #Mod347 {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      clear: both !important;
      display: block !important;
      position: relative !important;
      z-index: 10 !important;
    }

    #Mod346 .module-inner,
    #Mod347 .module-inner {
      background: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
    }

    #Mod346 .module-title,
    #Mod347 .module-title {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 20px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
      text-transform: uppercase !important;
      color: #1e293b !important;
      text-align: center !important;
      margin-top: 36px !important;
      margin-bottom: 24px !important;
      border: none !important;
      padding: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
    }

    #Mod346 .module-title span,
    #Mod347 .module-title span {
      color: #1e293b !important;
    }

    #Mod346 .module-title::after,
    #Mod347 .module-title::after {
      content: '' !important;
      display: block !important;
      width: 66px !important;
      height: 3px !important;
      border-radius: 3px !important;
      background: linear-gradient(90deg, #0099ab 0%, #00c8b8 100%) !important;
      margin: 6px auto 0 auto !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.3) !important;
    }

    .partners-grid {
      display: grid !important;
      grid-template-columns: repeat(6, 1fr) !important;
      gap: 14px !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    .projects-grid {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      gap: 14px !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    .partners-grid .partner-card {
      width: 100% !important;
    }

    .projects-grid .project-card {
      flex: 0 0 calc((100% - 70px) / 6) !important;
      width: calc((100% - 70px) / 6) !important;
      max-width: calc((100% - 70px) / 6) !important;
      min-width: 140px !important;
    }

    .partner-card,
    .project-card {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      height: 74px !important;
      background: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      border-radius: 13px !important;
      padding: 6px 14px !important;
      box-sizing: border-box !important;
      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.02) !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
      will-change: transform, box-shadow !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
      text-decoration: none !important;
      position: relative !important;
      overflow: hidden !important;
      cursor: pointer !important;
    }

    .partner-card:hover,
    .project-card:hover {
      transform: translate3d(0, -3px, 0) !important;
      background: #ffffff !important;
      border-color: rgba(0, 153, 171, 0.5) !important;
      box-shadow: 0 10px 24px -4px rgba(0, 153, 171, 0.16), 0 4px 10px -2px rgba(15, 23, 42, 0.06) !important;
    }

    .partner-card img,
    .project-card img {
      max-width: 90% !important;
      max-height: 58px !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
      display: block !important;
      margin: 0 auto !important;
      border-radius: 0 !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
      image-rendering: -webkit-optimize-contrast !important;
    }

    @media (max-width: 1050px) {
      .partners-grid {
        grid-template-columns: repeat(3, 1fr) !important;
      }

      .projects-grid .project-card {
        flex: 0 0 calc((100% - 42px) / 4) !important;
        width: calc((100% - 42px) / 4) !important;
        max-width: calc((100% - 42px) / 4) !important;
      }
    }

    @media (max-width: 767px) {
      .partners-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
      }

      .projects-grid {
        gap: 8px !important;
      }

      .projects-grid .project-card {
        flex: 0 0 calc((100% - 8px) / 2) !important;
        width: calc((100% - 8px) / 2) !important;
        max-width: calc((100% - 8px) / 2) !important;
      }

      .partner-card,
      .project-card {
        height: 60px !important;
        padding: 5px 8px !important;
        border-radius: 10px !important;
      }

      .partner-card img,
      .project-card img {
        max-height: 46px !important;
      }
    }

    #tz-footer2-wrapper {
      background: #ffffff !important;
      border-top: 1px solid #e2e8f0 !important;
      padding: 40px 0 20px 0 !important;
      margin-top: 36px !important;
      margin-bottom: 0 !important;
      position: relative !important;
      z-index: 10 !important;
      clear: both !important;
      width: 100% !important;
    }

    #tz-footer2-row {
      margin-left: -15px !important;
      margin-right: -15px !important;
    }

    #tz-footer2-wrapper .col-lg-12 {
      padding-left: 15px !important;
      padding-right: 15px !important;
      width: 100% !important;
    }

    .footer-resources-strip {
      display: grid !important;
      grid-template-columns: repeat(14, 1fr) !important;
      gap: 10px !important;
      width: 100% !important;
      margin-top: 16px !important;
      margin-bottom: 12px !important;
      padding-bottom: 0 !important;
      border-bottom: none !important;
      box-sizing: border-box !important;
    }

    .f-resource-badge {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      height: 50px !important;
      padding: 2px 4px !important;
      border-radius: 12px !important;
      background: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
      text-decoration: none !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, border-color 0.25s ease !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
    }

    .f-resource-badge img {
      max-height: 40px !important;
      max-width: calc(100% - 8px) !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
      display: block !important;
      filter: grayscale(0.15) opacity(0.92) !important;
      transition: filter 0.25s ease !important;
    }

    .f-resource-badge:hover {
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 4px 14px rgba(0, 153, 171, 0.16) !important;
      transform: translate3d(0, -2px, 0) !important;
    }

    .f-resource-badge:hover img {
      filter: grayscale(0) opacity(1) !important;
    }

    .footer-actions-grid {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 14px !important;
      width: 100% !important;
      margin-bottom: 12px !important;
      box-sizing: border-box !important;
    }

    .f-btn {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      height: 50px !important;
      border-radius: 12px !important;
      background: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      letter-spacing: 0.4px !important;
      text-transform: uppercase !important;
      color: #334155 !important;
      text-decoration: none !important;
      padding: 0 8px !important;
      text-align: center !important;
      box-sizing: border-box !important;
      white-space: nowrap !important;
      line-height: 1 !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
      will-change: transform, box-shadow !important;
    }

    .f-btn span {
      display: inline-block !important;
      text-align: center !important;
      line-height: 1 !important;
    }

    .f-btn-stud:hover {
      color: #007685 !important;
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 4px 14px rgba(0, 153, 171, 0.16) !important;
      transform: translate3d(0, -2px, 0) !important;
    }

    .f-btn-blah:hover {
      color: #1e40af !important;
      background: #eff6ff !important;
      border-color: rgba(30, 64, 175, 0.45) !important;
      box-shadow: 0 4px 14px rgba(30, 64, 175, 0.16) !important;
      transform: translate3d(0, -2px, 0) !important;
    }

    .f-btn-spp:hover {
      color: #065f46 !important;
      background: #ecfdf5 !important;
      border-color: rgba(5, 150, 105, 0.45) !important;
      box-shadow: 0 4px 14px rgba(5, 150, 105, 0.16) !important;
      transform: translate3d(0, -2px, 0) !important;
    }

    .f-btn-access:hover {
      color: #9a3412 !important;
      background: #fff7ed !important;
      border-color: rgba(194, 65, 12, 0.45) !important;
      box-shadow: 0 4px 14px rgba(194, 65, 12, 0.16) !important;
      transform: translate3d(0, -2px, 0) !important;
    }

    .footer-compliance-row {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 14px !important;
      width: 100% !important;
      margin-bottom: 12px !important;
      box-sizing: border-box !important;
    }

    .f-compliance-card {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      height: 50px !important;
      background: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      border-radius: 12px !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
      color: #334155 !important;
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      letter-spacing: 0.6px !important;
      text-transform: uppercase !important;
      text-decoration: none !important;
      box-sizing: border-box !important;
      white-space: nowrap !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
    }

    .f-compliance-card:hover {
      color: #007685 !important;
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 4px 14px rgba(0, 153, 171, 0.16) !important;
      transform: translate3d(0, -2px, 0) !important;
    }

    .footer-meta-bar {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      position: relative !important;
      padding-top: 0 !important;
      border-top: none !important;
      width: 100% !important;
      min-height: 50px !important;
      box-sizing: border-box !important;
    }

    .f-meta-socials {
      flex: 0 0 auto !important;
      display: flex !important;
      align-items: center !important;
      z-index: 2 !important;
    }

    .f-social-icons {
      display: flex !important;
      align-items: center !important;
      gap: 18px !important;
    }

    .f-social-link {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 50px !important;
      height: 50px !important;
      background: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      border-radius: 12px !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
      text-decoration: none !important;
      box-sizing: border-box !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, border-color 0.25s ease !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
    }

    .f-social-link img {
      width: 28px !important;
      height: 28px !important;
      object-fit: contain !important;
      display: block !important;
    }

    .f-social-link:hover {
      transform: translate3d(0, -2px, 0) !important;
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 4px 12px rgba(0, 153, 171, 0.14) !important;
    }

    .f-meta-contacts-cta {
      position: absolute !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      z-index: 1 !important;
    }

    .f-contacts-cta-btn {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 16px !important;
      height: 50px !important;
      border-radius: 12px !important;
      background: #ffffff !important;
      border: 1.5px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
      color: #334155 !important;
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      letter-spacing: 0.6px !important;
      text-transform: uppercase !important;
      text-decoration: none !important;
      box-sizing: border-box !important;
      white-space: nowrap !important;
      line-height: 1 !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
      -webkit-backface-visibility: hidden !important;
      backface-visibility: hidden !important;
      transform: translate3d(0, 0, 0) !important;
    }

    .f-contacts-cta-btn:hover {
      color: #007685 !important;
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 4px 14px rgba(0, 153, 171, 0.16) !important;
      transform: translate3d(0, -2px, 0) !important;
    }

    .f-meta-info {
      flex: 0 0 auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 12px !important;
      text-align: right !important;
      z-index: 2 !important;
    }

    .f-crest-logo {
      width: 52px !important;
      height: auto !important;
      flex-shrink: 0 !important;
    }

    .f-info-text {
      display: flex !important;
      flex-direction: column !important;
      gap: 3px !important;
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-size: 13px !important;
      color: #475569 !important;
      line-height: 1.45 !important;
    }

    .f-address {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      font-weight: 700 !important;
      color: #1e293b !important;
    }

    .f-contact-line {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 10px !important;
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      color: #64748b !important;
    }

    .f-phone-num {
      font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
      font-weight: 700 !important;
      color: #64748b !important;
      cursor: default !important;
      pointer-events: none !important;
    }

    .f-contact-line a {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      color: #007685 !important;
      text-decoration: none !important;
      font-weight: 700 !important;
      transition: color 0.2s ease !important;
    }

    .f-contact-line a:hover {
      color: #0099ab !important;
      text-decoration: none !important;
    }

    .f-whed a {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      color: #007685 !important;
      text-decoration: none !important;
      font-weight: 700 !important;
      font-size: 12px !important;
      transition: color 0.2s ease !important;
    }

    .f-whed a:hover {
      color: #0099ab !important;
      text-decoration: none !important;
    }

    .f-copyright {
      font-family: 'Ezarion', 'Ezarion Bold', Arial, sans-serif !important;
      color: #64748b !important;
      font-size: 11.5px !important;
      margin-top: 2px !important;
    }

    @media (max-width: 1024px) {
      .footer-resources-strip {
        grid-template-columns: repeat(7, 1fr) !important;
      }

      .footer-actions-grid {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      .footer-meta-bar {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 16px !important;
      }

      .f-meta-contacts-cta {
        position: static !important;
        left: auto !important;
        transform: none !important;
      }

      .f-meta-socials {
        justify-content: center !important;
      }

      .f-meta-info {
        flex-direction: column !important;
        justify-content: center !important;
        text-align: center !important;
      }
    }

    @media (max-width: 767px) {
      .footer-resources-strip {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 8px !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
      }

      .f-resource-badge {
        height: 42px !important;
        padding: 2px 3px !important;
        border-radius: 10px !important;
      }

      .f-resource-badge img {
        max-height: 32px !important;
        max-width: calc(100% - 6px) !important;
      }

      .footer-actions-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-bottom: 8px !important;
      }

      .f-btn {
        height: 42px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        letter-spacing: 0.3px !important;
        padding: 0 10px !important;
      }

      .footer-compliance-row {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-bottom: 8px !important;
      }

      .f-compliance-card {
        height: 42px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        letter-spacing: 0.4px !important;
      }

      .footer-meta-bar {
        width: 100% !important;
        gap: 8px !important;
      }

      .f-meta-socials {
        width: 100% !important;
        display: flex !important;
      }

      .f-social-icons {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 0 !important;
      }

      .f-social-link {
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 10px !important;
      }

      .f-social-link img {
        width: 22px !important;
        height: 22px !important;
      }

      .f-meta-contacts-cta {
        width: 100% !important;
        display: flex !important;
      }

      .f-contacts-cta-btn {
        width: 100% !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        letter-spacing: 0.4px !important;
        padding: 0 14px !important;
        text-align: center !important;
        box-sizing: border-box !important;
      }

      .f-meta-info {
        width: 100% !important;
        gap: 8px !important;
      }

      .f-crest-logo {
        width: 42px !important;
        height: auto !important;
      }

      .f-info-text {
        gap: 2px !important;
        font-size: 11.5px !important;
        line-height: 1.35 !important;
      }

      .f-address {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
      }

      .f-contact-line {
        gap: 6px !important;
        font-size: 11.5px !important;
        justify-content: center !important;
      }

      .f-whed a {
        font-size: 10.5px !important;
      }

      .f-copyright {
        font-size: 10px !important;
        margin-top: 1px !important;
      }
    }

    #tz-menu-canvas-wrapper.canvas-menu,
    .canvas-menu {
      position: fixed !important;
      top: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      width: 340px !important;
      max-width: calc(100vw - 30px) !important;
      height: 100vh !important;
      max-height: 100vh !important;
      background: #ffffff !important;
      border-right: 1px solid rgba(226, 232, 240, 0.9) !important;
      box-shadow: none !important;
      padding: 0 !important;
      margin: 0 !important;
      z-index: 99999999 !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
      transform: translate3d(-380px, 0, 0) !important;
      pointer-events: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      will-change: transform !important;
      backface-visibility: hidden !important;
      -webkit-backface-visibility: hidden !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
      text-rendering: optimizeLegibility !important;
      contain: paint layout !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.3s ease !important;
      display: flex !important;
      flex-direction: column !important;
    }

    #tz-menu-canvas-wrapper.canvas-menu:not(.active):not(.offcanvas-open) {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    #tz-menu-canvas-wrapper.canvas-menu.active,
    #tz-menu-canvas-wrapper.canvas-menu.offcanvas-open,
    body.tz-off-canvas-open #tz-menu-canvas-wrapper.canvas-menu,
    body.off-canvas-open #tz-menu-canvas-wrapper.canvas-menu {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      transform: translate3d(0, 0, 0) !important;
      pointer-events: auto !important;
      box-shadow: 20px 0 60px rgba(0, 35, 45, 0.18), 4px 0 15px rgba(0, 0, 0, 0.04) !important;
    }

    .tz-offcanvas-backdrop {
      position: fixed !important;
      inset: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      background: rgba(15, 23, 42, 0.35) !important;
      z-index: 99999998 !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transition: opacity 0.28s ease, visibility 0.28s ease !important;
    }

    body.tz-off-canvas-open .tz-offcanvas-backdrop,
    body.off-canvas-open .tz-offcanvas-backdrop {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
    }

    #tz-menu-canvas-wrapper .container-fluid,
    #tz-menu-canvas-wrapper #menu-canvas,
    #tz-menu-canvas-wrapper #tz-menu3,
    #tz-menu-canvas-wrapper .tz-canvas-padding,
    #tz-menu-canvas-wrapper #Mod199,
    #tz-menu-canvas-wrapper .module-inner,
    #tz-menu-canvas-wrapper .module-ct {
      height: 100% !important;
      max-height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
      padding: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
      text-rendering: optimizeLegibility !important;
    }

    .dept-drawer-header {
      padding: 18px 18px 16px 20px !important;
      border-bottom: 1px solid rgba(0, 153, 171, 0.12) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      background: rgba(0, 153, 171, 0.02) !important;
      flex-shrink: 0 !important;
      box-sizing: border-box !important;
    }

    .dept-title-text {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 13.5px !important;
      font-weight: 800 !important;
      letter-spacing: 0.6px !important;
      text-transform: uppercase !important;
      color: #007785 !important;
      line-height: 1.25 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #tz-menu-canvas-wrapper button.tz-offcanvas-close,
    .dept-close-btn {
      position: static !important;
      width: 32px !important;
      height: 32px !important;
      min-width: 32px !important;
      min-height: 32px !important;
      border-radius: 50% !important;
      background-color: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: #64748b !important;
      outline: none !important;
      transition: all 0.2s ease !important;
      margin: 0 !important;
      padding: 0 !important;
      flex-shrink: 0 !important;
    }

    #tz-menu-canvas-wrapper button.tz-offcanvas-close:hover,
    .dept-close-btn:hover {
      background-color: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      color: #007785 !important;
      box-shadow: 0 3px 10px rgba(0, 153, 171, 0.18) !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable {
      position: static !important;
      top: 0 !important;
      margin: 0 !important;
      padding: 8px 10px 24px 10px !important;
      list-style: none !important;
      flex: 1 1 auto !important;
      overflow-y: auto !important;
      overflow-x: hidden !important;
      -webkit-overflow-scrolling: touch !important;
      min-height: 0 !important;
      box-sizing: border-box !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable::-webkit-scrollbar {
      width: 5px !important;
      background: transparent !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable::-webkit-scrollbar-track {
      background: transparent !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable::-webkit-scrollbar-thumb {
      background: rgba(0, 153, 171, 0.25) !important;
      border-radius: 4px !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 153, 171, 0.5) !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable li,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li:hover,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li:focus,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li:active,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li.active {
      margin: 0 0 2px 0 !important;
      padding: 0 !important;
      background: transparent !important;
      background-color: transparent !important;
      border: none !important;
      box-shadow: none !important;
      outline: none !important;
      border-radius: 8px !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable li::before,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li::after,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li a::before,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li a::after {
      display: none !important;
      content: none !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable li a {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 12.8px !important;
      font-weight: 600 !important;
      letter-spacing: 0.05px !important;
      color: #1e293b !important;
      padding: 8.5px 12px !important;
      border-radius: 8px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      text-decoration: none !important;
      line-height: 1.35 !important;
      position: relative !important;
      background: transparent !important;
      background-color: transparent !important;
      border: 1px solid transparent !important;
      outline: none !important;
      transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
      gap: 10px !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
      text-rendering: optimizeLegibility !important;
    }

    .dept-link-text {
      flex: 1 1 auto !important;
    }

    .dept-arrow-icon {
      color: #94a3b8 !important;
      flex-shrink: 0 !important;
      transition: transform 0.18s ease, color 0.18s ease !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable li a:hover,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li a:focus {
      background: #f0fafb !important;
      background-color: #f0fafb !important;
      color: #007785 !important;
      border-color: rgba(0, 153, 171, 0.2) !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
      outline: none !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable li a:hover .dept-arrow-icon,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li a:focus .dept-arrow-icon {
      color: #007785 !important;
      transform: translateX(3px) !important;
    }

    #tz-menu-canvas-wrapper ul.nav.tzscrollable li.active a,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable li a.active {
      background: #e6f6f8 !important;
      background-color: #e6f6f8 !important;
      color: #007785 !important;
      border-color: rgba(0, 153, 171, 0.35) !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.08) !important;
      outline: none !important;
    }

    #b-acc-toolbarWrap {
      position: static !important;
      width: auto !important;
      height: auto !important;
      bottom: auto !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      z-index: 999999 !important;
    }

    body.home #b-acc-toolbarWrap div.b-acc_hide_toolbar,
    div.b-acc_hide_toolbar {
      position: fixed !important;
      left: 16px !important;
      top: 27.5px !important;
      right: auto !important;
      width: 24px !important;
      height: 24px !important;
      background: transparent url("https://kubg.edu.ua/modules/mod_baccessibility/asset/images/universal-access.png") center center no-repeat !important;
      background-size: 24px 24px !important;
      filter: brightness(0) invert(1) !important;
      cursor: pointer !important;
      will-change: top, filter !important;
      transition: top 0.3s ease, filter 0.2s ease !important;
      z-index: 10000000 !important;
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
      border: none !important;
      box-shadow: none !important;
    }

    body.home.is-scrolled-header #b-acc-toolbarWrap div.b-acc_hide_toolbar,
    body.home.is-scrolled-header div.b-acc_hide_toolbar,
    body.home #tz-menu-home-1-wrapper.is-scrolled~* #b-acc-toolbarWrap div.b-acc_hide_toolbar {
      top: 19.5px !important;
    }

    body.home #b-acc-toolbarWrap div.b-acc_hide_toolbar:hover,
    div.b-acc_hide_toolbar:hover {
      background-color: transparent !important;
      transform: none !important;
      opacity: 1 !important;
      filter: brightness(0) invert(1) drop-shadow(0 0 14px rgba(255, 255, 255, 0.95)) drop-shadow(0 0 22px rgba(0, 210, 232, 0.75)) !important;
    }

    #b-acc_toolbar.var1-card,
    #b-acc_toolbar {
      position: fixed !important;
      top: 14px !important;
      left: 14px !important;
      right: auto !important;
      width: 340px !important;
      max-width: calc(100vw - 28px) !important;
      height: auto !important;
      max-height: calc(100vh - 28px) !important;
      overflow-y: auto !important;
      background: rgba(255, 255, 255, 0.98) !important;
      backdrop-filter: blur(35px) saturate(200%) !important;
      -webkit-backdrop-filter: blur(35px) saturate(200%) !important;
      border: 1px solid rgba(255, 255, 255, 0.95) !important;
      border-radius: 20px !important;
      box-shadow: 0 20px 50px rgba(0, 35, 45, 0.22), 0 4px 15px rgba(0, 0, 0, 0.05) !important;
      padding: 16px 14px !important;
      margin: 0 !important;
      z-index: 99999999 !important;
      box-sizing: border-box !important;
      opacity: 0 !important;
      transform: translateY(-10px) scale(0.98) !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.22s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0.22s !important;
      font-family: 'Exo 2', sans-serif !important;
      display: block !important;
    }

    #b-acc-toolbarWrap.is-open #b-acc_toolbar {
      opacity: 1 !important;
      transform: translateY(0) scale(1) !important;
      visibility: visible !important;
      pointer-events: auto !important;
    }

    #b-acc_toolbar * {
      box-sizing: border-box !important;
      font-family: 'Exo 2', sans-serif !important;
      text-decoration: none !important;
    }

    #b-acc_toolbar,
    #b-acc_toolbar a,
    #b-acc_toolbar button,
    #b-acc_toolbar span,
    #b-acc_toolbar div,
    #b-acc_toolbar li {
      text-decoration: none !important;
    }

    body.tz-off-canvas-open div.b-acc_hide_toolbar,
    body.off-canvas-open div.b-acc_hide_toolbar,
    body.tz-off-canvas-open #b-acc-toolbarWrap,
    #tz-menu-canvas-wrapper.active ~ * div.b-acc_hide_toolbar,
    #tz-menu-canvas-wrapper.active div.b-acc_hide_toolbar {
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transition: opacity 0.2s ease, visibility 0.2s !important;
    }

    #b-acc_toolbar .panel-header {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding-bottom: 14px !important;
      border-bottom: 1px solid rgba(0, 153, 171, 0.12) !important;
      margin-bottom: 16px !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }

    #b-acc_toolbar .panel-title-group {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 10px !important;
    }

    #b-acc_toolbar .panel-icon-badge {
      width: 32px !important;
      height: 32px !important;
      min-width: 32px !important;
      min-height: 32px !important;
      border-radius: 8px !important;
      background: rgba(0, 153, 171, 0.1) !important;
      color: #0099ab !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      font-size: 15px !important;
    }

    #b-acc_toolbar .panel-title-text h3 {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 14.5px !important;
      font-weight: 700 !important;
      color: #1e293b !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.2 !important;
      text-transform: none !important;
      letter-spacing: normal !important;
      background: transparent !important;
    }

    #b-acc_toolbar .panel-title-text span {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 11.5px !important;
      color: #64748b !important;
      font-weight: 500 !important;
      display: block !important;
      margin-top: 2px !important;
    }

    #b-acc_toolbar .close-circle-btn {
      width: 30px !important;
      height: 30px !important;
      min-width: 30px !important;
      min-height: 30px !important;
      border-radius: 50% !important;
      background: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
      color: #64748b !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      font-size: 13px !important;
      transition: all 0.2s ease !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1 !important;
      outline: none !important;
    }

    #b-acc_toolbar .close-circle-btn:hover {
      background: #e6f6f8 !important;
      border-color: #0099ab !important;
      color: #007785 !important;
      transform: scale(1.08) !important;
      box-shadow: 0 3px 10px rgba(0, 153, 171, 0.18) !important;
    }

    #b-acc_toolbar .close-circle-btn:active {
      transform: scale(0.94) !important;
    }

    #b-acc_toolbar .section-label {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 11.5px !important;
      font-weight: 700 !important;
      letter-spacing: 0.6px !important;
      text-transform: uppercase !important;
      color: #007785 !important;
      margin: 0 0 8px 0 !important;
      display: flex !important;
      align-items: center !important;
      gap: 6px !important;
      width: 100% !important;
    }

    #b-acc_toolbar .font-stepper-wrap {
      background: #f8fafc !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 12px !important;
      padding: 5px !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      width: 100% !important;
      box-sizing: border-box !important;
      margin-bottom: 16px !important;
    }

    #b-acc_toolbar .stepper-btn {
      background: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      color: #475569 !important;
      width: 44px !important;
      height: 32px !important;
      min-width: 44px !important;
      border-radius: 8px !important;
      font-family: 'Exo 2', sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      cursor: pointer !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: all 0.2s ease !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
      float: none !important;
      padding: 0 !important;
      margin: 0 !important;
      line-height: 1 !important;
    }

    #b-acc_toolbar .stepper-btn:hover {
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      color: #007785 !important;
      transform: none !important;
      box-shadow: 0 2px 5px rgba(0, 153, 171, 0.12) !important;
    }

    #b-acc_toolbar .stepper-btn:active {
      transform: none !important;
      background: #daf0f3 !important;
    }

    #b-acc_toolbar .stepper-value {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      color: #1e293b !important;
      cursor: pointer !important;
      text-align: center !important;
      flex: 1 1 auto !important;
      text-decoration: none !important;
      background: transparent !important;
      border: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    #b-acc_toolbar .contrast-grid {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 8px !important;
      width: 100% !important;
      box-sizing: border-box !important;
      margin-bottom: 16px !important;
    }

    #b-acc_toolbar .contrast-card {
      border: 1px solid #e2e8f0 !important;
      border-radius: 10px !important;
      padding: 9px 12px !important;
      cursor: pointer !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 10px !important;
      background: #ffffff !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
      transition: all 0.2s ease !important;
      box-sizing: border-box !important;
      width: 100% !important;
      float: none !important;
    }

    #b-acc_toolbar .contrast-card:hover {
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      transform: none !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.12) !important;
    }

    #b-acc_toolbar .contrast-card.active {
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.5) !important;
      box-shadow: 0 2px 6px rgba(0, 153, 171, 0.15) !important;
    }

    #b-acc_toolbar .contrast-preview {
      width: 22px !important;
      height: 22px !important;
      min-width: 22px !important;
      min-height: 22px !important;
      border-radius: 6px !important;
      border: 1px solid rgba(0, 0, 0, 0.15) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      font-size: 11px !important;
      font-weight: 800 !important;
      flex-shrink: 0 !important;
      line-height: 1 !important;
    }

    #b-acc_toolbar .cp-std {
      background: #f8fafc !important;
      color: #007785 !important;
    }

    #b-acc_toolbar .cp-light {
      background: #ffffff !important;
      color: #000000 !important;
    }

    #b-acc_toolbar .cp-dark {
      background: #0f172a !important;
      color: #38bdf8 !important;
    }

    #b-acc_toolbar .cp-mono {
      background: #475569 !important;
      color: #ffffff !important;
    }

    #b-acc_toolbar .contrast-name {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 12.5px !important;
      font-weight: 600 !important;
      color: #1e293b !important;
      line-height: 1.2 !important;
      margin: 0 !important;
      padding: 0 !important;
      white-space: nowrap !important;
    }

    #b-acc_toolbar .toggle-list {
      display: flex !important;
      flex-direction: column !important;
      gap: 8px !important;
      width: 100% !important;
      box-sizing: border-box !important;
      margin-bottom: 16px !important;
    }

    #b-acc_toolbar .toggle-row {
      background: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      border-radius: 10px !important;
      padding: 9px 12px !important;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: space-between !important;
      cursor: pointer !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
      transition: all 0.2s ease !important;
      box-sizing: border-box !important;
      width: 100% !important;
      float: none !important;
    }

    #b-acc_toolbar .toggle-row:hover {
      background: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 3px 8px rgba(0, 153, 171, 0.1) !important;
    }

    #b-acc_toolbar .toggle-left {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      gap: 10px !important;
    }

    #b-acc_toolbar .toggle-left i {
      color: #0099ab !important;
      font-size: 14px !important;
      width: 16px !important;
      text-align: center !important;
    }

    #b-acc_toolbar .toggle-text {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 12.8px !important;
      font-weight: 600 !important;
      color: #1e293b !important;
      white-space: nowrap !important;
    }

    #b-acc_toolbar .ios-switch {
      width: 36px !important;
      height: 20px !important;
      min-width: 36px !important;
      background: #cbd5e1 !important;
      border-radius: 999px !important;
      position: relative !important;
      transition: background 0.25s ease !important;
      flex-shrink: 0 !important;
    }

    #b-acc_toolbar .ios-switch::after {
      content: "" !important;
      position: absolute !important;
      top: 2px !important;
      left: 2px !important;
      width: 16px !important;
      height: 16px !important;
      border-radius: 50% !important;
      background: #ffffff !important;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    #b-acc_toolbar .toggle-row.active .ios-switch {
      background: #0099ab !important;
    }

    #b-acc_toolbar .toggle-row.active .ios-switch::after {
      transform: translateX(16px) !important;
    }

    #b-acc_toolbar .panel-footer {
      border-top: 1px solid rgba(0, 153, 171, 0.12) !important;
      padding-top: 12px !important;
      margin-top: 0 !important;
      display: flex !important;
      flex-direction: row !important;
      justify-content: space-between !important;
      align-items: center !important;
      width: 100% !important;
      box-sizing: border-box !important;
      background: transparent !important;
    }

    #b-acc_toolbar .reset-btn {
      background: transparent !important;
      border: none !important;
      color: #64748b !important;
      font-family: 'Exo 2', sans-serif !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      transition: all 0.2s ease !important;
      padding: 6px 8px !important;
      border-radius: 6px !important;
      margin: 0 !important;
      float: none !important;
    }

    #b-acc_toolbar .reset-btn:hover {
      color: #0099ab !important;
    }

    #b-acc_toolbar .save-badge {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 11.5px !important;
      font-weight: 600 !important;
      color: #10b981 !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 4px !important;
    }

    #tz-menu-canvas-wrapper::-webkit-scrollbar,
    #b-acc_toolbar::-webkit-scrollbar,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable::-webkit-scrollbar {
      width: 5px !important;
    }

    #tz-menu-canvas-wrapper::-webkit-scrollbar-track,
    #b-acc_toolbar::-webkit-scrollbar-track,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable::-webkit-scrollbar-track {
      background: transparent !important;
    }

    #tz-menu-canvas-wrapper::-webkit-scrollbar-thumb,
    #b-acc_toolbar::-webkit-scrollbar-thumb,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable::-webkit-scrollbar-thumb {
      background: rgba(0, 153, 171, 0.25) !important;
      border-radius: 4px !important;
    }

    #tz-menu-canvas-wrapper::-webkit-scrollbar-thumb:hover,
    #b-acc_toolbar::-webkit-scrollbar-thumb:hover,
    #tz-menu-canvas-wrapper ul.nav.tzscrollable::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 153, 171, 0.5) !important;
    }

    @media (max-width: 991px) {

      body.home #b-acc-toolbarWrap,
      #b-acc-toolbarWrap,
      div.b-acc_hide_toolbar,
      body.home #b-acc-toolbarWrap div.b-acc_hide_toolbar,
      body.is-scrolled-header div.b-acc_hide_toolbar,
      body.home.is-scrolled-header div.b-acc_hide_toolbar,
      body.home.is-scrolled-header #b-acc-toolbarWrap div.b-acc_hide_toolbar {
        display: none !important;
      }

      .tz-button-toggle.tz-canvas-customer {
        margin-left: 0 !important;
      }
    }

    body.b-acc-dark,
    body.acc-contrast-dark {
      background-color: #121212 !important;
      color: #ffffff !important;
    }

    body.b-acc-dark #tz-menu-home-1-wrapper,
    body.b-acc-dark .tz-header-4,
    body.b-acc-dark .tz-custom-footer,
    body.b-acc-dark .tz-address-style-4,
    body.b-acc-dark .container,
    body.b-acc-dark .tz-module,
    body.b-acc-dark .mod-newsflash,
    body.b-acc-dark .item-image,
    body.b-acc-dark .panel,
    body.b-acc-dark .jumbotron,
    body.acc-contrast-dark #tz-menu-home-1-wrapper,
    body.acc-contrast-dark .tz-header-4,
    body.acc-contrast-dark .tz-custom-footer,
    body.acc-contrast-dark .tz-address-style-4,
    body.acc-contrast-dark .container,
    body.acc-contrast-dark .tz-module,
    body.acc-contrast-dark .mod-newsflash,
    body.acc-contrast-dark .item-image,
    body.acc-contrast-dark .panel,
    body.acc-contrast-dark .jumbotron {
      background-color: #18181b !important;
      border-color: rgba(255, 255, 255, 0.25) !important;
    }

    body.b-acc-dark .kubg-hero-slider img,
    body.acc-contrast-dark .kubg-hero-slider img {
      filter: brightness(0.35) contrast(1.2) !important;
    }

    body.b-acc-dark h1:not(#b-acc_toolbar *),
    body.b-acc-dark h2:not(#b-acc_toolbar *),
    body.b-acc-dark h3:not(#b-acc_toolbar *),
    body.b-acc-dark h4:not(#b-acc_toolbar *),
    body.b-acc-dark h5:not(#b-acc_toolbar *),
    body.b-acc-dark h6:not(#b-acc_toolbar *),
    body.b-acc-dark p:not(#b-acc_toolbar *),
    body.b-acc-dark span:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *),
    body.b-acc-dark div.home_text,
    body.acc-contrast-dark h1:not(#b-acc_toolbar *),
    body.acc-contrast-dark h2:not(#b-acc_toolbar *),
    body.acc-contrast-dark h3:not(#b-acc_toolbar *),
    body.acc-contrast-dark h4:not(#b-acc_toolbar *),
    body.acc-contrast-dark p:not(#b-acc_toolbar *),
    body.acc-contrast-dark span:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *) {
      color: #ffffff !important;
    }

    body.b-acc-dark a:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *),
    body.acc-contrast-dark a:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *) {
      color: #ffd700 !important;
      font-weight: 600 !important;
    }

    body.b-acc-dark .tz-button-toggle,
    body.b-acc-dark #tz-menu-home-1-wrapper i,
    body.acc-contrast-dark .tz-button-toggle,
    body.acc-contrast-dark #tz-menu-home-1-wrapper i {
      color: #ffffff !important;
    }

    body.b-acc-dark div.b-acc_hide_toolbar,
    body.acc-contrast-dark div.b-acc_hide_toolbar {
      filter: brightness(0) invert(1) !important;
    }

    body.b-acc-dark a:not(#b-acc_toolbar *):hover,
    body.acc-contrast-dark a:not(#b-acc_toolbar *):hover {
      color: #38bdf8 !important;
    }

    body.b-acc-bright,
    body.acc-contrast-light {
      background-color: #ffffff !important;
      color: #000000 !important;
    }

    body.home.b-acc-bright #b-acc-toolbarWrap div.b-acc_hide_toolbar,
    body.b-acc-bright div.b-acc_hide_toolbar,
    body.acc-contrast-light div.b-acc_hide_toolbar {
      filter: brightness(0) !important;

    }

    body.b-acc-bright .tz-button-toggle,
    body.b-acc-bright #tz-menu-home-1-wrapper a,
    body.b-acc-bright #tz-menu-home-1-wrapper i,
    body.acc-contrast-light .tz-button-toggle,
    body.acc-contrast-light #tz-menu-home-1-wrapper a,
    body.acc-contrast-light #tz-menu-home-1-wrapper i {
      color: #000000 !important;
    }

    body.b-acc-bright #tz-menu-home-1-wrapper,
    body.b-acc-bright .tz-header-4,
    body.b-acc-bright .tz-custom-footer,
    body.b-acc-bright .tz-address-style-4,
    body.b-acc-bright .container,
    body.b-acc-bright .tz-module,
    body.b-acc-bright .mod-newsflash,
    body.b-acc-bright .item-image,
    body.b-acc-bright .panel,
    body.b-acc-bright .jumbotron,
    body.acc-contrast-light #tz-menu-home-1-wrapper,
    body.acc-contrast-light .tz-header-4,
    body.acc-contrast-light .tz-custom-footer,
    body.acc-contrast-light .tz-address-style-4,
    body.acc-contrast-light .container,
    body.acc-contrast-light .tz-module,
    body.acc-contrast-light .mod-newsflash,
    body.acc-contrast-light .item-image,
    body.acc-contrast-light .panel,
    body.acc-contrast-light .jumbotron {
      background-color: #ffffff !important;
      border-color: #000000 !important;
      box-shadow: none !important;
    }

    body.b-acc-bright #tz-menu-home-1-wrapper,
    body.acc-contrast-light #tz-menu-home-1-wrapper {
      border-bottom: 2px solid #000000 !important;
    }

    body.b-acc-bright a:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *),
    body.acc-contrast-light a:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *) {
      color: #0000ee !important;
      font-weight: 700 !important;
      text-decoration: underline !important;
    }

    body.b-acc-bright h1:not(#b-acc_toolbar *),
    body.b-acc-bright h2:not(#b-acc_toolbar *),
    body.b-acc-bright h3:not(#b-acc_toolbar *),
    body.b-acc-bright h4:not(#b-acc_toolbar *),
    body.b-acc-bright p:not(#b-acc_toolbar *),
    body.b-acc-bright span:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *),
    body.acc-contrast-light h1:not(#b-acc_toolbar *),
    body.acc-contrast-light h2:not(#b-acc_toolbar *),
    body.acc-contrast-light h3:not(#b-acc_toolbar *),
    body.acc-contrast-light h4:not(#b-acc_toolbar *),
    body.acc-contrast-light p:not(#b-acc_toolbar *),
    body.acc-contrast-light span:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *) {
      color: #000000 !important;
    }

    html.b-acc-grayscale,
    body.b-acc-grayscale,
    html.acc-contrast-mono,
    body.acc-contrast-mono {
      -webkit-filter: grayscale(100%) !important;
      filter: grayscale(100%) !important;
    }

    body.b-acc-underlines a:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *),
    body.acc-underline-links a:not(#b-acc_toolbar *):not(.b-acc_hide_toolbar):not(.tz-button-toggle *) {
      text-decoration: underline !important;
    }

    #b-acc-toolbarWrap *,
    #b-acc-toolbarWrap *:focus,
    #b-acc_toolbar *,
    #b-acc_toolbar *:focus,
    #b-acc_toolbar .toggle-row:focus,
    #b-acc_toolbar .contrast-card:focus,
    #b-acc_toolbar .stepper-btn:focus,
    #b-acc_toolbar .close-circle-btn:focus,
    #b-acc_toolbar .reset-btn:focus {
      outline: none !important;
    }

    body.b-acc-focus a:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.b-acc-focus button:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.b-acc-focus input:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.b-acc-focus select:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.b-acc-focus textarea:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.b-acc-focus [tabindex]:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.acc-keyboard-nav a:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.acc-keyboard-nav button:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.acc-keyboard-nav input:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.acc-keyboard-nav select:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.acc-keyboard-nav textarea:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *),
    body.acc-keyboard-nav [tabindex]:focus:not(#b-acc-toolbarWrap *):not(#b-acc_toolbar *) {
      outline: 2px solid #0099ab !important;
      outline-offset: 2px !important;
      box-shadow: 0 0 0 3px rgba(0, 153, 171, 0.25) !important;
    }

    .grinchenko-widget-base {
      position: fixed !important;
      z-index: 90 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 4px !important;
      padding: 4px !important;
      border-radius: 12px !important;
      background: rgba(0, 0, 0, 0.25) !important;
      backdrop-filter: blur(5px) !important;
      -webkit-backdrop-filter: blur(5px) !important;
      border: none !important;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
      transition: background 0.3s ease, box-shadow 0.3s ease !important;
    }

    @media (hover: hover) {
      .grinchenko-widget-base:hover {
        background: #1e98a7 !important;
        box-shadow: 0 6px 15px rgba(30, 152, 167, 0.4) !important;
      }
    }

    .grinchenko-widget-base:active {
      background: #1e98a7 !important;
      box-shadow: 0 6px 15px rgba(30, 152, 167, 0.4) !important;
    }

    .g-btn-micro {
      background: transparent !important;
      border: none !important;
      color: #fff !important;
      width: 32px !important;
      height: 32px !important;
      border-radius: 8px !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 0 !important;
      margin: 0 !important;
      transition: background 0.2s, transform 0.1s !important;
      outline: none !important;
    }

    .g-btn-micro span.fa {
      font-size: 18px !important;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1 !important;
      text-align: center !important;
    }

    #grinchenko-hist-widget .g-btn-micro:hover:not(:disabled) {
      background: rgba(255, 255, 255, 0.15) !important;
    }

    #grinchenko-up-widget .g-btn-micro:hover:not(:disabled) {
      background: transparent !important;
    }

    .g-btn-micro:active:not(:disabled) {
      transform: scale(0.9) !important;
    }

    .g-btn-micro:disabled {
      opacity: 0.3 !important;
      cursor: default !important;
    }

    #grinchenko-hist-widget {
      bottom: 25px !important;
      left: 25px !important;
    }

    #grinchenko-up-widget {
      bottom: 33% !important;
      right: 25px !important;
      left: auto !important;

      width: 40px !important;
      height: 40px !important;
      box-sizing: border-box !important;

      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;

      will-change: transform, opacity !important;
      -webkit-transform: translate3d(0, 10px, 0) !important;
      transform: translate3d(0, 10px, 0) !important;

      transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
        visibility 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1),
        background 0.3s ease,
        box-shadow 0.3s ease !important;
    }

    #grinchenko-up-widget.is-scrolled {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;

      -webkit-transform: translate3d(0, 0, 0) !important;
      transform: translate3d(0, 0, 0) !important;
    }

    @media (max-width: 768px) {
      #grinchenko-hist-widget {
        display: none !important;
      }

      #grinchenko-up-widget {
        bottom: 33% !important;
        right: 15px !important;
        left: auto !important;
      }
    }

    div.skiptranslate,

    #google_translate_element2 {
      display: none !important;
    }

    #gt_float_wrapper {
      position: fixed !important;
      bottom: 24px !important;
      right: 24px !important;
      z-index: 999999 !important;
      background: transparent !important;
      box-shadow: none !important;
      border: none !important;
      padding: 0 !important;
      margin: 0 !important;
      overflow: visible !important;
    }

    .gt_float_switcher {
      position: relative !important;
      display: inline-flex !important;
      flex-direction: column !important;
      align-items: flex-end !important;
      font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
      background: transparent !important;
      background-color: transparent !important;
      box-shadow: none !important;
      border: none !important;
      border-radius: 0 !important;
      overflow: visible !important;
      line-height: normal !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    .gt_float_switcher .gt-selected {
      position: relative !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 7px !important;
      padding: 5px 11px 5px 7px !important;
      background: #ffffff !important;
      border: 1px solid rgba(0, 153, 171, 0.28) !important;
      border-radius: 30px !important;
      color: #1e293b !important;
      cursor: pointer !important;
      box-shadow: 0 4px 16px rgba(0, 20, 30, 0.08) !important;
      transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
      user-select: none !important;
      outline: none !important;
      text-transform: none !important;
      float: none !important;
      overflow: visible !important;
    }

    .gt_float_switcher .gt-selected .gt-current-lang,
    .gt_float_switcher .gt-selected span.gt_float_switcher-arrow {
      display: none !important;
    }

    .gt_float_switcher .gt-selected:hover,
    .gt_float_switcher.gt-open .gt-selected {
      background: #ffffff !important;
      border-color: rgba(0, 153, 171, 0.55) !important;
      box-shadow: 0 8px 24px rgba(0, 153, 171, 0.18) !important;
      transform: translateY(-2px) !important;
    }

    .gt_float_switcher .gt-icon-circle {
      width: 20px !important;
      height: 20px !important;
      border-radius: 50% !important;
      background: rgba(0, 153, 171, 0.12) !important;
      color: #007785 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
    }

    .gt_float_switcher .gt-icon-circle svg {
      width: 12px !important;
      height: 12px !important;
      display: block !important;
      stroke-width: 2.2 !important;
    }

    .gt_float_switcher .gt-text-group {
      display: flex !important;
      flex-direction: column !important;
      text-align: left !important;
      line-height: 1.1 !important;
    }

    .gt_float_switcher .gt-sub-label {
      font-size: 8.5px !important;
      text-transform: uppercase !important;
      font-weight: 800 !important;
      color: #64748b !important;
      letter-spacing: 0.5px !important;
      display: block !important;
    }

    .gt_float_switcher .gt-main-label {
      font-size: 11.5px !important;
      font-weight: 700 !important;
      color: #007785 !important;
      text-transform: none !important;
      display: block !important;
      letter-spacing: -0.1px !important;
    }

    .gt_float_switcher .gt-arrow-icon {
      color: #64748b !important;
      flex-shrink: 0 !important;
      margin-left: 2px !important;
      width: 9px !important;
      height: 9px !important;
      transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    }

    .gt_float_switcher.gt-open .gt-arrow-icon {
      transform: rotate(180deg) !important;
    }

    .gt_float_switcher .gt_options {
      position: absolute !important;
      bottom: calc(100% + 8px) !important;
      right: 0 !important;
      width: 180px !important;
      background: #ffffff !important;
      border: 1px solid rgba(226, 232, 240, 0.9) !important;
      border-radius: 14px !important;
      padding: 6px !important;
      box-shadow: 0 12px 30px rgba(0, 35, 45, 0.16) !important;
      display: none !important;
      flex-direction: column !important;
      gap: 3px !important;
      z-index: 9999999 !important;
      transform-origin: bottom right !important;
      overflow: visible !important;
      max-height: none !important;
      transform: none !important;
      opacity: 1 !important;
      float: none !important;
      cursor: default !important;
    }

    .gt_float_switcher.gt-open .gt_options {
      display: flex !important;
      opacity: 1 !important;
      visibility: visible !important;
      animation: gtPop 0.22s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    }

    @keyframes gtPop {
      from {
        opacity: 0;
        transform: scale(0.94) translateY(6px);
      }

      to {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .gt_options_header {
      font-size: 9px !important;
      font-weight: 700 !important;
      color: #64748b !important;
      text-transform: uppercase !important;
      letter-spacing: 0.5px !important;
      padding: 4px 8px 3px 8px !important;
      border-bottom: 1px solid #f1f5f9 !important;
      margin-bottom: 2px !important;
      display: block !important;
    }

    .gt_float_switcher .gt_options a {
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      padding: 7px 10px !important;
      border-radius: 8px !important;
      color: #1e293b !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      text-decoration: none !important;
      transition: all 0.2s ease !important;
      cursor: pointer !important;
      background: transparent !important;
      border: none !important;
      width: 100% !important;
      box-sizing: border-box !important;
      white-space: nowrap !important;
    }

    .gt_float_switcher .gt_options a:hover {
      background: #f8fafc !important;
      color: #007785 !important;
    }

    .gt_float_switcher .gt_options a.gt-current {
      display: flex !important;
      background: #e6f6f8 !important;
      color: #007785 !important;
      font-weight: 700 !important;
    }

    .gt_float_switcher .gt_options a.gt-current .gt-lang-name {
      color: #007785 !important;
      font-weight: 700 !important;
    }

    .gt_float_switcher .gt_options a.gt-current .gt-lang-badge {
      color: #0099ab !important;
    }

    .gt_float_switcher .gt_options a img {
      width: 18px !important;
      height: 13px !important;
      border-radius: 2px !important;
      object-fit: cover !important;
      margin: 0 !important;
      flex-shrink: 0 !important;
    }

    .gt_float_switcher .gt_options .gt-lang-name {
      font-size: 12.5px !important;
      font-weight: 600 !important;
      color: #1e293b !important;
    }

    .gt_float_switcher .gt_options .gt-lang-badge {
      font-size: 9px !important;
      color: #94a3b8 !important;
      margin-left: auto !important;
      font-weight: 500 !important;
    }

    @media (max-width: 768px) {
      #gt_float_wrapper {
        bottom: 15px !important;
        right: 15px !important;
      }
    }

    #tz-home-slide-wrapper,
    .kubg-hero-section {
      width: 100% !important;
      max-width: 100vw !important;
      margin: 0 !important;
      padding: 0 !important;
      position: relative !important;
      overflow: hidden !important;
      background: #0b1120 !important;
      height: clamp(480px, 48vw, 750px) !important;
      min-height: 440px !important;
    }

    #tz-home-slide-wrapper:not(:has(#kubg-hero-slider)) {
      background-image: url('https://kubg.edu.ua/images/logo/2022/slider-01.png') !important;
      background-size: cover !important;
      background-position: center top !important;
      background-repeat: no-repeat !important;
    }

    #tz-home-slide-wrapper:not(:has(#kubg-hero-slider))::before {
      content: '' !important;
      position: absolute !important;
      inset: 0 !important;
      background: radial-gradient(circle at center, rgba(15, 23, 42, 0.15) 0%, rgba(11, 17, 32, 0.55) 100%) !important;
      z-index: 1 !important;
    }

    .kubg-hero-slider {
      position: relative !important;
      width: 100% !important;
      height: clamp(480px, 48vw, 750px) !important;
      min-height: 440px !important;
      overflow: hidden !important;
      background: #0b1120 !important;
    }

    .kubg-slider-track {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 1 !important;
    }

    .kubg-slide {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      opacity: 0 !important;
      visibility: hidden !important;
      z-index: 1 !important;
      transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), visibility 2s !important;
      will-change: opacity !important;
    }

    .kubg-slide.is-current {
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 2 !important;
    }

    .kubg-slide.is-incoming {
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 3 !important;
    }

    .kubg-slide-bg {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      background-size: cover !important;
      background-position: center top !important;
      background-repeat: no-repeat !important;
      transform-origin: center 15% !important;
      transform: scale(1) translateZ(0) !important;
      transition: transform 11s cubic-bezier(0.16, 1, 0.3, 1) !important;
      will-change: transform !important;
      z-index: 1 !important;
    }

    .kubg-slide.is-zooming .kubg-slide-bg,
    .kubg-slide.is-incoming .kubg-slide-bg {
      transform: scale(1.025) translateZ(0) !important;
    }

    .kubg-slide:not(.is-zooming):not(.is-incoming) .kubg-slide-bg {
      transform: scale(1) translateZ(0) !important;
      transition: none !important;
    }

    .kubg-slide-overlay {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.22) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.3) 100%) !important;
      z-index: 2 !important;
    }

    .kubg-hero-static-overlay {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      z-index: 10 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: space-between !important;
      width: 100% !important;
      height: 100% !important;
      max-width: 1240px !important;
      margin: 0 auto !important;
      padding: clamp(48px, 6vw, 72px) 20px clamp(35px, 5vw, 55px) 20px !important;
      box-sizing: border-box !important;
      text-align: center !important;
      pointer-events: none !important;
    }

    .kubg-hero-title-wrap,
    .kubg-hero-mission-wrap {
      width: 100% !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
    }

    .kubg-hero-title {
      font-family: 'Ezarion Bold', 'Ezarion', 'Exo 2', Arial, sans-serif !important;
      text-align: center !important;
      line-height: 1.22 !important;
      letter-spacing: 3px !important;
      color: #ffffff !important;
      text-transform: uppercase !important;
      font-size: clamp(26px, 4.2vw, 48px) !important;
      font-weight: 800 !important;
      margin: 0 !important;
      padding: 0 !important;
      text-shadow: 0 4px 20px rgba(0, 0, 0, 0.85), 0 2px 6px rgba(0, 0, 0, 0.6) !important;
    }

    .kubg-hero-mission {
      font-family: 'Ezarion Bold', 'Ezarion', 'Exo 2', Arial, sans-serif !important;
      background: rgba(0, 55, 65, 0.65) !important;
      border-top: 2px solid !important;
      border-bottom: 2px solid !important;
      border-image: linear-gradient(90deg, rgba(0, 210, 232, 0.2) 0%, #00d2e8 50%, rgba(0, 210, 232, 0.2) 100%) 1 !important;
      border-left: none !important;
      border-right: none !important;
      backdrop-filter: blur(18px) !important;
      -webkit-backdrop-filter: blur(18px) !important;
      padding: 10px clamp(28px, 6vw, 75px) !important;
      color: #ffffff !important;
      text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
      font-size: clamp(14px, 2.1vw, 23px) !important;
      font-weight: 700 !important;
      letter-spacing: 1.4px !important;
      margin: 0 !important;
      text-align: center !important;
      line-height: 1.3 !important;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 210, 232, 0.25) !important;
    }

    .kubg-hero-mission .accent-dash {
      color: #ffffff !important;
      margin: 0 6px !important;
    }

    @media (min-width: 992px) {
      #tz-menu-home-1-wrapper {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background-color: #0099ab !important;
        transform: translateZ(0) !important;
        will-change: background-color, box-shadow, backdrop-filter !important;
        transition: background-color 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease !important;
      }

      #tz-menu-home-1-wrapper.is-scrolled,
      #tz-menu-home-1-wrapper.tz-header-4-eff,
      .tz-header-4.tz-header-4-eff {
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background-color: rgba(0, 140, 155, 0.92) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18) !important;
      }
    }

    .tz-button-toggle.tz-canvas-customer i.fa-university {
      font-size: 17.5px !important;
      line-height: 1 !important;
      color: #ffffff !important;
      text-shadow: none !important;
      transition: text-shadow 0.2s ease, font-size 0.2s ease !important;
    }

    .tz-button-toggle.tz-canvas-customer:hover i.fa-university {
      text-shadow: 0 0 14px rgba(255, 255, 255, 0.95), 0 0 22px rgba(0, 210, 232, 0.75) !important;
    }

    #phone_icon_home {
      width: auto !important;
    }

    #phone_icon_home em.fa-phone {
      font-size: 23px !important;
      line-height: 1 !important;
      display: inline-block !important;
      vertical-align: top !important;
      margin-top: -2px !important;
      color: #ffffff !important;
      text-shadow: none !important;
      transition: text-shadow 0.2s ease !important;
    }

    #phone_icon_home:hover em.fa-phone {
      text-shadow: 0 0 14px rgba(255, 255, 255, 0.95), 0 0 22px rgba(0, 210, 232, 0.75) !important;
    }

    .tz-header-4 img.partner {
      height: 18px !important;
      width: 36px !important;
      padding: 0 !important;
      border: none !important;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      border-radius: 3px !important;
      top: 28.5px !important;
      right: 85px !important;
      filter: none !important;
      transition: top 0.3s ease, right 0.3s ease, filter 0.2s ease !important;
    }

    .tz-header-4 img.partner:hover {
      filter: drop-shadow(0 0 14px rgba(255, 255, 255, 0.95)) drop-shadow(0 0 22px rgba(0, 210, 232, 0.75)) !important;
    }

    .tz-header-4 .tz-search {
      top: 31px !important;
      background: transparent !important;
      border: none !important;
      padding: 0 !important;
      transition: all 0.3s ease !important;
    }

    .tz-header-4 .tz-search i {
      font-size: 18px !important;
      line-height: 18px !important;
      display: inline-block !important;
      vertical-align: top !important;
      color: #ffffff !important;
      text-shadow: none !important;
      transition: text-shadow 0.2s ease !important;
    }

    .tz-header-4 .tz-search:hover i {
      text-shadow: 0 0 14px rgba(255, 255, 255, 0.95), 0 0 22px rgba(0, 210, 232, 0.75) !important;
    }

    .tz-header-4 .menu-home-1 > li > a {
      transition: padding 0.3s ease !important;
    }

    @media (min-width: 992px) {

      #tz-menu-home-1-wrapper.is-scrolled .menu-home-1 > li > a,
      .tz-header-4.tz-header-4-eff .menu-home-1 > li > a {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        transition: padding 0.3s ease !important;
      }

      #tz-menu-home-1-wrapper.is-scrolled .logo #tzlogo img,
      .tz-header-4.tz-header-4-eff .logo #tzlogo img {
        max-width: 90px !important;
        width: 90px !important;
        margin-left: -45px !important;
        transition: all 0.3s ease !important;
      }

      #tz-menu-home-1-wrapper.is-scrolled img.partner,
      .tz-header-4.tz-header-4-eff img.partner {
        top: 20.5px !important;
        right: 80px !important;
        transition: top 0.3s ease, right 0.3s ease !important;
      }

      #tz-menu-home-1-wrapper.is-scrolled .tz-search,
      .tz-header-4.tz-header-4-eff .tz-search {
        top: 23px !important;
        transition: top 0.3s ease !important;
      }

      #tz-menu-home-1-wrapper.is-scrolled .tz-button-toggle.tz-canvas-customer,
      .tz-header-4.tz-header-4-eff .tz-button-toggle.tz-canvas-customer {
        margin-top: 22px !important;
        transition: margin-top 0.3s ease !important;
      }

      #tz-menu-home-1-wrapper.is-scrolled #phone_icon_home,
      .tz-header-4.tz-header-4-eff #phone_icon_home {
        margin-top: 22px !important;
        transition: margin-top 0.3s ease !important;
      }
    }

    .tz-search-fixed {
      position: fixed !important;
      inset: 0 !important;
      width: 100vw !important;
      height: 100vh !important;
      background: rgba(15, 23, 42, 0.45) !important;
      backdrop-filter: blur(8px) !important;
      -webkit-backdrop-filter: blur(8px) !important;
      z-index: 99999999 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      padding: 30px !important;
      box-sizing: border-box !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: none !important;
      border: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      will-change: opacity, visibility !important;
      transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0.3s !important;
    }

    .tz-search-fixed:not(.tz-content-search-eff) {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .tz-search-fixed.tz-content-search-eff {
      display: flex !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
    }

    .tz-search-fixed form.form-inline {
      position: relative !important;
      width: 100% !important;
      max-width: 820px !important;
      background: rgba(255, 255, 255, 0.95) !important;
      backdrop-filter: blur(28px) saturate(190%) !important;
      -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
      border-radius: 24px !important;
      border: 1px solid rgba(255, 255, 255, 0.98) !important;
      box-shadow: 0 25px 65px rgba(15, 23, 42, 0.22), 0 4px 16px rgba(0, 0, 0, 0.04) !important;
      padding: 56px 64px 48px 64px !important;
      margin: 0 auto !important;
      box-sizing: border-box !important;
      transform: scale(0.94) translateY(-12px) !important;
      will-change: transform !important;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .tz-search-fixed.tz-content-search-eff form.form-inline {
      transform: scale(1) translateY(0) !important;
    }

    .tz-search-fixed i.tz-form-close {
      position: absolute !important;
      top: 20px !important;
      right: 20px !important;
      width: 38px !important;
      height: 38px !important;
      min-width: 38px !important;
      min-height: 38px !important;
      border-radius: 50% !important;
      background-color: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      font-size: 0 !important;
      color: transparent !important;
      user-select: none !important;
      outline: none !important;
      background-repeat: no-repeat !important;
      background-position: center center !important;
      background-size: 14px 14px !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
      transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-image 0.2s ease !important;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
      z-index: 20 !important;
    }

    .tz-search-fixed i.tz-form-close::before {
      content: none !important;
      display: none !important;
    }

    .tz-search-fixed i.tz-form-close:hover {
      transform: scale(1.06) !important;
      background-color: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 3px 10px rgba(0, 153, 171, 0.18) !important;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007685' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
    }

    .tz-search-fixed i.tz-form-close:active {
      transform: scale(0.94) !important;
    }

    .tz-search-fixed .search-query {
      position: relative !important;
      top: auto !important;
      left: auto !important;
      width: 100% !important;
      height: auto !important;
      background: transparent !important;
      border: none !important;
      border-bottom: 1.5px solid #e2e8f0 !important;
      border-radius: 0 !important;
      color: #1e293b !important;
      font-family: 'Exo 2', 'Ezarion', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
      font-size: 26px !important;
      font-weight: 600 !important;
      letter-spacing: 0.3px !important;
      line-height: 1.25 !important;
      padding: 4px 4px 10px 4px !important;
      margin: 10px 0 0 0 !important;
      outline: none !important;
      box-shadow: none !important;
      box-sizing: border-box !important;
      z-index: 10 !important;
      transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
    }

    .tz-search-fixed .search-query:hover {
      border-bottom-color: rgba(0, 153, 171, 0.3) !important;
    }

    .tz-search-fixed .search-query:focus {
      border-bottom: 1.5px solid rgba(0, 153, 171, 0.45) !important;
      box-shadow: 0 1px 0 rgba(0, 153, 171, 0.45) !important;
    }

    .tz-search-fixed .search-query::-webkit-input-placeholder {
      color: #94a3b8 !important;
      font-weight: 500 !important;
    }

    .tz-search-fixed .search-query::-moz-placeholder {
      color: #94a3b8 !important;
      font-weight: 500 !important;
    }

    .tz-search-fixed .search-query:-ms-input-placeholder {
      color: #94a3b8 !important;
      font-weight: 500 !important;
    }

    .nav.menu-home-1 .dropdown-menu {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      top: 100% !important;
      left: 0 !important;
      margin: 0 !important;
      position: absolute !important;
      z-index: 99999 !important;
      transform: translateY(-2px) !important;
      transform-origin: top center !important;
      background: rgba(255, 255, 255, 0.98) !important;
      backdrop-filter: blur(35px) saturate(200%) !important;
      -webkit-backdrop-filter: blur(35px) saturate(200%) !important;
      border-radius: 0 0 14px 14px !important;
      border-left: 1px solid rgba(255, 255, 255, 0.95) !important;
      border-right: 1px solid rgba(255, 255, 255, 0.95) !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.95) !important;
      border-top: none !important;
      box-shadow: 0 20px 45px rgba(0, 35, 45, 0.18), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
      padding: 8px 6px 10px 6px !important;
      width: max-content !important;
      min-width: 275px !important;
      transition: opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
        visibility 0.18s !important;
    }

    .nav.menu-home-1 .dropdown-menu::before {
      content: '' !important;
      position: absolute !important;
      top: -12px !important;
      left: 0 !important;
      right: 0 !important;
      height: 12px !important;
      background: transparent !important;
    }

    .tz-header-4 .nav.menu-home-1>li.dropdown.is-active-menu>.dropdown-menu {
      display: block !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: translateY(0) !important;
      pointer-events: auto !important;
    }

    .tz-header-4 .nav.menu-home-1>li.dropdown.is-closing>.dropdown-menu {
      display: block !important;
      opacity: 0 !important;
      visibility: visible !important;
      transform: translateY(-2px) !important;
      pointer-events: none !important;
      transition: opacity 0.09s ease-out, transform 0.09s ease-out !important;
    }

    .tz-header-4 .nav.menu-home-1>li.dropdown.is-active-menu>a {
      color: #ffffff !important;
      text-shadow: 0 0 14px rgba(255, 255, 255, 0.95), 0 0 22px rgba(0, 210, 232, 0.75) !important;
      background: transparent !important;
    }

    .tz-header-4 .nav.menu-home-1:not(.js-active-nav)>li.dropdown:hover>.dropdown-menu {
      display: block !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: translateY(0) !important;
      pointer-events: auto !important;
    }

    .nav.menu-home-1 .dropdown-menu>li {
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
    }

    .nav.menu-home-1 .dropdown-menu>li>a {
      font-family: 'Ezarion', 'Exo 2', -apple-system, Arial, sans-serif !important;
      color: #1e293b !important;
      font-size: 13.8px !important;
      font-weight: 600 !important;
      letter-spacing: 0.2px !important;
      padding: 8.5px 18px 8.5px 18px !important;
      border-radius: 8px !important;
      display: block !important;
      text-decoration: none !important;
      line-height: 1.35 !important;
      white-space: nowrap !important;
      position: relative !important;
      transition: background-color 0.18s ease,
        color 0.18s ease,
        padding 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .nav.menu-home-1 .dropdown-menu>li>a::before {
      content: '' !important;
      position: absolute !important;
      left: 12px !important;
      top: 50% !important;
      margin-top: -3px !important;
      width: 6px !important;
      height: 6px !important;
      border-radius: 50% !important;
      background-color: #0099ab !important;
      opacity: 0 !important;
      transform: scale(0) !important;
      transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
        opacity 0.16s ease,
        box-shadow 0.16s ease !important;
    }

    .nav.menu-home-1 .dropdown-menu>li>a:hover,
    .nav.menu-home-1 .dropdown-menu>li.active>a {
      background-color: rgba(0, 153, 171, 0.12) !important;
      color: #007785 !important;
      padding-left: 26px !important;
      padding-right: 10px !important;
    }

    .nav.menu-home-1 .dropdown-menu>li>a:hover::before,
    .nav.menu-home-1 .dropdown-menu>li.active>a::before {
      opacity: 1 !important;
      transform: scale(1) !important;
      box-shadow: 0 0 8px rgba(0, 210, 232, 0.85) !important;
    }

    .mobile-menu-module {
      display: none !important;
    }

    @media (max-width: 991px) {

      html,
      body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
      }

      .tz-header-4 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }

      .tz-search-fixed {
        padding: 16px !important;
        width: 100% !important;
        max-width: 100% !important;
      }

      .tz-search-fixed form.form-inline {
        width: 100% !important;
        max-width: 440px !important;
        padding: 34px 22px 28px 22px !important;
        min-height: auto !important;
        border-radius: 22px !important;
      }

      .tz-search-fixed i.tz-form-close {
        top: 12px !important;
        right: 12px !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        background-size: 12px 12px !important;
      }

      .tz-search-fixed .search-query {
        font-size: 18.5px !important;
        line-height: 1.35 !important;
        padding: 4px 2px 6px 2px !important;
        margin: 6px 0 0 0 !important;
      }

      #tz-home-slide-wrapper,
      .kubg-hero-section,
      .kubg-hero-slider {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 15 / 8 !important;
      }

      .kubg-hero-static-overlay {
        padding: clamp(10px, 3.2vw, 16px) 10px clamp(8px, 2.5vw, 12px) 10px !important;
        justify-content: space-between !important;
      }

      .kubg-hero-title {
        font-size: clamp(13px, 3.9vw, 17.5px) !important;
        letter-spacing: 0.8px !important;
        line-height: 1.22 !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.95), 0 1px 4px rgba(0, 0, 0, 0.8) !important;
      }

      .kubg-hero-mission {
        font-size: clamp(9.5px, 2.6vw, 12px) !important;
        font-weight: 500 !important;
        letter-spacing: 0.25px !important;
        padding: 4px clamp(8px, 2.5vw, 14px) !important;
        line-height: 1.25 !important;
        max-width: 98% !important;
        border-top: 1.5px solid #00d2e8 !important;
        border-bottom: 1.5px solid #00d2e8 !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.45) !important;
      }

      .kubg-hero-mission .accent-dash {
        color: #ffffff !important;
        margin: 0 4px !important;
        font-weight: 400 !important;
      }

      body section#tz-home-slide-wrapper,
      section#tz-home-slide-wrapper,
      .kubg-hero-section {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
      }

      body section#tz-custom-article-wrapper,
      section#tz-custom-article-wrapper,
      #tz-custom-article-wrapper {
        padding: 14px 0 0 0 !important;
        margin: 0 !important;
      }

      body section#tz-latest-event-wrapper,
      section#tz-latest-event-wrapper,
      #tz-latest-event-wrapper,
      body section#tz-latest-article-wrapper,
      section#tz-latest-article-wrapper,
      #tz-latest-article-wrapper {
        padding: 0 !important;
        margin: 0 !important;
      }

      #tz-custom-article-wrapper .container,
      #tz-latest-event-wrapper .container,
      #tz-latest-article-wrapper .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      #tz-custom-article-wrapper #custom-article,
      #tz-latest-event-wrapper #latest-event,
      #tz-latest-article-wrapper #latest-article {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      #tz-custom-article-wrapper #tz-position-3,
      #tz-latest-event-wrapper #tz-position-2,
      #tz-latest-article-wrapper #tz-position-13 {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      #Mod345,
      #Mod345 .module-inner,
      #Mod345 .module-ct,
      #Mod345 .custom,
      #Mod345 .custom>div,
      #Mod348,
      #Mod348 .module-inner,
      #Mod348 .module-ct,
      #Mod348 .custom,
      #Mod348 .custom>div,
      #Mod348 .custom>.col-lg-12 {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      .kubg-haslo,
      #Mod345 .kubg-haslo {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
      }

      .kubg-haslo .haslo-inner,
      .kubg-haslo>div,
      #Mod345 .haslo-inner,
      #Mod345 .haslo-inner p,
      .kubg-haslo .haslo-inner p,
      .kubg-haslo>div p {
        font-size: 16.5px !important;
        letter-spacing: 1px !important;
        padding: 6px 14px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        color: #007785 !important;
      }

      .home-res-block>.col-lg-12 {
        grid-column: 1 / -1 !important;
        padding: 0 !important;
        margin: 0 0 4px 0 !important;
        width: 100% !important;
      }

      .studentskyi-ofis-btn,
      .home-res-block a[href*="studentskyi-ofis"] {
        height: 42px !important;
        font-size: 12.5px !important;
        letter-spacing: 0.8px !important;
        border-radius: 10px !important;
        margin: 0 auto !important;
      }

      .kubg-vision-card,
      #Mod348 .kubg-vision-card,
      #Mod348 .custom>div>div,
      #Mod348 div:has(> h3.quote-content) {
        padding: 10px 12px 8px 12px !important;
        margin: 28px 0 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
      }

      .kubg-vision-card .vision-title,
      #Mod348 h3.quote-content,
      #Mod348 .vision-title {
        font-size: 16.5px !important;
        letter-spacing: 1px !important;
        margin: 0 0 5px 0 !important;
        line-height: 1.15 !important;
        color: #007785 !important;
      }

      .kubg-vision-card .vision-text,
      #Mod348 p.quote-content,
      #Mod348 .vision-text {
        font-size: 13px !important;
        line-height: 1.38 !important;
        letter-spacing: 0.1px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        color: #007785 !important;
      }

      .home-res-block {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin: 0 0 14px 0 !important;
      }

      .home-res-block .res-item,
      .home-res-block .res-item.item-kampus,
      .home-res-block .res-item.item-rozklad,
      .home-res-block .res-item.item-stud,
      .home-res-block .res-item.item-vykl {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
        border: none !important;
        background: transparent !important;
      }

      .home-res-block .figure,
      .home-res-block .res-item .figure,
      .home-res-block .figure.kampus,
      .home-res-block .figure.vykl,
      .home-res-block .res-item .figure.kampus,
      .home-res-block .res-item .figure.vykl,
      #tz-position-3 div.home-res-block .res-item figure,
      #tz-position-3 div.figure.kampus,
      #tz-position-3 div.figure.vykl,
      #tz-position-3 div.figure {
        position: relative !important;
        aspect-ratio: 5 / 3 !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        border: none !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
        outline: none !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12) !important;
        background: transparent !important;
      }

      .home-res-block .figure a,
      .home-res-block .res-item .figure a,
      .home-res-block .figure.kampus a,
      .home-res-block .figure.vykl a,
      #tz-position-3 div.figure a {
        position: absolute !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
        border: none !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
        outline: none !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
      }

      .home-res-block .figure img,
      .home-res-block .res-item .figure img,
      .home-res-block .figure.kampus img,
      .home-res-block .figure.vykl img,
      .home-res-block .res-item .figure.kampus img,
      .home-res-block .res-item .figure.vykl img,
      #tz-position-3 div.figure img {
        position: absolute !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 0 !important;
        display: block !important;
        border: none !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
        outline: none !important;
      }

      .home-res-block .figure .caption {
        font-family: 'Exo 2', 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
        font-weight: 700 !important;
        font-size: 11.5px !important;
        letter-spacing: 0.6px !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
        background: linear-gradient(to top, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.45) 50%, transparent 100%) !important;
        -webkit-font-smoothing: antialiased !important;
        padding: 22px 6px 7px 6px !important;
      }

      .home-res-block .figure .caption::after {
        width: 22px !important;
        height: 2px !important;
        background: #00d2e8 !important;
        margin-top: 3px !important;
      }

      .home-audience-grid,
      div:has(> .home-info-item-modern),
      .home-info-block-modern {
        position: relative !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin-top: 0 !important;
        padding-top: 14px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        border: none !important;
        border-top: none !important;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
      }

      .home-audience-grid::before,
      div:has(> .home-info-item-modern)::before,
      .home-info-block-modern::before {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 1px !important;
        background: linear-gradient(90deg, transparent 0%, #cbd5e1 20%, #cbd5e1 80%, transparent 100%) !important;
        border: none !important;
      }

      .home-audience-grid::after,
      div:has(> .home-info-item-modern)::after,
      .home-info-block-modern::after {
        display: none !important;
      }

      .info-card-final {
        aspect-ratio: 360 / 185 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        border: none !important;
        outline: none !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12) !important;
      }

      .info-card-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        transform: none !important;
        border-radius: 10px !important;
      }

      .info-card-text-strip {
        font-family: 'Exo 2', 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
        font-weight: 700 !important;
        font-size: 11.5px !important;
        letter-spacing: 0.6px !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
        color: #ffffff !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
        background: linear-gradient(to top, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.45) 50%, transparent 100%) !important;
        -webkit-font-smoothing: antialiased !important;
        padding: 22px 6px 7px 6px !important;
      }

      .info-card-text-strip::after {
        width: 22px !important;
        height: 2px !important;
        background: #00d2e8 !important;
        margin-top: 3px !important;
      }

      #Mod207 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 28px !important;
        width: 100% !important;
      }

      #Mod207 .home_header {
        font-size: 16.5px !important;
        letter-spacing: 1px !important;
        line-height: 1.2 !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
      }

      #Mod207 .custom {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      #Mod207 .custom>.col-lg-12 {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
      }

      #Mod207 .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
      }

      #Mod207 .col-lg-6+.col-lg-6,
      #Mod207 .custom>.col-lg-6+.col-lg-6 {
        margin-top: 6px !important;
      }

      #Mod207 .custom p,
      #Mod207 .col-lg-6 p {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 40px !important;
        padding: 5px 12px 5px 14px !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
      }

      #Mod207 .custom p::before,
      #Mod207 .col-lg-6 p::before {
        height: 14px !important;
        width: 3px !important;
      }

      #Mod207 .custom p:hover::before,
      #Mod207 .col-lg-6 p:hover::before {
        height: 24px !important;
        width: 3px !important;
      }

      #Mod207 .custom p:has(strong):before,
      #Mod207 .col-lg-6 p:has(strong):before {
        height: 16px !important;
      }

      #Mod207 .custom p .card-text-wrapper,
      #Mod207 .col-lg-6 p .card-text-wrapper {
        font-size: 12px !important;
        line-height: 1.22 !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
      }

      #Mod207 .custom p a,
      #Mod207 .custom p strong,
      #Mod207 .custom p strong a,
      #Mod207 .custom p .card-text-wrapper strong a,
      #Mod207 .col-lg-6 p a,
      #Mod207 .col-lg-6 p strong,
      #Mod207 .col-lg-6 p strong a,
      #Mod207 .col-lg-6 p .card-text-wrapper strong a {
        font-size: 12px !important;
        line-height: 1.22 !important;
      }

      #Mod325 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 28px !important;
        width: 100% !important;
      }

      #Mod325 .custom,
      #Mod325 .custom>.col-lg-12 {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      #Mod325 .home_header {
        font-size: 16.5px !important;
        letter-spacing: 1px !important;
        line-height: 1.2 !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
      }

      #Mod325 .custom p,
      #Mod325 .custom p a,
      #Mod325 p,
      #Mod325 a {
        font-size: 12px !important;
        line-height: 1.35 !important;
        margin-top: 0 !important;
        margin-bottom: 2px !important;
        padding: 0 !important;
      }

      #Mod325 p:empty,
      #Mod325 .custom>p:last-child {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      #Mod150 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
      }

      #Mod150 .module-inner,
      #Mod150 .module-ct {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      #Mod150 .module-title {
        font-size: 16.5px !important;
        letter-spacing: 1px !important;
        line-height: 1.2 !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
      }

      #Mod150 .mod_events_latest_table {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      #Mod150 .mod_events_latest_table::before,
      #Mod150 .mod_events_latest_table::after {
        display: none !important;
        content: none !important;
      }

      #Mod150 .mod_events_latest_noevents {
        width: 100% !important;
        max-width: 100% !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
        padding: 8px 14px 8px 16px !important;
        margin: 0 !important;
        text-align: left !important;
        font-family: 'Ezarion Bold', 'Ezarion', Arial, sans-serif !important;
        font-size: 12.5px !important;
        font-weight: 600 !important;
        color: #94a3b8 !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        position: relative !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.02) !important;
        cursor: default !important;
        pointer-events: none !important;
      }

      #Mod150 .mod_events_latest_noevents::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: 16px !important;
        width: 3px !important;
        border-radius: 0 3px 3px 0 !important;
        background: #cbd5e1 !important;
        opacity: 0.8 !important;
      }

      #Mod150 .mod_events_latest {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        min-height: 40px !important;
        height: auto !important;
        padding: 5px 12px 5px 14px !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 8px !important;
        display: block !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
      }

      #Mod150 .mod_events_latest::before {
        height: 14px !important;
        width: 3px !important;
      }

      #Mod150 .mod_events_latest:hover::before {
        height: 24px !important;
        width: 3px !important;
      }

      #Mod150 .mod_events_latest_date {
        display: inline !important;
        font-size: inherit !important;
        text-transform: none !important;
      }

      #Mod150 .mod_events_latest strong {
        display: block !important;
        margin-top: 2px !important;
      }

      #Mod150 .mod_events_latest_content a {
        font-size: 12px !important;
        line-height: 1.22 !important;
        font-weight: 700 !important;
      }

      #Mod260 {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 5 !important;
      }

      #Mod260 .custom,
      #Mod260 .custom>.col-lg-12,
      #Mod260 .custom>div {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      #Mod260 p {
        text-align: right !important;
        display: flex !important;
        justify-content: flex-end !important;
        margin: 0 !important;
      }

      #Mod260 p a {
        font-size: 12px !important;
        padding: 6px 16px !important;
      }

      #Mod244,
      #Mod244 .module-inner,
      #Mod244 .module-ct,
      #Mod244 .module-ct > div,
      #Mod244 #djslider-loader244,
      #djslider-loader244,
      #Mod244 #djslider244,
      #djslider244,
      #Mod244 #slider-container244,
      #slider-container244 {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 10px !important;
      }

      #slider244 {
        gap: 8px !important;
        height: auto !important;
      }

      #slider244 li {
        border-radius: 10px !important;
        height: auto !important;
        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
      }

      #slider244 li>a {
        aspect-ratio: 1.96 / 1 !important;
        height: auto !important;
        border-radius: 0 !important;
      }

      #slider244 .dj-image {
        height: 100% !important;
        max-height: none !important;
        border-radius: 0 !important;
        object-position: center top !important;
      }

      #slider244 .slide-desc {
        height: auto !important;
        min-height: 46px !important;
        border-radius: 0 0 9px 9px !important;
        padding: 0 !important;
      }

      #slider244 .slide-desc-in {
        padding: 4px 6px 4px 6px !important;
      }

      #slider244 .slide-title a {
        font-family: 'Exo 2', 'Ezarion', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.22 !important;
        letter-spacing: -0.01em !important;
        color: #334155 !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
      }

      #Mod245 {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 5 !important;
      }

      .events-bottom-bar {
        position: relative !important;
        z-index: 5 !important;
      }

      #Mod245 .custom,
      #Mod245 .custom>.col-lg-12,
      #Mod245 .custom>div {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
      }

      #Mod245 p a {
        font-size: 12px !important;
        padding: 6px 16px !important;
      }

      #navigation244 {
        padding: 3px 5px !important;
        gap: 4px !important;
        border-radius: 100px !important;
      }

      #navigation244 .prev-button,
      #navigation244 .next-button,
      #prev244,
      #next244 {
        width: 36px !important;
        height: 28px !important;
        min-width: 36px !important;
        min-height: 28px !important;
        border-radius: 100px !important;
        background-size: 11px 11px !important;
      }

      #Mod338 .module-inner {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        position: relative !important;
      }

      #Mod338 .faculty-header-row {
        display: contents !important;
      }

      #Mod338 .module-title {
        order: 1 !important;
        width: 100% !important;
        text-align: center !important;
      }

      #Mod338 .module-ct {
        order: 2 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      #navigation338 {
        order: 3 !important;
        position: static !important;
        transform: none !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        align-self: flex-start !important;
        display: inline-flex !important;
        margin-top: 6px !important;
        margin-bottom: 0 !important;
        padding: 3px 5px !important;
        gap: 4px !important;
        background: #f1f5f9 !important;
        border: 1.5px solid #e2e8f0 !important;
        border-radius: 100px !important;
        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
        z-index: 5 !important;
      }

      #navigation338 .prev-button,
      #navigation338 .next-button,
      #prev338,
      #next338 {
        width: 36px !important;
        height: 28px !important;
        min-width: 36px !important;
        min-height: 28px !important;
        border-radius: 100px !important;
        background-size: 11px 11px !important;
      }

      #Mod338 #djslider-loader338,
      #djslider-loader338,
      #Mod338 #djslider338,
      #djslider338,
      #Mod338 #slider-container338,
      #slider-container338 {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

      #Mod338 #slider338 .slide-desc,
      #slider338 .slide-desc {
        position: absolute !important;
        padding: 3px 4px 4px 4px !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        z-index: 10 !important;
        pointer-events: none !important;
      }

      #Mod338 #slider338 .slide-desc-in,
      #slider338 .slide-desc-in,
      #slider338 .slide-desc-text,
      #slider338 .slide-text {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      #slider338,
      #slider338 li,
      #slider338 li a,
      #slider338 img,
      #slider338 .dj-image,
      #slider338 .faculty_caption {
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none !important;
      }

      #slider338 li:hover,
      #slider338 li:active,
      #slider338 li:focus {
        transform: none !important;
        -webkit-transform: none !important;
        border-color: #e2e8f0 !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
      }

      #slider338 li:hover img,
      #slider338 li:hover .dj-image,
      #slider338 li:active img,
      #slider338 li:active .dj-image {
        transform: none !important;
        -webkit-transform: none !important;
      }

      #Mod338 #slider338 .faculty_caption,
      #slider338 .faculty_caption {
        width: 100% !important;
        height: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        border-radius: 5px !important;
        padding: 2px 2.5px !important;
        margin: 0 !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        transition: none !important;
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
      }

      #Mod338 #slider338 .faculty_caption p,
      #slider338 .faculty_caption p {
        font-family: 'Exo 2', 'Ezarion', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        letter-spacing: -0.01em !important;
        color: #ffffff !important;
        text-shadow: none !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
      }

      #Mod155 .custom {
        padding: 0 !important;
        margin: 0 !important;
        background-image: none !important;
      }

      .tz-address-style-4 {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 16px !important;
        border: 1.5px solid #e2e8f0 !important;
        background: #ffffff !important;
        overflow: hidden !important;
        box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
      }

      .tz-address-style-4 iframe {
        width: 100% !important;
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
        border: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        display: block !important;
      }

      .tz-address-style-4 .tz-phone-fax {
        position: static !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        background: #ffffff !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        border-radius: 0 0 16px 16px !important;
        box-shadow: none !important;
        padding: 10px 14px 12px 14px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 1.5px !important;
        box-sizing: border-box !important;
      }

      .tz-address-style-4 .tz-phone-fax li {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        text-align: center !important;
      }

      .tz-address-style-4 .tz-phone-fax li p {
        margin: 0 !important;
        padding: 0 !important;
      }

      .tz-address-style-4 .tz-phone-fax li img {
        width: 48px !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain !important;
        margin: 0 auto 1px auto !important;
        filter: drop-shadow(0 2px 4px rgba(0, 118, 133, 0.12)) !important;
      }

      .tz-address-style-4 .tz-phone-fax li span.theme-color-white {
        font-family: 'Exo 2', 'Ezarion', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
        font-size: 11.5px !important;
        line-height: 1.25 !important;
        color: #334155 !important;
        font-weight: 500 !important;
        text-shadow: none !important;
      }

      .tz-address-style-4 .tz-phone-fax li a {
        font-family: 'Exo 2', 'Ezarion', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
        font-size: 11.5px !important;
        line-height: 1.25 !important;
        color: #007685 !important;
        font-weight: 600 !important;
      }

      .tz-address-style-4 .tz-phone-fax li.kubg_contacts {
        margin-top: 5px !important;
        margin-bottom: 2px !important;
      }

      .tz-address-style-4 .tz-phone-fax li.kubg_contacts a {
        font-family: 'Exo 2', 'Ezarion', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        letter-spacing: 0.3px !important;
        padding: 6px 18px !important;
        border-radius: 100px !important;
        background: #ffffff !important;
        border: 1.5px solid #e2e8f0 !important;
        color: #334155 !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
      }

      .tz-address-style-4 .tz-phone-fax li.kubg_contacts a:hover {
        color: #007685 !important;
        background: #e6f6f8 !important;
        border-color: rgba(0, 153, 171, 0.4) !important;
      }

      .tz-address-style-4 .tz-phone-fax li.kubg_emails {
        margin-top: 1px !important;
      }

      .tz-address-style-4 .tz-phone-fax li.kubg_emails a {
        font-family: 'Exo 2', 'Ezarion', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #475569 !important;
        text-decoration: none !important;
      }

      #Mod265 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      #Mod265 .custom_social {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
      }

      #Mod265 .custom_social ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
      }

      #Mod265 .custom_social ul li.social {
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      #Mod265 .custom_social ul li.social a {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 12px !important;
        padding: 6px !important;
      }

      #Mod265 .custom_social ul li.social a img {
        width: 26px !important;
        height: 26px !important;
        max-width: 26px !important;
        max-height: 26px !important;
      }

      #Mod207 .home_header,
      #Mod325 .home_header,
      #Mod150 .module-title,
      #Mod155 .module-title,
      #Mod244 .module-title,
      #Mod265 .module-title,
      #Mod338 .module-title,
      #Mod346 .module-title,
      #Mod347 .module-title {
        font-size: 16.5px !important;
        letter-spacing: 1px !important;
        line-height: 1.2 !important;
        margin-top: 28px !important;
        margin-bottom: 10px !important;
      }

      #Mod207 .home_header span,
      #Mod325 .home_header span,
      #Mod150 .module-title span,
      #Mod155 .module-title span,
      #Mod244 .module-title span,
      #Mod265 .module-title span,
      #Mod338 .module-title span,
      #Mod346 .module-title span,
      #Mod347 .module-title span {
        font-size: 16.5px !important;
        letter-spacing: 1px !important;
        line-height: 1.2 !important;
      }

      #Mod207 .home_header::after,
      #Mod325 .home_header::after,
      #Mod150 .module-title::after,
      #Mod155 .module-title::after,
      #Mod244 .module-title::after,
      #Mod265 .module-title::after,
      #Mod338 .module-title::after,
      #Mod346 .module-title::after,
      #Mod347 .module-title::after {
        margin-top: 4px !important;
        width: 50px !important;
        height: 2.5px !important;
      }

      #tz-latest-article-wrapper,
      section#tz-services-wrapper.tz-services.home-1,
      section#tz-services-wrapper,
      section.tz-services,
      #tz-services-wrapper,
      .tz-services,
      .tz-services.home-1,
      #services,
      #services > div {
        padding: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }

      #Mod207,
      #Mod325,
      #Mod348,
      #Mod150,
      #Mod244,
      #Mod155,
      #Mod265,
      #Mod338,
      #Mod346,
      #Mod347 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
      }

      #tz-footer2-wrapper,
      section#tz-footer2-wrapper,
      .tz-footer-modern {
        margin-top: 24px !important;
        padding-top: 0 !important;
        padding-bottom: 24px !important;
      }

      .footer-resources-strip {
        grid-template-columns: repeat(5, 1fr) !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        gap: 8px !important;
      }

      #toTop,
      .toTop,
      #back-to-top,
      .back-to-top,
      #scroll-top,
      .scroll-top,
      .tz-back-to-top,
      a[href="#top"],
      a[href="#page-top"] {
        z-index: 99999 !important;
      }

      .mobile-nav-drawer {
        max-width: 100% !important;
        overflow: hidden !important;
      }

      .tz-header-4 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
      }

      .mobile-menu-module {
        display: flex !important;
      }

      body {
        padding-top: 54px !important;
      }

      #tz-menu-home-1-wrapper,
      #tz-menu-home-1-wrapper.is-scrolled,
      #tz-menu-home-1-wrapper.tz-header-4-eff,
      .tz-header-4.tz-header-4-eff {
        width: 100% !important;
        max-width: 100vw !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 !important;
        background: #0099ab !important;
        background-color: #0099ab !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99999 !important;
        transform: none !important;
        will-change: auto !important;
        transition: none !important;
        overflow: visible !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: optimizeLegibility !important;
      }

      #tz-menu-home-1-wrapper i,
      #tz-menu-home-1-wrapper em,
      #tz-menu-home-1-wrapper button,
      #tz-menu-home-1-wrapper a,
      #tz-menu-home-1-wrapper img {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-rendering: geometricPrecision !important;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
        transform: none !important;
      }

      #tz-menu-home-1-wrapper img {
        image-rendering: -webkit-optimize-contrast !important;
        image-rendering: high-quality !important;
      }

      #tz-menu-home-1-wrapper .container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 10px !important;
        height: 54px !important;
        box-sizing: border-box !important;
        position: static !important;
        overflow: visible !important;
      }

      #menu-home-1.row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        position: static !important;
        overflow: visible !important;
      }

      #menu-home-1.row::before,
      #menu-home-1.row::after {
        display: none !important;
      }

      #menu-home-1 .pull-right,
      #menu-home-1 .pull-left,
      #menu-home-1 .pull-leff,
      #tz-menu1 .pull-left,
      #tz-menu2 .pull-right {
        float: none !important;
      }

      #menu-home-1>div {
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      #tz-menu1 {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
        float: none !important;
        z-index: 10 !important;
        margin: 0 !important;
      }

      #tz-menu1 .tz-module,
      #tz-menu1 .custom,
      #tz-menu1 .custom p {
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
      }

      #tz-menu1 .tz-button-toggle.tz-canvas-customer {
        position: static !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        padding: 0 !important;
        cursor: pointer !important;
        line-height: 1 !important;
        margin: 0 !important;
        border-radius: 6px !important;
        transition: background 0.15s ease !important;
        transform: none !important;
      }

      #tz-menu1 .tz-button-toggle.tz-canvas-customer i.fa-university {
        font-size: 16px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
        transform: none !important;
        transition: none !important;
        -webkit-transition: none !important;
      }

      #phone_icon_home,
      #phone_icon_home a,
      #tz-menu-home-1-wrapper #phone_icon_home,
      #tz-menu-home-1-wrapper.is-scrolled #phone_icon_home,
      #tz-menu-home-1-wrapper.tz-header-4-eff #phone_icon_home,
      .tz-header-4.tz-header-4-eff #phone_icon_home,
      .tz-header-4-eff #phone_icon_home {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
        text-decoration: none !important;
        line-height: 1 !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        border-radius: 6px !important;
        transition: none !important;
        -webkit-transition: none !important;
        transform: none !important;
      }

      #phone_icon_home a em.fa-phone,
      #phone_icon_home em.fa-phone,
      #tz-menu-home-1-wrapper #phone_icon_home a em.fa-phone {
        font-size: 22px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-style: normal !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
        transform: none !important;
        transition: none !important;
        -webkit-transition: none !important;
      }

      #tz-menu-home-1-wrapper #tz-logo-area.logo,
      #tz-menu-home-1-wrapper #tz-logo-area,
      #tz-logo-area {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        transform: translateX(-50%) !important;
        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        height: 54px !important;
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        z-index: 50 !important;
        pointer-events: auto !important;
        overflow: visible !important;
        box-sizing: border-box !important;
      }

      #tz-menu-home-1-wrapper #tz-logo-area #tzlogo,
      #tz-menu-home-1-wrapper #tzlogo,
      #tzlogo,
      div.logo a {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        position: relative !important;
        width: 56px !important;
        height: 70px !important;
        min-width: 56px !important;
        min-height: 70px !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        text-decoration: none !important;
        overflow: visible !important;
      }

      #tz-menu-home-1-wrapper #tz-logo-area #tzlogo img,
      #tz-menu-home-1-wrapper #tzlogo img,
      #tzlogo img,
      .logo img,
      div.logo a img,
      .tz-header-4.tz-header-4-eff .logo #tzlogo img,
      #tz-menu-home-1-wrapper.tz-header-4-eff .logo #tzlogo img,
      #tz-menu-home-1-wrapper.is-scrolled .logo #tzlogo img {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        width: 56px !important;
        height: 70px !important;
        max-width: 56px !important;
        max-height: 70px !important;
        min-width: 56px !important;
        min-height: 70px !important;
        object-fit: contain !important;
        filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.28)) !important;
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        transform: none !important;
      }

      #tz-menu2 {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
        z-index: 10 !important;
      }

      #tz-menu2 #Mod198,
      #tz-menu2 #tz-main-menu,
      #tz-menu2 nav {
        display: none !important;
      }

      #tz-menu2 .tz-module,
      #tz-menu2 .custom,
      #tz-menu2 .custom p {
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
      }

      #tz-menu2 div#Mod257.tz-module,
      #tz-menu2 #Mod257 {
        margin: 0 !important;
        margin-right: 6px !important;
      }

      #Mod257 a {
        position: static !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 6px !important;
      }

      #Mod257 .partner,
      #Mod257 img.partner,
      #Mod257 svg.partner {
        position: static !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 26px !important;
        height: 13px !important;
        max-width: 26px !important;
        max-height: 13px !important;
        border: none !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
        border-radius: 1.5px !important;
        object-fit: contain !important;
        overflow: hidden !important;
      }

      #Mod196 button.tz-search {
        position: static !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        padding: 0 !important;
        cursor: pointer !important;
        line-height: 1 !important;
        margin: 0 !important;
        border-radius: 6px !important;
        transition: background 0.15s ease !important;
      }

      #Mod196 button.tz-search i.fa-search {
        font-size: 18px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
      }

      .tz-mobile-hamburger {
        position: static !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
        padding: 0 !important;
        cursor: pointer !important;
        transition: transform 0.2s ease, opacity 0.2s ease !important;
        line-height: 1 !important;
        margin: 0 !important;
        border-radius: 6px !important;
      }

      .tz-mobile-hamburger i.fa-bars {
        font-size: 21px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
      }

      #tz-menu-home-1-wrapper.is-scrolled img.partner,
      #tz-menu-home-1-wrapper.tz-header-4-eff img.partner,
      .tz-header-4.tz-header-4-eff img.partner,
      #tz-menu-home-1-wrapper.is-scrolled .tz-search,
      #tz-menu-home-1-wrapper.tz-header-4-eff .tz-search,
      .tz-header-4.tz-header-4-eff .tz-search,
      #tz-menu-home-1-wrapper.is-scrolled .tz-button-toggle,
      #tz-menu-home-1-wrapper.tz-header-4-eff .tz-button-toggle,
      .tz-header-4.tz-header-4-eff .tz-button-toggle,
      #tz-menu-home-1-wrapper.is-scrolled #phone_icon_home,
      #tz-menu-home-1-wrapper.tz-header-4-eff #phone_icon_home,
      .tz-header-4.tz-header-4-eff #phone_icon_home,
      #tz-menu-home-1-wrapper.is-scrolled #phone_icon_home a,
      #tz-menu-home-1-wrapper.tz-header-4-eff #phone_icon_home a,
      .tz-header-4.tz-header-4-eff #phone_icon_home a,
      #tz-menu-home-1-wrapper.is-scrolled #phone_icon_home a em.fa-phone,
      #tz-menu-home-1-wrapper.tz-header-4-eff #phone_icon_home a em.fa-phone,
      .tz-header-4.tz-header-4-eff #phone_icon_home a em.fa-phone,
      #tz-menu-home-1-wrapper.is-scrolled .tz-mobile-hamburger,
      #tz-menu-home-1-wrapper.tz-header-4-eff .tz-mobile-hamburger,
      .tz-header-4.tz-header-4-eff .tz-mobile-hamburger {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        transform: none !important;
        transition: none !important;
        -webkit-transition: none !important;
      }

      .tz-mobile-hamburger:active {
        transform: scale(0.92) !important;
        opacity: 0.8 !important;
      }

      #Mod197,
      #Mod198,
      .menu-home-1,
      #tz-menu-wrapper {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
      }
    }

    .mobile-nav-drawer {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 99999999 !important;
      pointer-events: none !important;
      visibility: hidden !important;
      transition: visibility 0.28s ease !important;
      font-family: 'Exo 2', sans-serif !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
    }

    .mobile-nav-drawer.is-open {
      pointer-events: auto !important;
      visibility: visible !important;
    }

    .mobile-nav-backdrop {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      background: rgba(15, 23, 42, 0.4) !important;
      opacity: 0 !important;
      transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .mobile-nav-drawer.is-open .mobile-nav-backdrop {
      opacity: 1 !important;
    }

    .mobile-nav-panel {
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      width: 320px !important;
      max-width: calc(100vw - 30px) !important;
      height: 100% !important;
      background: #ffffff !important;
      box-shadow: -10px 0 35px rgba(0, 30, 40, 0.22) !important;
      display: flex !important;
      flex-direction: column !important;
      transform: translateX(100%) !important;
      transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
      border-left: 1px solid rgba(226, 232, 240, 0.9) !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
      text-rendering: optimizeLegibility !important;
    }

    .mobile-nav-drawer.is-open .mobile-nav-panel {
      transform: translateX(0) !important;
    }

    .mobile-nav-header {
      padding: 16px 18px 14px 20px !important;
      border-bottom: 1px solid rgba(0, 153, 171, 0.12) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      background: rgba(0, 153, 171, 0.02) !important;
      flex-shrink: 0 !important;
      box-sizing: border-box !important;
    }

    .mobile-nav-header .dept-title-text {
      font-family: 'Exo 2', sans-serif !important;
      font-size: 13.5px !important;
      font-weight: 800 !important;
      letter-spacing: 0.6px !important;
      text-transform: uppercase !important;
      color: #007785 !important;
      line-height: 1.25 !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .mobile-nav-close-btn {
      position: static !important;
      width: 32px !important;
      height: 32px !important;
      min-width: 32px !important;
      min-height: 32px !important;
      border-radius: 50% !important;
      background-color: #ffffff !important;
      border: 1px solid #e2e8f0 !important;
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
      color: #64748b !important;
      cursor: pointer !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: all 0.2s ease !important;
      padding: 0 !important;
      margin: 0 !important;
      outline: none !important;
      flex-shrink: 0 !important;
    }

    .mobile-nav-close-btn:active,
    .mobile-nav-close-btn:hover {
      background-color: #e6f6f8 !important;
      border-color: rgba(0, 153, 171, 0.45) !important;
      color: #007785 !important;
      box-shadow: 0 2px 8px rgba(0, 153, 171, 0.18) !important;
    }

    .mobile-nav-body {
      flex: 1 !important;
      overflow-y: auto !important;
      padding: 8px 10px 24px 10px !important;
      -webkit-overflow-scrolling: touch !important;
      box-sizing: border-box !important;
    }

    .mobile-nav-body::-webkit-scrollbar {
      width: 5px !important;
      background: transparent !important;
    }

    .mobile-nav-body::-webkit-scrollbar-thumb {
      background: rgba(0, 153, 171, 0.25) !important;
      border-radius: 4px !important;
    }

    .mobile-nav-body::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 153, 171, 0.5) !important;
    }

    .mobile-nav-list {
      list-style: none !important;
      padding: 0 !important;
      margin: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 2px !important;
    }

    .mobile-nav-item {
      list-style: none !important;
      margin: 0 !important;
      padding: 0 !important;
      border-radius: 8px !important;
    }

    .mobile-nav-row-btn {
      width: 100% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 8px 12px !important;
      background: transparent !important;
      border: 1px solid transparent !important;
      border-radius: 8px !important;
      color: #1e293b !important;
      font-family: 'Exo 2', sans-serif !important;
      font-size: 13.5px !important;
      font-weight: 600 !important;
      letter-spacing: 0.05px !important;
      text-align: left !important;
      cursor: pointer !important;
      outline: none !important;
      transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
      box-sizing: border-box !important;
      line-height: 1.35 !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
    }

    .mobile-nav-item>a.mobile-nav-link {
      width: 100% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      padding: 8px 12px !important;
      background: transparent !important;
      border: 1px solid transparent !important;
      border-radius: 8px !important;
      color: #1e293b !important;
      font-family: 'Exo 2', sans-serif !important;
      font-size: 13.5px !important;
      font-weight: 600 !important;
      letter-spacing: 0.05px !important;
      text-align: left !important;
      text-decoration: none !important;
      cursor: pointer !important;
      outline: none !important;
      transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
      box-sizing: border-box !important;
      line-height: 1.35 !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
    }

    .mobile-nav-row-btn:active,
    .mobile-nav-item>a.mobile-nav-link:active {
      background: #e6f6f8 !important;
      color: #007785 !important;
    }

    .mobile-nav-item.is-expanded>.mobile-nav-row-btn {
      background-color: #e6f6f8 !important;
      border: 1px solid rgba(0, 153, 171, 0.45) !important;
      color: #007785 !important;
      font-weight: 700 !important;
      box-shadow: 0 2px 8px rgba(0, 153, 171, 0.12) !important;
      border-radius: 8px !important;
    }

    .mobile-chevron {
      color: #94a3b8 !important;
      transition: transform 0.2s ease, color 0.2s ease !important;
      flex-shrink: 0 !important;
    }

    .mobile-nav-item.is-expanded .mobile-chevron {
      transform: rotate(180deg) !important;
      color: #007785 !important;
    }

    .mobile-nav-link.active {
      color: #007785 !important;
      font-weight: 700 !important;
    }

    .mobile-submenu {
      list-style: none !important;
      padding: 2px 0 3px 6px !important;
      margin: 0 !important;
      border: none !important;
      display: none !important;
      flex-direction: column !important;
      gap: 1px !important;
    }

    .mobile-nav-item.is-expanded .mobile-submenu {
      display: flex !important;
    }

    .mobile-submenu li {
      list-style: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .mobile-submenu li a {
      display: block !important;
      padding: 5px 6px !important;
      font-size: 12.5px !important;
      font-weight: 500 !important;
      color: #64748b !important;
      text-decoration: none !important;
      border-radius: 4px !important;
      line-height: 1.35 !important;
      transition: color 0.15s ease, background-color 0.15s ease !important;
      -webkit-font-smoothing: antialiased !important;
      -moz-osx-font-smoothing: grayscale !important;
    }

    .mobile-submenu li a:active,
    .mobile-submenu li a:hover {
      color: #007785 !important;
      font-weight: 700 !important;
      background: #f0fafb !important;
    }

    .mobile-submenu li a.overview-link {
      color: #007785 !important;
      font-weight: 600 !important;
      font-size: 12.5px !important;
      border: none !important;
      margin-bottom: 0 !important;
      padding: 5px 6px !important;
      border-radius: 4px !important;
    }

    @media (min-width: 768px) {
      #Mod345 .kubg-haslo {
        margin: 24px 0 0 0 !important;
        padding: 0 !important;
      }

      #Mod345 .kubg-haslo > div {
        margin: 0 auto !important;
      }

      #Mod345 .custom > div.col-lg-12 {
        margin-bottom: 0 !important;
      }

      #Mod345 p.kubg-postcard-container,
      #Mod345 .kubg-postcard-container,
      .kubg-postcard-container {
        text-align: center !important;
        padding: 0 !important;
        margin: 24px auto !important;
        line-height: 1 !important;
      }

      #Mod345 a[href*="studentskyi-ofis"],
      #Mod345 .home-res-block a[href*="studentskyi-ofis"],
      .studentskyi-ofis-btn {
        margin: 0 auto !important;
        margin-bottom: 0 !important;
      }
    }

    .kubg-postcard-wrapper {
      position: relative !important;
      max-width: 780px !important;
      width: 100% !important;
      margin: 0 auto !important;
      display: block !important;
      box-sizing: border-box !important;
    }

    .kubg-postcard-glow {
      position: absolute;
      inset: -14px -18px;
      background: radial-gradient(circle at center, rgba(0, 153, 171, 0.24) 0%, rgba(0, 210, 232, 0.08) 60%, transparent 80%);
      filter: blur(28px);
      -webkit-filter: blur(28px);
      border-radius: 36px;
      z-index: 1;
      opacity: 0.75;
      transition: opacity 0.35s ease, filter 0.35s ease;
      pointer-events: none;
    }

    .kubg-postcard-wrapper:hover .kubg-postcard-glow {
      opacity: 1;
      filter: blur(34px);
      -webkit-filter: blur(34px);
    }

    .kubg-postcard-card {
      position: relative !important;
      z-index: 2 !important;
      background: #ffffff !important;
      border-radius: 18px !important;
      overflow: hidden !important;
      border: 1px solid rgba(255, 255, 255, 0.8) !important;
      box-shadow: 0 18px 45px rgba(0, 25, 35, 0.12) !important;
      display: block !important;
      text-decoration: none !important;
      cursor: zoom-in !important;
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                  box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
      margin: 0 auto !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }

    .kubg-postcard-wrapper:hover .kubg-postcard-card {
      transform: translateY(-3px) !important;
      box-shadow: 0 24px 55px rgba(0, 30, 45, 0.16) !important;
    }

    .kubg-postcard-card .jcemediabox-zoom-span {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
    }

    .kubg-postcard-img {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      height: auto !important;
      display: block !important;
      border-radius: 18px !important;
      border: none !important;
      margin: 0 auto !important;
      padding: 0 !important;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .kubg-postcard-wrapper:hover .kubg-postcard-img {
      transform: scale(1.008);
    }

    .kubg-postcard-zoom-pill {
      position: absolute !important;
      bottom: 18px !important;
      left: 18px !important;
      background: rgba(15, 23, 42, 0.48) !important;
      backdrop-filter: blur(10px) !important;
      -webkit-backdrop-filter: blur(10px) !important;
      color: #ffffff !important;
      padding: 7px 15px 7px 11px !important;
      border-radius: 30px !important;
      font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      letter-spacing: 0.4px !important;
      line-height: 1 !important;
      text-transform: none !important;
      text-decoration: none !important;
      display: flex !important;
      align-items: center !important;
      gap: 7px !important;
      border: 1px solid rgba(255, 255, 255, 0.22) !important;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
      opacity: 0 !important;
      visibility: hidden !important;
      transform: translateY(8px) !important;
      transition: opacity 0.26s cubic-bezier(0.16, 1, 0.3, 1),
                  transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
                  box-shadow 0.2s ease !important;
      pointer-events: none !important;
      z-index: 3 !important;
    }

    .kubg-postcard-wrapper:hover .kubg-postcard-zoom-pill {
      opacity: 1 !important;
      visibility: visible !important;
      transform: translateY(0) !important;
      pointer-events: auto !important;
    }

    .kubg-postcard-zoom-pill:hover {
      transform: translateY(-3px) !important;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.24) !important;
    }

    #Mod345 .jcemediabox-zoom-image,
    #Mod345 .jcemediabox-zoom-span > span:not(.kubg-postcard-zoom-pill) {
      display: none !important;
    }

    .kubg-lightbox-modal {
      position: fixed !important;
      inset: 0 !important;
      z-index: 2147483647 !important;
      display: none !important;
      align-items: center !important;
      justify-content: center !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .kubg-lightbox-modal.is-open {
      display: flex !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      animation: kubgModalFadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    }

    @keyframes kubgModalFadeIn {
      from {
        opacity: 0;
      }
      to {
        opacity: 1;
      }
    }

    .kubg-lightbox-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(8, 14, 26, 0.96);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
      cursor: zoom-out;
    }

    .kubg-lightbox-container {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 98vw;
      max-height: 98vh;
      padding: 12px;
    }

    .kubg-lightbox-content {
      position: relative;
      max-width: min(1320px, 94vw);
      max-height: 90vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .kubg-lightbox-img {
      max-width: 100%;
      max-height: 89vh;
      width: auto;
      height: auto;
      object-fit: contain;
      border-radius: 16px;
      background: #ffffff;
      box-shadow: 0 35px 100px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.12);
      cursor: zoom-out;
      transform: scale(0.94);
      transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .kubg-lightbox-modal.is-open .kubg-lightbox-img {
      transform: scale(1);
    }

    .kubg-lightbox-close {
      position: fixed;
      top: 24px;
      right: 28px;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: rgba(15, 23, 42, 0.65);
      border: 1px solid rgba(255, 255, 255, 0.25);
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
      transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1),
                  background 0.22s ease,
                  box-shadow 0.22s ease;
      z-index: 10000000;
    }

    .kubg-lightbox-close svg {
      display: block;
    }

    .kubg-lightbox-close:hover {
      background: rgba(15, 23, 42, 0.85);
      border-color: rgba(255, 255, 255, 0.4);
      transform: scale(1.08);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    }

    .kubg-lightbox-hint {
      margin-top: 14px;
      color: rgba(255, 255, 255, 0.65);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.4px;
      pointer-events: none;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .kubg-lightbox-hint kbd {
      background: rgba(255, 255, 255, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.25);
      padding: 1px 6px;
      border-radius: 6px;
      font-family: inherit;
      font-size: 11px;
      color: #fff;
    }

    @media (max-width: 767px) {

      #tz-home-slide-wrapper,
      .kubg-hero-section,
      .kubg-hero-slider {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 15 / 8 !important;
      }

      body section#tz-custom-article-wrapper,
      section#tz-custom-article-wrapper,
      #tz-custom-article-wrapper {
        padding: 14px 0 0 0 !important;
        margin: 0 !important;
      }

      #Mod345 .kubg-haslo,
      .kubg-haslo {
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        padding: 0 !important;
      }

      #Mod345 p.kubg-postcard-container,
      #Mod345 .kubg-postcard-container,
      .kubg-postcard-container {
        text-align: center !important;
        padding: 0 !important;
        margin: 6px auto 12px auto !important;
        line-height: 1 !important;
      }

      .studentskyi-ofis-btn,
      .home-res-block a[href*="studentskyi-ofis"],
      #Mod345 a[href*="studentskyi-ofis"],
      #Mod345 .home-res-block a[href*="studentskyi-ofis"] {
        margin: 0 auto !important;
        margin-bottom: 0 !important;
      }

      .kubg-postcard-zoom-pill {
        display: none !important;
      }

      .kubg-postcard-wrapper {
        max-width: 100% !important;
        padding: 0 4px !important;
      }

      .kubg-postcard-glow {
        inset: -8px -10px !important;
        filter: blur(18px) !important;
        -webkit-filter: blur(18px) !important;
      }

      .kubg-postcard-card {
        border-radius: 14px !important;
      }

      .kubg-postcard-img {
        border-radius: 14px !important;
      }

      .kubg-lightbox-container {
        padding: 12px;
        width: 100%;
        max-height: 100vh;
      }

      .kubg-lightbox-content {
        width: 100%;
        max-width: 96vw;
        max-height: 88vh;
      }

      .kubg-lightbox-img {
        width: 100%;
        max-width: 96vw;
        max-height: 84vh;
        border-radius: 12px;
      }

      .kubg-lightbox-close {
        top: 16px !important;
        right: 16px !important;
        width: 42px !important;
        height: 42px !important;
        background: rgba(15, 23, 42, 0.85) !important;
        border: 1px solid rgba(255, 255, 255, 0.35) !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.5) !important;
      }

      .kubg-lightbox-hint {
        display: none !important;
      }
    }