:root {
  --blue:#1baae3;
  --blue-dark:#1baae3;
  --blue-light:#1baae3;
  --border:#e5e5e5;
  --text:#333;
}

* { box-sizing:border-box; }

html {
  font-size: 16px; /* lock baseline */
}

body {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.4;
    margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* ===============================
   JALTEST HEADER (CLEAN + LOCKED)
   =============================== */

:root{
  --jt-blue:#1baae3;
  --jt-blue-dark:#005fa3;
  --jt-blue-soft:rgba(0,118,200,.18);
  --jt-border:#e5e5e5;
  --jt-text:#333;
  --jt-muted:#777;
}

/* HEADER */
.jt-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
}

.jt-header.stuck{
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.jt-logo-img {
  height: 34px;
  width: auto;
}
/* IMPORTANT: prevent dropdown clipping */
.jt-header,
.jt-top,
.jt-sub,
.jt-wrap,
.jt-top-inner,
.jt-sub-inner,
.jt-sub-nav{
  overflow: visible;
}

/* WRAP */
.jt-wrap{
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;
}
/* ================= TOP BAR ================= */
.jt-top{
  height: 64px;
}

.jt-top-inner{
  height: 64px;
  display: grid;
  grid-template-columns: auto 360px 1fr auto;
  align-items: center;
  gap: 20px;
}

/* LEFT */
.jt-left{
  display: flex;
  align-items: center;
  gap: 14px;
}

.jt-logo{
  font-weight: 700;
  font-size: 20px;
  color: var(--jt-blue);
  line-height: 1;
}

.jt-section{
  font-size: 12px;
  font-weight: 700;
  color: var(--jt-blue);
  letter-spacing: .6px;
  line-height: 1;
}

/* SEARCH */
.jt-search{
  position: relative;
  height: 36px;
  border: 1px solid #dfe5ec;
  border-radius: 18px;
  padding: 0 36px 0 14px;
  display: flex;
  align-items: center;
  background: #fff;
}

.jt-search input{
  border: none;
  outline: none;
  font-size: 12px;
  width: 100%;
  color: #333;
}

/* Magnifier icon (NO circle, Jaltest-like) */
.jt-search-icon{
  position: absolute;
  right: 12px;
  width: 14px;
  height: 14px;
  pointer-events: none;
}

.jt-search-icon::before{
  content:"";
  position:absolute;
  width: 10px;
  height: 10px;
  border: 2px solid #6b7280;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.jt-search-icon::after{
  content:"";
  position:absolute;
  width: 6px;
  height: 2px;
  background: #6b7280;
  transform: rotate(45deg);
  bottom: -1px;
  right: -1px;
}

/* MAIN NAV */
.jt-main-nav{
  display: flex;
  gap: 20px;
  align-items: center;
}

.jt-main-nav a{
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.4px;
  color: var(--jt-text);
  text-decoration: none;
  white-space: nowrap;
}

/* RIGHT */
.jt-right{
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 12px;
  color: #333;
}

/* ================= SUB BAR ================= */
.jt-sub{
  height: 60px;
}

.jt-sub-inner{
  height: 60px;
  display: flex;
  justify-content: flex-start;
  position: relative;
}

/* sub nav centered */
.jt-sub-nav{
  display: flex;
  gap: 22px;
  align-items: center;  /* already correct */
  height: 100%;
}

/* Top-level sub items (NOT blue links) */
.jt-sub-link,
.jt-dd-trigger{
  display: inline-block;        /* keeps underline tight to text */
  color: #333;
  text-decoration: none;
  font-weight: 500;          /* 🔥 KEY CHANGE */
  font-size: 12px;
  letter-spacing: 0.35px;
  padding-bottom: 6px;
  position: relative;
  cursor: pointer;
  user-select: none;
  line-height: 1;
}

/* hover underline (tight) */
.jt-sub-link:hover::after,
.jt-dd-trigger:hover::after{
  content:"";
  position:absolute;
  left: 0;
  bottom: 0;
  height: 1.5px;
  width: 100%;
  background: var(--jt-blue);
}

/* CTA BUTTONS pinned right */
.jt-ctas{
  position: absolute;
  right: 24px;
  display: flex;
  gap: 14px;
}

/* Buttons */
.jt-btn{
  height: 44px;
  padding: 0 26px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .8px;
  border-radius: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  white-space: nowrap;
}

/* REQUEST INFORMATION */
.jt-btn-outline{
  color: var(--jt-blue);
  background: #fff;
  border: 1px solid var(--jt-blue);

  /* Jaltest-style under-glow */
  box-shadow:
    0 6px 14px rgba(0,118,200,.18);

  transition: box-shadow .25s ease, transform .2s ease;
}

.jt-btn-outline:hover{
  box-shadow:
    0 10px 22px rgba(0,118,200,.25);
}
/* ONLINE CATALOGUE */
.jt-btn-solid{
  background: var(--jt-blue);
  color: #fff;
  border: none;

  box-shadow:
    0 8px 18px rgba(0,118,200,.35);

  transition: box-shadow .25s ease, transform .2s ease;
}

.jt-btn-solid:hover{
  box-shadow:
    0 12px 26px rgba(0,118,200,.45);
}
.jt-btn:hover{
  transform: translateY(-1px);
}

/* ================= DROPDOWNS (Jaltest panel) ================= */
.jt-dd{
  position: relative;
}

/* PANEL: centered under trigger like Jaltest */
.jt-dd-panel{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;                 /* ← KEY */
  transform: none;         /* ← REMOVE centering */
  width: 360px;            /* Jaltest is slightly narrower */
  background: #fff;
  border: 1px solid #e5e9f0;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  border-radius: 3px;
  padding: 8px 0;
  display: none;
  z-index: 2000;
}

/* Items: centered text, separators */
.jt-dd-item{
  text-align: center;
  padding: 14px 18px;
  cursor: pointer;
}

.jt-dd-item:last-child{
  border-bottom: none;
}

.jt-dd-item:hover{
  background: #f1f3f5;
}

.jt-dd-item.active{
  background: #eef0f2;
}

.jt-dd-title{
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: #333;
}

.jt-dd-desc{
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--jt-muted);
  margin-top: 4px;
  line-height: 1.2;
}

.jt-account {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 11px;
  letter-spacing: .4px;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  cursor: pointer;
}

.jt-account-icon {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #333;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Hover (Jaltest subtle) */
.jt-account:hover {
  background: rgba(0,118,200,.06);
}

.jt-account:hover .jt-account-icon,
.jt-account:hover span {
  stroke: #0076c8;
  color: #0076c8;
}
/* ===== DROPDOWN ALIGNMENT HARD FIX (PUT LAST) ===== */

/* Make the dropdown anchor box shrink to the trigger text */
.jt-sub-nav .jt-dd{
  position: relative;
  display: inline-flex;     /* shrink to content */
  align-items: center;
}

/* Trigger should not be full-width */
.jt-sub-nav .jt-dd-trigger{
  display: inline-flex;     /* shrink underline + click area */
  align-items: center;
}

/* Position panel from the LEFT EDGE of the trigger box */
.jt-sub-nav .jt-dd > .jt-dd-panel{
  left: 0 !important;
  transform: none !important;
  top: calc(100% + 10px) !important;
}

/* ===============================
   HERO – FULL WIDTH IMAGE
   =============================== */

.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
    padding-bottom: 60px; /* space for overlap */
}

.hero-bg {
  position: relative;
  width: 100vw;
  min-height: 520px;
  margin-left: calc(50% - 50vw);

  /* IMAGE + COLOR BLEND */
  background-image:
linear-gradient(
  rgba(28, 173, 228, 0.22),
  rgba(28, 173, 228, 0.35)
),
    url("../images/hero-towers.jpg"); /* ← PUT YOUR IMAGE HERE */

background-size: 120%;
background-position: center;
  background-repeat: no-repeat;
}
.hero-card-glass {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(6px);
  padding: 42px 48px;
  max-width: 520px;
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}
/* Extra depth layer (optional but 🔥) */
.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at center,
      rgba(255,255,255,0.05),
      rgba(0,0,0,0.25)
    );
  pointer-events: none;
}

/* Content */
.hero-content {
  position: relative;
  z-index: 2;
  padding: 90px 0;
}

.hero-inner {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 600px;
}

/* Card */
.hero-card {
  max-width: 480px;
  padding: 32px 36px;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(2px);
  border-radius: 10px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.hero-card h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 12px;
}

.hero-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #444;
}
.hero-lead {
  font-size: 16px;
  line-height: 1.55;
  color: #333;
  margin-bottom: 14px;
}
.hero-logo {
  max-width: 180px;
  display: block;
  margin-bottom: 12px;
}

.hero-tagline {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.hero-areas {
  font-size: 13px;
  color: #555;
}

.hero-areas span {
  display: block;
  margin-top: 6px;
  font-style: italic;
  color: #777;
}
.hero-coverage {
  font-size: 14px;
  color: #555;
}
.hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 140px;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,1)
  );
  pointer-events: none;
}
/* ===============================
   JALTEST CATEGORY BLOCKS
   =============================== */

.categories {
  position: relative;
  margin-top: -110px;   /* 👈 overlap amount */
  z-index: 10;
}

.categories-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

/* Base block */
.cat-block {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
  display: flex;
  align-items: center;
  padding: 22px 26px;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}

.cat-block:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Left code */
.cat-code {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 1px;
  min-width: 58px;
}

/* Divider */
.cat-divider {
  width: 2px;
  height: 46px;
  margin: 0 18px;
}

/* Text */
.cat-text {
  display: flex;
  flex-direction: column;
}

.cat-title {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .4px;
  letter-spacing: .6px;
}

.cat-sub {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .4px;
  letter-spacing: .6px;
}

/* ===============================
   COLOR SYSTEM (MATCHES JALTEST)
   =============================== */

/* CV */
.cat-block.cv .cat-code,
.cat-block.cv .cat-title,
.cat-block.cv .cat-sub {
  color: #0076c8;
}
.cat-block.cv .cat-divider {
  background: #0076c8;
}

/* AGV */
.cat-block.agv .cat-code,
.cat-block.agv .cat-title,
.cat-block.agv .cat-sub {
  color: #8dc63f;
}
.cat-block.agv .cat-divider {
  background: #8dc63f;
}

/* OHW */
.cat-block.ohw .cat-code,
.cat-block.ohw .cat-title,
.cat-block.ohw .cat-sub {
  color: #f39200;
}
.cat-block.ohw .cat-divider {
  background: #f39200;
}

/* MHE */
.cat-block.mhe .cat-code,
.cat-block.mhe .cat-title,
.cat-block.mhe .cat-sub {
  color: #c4161c;
}
.cat-block.mhe .cat-divider {
  background: #c4161c;
}

/* MARINE */
.cat-block.marine .cat-code,
.cat-block.marine .cat-title {
  color: #00a6b6;
}
.cat-block.marine .cat-divider {
  background: #00a6b6;
}

/* Script-style marine text */
.marine-script {
  font-family: 'Segoe Script', 'Comic Sans MS', cursive;
  font-weight: 600;
  font-size: 26px;
  text-transform: lowercase;
}
/* Active category (very subtle) */
.cat-block.active {
  box-shadow: 0 6px 18px rgba(0,118,200,0.25);
  background: #f9fcff;
}
/* Responsive */
@media (max-width: 1100px) {
  .categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .categories-grid {
    grid-template-columns: 1fr;
  }
}

/* ===============================
   JALTEST FEATURE SECTION
   =============================== */

.jt-feature{
  padding: 80px 0;
  background: #fff;
}

.jt-feature-inner{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 80px;
  align-items: center;
}

/* Image */
.jt-feature-media img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 2px;
}

/* Text */
.jt-feature-content{
  max-width: 460px;
}

.jt-feature-text{
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 18px;
}

/* Link */
.jt-feature-link{
  display: inline-block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--jt-blue);
  text-decoration: none;
  position: relative;
}

.jt-feature-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  width:100%;
  height:1px;
  background: var(--jt-blue);
  opacity:.4;
}

.jt-feature-link:hover::after{
  opacity:1;
}

/* ===============================
   JALTEST BENEFITS GRID
   =============================== */

.jt-benefits{
  padding: 100px 0;
  background: #fff;
}

.jt-benefits-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 60px;
  text-align: center;
}

/* Icon */
.jt-benefit-icon{
  font-size: 38px;
  color: var(--jt-blue);
  margin-bottom: 18px;
}

/* Title */
.jt-benefit h4{
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
  line-height: 1.3;
  margin: 0;
  color: #222;
}

/* Divider */
.jt-benefit-line{
  display: block;
  width: 26px;
  height: 2px;
  background: var(--jt-blue);
  margin: 14px auto 18px;
}

/* Text */
.jt-benefit p{
  font-size: 13px;
  line-height: 1.6;
  color: #666;
  margin: 0 auto;
  max-width: 260px;
}

/* Responsive */
@media (max-width: 1000px){
  .jt-benefits-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
}

@media (max-width: 600px){
  .jt-benefits-grid{
    grid-template-columns: 1fr;
  }
}
/* Jaltest-style line icons */
.jt-benefit-icon svg{
  width: 40px;
  height: 40px;
  stroke: var(--jt-blue);
  stroke-width: 1.5;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* ===============================
   JALTEST REVIEWS SLIDER (2-UP)
   =============================== */

.jt-reviews {
  padding: 70px 50px;
  background: #fff;
}

.jt-reviews-title {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .6px;
  margin-bottom: 40px;
}

/* Slider shell */
.jt-reviews-slider {
  position: relative;
  display: flex;
  align-items: center;
}

/* Viewport */
.jt-reviews-viewport {
  overflow: hidden;
  width: 100%;
}

/* Track */
.jt-reviews-track {
  display: flex;
  gap: 24px;
  transition: transform .45s ease;
}

/* Card */
.jt-review {
  flex: 0 0 calc(50% - 12px);
  background: #fff;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  padding: 26px;
}

.jt-review p {
  font-size: 13.5px;
  line-height: 1.55;
  color: #555;
  margin-bottom: 18px;
}

.jt-review strong {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  color: #222;
}

.jt-review span {
  font-size: 12px;
  color: #777;
}

/* Arrows */
.jt-reviews-arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #dbe3ec;
  background: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  color: #0076c8;
  transition: background .2s ease, box-shadow .2s ease;
}

.jt-reviews-arrow:hover {
  background: #f5f9fd;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.jt-reviews-arrow.left {
  margin-right: 16px;
}

.jt-reviews-arrow.right {
  margin-left: 16px;
}
/* Subtle quote mark */
.jt-review {
  position: relative;
}

.jt-review::before {
  content: "“";
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 64px;
  font-weight: 700;
  color: rgba(0,118,200,0.08); /* VERY subtle Jaltest blue */
  line-height: 1;
  pointer-events: none;
}
/* Mobile */
@media (max-width: 700px) {
  .jt-review {
    flex: 0 0 100%;
  }
}
/* ===============================
   CONTACT CTA (JALTEST STYLE)
   =============================== */

.jt-cta {
  background: var(--jt-blue);
  padding: 70px 0;
  text-align: center;
}

.jt-cta-inner h3 {
  color: #fff;
  font-size: 14px;
  letter-spacing: .8px;
  font-weight: 700;
  margin-bottom: 26px;
}

.jt-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0 42px;
  border-radius: 28px;
  background: #fff;
  color: var(--jt-blue);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .6px;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}

.jt-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
}
/* ===============================
   SOCIAL MEDIA STRIP
   =============================== */

.jt-social {
  background: #eaf6fd;
  padding: 60px 0 40px; /* reduced bottom padding */
  text-align: center;
}

.jt-social-inner h3 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .6px;
  margin-bottom: 10px;
  color: #222;
}

.jt-social-inner p {
  font-size: 13px;
  color: #555;
  margin-bottom: 36px;
}

.jt-social-icons {
  display: flex;
  justify-content: center;
  gap: 22px;
  flex-wrap: wrap;
}

.jt-social-icons a {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 600;
  color: #444;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}

.jt-social-icons a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.15);
}


.footer {
  background: #eef2f5;
  border-top: 1px solid rgba(0,0,0,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
  padding: 50px 0;
  margin-top: 0;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 30px;
}

.footer h4 {
  margin-bottom: 12px;
  font-size: 14px;
  color: #222;
}

.footer p,
.footer a,
.footer small {
  font-size: 13px;
  color: #666;
  text-decoration: none;
}

.footer a {
  display: block;
  margin-bottom: 6px;
}

.footer a:hover {
  color: var(--blue);
}

.footer-brand {
  font-weight: 700;
  color: var(--blue);
}

@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
}

/* ===============================
   FOOTER – ACCREDITATIONS
   =============================== */

.footer {
  background: #f1f3f5; /* slightly darker than before */
}

.footer-accreditations {
  text-align: left;
}

.footer-accreditations h4 {
  margin-bottom: 14px;
  font-size: 14px;
  color: #222;
}

.footer-accreditation-logos {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 14px;
}

.footer-accreditation-logos img {
  max-height: 42px;
  width: auto;
  filter: grayscale(100%);
  opacity: 0.85;
  transition: filter .2s ease, opacity .2s ease;
}

.footer-accreditation-logos img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

.footer-copy {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 6px;
}
/* ===============================
   BACK TO TOP BUTTON
   =============================== */

#backToTop {
  position: fixed;
right: 28px;
  bottom: 22px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: #0076c8;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 8px 18px rgba(0,118,200,.35);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease;

  z-index: 3000;
}

#backToTop svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* visible state */
#backToTop.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* hover */
#backToTop:hover {
  background: #005fa3;
  box-shadow: 0 12px 24px rgba(0,118,200,.45);
}
/* ===============================
   WHATSAPP FLOATING BUTTON
   =============================== */

#whatsappBtn {
  position: fixed;
  right: 28px;
  bottom: 82px; /* sits ABOVE back-to-top */
  width: 44px;
  height: 44px;
  border-radius: 50%;

  background: #25d366;
  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 10px 26px rgba(37,211,102,.45);
  transition: transform .25s ease, box-shadow .25s ease;

  z-index: 9999;
}

#whatsappBtn svg {
  width: 26px;
  height: 26px;
  fill: currentColor;
}

#whatsappBtn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(37,211,102,.6);
}
@media (max-width: 420px) {
  #whatsappBtn {
    width: 46px;
    height: 46px;
    bottom: 72px;
  }
}
.footer-copy {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  color: #6b7280;
}

.footer-credit {
  display: block;
  font-size: 13px;
  color: #6b7280;
  white-space: nowrap;
}

.footer-credit a {
  color: #1cade4;
  font-weight: 500;
  text-decoration: none;
}

.footer-credit a:hover {
  text-decoration: underline;
}
/* ==================================================
   MOBILE MENU - FINAL, CLEAN, OVERLAY VERSION
   ================================================== */

.jt-header-mobile {
  display: none;
}

/* ---------- MOBILE ONLY ---------- */
@media (max-width: 900px) {

  /* Hide desktop header */
  .jt-header-desktop {
    display: none;
  }

  .jt-header-mobile {
    display: block;
    position: sticky;
    top: 0;
    z-index: 4000;
    background: #fff;
  }

  /* TOP BAR */
  .jt-mobile-top {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
  }

  .jt-mobile-logo {
    height: 34px;
    width: auto;
  }

  /* BURGER */
  .jt-burger {
    width: 32px;
    height: 22px;
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
  }

  .jt-burger span {
    height: 3px;
    background: #333;
    border-radius: 2px;
  }

  /* OVERLAY PANEL */
.jt-mobile-menu {
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;

  background: #fff;
  padding: 24px 20px 40px;

  transform: translateY(-100%);
  transition: transform .3s ease;

  z-index: 5000;   /* 🔥 ABOVE HERO */
}

.jt-mobile-menu.open {
  transform: translateY(0);
}

  .jt-mobile-menu.open {
    transform: translateY(0);
  }

  /* SECTION */
  .jt-mobile-section {
    margin-bottom: 18px;
  }

  /* DROPDOWN TRIGGER */
  .jt-mobile-trigger {
    width: 100%;
    background: none;
    border: none;
    padding: 14px 0;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #111;
  }

  .jt-chevron {
    width: 18px;
    height: 18px;
    stroke: #333;
    stroke-width: 2;
    fill: none;
    transition: transform .25s ease;
  }

  .jt-mobile-trigger.open .jt-chevron {
    transform: rotate(180deg);
  }

  /* DROPDOWN CARD */
  .jt-mobile-dropdown {
    display: none;
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 14px 30px rgba(0,0,0,.12);
    padding: 10px 16px;
  }

  .jt-mobile-trigger.open + .jt-mobile-dropdown {
    display: block;
  }

  .jt-mobile-dropdown a {
    display: block;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    text-decoration: none;
    border-top: 1px solid #eee;
  }

  .jt-mobile-dropdown a:first-child {
    border-top: none;
  }

  /* PRIMARY LINKS */
  .jt-mobile-links a {
    display: block;
    padding: 14px 0;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    text-decoration: none;
    border-top: 1px solid #eee;
  }

  /* CTA */
  .jt-mobile-ctas {
    margin-top: 26px;
    display: grid;
    gap: 14px;
  }
}
@media (max-width: 900px) {
  .jt-burger {
    display: flex !important;
    background: none;
    border: none;
    z-index: 5001;
  }

  .jt-burger span {
    background: #000;
  }
}
/* === MOBILE TOP BAR VISIBILITY FIX === */
@media (max-width: 900px) {
  .jt-mobile-top {
    position: sticky;
    top: 0;
    z-index: 6000;

    background: #fff;          /* ← makes logo visible */
    min-height: 64px;          /* ← guarantees space */
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
  }

  .jt-mobile-logo {
    display: block;            /* ← FORCE SHOW LOGO */
  }
}
/* ===============================
   FEATURE SECTION – MOBILE FIX
   =============================== */
@media (max-width: 900px) {

  .jt-feature-inner {
    grid-template-columns: 1fr;   /* single column */
    gap: 30px;
  }

  .jt-feature-media {
    order: 1;                     /* IMAGE FIRST */
  }

  .jt-feature-content {
    order: 2;                     /* TEXT SECOND */
  }

  .jt-feature-content {
    max-width: 100%;
  }

}
/* ===============================
   GENERIC PAGE STYLES
   =============================== */

.page-hero {
  background: #f5f9fd;
  padding: 70px 0 50px;
}

.page-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #222;
}

.page-intro {
  max-width: 640px;
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}

.page-content {
  background: #fff;
}

.page-section {
  padding: 70px 0;
}

.page-heading {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #222;
}

/* Mobile */
@media (max-width: 900px) {
  .page-title {
    font-size: 28px;
  }

  .page-section {
    padding: 50px 0;
  }
}

/* ==========================================================
   FINAL CARD + FEATURE IMAGE CORRECTIONS
   ========================================================== */

/* Remove the old pale gradient band behind the service cards. */
.hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.categories,
.categories-grid {
  background: transparent !important;
}

/* The five cards are clean, solid white-no image blending. */
.cat-block,
.cat-block.active {
  background: #fff !important;
  border: 1px solid rgba(17, 83, 119, 0.10);
  box-shadow: 0 14px 34px rgba(5, 45, 68, 0.17);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.cat-block:hover {
  background: #fff !important;
  border-color: rgba(27, 170, 227, 0.48);
}

/* mountain.jpg is portrait (373 x 500). Place it inside a
   landscape frame and crop it without distorting the image. */
.jt-feature-media {
  width: 100%;
  aspect-ratio: 16 / 10;
  max-height: 430px;
  overflow: hidden;
  border-radius: 7px;
  background: #dfe8ed;
}

.jt-feature-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 430px;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
}

@media (max-width: 900px) {
  .jt-feature-media {
    aspect-ratio: 16 / 10;
    max-height: 360px;
  }

  .jt-feature-media img {
    max-height: 360px;
  }
}

@media (max-width: 600px) {
  .jt-feature-media {
    aspect-ratio: 4 / 3;
    max-height: 300px;
  }

  .jt-feature-media img {
    max-height: 300px;
  }
}

/* ==========================================================
   EDELNET 2026 FULL-PAGE BACKGROUND + CARD DESIGN
   Keep this final section last so it cleanly replaces the
   earlier solid-background and hover rules.
   ========================================================== */

html {
  background: #dfeaf0;
}

body {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  color: #263746;
  background: transparent;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background-image:
    linear-gradient(
      rgba(235, 246, 251, 0.26),
      rgba(222, 238, 246, 0.38)
    ),
    url("../images/hero-towers.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Full-width desktop header. Inner content remains aligned. */
.jt-header-desktop {
  width: 100%;
  max-width: none;
  left: 0;
  right: 0;
  background: transparent;
  box-shadow: 0 7px 24px rgba(7, 45, 70, 0.10);
}

.jt-top,
.jt-sub {
  width: 100%;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.jt-top {
  border-bottom: 1px solid rgba(18, 92, 132, 0.10);
}

.jt-sub {
  border-bottom: 1px solid rgba(18, 92, 132, 0.14);
}

.jt-top-inner,
.jt-sub-inner {
  width: 100%;
  max-width: 1600px;
  margin-inline: auto;
}

/* Stable menu items: no jumping or strange movement on hover. */
.jt-main-nav a,
.jt-sub-link,
.jt-dd-trigger,
.jt-account,
.jt-btn {
  transform: none !important;
  transition: color .18s ease, background-color .18s ease,
              border-color .18s ease, box-shadow .18s ease;
}

.jt-main-nav a:hover,
.jt-sub-link:hover,
.jt-dd-trigger:hover {
  color: var(--jt-blue);
}

.jt-sub-link::after,
.jt-dd-trigger::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--jt-blue);
  opacity: 0;
  transform: scaleX(.35);
  transform-origin: center;
  transition: opacity .18s ease, transform .18s ease;
}

.jt-sub-link:hover::after,
.jt-dd-trigger:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

.jt-ctas {
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}

.jt-btn:hover {
  transform: none !important;
}

/* Hero is now content over the global fixed background. */
.hero {
  width: 100%;
  min-height: 610px;
  padding-bottom: 105px;
  background: transparent;
}

.hero-bg {
  width: 100%;
  min-height: 610px;
  margin: 0;
  background: transparent;
}

.hero-overlay {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.16) 0%,
    rgba(255, 255, 255, 0.04) 56%,
    rgba(15, 68, 96, 0.05) 100%
  );
}

.hero::after {
  height: 170px;
  background: linear-gradient(
    to bottom,
    rgba(239, 247, 251, 0),
    rgba(239, 247, 251, 0.70)
  );
}

.hero-card,
.hero-card-glass {
  background: rgba(255, 255, 255, 0.93);
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 10px;
  box-shadow: 0 18px 48px rgba(4, 41, 63, 0.20);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Service cards. Works with four or five cards automatically. */
.categories {
  margin-top: -145px;
  padding: 0 0 45px;
  background: transparent;
}

.categories-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 20px;
}

.cat-block {
  min-height: 112px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 8px;
  box-shadow: 0 14px 38px rgba(5, 45, 68, 0.17);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.cat-block:hover {
  transform: none;
  border-color: rgba(27, 170, 227, 0.55);
  box-shadow: 0 17px 42px rgba(5, 45, 68, 0.22);
}

.cat-block.active {
  background: rgba(255, 255, 255, 0.98);
}

/* Each main section becomes a white content card above the background. */
.jt-feature,
.jt-reviews,
.jt-benefits,
.jt-social,
.page-content,
.page-hero,
.page-section {
  background: transparent;
}

.jt-feature > .jt-wrap,
.jt-benefits > .jt-wrap,
.jt-reviews > .wrap,
.jt-social > .jt-wrap,
.page-content > section > .jt-wrap,
.page-hero > .jt-wrap {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.84);
  border-radius: 10px;
  box-shadow: 0 16px 44px rgba(5, 45, 68, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.jt-feature {
  padding: 34px 24px 70px;
}

.jt-feature > .jt-wrap {
  padding: 58px;
}

.jt-feature-media img {
  border-radius: 7px;
  box-shadow: 0 12px 28px rgba(6, 45, 68, 0.16);
}

.jt-benefits,
.jt-reviews,
.jt-social {
  padding-left: 24px;
  padding-right: 24px;
}

.jt-benefits > .jt-wrap,
.jt-reviews > .wrap,
.jt-social > .jt-wrap {
  max-width: 1400px;
  margin-inline: auto;
  padding: 58px;
}

.jt-review {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 9px 24px rgba(5, 45, 68, 0.09);
}

.jt-cta {
  background: rgba(12, 145, 199, 0.94);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.footer {
  background: rgba(244, 248, 250, 0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

@media (max-width: 1200px) {
  .jt-top-inner {
    grid-template-columns: auto 260px 1fr auto;
  }

  .jt-sub-nav {
    gap: 14px;
  }

  .jt-sub-link,
  .jt-dd-trigger {
    font-size: 11px;
  }

  .jt-btn {
    padding-inline: 18px;
  }
}

@media (max-width: 900px) {
  body::before {
    background-position: 58% center;
  }

  .jt-header-mobile,
  .jt-mobile-top {
    width: 100%;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .jt-mobile-menu {
    background: rgba(255, 255, 255, 0.99);
  }

  .hero,
  .hero-bg {
    min-height: 560px;
  }

  .hero-content {
    padding: 65px 18px 100px;
  }

  .categories {
    margin-top: -115px;
  }

  .categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jt-feature > .jt-wrap,
  .jt-benefits > .jt-wrap,
  .jt-reviews > .wrap,
  .jt-social > .jt-wrap {
    padding: 34px 24px;
  }
}

@media (max-width: 600px) {
  .categories-grid {
    grid-template-columns: 1fr;
  }

  .cat-block {
    min-height: 94px;
  }

  .jt-feature,
  .jt-benefits,
  .jt-reviews,
  .jt-social {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Mobile second-menu accordion */
@media (max-width: 900px) {
  .jt-mobile-accordion {
    border-top: 1px solid #e5e9ed;
  }

  .jt-mobile-submenu-trigger {
    width: 100%;
    min-height: 58px;
    padding: 14px 0;
    border: 0;
    background: #fff;
    color: #172733;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
  }

  .jt-mobile-submenu-trigger.open .jt-chevron {
    transform: rotate(180deg);
  }

  .jt-mobile-submenu {
    display: none;
    padding: 5px 14px 12px;
    background: #f3f8fb;
    border-left: 3px solid var(--jt-blue);
  }

  .jt-mobile-submenu.open {
    display: block;
  }

  .jt-mobile-submenu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 4px;
    border-top: 1px solid #dfe9ef;
    color: #20333f;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
  }

  .jt-mobile-submenu a:first-child {
    border-top: 0;
  }

  .jt-mobile-submenu small {
    color: #6c7d88;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
  }
}

/* ==========================================================
   SCREENSHOT CORRECTIONS - 30 AUGUST 2026
   ========================================================== */

/* Pull the five service cards into the opening viewport. */
.hero,
.hero-bg {
  min-height: 520px;
}

.hero {
  padding-bottom: 55px;
}

.hero-content {
  padding-top: 55px;
  padding-bottom: 110px;
}

.categories {
  margin-top: -185px;
  padding-bottom: 18px;
}

.cat-block {
  min-height: 104px;
  padding: 18px 20px;
}

/* Compress the vertical gaps between all white section cards. */
.jt-feature {
  padding: 14px 24px 10px;
}

.jt-feature > .jt-wrap {
  padding: 40px 48px;
}

.jt-feature-inner {
  gap: 46px;
}

.jt-reviews {
  padding: 10px 24px;
}

.jt-reviews > .wrap {
  padding: 38px 48px;
}

.jt-reviews-title {
  margin-top: 0;
  margin-bottom: 26px;
}

.jt-cta {
  margin: 10px 0;
  padding: 38px 20px;
}

.jt-cta-inner h3 {
  margin-top: 0;
  margin-bottom: 20px;
}

/* Social uses jt-social-inner in the supplied PHP, not jt-wrap. */
.jt-social {
  padding: 10px 24px 20px;
  background: transparent;
}

.jt-social > .jt-social-inner {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding: 40px 48px;
  color: #263746;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.88);
  border-radius: 10px;
  box-shadow: 0 16px 44px rgba(5, 45, 68, 0.17);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.jt-social-inner h3 {
  margin-top: 0;
  color: #1e3342;
}

.jt-social-inner p {
  color: #5c6c77;
}

.jt-social-icons a {
  border: 1px solid #dce7ee;
  box-shadow: 0 8px 20px rgba(5, 45, 68, 0.12);
}

.footer {
  margin-top: 0;
}

/* Mobile menu: closed means completely absent and unclickable. */
@media (max-width: 900px) {
  .jt-header-mobile {
    height: 64px;
  }

  .jt-mobile-top {
    position: relative;
    z-index: 6100;
  }

  .jt-mobile-menu {
    display: block;
    position: fixed;
    top: 64px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6000;
    width: 100%;
    height: calc(100dvh - 64px);
    padding: 22px 20px 34px;
    overflow-y: auto;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, -18px, 0);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
  }

  .jt-mobile-menu.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  body.menu-open {
    overflow: hidden;
  }

  .jt-mobile-section {
    margin: 0 0 8px;
  }

  .jt-mobile-dropdown {
    position: static;
    width: 100%;
  }

  .jt-mobile-links {
    display: grid;
  }

  .jt-mobile-links a,
  .jt-mobile-dropdown a {
    position: relative;
    z-index: 1;
    background: #fff;
  }

  .jt-mobile-ctas .jt-btn {
    width: 100%;
  }

  .hero,
  .hero-bg {
    min-height: 500px;
  }

  .hero {
    padding-bottom: 40px;
  }

  .hero-content {
    padding: 48px 18px 105px;
  }

  .categories {
    margin-top: -125px;
    padding-bottom: 10px;
  }

  .jt-feature,
  .jt-reviews,
  .jt-social {
    padding: 8px 12px;
  }

  .jt-feature > .jt-wrap,
  .jt-reviews > .wrap,
  .jt-social > .jt-social-inner {
    padding: 28px 22px;
  }

  .jt-cta {
    margin: 8px 0;
    padding: 32px 16px;
  }
}

@media (max-width: 600px) {
  .categories-grid {
    gap: 12px;
  }

  .cat-block {
    min-height: 88px;
  }

  .jt-social-icons {
    gap: 12px;
  }

  .jt-social-icons a {
    width: 54px;
    height: 54px;
  }
}

/* FINAL OVERRIDES: keep after every earlier legacy rule. */
.hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.categories,
.categories-grid {
  background: transparent !important;
}

.cat-block,
.cat-block.active,
.cat-block:hover {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.jt-feature-media {
  width: 100%;
  aspect-ratio: 16 / 10;
  max-height: 430px;
  overflow: hidden;
  border-radius: 7px;
  background: #dfe8ed;
}

.jt-feature-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 430px;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}

@media (max-width: 900px) {
  .jt-feature-media,
  .jt-feature-media img {
    max-height: 360px;
  }
}

@media (max-width: 600px) {
  .jt-feature-media {
    aspect-ratio: 4 / 3;
  }

  .jt-feature-media,
  .jt-feature-media img {
    max-height: 300px;
  }
}
body::before {
  background-image: url("../images/hero-towers.jpg") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-overlay,
.hero::after {
  display: none !important;
  background: none !important;
  content: none !important;
}
.jt-feature-media {
  width: 100%;
  height: 520px;
  max-height: none;
  aspect-ratio: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}

.jt-feature-media img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 520px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 900px) {
  .jt-feature-media {
    height: 460px;
  }

  .jt-feature-media img {
    height: 100%;
    max-height: 460px;
  }
}

@media (max-width: 600px) {
  .jt-feature-media {
    height: 400px;
  }

  .jt-feature-media img {
    height: 100%;
    max-height: 400px;
  }
}
/* =========================================
   FEATURE IMAGE - FLOAT LEFT
   ========================================= */

.jt-feature > .jt-wrap {
  overflow: hidden; /* clears the floated image */
}

.jt-feature-inner {
  display: block;
}

.jt-feature-media {
  float: left;
  width: 261px;
  height: 350px;
  margin: 0 45px 20px 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
  border-radius: 7px;
}

.jt-feature-media img {
  display: block;
  width: 261px;
  height: 350px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  border-radius: 7px;
}

.jt-feature-content {
  max-width: none;
  padding-top: 0;
}

.jt-feature-text:first-child {
  margin-top: 0;
}

@media (max-width: 900px) {
  .jt-feature-media {
    float: none;
    width: min(261px, 100%);
    height: auto;
    margin: 0 auto 28px;
  }

  .jt-feature-media img {
    width: 100%;
    height: auto;
    max-width: 261px;
  }
}

  .jt-feature-content {
    width: 100%;
  }

/* =========================================
   FINAL SOCIAL SECTION OVERRIDE
   MUST REMAIN AT BOTTOM OF STYLE.CSS
   ========================================= */

section.jt-social {
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 10px 0 0;
  padding: 60px 24px;

  background: #B8E1EF !important;
  background-color: #B8E1EF !important;
  background-image: none !important;

  opacity: 1 !important;
}

section.jt-social::before,
section.jt-social::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

section.jt-social > .jt-social-inner {
  position: relative;
  z-index: 1;
  width: min(1400px, 100%);
  margin: 0 auto;
  padding: 0;

  background: transparent !important;
  background-image: none !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

section.jt-social .jt-social-inner h3 {
  margin-top: 0;
  color: #203746 !important;
}

section.jt-social .jt-social-inner p {
  color: #526975 !important;
}

section.jt-social .jt-social-icons a {
  color: #263746;
  background: #fff !important;
  border: 1px solid rgba(32, 55, 70, 0.10);
  box-shadow: 0 10px 24px rgba(4, 45, 68, 0.18);
}

section.jt-social .jt-social-icons a:hover {
  background: #f4fbff !important;
}

@media (max-width: 600px) {
  section.jt-social {
    padding: 45px 18px;
  }
}
/* ==========================================================
   EDELNET PACKAGE PAGES
   Shared by capped.php and uncapped.php
   ========================================================== */

.packages-page {
  color: #263746;
  background: transparent;
}

.packages-hero {
  padding: 70px 24px 38px;
  background: transparent;
}

.packages-hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 48px;
  align-items: center;
  padding: 58px 64px;
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 18px 50px rgba(5, 45, 68, .18);
}

.packages-hero-inner::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 7px;
  background: #1baae3;
}

.packages-eyebrow,
.packages-heading > span {
  display: block;
  margin-bottom: 10px;
  color: #159ed0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
}

.packages-hero h1 {
  max-width: 720px;
  margin: 0 0 18px;
  color: #163246;
  font-size: clamp(38px, 5vw, 66px);
  line-height: 1.02;
}

.packages-hero-copy > p {
  max-width: 720px;
  margin: 0;
  color: #5a6b76;
  font-size: 17px;
  line-height: 1.65;
}

.packages-hero-actions,
.packages-enquiry-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.package-btn {
  min-height: 48px;
  padding: 0 24px;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .7px;
  text-decoration: none;
  text-transform: uppercase;
}

.package-btn-primary {
  color: #fff;
  background: #1baae3;
  box-shadow: 0 9px 20px rgba(27, 170, 227, .28);
}

.package-btn-secondary {
  color: #178fc0;
  background: #fff;
  border: 1px solid #1baae3;
}

.packages-hero-note {
  padding: 32px;
  background: #e9f7fc;
  border-left: 4px solid #1baae3;
  border-radius: 7px;
}

.packages-hero-note strong,
.packages-hero-note span {
  display: block;
}

.packages-hero-note strong {
  margin-bottom: 9px;
  color: #163246;
  font-size: 17px;
}

.packages-hero-note span {
  color: #5b6e79;
  font-size: 14px;
  line-height: 1.6;
}

.packages-section {
  padding: 22px 24px 45px;
}

.packages-section > .jt-wrap {
  padding: 52px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 18px 50px rgba(5, 45, 68, .16);
}

.packages-heading {
  max-width: 720px;
  margin: 0 auto 38px;
  text-align: center;
}

.packages-heading h2 {
  margin: 0 0 12px;
  color: #173347;
  font-size: clamp(28px, 4vw, 42px);
}

.packages-heading p {
  margin: 0;
  color: #647580;
  line-height: 1.6;
}

.package-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.package-card {
  position: relative;
  min-width: 0;
  padding: 28px 24px 24px;
  display: flex;
  flex-direction: column;
  background: #f7fbfd;
  border: 1px solid #dce9ef;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(6, 54, 79, .08);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.package-card:hover {
  border-color: #65c7e9;
  box-shadow: 0 14px 30px rgba(6, 54, 79, .14);
}

.package-card-featured {
  background: #eaf8fd;
  border: 2px solid #1baae3;
}

.package-badge {
  position: absolute;
  top: -12px;
  right: 18px;
  padding: 6px 10px;
  color: #fff;
  background: #1baae3;
  border-radius: 14px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .7px;
}

.package-code {
  color: #147fae;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
}

.package-price {
  margin: 14px 0 18px;
  color: #173347;
  font-size: clamp(36px, 4vw, 50px);
  font-weight: 700;
  line-height: 1;
}

.package-price .package-currency {
  margin-right: 2px;
  font-size: .55em;
  vertical-align: top;
}

.package-price small {
  color: #6a7982;
  font-size: 13px;
  font-weight: 500;
}

.package-data {
  padding: 15px 0;
  border-top: 1px solid #dce7ec;
  border-bottom: 1px solid #dce7ec;
}

.package-data strong,
.package-data span {
  display: block;
}

.package-data strong {
  color: #159ed0;
  font-size: 25px;
}

.package-data span {
  margin-top: 3px;
  color: #6b7a83;
  font-size: 12px;
}

.package-details {
  margin: 20px 0 24px;
  padding: 0;
  display: grid;
  gap: 10px;
  list-style: none;
}

.package-details li {
  position: relative;
  padding-left: 19px;
  color: #52636e;
  font-size: 13px;
  line-height: 1.45;
}

.package-details li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #1baae3;
  font-weight: 700;
}

.package-select {
  width: 100%;
  border: 0;
  cursor: pointer;
  min-height: 44px;
  margin-top: auto;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #168fbe;
  border-radius: 23px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .45px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

/* Package enquiry modal */
.package-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}

.package-modal.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.package-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 25, 39, .76);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.package-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  max-height: calc(100vh - 44px);
  padding: 38px;
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 24px 70px rgba(0, 20, 32, .35);
}

.package-modal-close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  color: #45606f;
  background: #edf5f8;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.package-modal-heading {
  padding-right: 45px;
}

.package-modal-heading h2 {
  margin: 0 0 9px;
  color: #173347;
  font-size: 30px;
}

.package-modal-heading p {
  margin: 0 0 25px;
  color: #61727c;
  line-height: 1.55;
}

.package-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.package-enquiry-form label {
  display: grid;
  gap: 7px;
}

.package-enquiry-form label > span {
  color: #334f5f;
  font-size: 12px;
  font-weight: 700;
}

.package-enquiry-form input,
.package-enquiry-form textarea {
  width: 100%;
  border: 1px solid #cbdbe3;
  border-radius: 6px;
  padding: 12px 13px;
  color: #203744;
  background: #fff;
  font: inherit;
  outline: none;
}

.package-enquiry-form input:focus,
.package-enquiry-form textarea:focus {
  border-color: #1baae3;
  box-shadow: 0 0 0 3px rgba(27, 170, 227, .13);
}

.package-location-field {
  margin-top: 17px;
}

.package-location-tools {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 13px;
  flex-wrap: wrap;
}

.package-location-button {
  border: 1px solid #1baae3;
  border-radius: 22px;
  padding: 10px 16px;
  color: #168bb9;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.package-location-button:disabled {
  opacity: .6;
  cursor: wait;
}

.package-location-status {
  color: #62747f;
  font-size: 12px;
}

.package-form-actions {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.package-form-submit,
.package-form-cancel {
  min-height: 46px;
  padding: 0 23px;
  border-radius: 24px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

.package-form-submit {
  border: 0;
  color: #fff;
  background: #159ed0;
}

.package-form-submit:disabled {
  opacity: .65;
  cursor: wait;
}

.package-form-cancel {
  border: 1px solid #c9d7df;
  color: #526a77;
  background: #fff;
}

.package-form-message {
  display: none;
  margin-top: 17px;
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.5;
}

.package-form-message.error {
  display: block;
  color: #8e2929;
  background: #fff0f0;
  border-left: 4px solid #c94141;
}

.package-enquiry-success {
  padding: 22px 12px 8px;
  text-align: center;
}

.package-success-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #25a862;
  border-radius: 50%;
  font-size: 34px;
}

.package-enquiry-success h2 {
  margin: 0 0 10px;
  color: #173347;
}

.package-enquiry-success p {
  max-width: 520px;
  margin: 0 auto 24px;
  color: #5e707b;
  line-height: 1.6;
}

.package-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

body.package-modal-open {
  overflow: hidden;
}

.packages-info {
  padding: 0 24px 45px;
}

.packages-info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.packages-info article {
  padding: 32px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 34px rgba(5, 45, 68, .14);
}

.packages-info-number {
  color: #9bdcf1;
  font-size: 34px;
  font-weight: 700;
}

.packages-info h3 {
  margin: 8px 0 10px;
  color: #1e394b;
}

.packages-info p {
  margin: 0;
  color: #61727c;
  font-size: 14px;
  line-height: 1.6;
}

.packages-enquiry {
  padding: 0 24px 35px;
}

.packages-enquiry-inner {
  padding: 42px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  color: #fff;
  background: #159ed0;
  border-radius: 10px;
  box-shadow: 0 14px 35px rgba(5, 62, 88, .2);
}

.packages-enquiry .packages-eyebrow {
  color: #d9f5ff;
}

.packages-enquiry h2 {
  margin: 0 0 10px;
  font-size: 30px;
}

.packages-enquiry p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.88);
  line-height: 1.6;
}

.packages-enquiry-actions {
  flex: 0 0 auto;
  margin-top: 0;
}

.package-btn-light {
  color: #158bb8;
  background: #fff;
}

.package-btn-dark {
  color: #fff;
  background: #12384e;
}

.package-disclaimer {
  padding: 0 24px 40px;
}

.package-disclaimer p {
  margin: 0;
  padding: 14px 20px;
  color: #445b68;
  background: rgba(255,255,255,.92);
  border-radius: 7px;
  font-size: 12px;
  line-height: 1.55;
  text-align: center;
}

@media (max-width: 1150px) {
  .package-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .packages-hero {
    padding-top: 35px;
  }

  .packages-hero-inner {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 42px 34px;
  }

  .packages-section > .jt-wrap {
    padding: 38px 28px;
  }

  .package-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .packages-info-grid {
    grid-template-columns: 1fr;
  }

  .packages-enquiry-inner {
    display: block;
  }

  .packages-enquiry-actions {
    margin-top: 24px;
  }
}

@media (max-width: 600px) {
  .packages-hero,
  .packages-section,
  .packages-info,
  .packages-enquiry,
  .package-disclaimer {
    padding-left: 12px;
    padding-right: 12px;
  }

  .packages-hero-inner {
    padding: 34px 24px;
  }

  .packages-hero-actions,
  .packages-enquiry-actions {
    display: grid;
  }

  .package-grid {
    grid-template-columns: 1fr;
  }

  .packages-section > .jt-wrap {
    padding: 34px 18px;
  }

  .package-card {
    padding: 26px 22px 22px;
  }

  .packages-enquiry-inner {
    padding: 34px 24px;
  }

  .package-modal {
    padding: 10px;
  }

  .package-modal-dialog {
    max-height: calc(100vh - 20px);
    padding: 30px 20px 24px;
  }

  .package-form-grid {
    grid-template-columns: 1fr;
  }

  .package-form-actions {
    display: grid;
  }

  .package-form-submit,
  .package-form-cancel {
    width: 100%;
  }
}
.services-page{color:#263746;background:transparent}.services-hero,.service-section,.services-cta{padding-left:24px;padding-right:24px}.services-hero{padding-top:70px;padding-bottom:24px}.services-hero-card,.service-panel{background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(5,45,68,.17)}.services-hero-card{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px;align-items:center;padding:58px 64px;overflow:hidden}.services-hero-card::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:#1baae3}.services-eyebrow{display:block;margin-bottom:10px;color:#159ed0;font-size:12px;font-weight:700;letter-spacing:1.8px}.services-hero h1{max-width:850px;margin:0 0 18px;color:#163246;font-size:clamp(38px,5vw,64px);line-height:1.04}.services-hero p{max-width:780px;margin:0;color:#5c6e79;font-size:17px;line-height:1.65}.services-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.service-button{min-height:48px;padding:0 24px;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.7px;text-decoration:none;text-transform:uppercase;cursor:pointer}.service-button-primary{color:#fff;background:#1baae3}.service-button-outline{color:#168fbe;background:#fff;border:1px solid #1baae3}.services-hero-aside{padding:30px;background:#e9f7fc;border-left:4px solid #1baae3;border-radius:7px}.services-hero-aside strong,.services-hero-aside span{display:block}.services-hero-aside strong{margin-bottom:8px;color:#173347}.services-hero-aside span{color:#61737d;font-size:14px;line-height:1.6}.service-section{padding-top:18px;padding-bottom:28px}.service-panel{padding:54px}.service-heading{max-width:850px;margin:0 auto 38px;text-align:center}.service-heading h2{margin:0 0 14px;color:#183548;font-size:clamp(30px,4vw,44px)}.service-heading p{margin:0;color:#62747f;line-height:1.7}.voip-rate-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.voip-rate-card{padding:27px 18px;text-align:center;background:#f5fafc;border:1px solid #dbe8ee;border-radius:9px}.voip-rate-featured{color:#fff;background:#159ed0;border-color:#159ed0}.voip-rate-label{display:block;min-height:35px;font-size:12px;font-weight:700}.voip-rate-card strong{display:block;margin:13px 0 3px;color:#163549;font-size:38px}.voip-rate-featured strong{color:#fff}.voip-rate-card small{color:#71818a}.voip-rate-featured small{color:rgba(255,255,255,.86)}.voip-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:22px}.voip-feature-grid article,.cctv-card{padding:28px;background:#fff;border:1px solid #dce7ec;border-radius:9px;box-shadow:0 9px 25px rgba(5,45,68,.08)}.service-number{color:#9bdcf1;font-size:30px;font-weight:700}.voip-feature-grid h3,.cctv-card h3{margin:8px 0 10px;color:#1d394b}.voip-feature-grid p,.cctv-card p{margin:0;color:#61727c;font-size:14px;line-height:1.65}.voip-connection-card{margin-top:22px;padding:32px 36px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;color:#fff;background:#173e55;border-radius:9px}.voip-connection-card span,.voip-connection-card strong,.voip-connection-card small{display:block}.voip-connection-card span{color:#9ddff6;font-size:10px;font-weight:700;letter-spacing:1px}.voip-connection-card strong{font-size:38px}.voip-connection-card small{color:#d1e7f1}.voip-connection-card p{margin:0;color:#d7e7ee;font-size:13px;line-height:1.6}.service-enquire{border:0;cursor:pointer}.voip-connection-card .service-enquire{min-height:46px;padding:0 22px;color:#167da6;background:#fff;border-radius:24px;font-size:11px;font-weight:700;text-transform:uppercase}.cctv-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cctv-card{display:flex;flex-direction:column}.cctv-icon{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:#159ed0;border-radius:8px;font-size:25px}.cctv-card p{margin-bottom:22px}.service-link{margin-top:auto;padding:0;color:#159ed0;background:transparent;font-weight:700;text-align:left}.cctv-note{margin-top:22px;padding:22px 26px;display:flex;gap:12px;align-items:baseline;background:#eaf8fd;border-left:4px solid #159ed0;border-radius:7px}.cctv-note strong{color:#17384b}.cctv-note span{color:#60727d;font-size:13px;line-height:1.55}.services-cta{padding-top:0;padding-bottom:38px}.services-cta-inner{padding:42px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff;background:#159ed0;border-radius:10px}.services-cta .services-eyebrow{color:#dcf6ff}.services-cta h2{margin:0 0 9px;font-size:30px}.services-cta p{margin:0;color:rgba(255,255,255,.88)}.service-button-light{flex:0 0 auto;color:#1588b4;background:#fff;border:0}.service-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.service-modal.open{opacity:1;visibility:visible;pointer-events:auto}.service-modal-backdrop{position:absolute;inset:0;background:rgba(3,25,39,.76);backdrop-filter:blur(5px)}.service-modal-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 44px);padding:38px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(0,20,32,.35)}.service-modal-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;border-radius:50%;color:#45606f;background:#edf5f8;font-size:28px;cursor:pointer}.service-modal-heading{padding-right:45px}.service-modal-heading h2{margin:0 0 9px;color:#173347;font-size:30px}.service-modal-heading p{margin:0 0 24px;color:#61727c}.service-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-enquiry-form label{display:grid;gap:7px}.service-enquiry-form label span{color:#334f5f;font-size:12px;font-weight:700}.service-enquiry-form input,.service-enquiry-form textarea{width:100%;padding:12px 13px;border:1px solid #cbdbe3;border-radius:6px;color:#203744;background:#fff;font:inherit;outline:none}.service-enquiry-form input:focus,.service-enquiry-form textarea:focus{border-color:#1baae3;box-shadow:0 0 0 3px rgba(27,170,227,.13)}.service-full-field{margin-top:17px}.service-location-tools{margin-top:10px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.service-location-tools button{padding:10px 16px;border:1px solid #1baae3;border-radius:22px;color:#168bb9;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.service-location-tools span{color:#62747f;font-size:12px}.service-form-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.service-form-submit,.service-form-cancel{min-height:46px;padding:0 23px;border-radius:24px;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer}.service-form-submit{border:0;color:#fff;background:#159ed0}.service-form-cancel{border:1px solid #c9d7df;color:#526a77;background:#fff}.service-form-message{display:none;margin-top:17px;padding:12px 14px;border-radius:6px;font-size:13px}.service-form-message.error{display:block;color:#8e2929;background:#fff0f0;border-left:4px solid #c94141}.service-success{text-align:center}.service-success-icon{width:70px;height:70px;margin:0 auto 18px;display:grid;place-items:center;color:#fff;background:#25a862;border-radius:50%;font-size:34px}.service-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}body.service-modal-open{overflow:hidden}@media(max-width:1050px){.voip-rate-grid{grid-template-columns:repeat(3,1fr)}.voip-feature-grid{grid-template-columns:repeat(2,1fr)}.cctv-service-grid{grid-template-columns:repeat(2,1fr)}.voip-connection-card{grid-template-columns:1fr}.services-hero-card{grid-template-columns:1fr}}@media(max-width:700px){.services-hero,.service-section,.services-cta{padding-left:12px;padding-right:12px}.services-hero{padding-top:35px}.services-hero-card,.service-panel{padding:34px 22px}.voip-rate-grid,.voip-feature-grid,.cctv-service-grid{grid-template-columns:1fr}.services-cta-inner{display:block;padding:34px 24px}.services-cta .service-button{margin-top:22px;width:100%}.cctv-note{display:block}.cctv-note strong,.cctv-note span{display:block}.cctv-note span{margin-top:7px}.service-modal{padding:10px}.service-modal-dialog{max-height:calc(100vh - 20px);padding:30px 20px}.service-form-grid{grid-template-columns:1fr}.service-form-actions{display:grid}.service-form-submit,.service-form-cancel{width:100%}}

.hosting-page{color:#263746;background:transparent}.hosting-hero,.hosting-plans,.hosting-included,.hosting-domains,.hosting-cta{padding-left:24px;padding-right:24px}.hosting-hero{padding-top:70px;padding-bottom:24px}.hosting-hero-card,.hosting-panel{background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(5,45,68,.17)}.hosting-hero-card{position:relative;padding:58px 64px;display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center;overflow:hidden}.hosting-hero-card::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:#1baae3}.hosting-eyebrow{display:block;margin-bottom:10px;color:#159ed0;font-size:12px;font-weight:700;letter-spacing:1.8px}.hosting-hero h1{margin:0 0 18px;color:#163246;font-size:clamp(38px,5vw,64px);line-height:1.04}.hosting-hero p{margin:0;color:#5c6e79;font-size:17px;line-height:1.65}.hosting-hero aside{padding:30px;background:#e9f7fc;border-left:4px solid #1baae3;border-radius:7px}.hosting-hero aside strong,.hosting-hero aside span{display:block}.hosting-hero aside strong{margin-bottom:8px}.hosting-hero aside span{color:#61737d;font-size:14px;line-height:1.6}.hosting-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hosting-button{min-height:48px;padding:0 24px;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer}.hosting-primary{color:#fff;background:#1baae3;border:0}.hosting-outline{color:#168fbe;background:#fff;border:1px solid #1baae3}.hosting-plans,.hosting-included{padding-top:18px;padding-bottom:28px}.hosting-panel{padding:54px}.hosting-heading{max-width:820px;margin:0 auto 38px;text-align:center}.hosting-heading h2{margin:0 0 12px;color:#183548;font-size:clamp(30px,4vw,44px)}.hosting-heading p{margin:0;color:#62747f;line-height:1.65}.hosting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hosting-card{position:relative;padding:30px 24px 24px;display:flex;flex-direction:column;background:#f7fbfd;border:1px solid #dce9ef;border-radius:10px;box-shadow:0 8px 24px rgba(6,54,79,.08)}.hosting-featured{background:#eaf8fd;border:2px solid #1baae3}.hosting-badge{position:absolute;top:-12px;right:18px;padding:6px 10px;color:#fff;background:#1baae3;border-radius:14px;font-size:9px;font-weight:700}.hosting-card h3{margin:0;color:#147fae;text-transform:uppercase}.hosting-price{margin:14px 0 20px;color:#173347;font-size:48px;font-weight:700}.hosting-price>span{font-size:.55em;vertical-align:top}.hosting-price small{color:#6a7982;font-size:13px}.hosting-card ul{margin:0 0 24px;padding:17px 0 0;border-top:1px solid #dce7ec;display:grid;gap:11px;list-style:none}.hosting-card li{color:#5a6d78;font-size:13px}.hosting-card li::before{content:"✓";margin-right:8px;color:#1baae3;font-weight:700}.hosting-select{width:100%;min-height:44px;margin-top:auto;border:0;border-radius:23px;color:#fff;background:#168fbe;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer}.hosting-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hosting-feature-grid article{padding:20px;display:flex;align-items:center;gap:12px;background:#f5fafc;border:1px solid #dce8ee;border-radius:8px}.hosting-feature-grid span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:#fff;background:#159ed0;border-radius:50%}.hosting-feature-grid strong{font-size:13px}.hosting-domains{padding-top:0;padding-bottom:28px}.hosting-domain-panel{padding:45px 50px;display:grid;grid-template-columns:1fr 1.3fr;gap:45px;background:#173e55;color:#fff;border-radius:10px}.hosting-domain-panel h2{margin:0 0 10px;font-size:32px}.hosting-domain-panel p{margin:0;color:#d7e7ee;line-height:1.6}.domain-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.domain-costs article{padding:23px 14px;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:8px}.domain-costs span,.domain-costs strong{display:block}.domain-costs span{min-height:28px;color:#bdeafb;font-size:10px;font-weight:700}.domain-costs strong{margin-top:9px;font-size:28px}.hosting-cta{padding-bottom:38px}.hosting-cta-inner{padding:42px 50px;display:flex;justify-content:space-between;align-items:center;gap:35px;color:#fff;background:#159ed0;border-radius:10px}.hosting-cta .hosting-eyebrow{color:#dcf6ff}.hosting-cta h2{margin:0 0 9px;font-size:30px}.hosting-cta p{margin:0;color:rgba(255,255,255,.88)}.hosting-light{flex:0 0 auto;color:#1588b4;background:#fff;border:0}.hosting-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none}.hosting-modal.open{opacity:1;visibility:visible;pointer-events:auto}.hosting-backdrop{position:absolute;inset:0;background:rgba(3,25,39,.76);backdrop-filter:blur(5px)}.hosting-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 44px);padding:38px;overflow-y:auto;background:#fff;border-radius:12px}.hosting-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;border-radius:50%;font-size:28px;cursor:pointer}.hosting-modal-heading h2{margin:0 0 9px;color:#173347}.hosting-modal-heading p{color:#61727c}.hosting-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hosting-domain-fields{margin-top:17px}.hosting-modal label{display:grid;gap:7px}.hosting-modal label span{color:#334f5f;font-size:12px;font-weight:700}.hosting-modal input,.hosting-modal textarea,.hosting-modal select{width:100%;padding:12px 13px;border:1px solid #cbdbe3;border-radius:6px;background:#fff;font:inherit}.hosting-full{margin-top:17px}.hosting-form-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.hosting-submit,.hosting-cancel{min-height:46px;padding:0 23px;border-radius:24px;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer}.hosting-submit{border:0;color:#fff;background:#159ed0}.hosting-cancel{border:1px solid #c9d7df;background:#fff}.hosting-message{display:none;margin-top:17px;padding:12px}.hosting-message.error{display:block;color:#8e2929;background:#fff0f0;border-left:4px solid #c94141}.hosting-success{text-align:center}.hosting-success>div{width:70px;height:70px;margin:0 auto 18px;display:grid;place-items:center;color:#fff;background:#25a862;border-radius:50%;font-size:34px}.hosting-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}body.hosting-modal-open{overflow:hidden}@media(max-width:1050px){.hosting-hero-card{grid-template-columns:1fr}.hosting-grid,.hosting-feature-grid{grid-template-columns:repeat(2,1fr)}.hosting-domain-panel{grid-template-columns:1fr}.domain-costs{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.hosting-hero,.hosting-plans,.hosting-included,.hosting-domains,.hosting-cta{padding-left:12px;padding-right:12px}.hosting-hero{padding-top:35px}.hosting-hero-card,.hosting-panel{padding:34px 22px}.hosting-grid,.hosting-feature-grid,.domain-costs,.hosting-form-grid{grid-template-columns:1fr}.hosting-domain-panel{padding:34px 24px}.hosting-cta-inner{display:block;padding:34px 24px}.hosting-light{width:100%;margin-top:22px}.hosting-dialog{padding:30px 20px}.hosting-form-actions{display:grid}.hosting-submit,.hosting-cancel{width:100%}}

.wd-page{color:#263746}.wd-page *{box-sizing:border-box}.wd-hero{padding:54px 24px 24px}.wd-hero-inner,.wd-panel{background:#f9fcfe;border-radius:18px;box-shadow:0 18px 45px rgba(9,54,78,.15)}.wd-hero-inner{display:grid;grid-template-columns:1.45fr .55fr;gap:44px;padding:58px}.wd-kicker{display:block;color:#11a8dd;font-size:13px;font-weight:800;letter-spacing:1.7px;margin-bottom:12px}.wd-hero h1{font-size:clamp(36px,4.2vw,66px);line-height:1.02;margin:0 0 22px;max-width:900px}.wd-hero p,.wd-heading p{color:#5c6c78;font-size:18px;line-height:1.7;max-width:800px}.wd-hero aside{align-self:end;background:#11a8dd;color:#fff;padding:30px;border-radius:15px}.wd-hero aside b,.wd-hero aside span{display:block}.wd-hero aside b{font-size:21px;margin-bottom:10px}.wd-hero aside span{line-height:1.6}.wd-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.wd-btn,.wd-select{border:0;border-radius:999px;padding:16px 25px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-decoration:none}.wd-btn-primary,.wd-select{background:#12a9de;color:#fff}.wd-btn-outline{background:#fff;color:#0b9ed4;border:2px solid #13a9df}.wd-packages,.wd-process,.wd-included{padding:24px}.wd-panel{padding:50px}.wd-heading{text-align:center;margin:0 auto 34px}.wd-heading p{margin:10px auto}.wd-heading h2{font-size:clamp(28px,3vw,44px);margin:0}.wd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.wd-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #dce9ef;border-radius:16px;padding:30px 23px;box-shadow:0 9px 24px rgba(13,61,84,.08)}.wd-card:hover{transform:translateY(-5px);box-shadow:0 17px 36px rgba(13,61,84,.14)}.wd-featured{border:2px solid #12a9de}.wd-badge{position:absolute;right:18px;top:-13px;background:#7ac233;color:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.wd-card-tag{color:#71808a;font-size:12px;font-weight:700;text-transform:uppercase}.wd-card h3{font-size:25px;margin:10px 0}.wd-price{color:#11a8dd;font-size:34px;font-weight:800}.wd-price small{color:#71808a;font-size:13px}.wd-card ul{list-style:none;padding:0;margin:22px 0 26px}.wd-card li{display:flex;gap:8px;border-top:1px solid #edf2f4;padding:10px 0;font-size:14px;line-height:1.4}.wd-card li span{color:#7ac233;font-weight:900}.wd-select{width:100%;margin-top:auto}.wd-fineprint{background:#eef7fb;border-left:4px solid #11a8dd;border-radius:8px;margin:28px 0 0;padding:17px 20px;color:#596872;font-size:13px;line-height:1.6}.wd-steps,.wd-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.wd-steps article,.wd-benefits article{background:#fff;border:1px solid #e0ebef;border-radius:14px;padding:25px}.wd-steps b{color:#11a8dd;font-size:30px}.wd-steps h3{margin:8px 0}.wd-steps p,.wd-benefits span{color:#64727c;line-height:1.55}.wd-benefits b,.wd-benefits span{display:block}.wd-benefits b{font-size:20px;margin-bottom:8px}.wd-cta{padding:24px 24px 55px}.wd-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#159bc8;color:#fff;border-radius:18px;padding:42px 50px}.wd-cta h2{font-size:36px;margin:0 0 8px}.wd-cta p{margin:0}.wd-cta .wd-kicker{color:#dff7ff}.wd-btn-light{background:#fff;color:#079bd2}.wd-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}.wd-modal.open{display:flex}.wd-backdrop{position:absolute;inset:0;background:rgba(8,24,34,.72)}.wd-dialog{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:38px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.wd-dialog h2{font-size:31px;margin:0 0 7px}.wd-close{position:absolute;right:17px;top:12px;border:0;background:transparent;font-size:34px;cursor:pointer}.wd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.wd-dialog label span{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.wd-dialog input,.wd-dialog textarea{width:100%;border:1px solid #cad9e0;border-radius:9px;padding:13px;font:inherit}.wd-full{display:block;margin-top:17px}.wd-trap{position:absolute!important;left:-9999px!important}.wd-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.wd-submit,.wd-cancel{border:0;border-radius:999px;padding:14px 24px;font-weight:800;cursor:pointer}.wd-submit{background:#11a8dd;color:#fff}.wd-cancel{background:#eaf1f4}.wd-message.error{background:#fff0f0;color:#a82323;padding:11px;margin-top:15px;border-radius:8px}.wd-success{text-align:center;padding:35px}.wd-success>div{display:grid;place-items:center;margin:auto;width:68px;height:68px;border-radius:50%;background:#7ac233;color:#fff;font-size:34px}body.wd-modal-open{overflow:hidden}
@media(max-width:1100px){.wd-grid{grid-template-columns:repeat(2,1fr)}.wd-hero-inner{grid-template-columns:1fr}.wd-steps,.wd-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wd-hero,.wd-packages,.wd-process,.wd-included,.wd-cta{padding:12px}.wd-hero-inner,.wd-panel{padding:28px 20px}.wd-hero h1{font-size:36px}.wd-grid,.wd-steps,.wd-benefits,.wd-form-grid{grid-template-columns:1fr}.wd-actions,.wd-cta-inner{align-items:stretch;flex-direction:column}.wd-btn{text-align:center}.wd-cta-inner{padding:30px 22px}.wd-cta h2{font-size:29px}.wd-dialog{padding:30px 20px}.wd-card:hover{transform:none}}

.tools-page{color:#263746}.tools-page *{box-sizing:border-box}.tools-hero{padding:54px 24px 24px}.tools-hero-inner,.tools-panel{background:#f9fcfe;border-radius:18px;box-shadow:0 18px 45px rgba(9,54,78,.15)}.tools-hero-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:44px;padding:58px}.tools-eyebrow{display:block;color:#10a8dd;font-size:13px;font-weight:800;letter-spacing:1.7px;margin-bottom:12px}.tools-hero h1{font-size:clamp(38px,4.4vw,66px);line-height:1.03;margin:0 0 22px;max-width:880px}.tools-hero p,.tools-heading p{color:#5d6d78;font-size:18px;line-height:1.7;max-width:820px}.tools-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.tools-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 25px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-decoration:none}.tools-btn-primary{background:#12a9de;color:#fff}.tools-btn-outline{background:#fff;color:#0b9ed4;border:2px solid #13a9df}.tools-support-card{align-self:end;background:#159bc8;color:#fff;border-radius:16px;padding:30px}.tools-support-card>span{font-size:12px;font-weight:800;letter-spacing:1.4px}.tools-support-card h2{font-size:27px;margin:8px 0}.tools-support-card p{color:#e9faff;font-size:15px;line-height:1.6}.tools-support-actions{display:grid;gap:9px}.tools-support-actions a{background:#fff;color:#098fc1;border-radius:999px;padding:12px 15px;text-align:center;text-decoration:none;font-weight:800}.tools-section{padding:24px}.tools-panel{padding:50px}.tools-heading{text-align:center;margin:0 auto 34px}.tools-heading h2{font-size:clamp(29px,3vw,44px);margin:0}.tools-heading p{margin:10px auto}.tools-card-grid{display:grid;gap:18px}.tools-three{grid-template-columns:repeat(3,1fr)}.tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #dce9ef;border-radius:16px;padding:29px;box-shadow:0 9px 24px rgba(13,61,84,.08);transition:.2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 17px 36px rgba(13,61,84,.14)}.tool-card.featured{border:2px solid #12a9de}.tool-badge{position:absolute;right:17px;top:-13px;background:#7ac233;color:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.tool-icon{display:grid;place-items:center;width:58px;height:58px;background:#e5f7fd;color:#0aa3da;border-radius:15px;font-size:19px;font-weight:900}.tool-icon.download{background:#edf8e5;color:#67af26}.tool-card h3{font-size:24px;margin:17px 0 7px}.tool-card p{color:#63727c;line-height:1.6;margin:0 0 22px}.tool-link{margin-top:auto;color:#079ed6;font-weight:800;text-decoration:none}.tools-result-note,.tools-warning{display:flex;gap:14px;align-items:center;border-radius:10px;margin-top:24px;padding:18px 21px}.tools-result-note{background:#eaf7fc;border-left:4px solid #11a8dd}.tools-warning{background:#fff7df;border-left:4px solid #efb62c;margin:0 0 24px}.tools-result-note strong,.tools-warning strong{white-space:nowrap}.tools-result-note span,.tools-warning span{color:#5d6b74;line-height:1.5}.tools-checklist{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tools-checklist label{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #dce9ef;border-radius:13px;padding:20px;cursor:pointer}.tools-checklist label:has(input:checked){background:#f1faeb;border-color:#8bc957}.tools-checklist input{width:20px;height:20px;accent-color:#6db82c;flex:0 0 auto}.tools-checklist b,.tools-checklist span{display:block}.tools-checklist b{margin-bottom:6px}.tools-checklist span{color:#61717b;line-height:1.5}.tools-checklist b{color:#263746}.tools-check-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.tools-check-actions button,.tools-check-actions a{border:0;border-radius:999px;padding:14px 22px;font-weight:800;text-decoration:none;cursor:pointer}.tools-check-actions button{background:#e8f0f4;color:#3d505d}.tools-check-actions a{background:#12a9de;color:#fff}.tools-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:22px}.tools-tabs button{border:1px solid #cfe0e7;background:#fff;color:#48606c;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer}.tools-tabs button.active{background:#12a9de;color:#fff;border-color:#12a9de}.tools-tab-panel{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tools-tab-panel a{display:grid;grid-template-columns:1fr auto;gap:5px 18px;background:#fff;border:1px solid #dce9ef;border-radius:13px;padding:20px;text-decoration:none}.tools-tab-panel b{color:#263746;font-size:17px}.tools-tab-panel span{color:#687780;line-height:1.5}.tools-tab-panel em{grid-column:2;grid-row:1/3;align-self:center;color:#079ed6;font-style:normal;font-weight:800}.tools-placeholder-note{margin:22px 0 0;background:#fff4d6;border-radius:9px;padding:14px;color:#6b5a2d;font-size:13px}.tools-placeholder-note code{background:#fff;padding:2px 4px}.tools-cta{padding:24px 24px 55px}.tools-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#159bc8;color:#fff;border-radius:18px;padding:42px 50px}.tools-cta h2{font-size:36px;margin:0 0 8px}.tools-cta p{margin:0}.tools-cta .tools-eyebrow{color:#dff7ff}.tools-btn-light{background:#fff;color:#079bd2}
@media(max-width:950px){.tools-hero-inner{grid-template-columns:1fr}.tools-support-card{align-self:auto}.tools-three{grid-template-columns:1fr}.tools-checklist,.tools-tab-panel{grid-template-columns:1fr}}
@media(max-width:650px){.tools-hero,.tools-section,.tools-cta{padding:12px}.tools-hero-inner,.tools-panel{padding:28px 20px}.tools-hero h1{font-size:36px}.tools-actions,.tools-check-actions,.tools-cta-inner{align-items:stretch;flex-direction:column}.tools-btn,.tools-check-actions a,.tools-check-actions button{text-align:center}.tools-result-note,.tools-warning{align-items:flex-start;flex-direction:column}.tools-result-note strong,.tools-warning strong{white-space:normal}.tools-tab-panel a{grid-template-columns:1fr}.tools-tab-panel em{grid-column:1;grid-row:auto}.tools-cta-inner{padding:30px 22px}.tools-cta h2{font-size:29px}.tool-card:hover{transform:none}}

/* Guide tabs and sticky-header spacing */
.tools-section{scroll-margin-top:150px}
#speed-tests,#quick-checks,#remote-support,#guides{scroll-margin-top:150px}
.tools-tab-panel[hidden],.tools-tab-panel[aria-hidden="true"]{display:none!important}
.tools-tab-panel.active{display:grid!important}
.tools-tabs{margin-top:6px;margin-bottom:30px}
.tools-tab-panel{gap:16px}
.tools-tab-panel a{min-height:102px;align-items:center}
.tools-tab-panel b,.tools-tab-panel span{align-self:end}
.tools-tab-panel span{align-self:start}
@media(max-width:650px){.tools-section{scroll-margin-top:92px}.tools-tabs{gap:8px;margin-bottom:22px}.tools-tabs button{width:100%;padding:12px 16px}.tools-tab-panel{gap:12px}.tools-tab-panel a{min-height:0;padding:18px}}

.about-page{color:#263746}.about-page *{box-sizing:border-box}.about-hero{padding:54px 24px 24px}.about-hero-inner,.about-panel{background:#f9fcfe;border-radius:18px;box-shadow:0 18px 45px rgba(9,54,78,.15)}.about-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;padding:58px;align-items:center}.about-eyebrow{display:block;color:#10a8dd;font-size:13px;font-weight:800;letter-spacing:1.7px;margin-bottom:12px}.about-hero h1{font-size:clamp(42px,5vw,76px);line-height:.98;margin:0 0 24px}.about-hero-copy>p,.about-heading p,.about-story-copy p,.about-photo-story p,.about-coverage-copy p,.about-standards p{color:#5c6d78;font-size:17px;line-height:1.72}.about-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.about-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 25px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-decoration:none}.about-btn-primary{background:#12a9de;color:#fff}.about-btn-outline{background:#fff;color:#0b9ed4;border:2px solid #13a9df}.about-hero-image{position:relative;margin:0;height:600px;border-radius:15px;overflow:hidden;background:#263746}.about-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.about-hero-image figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(14,33,44,.82);color:#fff;padding:17px 20px;border-radius:10px;backdrop-filter:blur(7px)}.about-hero-image strong,.about-hero-image span{display:block}.about-hero-image span{font-size:13px;margin-top:4px;color:#dcecf3}.about-facts{padding:0 24px 24px}.about-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.about-facts article{background:#fff;border-radius:14px;padding:24px;text-align:center;box-shadow:0 10px 25px rgba(9,54,78,.11)}.about-facts strong,.about-facts span{display:block}.about-facts strong{color:#11a8dd;font-size:27px}.about-facts span{color:#63737d;font-size:13px;margin-top:5px}.about-section{padding:24px}.about-panel{padding:52px}.about-story{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.about-story h2,.about-heading h2,.about-photo-story h2,.about-coverage h2,.about-standards h2{font-size:clamp(30px,3.3vw,48px);line-height:1.08;margin:0 0 18px}.about-quote{background:#159bc8;color:#fff;border-radius:16px;padding:35px}.about-quote>span{font-size:12px;letter-spacing:1.5px;font-weight:800}.about-quote blockquote{font-size:24px;line-height:1.45;margin:13px 0 0}.about-heading{text-align:center;max-width:900px;margin:0 auto 35px}.about-heading p{margin:10px auto}.about-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.about-value-grid article{background:#fff;border:1px solid #dce9ef;border-radius:14px;padding:25px}.about-value-grid article>span{color:#11a8dd;font-size:28px;font-weight:900}.about-value-grid h3{margin:11px 0 8px;font-size:20px}.about-value-grid p{color:#63727c;line-height:1.55;margin:0}.about-photo-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;background:#f9fcfe;border-radius:18px;box-shadow:0 18px 45px rgba(9,54,78,.15);padding:34px}.about-photo-story figure{position:relative;margin:0;height:440px;overflow:hidden;border-radius:14px}.about-photo-story img{width:100%;height:100%;object-fit:cover}.about-photo-story figcaption{position:absolute;left:15px;bottom:15px;background:#fff;color:#263746;padding:11px 15px;border-radius:999px;font-weight:800}.about-photo-reverse figure{order:2}.about-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.about-services-grid a{display:flex;flex-direction:column;background:#fff;border:1px solid #dce9ef;border-radius:14px;padding:25px;text-decoration:none;min-height:185px}.about-services-grid strong{color:#263746;font-size:20px}.about-services-grid span{color:#63727c;line-height:1.55;margin:9px 0 18px}.about-services-grid em{margin-top:auto;color:#079ed6;font-style:normal;font-weight:800}.about-coverage{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:center}.about-area-list{display:flex;flex-wrap:wrap;gap:10px}.about-area-list span{background:#fff;border:1px solid #cfe2e9;border-radius:999px;padding:11px 15px;font-size:14px;font-weight:700}.about-standards{padding:24px}.about-standards-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#e9f7fc;border-left:5px solid #12a9de;border-radius:14px;padding:35px 40px}.about-standards-inner>div{max-width:950px}.about-standards h2{font-size:32px}.about-standards a{flex:0 0 auto;color:#079ed6;font-weight:800;text-decoration:none}.about-cta{padding:24px 24px 55px}.about-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#159bc8;color:#fff;border-radius:18px;padding:42px 50px}.about-cta h2{font-size:37px;margin:0 0 9px}.about-cta p{margin:0}.about-cta .about-eyebrow{color:#dff7ff}.about-cta-inner>div:last-child{display:flex;gap:10px}.about-btn-light{background:#fff;color:#079bd2}.about-btn-ghost{border:2px solid #fff;color:#fff}
@media(max-width:1050px){.about-hero-inner,.about-story,.about-coverage{grid-template-columns:1fr}.about-hero-image{height:500px}.about-value-grid,.about-facts-grid{grid-template-columns:repeat(2,1fr)}.about-services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.about-photo-story{grid-template-columns:1fr;gap:25px}.about-photo-reverse figure{order:0}.about-photo-story figure{height:320px}.about-standards-inner,.about-cta-inner{align-items:stretch;flex-direction:column}.about-cta-inner>div:last-child{flex-direction:column}}
@media(max-width:600px){.about-hero,.about-section,.about-standards,.about-cta{padding:12px}.about-facts{padding:0 12px 12px}.about-hero-inner,.about-panel{padding:28px 20px}.about-hero h1{font-size:42px}.about-hero-image{height:440px}.about-actions{align-items:stretch;flex-direction:column}.about-btn{text-align:center}.about-facts-grid,.about-value-grid,.about-services-grid{grid-template-columns:1fr}.about-story{gap:25px}.about-quote{padding:26px}.about-quote blockquote{font-size:20px}.about-photo-story{padding:20px}.about-photo-story figure{height:260px}.about-standards-inner,.about-cta-inner{padding:28px 22px}.about-area-list{gap:7px}.about-area-list span{padding:9px 12px}.about-cta h2{font-size:30px}}

.wireless-page{color:#263746}.wireless-page *{box-sizing:border-box}.wireless-section{padding:24px;scroll-margin-top:150px}.wireless-hero{padding:54px 24px 24px}.wireless-hero-inner,.wireless-panel,.wireless-photo-story{background:#f9fcfe;border-radius:18px;box-shadow:0 18px 45px rgba(9,54,78,.15)}.wireless-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;padding:58px;align-items:center}.wireless-eyebrow{display:block;color:#10a8dd;font-size:13px;font-weight:800;letter-spacing:1.7px;margin-bottom:12px}.wireless-hero h1{font-size:clamp(42px,5vw,76px);line-height:.98;margin:0 0 24px}.wireless-hero-copy>p,.wireless-heading p,.wireless-photo-story p,.los-copy p{color:#5c6d78;font-size:17px;line-height:1.72}.wireless-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.wireless-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 25px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-decoration:none}.wireless-btn-primary{background:#12a9de;color:#fff}.wireless-btn-outline{background:#fff;color:#0b9ed4;border:2px solid #13a9df}.wireless-hero-image{position:relative;margin:0;height:600px;border-radius:15px;overflow:hidden;background:#263746}.wireless-hero-image img{width:100%;height:100%;object-fit:cover}.wireless-hero-image figcaption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(14,33,44,.82);color:#fff;padding:17px 20px;border-radius:10px;backdrop-filter:blur(7px)}.wireless-hero-image strong,.wireless-hero-image span{display:block}.wireless-hero-image span{font-size:13px;margin-top:4px;color:#dcecf3}.wireless-panel{padding:52px}.wireless-heading{text-align:center;max-width:900px;margin:0 auto 35px}.wireless-heading h2,.wireless-photo-story h2,.los-copy h2{font-size:clamp(30px,3.3vw,48px);line-height:1.08;margin:0 0 18px}.wireless-heading p{margin:10px auto}.signal-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.signal-flow>article{position:relative;background:#fff;border:1px solid #dce9ef;border-radius:14px;padding:22px;min-height:270px}.signal-flow>i{color:#11a8dd;font-size:27px;font-style:normal}.signal-number{position:absolute;right:15px;top:14px;color:#b4c8d1;font-weight:900}.signal-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:15px;background:#e5f7fd;color:#079fd6;font-size:15px;font-weight:900}.signal-flow h3{font-size:19px;margin:16px 0 8px}.signal-flow p{color:#63727c;line-height:1.55;margin:0;font-size:14px}.wireless-photo-story{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:34px}.wireless-photo-story figure{position:relative;margin:0;height:480px;border-radius:14px;overflow:hidden}.wireless-photo-story img{width:100%;height:100%;object-fit:cover}.wireless-photo-story figcaption{position:absolute;left:15px;bottom:15px;background:#fff;padding:11px 15px;border-radius:999px;font-weight:800}.wireless-photo-reverse figure{order:2}.wireless-note{display:flex;flex-direction:column;background:#eaf7fc;border-left:4px solid #12a9de;border-radius:9px;padding:17px 20px}.wireless-note span{color:#5c6d78;line-height:1.55;margin-top:5px}.los-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.los-copy ul{list-style:none;padding:0;margin:24px 0 0}.los-copy li{background:#fff;border-top:1px solid #dce9ef;padding:13px 15px;color:#5c6d78}.los-visual{background:#fff;border:1px solid #dce9ef;border-radius:16px;padding:28px}.los-visual article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:28px}.los-visual article>span{font-size:11px;font-weight:900}.los-visual article>b{position:relative;height:3px;background:#74bd37}.los-visual article>em{grid-column:1/4;text-align:center;font-style:normal;font-weight:800;color:#62aa29}.los-visual .los-bad>b{background:#dd5a5a}.los-visual .los-bad>b i{position:absolute;left:48%;top:-20px;color:#687780;font-style:normal;font-size:26px}.los-visual .los-bad>em{color:#c64242}.los-visual>p{color:#667680;line-height:1.55;margin:0;text-align:center;font-size:14px}.difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.difference-grid article{background:#fff;border:1px solid #dce9ef;border-radius:15px;padding:30px}.difference-grid article>span{font-size:11px;letter-spacing:1.2px;font-weight:900;color:#11a8dd}.difference-grid h3{font-size:25px;margin:10px 0}.difference-grid p{color:#63727c;line-height:1.6}.difference-grid strong{display:block;border-top:1px solid #dce9ef;padding-top:15px}.install-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.install-steps article{display:flex;gap:13px;background:#fff;border:1px solid #dce9ef;border-radius:14px;padding:21px}.install-steps b{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:50%;background:#12a9de;color:#fff}.install-steps h3{font-size:17px;margin:6px 0 7px}.install-steps p{color:#63727c;line-height:1.5;margin:0;font-size:14px}.wireless-faq details{background:#fff;border:1px solid #dce9ef;border-radius:12px;margin-top:11px;padding:0 20px}.wireless-faq summary{cursor:pointer;font-size:17px;font-weight:800;padding:18px 34px 18px 0;position:relative}.wireless-faq summary::after{content:'+';position:absolute;right:0;color:#11a8dd;font-size:23px}.wireless-faq details[open] summary::after{content:'–'}.wireless-faq details p{color:#63727c;line-height:1.6;margin:0;padding:0 0 20px}.wireless-cta{padding:24px 24px 55px}.wireless-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#159bc8;color:#fff;border-radius:18px;padding:42px 50px}.wireless-cta h2{font-size:37px;margin:0 0 9px}.wireless-cta p{margin:0;max-width:850px}.wireless-cta .wireless-eyebrow{color:#dff7ff}.wireless-cta-inner>div:last-child{display:flex;gap:10px}.wireless-btn-light{background:#fff;color:#079bd2}.wireless-btn-ghost{border:2px solid #fff;color:#fff}
@media(max-width:1200px){.signal-flow{grid-template-columns:repeat(5,1fr);align-items:stretch}.signal-flow>i{display:none}.signal-flow>article{min-height:0}.install-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.wireless-hero-inner,.los-panel{grid-template-columns:1fr}.wireless-hero-image{height:500px}.signal-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wireless-photo-story{grid-template-columns:1fr;gap:25px}.wireless-photo-reverse figure{order:0}.wireless-photo-story figure{height:350px}.difference-grid,.signal-flow{grid-template-columns:1fr}.wireless-cta-inner{align-items:stretch;flex-direction:column}.wireless-cta-inner>div:last-child{flex-direction:column}}
@media(max-width:600px){.wireless-hero,.wireless-section,.wireless-cta{padding:12px}.wireless-section{scroll-margin-top:92px}.wireless-hero-inner,.wireless-panel{padding:28px 20px}.wireless-hero h1{font-size:42px}.wireless-hero-image{height:440px}.wireless-actions{align-items:stretch;flex-direction:column}.wireless-btn{text-align:center}.wireless-photo-story{padding:20px}.wireless-photo-story figure{height:280px}.install-steps{grid-template-columns:1fr}.wireless-cta-inner{padding:28px 22px}.wireless-cta h2{font-size:30px}}

.policy-page{color:#263746}.policy-page *{box-sizing:border-box}.policy-hero{padding:54px 24px 20px}.policy-hero-inner{display:grid;grid-template-columns:1.35fr .65fr;gap:45px;align-items:end;background:#f9fcfe;border-radius:18px;padding:55px;box-shadow:0 18px 45px rgba(9,54,78,.15)}.policy-eyebrow{display:block;color:#10a8dd;font-size:12px;font-weight:900;letter-spacing:1.7px;margin-bottom:12px}.policy-hero h1{font-size:clamp(39px,4.5vw,68px);line-height:1.02;margin:0 0 20px}.policy-hero p{color:#5d6d78;font-size:18px;line-height:1.65;max-width:850px}.policy-hero aside{background:#159bc8;color:#fff;border-radius:15px;padding:28px}.policy-hero aside strong,.policy-hero aside span{display:block}.policy-hero aside strong{font-size:21px;margin-bottom:9px}.policy-hero aside span{line-height:1.55}.policy-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.policy-meta span{background:#e8f6fb;color:#317086;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.policy-tools{padding:0 24px 20px}.policy-tools-inner{display:flex;align-items:end;justify-content:space-between;gap:20px;background:#fff;border-radius:14px;padding:18px 22px;box-shadow:0 10px 24px rgba(9,54,78,.1)}.policy-tools label{flex:1}.policy-tools label span{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.policy-tools input{width:100%;border:1px solid #cfdee5;border-radius:9px;padding:13px;font:inherit}.policy-tools>div{}.policy-tools-inner>div{display:flex;gap:8px}.policy-tools button{border:0;border-radius:999px;background:#e8f3f7;color:#36515f;padding:12px 16px;font-weight:800;cursor:pointer}.policy-tools button:last-child{background:#12a9de;color:#fff}.policy-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:0 24px 55px}.policy-index{position:sticky;top:145px;align-self:start;background:#f9fcfe;border-radius:15px;padding:24px;box-shadow:0 13px 30px rgba(9,54,78,.12);max-height:calc(100vh - 170px);overflow:auto}.policy-index>strong{display:block;color:#10a8dd;font-size:12px;letter-spacing:1.4px;margin-bottom:13px}.policy-index nav{display:grid}.policy-index nav a{border-top:1px solid #e0eaf0;padding:9px 3px;color:#3f5663;text-decoration:none;font-size:13px;font-weight:700}.policy-index nav a:hover{color:#0aa3da}.policy-contact{display:grid;background:#e8f6fb;border-radius:10px;padding:14px;margin-top:16px}.policy-contact a{color:#078fc3;text-decoration:none;font-size:13px;margin-top:4px}.policy-content{min-width:0}.policy-intro,.policy-end{background:#f9fcfe;border-radius:15px;padding:32px;box-shadow:0 13px 30px rgba(9,54,78,.12);margin-bottom:17px}.policy-intro h2,.policy-end h2{font-size:29px;margin:0 0 13px}.policy-intro p,.policy-end p{color:#5d6d78;line-height:1.65}.policy-section{background:#f9fcfe;border-radius:15px;margin-bottom:14px;box-shadow:0 10px 25px rgba(9,54,78,.1);scroll-margin-top:145px;overflow:hidden}.policy-section>summary{display:flex;gap:17px;align-items:center;cursor:pointer;list-style:none;padding:24px 28px}.policy-section>summary::-webkit-details-marker{display:none}.policy-section>summary>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#e5f7fd;color:#079ed6;font-weight:900}.policy-section>summary>div{flex:1}.policy-section>summary h2{font-size:23px;margin:0 0 4px}.policy-section>summary p{color:#6a7982;margin:0;font-size:14px}.policy-section>summary::after{content:'+';font-size:29px;color:#11a8dd}.policy-section[open]>summary::after{content:'–'}.policy-section[open]>summary{border-bottom:1px solid #dce8ed}.policy-body{padding:27px 31px 35px}.policy-body h3{font-size:18px;margin:25px 0 8px;color:#174b61}.policy-body h3:first-child{margin-top:0}.policy-body p,.policy-body li{color:#536670;font-size:15px;line-height:1.7}.policy-body ul{padding-left:22px}.policy-body li{margin:6px 0}.policy-body a,.policy-end a{color:#079ed6}.policy-warning{display:flex;gap:12px;align-items:flex-start;background:#fff4d6;border-left:4px solid #e7ae21;border-radius:9px;padding:17px 20px;margin:22px 0}.policy-warning strong{flex:0 0 auto;color:#6d5517}.policy-warning span{line-height:1.55;color:#655c43}.definitions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.definitions-grid p{display:flex;flex-direction:column;background:#fff;border:1px solid #dce8ed;border-radius:10px;padding:16px;margin:0}.definitions-grid strong{color:#174b61;margin-bottom:5px}.policy-end{margin:20px 0 0}.policy-end>div{display:grid;grid-template-columns:1fr 1fr}.policy-end p{margin:4px 0}.policy-end small{display:block;border-top:1px solid #dce8ed;padding-top:15px;margin-top:17px;color:#71808a}.policy-no-match{display:none!important}#policyNoResults{background:#fff4d6;padding:25px;border-radius:12px;font-weight:800;text-align:center}
@media(max-width:950px){.policy-hero-inner{grid-template-columns:1fr}.policy-shell{grid-template-columns:1fr}.policy-index{position:static;max-height:none}.policy-index nav{grid-template-columns:1fr 1fr;gap:0 14px}.policy-tools-inner{align-items:stretch;flex-direction:column}.policy-tools-inner>div{flex-wrap:wrap}.policy-tools button{flex:1}.policy-section{scroll-margin-top:92px}}
@media(max-width:620px){.policy-hero,.policy-tools{padding:12px}.policy-hero-inner{padding:28px 20px}.policy-hero h1{font-size:39px}.policy-meta{align-items:stretch;flex-direction:column}.policy-shell{padding:0 12px 35px}.policy-index{padding:20px}.policy-index nav{grid-template-columns:1fr}.policy-tools-inner>div{display:grid;grid-template-columns:1fr}.policy-section>summary{gap:12px;padding:20px 17px}.policy-section>summary>span{flex-basis:40px;height:40px}.policy-section>summary h2{font-size:19px}.policy-section>summary p{font-size:12px}.policy-body{padding:22px 19px 28px}.policy-body p,.policy-body li{font-size:14px}.definitions-grid,.policy-end>div{grid-template-columns:1fr}.policy-warning{flex-direction:column}.policy-intro,.policy-end{padding:24px 20px}}
@media print{.jt-header,.jt-header-mobile,.policy-tools,.policy-index,footer,.jt-footer{display:none!important}.policy-page{color:#000}.policy-hero{padding:0}.policy-hero-inner,.policy-intro,.policy-end,.policy-section{box-shadow:none;border:1px solid #bbb}.policy-hero-inner{display:block;padding:20px}.policy-hero aside{background:#eee;color:#000;margin-top:15px}.policy-shell{display:block;padding:0}.policy-section{break-inside:avoid}.policy-section>summary::after{display:none}.policy-body{display:block!important}.policy-content details:not([open])>.policy-body{display:block!important}}

:root{--faq-blue:#13a8df;--faq-deep:#14344a;--faq-ink:#263746;--faq-muted:#647786;--faq-line:#d8e5ec;--faq-pale:#f3f9fc;--faq-white:#fff}
.faq-page{color:var(--faq-ink);font-family:Roboto,Arial,sans-serif}
.faq-page *{box-sizing:border-box}
.faq-hero{padding:72px 24px 64px;background:linear-gradient(120deg,rgba(10,122,183,.97),rgba(17,174,222,.92));color:#fff}
.faq-hero-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:70px;align-items:center}
.faq-eyebrow,.faq-side-kicker,.faq-hero-help>span,.faq-bottom-cta span{display:block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.16em}
.faq-hero h1{max-width:780px;margin:0 0 16px;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.04em;color:#fff}
.faq-hero-copy>p{max-width:720px;margin:0 0 30px;font-size:19px;line-height:1.6;color:rgba(255,255,255,.9)}
.faq-search{position:relative;display:block;max-width:680px}
.faq-search input{width:100%;height:62px;padding:0 24px 0 58px;border:0;border-radius:10px;background:#fff;box-shadow:0 18px 35px rgba(7,58,88,.2);font:500 16px Roboto,Arial;color:var(--faq-ink);outline:none}
.faq-search input:focus{box-shadow:0 0 0 4px rgba(255,255,255,.28),0 18px 35px rgba(7,58,88,.2)}
.faq-search-icon{position:absolute;z-index:1;left:23px;top:20px;width:19px;height:19px;border:2px solid #657b8b;border-radius:50%}
.faq-search-icon:after{content:"";position:absolute;width:8px;height:2px;right:-6px;bottom:-3px;background:#657b8b;transform:rotate(45deg)}
.faq-hero-help{padding:30px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(5,57,90,.2);box-shadow:0 20px 45px rgba(4,48,76,.15)}
.faq-hero-help strong{display:block;margin-bottom:10px;font-size:25px;color:#fff}.faq-hero-help p{margin:0 0 22px;line-height:1.55;color:rgba(255,255,255,.84)}
.faq-hero-help>div{display:flex;gap:10px;flex-wrap:wrap}.faq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:1px solid transparent;border-radius:999px;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.07em;transition:.2s ease}.faq-btn-light{background:#fff;color:#078ec9}.faq-btn-ghost{border-color:rgba(255,255,255,.7);color:#fff}.faq-btn:hover{transform:translateY(-2px)}
.faq-category-bar{position:sticky;z-index:20;top:0;padding:15px 24px;border-bottom:1px solid var(--faq-line);background:rgba(255,255,255,.96);box-shadow:0 5px 18px rgba(22,55,76,.07);backdrop-filter:blur(12px)}
.faq-category-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.faq-category-scroll::-webkit-scrollbar{display:none}.faq-filter{flex:0 0 auto;padding:11px 17px;border:1px solid var(--faq-line);border-radius:999px;background:#fff;color:#536a79;font:700 12px Roboto,Arial;cursor:pointer;transition:.2s}.faq-filter:hover,.faq-filter.active{border-color:var(--faq-blue);background:var(--faq-blue);color:#fff}
.faq-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:48px;padding:62px 24px 76px}
.faq-side-card{position:sticky;top:92px;align-self:start;padding:28px;border-radius:14px;background:var(--faq-deep);color:#fff;box-shadow:0 18px 38px rgba(15,45,65,.15)}.faq-side-kicker{color:#62d0f2}.faq-side-card h2{margin:0 0 18px;font-size:24px;color:#fff}.faq-side-card ol{margin:0 0 24px;padding-left:21px;line-height:2;color:#dbe9ef}.faq-side-card a{display:flex;justify-content:space-between;padding-top:19px;border-top:1px solid rgba(255,255,255,.17);color:#62d0f2;text-decoration:none;font-weight:700}.faq-side-card a:hover{color:#fff}
.faq-results{display:none;margin:0 0 22px;padding:13px 17px;border-radius:8px;background:#e9f8fd;color:#28708d;font-size:14px}.faq-results.visible{display:block}
.faq-group{margin:0 0 54px;scroll-margin-top:120px}.faq-group-head{display:grid;grid-template-columns:54px 1fr;gap:17px;align-items:start;margin-bottom:20px}.faq-group-head>span{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:12px;background:var(--faq-blue);color:#fff;font-weight:700}.faq-group-head h2{margin:1px 0 5px;font-size:29px;letter-spacing:-.02em;color:var(--faq-deep)}.faq-group-head p{margin:0;color:var(--faq-muted);line-height:1.55}
.faq-list{border-top:1px solid var(--faq-line)}.faq-item{border-bottom:1px solid var(--faq-line);background:#fff}.faq-item h3{margin:0}.faq-item button{display:grid;width:100%;grid-template-columns:1fr 28px;gap:20px;align-items:center;padding:22px 4px;border:0;background:transparent;color:var(--faq-ink);text-align:left;font:700 16px/1.4 Roboto,Arial;cursor:pointer}.faq-item button:hover span{color:var(--faq-blue)}.faq-item button i{position:relative;width:28px;height:28px;border-radius:50%;background:var(--faq-pale)}.faq-item button i:before,.faq-item button i:after{content:"";position:absolute;left:8px;top:13px;width:12px;height:2px;background:var(--faq-blue);transition:.22s}.faq-item button i:after{transform:rotate(90deg)}.faq-item button[aria-expanded="true"] i:after{transform:rotate(0)}.faq-answer{padding:0 50px 22px 4px}.faq-answer p{margin:0;max-width:900px;color:#5a6c79;font-size:15px;line-height:1.72}.faq-item.open{background:linear-gradient(90deg,#f7fcfe,#fff)}.faq-item[hidden],.faq-group[hidden]{display:none!important}
.faq-empty{padding:50px 28px;border:1px dashed #b9cfda;border-radius:12px;text-align:center;background:var(--faq-pale)}.faq-empty strong{display:block;margin-bottom:7px;font-size:21px;color:var(--faq-deep)}.faq-empty p{margin:0;color:var(--faq-muted)}
.faq-bottom-cta{padding:56px 24px;background:#e9f7fc}.faq-bottom-cta>.jt-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.faq-bottom-cta span{color:#078fc8}.faq-bottom-cta h2{margin:0 0 8px;font-size:34px;color:var(--faq-deep)}.faq-bottom-cta p{margin:0;color:var(--faq-muted)}.faq-btn-solid{flex:0 0 auto;min-width:190px;background:var(--faq-blue);color:#fff;box-shadow:0 10px 24px rgba(19,168,223,.23)}
@media(max-width:980px){.faq-hero-inner{grid-template-columns:1fr;gap:35px}.faq-hero-help{max-width:700px}.faq-layout{grid-template-columns:1fr}.faq-side-card{position:static}.faq-category-bar{top:0}}
@media(max-width:640px){.faq-hero{padding:48px 18px 45px}.faq-hero h1{font-size:43px}.faq-hero-copy>p{font-size:16px}.faq-search input{height:56px}.faq-hero-help{padding:23px}.faq-hero-help>div,.faq-hero-help .faq-btn{width:100%}.faq-category-bar{padding:12px 18px}.faq-layout{padding:40px 18px 54px;gap:35px}.faq-group{margin-bottom:42px}.faq-group-head{grid-template-columns:45px 1fr;gap:13px}.faq-group-head>span{width:45px;height:45px}.faq-group-head h2{font-size:23px}.faq-item button{padding:19px 2px;font-size:15px}.faq-answer{padding:0 8px 20px 2px}.faq-bottom-cta{padding:42px 18px}.faq-bottom-cta>.jt-wrap{display:block}.faq-bottom-cta h2{font-size:28px}.faq-bottom-cta p{margin-bottom:25px}.faq-bottom-cta .faq-btn{width:100%}}
@media print{.jt-header-desktop,.jt-header-mobile,.faq-category-bar,.faq-side-card,.faq-hero-help,.faq-search,.faq-bottom-cta,footer{display:none!important}.faq-hero{padding:25px 0;background:#fff;color:#000}.faq-hero h1,.faq-hero-copy>p{color:#000}.faq-layout{display:block;padding:0}.faq-answer[hidden]{display:block!important}.faq-item button i{display:none}.faq-group{break-inside:avoid}}

/* ==========================================================
   EDELNET FAQ - FINAL INTEGRATION FIX
   Paste at the absolute bottom of style.css
   ========================================================== */

/* Keep the global page image but give the FAQ readable sections */
.faq-page {
  width: 100%;
  min-height: 100vh;
  color: #263746;
  background: transparent;
}

/* Hero must remain a solid section */
.faq-page .faq-hero {
  position: relative;
  width: 100%;
  padding: 68px 24px 62px;
  color: #fff;
  background:
    linear-gradient(
      120deg,
      rgba(7, 121, 183, 0.96),
      rgba(16, 174, 222, 0.92)
    ) !important;
  background-image:
    linear-gradient(
      120deg,
      rgba(7, 121, 183, 0.96),
      rgba(16, 174, 222, 0.92)
    ) !important;
}

.faq-page .faq-hero-inner {
  background: transparent !important;
  box-shadow: none !important;
}

/* Make sure hero writing stays white */
.faq-page .faq-hero h1,
.faq-page .faq-hero p,
.faq-page .faq-hero strong,
.faq-page .faq-hero span {
  color: #fff;
}

/* Sticky category buttons must sit BELOW the desktop header */
.faq-page .faq-category-bar {
  position: sticky;
  top: 123px;
  z-index: 80;
  width: 100%;
  padding: 14px 24px;
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid #d8e5ec;
  box-shadow: 0 8px 20px rgba(10, 46, 68, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Main FAQ white card */
.faq-page .faq-layout {
  width: min(1750px, calc(100% - 48px));
  margin: 28px auto 38px;
  padding: 42px;
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 48px;
  background: rgba(255, 255, 255, 0.97) !important;
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(5, 45, 68, 0.2);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Quick answer card */
.faq-page .faq-side-card {
  position: sticky;
  top: 238px;
  align-self: start;
  padding: 30px;
  color: #fff;
  background: #143c53 !important;
  border-radius: 14px;
  box-shadow: 0 16px 35px rgba(7, 46, 68, 0.2);
}

.faq-page .faq-side-card h2,
.faq-page .faq-side-card li {
  color: #fff;
}

/* Category heading */
.faq-page .faq-group-head h2 {
  color: #14344a !important;
}

.faq-page .faq-group-head p {
  color: #647786 !important;
}

/* Questions container */
.faq-page .faq-list {
  overflow: hidden;
  background: #fff;
  border: 1px solid #d8e5ec;
  border-radius: 13px;
  box-shadow: 0 10px 28px rgba(5, 45, 68, 0.08);
}

/* Individual question */
.faq-page .faq-item {
  margin: 0;
  background: #fff !important;
  border: 0;
  border-bottom: 1px solid #d8e5ec;
}

.faq-page .faq-item:last-child {
  border-bottom: 0;
}

.faq-page .faq-item button {
  padding: 22px 20px;
}

/* Open question */
.faq-page .faq-item.open {
  background: #f3faff !important;
}

.faq-page .faq-answer {
  padding: 0 60px 24px 20px;
}

.faq-page .faq-answer p {
  color: #536a78;
}

/* Space between FAQ categories */
.faq-page .faq-group {
  margin-bottom: 50px;
}

.faq-page .faq-group:last-of-type {
  margin-bottom: 0;
}

/* Bottom CTA remains solid */
.faq-page .faq-bottom-cta {
  width: 100%;
  margin: 0;
  padding: 56px 24px;
  background: #b8e1ef !important;
  background-image: none !important;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 980px) {
  .faq-page .faq-category-bar {
    top: 78px;
  }

  .faq-page .faq-layout {
    grid-template-columns: 1fr;
  }

  .faq-page .faq-side-card {
    position: static;
  }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {
  .faq-page .faq-hero {
    padding: 44px 18px 42px;
  }

  .faq-page .faq-hero h1 {
    font-size: 42px;
  }

  .faq-page .faq-category-bar {
    top: 78px;
    padding: 11px 14px;
  }

  .faq-page .faq-layout {
    width: calc(100% - 24px);
    margin: 18px auto 28px;
    padding: 22px 17px;
    grid-template-columns: 1fr;
    gap: 32px;
    border-radius: 13px;
  }

  .faq-page .faq-side-card {
    padding: 25px 22px;
  }

  .faq-page .faq-group {
    margin-bottom: 38px;
  }

  .faq-page .faq-group-head {
    grid-template-columns: 45px minmax(0, 1fr);
  }

  .faq-page .faq-group-head h2 {
    font-size: 23px;
  }

  .faq-page .faq-list {
    border-radius: 10px;
  }

  .faq-page .faq-item button {
    padding: 19px 15px;
  }

  .faq-page .faq-answer {
    padding: 0 18px 21px 15px;
  }
}
/* ==========================================================
   EDELNET HOME - STORY + SERVICES
   Paste this entire block at the BOTTOM of assets/css/style.css
   ========================================================== */

.home-story,
.home-services {
  position: relative;
  width: 100%;
  padding: 24px;
}

.home-story * ,
.home-services * {
  box-sizing: border-box;
}

.home-story-card,
.home-services-panel {
  width: min(1750px, 100%);
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(5, 45, 68, 0.18);
}

/* ================= OUR STORY ================= */

.home-story-card {
  display: grid;
  grid-template-columns: minmax(380px, 0.85fr) minmax(0, 1.15fr);
  gap: 0;
  overflow: hidden;
}

.home-story-gallery {
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 24px;
  background: #eaf4f8;
}

.home-story-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #17384b;
  border-radius: 13px;
}

.home-story-photo::after {
  content: "";
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(to top, rgba(6, 35, 52, 0.84), transparent);
  pointer-events: none;
}

.home-story-photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.home-story-photo-primary img {
  max-height: 420px;
  width: 100%;
  object-fit: contain;
  background: #dfeaf0;
}

.home-story-photo-secondary img {
  max-height: 280px;
  width: 100%;
  object-fit: contain;
  background: #dfeaf0;
}

.home-story-photo figcaption {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 22px;
  color: #fff;
}

.home-story-photo figcaption span,
.home-story-photo figcaption strong {
  display: block;
}

.home-story-photo figcaption span {
  margin-bottom: 8px;
  color: #6cd5f5;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

.home-story-photo figcaption strong {
  max-width: 410px;
  font-size: 23px;
  line-height: 1.25;
}

.home-story-copy {
  align-self: center;
  padding: 62px 68px;
}

.home-kicker {
  display: block;
  margin-bottom: 12px;
  color: #0ba5dc;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
}

.home-story-copy h2,
.home-section-heading h2 {
  margin: 0;
  color: #153448;
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: 1.02;
  letter-spacing: -1.5px;
}

.home-story-copy > p {
  color: #5a6d79;
  font-size: 16px;
  line-height: 1.72;
}

.home-story-copy .home-story-lead {
  margin: 25px 0 13px;
  color: #294656;
  font-size: 19px;
  font-weight: 500;
}

.home-story-promises {
  display: grid;
  margin-top: 30px;
  border-top: 1px solid #dbe7ec;
}

.home-story-promises article {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid #dbe7ec;
}

.home-story-promises b {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #fff;
  background: #13a8df;
  border-radius: 10px;
  font-size: 12px;
}

.home-story-promises strong,
.home-story-promises span {
  display: block;
}

.home-story-promises strong {
  margin-bottom: 5px;
  color: #18394c;
  font-size: 16px;
}

.home-story-promises span {
  color: #687984;
  font-size: 14px;
  line-height: 1.5;
}

.home-story-actions {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 31px;
}

.home-button {
  display: inline-flex;
  min-height: 49px;
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.65px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home-button-primary {
  color: #fff;
  background: #13a8df;
  box-shadow: 0 10px 24px rgba(19, 168, 223, 0.23);
}

.home-button:hover {
  transform: translateY(-2px);
}

.home-text-link {
  color: #168dbb;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
}

.home-text-link span {
  margin-left: 5px;
}

/* ================= SERVICES ================= */

.home-services {
  padding-top: 0;
  padding-bottom: 34px;
}

.home-services-panel {
  padding: 64px;
}

.home-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 42px;
}

.home-section-heading p {
  margin: 0 0 3px;
  color: #617480;
  font-size: 16px;
  line-height: 1.7;
}

.home-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 17px;
}

.home-service-card {
  position: relative;
  display: flex;
  min-height: 300px;
  padding: 31px;
  flex-direction: column;
  overflow: hidden;
  color: #263746;
  background: #f7fbfd;
  border: 1px solid #d9e7ed;
  border-radius: 13px;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(5, 45, 68, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.home-service-card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #13a8df;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.home-service-card:hover {
  transform: translateY(-6px);
  border-color: #afddeb;
  box-shadow: 0 18px 35px rgba(5, 45, 68, 0.14);
}

.home-service-card:hover::after {
  transform: scaleX(1);
}

.home-service-number {
  position: absolute;
  top: 24px;
  right: 25px;
  color: #c5d9e2;
  font-size: 27px;
  font-weight: 800;
}

.home-service-tag {
  display: block;
  margin-bottom: 35px;
  color: #0d9fd4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.home-service-card h3 {
  margin: 0 0 13px;
  color: #17394c;
  font-size: 25px;
}

.home-service-card p {
  margin: 0 0 25px;
  color: #627580;
  font-size: 14px;
  line-height: 1.65;
}

.home-service-card > strong {
  margin-top: auto;
  color: #128fbe;
  font-size: 13px;
}

.home-service-card > strong i {
  margin-left: 5px;
  font-style: normal;
}

.home-service-featured,
.home-service-support {
  color: #fff;
  background: #153d54;
  border-color: #153d54;
}

.home-service-featured .home-service-number,
.home-service-support .home-service-number {
  color: rgba(255, 255, 255, 0.19);
}

.home-service-featured .home-service-tag,
.home-service-support .home-service-tag,
.home-service-featured > strong,
.home-service-support > strong {
  color: #65d4f4;
}

.home-service-featured h3,
.home-service-support h3 {
  color: #fff;
}

.home-service-featured p,
.home-service-support p {
  color: #d2e3eb;
}

.home-service-support {
  grid-column: auto;
}

.home-services-footer {
  display: flex;
  gap: 35px;
  align-items: center;
  justify-content: space-between;
  margin-top: 31px;
  padding: 27px 31px;
  background: #e9f7fc;
  border-left: 5px solid #13a8df;
  border-radius: 10px;
}

.home-services-footer p {
  margin: 0;
  color: #536b78;
  line-height: 1.55;
}

.home-services-footer p strong {
  color: #17394c;
}

/* ================= REVIEWS ================= */

.jt-reviews {
  padding: 0 24px 30px;
  background: transparent !important;
}

.home-reviews-inner {
  width: min(1750px, 100%);
  margin: 0 auto;
  padding: 54px 58px;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(5, 45, 68, 0.18);
}

.home-reviews-inner .jt-reviews-title {
  margin: 0;
  color: #153448;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.08;
  text-align: center;
}

.home-reviews-intro {
  max-width: 720px;
  margin: 12px auto 34px;
  color: #637681;
  font-size: 16px;
  line-height: 1.65;
  text-align: center;
}

.home-review-summary {
  display: flex;
  width: fit-content;
  margin: 0 auto 34px;
  padding: 13px 19px;
  align-items: center;
  gap: 10px;
  background: #eaf8fd;
  border: 1px solid #cfe9f3;
  border-radius: 999px;
}

.home-review-summary strong {
  color: #17394c;
  font-size: 13px;
}

.home-review-summary small {
  color: #6a7b85;
  font-size: 11px;
}

.home-review-stars {
  color: #f2ae1b;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 2px;
}

.jt-review .home-review-stars {
  margin-bottom: 15px;
}

.home-reviews-inner .jt-review {
  border: 1px solid #dbe7ed;
  background: #f9fcfe;
  box-shadow: 0 9px 24px rgba(5, 45, 68, 0.08);
}

.home-reviews-inner .jt-review p {
  color: #536875;
  line-height: 1.7;
}

.home-reviews-inner .jt-review strong {
  color: #17394c;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1150px) {
  .home-story-card {
    grid-template-columns: 0.85fr 1.15fr;
  }

  .home-story-copy,
  .home-services-panel {
    padding: 45px;
  }

  .home-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .home-story-card,
  .home-section-heading {
    grid-template-columns: 1fr;
  }

  .home-section-heading {
    gap: 18px;
  }
}

@media (max-width: 650px) {
  .home-story,
  .home-services {
    padding-left: 12px;
    padding-right: 12px;
  }

  .home-story-card,
  .home-services-panel {
    border-radius: 13px;
  }

  .home-story-gallery {
    padding: 14px;
    gap: 12px;
  }

  .home-story-photo figcaption {
    left: 22px;
    right: 22px;
    bottom: 22px;
  }

  .home-story-copy,
  .home-services-panel {
    padding: 34px 22px;
  }

  .home-story-copy h2,
  .home-section-heading h2 {
    font-size: 38px;
  }

  .home-story-copy .home-story-lead {
    font-size: 17px;
  }

  .home-story-actions,
  .home-story-actions .home-button {
    width: 100%;
  }

  .home-services-grid {
    grid-template-columns: 1fr;
  }

  .home-service-card {
    grid-column: auto;
    min-height: 270px;
    display: flex;
    padding: 27px 24px;
  }

  .home-services-footer {
    display: block;
    padding: 24px;
  }

  .home-services-footer .home-button {
    width: 100%;
    margin-top: 20px;
  }

  .jt-reviews {
    padding-left: 12px;
    padding-right: 12px;
  }

  .home-reviews-inner {
    padding: 38px 20px;
    border-radius: 13px;
  }

  .home-review-summary {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 12px;
  }
}
/* ==========================================================
   EDELNET HOME - STORY + SERVICES
   Paste this entire block at the BOTTOM of assets/css/style.css
   ========================================================== */

.home-story,
.home-services {
  position: relative;
  width: 100%;
  padding: 24px;
}

.home-story * ,
.home-services * {
  box-sizing: border-box;
}

.home-story-card,
.home-services-panel {
  width: min(1750px, 100%);
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(5, 45, 68, 0.18);
}

/* ================= OUR STORY ================= */

.home-story-card {
  display: grid;
  grid-template-columns: minmax(380px, 0.85fr) minmax(0, 1.15fr);
  gap: 0;
  overflow: hidden;
}

.home-story-gallery {
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 24px;
  background: #eaf4f8;
}

.home-story-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #17384b;
  border-radius: 13px;
}

.home-story-photo::after {
  content: "";
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(to top, rgba(6, 35, 52, 0.84), transparent);
  pointer-events: none;
}

.home-story-photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.home-story-photo-primary img {
  max-height: 420px;
  width: 100%;
  object-fit: contain;
  background: #dfeaf0;
}

.home-story-photo-secondary img {
  max-height: 280px;
  width: 100%;
  object-fit: contain;
  background: #dfeaf0;
}

.home-story-photo figcaption {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 22px;
  color: #fff;
}

.home-story-photo figcaption span,
.home-story-photo figcaption strong {
  display: block;
}

.home-story-photo figcaption span {
  margin-bottom: 8px;
  color: #6cd5f5;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

.home-story-photo figcaption strong {
  max-width: 410px;
  font-size: 23px;
  line-height: 1.25;
}

.home-story-copy {
  align-self: center;
  padding: 62px 68px;
}

.home-kicker {
  display: block;
  margin-bottom: 12px;
  color: #0ba5dc;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
}

.home-story-copy h2,
.home-section-heading h2 {
  margin: 0;
  color: #153448;
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: 1.02;
  letter-spacing: -1.5px;
}

.home-story-copy > p {
  color: #5a6d79;
  font-size: 16px;
  line-height: 1.72;
}

.home-story-copy .home-story-lead {
  margin: 25px 0 13px;
  color: #294656;
  font-size: 19px;
  font-weight: 500;
}

.home-story-promises {
  display: grid;
  margin-top: 30px;
  border-top: 1px solid #dbe7ec;
}

.home-story-promises article {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 16px;
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid #dbe7ec;
}

.home-story-promises b {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #fff;
  background: #13a8df;
  border-radius: 10px;
  font-size: 12px;
}

.home-story-promises strong,
.home-story-promises span {
  display: block;
}

.home-story-promises strong {
  margin-bottom: 5px;
  color: #18394c;
  font-size: 16px;
}

.home-story-promises span {
  color: #687984;
  font-size: 14px;
  line-height: 1.5;
}

.home-story-actions {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 31px;
}

.home-button {
  display: inline-flex;
  min-height: 49px;
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.65px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home-button-primary {
  color: #fff;
  background: #13a8df;
  box-shadow: 0 10px 24px rgba(19, 168, 223, 0.23);
}

.home-button:hover {
  transform: translateY(-2px);
}

.home-text-link {
  color: #168dbb;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
}

.home-text-link span {
  margin-left: 5px;
}

/* ================= SERVICES ================= */

.home-services {
  padding-top: 0;
  padding-bottom: 34px;
}

.home-services-panel {
  padding: 64px;
}

.home-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 42px;
}

.home-section-heading p {
  margin: 0 0 3px;
  color: #617480;
  font-size: 16px;
  line-height: 1.7;
}

.home-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 17px;
}

.home-service-card {
  position: relative;
  display: flex;
  min-height: 300px;
  padding: 31px;
  flex-direction: column;
  overflow: hidden;
  color: #263746;
  background: #f7fbfd;
  border: 1px solid #d9e7ed;
  border-radius: 13px;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(5, 45, 68, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.home-service-card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #13a8df;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.home-service-card:hover {
  transform: translateY(-6px);
  border-color: #afddeb;
  box-shadow: 0 18px 35px rgba(5, 45, 68, 0.14);
}

.home-service-card:hover::after {
  transform: scaleX(1);
}

.home-service-number {
  position: absolute;
  top: 24px;
  right: 25px;
  color: #c5d9e2;
  font-size: 27px;
  font-weight: 800;
}

.home-service-tag {
  display: block;
  margin-bottom: 35px;
  color: #0d9fd4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.home-service-card h3 {
  margin: 0 0 13px;
  color: #17394c;
  font-size: 25px;
}

.home-service-card p {
  margin: 0 0 25px;
  color: #627580;
  font-size: 14px;
  line-height: 1.65;
}

.home-service-card > strong {
  margin-top: auto;
  color: #128fbe;
  font-size: 13px;
}

.home-service-card > strong i {
  margin-left: 5px;
  font-style: normal;
}

.home-service-featured,
.home-service-support {
  color: #fff;
  background: #153d54;
  border-color: #153d54;
}

.home-service-featured .home-service-number,
.home-service-support .home-service-number {
  color: rgba(255, 255, 255, 0.19);
}

.home-service-featured .home-service-tag,
.home-service-support .home-service-tag,
.home-service-featured > strong,
.home-service-support > strong {
  color: #65d4f4;
}

.home-service-featured h3,
.home-service-support h3 {
  color: #fff;
}

.home-service-featured p,
.home-service-support p {
  color: #d2e3eb;
}

.home-service-support {
  grid-column: auto;
}

.home-services-footer {
  display: flex;
  gap: 35px;
  align-items: center;
  justify-content: space-between;
  margin-top: 31px;
  padding: 27px 31px;
  background: #e9f7fc;
  border-left: 5px solid #13a8df;
  border-radius: 10px;
}

.home-services-footer p {
  margin: 0;
  color: #536b78;
  line-height: 1.55;
}

.home-services-footer p strong {
  color: #17394c;
}

/* ================= REVIEWS ================= */

.jt-reviews {
  padding: 0 24px 30px;
  background: transparent !important;
}

.home-reviews-inner {
  width: min(1750px, 100%);
  margin: 0 auto;
  padding: 54px 58px;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(5, 45, 68, 0.18);
}

.home-reviews-inner .jt-reviews-title {
  margin: 0;
  color: #153448;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.08;
  text-align: center;
}

.home-reviews-intro {
  max-width: 720px;
  margin: 12px auto 34px;
  color: #637681;
  font-size: 16px;
  line-height: 1.65;
  text-align: center;
}

.home-review-summary {
  display: flex;
  width: fit-content;
  margin: 0 auto 34px;
  padding: 13px 19px;
  align-items: center;
  gap: 10px;
  background: #eaf8fd;
  border: 1px solid #cfe9f3;
  border-radius: 999px;
}

.home-review-summary strong {
  color: #17394c;
  font-size: 13px;
}

.home-review-summary small {
  color: #6a7b85;
  font-size: 11px;
}

.home-review-stars {
  color: #f2ae1b;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 2px;
}

.jt-review .home-review-stars {
  margin-bottom: 15px;
}

.home-reviews-inner .jt-review {
  border: 1px solid #dbe7ed;
  background: #f9fcfe;
  box-shadow: 0 9px 24px rgba(5, 45, 68, 0.08);
}

.home-reviews-inner .jt-review p {
  color: #536875;
  line-height: 1.7;
}

.home-reviews-inner .jt-review strong {
  color: #17394c;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1150px) {
  .home-story-card {
    grid-template-columns: 0.85fr 1.15fr;
  }

  .home-story-copy,
  .home-services-panel {
    padding: 45px;
  }

  .home-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .home-story-card,
  .home-section-heading {
    grid-template-columns: 1fr;
  }

  .home-section-heading {
    gap: 18px;
  }
}

@media (max-width: 650px) {
  .home-story,
  .home-services {
    padding-left: 12px;
    padding-right: 12px;
  }

  .home-story-card,
  .home-services-panel {
    border-radius: 13px;
  }

  .home-story-gallery {
    padding: 14px;
    gap: 12px;
  }

  .home-story-photo figcaption {
    left: 22px;
    right: 22px;
    bottom: 22px;
  }

  .home-story-copy,
  .home-services-panel {
    padding: 34px 22px;
  }

  .home-story-copy h2,
  .home-section-heading h2 {
    font-size: 38px;
  }

  .home-story-copy .home-story-lead {
    font-size: 17px;
  }

  .home-story-actions,
  .home-story-actions .home-button {
    width: 100%;
  }

  .home-services-grid {
    grid-template-columns: 1fr;
  }

  .home-service-card {
    grid-column: auto;
    min-height: 270px;
    display: flex;
    padding: 27px 24px;
  }

  .home-services-footer {
    display: block;
    padding: 24px;
  }

  .home-services-footer .home-button {
    width: 100%;
    margin-top: 20px;
  }

  .jt-reviews {
    padding-left: 12px;
    padding-right: 12px;
  }

  .home-reviews-inner {
    padding: 38px 20px;
    border-radius: 13px;
  }

  .home-review-summary {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 12px;
  }
}
/* ==========================================================
   OUR STORY - REMOVE ALL FRAMES, CROPPING AND OVERLAYS
   THIS MUST BE THE LAST CODE IN style.css
   ========================================================== */

.home-story-gallery {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 28px !important;

  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
}

/* Each image and caption becomes an ordinary block */
.home-story-photo,
.home-story-photo-primary,
.home-story-photo-secondary {
  position: static !important;

  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;
}

/* Remove the old dark image overlay */
.home-story-photo::before,
.home-story-photo::after,
.home-story-photo-primary::before,
.home-story-photo-primary::after,
.home-story-photo-secondary::before,
.home-story-photo-secondary::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Never crop or stretch either image */
.home-story-photo img,
.home-story-photo-primary img,
.home-story-photo-secondary img {
  position: static !important;

  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  object-fit: initial !important;
  object-position: initial !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;

  transform: none !important;
}

/* Captions go UNDER the photographs */
.home-story-photo figcaption,
.home-story-photo-primary figcaption,
.home-story-photo-secondary figcaption {
  position: static !important;
  inset: auto !important;

  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 14px 2px 0 !important;

  color: #17394c !important;
  background: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;

  transform: none !important;
}

.home-story-photo figcaption span {
  display: block !important;
  margin: 0 0 7px !important;

  color: #0ba5dc !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
}

.home-story-photo figcaption strong {
  display: block !important;
  margin: 0 !important;

  color: #17394c !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

/* Remove blue backing from the entire image column */
.home-story-card > .home-story-gallery {
  background: transparent !important;
}

/* Mobile */
@media (max-width: 650px) {
  .home-story-gallery {
    gap: 24px !important;
    padding: 0 !important;
  }

  .home-story-photo img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
}
/* ==========================================================
   EDELNET — NEW GLOBAL FOOTER
   ========================================================== */

.edel-footer {
  position: relative;
  width: 100%;
  margin: 0;
  color: #d7e7ef;
  background: #12384e;
}

.edel-footer * {
  box-sizing: border-box;
}

.edel-footer-grid {
  display: grid;
  grid-template-columns:
    minmax(270px, 1.35fr)
    repeat(4, minmax(150px, 0.75fr));
  gap: 55px;
  padding: 65px 24px 55px;
}

/* Brand column */

.edel-footer-logo-link {
  display: inline-block;
  margin-bottom: 22px;
}

.edel-footer-logo {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
}

.edel-footer-brand > p {
  max-width: 380px;
  margin: 0 0 25px;
  color: #bad0da;
  font-size: 14px;
  line-height: 1.75;
}

.edel-footer-contact {
  display: grid;
  gap: 11px;
}

.edel-footer-contact a {
  display: grid;
  gap: 3px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}

.edel-footer-contact a span {
  color: #62d4f4;
  font-size: 9px;
  letter-spacing: 1.4px;
}

.edel-footer-contact a:hover {
  color: #62d4f4;
}

/* Link columns */

.edel-footer-column h4 {
  margin: 0 0 22px;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1.2px;
}

.edel-footer-column > a {
  display: block;
  width: fit-content;
  margin-bottom: 13px;
  color: #bad0da;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.45;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.edel-footer-column > a:hover {
  color: #62d4f4;
  transform: translateX(3px);
}

/* Accreditation logos */

.edel-footer-accreditations {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.edel-footer-accreditations > span {
  display: block;
  margin-bottom: 12px;
  color: #62d4f4;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.3px;
}

.edel-footer-accreditation-logos {
  display: flex;
  gap: 10px;
  align-items: center;
}

.edel-footer-accreditation-logos img {
  display: block;
  width: auto;
  max-width: 72px;
  height: 48px;
  object-fit: contain;
  padding: 5px;
  background: #fff;
  border-radius: 5px;
}

/* Bottom bar */

.edel-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  background: #0d2d40;
}

.edel-footer-bottom-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 30px;
  align-items: center;
  padding: 22px 24px;
}

.edel-footer-bottom p {
  margin: 0;
  color: #9eb7c3;
  font-size: 12px;
}

.edel-footer-bottom nav {
  display: flex;
  gap: 20px;
}

.edel-footer-bottom nav a {
  color: #bad0da;
  text-decoration: none;
  font-size: 12px;
}

.edel-footer-bottom nav a:hover {
  color: #62d4f4;
}

.edel-footer-credit {
  text-align: right;
}

.edel-footer-credit a {
  color: #23afe3;
  text-decoration: none;
  font-weight: 700;
}

.edel-footer-credit a:hover {
  color: #62d4f4;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {
  .edel-footer-grid {
    grid-template-columns: 1.3fr repeat(2, 1fr);
  }

  .edel-footer-brand {
    grid-row: span 2;
  }

  .edel-footer-bottom-inner {
    grid-template-columns: 1fr 1fr;
  }

  .edel-footer-bottom nav {
    justify-content: flex-end;
  }

  .edel-footer-credit {
    grid-column: 1 / -1;
    text-align: center;
  }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {
  .edel-footer-grid {
    grid-template-columns: 1fr;
    gap: 38px;
    padding: 48px 22px 40px;
  }

  .edel-footer-brand {
    grid-row: auto;
  }

  .edel-footer-logo {
    width: 175px;
  }

  .edel-footer-column {
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }

  .edel-footer-column h4 {
    margin-bottom: 18px;
  }

  .edel-footer-column > a {
    margin-bottom: 15px;
    font-size: 14px;
  }

  .edel-footer-bottom-inner {
    display: flex;
    padding: 25px 22px;
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }

  .edel-footer-bottom nav {
    justify-content: center;
    flex-wrap: wrap;
  }

  .edel-footer-credit {
    text-align: center;
  }
}

/* ==========================================================
   EDELNET SITE SEARCH
   ========================================================== */

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

form.jt-search{position:relative;display:flex;align-items:center;margin:0}
.jt-search-input{width:100%;height:100%;padding:0 52px 0 20px;border:0;background:transparent;color:#263746;font:inherit;outline:none}
.jt-search-input::-webkit-search-cancel-button{cursor:pointer}
.jt-search-submit{position:absolute;z-index:2;top:0;right:0;width:50px;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.jt-search-submit:hover .jt-search-icon{border-color:#11a8de}
.jt-search-submit:hover .jt-search-icon::after{background:#11a8de}

.jt-search-suggestions{position:absolute;z-index:5000;top:calc(100% + 10px);left:0;width:min(560px,calc(100vw - 32px));overflow:hidden;background:#fff;border:1px solid #d5e3e9;border-radius:12px;box-shadow:0 20px 48px rgba(4,38,58,.2)}
.jt-search-suggestions[hidden]{display:none!important}
.jt-search-suggestion{display:grid;padding:14px 17px;border-bottom:1px solid #e2ebef;text-decoration:none;background:#fff;transition:background .15s ease}
.jt-search-suggestion:hover,.jt-search-suggestion.active{background:#edf9fd}
.jt-search-suggestion>span{margin-bottom:4px;color:#0ba4db;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.jt-search-suggestion>strong{margin-bottom:3px;color:#17384b;font-size:14px}
.jt-search-suggestion>small{overflow:hidden;color:#687a85;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.jt-search-all{display:block;padding:14px 17px;color:#078fc3;background:#f4fafc;text-decoration:none;font-size:12px;font-weight:800}
.jt-search-all:hover,.jt-search-all.active{color:#fff;background:#12a8de}
.jt-search-message{padding:18px;color:#607580;font-size:12px;line-height:1.5}

.search-page{min-height:70vh;color:#263746}
.search-page *{box-sizing:border-box}
.search-hero{padding:62px 24px 30px}
.search-hero-inner{padding:52px 56px;background:linear-gradient(120deg,#123b53,#159ed0);border-radius:18px;color:#fff;box-shadow:0 18px 45px rgba(5,45,68,.18)}
.search-hero-inner>span{display:block;margin-bottom:10px;color:#8ee1fa;font-size:11px;font-weight:800;letter-spacing:1.7px}
.search-hero h1{margin:0 0 13px;color:#fff;font-size:clamp(40px,5vw,67px);line-height:1.02}
.search-hero p{margin:0;color:#d8ebf3;font-size:17px}
.search-page-form{display:grid;grid-template-columns:1fr auto;max-width:850px;margin-top:30px;padding:7px;background:#fff;border-radius:999px;box-shadow:0 15px 32px rgba(0,28,44,.2)}
.search-page-form input{min-width:0;height:51px;padding:0 20px;border:0;background:transparent;color:#263746;font:500 15px Roboto,Arial,sans-serif;outline:none}
.search-page-form button{min-width:135px;border:0;border-radius:999px;color:#fff;background:#12a8de;font:800 12px Roboto,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;cursor:pointer}

.search-results-shell{padding:0 24px 60px}
.search-results-heading,.search-state-card,.search-no-results-actions,.search-results-list{width:min(1200px,100%);margin-left:auto;margin-right:auto}
.search-results-heading{padding:35px 5px 24px}
.search-results-heading>span{display:block;margin-bottom:8px;color:#0ba4db;font-size:11px;font-weight:900;letter-spacing:1.4px}
.search-results-heading h2{margin:0 0 8px;color:#17384b;font-size:clamp(29px,4vw,42px)}
.search-results-heading p{margin:0;color:#697b86}
.search-results-list{display:grid;gap:12px}
.search-result-card{display:grid;grid-template-columns:150px 1fr 35px;gap:22px;align-items:center;padding:25px 27px;color:#263746;background:rgba(255,255,255,.97);border:1px solid #d9e6ec;border-radius:12px;text-decoration:none;box-shadow:0 8px 23px rgba(5,45,68,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.search-result-card:hover{transform:translateY(-3px);border-color:#a8dced;box-shadow:0 15px 30px rgba(5,45,68,.13)}
.search-result-card>span{color:#0b9fd4;font-size:10px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}
.search-result-card h3{margin:0 0 6px;color:#17384b;font-size:21px}
.search-result-card p{margin:0;color:#60737f;font-size:14px;line-height:1.55}
.search-result-card>strong{color:#12a8de;font-size:25px;text-align:right}
.search-state-card{margin-top:28px;padding:40px;background:rgba(255,255,255,.97);border-radius:14px;box-shadow:0 15px 35px rgba(5,45,68,.12);text-align:center}
.search-state-card strong{display:block;margin-bottom:8px;color:#17384b;font-size:22px}.search-state-card p{margin:0;color:#647783}
.search-no-results-actions{display:flex;gap:12px;flex-wrap:wrap}.search-no-results-actions a{display:inline-flex;min-height:46px;padding:0 20px;align-items:center;border-radius:999px;color:#fff;background:#12a8de;text-decoration:none;font-size:12px;font-weight:800}

@media(max-width:800px){.search-hero{padding:35px 12px 20px}.search-hero-inner{padding:38px 25px}.search-results-shell{padding:0 12px 45px}.search-result-card{grid-template-columns:1fr 28px;gap:11px 15px;padding:22px}.search-result-card>span{grid-column:1/-1}.search-result-card>strong{grid-column:2;grid-row:2}.search-result-card>div{grid-column:1;grid-row:2}.search-page-form{grid-template-columns:1fr;border-radius:13px}.search-page-form button{height:48px}.jt-search-suggestions{position:fixed;top:78px;left:12px;right:12px;width:auto}}
/* ==========================================================
   EDELNET SEARCH — FINAL VISUAL FIXES
   Paste at the absolute bottom of style.css
   ========================================================== */

/* ==========================================================
   HEADER SEARCH
   ========================================================== */

form.jt-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 46px;
  margin: 0 !important;
  padding: 0 !important;

  background: #fff !important;
  border: 1px solid #d6e0e6 !important;
  border-radius: 999px !important;
  overflow: visible !important;
}

/* Input spacing */
form.jt-search .jt-search-input {
  display: block !important;
  width: 100% !important;
  height: 44px !important;

  margin: 0 !important;
  padding: 0 58px 0 20px !important;

  color: #263746 !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 999px !important;
  outline: none !important;

  font: 400 14px Roboto, Arial, sans-serif !important;
  line-height: 44px !important;
}

/* Remove browser-provided search decoration */
form.jt-search input[type="search"] {
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Remove the browser X because it clashes with the search button */
form.jt-search input[type="search"]::-webkit-search-cancel-button,
form.jt-search input[type="search"]::-webkit-search-decoration,
form.jt-search input[type="search"]::-webkit-search-results-button,
form.jt-search input[type="search"]::-webkit-search-results-decoration {
  display: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Search button */
form.jt-search .jt-search-submit {
  position: absolute !important;
  z-index: 3 !important;

  top: 50% !important;
  right: 5px !important;
  left: auto !important;

  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  place-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;

  transform: translateY(-50%) !important;
  cursor: pointer;
}

/* Completely reset the old magnifying-glass positioning */
form.jt-search .jt-search-submit .jt-search-icon {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  display: block !important;
  width: 17px !important;
  height: 17px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 2px solid #657786 !important;
  border-radius: 50% !important;

  transform: none !important;
}

/* Magnifying-glass handle */
form.jt-search .jt-search-submit .jt-search-icon::after {
  content: "" !important;

  position: absolute !important;
  top: auto !important;
  right: -6px !important;
  bottom: -4px !important;
  left: auto !important;

  display: block !important;
  width: 8px !important;
  height: 2px !important;

  background: #657786 !important;
  border: 0 !important;
  border-radius: 2px !important;

  transform: rotate(45deg) !important;
}

form.jt-search .jt-search-submit:hover {
  background: #eef9fd !important;
}

form.jt-search .jt-search-submit:hover .jt-search-icon {
  border-color: #12a8de !important;
}

form.jt-search .jt-search-submit:hover .jt-search-icon::after {
  background: #12a8de !important;
}

/* Input focus */
form.jt-search:focus-within {
  border-color: #12a8de !important;
  box-shadow: 0 0 0 3px rgba(18, 168, 222, 0.12) !important;
}

/* ==========================================================
   SEARCH RESULTS PAGE
   ========================================================== */

.search-page {
  width: 100%;
  min-height: 70vh;
  padding: 24px 0 45px;
  color: #263746;
  background: transparent !important;
}

/* Remove the oversized solid-blue hero */
.search-page .search-hero {
  width: 100%;
  padding: 28px 24px 20px !important;
  background: transparent !important;
}

/* White search header card like the rest of the website */
.search-page .search-hero-inner {
  width: min(1750px, 100%);
  margin: 0 auto;
  padding: 50px 56px !important;

  color: #263746 !important;
  background: rgba(255, 255, 255, 0.97) !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 18px !important;

  box-shadow: 0 20px 55px rgba(5, 45, 68, 0.18) !important;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.search-page .search-hero-inner > span {
  display: block;
  margin-bottom: 10px;

  color: #0ba5dc !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

.search-page .search-hero h1 {
  margin: 0 0 14px !important;

  color: #153448 !important;
  font-size: clamp(40px, 5vw, 66px) !important;
  line-height: 1.02 !important;
}

.search-page .search-hero p {
  margin: 0 !important;

  color: #607480 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

/* Main search form inside the card */
.search-page .search-page-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;

  width: min(900px, 100%) !important;
  margin: 30px 0 0 !important;
  padding: 6px !important;

  background: #f4f8fa !important;
  border: 1px solid #cfdee5 !important;
  border-radius: 999px !important;

  box-shadow: none !important;
}

.search-page .search-page-form input {
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;

  padding: 0 20px !important;

  color: #263746 !important;
  background: transparent !important;

  border: 0 !important;
  outline: none !important;

  font: 500 15px Roboto, Arial, sans-serif !important;
}

.search-page .search-page-form button {
  min-width: 150px !important;
  height: 52px !important;

  color: #fff !important;
  background: #12a8de !important;

  border: 0 !important;
  border-radius: 999px !important;

  font-size: 12px !important;
  font-weight: 800 !important;

  cursor: pointer;
}

.search-page .search-page-form button:hover {
  background: #078fc3 !important;
}

/* ==========================================================
   RESULTS AREA
   ========================================================== */

.search-page .search-results-shell {
  width: min(1750px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
  padding: 0 0 55px !important;
}

/* Put the results heading inside a white card */
.search-page .search-results-heading {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 34px 38px !important;

  background: rgba(255, 255, 255, 0.97) !important;
  border: 0 !important;
  border-radius: 15px !important;

  box-shadow: 0 15px 38px rgba(5, 45, 68, 0.16) !important;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.search-page .search-results-heading > span {
  display: block !important;
  margin-bottom: 9px !important;

  color: #0ba5dc !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
}

.search-page .search-results-heading h2 {
  margin: 0 0 9px !important;

  color: #153448 !important;
  font-size: clamp(30px, 4vw, 44px) !important;
  line-height: 1.1 !important;
}

.search-page .search-results-heading p {
  margin: 0 !important;
  color: #657883 !important;
  line-height: 1.6 !important;
}

/* Results list */
.search-page .search-results-list {
  width: 100% !important;
  margin: 0 !important;
}

/* Individual result card */
.search-page .search-result-card {
  background: rgba(255, 255, 255, 0.98) !important;
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {
  .search-page {
    padding-top: 12px;
  }

  .search-page .search-hero {
    padding: 12px !important;
  }

  .search-page .search-hero-inner {
    padding: 35px 22px !important;
    border-radius: 13px !important;
  }

  .search-page .search-hero h1 {
    font-size: 42px !important;
  }

  .search-page .search-page-form {
    grid-template-columns: 1fr !important;
    padding: 7px !important;
    border-radius: 12px !important;
  }

  .search-page .search-page-form button {
    width: 100% !important;
    border-radius: 9px !important;
  }

  .search-page .search-results-shell {
    width: calc(100% - 24px) !important;
  }

.search-page .search-results-heading {
  padding: 27px !important;
}

} /* closes @media (max-width: 700px) */
/* =========================================
   WHATSAPP DEPARTMENT MODAL
   ========================================= */

.jt-wa-modal[hidden] {
  display: none !important;
}

.jt-wa-modal {
  position: fixed;
  inset: 0;
  z-index: 20000;
  display: grid;
  place-items: center;
  padding: 20px;
}

.jt-wa-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 35, 52, 0.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.jt-wa-dialog {
  position: relative;
  z-index: 1;
  width: min(580px, 100%);
  padding: 38px;
  overflow: hidden;
  background: #fff;
  border-top: 5px solid #13a8df;
  border-radius: 18px;
  box-shadow: 0 28px 90px rgba(0, 20, 34, 0.45);
  text-align: center;
}

.jt-wa-dialog::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -90px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(19, 168, 223, 0.08);
  pointer-events: none;
}

.jt-wa-close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #14344a;
  background: #edf6fa;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
}

.jt-wa-close:hover {
  color: #fff;
  background: #13a8df;
}

.jt-wa-icon {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #20c866;
  box-shadow: 0 12px 28px rgba(32, 200, 102, 0.28);
}

.jt-wa-icon svg {
  width: 39px;
  height: 39px;
  fill: #fff;
}

.jt-wa-kicker {
  display: block;
  color: #13a8df;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.8px;
}

.jt-wa-dialog h2 {
  margin: 9px 0 10px;
  color: #14344a;
  font-size: clamp(27px, 4vw, 38px);
  line-height: 1.14;
}

.jt-wa-dialog > p {
  max-width: 440px;
  margin: 0 auto;
  color: #647985;
  line-height: 1.55;
}

.jt-wa-options {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 12px;
  margin-top: 27px;
}

.jt-wa-option {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 30px;
  gap: 14px;
  align-items: center;
  padding: 17px;
  color: #173246;
  background: #f6fafc;
  border: 1px solid #d8e6ec;
  border-radius: 13px;
  text-align: left;
  text-decoration: none;
  transition: 0.2s ease;
}

.jt-wa-option:hover {
  transform: translateY(-2px);
  color: #173246;
  background: #fff;
  border-color: #13a8df;
  box-shadow: 0 12px 28px rgba(13, 83, 113, 0.12);
}

.jt-wa-option-number {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 11px;
  color: #fff;
  background: #13a8df;
  font-size: 13px;
  font-weight: 800;
}

.jt-wa-option strong,
.jt-wa-option small {
  display: block;
}

.jt-wa-option strong {
  margin-bottom: 4px;
  color: #14344a;
  font-size: 17px;
}

.jt-wa-option small {
  color: #6a7e89;
  font-size: 12px;
  line-height: 1.45;
}

.jt-wa-arrow {
  color: #13a8df;
  font-size: 24px;
  font-weight: 700;
}

body.jt-wa-modal-open {
  overflow: hidden;
}

@media (max-width: 600px) {
  .jt-wa-modal {
    padding: 12px;
  }

  .jt-wa-dialog {
    padding: 34px 19px 22px;
  }

  .jt-wa-option {
    grid-template-columns: 42px minmax(0, 1fr) 20px;
    gap: 10px;
    padding: 14px 12px;
  }

  .jt-wa-option-number {
    width: 42px;
    height: 42px;
  }

  .jt-wa-dialog h2 {
    font-size: 29px;
  }
}	
.contact-page{padding:34px 0 64px;color:#173246}.contact-wrap{display:grid;gap:20px}.contact-hero,.contact-departments,.contact-main{border-radius:18px;box-shadow:0 18px 55px rgba(6,45,74,.16)}.contact-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:40px;align-items:center;padding:46px 50px;background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(241,250,254,.97));border-top:5px solid #13a8df}.contact-kicker{display:block;color:#0ba5dc;font-size:11px;font-weight:900;letter-spacing:1.8px}.contact-hero h1{margin:9px 0 13px;color:#14344a;font-size:clamp(43px,5.6vw,76px);line-height:1}.contact-hero-copy>p{max-width:760px;margin:0;color:#607480;font-size:18px;line-height:1.6}.contact-hero-card{display:grid;gap:12px;padding:24px;border-radius:14px;background:#153f57;color:#fff;border-bottom:4px solid #13a8df}.contact-hero-card>span{color:#64d2f5;font-size:11px;font-weight:900;letter-spacing:1.5px}.contact-hero-card a{display:grid;gap:3px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:17px;font-weight:700}.contact-hero-card small{color:#9fc4d5;font-size:10px;letter-spacing:1.2px}.contact-hero-card p{margin:0;color:#c4d9e3;font-size:12px}.contact-departments{padding:38px;background:rgba(255,255,255,.97)}.contact-section-heading{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:30px;align-items:end;margin-bottom:26px}.contact-section-heading h2{margin:7px 0 0;color:#14344a;font-size:clamp(30px,4vw,47px);line-height:1.08}.contact-section-heading p{margin:0;color:#657985;line-height:1.6}.contact-department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.contact-department-card{display:grid;grid-template-columns:43px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:148px;padding:18px;border:1px solid #d5e4ea;border-radius:13px;background:#f8fbfc;color:#173246;text-align:left;cursor:pointer;transition:.2s}.contact-department-card:hover{transform:translateY(-3px);border-color:#13a8df;background:#fff;box-shadow:0 13px 30px rgba(8,64,88,.12)}.contact-card-number{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#13a8df;color:#fff;font-size:12px;font-weight:900}.contact-card-content strong,.contact-card-content small{display:block}.contact-card-content strong{margin-bottom:6px;color:#14344a;font-size:17px}.contact-card-content small{color:#687c88;font-size:12px;line-height:1.45}.contact-card-arrow{color:#13a8df;font-size:22px}.contact-main{display:grid;grid-template-columns:350px minmax(0,1fr);overflow:hidden;background:rgba(255,255,255,.98)}.contact-sidebar{padding:34px;background:#153f57;color:#fff}.contact-sidebar h2{margin:8px 0;color:#fff;font-size:31px}.contact-sidebar>p{margin:0 0 23px;color:#c5dae4;line-height:1.55}.contact-whatsapp{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:11px;align-items:center;margin-top:10px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.contact-whatsapp:hover{background:rgba(255,255,255,.15);color:#fff}.contact-whatsapp-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#20c866;color:#fff;font-size:11px;font-weight:900}.contact-whatsapp strong,.contact-whatsapp small{display:block}.contact-whatsapp small{margin-top:3px;color:#b8d0dc;font-size:11px}.contact-whatsapp b{color:#64d2f5;font-size:20px}.contact-emergency-note{margin-top:25px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.contact-emergency-note ol{padding-left:21px;color:#c6dae4;font-size:13px;line-height:1.8}.contact-emergency-note a{color:#64d2f5;font-weight:800;text-decoration:none}.contact-form-card{padding:42px 48px}.contact-form-card h2{margin:7px 0 10px;color:#14344a;font-size:clamp(30px,4vw,46px);line-height:1.1}.contact-form-card p{max-width:760px;color:#647884;line-height:1.6}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form-card label{display:grid;gap:7px;margin-top:15px;color:#2c4859;font-size:13px;font-weight:800}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;padding:13px 14px;border:1px solid #cadce4;border-radius:9px;background:#fff;color:#173246;font:inherit}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{outline:3px solid rgba(19,168,223,.16);border-color:#13a8df}.contact-location{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px;padding:15px;border-radius:11px;background:#edf7fb}.contact-location strong,.contact-location span{display:block}.contact-location span{margin-top:3px;color:#687c88;font-size:12px}.contact-location button{flex:0 0 auto;padding:11px 16px;border:1px solid #13a8df;border-radius:999px;background:#fff;color:#078fc3;font-weight:800;cursor:pointer}.contact-location button:disabled{opacity:.65}.contact-submit{display:inline-flex;align-items:center;justify-content:center;min-height:51px;margin-top:19px;padding:13px 25px;border:0;border-radius:999px;background:#13a8df;color:#fff;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 11px 25px rgba(19,168,223,.25)}.contact-submit:hover{background:#078fc3;color:#fff}.contact-submit:disabled{opacity:.65;cursor:wait}.contact-form-status{min-height:20px;margin-top:13px;font-size:13px}.contact-form-status.is-error{color:#b44237}.contact-form-status.is-success{color:#168a50}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.contact-success{text-align:center;padding:40px 10px}.contact-success[hidden]{display:none}.contact-success-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border-radius:50%;background:#e3f7ec;color:#16a05b;font-size:34px;font-weight:900}@media(max-width:1150px){.contact-department-grid{grid-template-columns:1fr 1fr}.contact-section-heading{grid-template-columns:1fr}.contact-main{grid-template-columns:310px minmax(0,1fr)}}@media(max-width:850px){.contact-hero{grid-template-columns:1fr}.contact-main{grid-template-columns:1fr}.contact-sidebar{order:2}.contact-form-card{order:1}}@media(max-width:600px){.contact-page{padding:17px 0 45px}.contact-wrap{padding-left:12px;padding-right:12px}.contact-hero{padding:30px 23px}.contact-hero h1{font-size:43px}.contact-departments{padding:27px 19px}.contact-department-grid{grid-template-columns:1fr}.contact-department-card{min-height:118px}.contact-form-card{padding:30px 20px}.contact-form-grid{grid-template-columns:1fr}.contact-location{align-items:flex-start;flex-direction:column}.contact-location button{width:100%}.contact-sidebar{padding:30px 21px}}

/* =========================================
   WHATSAPP CTA BUTTON
   ========================================= */

.jt-btn.jt-btn-whatsapp {
  color: #fff !important;
  background: #25d366 !important;
  border: 1px solid #25d366 !important;
  box-shadow: 0 10px 24px rgba(37, 211, 102, 0.28) !important;
}

.jt-btn.jt-btn-whatsapp:hover,
.jt-btn.jt-btn-whatsapp:focus {
  color: #fff !important;
  background: #1ebe5d !important;
  border-color: #1ebe5d !important;
  box-shadow: 0 13px 28px rgba(37, 211, 102, 0.38) !important;
  transform: translateY(-2px);
}
/* TWO-COLUMN SPEED TEST GRID */

.tools-card-grid.tools-two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 700px) {
  .tools-card-grid.tools-two {
    grid-template-columns: 1fr !important;
  }
}