/* Koosoo: focused refinements on the existing public-site components. */
.moving-mouse-holder {
	display: block;
	position: absolute;
	margin-left: -80px;
	bottom: 60px;left: 50%;
	z-index: 99999;
}
.moving-mouse-holder .mouse {
  width: 26px;
  height: 40px;
  position:relative;
  right: 0;
  border-radius: 18px;
  border: 3px solid #fff;
}
.moving-mouse-holder .mouse-button {
  background-color: #fff;
  width: 4px;
  height: 10px;
  border-radius: 2px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin: 0 0 0 -2px;
  animation: mouse-scroll 1s infinite alternate;
}
.moving-mouse-holder .text {
  margin-top: -32px;
  margin-left: 40px;
  color: #fff;
  font-size: 12px;
  line-height: 1.3em;
}
@keyframes mouse-scroll {
  to {
    transform: translate(0, 6px) scale(1, 0.8);
  }
}
:root {
    --ks-navy: #192b40;
    --ks-red: #ad3435;
    --ks-ink: #24384a;
    --ks-muted: #526577;
    --ks-line: #dce3e9;
    --ks-surface: #f5f7fa;
}

html { overflow-x: clip; }

/* Reserve the existing hero height before Revolution Slider initializes. */
.hero-slider-area {
    position: relative;
    min-height: 700px;
    background-color: var(--ks-navy);
    background-position: center;
    background-size: cover;
}

.ks-slider-controls {
    position: absolute;
    right: 24px;
    bottom: 20px;
    z-index: 1000;
    display: flex;
    gap: 6px;
}

.ks-slider-controls button {
    min-width: 44px;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 5px;
    background: rgba(15,31,48,.88);
    color: #fff;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.ks-slider-controls button:hover {
    background: #192b40;
}

.ks-slider-controls button:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

@media (max-width: 777px) {
    .hero-slider-area { min-height: 480px; }
    .ks-slider-controls { right: 15px; bottom: 14px; }
    .moving-mouse-holder { bottom: 80px; }
}

.hero-slider-area h1.tp-caption {
    margin: 0;
}

.header-area a:focus-visible,
.mobile-menu-overlay a:focus-visible,
.mobile-menu-overlay [role="button"]:focus-visible,
.ht-btn:focus-visible,
.table-responsive:focus-visible,
.ks-slider-toggle:focus-visible {
    outline: 3px solid var(--ks-red);
    outline-offset: 4px;
}

.header-navigation__nav nav > ul > li:focus-within > .megamenu,
.header-navigation__nav nav > ul > li:focus-within > .megamenu > .megamenu--home-variation__item,
.header-navigation__nav nav > ul > li:focus-within > .submenu,
.header-navigation__nav nav > ul > li.ks-focus-open > .megamenu,
.header-navigation__nav nav > ul > li.ks-focus-open > .megamenu > .megamenu--home-variation__item,
.header-navigation__nav nav > ul > li.ks-focus-open > .submenu,
.header-navigation__nav nav > ul > li .submenu li:focus-within > .submenu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
}

.header-area__desktop .logo img,
.header-area__mobile .logo img,
.mobile-menu-overlay .logo img {
    height: auto;
    aspect-ratio: 350 / 102;
}

.header-navigation__nav nav > ul > li > a,
.header-navigation__nav .submenu a,
.get-quote-button-wrapper a,
.ht-btn {
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.mobile-menu-overlay:not(.active) {
    visibility: hidden;
    pointer-events: none;
}

.mobile-menu-overlay.active {
    visibility: visible;
}

.mobile-menu-overlay .menu-expand,
.mobile-menu-overlay .mobile-navigation-close-icon {
    cursor: pointer;
}

.mobile-navigation-icon,
.mobile-navigation-close-icon {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
}

.mobile-navigation-close-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
}

.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a {
    color: #e4eaf0;
    font-size: 18px;
}

.mobile-menu-overlay__body .offcanvas-navigation .sub-menu a {
    line-height: 1.65;
}

.header-navigation__nav .submenu,
.minicart-box {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 12px 30px rgba(22, 39, 57, .12);
}

.feature-project-two-single-item {
    border-radius: 8px;
    overflow: hidden;
}

.feature-project-two-single-item__image img {
    width: 100%;
    height: auto;
}

/* Keep the small visual dots, with a larger and clearly separated hit area. */
.featured-project-two-slider .swiper-pagination-bullet {
    position: relative;
    width: 32px;
    height: 32px;
    margin: 0 4px;
    background: transparent;
    opacity: 1;
}

.featured-project-two-slider .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 11px;
    width: 10px;
    height: 10px;
    border: 1px solid #aebcc9;
    border-radius: 50%;
}

.featured-project-two-slider .swiper-pagination-bullet-active::before {
    background: #fff;
    border-color: #fff;
}

.featured-project-two-slider .swiper-pagination-bullet:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 1px;
    border-radius: 50%;
}

.industry-content-inner .c-font-grey-3 {
    color: var(--ks-muted) !important;
}

.section-title-content-area .subtitle.c-font-yellow {
    color: #8a6208 !important;
}

.miso-post-list .post-none,
.widget-miso-post-photo .post-none {
    color: #626c77;
}

.ht-btn {
    border-radius: 5px;
}

.footer-area .footer-intro-wrapper {
    line-height: 1.85;
}

.footer-area .footer-copyright-left {
    line-height: 1.7;
}

.ks-table-hint {
    margin: 0 0 10px;
    color: var(--ks-muted);
    font-size: 13px;
    line-height: 1.6;
}

.ks-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 10001;
    padding: 12px 20px;
    background: var(--ks-navy);
    color: #fff;
    border-radius: 5px;
    transform: translateY(-180%);
}

.ks-skip-link:focus {
    transform: translateY(0);
    color: #fff;
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .header-area__desktop .logo {
        flex: 0 0 190px;
        padding: 0 20px;
    }
    .header-area__desktop .logo img {
        max-width: 150px;
    }
    .header-area__desktop .header-navigation-wrapper--style4 {
        min-width: 0;
        padding-left: 18px;
    }
    .header-area__desktop .header-navigation__nav nav > ul > li > a {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 16px;
    }
    .header-area__desktop .header-navigation-wrapper--style3__left {
        min-width: 0;
    }
    .header-area__desktop .header-navigation__nav nav > ul {
        display: flex;
        flex-wrap: nowrap;
    }
    .header-area__desktop .get-quote-button-wrapper a {
        min-width: 170px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 15px;
    }
}

@media (max-width: 1199px) {
    .header-area__mobile .mobile-menu-area {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .header-area__mobile .row {
        flex-wrap: nowrap;
    }
    .header-area__mobile .row > div:first-child {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        max-width: none;
    }
    .header-area__mobile .row > div:last-child {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .header-area__mobile .logo img {
        width: 175px;
        max-width: 100%;
    }
    .header-area__mobile .mobile-menu-content {
        align-items: center;
        gap: 14px;
    }
    .header-area__mobile .mobile-menu-content > a {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-height: 44px;
        margin: 0 !important;
        white-space: nowrap;
    }
    .header-area__mobile .mobile-menu-content > a img {
        width: 20px;
        height: auto;
    }
    .header-area__mobile .mobile-navigation-icon {
        flex: 0 0 32px;
        width: 32px;
        height: 44px;
        margin: 0;
    }
    .header-area__mobile .mobile-navigation-icon i,
    .header-area__mobile .mobile-navigation-icon i::before,
    .header-area__mobile .mobile-navigation-icon i::after {
        background-color: var(--ks-ink);
    }
    .footer-area .pcx.footer-copyright-left,
    .footer-area .footer-intro-wrapper > .pcx {
        font-size: 13px;
    }
}

@media (max-width: 575px) {
    .header-area__mobile .logo img {
        width: 145px;
    }
    .header-area__mobile .mobile-menu-content {
        gap: 12px;
    }
    .icon-info-area .single-icon-info {
        padding: 20px;
        margin-bottom: 16px;
        border: 1px solid var(--ks-line);
        border-radius: 8px;
        background: var(--ks-surface);
    }
    .icon-info-area .single-icon-info__image {
        display: none;
    }
    .icon-info-area .single-icon-info__content {
        flex: 1 1 100%;
        min-width: 0;
        margin-left: 0;
    }
    .icon-info-area .single-icon-info__title {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .icon-info-area .single-icon-info__text,
    .icon-info-area .single-icon-info__text a {
        font-size: 16px;
        line-height: 1.7;
        word-break: normal;
        overflow-wrap: break-word;
    }
    .icon-info-area .single-icon-info__text a[href^="tel:"] {
        font-size: 21px;
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-menu-overlay,
    .header-area *,
    .moving-mouse-holder *,
    .ht-btn,
    .feature-project-two-single-item * {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

/* Design refinement, 2026-10-21. Existing Noto files; no new font downloads.
   One correctly weighted family replaces the template's thin heading overrides. */
@font-face {
    font-family: "Koosoo Sans";
    src: url("../../fonts/NotoSansKR/fonts/notosanskr-regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Koosoo Sans";
    src: url("../../fonts/NotoSansKR/fonts/notosanskr-medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Koosoo Sans";
    src: url("../../fonts/NotoSansKR/fonts/notosanskr-bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
:root {
    --ks-font: "Koosoo Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    --ks-radius-control: 10px;
    --ks-radius-panel: 20px;
}

/* Public-site components only: no reset of board/editor/admin forms. */
.header-area,
.hero-slider-area,
.featured-project-two-slider-area,
.featured-project-area,
.industry-slider-area,
.page-content-wrapper,
.footer-area {
    font-family: var(--ks-font);
    font-size: 16px;
    line-height: 1.75;
}
.header-area .header-navigation__nav nav > ul > li > a {
    font-family: var(--ks-font) !important;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.35px;
}
.header-navigation__nav .submenu {
    padding: 12px 0;
    border-top: 3px solid var(--ks-red);
    border-radius: 0 0 14px 14px;
}
.header-navigation__nav .submenu a {
    font-family: var(--ks-font);
    font-size: 16px;
    line-height: 1.5;
    padding-top: 11px;
    padding-bottom: 11px;
}
.header-area .get-quote-button-wrapper { display: flex; align-items: center; }
.header-area .get-quote-button-wrapper a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 50px;
    height: auto;
    margin: 0 18px;
    padding: 13px 22px;
    border-radius: var(--ks-radius-control);
    background: var(--ks-navy);
    color: #fff !important;
    font-family: var(--ks-font) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}
.header-area .get-quote-button-wrapper a i { color: inherit !important; }
.header-area .get-quote-button-wrapper a::before { display: none; }
.header-area .get-quote-button-wrapper a:hover { background: var(--ks-red); }
.header-area .minicart-box {
    border: 1px solid var(--ks-line);
    border-radius: 16px;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a {
    font-family: var(--ks-font);
    font-size: 20px;
    font-weight: 500;
}
.mobile-menu-overlay__body .offcanvas-navigation .sub-menu a { font-size: 16px; }
.mobile-menu-overlay .menu-expand {
    border-radius: 8px;
    background: rgba(255,255,255,.06);
}

/* Quiet framing lets the existing factory photographs carry the identity. */
.hero-slider-area .tp-caption[data-type="text"] { font-family: var(--ks-font); }
.hero-slider-area { overflow: hidden; }
.hero-slider-area .tp-caption[data-type="text"][id$="-layer-1"] {
    border-radius: 6px;
    letter-spacing: 1px !important;
}
.hero-slider-area .tp-caption[data-type="text"][id$="-layer-2"] {
    font-weight: 700 !important;
    letter-spacing: -.04em !important;
}
.ks-slider-controls {
    gap: 8px;
    right: 32px;
    bottom: 24px;
}
.ks-slider-controls button {
    min-height: 46px;
    border-color: rgba(255,255,255,.45);
    background: rgba(15,31,48,.86);
    border-radius: 999px;
    font-family: var(--ks-font);
    font-size: 14px;
    font-weight: 500;
}
.ks-slider-controls .ks-slider-prev,
.ks-slider-controls .ks-slider-next {
    width: 46px;
    min-width: 46px;
    padding: 0;
    font-size: 0;
}
.ks-slider-controls .ks-slider-prev::before,
.ks-slider-controls .ks-slider-next::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    margin-right: 4px;
}
.ks-slider-controls .ks-slider-prev::before { transform: rotate(-135deg); margin: 0 0 0 4px; }
.ks-slider-controls .ks-slider-toggle { min-width: 118px; padding: 8px 18px; }

.featured-project-two-slider-area { overflow: hidden; padding-top: 88px; padding-bottom: 54px !important; }
.featured-project-two-slider-area .section-title-area { margin-bottom: 48px; }
.featured-project-two-slider-area .section-title-area .subtitle {
    color: #c5d1dc;
    font-size: 16px;
    letter-spacing: .2px;
    margin-bottom: 30px;
}
.featured-project-two-slider-area .section-title-area .title,
.featured-project-two-slider-area .section-title-area .title span {
    font-family: var(--ks-font) !important;
    font-size: clamp(32px, 3.2vw, 46px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -1.5px;
    word-spacing: 0;
}
.featured-project-two-slider-area .section-title-area .title { color: #b7c5d1 !important; padding-bottom: 0; }
.featured-project-two-slider-area .section-title-area .title::after { display: none; }
.featured-project-two-slider-container { margin: 0; }
.featured-project-two-slider-wrapper .swiper-slide,
.featured-project-two-slider-wrapper .swiper-slide:hover { padding: 0 12px; }
.feature-project-two-single-item { border-radius: 16px; box-shadow: none; }
.feature-project-two-single-item__image { overflow: hidden; }
.feature-project-two-single-item__image img {
    aspect-ratio: 370 / 300;
    object-fit: cover;
    transition: transform 240ms ease;
}
.feature-project-two-single-item__content {
    position: static;
    padding: 22px 24px;
    text-align: left;
    background: #fff;
}
.feature-project-two-single-item__content a {
    display: block;
    padding-right: 36px;
    font-family: var(--ks-font) !important;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.55;
    color: var(--ks-navy);
    letter-spacing: -.5px;
}
.feature-project-two-single-item__content::after {
    content: "";
    position: absolute;
    right: 26px;
    bottom: 33px;
    width: 9px;
    height: 9px;
    border-top: 2px solid var(--ks-red);
    border-right: 2px solid var(--ks-red);
    transform: rotate(45deg);
    pointer-events: none;
}
.feature-project-two-single-item:hover .feature-project-two-single-item__content { background: #f2f5f8; }
.feature-project-two-single-item:hover .feature-project-two-single-item__content a { color: var(--ks-red); }
.feature-project-two-single-item:focus-within { outline: 3px solid #fff; outline-offset: -4px; }
.feature-project-two-single-item:hover .feature-project-two-single-item__image img { transform: scale(1.025); }
.featured-project-two-slider .swiper-pagination { margin-top: 30px; }
.featured-project-two-slider .ht-swiper-button-prev { left: -66px; }
.featured-project-two-slider .ht-swiper-button-next { right: -66px; }

/* Replace font-icon arrow circles without changing Swiper/Bootstrap controls. */
.ht-swiper-button-nav,
.image-gallery-slider-big__container-area .ht-swiper-button-nav {
    width: 46px;
    height: 46px;
    line-height: 44px;
    border: 1px solid #c6d1da;
    border-radius: 50%;
    background: #fff;
    color: var(--ks-navy);
    box-shadow: none;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
.ht-swiper-button-nav > i { display: none; }
.ht-swiper-button-nav::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 16px;
    width: 9px;
    height: 9px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
}
.ht-swiper-button-prev::before { left: 19px; transform: rotate(-135deg); }
.ht-swiper-button-nav:hover,
.image-gallery-slider-big__container-area .ht-swiper-button-nav:hover {
    background: var(--ks-navy);
    border-color: var(--ks-navy);
    color: #fff;
}
.ht-swiper-button-nav:focus-visible { outline: 3px solid var(--ks-red) !important; outline-offset: 4px; }
.featured-project-two-slider .ht-swiper-button-nav {
    background: rgba(255,255,255,.08);
    border-color: #6f8293;
    color: #fff;
}
.featured-project-two-slider .ht-swiper-button-nav:hover { background: var(--ks-red); border-color: var(--ks-red); }

.featured-project-area { position: relative; padding-top: 96px; padding-bottom: 96px; }
.featured-project-area::before { content: ""; position: absolute; inset: 0; background: rgba(9,28,44,.32); pointer-events: none; }
.featured-project-area > .container { position: relative; }
.featured-project-area .row { align-items: center; }
.featured-project-area .section-title-area .title {
    font-family: var(--ks-font) !important;
    font-size: clamp(30px, 2.8vw, 42px);
    line-height: 1.5 !important;
    font-weight: 700;
    letter-spacing: -1.4px;
    word-spacing: 0;
    padding-bottom: 0;
    margin-top: 0;
}
.featured-project-area .section-title-area .title::after { display: none; }
.featured-project-area .section-title-content-area .subtitle {
    display: block;
    margin-bottom: 16px;
    font-family: var(--ks-font) !important;
    font-size: 24px;
    font-weight: 700;
    color: #fff !important;
    letter-spacing: -.6px;
    word-spacing: 0;
}
.featured-project-area .section-title-content { font-family: var(--ks-font); font-size: 18px; line-height: 1.9; word-break: keep-all; }

.industry-slider-area { overflow: hidden; }
.industry-slider-nav-area { padding-top: 18px; padding-bottom: 8px; background: var(--ks-surface); }
.industry-slider-nav-container { padding-bottom: 16px; }
.industry-slider-nav-container .swiper-slide-visible { box-shadow: none; }
.industry-slider-nav-container .swiper-slide { border-radius: 10px; background: transparent; color: var(--ks-muted); }
.industry-slider-nav-container .swiper-slide-active { background: var(--ks-navy); color: #fff; }
.industry-slider-nav-container .swiper-slide-active::before,
.industry-slider-nav-container .swiper-slide-active::after { display: none; }
.industry-single-nav { padding: 18px 12px; }
.industry-single-nav__title { font-family: var(--ks-font); font-weight: 700; font-size: 17px; line-height: 1.5; letter-spacing: -.4px; }
.industry-slider-content-single .industry-content-inner {
    width: 540px;
    padding: 40px;
    border: 1px solid var(--ks-line);
    border-radius: var(--ks-radius-panel);
    background: #fff;
}
.industry-content-inner .section-title-area > span,
.industry-content-inner .section-title-area > span > span {
    font-family: var(--ks-font);
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -.8px;
    word-spacing: 0;
    color: var(--ks-navy) !important;
}
.industry-content-inner p.section-title-content { font-family: var(--ks-font); font-size: 17px; line-height: 1.95; color: #405466; }
.industry-content-inner p.section-title-content small { font-size: 14px; color: #526577; }
.ht-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    height: auto;
    padding: 13px 24px;
    border-radius: var(--ks-radius-control);
    font-family: var(--ks-font) !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    text-transform: none;
}
.ht-btn--dark { background: var(--ks-navy); color: #fff !important; }
.ht-btn--dark:hover { background: var(--ks-red); }
.industry-content-inner .ht-btn { margin-top: 12px; }

/* The three existing information columns become quiet, readable surfaces. */
.category-grid-wrapper > .row > .col-md-4 { padding: 0 28px; }
.category-grid-wrapper > .row > .col-md-4 + .col-md-4 { border-left: 1px solid var(--ks-line); }
.category-grid-wrapper .xup2 {
    font-family: var(--ks-font) !important;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.6px;
    line-height: 1.5;
}
.category-grid-wrapper .xup2 > i { margin-right: 8px !important; font-size: 20px; color: var(--ks-red); }
.category-grid-wrapper .post-none { font-size: 16px; }
.brand-logo-slider__single .image { overflow: hidden; border: 1px solid #e2e7ec; border-radius: 10px; }

/* Subpages: readable hierarchy, softer image frames and genuine controls. */
.breadcrumb-area h1,
.breadcrumb-area h2,
.breadcrumb-area h1 span,
.breadcrumb-area h2 span { font-family: var(--ks-font) !important; font-weight: 700; font-size: 36px; line-height: 1.4; letter-spacing: -.8px; }
.page-sidebar .widget-title,
.page-sidebar .widget-title span { font-family: var(--ks-font) !important; font-size: 23px; line-height: 1.5; font-weight: 700; }
.sidebar-category li > a { position: relative; padding: 15px 36px 15px 16px; border-radius: 9px; font-family: var(--ks-font); font-size: 16px; line-height: 1.5; font-weight: 500; }
.sidebar-category li.active > a { background: var(--ks-navy); color: #fff; }
.sidebar-category li > a .fa-arrow-circle-right { position: absolute; right: 17px; top: 22px; margin: 0 !important; font-size: 0; }
.sidebar-category .fa-arrow-circle-right::before { content: ""; display: block; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }
.sidebar-category a[aria-expanded="true"] .fa-arrow-circle-right::before { transform: rotate(135deg); }
.page-sidebar .card-body { border-radius: 10px; background: var(--ks-surface); }
.page-sidebar .card-body a { font-size: 15px; line-height: 1.8; }
.about-list-wrapper p { font-size: 17px; line-height: 1.95; }
.about-feature-icon-area { border-radius: var(--ks-radius-panel); }
.career-title-area h3 { font-family: var(--ks-font) !important; font-size: 28px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; word-spacing: 0; }
.image-gallery-slider-big__container,
.image-gallery-slider-small__single-slide,
.product-details__image-slider .carousel { overflow: hidden; border-radius: 14px; }
.image-gallery-slider-small__single-slide { opacity: .65; }
.image-gallery-slider-small__wrapper .swiper-slide-active .image-gallery-slider-small__single-slide { outline: 3px solid var(--ks-red); outline-offset: -3px; }
.product-details__image-slider .carousel-control-prev,
.product-details__image-slider .carousel-control-next {
    top: 50%;
    bottom: auto;
    width: 44px;
    height: 44px;
    transform: translateY(-50%);
    border: 1px solid #ccd6de;
    border-radius: 50%;
    background: #fff;
    color: var(--ks-navy);
    opacity: 1;
}
.product-details__image-slider .carousel-control-prev { left: 10px; }
.product-details__image-slider .carousel-control-next { right: 10px; }
.product-details__image-slider .carousel-control-prev-icon,
.product-details__image-slider .carousel-control-next-icon {
    width: 8px;
    height: 8px;
    background-image: none;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    margin-right: 3px;
}
.product-details__image-slider .carousel-control-prev-icon { transform: rotate(-135deg); margin: 0 0 0 3px; }
.product-details__image-slider .carousel-control-prev-icon i,
.product-details__image-slider .carousel-control-next-icon i { display: none; }
.product-details__image-slider .carousel-control-prev:hover,
.product-details__image-slider .carousel-control-next:hover { background: var(--ks-navy); color: #fff; }
.product-details__title { font-family: var(--ks-font); font-weight: 700; line-height: 1.45; }
.product-details__price { font-family: var(--ks-font); font-weight: 500; }
.product-details__image-slider { border-radius: 18px; box-shadow: none; }
.product-details__image-slider .shop-single-product__badges .onsale { border-radius: 7px; background: var(--ks-navy); color: #fff; font-size: 14px; }
.product-details__desc .c-font-17 { font-size: 17px; line-height: 1.85; }
.service-details-tab__navigation-wrapper .nav-link { border-radius: 8px 8px 0 0; font-size: 16px; font-weight: 500; padding: 12px 16px; }
.standard-table2 { font-size: 16px; line-height: 1.75; border-radius: 14px; border: 1px solid var(--ks-line); }
.standard-table2 thead th { padding-top: 18px; padding-bottom: 18px; font-weight: 700; }
.standard-table2 tbody td { padding-top: 24px; padding-bottom: 24px; }
.standard-table2 td span { font-family: var(--ks-font); font-weight: 700; }
.header-info-slider a { font-size: 14px; font-weight: 500; }
.header-info-slider .fa-arrow-left::before,
.header-info-slider .fa-arrow-right::before,
.industry-content-inner .fa-arrow-left::before,
.industry-content-inner .fa-arrow-right::before { content: ""; display: inline-block; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }
.header-info-slider .fa-arrow-left::before,
.industry-content-inner .fa-arrow-left::before { transform: rotate(-135deg); }
.footer-area { border-top: 1px solid var(--ks-line); background: #f2f5f8; }
.footer-area .footer-intro-wrapper { font-size: 15px; line-height: 1.9; }
.footer-area .footer-intro-wrapper p { font-family: var(--ks-font) !important; font-size: 19px; font-weight: 700; margin-bottom: 12px; }
.footer-area .footer-copyright-left,
.footer-area .footer-copyright-right__navigation { font-size: 14px; }

@media (min-width: 1200px) and (max-width: 1439px) {
    .header-area .header-navigation__nav nav > ul > li > a { font-size: 16px; padding-left: 10px; padding-right: 10px; }
    .header-area .get-quote-button-wrapper a { min-width: 160px; padding: 13px 12px; margin: 0 12px; font-size: 15px; }
    .featured-project-two-slider .ht-swiper-button-prev { left: -50px; }
    .featured-project-two-slider .ht-swiper-button-next { right: -50px; }
}
@media (max-width: 1199px) {
    .featured-project-two-slider .ht-swiper-button-prev { left: -48px; }
    .featured-project-two-slider .ht-swiper-button-next { right: -48px; }
}
@media (max-width: 1330px) {
    .featured-project-two-slider .ht-swiper-button-prev { left: 20px; }
    .featured-project-two-slider .ht-swiper-button-next { right: 20px; }
    .featured-project-two-slider .ht-swiper-button-nav { background: var(--ks-navy); border-color: #7b8e9f; }
}
@media (max-width: 991px) {
    .featured-project-area { padding-top: 64px; padding-bottom: 64px; }
    .featured-project-area .section-title-content-area { margin-top: 24px; }
    .industry-slider-nav-area { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 768px) {
    .featured-project-two-slider-area { padding-top: 56px; padding-bottom: 36px !important; }
    .featured-project-two-slider-area .section-title-area { margin-bottom: 30px; }
    .featured-project-two-slider-area .section-title-area .title,
    .featured-project-two-slider-area .section-title-area .title span { font-size: 32px; letter-spacing: -.8px; }
    .feature-project-two-single-item__content { padding: 18px 20px; }
    .feature-project-two-single-item__content a { font-size: 20px; }
    .feature-project-two-single-item__content::after { right: 24px; bottom: 29px; }
    .featured-project-area .section-title-area .title { font-size: 30px; }
    .featured-project-area .section-title-content { font-size: 17px; line-height: 1.85; }
    .featured-project-area .section-title-content-area .subtitle { font-size: 22px; }
    .industry-single-nav { padding: 14px 10px; }
    .industry-single-nav__title { font-size: 19px; }
    .industry-slider-content-single .industry-content-inner { padding: 26px 22px; border-radius: 16px; }
    .industry-content-inner .section-title-area > span,
    .industry-content-inner .section-title-area > span > span { font-size: 25px; }
    .industry-content-inner p.section-title-content { font-size: 16px; line-height: 1.9; }
    .industry-content-inner p.section-title-content small { font-size: 13px; }
    .industry-content-inner .ht-btn { margin-top: 8px; }
    .category-grid-wrapper > .row > .col-md-4 { padding: 0 20px; }
    .category-grid-wrapper .xup2 { font-size: 22px; }
    .breadcrumb-area h1,
    .breadcrumb-area h2,
    .breadcrumb-area h1 span,
    .breadcrumb-area h2 span { font-size: 28px; }
    .about-list-wrapper p { font-size: 16px; line-height: 1.9; }
    .product-details__desc .c-font-17 { font-size: 16px; }
    .standard-table2 { font-size: 15px; }
    .service-details-tab__navigation-wrapper .nav-link { font-size: 14px; padding: 10px 12px; }
    .footer-area .footer-intro-wrapper > .pcx { font-size: 14px; line-height: 1.9; }
}
@media (max-width: 575px) {
    .ks-slider-controls { right: 16px; bottom: 16px; gap: 7px; }
    .ks-slider-controls .ks-slider-toggle { min-width: 108px; }
    .industry-slider-nav-area { padding-left: 15px; padding-right: 15px; }
    .industry-slider-content-single { height: auto; min-height: 520px; padding: 32px 0; }
    .industry-slider-content-single .industry-content-inner { width: 100%; }
    .category-grid-wrapper > .row > .col-md-4 { padding: 24px; margin-bottom: 20px; border: 1px solid var(--ks-line); border-radius: 14px; }
    .category-grid-wrapper > .row { margin: 0; }
    .category-grid-wrapper .pcx.h30 { display: none; }
    .category-grid-wrapper .post-none { padding-top: 22px; padding-bottom: 22px; }
    .image-gallery-slider-big__container,
    .product-details__image-slider .carousel { border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .feature-project-two-single-item__image img { transition: none; }
    .feature-project-two-single-item:hover .feature-project-two-single-item__image img { transform: none; }
    .ht-swiper-button-nav { transition: none; }
}