@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&display=swap");

/*
 * Hadis Hanofa Dairy Production brand layer.
 * Loaded after the original theme so layout and content remain unchanged.
 */

:root {
  --hh-blue-900: #063986;
  --hh-blue-800: #084a9b;
  --hh-blue-700: #0852a5;
  --hh-sky-400: #9fcff0;
  --hh-sky-100: #e8f3fb;
  --hh-green-600: #80b02b;
  --hh-green-700: #4f7619;
  --hh-green-100: #f2f7e9;
  --hh-ink: #123a5d;
  --hh-body: #496277;
  --hh-line: #d7e6f1;
  --hh-surface: #f6fafd;
  --bd-ff-body: "Inter", "Segoe UI", Tahoma, Arial, sans-serif;
  --bd-ff-heading: "Barlow Condensed", "Arial Narrow", "Segoe UI", sans-serif;
  --bd-ff-p: "Inter", "Segoe UI", Tahoma, Arial, sans-serif;
  --bd-common-white: #ffffff;
  --bd-common-black: var(--hh-ink);
  --bd-heading-primary: var(--hh-ink);
  --bd-grey-1: var(--hh-line);
  --bd-grey-2: #e7eff5;
  --bd-text-body: var(--hh-body);
  --bd-theme-1: var(--hh-blue-900);
  --bd-theme-2: var(--hh-green-600);
  --bd-theme-3: #1596d2;
  --bd-theme-4: var(--hh-green-100);
  --bd-theme-5: #a5ca61;
  --bd-theme-6: #edf6fb;
  --bd-theme-7: #eef6fb;
  --bd-theme-8: #dcebf6;
  --bd-theme-9: #5fa9df;
  --bd-theme-10: var(--hh-sky-400);
  --bd-theme-11: #1596d2;
}

html { scroll-behavior: smooth; }

body {
  color: var(--hh-body);
  background: #ffffff;
  font-family: var(--bd-ff-body);
}

[dir="rtl"] body,
[dir="rtl"] p,
[dir="rtl"] a,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--hh-ink);
  letter-spacing: -0.015em;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

::selection {
  color: #ffffff;
  background: var(--hh-blue-900);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(128, 176, 43, 0.4);
  outline-offset: 3px;
}

/* Shared brand backgrounds and controls */
.theme-bg { background-color: var(--hh-blue-900); }
.theme-bg-2 { background-color: var(--hh-green-700); }
.theme-bg-3, .theme-bg-8 { background-color: #1596d2; }
.theme-bg-6, .theme-bg-7, .theme-bg-11 { background-color: var(--hh-surface); }
.theme-bg-9, .theme-bg-10 { background-color: var(--hh-sky-400); }

.bd-gradient-bg,
#preloader {
  background: linear-gradient(125deg, #edf6fb 0%, #ffffff 55%, #f2f7e9 100%);
}

.bd-btn {
  min-height: 50px;
  color: #ffffff;
  background: var(--hh-green-700);
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(79, 118, 25, 0.18);
  font-family: var(--bd-ff-body);
  font-weight: 700;
}

.bd-btn::before { background: var(--hh-blue-900); }

.bd-btn.bd-btn-grey {
  color: var(--hh-blue-900);
  border-color: var(--hh-blue-900);
}

.bd-btn.bd-btn-grey::before { background: var(--hh-blue-900); }

.btn-orange {
  color: var(--hh-blue-900);
  background: var(--hh-sky-100);
  border: 1px solid var(--hh-line);
  font-weight: 700;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.active {
  color: #ffffff;
  background: var(--hh-blue-900);
  border-color: var(--hh-blue-900);
}

.bd-dots-pagination .swiper-pagination-bullet,
.swiper-pagination-bullet { background: var(--hh-sky-400); }

.bd-dots-pagination .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active { background: var(--hh-green-600); }

.progress-wrap { box-shadow: inset 0 0 0 2px rgba(6, 57, 134, 0.16); }
.progress-wrap svg.progress-circle path { stroke: var(--hh-green-600); }

/* Preloader */
.preloader-thumb {
  width: 250px;
  height: 250px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 24px 60px rgba(6, 57, 134, 0.12);
}

.preloader-thumb img {
  width: 175px;
  max-height: 205px;
  object-fit: contain;
}

.preloader-border {
  border-color: var(--hh-sky-400);
  border-inline-end-color: var(--hh-green-600);
}

/* Header and navigation */
.bd-header .container { max-width: 1460px; }

.bd-header-top-3 {
  min-height: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: linear-gradient(90deg, var(--hh-blue-900) 0 74%, var(--hh-sky-400) 74% 86%, var(--hh-green-600) 86% 100%);
}

.bd-header-bottom {
  top: 0;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid var(--hh-line);
}

.bd-header-logo {
  width: 112px;
  min-width: 112px;
}

.bd-header-logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}

.bd-header-logo img {
  width: auto;
  max-width: 100%;
  height: 80px;
  object-fit: contain;
}

.header-sticky {
  border-bottom: 1px solid var(--hh-line);
  box-shadow: 0 12px 30px rgba(6, 57, 134, 0.09);
}

.header-sticky .bd-header-logo img { height: 68px; }

.bd-main-menu ul li a {
  color: var(--hh-ink);
  font-size: 16px;
  font-weight: 700;
}

.bd-main-menu ul li:hover > a,
.bd-main-menu ul li:hover > a::after,
.bd-main-menu ul li .submenu-2 li:hover a,
.bd-header-meta-icon-3 a:hover { color: var(--hh-green-700); }

.bd-header-cart-wrapper {
  border: 1px solid var(--hh-line);
  box-shadow: 0 18px 45px rgba(6, 57, 134, 0.14);
}

.hamburger-btn span { border-color: var(--hh-blue-900); }

.hamburger-btn span:nth-child(2),
.hamburger-btn span:nth-child(3) { border-color: var(--hh-green-600); }

/* Section hierarchy */
.bd-section-title {
  color: var(--hh-blue-900);
  font-weight: 700;
}

.bd-section-title-wrapper { position: relative; }

.bd-section-title-wrapper:not(.is-white)::after {
  content: "";
  display: block;
  width: 74px;
  height: 4px;
  margin-top: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--hh-green-600) 0 62%, var(--hh-sky-400) 62% 100%);
}

.bd-section-title-wrapper.text-center:not(.is-white)::after { margin-inline: auto; }

.bd-section-title-wrapper.is-white .bd-section-title,
.bd-section-title-wrapper.is-white p { color: #ffffff; }

/* Hero */
.bd-hero-area-3 {
  isolation: isolate;
  background: linear-gradient(135deg, #edf6fb 0%, #ffffff 58%, #f3f8ea 100%);
  border-bottom: 1px solid var(--hh-line);
}

.bd-hero-area-3::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 480px;
  height: 480px;
  inset-inline-end: -150px;
  top: 40px;
  border: 86px solid rgba(159, 207, 240, 0.22);
  border-radius: 52% 48% 61% 39% / 46% 40% 60% 54%;
  transform: rotate(24deg);
}

.bd-hero-title {
  color: var(--hh-blue-900);
  text-shadow: none;
}

.bd-hero-thumb-3-mask { filter: drop-shadow(0 24px 32px rgba(6, 57, 134, 0.17)); }

/* Cards and content sections */
.bd-class,
.bd-blog,
.bd-product,
.bd-product-2,
.bd-contact-info-wrap {
  background: #ffffff;
  border: 1px solid var(--hh-line);
  box-shadow: 0 16px 38px rgba(6, 57, 134, 0.07);
}

.bd-class,
.bd-class-bg img,
.bd-class-bg::before,
.bd-class-bg::after,
.bd-blog,
.bd-product,
.bd-product-2 { border-radius: 22px; }

.bd-class-bg::after,
.bd-joining-bg-overlay::after { background: var(--hh-blue-900); }

.bd-class-bg::before {
  background: linear-gradient(90deg, var(--hh-green-600), rgba(128, 176, 43, 0));
}

.bd-class-icon {
  color: var(--hh-blue-900);
  background: var(--hh-sky-100);
}

.bd-class-icon i { color: var(--hh-blue-900); }

.swiper-slide:nth-child(3n + 2) .bd-class-icon { background: var(--hh-green-100); }
.swiper-slide:nth-child(3n + 2) .bd-class-icon i { color: var(--hh-green-700); }
.swiper-slide:nth-child(3n + 3) .bd-class-icon { background: #e3f2fa; }
.bd-class-wrapper:hover .bd-class-icon { background: var(--hh-green-700); }

.bd-promotion-thumb-mask img,
.bd-program-thumb img,
.bd-blog-thumb img,
.bd-product-thumb img { border-radius: 24px; }

.bd-promotion-thumb-mask,
.bd-program-thumb,
.bd-blog-thumb,
.bd-product-thumb { filter: drop-shadow(0 16px 28px rgba(6, 57, 134, 0.12)); }

.bd-program-area { isolation: isolate; }

.bd-program-title a:hover,
.bd-blog-title a:hover,
.bd-product-title a:hover { color: var(--hh-green-700); }

.bd-program-active .swiper-slide:nth-child(3n + 1) .bd-program-shape path { fill: var(--hh-blue-900); }
.bd-program-active .swiper-slide:nth-child(3n + 2) .bd-program-shape path { fill: var(--hh-green-600); }
.bd-program-active .swiper-slide:nth-child(3n + 3) .bd-program-shape path { fill: #1596d2; }

.bd-blog-date,
.bd-blog-search-submit button,
.bd-contact-info-icon {
  background: var(--hh-blue-900);
  color: #ffffff;
}

.bd-blog-meta span i,
.bd-testimonial-rating a,
.bd-contact-info-content a:hover,
.bd-contact-info-content h6 a:hover { color: var(--hh-green-700); }

/* Branded dark feature and testimonial areas */
.bd-feature-area.theme-bg,
.bd-testimonial-area.theme-bg {
  position: relative;
  isolation: isolate;
  background: linear-gradient(120deg, var(--hh-blue-900), #0a4f9f);
}

.bd-feature-area.theme-bg::before,
.bd-testimonial-area.theme-bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  inset-inline-end: -100px;
  bottom: -180px;
  border: 64px solid rgba(159, 207, 240, 0.12);
  border-radius: 50%;
}

.theme-bg .bd-feature-title,
.theme-bg .bd-feature-content p,
.theme-bg .bd-testimonial-content p,
.theme-bg .bd-testimonial-avatar-title,
.theme-bg .bd-testimonial-avatar-title h5,
.theme-bg .bd-testimonial-avatar-title span { color: #ffffff; }

.bd-feature-icon {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.bd-testimonial-bg::before {
  background: linear-gradient(90deg, var(--hh-blue-900), rgba(6, 57, 134, 0));
}

.bd-testimonial-quote i { color: var(--hh-sky-400); }

/* Breadcrumbs */
.bd-breadcrumb-area.theme-bg {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(110deg, var(--hh-blue-900) 0%, #0a54a5 72%, var(--hh-green-600) 145%);
}

.bd-breadcrumb-area.theme-bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 330px;
  height: 330px;
  inset-inline-end: -75px;
  top: -180px;
  border: 58px solid rgba(159, 207, 240, 0.16);
  border-radius: 50%;
}

.bd-breadcrumb-title,
.bd-breadcrumb-list span,
.bd-breadcrumb-list span a,
.bd-breadcrumb-list span i { color: #ffffff; }

.bd-breadcrumb-list span a:hover { color: #cfe892; }

/* Forms and search */
.bd-contact-input input,
.bd-contact-input textarea,
.bd-newsletter-input input,
.bd-search-input input,
.offcanvas__search input { border-color: var(--hh-line); }

.bd-contact-input input:focus,
.bd-contact-input textarea:focus,
.bd-newsletter-input input:focus,
.bd-search-input input:focus,
.offcanvas__search input:focus {
  border-color: var(--hh-green-600);
  box-shadow: 0 0 0 4px rgba(128, 176, 43, 0.12);
}

.bd-search-submit button,
.bd-search-close-btn button,
.bd-search-open-btn:hover { color: var(--hh-green-700); }

/* Newsletter and footer */
.bd-newsletter {
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(115deg, var(--hh-blue-900), #0b5baa);
  box-shadow: 0 22px 60px rgba(6, 57, 134, 0.22);
}

.bd-newsletter::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  inset-inline-end: -70px;
  bottom: -130px;
  border: 42px solid rgba(128, 176, 43, 0.28);
  border-radius: 50%;
}

.bd-newsletter-input button { background: var(--hh-green-700); }

.bd-footer-area { background: var(--hh-blue-900); }

.bd-footer-area > .bd-gradient-bg {
  background: linear-gradient(145deg, var(--hh-blue-900), #03295f 72%, #0b4c91);
}

.bd-footer-widget-title,
.bd-footer-widget-content p,
.bd-footer-list ul li a,
.bd-footer-contact ul li a,
.bd-footer-copyright-text p,
.bd-footer-contact ul li i { color: #ffffff; }

.bd-footer-list ul li a:hover,
.bd-footer-contact ul li a:hover,
.bd-footer-contact ul li i:hover { color: #cfe892; }

.bd-footer-logo {
  width: 150px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.bd-footer-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.bd-footer-bottom-social ul li a {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.bd-footer-bottom-social ul li a:hover {
  background: var(--hh-green-700);
  border-color: var(--hh-green-700);
}

.bd-footer-copyright-line img {
  filter: hue-rotate(165deg) saturate(0.75) brightness(1.45);
  opacity: 0.7;
}

/* Off-canvas menu */
.offcanvas__wrapper {
  background: linear-gradient(165deg, var(--hh-blue-900), #03295f);
}

.offcanvas__logo {
  width: 132px;
  padding: 9px;
  background: #ffffff;
  border-radius: 14px;
}

.offcanvas__logo img {
  width: 100%;
  height: auto;
}

.offcanvas__content h4,
.offcanvas__content h5,
.offcanvas__contact-text a,
.offcanvas__contact-icon a,
.offcanvas__search input { color: #ffffff; }

.offcanvas__close-btn,
.offcanvas__search button { color: #cfe892; }

.mean-container .mean-nav ul li a {
  color: #ffffff;
  border-top-color: rgba(255, 255, 255, 0.16);
}

.mean-container .mean-nav ul li a:hover { color: #cfe892; }

@media (max-width: 1199px) {
  .bd-header-logo {
    width: 98px;
    min-width: 98px;
  }

  .bd-header-logo img { height: 72px; }
}

@media (max-width: 991px) {
  .bd-header-bottom { padding: 10px 0; }

  .bd-header-logo {
    width: 88px;
    min-width: 88px;
  }

  .bd-header-logo img { height: 66px; }
}

@media (max-width: 575px) {
  .bd-section-title-wrapper:not(.is-white)::after {
    width: 58px;
    margin-top: 12px;
  }

  .bd-newsletter { border-radius: 20px; }
  .offcanvas__area { width: min(100%, 390px); }
}
/* ===== Hadis Hanofa redesign v2 ===== */
:root {
  --hh-shadow-sm: 0 8px 24px rgba(6,57,134,.07);
  --hh-shadow: 0 18px 52px rgba(6,57,134,.12);
  --hh-radius: 20px;
  --hh-radius-lg: 28px;
}
body { font-size:16px; line-height:1.75; overflow-x:hidden; }
h1,h2,h3,h4,h5,h6 { font-family:"Segoe UI",Inter,Tahoma,Arial,sans-serif; font-weight:750; line-height:1.16; letter-spacing:-.025em; }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,[dir="rtl"] h5,[dir="rtl"] h6 { letter-spacing:0; line-height:1.35; }
p { color:var(--hh-body); }
.container { max-width:1320px; }
main > hr,.bd-hero-shape-wrapper,.bd-hero-thumb-3-shape,.bd-promotion-shape,.bd-breadcrumb-shape,.bd-wave-wrapper,.bd-feature-bottom-shape { display:none!important; }

/* Controls */
.bd-btn { min-height:52px; height:52px; padding:0 26px; line-height:52px; border-radius:12px; font-size:15px; letter-spacing:0; box-shadow:0 10px 22px rgba(79,118,25,.18); }
.bd-btn.bd-btn-grey { background:#fff; border-color:var(--hh-line); box-shadow:none; }
.bd-dots-pagination,.swiper-pagination { gap:7px; }
.bd-dots-pagination .swiper-pagination-bullet,.swiper-pagination-bullet { width:8px; height:8px; margin:0 4px!important; opacity:1; transition:width .25s ease; }
.bd-dots-pagination .swiper-pagination-bullet-active,.swiper-pagination-bullet-active { width:28px; border-radius:99px; }

/* Professional header */
.bd-header-top-3 { display:block!important; min-height:5px; height:5px; padding:0; background:linear-gradient(90deg,var(--hh-blue-900) 0 70%,var(--hh-sky-400) 70% 84%,var(--hh-green-600) 84% 100%); }
.bd-header-top-3 .container { display:none; }
.bd-header-bottom { padding:0; background:rgba(255,255,255,.98); border-bottom:1px solid var(--hh-line); backdrop-filter:blur(14px); }
.bd-header-bottom .mega-menu-wrapper > .d-flex { min-height:94px; }
.bd-header-logo { width:96px; min-width:96px; }
.bd-header-logo a { justify-content:flex-start; padding:5px 0; }
.bd-header-logo img { width:auto; height:82px; max-width:92px; }
.header-sticky { border-bottom-color:transparent; box-shadow:0 10px 34px rgba(6,57,134,.1); }
.header-sticky .mega-menu-wrapper > .d-flex { min-height:76px; }
.header-sticky .bd-header-logo img { height:66px; }
.bd-main-menu { gap:28px; }
.bd-main-menu nav > ul { gap:3px; }
.bd-main-menu ul li a { position:relative; padding:36px 15px; font-size:15px; font-weight:650; letter-spacing:0; }
.header-sticky .bd-main-menu ul li a { padding-top:27px; padding-bottom:27px; }
.bd-main-menu nav > ul > li > a::before { content:""; position:absolute; inset-inline:15px; bottom:24px; height:2px; background:var(--hh-green-600); border-radius:99px; transform:scaleX(0); transition:transform .25s ease; }
.bd-main-menu nav > ul > li:hover > a::before { transform:scaleX(1); }
.bd-search-btn-wrapper { margin-inline-start:14px; }
.bd-search-open-btn,.bd-header-meta-icon-3 > a { display:inline-grid; width:42px; height:42px; place-items:center; color:var(--hh-blue-900); background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:12px; }
.bd-header-meta-items-3 { margin-inline-end:12px; }
.bd-header-cart-wrapper { min-width:355px; padding:18px; background:#fff; border:1px solid var(--hh-line); border-radius:16px; box-shadow:var(--hh-shadow); }
.bd-header-cart-footer .btn-group { gap:6px; }
.bd-header-cart-footer .btn { padding:8px 13px!important; }
.bd-header-btn { margin-inline-start:8px; }

/* Section hierarchy */
.bd-section-title { font-size:clamp(34px,4vw,52px); font-weight:750; line-height:1.14; }
.bd-section-title-wrapper p { max-width:680px; margin-top:14px; font-size:17px; line-height:1.75; }
.bd-section-title-wrapper.text-center p { margin-inline:auto; }
.bd-section-title-wrapper:not(.is-white)::after { width:70px; height:4px; margin-top:18px; }

/* Hero */
.bd-hero-area-3 { min-height:650px; padding:70px 0; isolation:isolate; background:radial-gradient(circle at 9% 18%,rgba(159,207,240,.2),transparent 28%),linear-gradient(118deg,#063986 0%,#06458e 62%,#0b5ea8 100%); border-bottom:1px solid rgba(255,255,255,.12); }
.bd-hero-area-3::before,.bd-hero-area-3::after { content:""; position:absolute; z-index:-1; border-radius:50%; pointer-events:none; }
.bd-hero-area-3::before { width:440px; height:440px; inset-inline-end:-190px; top:-150px; border:78px solid rgba(159,207,240,.11); }
.bd-hero-area-3::after { width:260px; height:260px; inset-inline-start:-150px; bottom:-170px; background:rgba(128,176,43,.14); }
.bd-hero-area-3 > .bd-gradient-bg { display:none; }
.bd-hero-inner-3 { width:100%; }
.bd-hero-content { margin-inline-start:0; padding:35px 35px 35px 0; }
[dir="rtl"] .bd-hero-content { padding:35px 0 35px 35px; }
.bd-hero-title { max-width:720px; margin:0; color:#fff; font-size:clamp(48px,6.2vw,82px); font-weight:760; line-height:1.03; letter-spacing:-.045em; text-shadow:none; }
[dir="rtl"] .bd-hero-title { letter-spacing:0; line-height:1.25; }
.bd-hero-content::before { content:""; display:block; width:88px; height:5px; margin-bottom:28px; border-radius:99px; background:linear-gradient(90deg,var(--hh-green-600) 0 68%,var(--hh-sky-400) 68% 100%); }
.bd-hero-thumb-3-wrapper { padding:8px 0 8px 24px; }
[dir="rtl"] .bd-hero-thumb-3-wrapper { padding:8px 24px 8px 0; }
.bd-hero-thumb-3 { position:relative; padding:14px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.24); border-radius:var(--hh-radius-lg); box-shadow:0 28px 70px rgba(2,24,59,.35); backdrop-filter:blur(8px); }
.bd-hero-thumb-3::after { content:""; position:absolute; width:92px; height:92px; inset-inline-end:-18px; bottom:-18px; z-index:-1; background:var(--hh-green-600); border-radius:22px; }
.bd-hero-thumb-3-mask { display:block; overflow:hidden; -webkit-mask:none!important; mask:none!important; border-radius:18px; filter:none; }
.bd-hero-thumb-3-mask img { display:block; width:100%; height:470px; object-fit:cover; transform:none!important; }

/* Offerings */
.bd-class-area { padding-top:105px!important; padding-bottom:110px!important; background:#fff; }
.bd-class-active { padding:10px 2px 34px; }
.bd-class-active .swiper-wrapper { align-items:stretch; }
.bd-class-active .swiper-slide { height:auto; }
.bd-class-wrapper { height:100%; transition:transform .3s ease; }
.bd-class-wrapper:hover { transform:translateY(-7px); }
.bd-class { height:100%; min-height:355px; padding:40px 34px 34px; overflow:hidden; background:#fff!important; border:1px solid var(--hh-line)!important; border-top:5px solid var(--hh-blue-900)!important; border-radius:var(--hh-radius); box-shadow:var(--hh-shadow-sm); transition:border-color .3s ease,box-shadow .3s ease; }
.bd-class-wrapper:hover .bd-class { background:#fff; border-color:var(--hh-sky-400)!important; border-top-color:var(--hh-green-600)!important; box-shadow:var(--hh-shadow); }
.bd-class-bg { display:none!important; }
.bd-class-icon { display:inline-grid; width:76px; height:76px; margin-bottom:26px; place-items:center; color:var(--hh-blue-900); background:var(--hh-sky-100); border:1px solid #d7ebf8; border-radius:18px; }
.bd-class-icon i { display:block; color:var(--hh-blue-900); font-size:39px; line-height:1; }
.bd-class-active .swiper-slide:nth-child(3n + 2) .bd-class-icon { background:var(--hh-green-100); border-color:#deebca; }
.bd-class-active .swiper-slide:nth-child(3n + 2) .bd-class-icon i { color:var(--hh-green-700); }
.bd-class-active .swiper-slide:nth-child(3n + 3) .bd-class-icon { background:#edf7fd; }
.bd-class-active .swiper-slide:nth-child(3n + 3) .bd-class-icon i { color:#0f6cbf; }
.bd-class-wrapper:hover .bd-class-icon { background:var(--hh-blue-900); border-color:var(--hh-blue-900); }
.bd-class-wrapper:hover .bd-class-icon i { color:#fff; transform:none; }
.bd-class-wrapper:hover .bd-class-title,.bd-class-wrapper:hover .bd-class-content p { color:inherit; }
.bd-class-title { margin-bottom:13px; color:var(--hh-ink)!important; font-size:25px; }
.bd-class-content p { margin-bottom:0; color:var(--hh-body)!important; line-height:1.7; }

/* Promotion */
.bd-promotion-area { padding-top:105px!important; padding-bottom:70px!important; background:var(--hh-surface); }
.bd-class-area + .bd-promotion-area { border-top:1px solid var(--hh-line); }
.bd-promotion-thumb-wrapper { position:relative; padding-inline-end:28px; }
.bd-promotion-thumb-wrapper::before { content:""; position:absolute; inset-inline-start:-16px; bottom:2px; width:42%; height:46%; background:var(--hh-green-600); border-radius:22px; opacity:.9; }
.bd-promotion-thumb,.bd-promotion-thumb-mask { display:block; width:100%; overflow:hidden; -webkit-mask:none!important; mask:none!important; border-radius:var(--hh-radius-lg); }
.bd-promotion-thumb-mask { position:relative; background:#fff; border:10px solid #fff; box-shadow:var(--hh-shadow); }
.bd-promotion-thumb img,.bd-promotion-thumb-mask img { display:block; width:100%; height:490px; object-fit:cover; border-radius:19px; filter:none; }
.bd-promotion { margin-inline-start:28px; padding:20px 0; }
.bd-promotion p { font-size:17px; line-height:1.8; }

/* Programs */
.bd-program-area { padding-top:105px!important; padding-bottom:110px!important; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 100% 0,rgba(159,207,240,.24),transparent 27%),linear-gradient(180deg,#edf6fc 0%,#f7fbfd 100%); border-top:1px solid var(--hh-line); }
.bd-program-area > .bd-gradient-bg { display:none; }
.bd-program-active { padding:8px 2px 34px; }
.bd-program-active .swiper-wrapper { align-items:stretch; }
.bd-program-active .swiper-slide { height:auto; }
.bd-program { height:100%; padding:10px 10px 28px; overflow:hidden; background:#fff; border:1px solid var(--hh-line); border-radius:var(--hh-radius); box-shadow:var(--hh-shadow-sm); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.bd-program:hover { transform:translateY(-7px); border-color:#bed9ea; box-shadow:var(--hh-shadow); }
.bd-program-thumb-wrapper { overflow:hidden; border-radius:14px; }
.bd-program-thumb { height:245px; overflow:hidden; border-radius:14px; }
.bd-program-thumb img { width:100%; height:100%; object-fit:cover; border-radius:14px; transition:transform .5s ease; }
.bd-program:hover .bd-program-thumb img { transform:scale(1.045); }
.bd-program-shape { display:none!important; }
.bd-program-content { margin:0!important; padding:22px 18px 0; }
.bd-program-title { margin:0 0 12px; font-size:25px; }
.bd-program-title a:hover { color:var(--hh-green-700); }
.bd-program-content p { margin:0; line-height:1.72; }
/* Compact branded breadcrumbs */
.bd-breadcrumb-area.theme-bg { min-height:255px; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 86% 18%,rgba(159,207,240,.2),transparent 25%),linear-gradient(112deg,#063986 0%,#07519e 76%,#0a62ac 100%); }
.bd-breadcrumb-area.theme-bg::before,.bd-breadcrumb-area.theme-bg::after { content:""; position:absolute; z-index:-1; border-radius:50%; }
.bd-breadcrumb-area.theme-bg::before { width:310px; height:310px; inset-inline-end:-80px; top:-190px; border:55px solid rgba(255,255,255,.08); }
.bd-breadcrumb-area.theme-bg::after { width:120px; height:120px; inset-inline-start:7%; bottom:-88px; background:rgba(128,176,43,.3); }
.bd-breadcrumb-wrapper { min-height:255px; margin-bottom:0!important; display:flex; align-items:center; justify-content:center; }
.bd-breadcrumb-title { margin:0; color:#fff; font-size:clamp(39px,5vw,58px); font-weight:740; }
.bd-breadcrumb-list span,.bd-breadcrumb-list span a,.bd-breadcrumb-list span i { color:rgba(255,255,255,.84); }
.bd-breadcrumb-list span a:hover { color:#d9efa9; }

/* About feature grid */
.bd-feature-area.theme-bg { padding-top:105px!important; padding-bottom:105px!important; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 100% 100%,rgba(159,207,240,.12),transparent 30%),linear-gradient(125deg,#063986,#074a91); }
.bd-feature-wrapper { overflow:visible; background:transparent; border:0; border-radius:0; }
.bd-feature-wrapper ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.bd-feature-wrapper ul li,.bd-feature-wrapper ul li:first-child { overflow:hidden; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.17); border-radius:18px; transition:transform .3s ease,background .3s ease,border-color .3s ease; }
.bd-feature-wrapper ul li::before { display:none; }
.bd-feature-wrapper ul li:hover { transform:translateY(-6px); background:#fff; border-color:#fff; }
.bd-feature-content { padding:32px 25px; }
.bd-feature-icon,.bd-feature-icon.icon-1,.bd-feature-icon.icon-2,.bd-feature-icon.icon-3,.bd-feature-icon.icon-4 { display:grid; width:68px; height:68px; margin:0 auto 23px; place-items:center; background:#fff; border:0; border-radius:16px; }
.bd-feature-icon i { color:var(--hh-blue-900); font-size:34px; line-height:1; }
.bd-feature-title { margin-bottom:12px; color:#fff; font-size:22px; }
.bd-feature-content p { margin:0; color:rgba(255,255,255,.78); line-height:1.65; }
.bd-feature-wrapper ul li:hover .bd-feature-title { color:var(--hh-ink); }
.bd-feature-wrapper ul li:hover .bd-feature-content p { color:var(--hh-body); }
.bd-feature-wrapper ul li:hover .bd-feature-icon { background:var(--hh-sky-100); }
.bd-feature-wrapper ul li:hover .bd-feature-icon i { color:var(--hh-blue-900); }

/* Clean testimonial presentation */
.bd-testimonial-area.theme-bg { position:relative; padding:105px 0; overflow:hidden; background:linear-gradient(180deg,var(--hh-surface),#eaf4fa); border-top:1px solid var(--hh-line); }
.bd-testimonial-video,.bd-testimonial-bg { display:none!important; }
.bd-testimonial-area .row { justify-content:center!important; }
.bd-testimonial-area .row > .col-lg-6 { width:min(100%,900px); }
.bd-testimonial-wrapper { margin-inline-start:0; padding:52px 58px; background:#fff; border:1px solid var(--hh-line); border-radius:var(--hh-radius-lg); box-shadow:var(--hh-shadow); }
.bd-testimonial-area .bd-section-title-wrapper { text-align:center; }
.bd-testimonial-area .bd-section-title-wrapper.is-white .bd-section-title { color:var(--hh-blue-900); }
.bd-testimonial-area .bd-section-title-wrapper::after { content:""; display:block; width:70px; height:4px; margin:18px auto 0; background:linear-gradient(90deg,var(--hh-green-600) 0 64%,var(--hh-sky-400) 64%); border-radius:99px; }
.bd-testimonial { position:relative; padding-inline-start:76px; }
.bd-testimonial-quote { position:absolute; inset-inline-start:0; top:0; }
.bd-testimonial-quote i { color:var(--hh-sky-400); font-size:48px; }
.bd-testimonial-rating { margin-bottom:18px!important; }
.bd-testimonial-rating a { color:var(--hh-green-700); }
.bd-testimonial-content { margin-bottom:28px!important; }
.bd-testimonial-content p { margin:0; color:var(--hh-body)!important; font-size:19px; line-height:1.75; }
.bd-testimonial-avatar-thumb img { border:3px solid var(--hh-sky-100); }
.bd-testimonial-avatar-title,.bd-testimonial-avatar-title h5 { color:var(--hh-ink)!important; }
.bd-testimonial-avatar-title span { color:#7890a3!important; }
.bd-testimonial-pagination { justify-content:center!important; margin-top:32px; }

/* Product and services cards */
.bd-product-area { padding-top:100px!important; padding-bottom:105px!important; background:#fff; }
.bd-product,.bd-product-2 { height:calc(100% - 25px); overflow:hidden; background:#fff; border:1px solid var(--hh-line); border-radius:var(--hh-radius); box-shadow:var(--hh-shadow-sm); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.bd-product:hover { transform:translateY(-6px); border-color:#bdd9eb; box-shadow:var(--hh-shadow); }
.bd-product-thumb-wrapper,.bd-product-thumb { overflow:hidden; background:var(--hh-surface); }
.bd-product-thumb img { width:100%; height:295px; object-fit:cover; border-radius:0; transition:transform .5s ease; }
.bd-product:hover .bd-product-thumb img { transform:scale(1.04); }
.bd-product-content { min-height:145px; padding:24px 25px 27px; text-align:start; border-top:1px solid var(--hh-line); }
.bd-product-title { margin-bottom:8px; font-size:24px; }
.bd-product-title a:hover { color:var(--hh-green-700); }
.bd-product-content p { margin:0; line-height:1.65; }
.bd-product-thumb-pagination { bottom:12px!important; }
.product-filter-wrapper { padding-bottom:22px; border-bottom:1px solid var(--hh-line); }
.filter-buttons .btn { margin:0 5px 8px; }

/* Blog and search results */
.bd-blog-area { padding-top:100px!important; padding-bottom:105px!important; background:var(--hh-surface); }
.bd-blog-search { padding:16px; background:#fff; border:1px solid var(--hh-line); border-radius:18px; box-shadow:var(--hh-shadow-sm); }
.bd-blog-search-input { overflow:hidden; border:1px solid var(--hh-line); border-radius:12px; }
.bd-blog-search-input input { height:58px; padding-inline:20px 64px; background:#fff; }
.bd-blog-search-submit button { width:58px; height:58px; color:#fff; background:var(--hh-blue-900); border-radius:0; }
.bd-blog { height:calc(100% - 40px); overflow:hidden; background:#fff; border:1px solid var(--hh-line); border-radius:var(--hh-radius); box-shadow:var(--hh-shadow-sm); transition:transform .3s ease,box-shadow .3s ease; }
.bd-blog:hover { transform:translateY(-6px); box-shadow:var(--hh-shadow); }
.bd-blog-thumb { overflow:hidden; }
.bd-blog-thumb img { width:100%; height:270px; object-fit:cover; border-radius:0; transition:transform .5s ease; }
.bd-blog:hover .bd-blog-thumb img { transform:scale(1.04); }
.bd-blog-content { padding:25px 25px 28px; background:#fff; border:0; border-top:1px solid var(--hh-line); border-radius:0; }
.bd-blog-date { color:#fff; background:var(--hh-blue-900); border-radius:10px; }
.bd-blog-meta { margin-bottom:13px; }
.bd-blog-meta span i { color:var(--hh-green-700); }
.bd-blog-title { font-size:24px; line-height:1.3; }
.bd-blog-title a:hover { color:var(--hh-green-700); }
.page-content { background:var(--hh-surface); }
.section-lgx { padding:100px 0; }
.pbmit-element-posts-wrapper { row-gap:24px; margin-inline:-12px; }
.pbmit-element-posts-wrapper > [class*="col-"] { padding-inline:12px; }
.pbminfotech-post-item { height:100%; overflow:hidden; background:#fff; border:1px solid var(--hh-line); border-radius:var(--hh-radius); box-shadow:var(--hh-shadow-sm); transition:transform .3s ease,box-shadow .3s ease; }
.pbminfotech-post-item:hover { transform:translateY(-6px); box-shadow:var(--hh-shadow); }
.pbmit-featured-img-wrapper,.pbmit-service-image-wrapper { overflow:hidden; }
.pbmit-featured-wrapper img { width:100%; height:270px; object-fit:cover; transition:transform .5s ease; }
.pbminfotech-post-item:hover .pbmit-featured-wrapper img { transform:scale(1.04); }
.pbmit-box-content-wrap { padding:27px; border-top:1px solid var(--hh-line); }
.pbmit-service-title { margin-bottom:12px; font-size:24px; }
.pbmit-service-title a:hover { color:var(--hh-green-700); }
.pbmit-service-description p { margin:0 0 20px; }
.pbmit-service-btn a { display:inline-flex; align-items:center; gap:8px; color:var(--hh-blue-900); font-weight:700; }
.pbmit-service-btn a:hover { color:var(--hh-green-700); }

/* Contact */
.bd-contact-info-area { padding-top:100px!important; padding-bottom:75px!important; background:#fff; }
.bd-contact-info-wrap { height:calc(100% - 30px); overflow:hidden; background:#fff; border:1px solid var(--hh-line); border-radius:var(--hh-radius); box-shadow:var(--hh-shadow-sm); }
.bd-contact-info { width:100%; min-height:255px; padding:32px 25px; background:#fff; border-radius:0; filter:none; transition:background .3s ease; }
.bd-contact-info:hover { background:var(--hh-surface); filter:none; }
.bd-contact-info-icon,.bd-contact-info-icon.cat-1,.bd-contact-info-icon.cat-2,.bd-contact-info-icon.cat-3 { display:grid; width:72px; height:72px; margin:0 auto 24px; place-items:center; color:#fff; background:var(--hh-blue-900); border-radius:16px; }
.bd-contact-info-wrap:nth-child(2) .bd-contact-info-icon { background:var(--hh-green-700); }
.bd-contact-info-icon a { width:auto; height:auto; color:#fff; font-size:31px; line-height:1; }
.bd-contact-info-content h5 { margin-bottom:12px; font-size:23px; }
.bd-contact-info-content h6 { color:var(--hh-body); line-height:1.5; }
.bd-contact-info-content a:hover { color:var(--hh-green-700); }
.bd-contact-area { padding-bottom:100px!important; background:#fff; }
.bd-contact-form { height:100%; padding:40px; background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:var(--hh-radius); }
.bd-contact-form-title { color:var(--hh-blue-900); font-size:32px; }
.bd-contact-input input,.bd-contact-input textarea,.comment-input input,.comment-input textarea,.contact-form input,.contact-form textarea { width:100%; color:var(--hh-ink); background:#fff; border:1px solid var(--hh-line); border-radius:12px; }
.bd-contact-input input,.comment-input input { height:56px; padding-inline:18px; }
.bd-contact-input textarea,.comment-input textarea { min-height:150px; padding:15px 18px; }
.bd-contact-input input:focus,.bd-contact-input textarea:focus,.comment-input input:focus,.comment-input textarea:focus,.contact-form input:focus,.contact-form textarea:focus { border-color:var(--hh-green-600); box-shadow:0 0 0 4px rgba(128,176,43,.12); }
.bd-contact-map { min-height:100%; overflow:hidden; background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:var(--hh-radius); box-shadow:var(--hh-shadow-sm); }
.bd-contact-map iframe { min-height:540px; border-radius:0; filter:saturate(.75) contrast(1.04); }
.alert { border:0; border-radius:12px; }

/* Service details and reviews */
.shop-details-area { padding-top:100px!important; padding-bottom:90px!important; background:#fff; }
.product-d-img-tab-wrapper { gap:16px; margin-inline-end:30px; }
.product-d-img-nav { width:90px; }
.product-d-img-nav button,.product-d-img-nav .nav-link { overflow:hidden; background:var(--hh-surface); border:1px solid var(--hh-line)!important; border-radius:12px; }
.product-d-img-nav button.active,.product-d-img-nav .nav-link.active { border-color:var(--hh-green-600)!important; }
.product-d-img-tab { flex:1; overflow:hidden; background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:var(--hh-radius); }
.product-d-img-tab img { width:100%; min-height:440px; object-fit:cover; }
.product-side-info { padding:40px; background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:var(--hh-radius); }
.product-side-info .product-name { margin-bottom:18px; color:var(--hh-blue-900); font-size:36px; }
.product-side-info p { margin:0; color:var(--hh-body); font-size:17px; line-height:1.8; }
.product-details-tab-wrapper { overflow:hidden; background:#fff; border:1px solid var(--hh-line); border-radius:var(--hh-radius); box-shadow:var(--hh-shadow-sm); }
.product-details-nav { padding:0 28px; background:var(--hh-surface); border-bottom:1px solid var(--hh-line); }
.product-details-nav .nav-tabs { border:0; gap:10px; }
.product-details-nav .nav-link { padding:18px 20px; color:var(--hh-body); background:transparent; border:0; border-bottom:3px solid transparent; border-radius:0; font-weight:700; }
.product-details-nav .nav-link.active { color:var(--hh-blue-900); background:transparent; border-bottom-color:var(--hh-green-600); }
.product-details-content { padding:38px; }
.course-review-item { padding:24px; background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:16px; }
.course-reviews-img img { border-radius:14px; }
.course-start-icon i,.course-start-icon a { color:var(--hh-green-700); }
.product__details-comment { margin-top:38px; padding:34px; background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:18px; }
.comment-title { color:var(--hh-blue-900); }
/* Legacy pages retained in the same system */
.inner-intro { padding:80px 0; color:#fff; background:linear-gradient(112deg,var(--hh-blue-900),var(--hh-blue-700)); }
.inner-intro h1,.inner-intro h2,.inner-intro a,.page-breadcrumb { color:#fff; }
.padding { padding:90px 0; }
.faq .card,.card-block { margin-bottom:14px; overflow:hidden; background:#fff; border:1px solid var(--hh-line); border-radius:14px; box-shadow:var(--hh-shadow-sm); }
.faq .card-header { padding:0; background:var(--hh-surface); border:0; }
.faq .card-header a { display:block; padding:18px 22px; color:var(--hh-blue-900); font-weight:700; }
.faq .panel-body { padding:20px 22px; }
.history-timeline__block,.abt-block,.mv-block > div { border-radius:var(--hh-radius); }
.history-timeline .icon-dot { color:var(--hh-green-600); }
.contact-form { padding:36px; background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:var(--hh-radius); }
.contact-form .form-field { margin-bottom:20px; }

/* Newsletter and footer */
.bd-newsletter-area { position:relative; z-index:3; padding-top:80px; background:#fff; }
.bd-newsletter { margin-bottom:-120px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:var(--hh-radius-lg); background:radial-gradient(circle at 95% 20%,rgba(159,207,240,.18),transparent 25%),linear-gradient(115deg,var(--hh-blue-900),#0754a2); box-shadow:0 24px 65px rgba(6,57,134,.24); }
.bd-newsletter::after { content:""; position:absolute; width:210px; height:210px; inset-inline-end:-90px; bottom:-145px; border:38px solid rgba(128,176,43,.34); border-radius:50%; }
.bd-newsletter-bg { opacity:.04; filter:grayscale(1); }
.bd-newsletter .bd-section-title { font-size:clamp(34px,4vw,48px); }
.bd-newsletter .bd-section-title-wrapper p { color:rgba(255,255,255,.78); }
.bd-newsletter-input { max-width:720px; }
.bd-newsletter-input input { height:66px; padding-inline-start:23px; padding-inline-end:215px; border:1px solid rgba(255,255,255,.35); border-radius:14px; }
.bd-newsletter-input .bd-btn { height:54px; min-height:54px; inset-inline-end:6px; top:6px; line-height:54px; border-radius:10px; }
.bd-footer-area { position:relative; padding-top:170px!important; background:var(--hh-blue-900); }
.bd-footer-area > .bd-gradient-bg { background:radial-gradient(circle at 8% 92%,rgba(159,207,240,.12),transparent 24%),linear-gradient(145deg,var(--hh-blue-900),#032657 76%); }
.bd-footer { padding-top:76px!important; }
.bd-footer .row { row-gap:15px; }
.bd-footer-widget-2 { margin-inline-start:45px; }
.bd-footer-widget-title { position:relative; padding-bottom:13px; color:#fff; font-size:20px; }
.bd-footer-widget-title::after { content:""; position:absolute; inset-inline-start:0; bottom:0; width:36px; height:3px; background:var(--hh-green-600); border-radius:99px; }
.bd-footer-widget-content p,.bd-footer-list ul li a,.bd-footer-contact ul li a,.bd-footer-copyright-text p,.bd-footer-contact ul li i { color:rgba(255,255,255,.74); }
.bd-footer-list ul li { margin-bottom:11px; }
.bd-footer-list ul li a:hover,.bd-footer-contact ul li a:hover { color:#d9efa9; padding-inline-start:4px; }
.bd-footer-contact ul li { align-items:flex-start; margin-bottom:17px; }
.bd-footer-contact ul li i { margin-top:6px; color:var(--hh-sky-400); }
.bd-footer-logo { width:152px; padding:10px; background:#fff; border:1px solid rgba(255,255,255,.42); border-radius:18px; box-shadow:0 16px 35px rgba(0,0,0,.16); }
.bd-footer-logo img { display:block; width:100%; height:auto; }
.bd-footer-bottom-social ul { gap:9px; }
.bd-footer-bottom-social ul li a { color:#fff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:10px; }
.bd-footer-bottom-social ul li a:hover { background:var(--hh-green-700); border-color:var(--hh-green-700); }
.bd-footer-copyright-line { opacity:.32; }
.bd-footer-copyright-line img { filter:grayscale(1) brightness(2.4); }

/* Search and mobile navigation */
.bd-search-popup-area { background:rgba(255,255,255,.99); }
.bd-search-input input { height:68px; padding-inline:22px 80px; }
.bd-search-submit button { color:var(--hh-blue-900); }
.offcanvas__wrapper { background:radial-gradient(circle at 100% 0,rgba(159,207,240,.14),transparent 25%),linear-gradient(165deg,var(--hh-blue-900),#032657); }
.offcanvas__logo { width:122px; padding:8px; background:#fff; border-radius:15px; }
.offcanvas__logo img { width:100%; height:auto; }
.offcanvas__content h4,.offcanvas__content h5,.offcanvas__contact-text a,.offcanvas__contact-icon a { color:#fff; }
.offcanvas__search input { color:#fff; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.18); }
.offcanvas__close-btn,.offcanvas__search button { color:#d9efa9; }
.offcanvas__content .btn-group { display:flex; flex-wrap:wrap; gap:5px; }
.mean-container .mean-nav ul li a { color:#fff; border-top-color:rgba(255,255,255,.14); }
.mean-container .mean-nav ul li a:hover { color:#d9efa9; }

/* Responsive: laptop */
@media (max-width:1199px) {
  .container { max-width:1140px; }
  .bd-header-logo { width:88px; min-width:88px; }
  .bd-header-logo img { height:72px; }
  .bd-main-menu ul li a { padding-inline:10px; font-size:14px; }
  .bd-main-menu nav > ul > li > a::before { inset-inline:10px; }
  .bd-hero-area-3 { min-height:590px; }
  .bd-hero-thumb-3-mask img { height:410px; }
  .bd-promotion-thumb img,.bd-promotion-thumb-mask img { height:430px; }
  .bd-feature-content { padding:28px 18px; }
  .bd-footer-widget-2 { margin-inline-start:20px; }
}

/* Responsive: tablet */
@media (max-width:991px) {
  .bd-header-bottom { padding:0; }
  .bd-header-bottom .mega-menu-wrapper > .d-flex { min-height:78px; }
  .bd-header-logo { width:80px; min-width:80px; }
  .bd-header-logo img { height:67px; }
  .bd-hero-area-3 { min-height:auto; padding:72px 0 78px; }
  .bd-hero-content,[dir="rtl"] .bd-hero-content { padding:0 10px 46px; text-align:center; }
  .bd-hero-content::before { margin-inline:auto; }
  .bd-hero-title { margin-inline:auto; font-size:clamp(45px,9vw,68px); }
  .bd-hero-thumb-3-wrapper,[dir="rtl"] .bd-hero-thumb-3-wrapper { max-width:690px; margin-inline:auto; padding:0; }
  .bd-hero-thumb-3-mask img { height:430px; }
  .bd-promotion-thumb-wrapper { max-width:700px; margin-inline:auto; padding-inline-end:0; }
  .bd-promotion { margin-inline-start:0; }
  .bd-promotion-thumb img,.bd-promotion-thumb-mask img { height:460px; }
  .bd-feature-wrapper ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bd-feature-content { min-height:260px; padding:30px 24px; }
  .bd-testimonial-wrapper { padding:46px; }
  .bd-contact-map iframe { min-height:520px; }
  .product-d-img-tab-wrapper { margin-inline-end:0; }
  .product-side-info { padding:32px; }
  .bd-footer-widget-2 { margin-inline-start:0; }
}

/* Responsive: phone and small tablet */
@media (max-width:767px) {
  body { font-size:15px; }
  .bd-section-title { font-size:clamp(32px,8vw,43px); }
  .bd-class-area,.bd-promotion-area,.bd-program-area,.bd-feature-area.theme-bg,.bd-testimonial-area.theme-bg,.bd-product-area,.bd-blog-area,.bd-contact-info-area,.shop-details-area { padding-top:78px!important; padding-bottom:78px!important; }
  .bd-hero-area-3 { padding:62px 0 70px; }
  .bd-hero-title { font-size:clamp(40px,11vw,56px); }
  .bd-hero-thumb-3 { padding:9px; border-radius:21px; }
  .bd-hero-thumb-3-mask { border-radius:14px; }
  .bd-hero-thumb-3-mask img { height:350px; }
  .bd-hero-thumb-3::after { width:68px; height:68px; inset-inline-end:-8px; bottom:-8px; }
  .bd-class { min-height:330px; }
  .bd-promotion-thumb img,.bd-promotion-thumb-mask img { height:390px; }
  .bd-program-thumb { height:275px; }
  .bd-breadcrumb-area.theme-bg,.bd-breadcrumb-wrapper { min-height:210px; }
  .bd-breadcrumb-title { font-size:clamp(36px,9vw,48px); }
  .bd-testimonial-wrapper { padding:35px 28px; }
  .bd-testimonial { padding-inline-start:0; padding-top:56px; }
  .bd-testimonial-quote { inset-inline-start:0; }
  .bd-testimonial-content p { font-size:17px; }
  .bd-contact-form { padding:30px 24px; }
  .bd-contact-map iframe { min-height:430px; }
  .product-d-img-tab-wrapper { flex-direction:column-reverse; }
  .product-d-img-nav { display:flex; width:100%; gap:10px; }
  .product-d-img-tab img { min-height:360px; }
  .product-details-content { padding:28px; }
  .bd-newsletter-area { padding-top:60px; }
  .bd-newsletter { margin-bottom:-90px; padding-top:70px!important; padding-bottom:70px!important; }
  .bd-footer-area { padding-top:135px!important; }
  .bd-footer { padding-top:65px!important; }
  .section-lgx { padding:78px 0; }
}

/* Responsive: small phone */
@media (max-width:575px) {
  .bd-header-bottom .mega-menu-wrapper > .d-flex { min-height:72px; }
  .bd-header-logo { width:72px; min-width:72px; }
  .bd-header-logo img { height:61px; }
  .bd-header-btn,.bd-header-meta-items-3 { display:none!important; }
  .header-hamburger { margin-inline-start:12px; }
  .bd-hero-area-3 { padding:52px 0 62px; }
  .bd-hero-content { padding-inline:0; padding-bottom:38px; }
  .bd-hero-content::before { width:66px; height:4px; margin-bottom:20px; }
  .bd-hero-title { font-size:clamp(36px,11vw,47px); line-height:1.08; }
  [dir="rtl"] .bd-hero-title { line-height:1.35; }
  .bd-hero-thumb-3-mask img { height:265px; }
  .bd-section-title-wrapper:not(.is-white)::after { width:56px; margin-top:13px; }
  .bd-class { min-height:0; padding:32px 25px; }
  .bd-class-icon { width:68px; height:68px; }
  .bd-class-icon i { font-size:35px; }
  .bd-promotion-thumb-wrapper::before { inset-inline-start:-7px; bottom:-7px; }
  .bd-promotion-thumb-mask { border-width:7px; }
  .bd-promotion-thumb img,.bd-promotion-thumb-mask img { height:295px; }
  .bd-program { padding:8px 8px 24px; }
  .bd-program-thumb { height:235px; }
  .bd-feature-wrapper ul { grid-template-columns:1fr; }
  .bd-feature-content { min-height:0; padding:30px 24px; }
  .bd-testimonial-wrapper { padding:30px 22px; border-radius:20px; }
  .bd-testimonial-avatar { align-items:flex-start!important; }
  .bd-product-thumb img,.bd-blog-thumb img,.pbmit-featured-wrapper img { height:245px; }
  .bd-product-content,.bd-blog-content,.pbmit-box-content-wrap { padding:22px; }
  .bd-contact-form { padding:26px 18px; }
  .bd-contact-map iframe { min-height:360px; }
  .product-d-img-tab img { min-height:280px; }
  .product-side-info { padding:25px 21px; }
  .product-side-info .product-name { font-size:30px; }
  .product-details-nav { padding:0 12px; }
  .product-details-nav .nav-link { padding:15px 10px; }
  .product-details-content { padding:22px 18px; }
  .course-review-item,.product__details-comment { padding:22px 18px; }
  .bd-newsletter { border-radius:20px; }
  .bd-newsletter-content { padding:0 14px; }
  .bd-newsletter-input { display:flex; flex-direction:column; gap:10px; }
  .bd-newsletter-input input { height:58px; padding-inline:17px; }
  .bd-newsletter-input .bd-btn { position:relative; inset:auto; width:100%; }
  .bd-footer-logo { width:132px; }
  .offcanvas__area { width:min(100%,390px); }
}
/* Final layout polish */
.bd-feature-wrapper ul li:hover + li { border:1px solid rgba(255,255,255,.17); }
.bd-contact-info-icon.cat-2 { background:var(--hh-green-700); }
.bd-contact-info-icon.cat-3 { background:#0f6cbf; }
.bd-product-area .row > a:only-child,.bd-blog-area .row.grid > a:only-child { display:flex; min-height:180px; align-items:center; justify-content:center; color:var(--hh-blue-900); background:#fff; border:1px dashed #b8d2e4; border-radius:var(--hh-radius); font-size:18px; font-weight:700; box-shadow:var(--hh-shadow-sm); }
.bd-product-area .row > a:only-child:hover,.bd-blog-area .row.grid > a:only-child:hover { color:var(--hh-green-700); border-color:var(--hh-green-600); }
.bd-footer-widget-3 { display:none; }
.bd-footer .row > [class*="col-"]:has(.bd-footer-widget-3) { display:none; }
@media (min-width:992px) { .bd-footer .row > .col-lg-3 { width:33.333333%; } }/* ===== Hadis Hanofa motion system ===== */
@keyframes hh-hero-float {
  0%,100% { transform:translate3d(0,calc(var(--hh-parallax,0px) - 4px),0); }
  50% { transform:translate3d(0,calc(var(--hh-parallax,0px) + 7px),0); }
}
@keyframes hh-orbit-pulse {
  0%,100% { transform:scale(1) rotate(0deg); opacity:.75; }
  50% { transform:scale(1.08) rotate(8deg); opacity:1; }
}
@keyframes hh-logo-breathe {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-3px); }
}
@keyframes hh-shimmer {
  from { transform:translateX(-130%) skewX(-18deg); }
  to { transform:translateX(250%) skewX(-18deg); }
}

.hh-motion-ready .hh-reveal {
  opacity:0;
  transform:translate3d(0,34px,0);
  transition:opacity .78s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--hh-delay,0ms);
  will-change:opacity,transform;
}
.hh-motion-ready .hh-reveal--start { transform:translate3d(-38px,18px,0); }
.hh-motion-ready .hh-reveal--end { transform:translate3d(38px,18px,0); }
[dir="rtl"] .hh-motion-ready .hh-reveal--start { transform:translate3d(38px,18px,0); }
[dir="rtl"] .hh-motion-ready .hh-reveal--end { transform:translate3d(-38px,18px,0); }
.hh-motion-ready .hh-reveal.is-visible { opacity:1; transform:translate3d(0,0,0); will-change:auto; }
.hh-motion-ready .hh-reveal.wow { visibility:visible!important; animation-name:none!important; }

.bd-hero-thumb-3 { animation:hh-hero-float 6s ease-in-out infinite; }
.bd-hero-area-3::before { animation:hh-orbit-pulse 10s ease-in-out infinite; }
.bd-hero-area-3::after { animation:hh-orbit-pulse 8s ease-in-out infinite reverse; }
.bd-hero-thumb-3::after { animation:hh-orbit-pulse 7s ease-in-out infinite; }
.bd-promotion-thumb-wrapper::before { animation:hh-orbit-pulse 8s ease-in-out infinite; }
.bd-header-logo img { transition:transform .35s ease,filter .35s ease; }
.bd-header-logo a:hover img { transform:translateY(-3px) scale(1.025); filter:drop-shadow(0 8px 12px rgba(6,57,134,.12)); }

.bd-btn,.bd-search-open-btn,.bd-header-meta-icon-3 > a,.bd-footer-bottom-social ul li a { transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease; }
.bd-btn:hover { transform:translateY(-2px); box-shadow:0 14px 28px rgba(6,57,134,.2); }
.bd-search-open-btn:hover,.bd-header-meta-icon-3 > a:hover,.bd-footer-bottom-social ul li a:hover { transform:translateY(-3px); }
.bd-btn i,.pbmit-service-btn i { transition:transform .25s ease; }
.bd-btn:hover i,.pbmit-service-btn a:hover i { transform:translateX(4px); }
[dir="rtl"] .bd-btn:hover i,[dir="rtl"] .pbmit-service-btn a:hover i { transform:translateX(-4px); }

.bd-class,.bd-program,.bd-product,.bd-blog,.pbminfotech-post-item,.bd-contact-info-wrap,.course-review-item,.hh-farm-gallery__item { position:relative; }
.bd-class::after,.bd-program::after,.bd-product::after,.bd-blog::after,.pbminfotech-post-item::after,.bd-contact-info-wrap::after { content:""; position:absolute; inset-inline:0; bottom:0; height:3px; background:linear-gradient(90deg,var(--hh-green-600),var(--hh-sky-400),var(--hh-blue-700)); transform:scaleX(0); transform-origin:center; transition:transform .35s ease; z-index:4; }
.bd-class-wrapper:hover .bd-class::after,.bd-program:hover::after,.bd-product:hover::after,.bd-blog:hover::after,.pbminfotech-post-item:hover::after,.bd-contact-info-wrap:hover::after { transform:scaleX(1); }
.bd-program-thumb::after,.bd-product-thumb::after,.bd-blog-thumb::after,.hh-farm-gallery__item::after { content:""; position:absolute; inset:0; width:42%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent); transform:translateX(-150%) skewX(-18deg); pointer-events:none; }
.bd-program:hover .bd-program-thumb::after,.bd-product:hover .bd-product-thumb::after,.bd-blog:hover .bd-blog-thumb::after,.hh-farm-gallery__item:hover::after { animation:hh-shimmer .85s ease; }
.bd-program-thumb,.bd-product-thumb,.bd-blog-thumb { position:relative; }

.bd-section-title-wrapper::after { transform-origin:center; transition:width .45s ease,transform .45s ease; }
.bd-section-title-wrapper.is-visible::after { transform:scaleX(1); }
.bd-section-title-wrapper:hover::after { width:92px; }
.bd-feature-icon,.bd-class-icon,.bd-contact-info-icon { transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .3s ease,color .3s ease; }
.bd-feature-wrapper li:hover .bd-feature-icon,.bd-class-wrapper:hover .bd-class-icon,.bd-contact-info-wrap:hover .bd-contact-info-icon { transform:translateY(-5px) rotate(-2deg); }
[dir="rtl"] .bd-feature-wrapper li:hover .bd-feature-icon,[dir="rtl"] .bd-class-wrapper:hover .bd-class-icon,[dir="rtl"] .bd-contact-info-wrap:hover .bd-contact-info-icon { transform:translateY(-5px) rotate(2deg); }

/* Responsive farm-photo mosaic */
.hh-farm-gallery { position:relative; padding:105px 0; overflow:hidden; background:#fff; border-top:1px solid var(--hh-line); }
.hh-farm-gallery::before { content:""; position:absolute; width:320px; height:320px; inset-inline-start:-210px; top:-170px; border:58px solid rgba(159,207,240,.18); border-radius:50%; pointer-events:none; }
.hh-farm-gallery__grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-rows:190px; gap:14px; }
.hh-farm-gallery__item { overflow:hidden; margin:0; background:var(--hh-surface); border:1px solid var(--hh-line); border-radius:18px; box-shadow:var(--hh-shadow-sm); }
.hh-farm-gallery__item:nth-child(1) { grid-column:span 5; grid-row:span 2; }
.hh-farm-gallery__item:nth-child(2) { grid-column:span 4; }
.hh-farm-gallery__item:nth-child(3) { grid-column:span 3; }
.hh-farm-gallery__item:nth-child(4) { grid-column:span 3; }
.hh-farm-gallery__item:nth-child(5) { grid-column:span 4; }
.hh-farm-gallery__item:nth-child(6) { grid-column:span 7; }
.hh-farm-gallery__item:nth-child(7) { grid-column:span 5; }
.hh-farm-gallery__item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease; }
.hh-farm-gallery__item:hover img { transform:scale(1.055); filter:saturate(1.08) contrast(1.03); }

@media (max-width:991px) {
  .hh-farm-gallery { padding:78px 0; }
  .hh-farm-gallery__grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:230px; }
  .hh-farm-gallery__item,.hh-farm-gallery__item:nth-child(n) { grid-column:span 1; grid-row:span 1; }
  .hh-farm-gallery__item:nth-child(1) { grid-column:span 2; }
}
@media (max-width:575px) {
  .hh-farm-gallery { padding:64px 0; }
  .hh-farm-gallery__grid { grid-template-columns:1fr; grid-auto-rows:230px; gap:10px; }
  .hh-farm-gallery__item,.hh-farm-gallery__item:nth-child(n) { grid-column:span 1; }
  .hh-motion-ready .hh-reveal--start,.hh-motion-ready .hh-reveal--end,[dir="rtl"] .hh-motion-ready .hh-reveal--start,[dir="rtl"] .hh-motion-ready .hh-reveal--end { transform:translate3d(0,28px,0); }
}
@media (hover:none) {
  .bd-btn:hover,.bd-search-open-btn:hover,.bd-header-meta-icon-3 > a:hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; }
  .hh-reveal { opacity:1!important; transform:none!important; }
}
/* Farm story strip */
.hh-farm-strip { position:relative; padding:78px 0; overflow:hidden; background:var(--hh-surface); border-top:1px solid var(--hh-line); }
.hh-farm-strip__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.hh-farm-strip__item { position:relative; height:300px; margin:0; overflow:hidden; background:#fff; border:1px solid var(--hh-line); border-radius:18px; box-shadow:var(--hh-shadow-sm); }
.hh-farm-strip__item::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 60%,rgba(6,57,134,.2)); opacity:.55; transition:opacity .35s ease; pointer-events:none; }
.hh-farm-strip__item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease; }
.hh-farm-strip__item:hover img { transform:scale(1.055); filter:saturate(1.07) contrast(1.03); }
.hh-farm-strip__item:hover::after { opacity:.2; }
@media (max-width:767px) { .hh-farm-strip { padding:58px 0; } .hh-farm-strip__grid { grid-template-columns:1fr; gap:10px; } .hh-farm-strip__item { height:260px; } }
/* ===== Full-page farm hero slider ===== */
.hh-home-page { background:#fff; }
.hh-home-page .bd-header { position:absolute; inset:0 0 auto; z-index:80; width:100%; }
.hh-home-page .bd-header-top-3 { display:none!important; }
.hh-home-page .bd-header-bottom { top:0; padding:22px 0 0; background:transparent; border:0; box-shadow:none; backdrop-filter:none; }
.hh-home-page .bd-header-bottom .container { width:auto; max-width:1510px; margin-inline:clamp(24px,3.2vw,62px); padding-inline:28px; background:rgba(255,255,255,.84); border:1px solid rgba(255,255,255,.58); border-radius:20px; box-shadow:0 20px 55px rgba(2,25,61,.16); backdrop-filter:blur(20px) saturate(145%); -webkit-backdrop-filter:blur(20px) saturate(145%); transition:background-color .3s ease,box-shadow .3s ease,border-radius .3s ease; }
.hh-home-page .bd-header-bottom .mega-menu-wrapper > .d-flex { min-height:88px; }
.hh-home-page .bd-header-logo img { height:74px; }
.hh-home-page .bd-main-menu ul li a { padding-top:33px; padding-bottom:33px; color:var(--hh-blue-900); }
.hh-home-page .bd-main-menu nav > ul > li > a::before { bottom:20px; }
.hh-home-page .bd-header-bottom.header-sticky { padding:10px 0 0; background:transparent; box-shadow:none; }
.hh-home-page .bd-header-bottom.header-sticky .container { background:rgba(255,255,255,.96); border-color:rgba(159,207,240,.5); box-shadow:0 14px 40px rgba(2,25,61,.14); }
.hh-home-page .bd-header-bottom.header-sticky .mega-menu-wrapper > .d-flex { min-height:72px; }
.hh-home-page .bd-header-bottom.header-sticky .bd-header-logo img { height:62px; }
.hh-home-page .bd-header-bottom.header-sticky .bd-main-menu ul li a { padding-top:25px; padding-bottom:25px; }
.hh-home-page .bd-header-bottom.header-sticky .bd-main-menu nav > ul > li > a::before { bottom:15px; }

.hh-hero-slider { position:relative; height:100svh; min-height:720px; max-height:1040px; overflow:hidden; isolation:isolate; color:#fff; background:var(--hh-blue-900); }
.hh-hero-swiper,.hh-hero-swiper .swiper-wrapper { position:absolute; inset:0; width:100%; height:100%; }
.hh-hero-swiper .swiper-slide { position:relative; width:100%; height:100%; }
.hh-hero-slide { overflow:hidden; background:var(--hh-blue-900); }
.hh-hero-slide__image { display:block; width:100%; height:100%; object-fit:cover; object-position:center 48%; transform:scale(1.075); transition:transform 8s cubic-bezier(.18,.72,.2,1),filter 1s ease; filter:saturate(.96) contrast(1.03); }
.hh-hero-slide__image--two { object-position:center 52%; }
.hh-hero-slide__image--three { object-position:center 50%; }
.hh-hero-slide.swiper-slide-active .hh-hero-slide__image { transform:scale(1); filter:saturate(1.03) contrast(1.04); }
.hh-hero-slider__veil { position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgba(2,24,59,.92) 0%,rgba(4,43,99,.81) 25%,rgba(4,52,113,.56) 46%,rgba(3,39,85,.18) 70%,rgba(2,22,51,.12) 100%),linear-gradient(180deg,rgba(2,23,54,.22) 0%,transparent 37%,rgba(2,20,48,.3) 100%); }
[dir="rtl"] .hh-hero-slider__veil { background:linear-gradient(270deg,rgba(2,24,59,.92) 0%,rgba(4,43,99,.81) 25%,rgba(4,52,113,.56) 46%,rgba(3,39,85,.18) 70%,rgba(2,22,51,.12) 100%),linear-gradient(180deg,rgba(2,23,54,.22) 0%,transparent 37%,rgba(2,20,48,.3) 100%); }
.hh-hero-slider__wave { position:absolute; z-index:3; inset-inline-start:0; bottom:0; width:min(62vw,960px); height:250px; opacity:.32; pointer-events:none; }
.hh-hero-slider__wave svg { display:block; width:100%; height:100%; }
.hh-hero-slider__wave path { fill:none; stroke:rgba(159,207,240,.55); stroke-width:2; }
.hh-hero-slider__wave path + path { stroke:rgba(255,255,255,.24); }
.hh-hero-slider__stage { position:relative; z-index:4; display:flex; height:100%; flex-direction:column; justify-content:flex-end; padding-top:165px; padding-bottom:clamp(54px,7vh,78px); pointer-events:none; }
.hh-hero-slider__copy { max-width:min(760px,64vw); margin-bottom:clamp(82px,11vh,132px); }
.hh-hero-slider__accent { display:block; width:96px; height:5px; margin-bottom:28px; overflow:hidden; border-radius:999px; background:linear-gradient(90deg,var(--hh-green-600) 0 68%,var(--hh-sky-400) 68% 100%); box-shadow:0 0 22px rgba(159,207,240,.16); }
.hh-hero-slider__title { margin:0; color:#fff; font-size:clamp(68px,7vw,112px); font-weight:780; line-height:.98; letter-spacing:-.055em; text-shadow:0 12px 34px rgba(1,18,43,.28); }
[dir="rtl"] .hh-hero-slider__title { max-width:850px; line-height:1.22; letter-spacing:0; }
.hh-hero-slider__toolbar { display:flex; width:min(690px,70vw); align-items:center; gap:28px; pointer-events:auto; }
.hh-hero-slider__arrows { display:flex; flex:0 0 auto; gap:14px; }
.hh-hero-slider__arrow { display:grid; width:58px; height:58px; padding:0; place-items:center; color:#fff; background:rgba(3,44,101,.3); border:1px solid rgba(255,255,255,.76); border-radius:50%; box-shadow:0 12px 30px rgba(0,0,0,.12); backdrop-filter:blur(8px); transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease; }
.hh-hero-slider__arrow:hover,.hh-hero-slider__arrow:focus-visible { color:var(--hh-blue-900); background:var(--hh-green-600); border-color:var(--hh-green-600); transform:translateY(-3px); }
.hh-hero-slider__arrow:focus-visible,.hh-hero-slider__thumb:focus-visible { outline:3px solid rgba(159,207,240,.9); outline-offset:3px; }
.hh-hero-slider__arrow i { font-size:20px; }
.hh-hero-slider__progress { position:relative; flex:1 1 auto; height:2px; overflow:hidden; background:rgba(255,255,255,.52); border-radius:99px; }
.hh-hero-slider__progress-fill { position:absolute; inset:0; background:linear-gradient(90deg,var(--hh-green-600),var(--hh-sky-400)); border-radius:inherit; transform:scaleX(0); transform-origin:left center; }
[dir="rtl"] .hh-hero-slider__progress-fill { transform-origin:right center; }
.hh-hero-slider.is-progressing .hh-hero-slider__progress-fill { animation:hh-hero-progress 6.5s linear forwards; }
.hh-hero-slider__count { display:flex; min-width:70px; align-items:baseline; gap:5px; color:rgba(255,255,255,.84); font-size:14px; font-weight:700; letter-spacing:.04em; }
.hh-hero-slider__current { color:var(--hh-green-600); }
.hh-hero-slider__divider { color:rgba(255,255,255,.56); }
.hh-hero-slider__thumbs { position:absolute; z-index:5; inset-inline-end:clamp(24px,3.5vw,68px); top:54%; display:flex; flex-direction:column; gap:12px; transform:translateY(-50%); }
.hh-hero-slider__thumb { position:relative; width:84px; height:58px; padding:4px; overflow:hidden; background:rgba(255,255,255,.34); border:1px solid rgba(255,255,255,.55); border-radius:13px; box-shadow:0 10px 24px rgba(2,20,48,.22); opacity:.72; transition:width .3s ease,opacity .3s ease,border-color .3s ease,transform .3s ease; }
.hh-hero-slider__thumb img { display:block; width:100%; height:100%; object-fit:cover; border-radius:9px; }
.hh-hero-slider__thumb:hover { opacity:1; transform:translateX(-3px); }
[dir="rtl"] .hh-hero-slider__thumb:hover { transform:translateX(3px); }
.hh-hero-slider__thumb.is-active { width:96px; opacity:1; border-color:var(--hh-green-600); box-shadow:0 0 0 2px rgba(128,176,43,.2),0 12px 28px rgba(2,20,48,.26); }
.hh-hero-slider__corner { position:absolute; z-index:3; width:330px; height:150px; inset-inline-end:-86px; bottom:-78px; background:linear-gradient(135deg,#94ca2c,var(--hh-green-600)); border-radius:52% 48% 0 0; transform:rotate(-13deg); box-shadow:0 -10px 40px rgba(59,99,11,.18); pointer-events:none; }
[dir="rtl"] .hh-hero-slider__corner { transform:rotate(13deg); }

@keyframes hh-hero-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }

@media (max-width:1199px) {
  .hh-home-page .bd-header-bottom .container { margin-inline:28px; padding-inline:22px; }
  .hh-home-page .bd-header-logo { width:82px; min-width:82px; }
  .hh-home-page .bd-header-logo img { height:68px; }
  .hh-home-page .bd-main-menu { gap:10px; }
  .hh-home-page .bd-main-menu ul li a { padding-inline:10px; }
  .hh-hero-slider__thumbs { inset-inline-end:26px; }
}

@media (max-width:991px) {
  .hh-home-page .bd-header-bottom { padding-top:16px; }
  .hh-home-page .bd-header-bottom .container { margin-inline:18px; padding-inline:20px; border-radius:18px; }
  .hh-home-page .bd-header-bottom .mega-menu-wrapper > .d-flex { min-height:76px; }
  .hh-home-page .bd-header-logo img { height:66px; }
  .hh-hero-slider { min-height:680px; max-height:none; }
  .hh-hero-slider__stage { padding-top:128px; padding-bottom:48px; }
  .hh-hero-slider__copy { max-width:75vw; margin-bottom:clamp(78px,11vh,112px); }
  .hh-hero-slider__title { font-size:clamp(58px,9vw,86px); }
  .hh-hero-slider__toolbar { width:min(610px,78vw); }
  .hh-hero-slider__thumbs { top:auto; right:auto; bottom:43px; inset-inline-end:22px; flex-direction:row; transform:none; }
  .hh-hero-slider__thumb { width:54px; height:42px; padding:3px; border-radius:10px; }
  .hh-hero-slider__thumb.is-active { width:64px; }
  .hh-hero-slider__corner { width:250px; height:110px; bottom:-62px; }
}

@media (max-width:767px) {
  .hh-home-page .bd-header-bottom { padding-top:12px; }
  .hh-home-page .bd-header-bottom .container { margin-inline:12px; padding-inline:16px; border-radius:16px; }
  .hh-home-page .bd-header-bottom .mega-menu-wrapper > .d-flex { min-height:70px; }
  .hh-home-page .bd-header-logo { width:72px; min-width:72px; }
  .hh-home-page .bd-header-logo img { height:59px; }
  .hh-home-page .bd-header-bottom.header-sticky { padding-top:7px; }
  .hh-home-page .bd-header-bottom.header-sticky .mega-menu-wrapper > .d-flex { min-height:64px; }
  .hh-home-page .bd-header-bottom.header-sticky .bd-header-logo img { height:54px; }
  .hh-hero-slider { height:max(680px,100svh); min-height:680px; }
  .hh-hero-slide__image { object-position:58% center; }
  [dir="rtl"] .hh-hero-slide__image { object-position:42% center; }
  .hh-hero-slider__veil { background:linear-gradient(90deg,rgba(2,24,59,.9),rgba(4,45,102,.62) 65%,rgba(2,22,51,.2)),linear-gradient(180deg,rgba(2,23,54,.2),transparent 30%,rgba(2,20,48,.45)); }
  [dir="rtl"] .hh-hero-slider__veil { background:linear-gradient(270deg,rgba(2,24,59,.9),rgba(4,45,102,.62) 65%,rgba(2,22,51,.2)),linear-gradient(180deg,rgba(2,23,54,.2),transparent 30%,rgba(2,20,48,.45)); }
  .hh-hero-slider__stage { padding:118px 18px 38px; }
  .hh-hero-slider__copy { max-width:92%; margin-bottom:clamp(82px,14vh,120px); }
  .hh-hero-slider__accent { width:74px; height:4px; margin-bottom:21px; }
  .hh-hero-slider__title { font-size:clamp(48px,14vw,66px); line-height:1.02; }
  [dir="rtl"] .hh-hero-slider__title { line-height:1.3; }
  .hh-hero-slider__toolbar { width:100%; gap:16px; padding-inline-end:0; }
  .hh-hero-slider__arrows { gap:9px; }
  .hh-hero-slider__arrow { width:48px; height:48px; }
  .hh-hero-slider__progress { min-width:80px; }
  .hh-hero-slider__count { min-width:62px; font-size:13px; }
  .hh-hero-slider__thumbs { display:none; }
  .hh-hero-slider__wave { width:100%; height:190px; opacity:.2; }
  .hh-hero-slider__corner { width:190px; height:85px; inset-inline-end:-70px; bottom:-48px; }
}

@media (max-width:420px) {
  .hh-hero-slider__copy { margin-bottom:72px; }
  .hh-hero-slider__title { font-size:clamp(43px,13.5vw,56px); }
  .hh-hero-slider__toolbar { gap:12px; }
  .hh-hero-slider__arrow { width:44px; height:44px; }
  .hh-hero-slider__progress { min-width:54px; }
}

@media (prefers-reduced-motion:reduce) {
  .hh-hero-slide__image { transform:none!important; transition:none!important; }
  .hh-hero-slider.is-progressing .hh-hero-slider__progress-fill { animation:none; transform:scaleX(1); }
}