/* =====================================================================
   1. RESET & BASE
   ===================================================================== */
html {
  overflow-x: hidden;
}

body {
  font-family: var(--isl-font-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--isl-text-desc);
  overflow-x: hidden;
}

a {
  text-decoration: none !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--isl-blue-accent);
  outline-offset: 2px;
}

.page-wrapper {
  padding-block: 0 !important;
}

.absolute-footer {
  display: none !important;
}

/* =====================================================================
   2. CSS VARIABLES
   ===================================================================== */
:root {
  --isl-wrapper-max-width: 1200px;
  --isl-wrapper-gutter: clamp(15px, 2vw, 20px);

  --isl-color-primary: #00a8eb;
  --isl-color-accent: #eb211b;

  --isl-red-primary: var(--isl-color-primary);
  --isl-red-secondary: var(--isl-color-primary);
  --isl-red-dark: var(--isl-color-primary);
  --isl-red-darker: var(--isl-color-primary);
  --isl-red-header-bg: var(--isl-color-primary);
  --isl-red-footer: var(--isl-color-primary);
  --isl-red-time: var(--isl-color-primary);

  --isl-blue-meta: var(--isl-color-accent);
  --isl-blue-accent: var(--isl-color-accent);
  --isl-blue-accent-soft: rgba(235, 33, 27, 0.12);

  --isl-text-title: #18212f;
  --isl-text-desc: #4f5b6b;
  --isl-text-desc-light: #5d6878;
  --isl-text-white: #ffffff;

  --isl-border-light: #dde4ef;
  --isl-border-dashed: #d7deea;
  --isl-border-solid: #e7edf6;

  --isl-font-base:
    "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 14.5px;
  --font-size-md: 14.5px;
  --font-size-lg: 15.5px;
  --font-size-xl: 16.5px;
  --font-size-2xl: 18px;
  --font-size-3xl: 20px;
  --font-size-4xl: 22px;
  --font-size-5xl: clamp(22px, 1.2vw + 18px, 24px);

  --isl-body-font-size: var(--font-size-base);
  --isl-fs-xs: var(--font-size-xs);
  --isl-fs-sm: var(--font-size-sm);
  --isl-fs-base: var(--font-size-base);
  --isl-fs-md: var(--font-size-md);
  --isl-fs-lg: var(--font-size-lg);
  --isl-fs-xl: var(--font-size-xl);
  --isl-fs-2xl: var(--font-size-2xl);
  --isl-fs-3xl: var(--font-size-3xl);
  --isl-fs-4xl: var(--font-size-4xl);
  --isl-fs-5xl: var(--font-size-5xl);

  --line-height-tight: 1.35;
  --line-height-base: 1.6;
  --line-height-loose: 1.75;
  --isl-body-line-height: var(--line-height-base);

  --isl-space-1: 6px;
  --isl-space-2: 8px;
  --isl-space-3: 10px;
  --isl-space-4: 12px;
  --isl-space-5: 15px;
  --isl-space-6: 16px;
  --isl-space-7: 20px;
  --isl-space-8: 24px;
  --isl-space-9: 32px;
  --isl-space-10: 40px;

  --isl-radius-sm: 4px;
  --isl-radius-md: 8px;
  --isl-radius-lg: 12px;
  --isl-radius-xl: 16px;

  --isl-shadow-sm: 0 2px 8px rgba(16, 24, 40, 0.04);
  --isl-shadow-md: 0 12px 30px rgba(16, 24, 40, 0.08);
  --isl-shadow-lg: 0 10px 25px rgba(16, 24, 40, 0.14);
  --isl-shadow-hover: var(--isl-shadow-lg);

  --isl-clamp-title-1: 1;
  --isl-clamp-title-2: 2;
  --isl-clamp-title-3: 3;

  --isl-transition-fast: 0.2s ease;
  --isl-transition-normal: 0.25s ease;
  --isl-transition-slow: 0.35s ease;
}

/* =====================================================================
   3. GLOBAL COMPONENTS (container / row / column / image)
   ===================================================================== */
.blog-single.page-wrapper article,
.isl-footer-container,
.isl-toolbar,
.isl-news > .row,
.isl-news > .section-content > .row,
.isl-activity > .row,
.isl-activity > .section-content > .row,
.isl-information > .row,
.isl-information > .section-content > .row,
.isl-ideology > .row,
.isl-ideology > .section-content > .row,
.isl-links {
  width: min(
    var(--isl-wrapper-max-width),
    calc(100% - var(--isl-wrapper-gutter) * 2)
  ) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

#content.page-wrapper > .row.row-main,
#content.page-wrapper > .row.row-main > .col,
#content.page-wrapper > .row.row-main > .col > .col-inner {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.col,
.columns,
.gallery-item {
  position: relative;
  margin: 0;
  padding: 0 15px;
}

.container .section,
.row .section {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 8px 0px !important;
}

.container .row:not(.row-collapse) {
  margin: 0 !important;
}

.no-margin,
.no-margin > * {
  margin: 0 !important;
}

.no-paddding,
.no-paddding > * {
  padding: 0 !important;
}

.row-no-padding-bottom .col {
  padding-bottom: 0 !important;
}

.owl-nav.disabled {
  display: none !important;
}

.owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

/* =====================================================================
   4. HEADER
   ===================================================================== */
.header-wrapper,
.header-main,
.header-main .header-inner,
.header-bottom,
.header-bg-container {
  background-color: var(--isl-red-primary) !important;
}

.header-wrapper,
.header-main,
.header-main .header-inner,
.header-bottom {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.header-wrapper.stuck,
.html-sticky-header-active .header-wrapper {
  position: relative !important;
  inset: auto !important;
  box-shadow: none !important;
  animation: none !important;
}

body.html-sticky-header-active {
  padding-top: 0 !important;
}

.banner-header {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: url("./images/homepageImage_vi.png") center center / cover
    no-repeat;
}

.banner-container {
  max-width: 1200px;
  height: 140px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
}

.banner-logo img {
  max-height: 90px;
}

.header-main #logo {
  display: none !important;
}

@media (min-width: 850px) {
  .header-main .header-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 4px !important;
  }

  .header-main .logo {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    margin: 0 !important;
  }

  .header-main .flex-left.flex-grow {
    grid-column: 2;
    grid-row: 1;
    display: flex !important;
    flex: none !important;
    align-items: center;
  }

  .header-main .header-nav-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2px;
    margin: 0 !important;
  }

  .header-main .flex-right {
    display: none;
  }
}

.header-main .header-nav-main {
  flex-wrap: wrap;
  justify-content: center !important;
  align-content: center;
  row-gap: 4px;
  background-color: var(--isl-red-primary);
  padding-block: 0px;
}

.header-main .header-nav-main > li {
  position: relative;
  flex: 0 0 auto;
}

.header-main .header-nav-main > li > a {
  color: var(--isl-text-white) !important;
  font-family: var(--isl-font-base) !important;
  font-size: var(--font-size-xs) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  transition: all var(--isl-transition-normal);
}

.header-main .header-nav-main > li > a:hover {
  color: var(--isl-blue-meta) !important;
  opacity: 1;
}

.header-main .header-nav-main > li img,
.header-main .header-nav-main > li i {
  margin-bottom: 2px;
  vertical-align: middle;
}

.header-main .nav-dropdown,
.header-main .sub-menu {
  margin-top: 10px;
  padding: 8px;
  min-width: 250px;
  border: 1px solid rgba(0, 168, 235, 0.18);
  border-radius: var(--isl-radius-lg);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 16px 36px rgba(0, 168, 235, 0.16);
  backdrop-filter: blur(10px);
}

.header-main .nav-dropdown > li + li,
.header-main .sub-menu > li + li {
  margin-top: 4px;
}

.header-main .nav-dropdown > li > a,
.header-main .sub-menu > li > a {
  display: flex;
  align-items: center;
  padding: 11px 16px;
  border-radius: var(--isl-radius-md);
  color: var(--isl-text-title);
  font-size: var(--font-size-base);
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  transition:
    background var(--isl-transition-fast),
    color var(--isl-transition-fast);
}

.header-main .nav-dropdown > li > a:hover,
.header-main .sub-menu > li > a:hover,
.header-main .nav-dropdown > li.current-menu-item > a,
.header-main .sub-menu > li.current-menu-item > a {
  color: var(--isl-blue-meta);
  background: linear-gradient(
    90deg,
    rgba(235, 33, 27, 0.12),
    rgba(235, 33, 27, 0.04)
  );
}

.nav-icon,
.mobile-nav-toggle {
  color: var(--isl-text-white) !important;
}

.ux-body-overlay {
  background: rgba(24, 33, 47, 0.6);
}

.mobile-sidebar {
  width: min(320px, 85vw);
  background: var(--isl-red-primary);
}

.mobile-sidebar .sidebar-menu {
  padding: var(--isl-space-6) 0;
}

.mobile-sidebar .mfp-close {
  color: var(--isl-text-white);
  opacity: 0.9;
}

.mobile-sidebar .mfp-close:hover {
  opacity: 1;
}

.mobile-sidebar .header-search-form-wrapper {
  padding: 0 var(--isl-space-5) var(--isl-space-4);
}

.mobile-sidebar .search-field {
  height: 42px;
  border: none;
  border-radius: var(--isl-radius-md);
  background: rgba(255, 255, 255, 0.15);
  color: var(--isl-text-white);
  padding-left: var(--isl-space-4);
  font-size: var(--font-size-md);
}

.mobile-sidebar .search-field::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.mobile-sidebar .ux-search-submit i {
  color: var(--isl-text-white);
}

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

.mobile-sidebar .nav-sidebar > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.mobile-sidebar .nav-sidebar > li > a {
  display: block;
  padding: var(--isl-space-4) var(--isl-space-5);
  color: var(--isl-text-white) !important;
  font-family: var(--isl-font-base);
  font-size: var(--font-size-sm);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  text-decoration: none !important;
  transition:
    background var(--isl-transition-fast),
    color var(--isl-transition-fast);
}

.mobile-sidebar .nav-sidebar > li > a:hover,
.mobile-sidebar .nav-sidebar > li.current > a,
.mobile-sidebar .nav-sidebar > li.is-active > a {
  background: rgba(255, 255, 255, 0.1);
  color: var(--isl-blue-meta) !important;
}

.mobile-sidebar .nav-sidebar > li.has-dropdown > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-sidebar .nav-sidebar i.icon-angle-down {
  font-size: var(--font-size-sm);
  transition: transform var(--isl-transition-fast);
}

.mobile-sidebar .nav-sidebar > li.dropdown-active i.icon-angle-down {
  transform: rotate(180deg);
}

.mobile-sidebar .nav-sidebar-ul.children {
  margin: var(--isl-space-2) var(--isl-space-5);
  padding: var(--isl-space-2);
  list-style: none;
  background: rgba(255, 255, 255, 0.96);
  border-radius: var(--isl-radius-md);
  width: auto;
}

.mobile-sidebar .nav-sidebar-ul.children > li + li {
  margin-top: 2px;
}

.mobile-sidebar .nav-sidebar-ul.children > li > a {
  display: block;
  padding: 10px 14px;
  border-radius: var(--isl-radius-sm);
  color: var(--isl-text-title) !important;
  font-size: var(--font-size-sm);
  font-weight: 500;
  text-transform: none;
}

.mobile-sidebar .nav-sidebar-ul.children > li > a:hover {
  color: var(--isl-blue-meta) !important;
  background: rgba(235, 33, 27, 0.08);
}

.mobile-sidebar .account-item > a,
.mobile-sidebar .header-newsletter-item > a {
  display: flex;
  align-items: center;
  gap: var(--isl-space-2);
  padding: var(--isl-space-4) var(--isl-space-5);
  color: var(--isl-text-white) !important;
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.mobile-sidebar .account-item ul.children {
  background: rgba(255, 255, 255, 0.96);
  border-radius: var(--isl-radius-md);
  margin: var(--isl-space-2) var(--isl-space-5);
  padding: var(--isl-space-2);
}

.mobile-sidebar .account-item ul.children a {
  display: block;
  padding: 10px 14px;
  border-radius: var(--isl-radius-sm);
  color: var(--isl-text-title) !important;
  font-size: var(--font-size-sm);
}

.mobile-sidebar .account-item ul.children a:hover {
  color: var(--isl-blue-meta) !important;
  background: rgba(235, 33, 27, 0.08);
}

.mobile-sidebar .header-social-icons {
  display: flex;
  justify-content: center;
  padding: var(--isl-space-6) var(--isl-space-5) var(--isl-space-4);
}

.mobile-sidebar .social-icons {
  display: flex;
  gap: var(--isl-space-3);
}

.mobile-sidebar .social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  color: var(--isl-text-white);
  transition: all var(--isl-transition-fast);
}

.mobile-sidebar .social-icons a:hover {
  background: #fff;
  color: var(--isl-red-primary);
  border-color: #fff;
}

/* =====================================================================
   5. MAIN CONTENT
   ===================================================================== */
.relative .section-content {
  margin-left: 4px !important;
}

.isl-toolbar-time-col .col-inner {
    padding-left: 15px !important;
}

.isl-toolbar.row {
  margin-block: 0 !important;
  justify-content: space-between !important;
}

.isl-toolbar > .col,
.isl-toolbar-col {
  padding: 0px !important;
}

.isl-toolbar-col {
  display: flex;
  align-items: center;
}

.isl-toolbar-time {
  color: var(--isl-blue-meta);
}

.isl-toolbar-marquee-col {
  min-width: 0;
  flex: 1 1 0% !important;
}

.isl-toolbar-search-col {
  justify-content: flex-end;
  flex: 0 0 260px !important;
  width: 260px !important;
}

.isl-marquee {
  display: flex;
  align-items: center;
  height: 44px;
  overflow: hidden;
  background: #fff;
}

.isl-marquee-track {
  display: flex;
  align-items: center;
  gap: var(--isl-space-10);
  width: max-content;
  animation: islMarquee 80s linear infinite;
  will-change: transform;
}

.isl-marquee:hover .isl-marquee-track {
  animation-play-state: paused;
}

.isl-marquee-item {
  display: flex;
  align-items: center;
  flex: none;
  color: var(--isl-color-accent);
  font-size: var(--font-size-md);
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  transition: color var(--isl-transition-fast);
}

.isl-marquee-item:hover {
  color: var(--isl-color-primary);
}

@keyframes islMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.isl-search form {
  position: relative;
  display: flex;
  align-items: center;
}

.isl-search input.search-field {
  height: 42px;
  border: 1px solid #d8d8d8;
  border-radius: var(--isl-radius-md);
  font-size: var(--font-size-md);
  box-shadow: none;
}

.isl-search input.search-field:focus {
  outline: none;
  border-color: var(--isl-blue-accent);
  box-shadow: 0 0 0 3px var(--isl-blue-accent-soft);
}

.isl-search button {
  position: absolute;
  inset: 0 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 42px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

.isl-search button i {
  color: var(--isl-text-desc);
  font-size: var(--font-size-4xl);
  line-height: 1;
}

.isl-search button:hover i {
  color: var(--isl-red-time);
}

.isl-single-layout {
  display: flex;
  align-items: flex-start;
  gap: var(--isl-space-8);
  padding-block: var(--isl-space-4);
  box-sizing: border-box;
}

.isl-single-main {
  flex: 0 0 70%;
  max-width: 70%;
}

.isl-single-main h1 {
  margin-bottom: var(--isl-space-4);
  color: var(--isl-text-title);
  font-size: var(--font-size-4xl);
  font-weight: 700;
  line-height: 1.4;
}

.isl-single-main p {
  margin-bottom: 14px;
  color: var(--isl-text-desc);
  font-size: var(--font-size-base);
  line-height: 1.65;
}

.isl-single-sidebar {
  flex: 0 0 30%;
  max-width: 30%;
  padding: var(--isl-space-4);
  border: 1px solid var(--isl-border-solid);
  border-radius: var(--isl-radius-md);
  background: #fdfdfd;
}

/* =====================================================================
   6. COMPONENTS
   ===================================================================== */
.isl-news.section {
  padding-bottom: 5px !important;
  margin-top: 0 !important;
}

.isl-news {
  margin: var(--isl-space-6) 0 0 !important;
  padding: 0 !important;
}

.isl-news > .row {
  display: flex;
  align-items: flex-start;
}

.isl-news > .row > .col {
  padding: 0 !important;
}

.isl-news-left {
  padding-right: var(--isl-space-4) !important;
}

.isl-news-left-posts .row {
  display: block;
}

.isl-news-left-posts .col {
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-bottom: 25px;
}

.isl-news-left-posts .box {
  display: flex;
  align-items: flex-start;
  gap: var(--isl-space-3);
}

.isl-news-left-posts .box-image {
  flex: 0 0 120px;
  max-width: 120px;
}

.isl-news-left-posts .image-cover {
  padding-top: 75% !important;
}

.isl-news-left-posts .box-image img {
  object-fit: cover;
}

.isl-news-left-posts .box-text {
  flex: 1;
  padding: 0 !important;
}

.isl-news-left-posts .box-text-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.isl-news-left-posts .post-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45;
}

.isl-news-left-posts .post-title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: var(--isl-clamp-title-3) !important;
  line-clamp: var(--isl-clamp-title-3) !important;
  overflow: hidden !important;
  max-height: 70px;
  color: var(--isl-text-title);
  font-size: var(--font-size-base);
  font-weight: 500;
  line-height: 1.45;
  text-overflow: ellipsis !important;
}

.isl-news-left-posts .post-title a:hover {
  color: var(--isl-red-dark);
}

.isl-news-left-posts .post-meta {
  margin-top: auto;
  color: var(--isl-blue-meta);
  font-size: var(--font-size-sm);
  line-height: 1;
}

.isl-news-left-posts .is-divider,
.isl-news-left-posts .from_the_blog_excerpt {
  display: none !important;
}

.isl-news-center {
  padding: 0 var(--isl-space-3) !important;
}

.isl-news-feature .box {
  display: block;
}

.isl-news-feature .box-image {
  margin-bottom: var(--isl-space-3);
}

.isl-news-feature .box-image img {
  height: auto;
}

.isl-news-feature .box-text {
  padding: 0 !important;
}

.isl-news-feature .post-title {
  margin: 0 0 var(--isl-space-1) !important;
  padding: 0 !important;
  font-size: var(--font-size-2xl);
  font-weight: 650;
  line-height: 1.45;
}

.isl-news-feature .post-title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: var(--isl-clamp-title-2) !important;
  line-clamp: var(--isl-clamp-title-2) !important;
  overflow: hidden !important;
  max-height: 55px;
  color: var(--isl-text-title);
  font-size: var(--font-size-2xl);
  font-weight: 650;
  line-height: 1.45;
  text-overflow: ellipsis !important;
}

.isl-news-feature .post-title a:hover {
  color: var(--isl-red-dark);
}

.isl-news-feature .post-meta {
  margin-bottom: var(--isl-space-2);
  color: var(--isl-blue-meta);
  font-size: var(--font-size-base);
}

.isl-news-feature .from_the_blog_excerpt {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  line-clamp: 4 !important;
  overflow: hidden !important;
  max-height: 108px;
  margin-top: 5px;
  color: var(--isl-text-desc-light);
  font-size: var(--font-size-base);
  line-height: 1.8;
  text-overflow: ellipsis !important;
}

.isl-news-feature .box-text .is-divider {
  display: none !important;
}

.isl-news-right {
  padding-left: var(--isl-space-4) !important;
}

.isl-news-right-header {
  align-items: center;
  height: 32px;
  padding: 0 var(--isl-space-4);
  background: var(--isl-red-header-bg);
  color: #fff;
  font-size: var(--font-size-lg);
  font-weight: 600;
  text-transform: uppercase;
}

.isl-news-right-posts {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-news-right-posts .row {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

.isl-news-right-posts .col,
.isl-news-right-posts .col-inner {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-news-right-posts .col {
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.isl-news-right-posts .box {
  margin: 0 !important;
  padding: var(--isl-space-1) 0 !important;
  overflow: hidden;
  border-bottom: 1px dashed var(--isl-border-dashed);
}

.isl-news-right-posts .post-item:last-child .box {
  padding-bottom: 0 !important;
  border-bottom: none;
}

.isl-news-right-posts .box-image,
.isl-news-right-posts .post-meta,
.isl-news-right-posts .from_the_blog_excerpt,
.isl-news-right-posts .is-divider {
  display: none !important;
}

.isl-news-right-posts .box-text,
.isl-news-right-posts .box-text-inner {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-news-right-posts .post-title {
  position: relative;
  margin: 0 !important;
  padding-left: var(--isl-space-5) !important;
  line-height: 1.5;
}

.isl-news-right-posts .post-title::before {
  content: "▪";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--isl-red-header-bg);
  font-size: 11px;
  line-height: 1;
}

.isl-news-right-posts .post-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--isl-clamp-title-2);
  line-clamp: var(--isl-clamp-title-2);
  overflow: hidden;
  color: var(--isl-text-title);
  font-size: var(--font-size-base);
  font-weight: 500;
  line-height: 1.5;
  transition: var(--isl-transition-fast);
}

.isl-news-right-posts .post-title a:hover {
  color: var(--isl-red-header-bg);
}

.isl-news-right-posts ul,
.isl-news-right-posts ol,
.isl-news-right-posts li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.isl-news-right-posts li::marker {
  content: "";
}

.isl-activity.section {
  margin-top: 10px !important;
  padding-top: 30px !important;
  padding-bottom: 20px !important;
  background-color: #f5f7fa !important;
  box-shadow: 0 0 0 100vw #f5f7fa !important;
  clip-path: inset(0 -100vw);
}

.isl-activity {
  margin: 0 !important;
}

.isl-activity-header {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

.isl-activity-posts.row {
  margin: 0 -5px !important;
}

.isl-activity-title {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-activity-title br {
  display: none;
}

.isl-activity-title a {
  position: relative;
  display: block;
  padding: 0 0 8px var(--isl-space-5);
  color: var(--isl-color-accent);
  font-size: var(--font-size-4xl) !important;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}

.isl-activity-title a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 24px;
  background: var(--isl-color-accent) !important;
}

.isl-activity-title :any-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: var(--isl-color-accent) !important;
}

.isl-activity-posts {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-activity-posts .col {
  margin: 0 !important;
  padding: 0 5px !important;
}

.isl-ideology.section {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  padding: 30px 0 0 !important;
  background-color: #f5f7fa !important;
  box-shadow: 0 0 0 100vw #f5f7fa !important;
  clip-path: inset(0 -100vw);
}

.isl-ideology {
  margin: 0 !important;
}

.isl-ideology-header {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

.isl-ideology-title {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-ideology-title br {
  display: none;
}

.isl-ideology-posts {
  margin: 0 -5px !important;
  padding: 0 0 10px !important;
}

.isl-ideology-posts.row {
  margin-left: -5px !important;
  margin-right: 0 !important;
}

.isl-ideology-posts .col {
  margin: 0 !important;
  padding: 0 5px !important;
}

.isl-activity-posts .box,
.isl-ideology-posts .box {
  margin: 0px !important;
  transition: var(--isl-transition-normal);
}

.isl-activity-posts .box:hover,
.isl-ideology-posts .box:hover {
  transform: translateY(-5px);
}

.isl-activity-posts .box-image,
.isl-ideology-posts .box-image {
  margin: 0 !important;
  overflow: hidden;
}

.isl-activity-posts .image-cover,
.isl-ideology-posts .image-cover {
  padding-top: 62% !important;
}

.isl-activity-posts .box-image img,
.isl-ideology-posts .box-image img {
  object-fit: cover;
  object-position: top;
  transition: var(--isl-transition-slow);
}

.isl-activity-posts .box:hover img,
.isl-ideology-posts .box:hover img {
  transform: scale(1.06);
}

.isl-activity-posts .box-text,
.isl-ideology-posts .box-text {
  margin: 0 !important;
  padding: var(--isl-space-2) 0 0 !important;
}

.isl-activity-posts .post-title,
.isl-ideology-posts .post-title {
  margin: 0 0 4px !important;
  padding: 0 !important;
  line-height: 1.45;
}

.isl-activity-posts .post-title a,
.isl-ideology-posts .post-title a {
  display: block !important;
  overflow: visible !important;
  height: auto;
  color: var(--isl-text-title);
  font-size: var(--font-size-xl);
  font-weight: 700;
  line-height: 1.45;
  text-overflow: clip !important;
  white-space: normal !important;
}

.isl-activity-posts .post-title a:hover,
.isl-ideology-posts .post-title a:hover {
  color: var(--isl-red-primary);
}

.isl-activity-posts .post-meta,
.isl-ideology-posts .post-meta {
  margin: 4px 0 !important;
  padding: 0 !important;
  color: var(--isl-blue-meta);
  font-size: var(--font-size-sm);
}

.isl-activity-posts .from_the_blog_excerpt,
.isl-ideology-posts .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--isl-clamp-title-2);
  line-clamp: var(--isl-clamp-title-2);
  overflow: hidden;
  margin: 0 !important;
  color: var(--isl-text-desc);
  font-size: var(--font-size-base);
  line-height: 1.7;
}

.isl-activity-posts .is-divider,
.isl-ideology-posts .is-divider {
  display: none;
}

.isl-activity-posts .flickity-viewport,
.isl-ideology-posts .flickity-viewport {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.isl-activity-posts .flickity-button,
.isl-ideology-posts .flickity-button {
  display: none !important;
}

.isl-activity-posts .col:last-child,
.isl-ideology-posts .col:last-child {
  padding-right: 0 !important;
}

.isl-information.section {
  padding: 10px 0px !important;
  padding-inline: 0 !important;
}

.isl-information {
  margin-top: var(--isl-space-7) !important;
  margin-bottom: 20px !important;
}

.isl-information > .row > .col {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  padding: 0 var(--isl-space-3) !important;
}

.isl-block-title a {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 var(--isl-space-3) !important;
  padding: 0 0 var(--isl-space-2) !important;
  border-bottom: 2px solid var(--isl-red-primary);
}

.isl-block-title a::before {
  content: "";
  width: 5px;
  height: 24px;
  margin-right: var(--isl-space-3);
  background: var(--isl-red-primary);
}

.isl-block-title a span {
  color: var(--isl-red-primary);
  font-size: var(--font-size-4xl) !important;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}

.isl-block-title a i {
  display: none;
}

.isl-magazine-feature .box,
.isl-policy-feature .box,
.isl-intl-feature .box {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

.isl-magazine-feature .box-image,
.isl-policy-feature .box-image,
.isl-intl-feature .box-image {
  margin: 0 0 var(--isl-space-3) !important;
  padding: 0 !important;
}

.isl-magazine-feature .image-cover,
.isl-policy-feature .image-cover,
.isl-intl-feature .image-cover {
  padding-top: 62% !important;
}

.isl-magazine-feature img,
.isl-policy-feature img,
.isl-intl-feature img {
  transition: var(--isl-transition-normal);
}

.isl-magazine-feature .box:hover img,
.isl-policy-feature .box:hover img,
.isl-intl-feature .box:hover img {
  transform: scale(1.04);
}

.isl-magazine-feature .box-text,
.isl-policy-feature .box-text,
.isl-intl-feature .box-text {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-magazine-feature .post-title,
.isl-policy-feature .post-title,
.isl-intl-feature .post-title {
  margin: 0 0 4px !important;
  padding: 0 !important;
}

.isl-magazine-feature .post-title a,
.isl-policy-feature .post-title a,
.isl-intl-feature .post-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--isl-clamp-title-2);
  line-clamp: var(--isl-clamp-title-2);
  overflow: hidden;
  color: var(--isl-text-title);
  font-size: var(--font-size-xl);
  font-weight: 700;
  line-height: 1.45;
}

.isl-magazine-feature .post-title a:hover,
.isl-policy-feature .post-title a:hover,
.isl-intl-feature .post-title a:hover {
  color: var(--isl-red-primary);
}

.isl-magazine-feature .post-meta,
.isl-policy-feature .post-meta,
.isl-intl-feature .post-meta {
  margin: 0 0 4px !important;
  padding: 0 !important;
  color: var(--isl-blue-meta);
  font-size: var(--font-size-sm);
}

.isl-magazine-feature .from_the_blog_excerpt,
.isl-policy-feature .from_the_blog_excerpt,
.isl-intl-feature .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--isl-clamp-title-2);
  line-clamp: var(--isl-clamp-title-2);
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--isl-text-desc);
  font-size: var(--font-size-base);
  line-height: 1.7;
}

.isl-magazine-feature .is-divider,
.isl-policy-feature .is-divider,
.isl-intl-feature .is-divider {
  display: none;
}

.isl-magazine-list,
.isl-policy-list,
.isl-intl-list,
.isl-admin-list,
.isl-public-list {
  margin: 0px !important;
  padding: 0 !important;
  margin-inline: 0 !important;
}

.isl-magazine-list .row,
.isl-policy-list .row,
.isl-intl-list .row {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

.isl-magazine-list .col,
.isl-policy-list .col,
.isl-intl-list .col {
  max-width: 100% !important;
  flex: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.isl-magazine-list .box,
.isl-policy-list .box,
.isl-intl-list .box {
  display: block;
  margin: 0 !important;
  padding-top: 8px !important;
  border-bottom: 1px solid var(--isl-border-solid);
}

.isl-magazine-list .box:last-child,
.isl-policy-list .box:last-child,
.isl-intl-list .box:last-child {
  border: none;
}

.isl-magazine-list .box-text,
.isl-policy-list .box-text,
.isl-intl-list .box-text {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-magazine-list .post-title,
.isl-policy-list .post-title,
.isl-intl-list .post-title {
  margin: 0 !important;
  padding: 0 !important;
}

.isl-magazine-list .post-title a,
.isl-policy-list .post-title a,
.isl-intl-list .post-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--isl-clamp-title-2);
  line-clamp: var(--isl-clamp-title-2);
  overflow: hidden;
  color: var(--isl-text-title);
  font-size: var(--font-size-base);
  font-weight: 400;
  line-height: 1.5;
}

.isl-magazine-list .post-title a:hover,
.isl-policy-list .post-title a:hover,
.isl-intl-list .post-title a:hover {
  color: var(--isl-red-primary);
}

.isl-magazine-list .post-meta,
.isl-policy-list .post-meta,
.isl-intl-list .post-meta {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--isl-blue-meta);
  font-size: var(--font-size-sm);
}

.isl-magazine-list .box-image,
.isl-policy-list .box-image,
.isl-intl-list .box-image,
.isl-magazine-list .from_the_blog_excerpt,
.isl-policy-list .from_the_blog_excerpt,
.isl-intl-list .from_the_blog_excerpt,
.isl-magazine-list .is-divider,
.isl-policy-list .is-divider,
.isl-intl-list .is-divider {
  display: none;
}

.isl-links-section.section {
  padding: 0 !important;
  margin-top: var(--isl-space-5) !important;
  margin-bottom: 0 !important;
}

.isl-links-section {
  margin: 0 !important;
}

.isl-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--isl-space-4);
  padding: 0 !important;
}

.isl-links-item {
  overflow: hidden;
  border: 1px solid var(--isl-border-light);
  border-radius: var(--isl-radius-sm);
  background: #fff;
  transition: var(--isl-transition-normal);
}

.isl-links-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--isl-shadow-md);
}

.isl-links-item a {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  line-height: 0;
}

.isl-links-item img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  transition: transform 0.35s ease;
}

.isl-links-item:hover img {
  transform: scale(1.03);
}

.isl-quicklinks-row {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: var(--isl-space-5);
  margin: 0 auto !important;
  padding: 10px 0 25px !important;
}

.isl-quicklinks-col {
  width: auto !important;
  max-width: 50% !important;
  flex: 0 0 auto !important;
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.isl-quicklinks-col .col-inner {
  width: auto;
  display: flex;
  justify-content: center;
  padding: 0 !important;
}

.isl-quicklinks-img {
  width: 385px !important;
  min-width: 385px !important;
  aspect-ratio: 385 / 97;
  height: auto !important;
  overflow: hidden;
  border-radius: var(--isl-radius-sm);
}

.isl-quicklinks-img img {
  height: 100% !important;
  object-fit: cover !important;
  object-position: center;
}

section:has(.isl-quicklinks-row) {
  padding-top: 10px !important;
  padding-bottom: 25px !important;
}

/* =====================================================================
   7. FOOTER
   ===================================================================== */
.isl-footer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: var(--isl-red-footer);
  color: #fff;
  font-family: var(--isl-font-base);
}

.isl-footer-container {
  padding-block: 24px 18px;
}

.isl-footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1.4fr 1.3fr;
  align-items: start;
  gap: 24px;
}

.isl-footer-col {
  min-width: 0;
}

.isl-footer-title {
  margin: 0 0 20px;
  color: #fff;
  font-size: var(--font-size-4xl);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.isl-footer-desc {
  margin: 25px 0 12px;
  color: rgba(255, 255, 255, 0.85);
  font-size: var(--font-size-lg);
  line-height: 1.6;
}

.isl-footer-social {
  display: flex;
  gap: 10px;
  margin-top: 25px;
}

.isl-footer-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  color: #fff;
  transition: all 0.2s ease;
}

.isl-footer-social-link svg {
  width: 16px;
  height: 16px;
}

.isl-footer-social-link:hover {
  border-color: #fff;
  background: #fff;
  color: var(--isl-red-footer);
}

.isl-footer-col-title {
  position: relative;
  margin: 0 0 12px;
  padding-bottom: 6px;
  color: #fff;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.isl-footer-col-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 35px;
  height: 2px;
  background: #fff;
}

.isl-footer-contact {
  margin: 0;
  padding: 0;
  list-style: none;
}

.isl-footer-contact li {
  margin-bottom: 8px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--font-size-lg);
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.isl-footer-contact li:last-child {
  margin-bottom: 0;
}

.isl-footer-contact strong {
  margin-right: 6px;
  color: #fff;
  font-size: var(--font-size-lg);
  font-weight: 600;
  opacity: 0.95;
}

.isl-footer-contact a {
  color: #fff;
}

.isl-footer-contact a:hover {
  text-decoration: underline;
}

.isl-footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.isl-footer-links li {
  margin-bottom: 8px;
}

.isl-footer-links li:last-child {
  margin-bottom: 0;
}

.isl-footer-links a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: rgba(255, 255, 255, 0.88);
  transition: all 0.2s ease;
}

.isl-footer-links a::before {
  content: "›";
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 18px;
}

.isl-footer-links a:hover {
  padding-left: 18px;
  color: #fff;
}

.isl-footer-bottom {
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.75);
  font-size: var(--font-size-lg);
  text-align: center;
}

/* =====================================================================
   8. RESPONSIVE
   ===================================================================== */
@media (max-width: 1200px) {
  .header-main .header-nav-main > li > a {
    padding: var(--isl-space-2) 6px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 1100px) {
  .isl-footer-title,
  .isl-footer-contact li {
    white-space: normal;
  }
}

@media (max-width: 991px) {
  .isl-news.section {
    padding-inline: 15px !important;
  }

  .isl-news > .row {
    display: block;
  }

  .isl-news-left,
  .isl-news-center,
  .isl-news-right {
    max-width: 100%;
    flex: 100%;
    margin-bottom: var(--isl-space-6);
    padding: 0px !important;
  }

  .isl-news-feature .box-image img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  .isl-news-left-posts .box-image {
    width: 110px;
    min-width: 110px;
  }

  .isl-news-left-posts .box-image img {
    width: 110px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }

  .isl-activity-posts .image-cover,
  .isl-ideology-posts .image-cover {
    padding-top: 65% !important;
  }

  .isl-links {
    grid-template-columns: repeat(2, 1fr);
  }

  .isl-footer-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 28px;
  }

  .isl-footer-about {
    grid-column: 1 / -1;
  }
}

@media (max-width: 849px) {
  .medium-logo-center .logo {
    margin: 0 !important;
  }

  .header-main .logo {
    display: none !important;
  }

  .isl-information > .col {
    margin-bottom: 35px;
  }

  .isl-block-title span {
    font-size: var(--font-size-2xl);
  }

  .isl-admin-feature .post-title a,
  .isl-magazine-feature .post-title a,
  .isl-public-feature .post-title a {
    font-size: var(--font-size-xl);
  }

  .isl-single-layout {
    display: block;
  }

  .isl-single-main,
  .isl-single-sidebar {
    max-width: 100%;
  }

  .isl-single-sidebar {
    margin-top: var(--isl-space-6);
  }
}

@media (max-width: 768px) {
  .isl-video .post-title a {
    font-size: var(--font-size-lg);
  }

  .isl-video .box-image::after {
    width: 50px;
    height: 50px;
    font-size: var(--font-size-xl);
  }
}

@media (max-width: 767px) {
  :root {
    --isl-wrapper-gutter: 12px;
  }

  .isl-news.section {
    padding-inline: 0 !important;
  }

  .col:not(.category-content):not(.category-sidebar),
  .columns:not(.category-content):not(.category-sidebar) {
    padding: 0px 8px;
  }

  .isl-toolbar .col-inner {
    padding: 0px 4px !important;
  }

  .col-inner {
    padding-bottom: 10px !important;
  }

  .isl-news-left-posts .col {
    margin-bottom: 0px;
  }

  .isl-news {
    margin-top: var(--isl-space-4) !important;
  }

  .isl-news.section {
    padding: 0px 8px !important;
  }

  .isl-activity.section {
    margin-top: var(--isl-space-4) !important;
    padding-top: var(--isl-space-5) !important;
    padding-bottom: var(--isl-space-4) !important;
  }

  .isl-ideology.section {
    margin-top: var(--isl-space-4) !important;
    padding-top: var(--isl-space-5) !important;
  }

  .isl-ideology-posts {
    padding-bottom: var(--isl-space-4) !important;
  }

  .isl-information {
    margin-top: var(--isl-space-4) !important;
    margin-bottom: var(--isl-space-4) !important;
  }

  .isl-information.section {
    padding-block: var(--isl-space-3) !important;
  }

  .isl-links-section.section {
    margin-top: var(--isl-space-4) !important;
  }

  .isl-footer-container {
    padding-block: var(--isl-space-5) var(--isl-space-3) !important;
    padding: 20px 10px !important;
  }

  .isl-quicklinks-row {
    flex-wrap: wrap !important;
    margin: 10px 20px !important;
  }

  .isl-quicklinks-col {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .isl-quicklinks-img {
    min-width: 0 !important;
    max-width: 385px;
    aspect-ratio: 385 / 97;
  }

  section:has(.isl-quicklinks-row),
  .isl-quicklinks-row {
    padding-top: var(--isl-space-4) !important;
    padding-bottom: var(--isl-space-4) !important;
  }

  .isl-links {
    grid-template-columns: 1fr;
  }

  .isl-footer-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .isl-toolbar.row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .isl-toolbar-time-col {
    display: none !important;
  }

  .isl-toolbar-search-col {
    display: none !important;
  }

  .isl-toolbar-marquee-col {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  .isl-marquee {
    height: 40px;
  }

  .isl-quicklinks-img img {
    padding: 0px 20px !important;
  }
}

/* ==========================================================================
   TRANG LIÊN HỆ: MINIMALIST STYLE (TỐI GIẢN & CHUẨN BÁO CHÍ)
   ========================================================================== */
.tc-contact-section .row {
  width: min(
    var(--isl-wrapper-max-width),
    calc(100% - var(--isl-wrapper-gutter) * 2)
  ) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
  padding: 0px 15px !important
}

.tc-contact-section {
  background-color: #ffffff !important;
  padding: 20px 0 40px 0 !important;
}

.tc-contact-section .row:first-child .col {
  background: #ffffff !important;
  padding: 32px !important;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  margin-bottom: 24px !important;
}

.tc-contact-section .text h3,
.tc-contact-section .text p,
.tc-contact-section .text b,
.tc-contact-section .text strong {
  margin: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
}

.tc-contact-section .row:first-child .text:nth-child(1) {
  color: #eb211b !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 2px solid #eb211b;
  margin-bottom: 20px !important;
  display: inline-block;
}

.tc-contact-section .row:first-child .text:nth-child(2) {
  color: #00a8eb !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
  text-transform: uppercase;
}

.tc-contact-section .row:first-child .text:nth-child(3) {
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: italic;
  margin-bottom: 20px !important;
}

.tc-contact-section .row:first-child .text:nth-child(n + 4) {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  margin-bottom: 8px !important;
  color: #334155 !important;
}

.tc-contact-section .row:first-child .text:nth-child(n + 4) b,
.tc-contact-section .row:first-child .text:nth-child(n + 4) strong {
  color: #0f172a !important;
  font-weight: 600 !important;
}

.tc-contact-section .row:first-child .text:nth-child(n + 4) a {
  color: #00a8eb !important;
  text-decoration: none;
}
.tc-contact-section .row:first-child .text:nth-child(n + 4) a:hover {
  text-decoration: underline;
}

.tc-contact-section .row:last-child .col {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .tc-contact-section .row:first-child .col {
    padding: 20px !important;
  }
}

.mobile-sidebar .nav-sidebar > li {
  border-bottom: none !important;
}

.mobile-sidebar .header-search-form-wrapper {
  padding: 0px  15px 0px 0px;
}

.off-canvas:not(.off-canvas-center) li.html {
  padding: 10px 20px;
}