@media (min-width: 768px) {
  .pageblock-wrapper {
    padding-top: 45px !important;
  }
}

.swiper-container-slider1 .romw .romw-author-stars {
  margin-bottom: 15px !important;
}

.section-sep {
   margin: 0px;
   line-height: 50px;
}

.pageblock-content h1 {
margin-bottom: 0px !important;
}

.p-sep {
    min-height: 50px;
}

.tent-content-wrapper {
    min-width: 922px;
}

.tent-content-wrapper p {
text-align: left;
font: normal normal normal 16px/28px Open Sans;
letter-spacing: 0px;
color: #DDDDDD;
opacity: 1;
}

.horizonta-vertical-slider {
height: 350px;
}

.horizonta-vertical-slider > img {
    width: 1019px;
    height: 350px;
}

.pageblock-content h1 {
      color: #ffffff !important;
}

h2.custom-tent-h2 {
    font: normal 30px/40px Open Sans !important;
    letter-spacing: 0px;
    color: #FEBD15;
    opacity: 1;
}

/* Dark section like screenshot */
.tent-section{
  /*
  background:#0f1418;
  padding:28px 18px;
  color:#d7dde3;
*/
}

/* Two-column layout */
.tent-inner{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns: 1fr 1.4fr;
  gap:48px;
  align-items:start;
}

/* Title */
.tent-left h3{
  margin:0;
font: 22px / 28px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

/* Bullet list */
.tent-bullets{
margin-top: 16px !important;
  margin-bottom: 0px !important;
  list-style:none; /* removes default bullets */
}

.tent-section .tent-inner ul {
    margin-left: 8px;
    padding: 0;
}

/* VERY IMPORTANT: kill native marker */
.tent-bullets li::marker{
  content:none;
}

/* List item styling */
.tent-bullets li{
  position:relative;
  padding-left:12px;
  margin:8px 0;
  font-size:14px;
  line-height:1.5;
  color:#cfd6dd;
}

/* Custom yellow bullet */
.tent-bullets li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px;
  background:#f2b400;
  border-radius:50%;
}


/* Right paragraph */
.tent-right{
  margin-top:45px; /* aligns with first bullet */
}

.tent-right p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#cfd6dd;
}

.activation-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}

.activation-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.activation-grid figure {
    margin: 0px;
    width: 448px;
    height: 250px;
}

.activation-grid figcaption {
  margin-top: 12px;
  font-size: 13px;
  color: #b5b5b5;
  letter-spacing: 0.02em;
}

  .feature-trio {
    /*padding: clamp(32px, 6vw, 72px) 20px;*/
  }

  .feature-trio__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
  }

  .feature {
    position: relative;
    /*padding-right: clamp(8px, 1.2vw, 18px);*/
  }

  .feature:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 6px;
    right: calc(clamp(22px, 3vw, 48px) / -2);
    width: 1px;
    height: calc(100% - 12px);
    background: linear-gradient(
      180deg,
      transparent,
      var(--divider),
      transparent
    );
  }

  .feature__title {
font:22px/28px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
    margin-bottom: 5px;
    margin-top: 0px;
  }

  .feature__text {
font: normal normal normal 16px / 28px Open Sans;
    letter-spacing: 0px;
    color: #DDDDDD;
    opacity: 1;
    margin: 0px;
  }

 /* ===== Layout (ignore background) ===== */
  .diff {
    padding: 50px 0px 50px;
  }

  .diff__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.6fr;
    gap: 28px;
    align-items: start;
  }

  /* ===== Left column ===== */
  .diff__title {
    margin: 0 0 15px;
    text-align: left;
    font: 30px / 40px Open Sans;
    letter-spacing: 0px;
    color: #FEBD15;
  }

  .diff__kicker {
    display: block;
    font-size: clamp(14px, 1.3vw, 16px);
    font-weight: 600;
    color: #f4b400; /* warm yellow */
    margin-bottom: 10px;
  }

  .diff__brand {
    display: block;
    font-size: clamp(26px, 3.2vw, 44px);
    font-weight: 650;
    color: #ffffff;
  }

  .diff__reg {
    font-size: 0.55em;
    vertical-align: super;
  }

  .diff__lead {
    margin: 0;
text-align: left;
    font: normal normal normal 16px / 28px Open Sans;
    letter-spacing: 0px;
    color: #DDDDDD;
    opacity: 1;
  }

  /* If you're on a light page background, swap the two lines below:
     .diff__brand { color:#111; }  .diff__lead { color: rgba(0,0,0,.68); } */

  /* ===== Accordion ===== */
  .diff__accordion {
    display: grid;
    gap: 15px;
  }

  .acc {
    border-radius: 2px;                 /* screenshot looks more squared */
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
background: #23363A 0% 0% no-repeat padding-box;
opacity: 1;

  }

  /* Remove default marker */
  .acc > summary {
    list-style: none;
  }
  .acc > summary::-webkit-details-marker {
    display: none;
  }

  .acc__summary {
    cursor: pointer;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    /*background: rgba(255, 255, 255, 0.14);*/
  }

  .acc__plus {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    transform-origin: center;
    transition: transform 180ms ease;
font: normal normal 600 30px/32px Open Sans;
letter-spacing: 0px;
color: #FEBD15;
opacity: 1;
  }

  .acc__label {
text-align: left;
font: normal normal 600 20px/32px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
  }

  .acc__content {
    padding: 0 16px 14px 22px; /* indent to align under label */
  }

  .acc__content p {
    margin: 0;
text-align: left;
font: normal normal normal 16px/28px Open Sans;
letter-spacing: 0px;
color: #DDDDDD;
opacity: 1;
margin-top: 7px;
  }

  /* Open state (rotate + into an × like many accordions) */
  .acc[open] .acc__plus {
    transform: rotate(45deg);
  }

  /* Hover/focus polish */
  .acc__summary:hover {
    background: rgba(255, 255, 255, 0.18);
  }

  .acc__summary:focus-visible {
    outline: 2px solid rgba(244, 180, 0, 0.7);
    outline-offset: -2px;
  }

  /* ===== Responsive ===== */
  @media (max-width: 900px) {
    .diff__inner {
      grid-template-columns: 1fr;
      gap: 15px;
    }
    .diff__lead {
      max-width: 65ch;
    }
  }

  /* Optional: nicer rendering */
  .diff, .diff * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


.quote-strip {
    background: var(--brand-yellow);
    padding: 43px 53px 47px 53px;
    height: 226px;
    padding: 43px 45px 47px 45px;
}

  .quote-strip__inner{
    max-width: 1100px;
    margin: 0 auto;
    display:flex;
    align-items:center;
    gap: 53px;
    min-height: 140px;
  }

  /* Left button/card */
  .quote-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width: 342px;
    padding: 38px 26px 42px 26px;
    background: var(--cta-bg);
    color: var(--brand-yellow);
    text-decoration:none;
    font-weight: 800;
    letter-spacing: .04em;
    font-size: clamp(18px, 2.2vw, 28px);
    border-radius: 2px;           /* screenshot is quite square */
    box-shadow: var(--shadow);
    text-transform: uppercase;
    white-space: nowrap;
  }

  .quote-cta:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 22px rgba(0,0,0,.26);
  }

  .quote-cta:focus-visible{
    outline: 3px solid rgba(0,0,0,.55);
    outline-offset: 4px;
  }

  /* Right text block */
  .quote-info{
    color: var(--text);
    font-size: 15px;
    line-height: 1.35;
  }

  .quote-info__line{
    margin: 0 0 12px;
    text-align: left;
font: normal normal 600 18px/26px Open Sans !important;
letter-spacing: 0px;
color: #000000 !important;
  }

  .quote-info__line:last-child{
    margin-bottom: 0;
  }

  .quote-info strong{
    font-weight: 800;
  }

  .quote-info__phone{    
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .quote-info__phone:hover{
    opacity: .85;
  }

  .quote-info__muted{
    /*font-weight: 600;*/
  }


  /* Mobile */
  @media (max-width: 720px){
    .quote-strip__inner{
      flex-direction: column;
      align-items: stretch;
      gap: 14px;
    }

    .quote-cta{
      width: 100%;
      min-width: 0;
      height: 84px;
      font-size: 22px;
    }
  }

  /* Optional: smooth hover without “jump” on some browsers */
  .quote-cta{
    transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
  }

  :root{
    --brand-yellow:#ffbe0b; /* close to screenshot */
    --cta-bg:#1f353a;       /* deep teal */
    --text:#141414;
    --shadow: 0 10px 18px rgba(0,0,0,.22);
  }

  :root{
    /* If your page is light, flip these to dark text. */
    --text-hi: rgba(255,255,255,.92);
    --text-lo: rgba(255,255,255,.66);
    --accent: #f4b400;          /* warm yellow bullets like screenshot */
    --divider: rgba(255,255,255,.10);
  }

  .tent-types{
    /*padding: clamp(28px, 5vw, 70px) 20px;*/
    padding: 0;
  }

  .tent-types__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    gap: 30px;
  }

  /* Each row: left text + right image */
  .tent-row{
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 26px;
    align-items: start;
  }

  .tent-row:last-child{
    border-bottom: none;
    padding-bottom: 0;
  }

  /* Text styles */
  .tent-title{
    margin: 0 0 10px;
    font-size: clamp(18px, 2.2vw, 26px);
    line-height: 1.15;
    font-weight: 650;
    color: var(--text-hi);
    letter-spacing: -0.02em;
  }

  .tent-desc{
    margin: 0 0 0px;
text-align: left;
  font: normal normal normal 16px/28px Open Sans;
    font-size: 16px;
    line-height: 28px;
  letter-spacing: 0px;
  color: #DDD;
  opacity: 1;
    max-width: 70ch;
margin-bottom: 13px;
  }

  .reg{ font-size: .65em; vertical-align: super; }

  .tent-types .tent-bullets{
    margin-left: 15px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0px;
  }

  .tent-bullets li{
    position: relative;
    padding-left: 16px;
text-align: left;
  font: normal normal normal 16px/28px Open Sans;
  letter-spacing: 0px;
  color: #DDD;
  opacity: 1;
margin-top: 0px !important;
  margin-bottom: 0px !important;
  }

  .tent-bullets li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
    transform: translateY(-50%);
  }

  /* Image block */
  .tent-media{
    margin: 0;    
    overflow: hidden;
min-width: 448px;
  min-height: 230px;
  }

  .tent-media img{
    width: 100%;
    display: block;
    object-fit: cover;
  }

.four-colums-list{
 grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}


  :root{
    --bar: rgba(255,255,255,0.12);       /* row background */
    --bar-border: rgba(255,255,255,0.10);
    --text-hi: rgba(255,255,255,0.92);
    --text-lo: rgba(255,255,255,0.62);
    --accent: #f4b400;                   /* warm yellow plus */
  }

  /* Ignore background: this component has none. Put it on any page. */
  .feature-list{
    /*padding: 18px 20px;*/
  }

  .feature-list__inner{
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    gap: 14px;
  }

  .fl-item{
    border: 1px solid var(--bar-border);
    background: #23363A 0% 0% no-repeat padding-box;
opacity: 1;
    border-radius: 2px;      /* screenshot looks squared */
    overflow: hidden;
  }

  /* Remove default disclosure marker */
  .fl-item > summary{
    list-style: none;
  }
  .fl-item > summary::-webkit-details-marker{
    display: none;
  }

  .fl-item__head{
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    align-items: center;
    padding: 8px 16px;
    cursor: pointer;
  }

  .fl-item__plus{
    width:30px;
    height: 30px;
    display: grid;
    place-items: center;
text-align: left;
font: normal normal 600 30px/32px Open Sans;
letter-spacing: 0px;
color: #FEBD15;
opacity: 1;    
    transform-origin: center;
    transition: transform 180ms ease;
  }

  .fl-item__title{
font: normal normal 600 20px/32px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
  }

  /* Body matches screenshot: inset and lighter text */
  .fl-item__body{
    padding: 0 16px 14px 22px; /* aligns under the title */
  }

  .fl-item__body p{
    margin: 0;
    max-width: 95ch;
font: normal normal normal 16px/28px Open Sans;
letter-spacing: 0px;
color: #DDDDDD;
opacity: 1;
margin-top: 7px;
  }

  /* Optional: make open item feel “active” */
  .fl-item[open]{
    background: #23363A 0% 0% no-repeat padding-box;
opacity: 1;
  }

  /* If you want + to rotate into an × when open */
  .fl-item[open] .fl-item__plus{
    transform: rotate(45deg);
  }

  /* Hover/focus polish */
  .fl-item__head:hover{
    background: rgba(255,255,255,0.06);
  }

  .fl-item__head:focus-visible{
    outline: 2px solid rgba(244,180,0,0.7);
    outline-offset: -2px;
  }

  .reg{ font-size: .7em; vertical-align: super; }
/*=============*/

  :root{
    --accent: #f4b400;                 /* warm yellow like screenshot */
    --title: rgba(255,255,255,0.92);
    --body: rgba(255,255,255,0.62);
  }

  /* Ignore background: no background styles here */
  .guide{
    /*padding: clamp(26px, 5vw, 64px) 20px;*/
  }

  .guide__inner{
    max-width: 1200px;
    margin: 0 auto;
  }

  .guide__title{
    margin: 0 0 26px;
    color: var(--accent);
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: clamp(20px, 2.6vw, 30px);
    line-height: 1.15;
  }

  .guide__grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    align-items: start;
    column-gap: 35px;
  }

  .guide__item{
    max-width: 55ch; /* keeps paragraphs from getting too wide like screenshot */
  }

  .guide__heading{
    margin: 0 0 8px;
    color: var(--title);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.01em;
  }

  .guide__text{
    margin: 0;
    color: var(--body);
    font-size: 13.5px;
    line-height: 1.7;
  }

  /* Responsive: stack to one column */
  @media (max-width: 860px){
    .guide__grid{
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .guide__item{
      max-width: 70ch;
    }
  }

  /* Optional: nicer rendering */
  .guide, .guide *{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root{
    --accent: #f4b400;                 /* warm yellow */
    --text-hi: rgba(255,255,255,.92);
    --text-lo: rgba(255,255,255,.62);
    --frame: rgba(255,255,255,.14);
  }

  /* Ignore background: no background styles here */
  .industries{
    /*padding: clamp(26px, 5vw, 72px) 20px;*/
  }

  .industries__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 1fr; /* collage slightly wider */
    gap: 27px;
    align-items: start;
  }

  /* ===== Collage ===== */
  .industries__inner .collage{
display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 0px;
  column-gap: 26px;
/*
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 26px;
    align-content: start;
*/
  }

  .collage__img{
    margin: 0;
    border: 1px solid var(--frame);
    border-radius: 2px;   /* screenshot looks square-ish */
    overflow: hidden;
  }

  .collage__img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Top two images are smaller */
  .collage__img--a{ aspect-ratio: 4 / 3; }
  .collage__img--b{ aspect-ratio: 4 / 3; }

  /* Bottom image spans full width */
  .collage__img--c{
    grid-column: 1 / -1;
  margin-top: 16px;
  }

  /* ===== Content ===== */
  .industries__title{
    margin: 0 0 14px;
    color: var(--accent);
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.12;
    font-size: clamp(22px, 2.7vw, 34px);
  }

  .industries__lead{
    margin: 0 0 5px;
  }

  .industries__list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
  }

  .industries__list li{
    position: relative;
    padding-left: 16px;
font: normal normal normal 16px/24px Open Sans;
letter-spacing: 0px;
opacity: 1;
margin-bottom: 0px !important;
  }

  .industries__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    transform: translateY(-50%);
  }

.industries__list li::marker {
  content: "";
}

  .reg{ font-size: .65em; vertical-align: super; }

  /* ===== Responsive ===== */
  @media (max-width: 980px){
    .industries__inner{
      grid-template-columns: 1fr;
    }
    .collage{
      max-width: 760px;
    }
  }

  @media (max-width: 520px){
    .collage{
      grid-template-columns: 1fr;
    }
    /*.collage__img--c{
      grid-column: auto;
    }*/
  }

  /* Optional: nicer type rendering */
  .industries, .industries *{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root{
    --text-hi: rgba(255,255,255,.92);  /* headings */
    --text-lo: rgba(255,255,255,.62);  /* paragraphs */
  }

  /* Ignore background: this section has no background styles */
  .benefits{
    /*padding: clamp(26px, 5vw, 70px) 20px;*/
  }

  .benefits__inner{
    max-width: 1200px;
    margin: 0 auto;
  }

  .benefits__grid{
    display: grid;
    grid-template-columns: 1.05fr 1fr; /* left slightly wider like screenshot */
    gap: 27px;
    align-items: start;
  }

  /* Left title */
  .benefits__title{
    margin: 0 0 22px;
    color: var(--accent);
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.15;
    font-size: clamp(22px, 2.8vw, 34px);
  }

  /* Benefit blocks */
  .benefit{
    margin: 0 0 22px;
  }

  .benefits__col .benefit:last-child{
    margin-bottom: 0;
  }

  .benefit__heading{
    margin: 0 0 6px;
    color: var(--text-hi);
    font-weight: 600;
    letter-spacing: -0.01em;
    font-size: 18px;
    line-height: 1.25;
  }

  .benefit__text{
    margin: 0;
    color: var(--text-lo);
    font-size: 13.5px;
    line-height: 1.7;
    max-width: 58ch;
  }

  .reg{ font-size: .65em; vertical-align: super; }

  /* Responsive */
  @media (max-width: 920px){
    .benefits__grid{
      grid-template-columns: 1fr;
      gap: 26px;
    }
    .benefit__text{
      max-width: 70ch;
    }
  }

  /* Optional: nicer rendering */
  .benefits, .benefits *{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root{
    --accent: #f4b400;                 /* warm yellow */
    --text-hi: rgba(255,255,255,.92);  /* top headings */
    --text-lo: rgba(255,255,255,.72);  /* paragraphs */
    --border: rgba(244,180,0,.9);
  }

  /* Outer section (no page background) */
  .cta-panel{
    /*padding: clamp(24px, 4vw, 60px) 20px;*/
  }

  .cta-panel__inner{
    max-width: 1200px;
    margin: 0 auto;
    border: 2px solid var(--border);
  }

  /* ===== Top block ===== */
  .cta-top{
    padding: 20px 53px 25px 53px;
  }

  .cta-top__title{
    margin: 0 0 12px;
    text-align: center;
font: 30px/40px Open Sans !important;
  letter-spacing: 0px;
  color: #FEBD15 !important;
  opacity: 1;
  }

  .cta-top__text{
    margin: 0 auto 14px;
    max-width: 92ch;
    color: var(--text-lo);
    font-size: clamp(13px, 1.15vw, 14.5px);
    line-height: 1.75;
  }

  .cta-top__text:last-child{
    margin-bottom: 0;
  }

  /* ===== Bottom block ===== */
  .cta-bottom{
    background: #FEBD15 0% 0% no-repeat padding-box;
opacity: 1;
    padding: 30px 70px;
    text-align: center;
  }

  .cta-bottom__title{
    margin: 0 0 10px;
font: normal normal bold 30px/40px Open Sans;
  letter-spacing: 0px;
  color: #000;
  text-transform: uppercase;
  opacity: 1;
  }

  .cta-bottom__subtitle{
    margin: 0 auto 24px;
    max-width: 70ch;
text-align: center !important;
  font: 22px/28px Open Sans !important;
  letter-spacing: 0px !important;
  color: #000 !important;
  }

  .cta-bottom__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    padding: 12px 22px;
    border-radius: 2px;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
text-align: center;
font: normal normal 600 22px/22px Open Sans;
letter-spacing: 0px;
color: #23363A;
opacity: 1;
background: #FFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 15px #00000096;
  }

  .cta-bottom__btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 22px rgba(0,0,0,.26);
  }

  .cta-bottom__btn:focus-visible{
    outline: 3px solid rgba(0,0,0,.55);
    outline-offset: 4px;
  }

  .reg{ font-size: .65em; vertical-align: super; }

  /* Responsive: tighten top copy */
  @media (max-width: 780px){
    .cta-panel__inner{
      border-width: 2px;
    }
    .cta-top__text{
      max-width: 70ch;
    }
  }

  /* Optional: smoother type rendering */
  .cta-panel, .cta-panel *{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

/*=============*/
  /* Mobile */
  @media (max-width: 720px){
    .fl-item__title{ font-size: 14px; }
    /*.fl-item__body{ padding-left: 52px; }*/
  }

  /* Responsive */
  @media (max-width: 920px){
    .tent-row{
      grid-template-columns: 1fr;
    }
    .tent-media img{
      aspect-ratio: 16 / 10;
    }
  }


/* Mobile: stack */
@media (max-width: 768px){
  .tent-inner{
    grid-template-columns:1fr;
    gap:18px;
  }

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

  .section-activations {
    padding: 64px 20px;
  }

}

/*==Large Tents ===*/

  :root{
    --accent: #f4b400;                 /* warm yellow title */
    --text-hi: rgba(255,255,255,.92);
    --text-lo: rgba(255,255,255,.62);
    --frame: rgba(255,255,255,.14);
  }

  /* Ignore background: no background styles here */
  .product-split{
     margin-top: 50px;
    /*padding: clamp(26px, 5vw, 72px) 20px;*/
  }

  .product-split__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 36px;
    align-items: start;
  }

  /* Image */
  .product-split__media{
    margin: 0;
    border: 1px solid var(--frame);
    border-radius: 2px;     /* screenshot looks square-ish */
    overflow: hidden;
  }

  .product-split__media img{
    display: block;
    width: 100%;
    object-fit: cover;
  }

  /* Titles */
  .product-split__title{
    margin: 0 0 10px;
    color: var(--accent);
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: clamp(22px, 2.8vw, 34px);
    line-height: 1.12;
  }

  .product-split__subtitle{
    margin: 0 0 14px;
    color: var(--text-hi);
    font-weight: 600;
    letter-spacing: -0.01em;
    font-size: 18px;
    line-height: 1.25;
  }

  .product-split__lead{
    margin: 0 0 0px;
  }

  /* Bullets */
  .product-split__list{
    padding: 0;
    list-style: none;
    display: grid;
gap: 0px;
  margin-top: 10px !important;
  margin-bottom: 17px !important;
  }

  .product-split__list li{
    /*position: relative;
    padding-left: 16px;
    color: var(--text-lo);
    font-size: 13.5px;
    line-height: 1.6;*/
position: relative;
  padding-left: 16px;
  text-align: left;
  font: normal normal normal 16px/24px Open Sans;
  letter-spacing: 0px;
  color: #DDD;
  opacity: 1;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  }

  .product-split__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    transform: translateY(-50%);
  }

  .product-split__text{
    margin: 0;
    color: var(--text-lo);
    font-size: 13.5px;
    line-height: 1.75;
    max-width: 70ch;
  }

  .reg{ font-size: .65em; vertical-align: super; }

.product-split__list li::marker{
  content:none;
}



  /* Optional: nicer rendering */
  .product-split, .product-split *{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root{
    --accent: #f4b400;                 /* warm yellow */
    --text-hi: rgba(255,255,255,.92);
    --text-lo: rgba(255,255,255,.62);
    --frame: rgba(255,255,255,.14);
  }

  /* Ignore background: no background styles here */
  .corp-split{
    padding-top: 50px;
  }

  .corp-split__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.05fr; /* image slightly wider like screenshot */
    gap: 26px;
    align-items: start;
  }

  /* Left content */
  .corp-split__title{
    margin: 0 0 12px;
    color: var(--accent);
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.12;
    font-size: clamp(22px, 2.8vw, 34px);
  }

  .corp-split__subtitle{
    margin: 0 0 10px;
    color: var(--text-hi);
    font-weight: 600;
    letter-spacing: -0.01em;
    font-size: 18px;
    line-height: 1.25;
  }

  .corp-split__text{
    margin: 0 0 13px;
  }

  /* Bullets */
  .corp-split__list{
    padding: 0;
    list-style: none;
    display: grid;
margin-top: 0px !important;
  margin-bottom: 13px !important;
  }

  .corp-split__list li{
    position: relative;
    padding-left: 16px;
text-align: left;
  font: normal normal normal 16px/28px Open Sans;
  letter-spacing: 0px;
  color: #DDD;
  opacity: 1;
  margin-top: 0px;
  margin-bottom: 0px !important;
  }

  .corp-split__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    transform: translateY(-50%);
  }

  /* Right image */
  .corp-split__media{
    margin: 0;
    border: 1px solid var(--frame);
    border-radius: 2px;   /* screenshot looks square-ish */
    overflow: hidden;
  }

  .corp-split__media img{
    display: block;
    width: 100%;
    object-fit: cover;
  }

  .reg{ font-size: .65em; vertical-align: super; }


.corp-split__list li::marker{
  content:none;
}


.large-tents-for-festivals__inner
{
grid-template-columns: 1fr 1.05fr !important;
}

.large-tents-for-festivals-split {
   margin-top: 30px !important;
}
  /* Responsive */
  @media (max-width: 980px){
    .corp-split__inner{
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .corp-split__media img{
      aspect-ratio: 16 / 10;
    }
    .corp-split__text{
      max-width: 75ch;
    }
  }


  :root{
    --text-hi: rgba(255,255,255,.92);
    --text-lo: rgba(255,255,255,.62);
    --accent: #f4b400;                 /* warm yellow bullets */
    --frame: rgba(255,255,255,.14);
  }

  /* Ignore background: no background styles here */
  .wedding-split{
    /*padding: clamp(26px, 5vw, 72px) 20px;*/
  }

  .wedding-split__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    /*grid-template-columns: 0.92fr 1.18fr; */
grid-template-columns: 290px 606px;
    gap: 26px;
    align-items: start;
  }

  /* Left images */
  .wedding-split__media{
    display: grid;
    gap: 27px;
    align-content: start;
  }

  .wedding-split__img{
    margin: 0;
    border: 1px solid var(--frame);
    border-radius: 2px;  /* screenshot looks square */
    overflow: hidden;
  }

  .wedding-split__img img{
    display: block;
    width: 100%;
    object-fit: cover;
  }

  /* Right content */
  .wedding-split__title{
    margin: 0 0 12px;
    color: var(--text-hi);
    font-weight: 600;
    letter-spacing: -0.01em;
    font-size: clamp(20px, 2.5vw, 30px);
    line-height: 1.2;
  }

  .wedding-split__text{
    margin: 0 0 12px;
    color: var(--text-lo);
    font-size: 13.5px;
    line-height: 1.75;
    max-width: 78ch;
  }

  .wedding-split__kicker{
    margin: 6px 0 10px;
    color: var(--text-hi);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.01em;
  }

  .wedding-split__list{
margin-top: 3px !important;
  margin-bottom: 19px !important;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .wedding-split__list li{
    position: relative;
    padding-left: 16px;
text-align: left;
font: normal normal normal 16px/24px Open Sans;
letter-spacing: 0px;
color: #DDDDDD;
opacity: 1;
margin-bottom: 0px !important;
  }

  .wedding-split__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    transform: translateY(-50%);
  }

  .reg{ font-size: .65em; vertical-align: super; }

.wedding-split__list li::marker{
  content:none;
}

  /* Responsive */
  @media (max-width: 980px){
    .wedding-split__inner{
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .wedding-split__media{
      max-width: 760px;
    }
  }

  /* Optional: nicer rendering */
  .wedding-split, .wedding-split *{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root{
    --text-hi: rgba(255,255,255,.92);
    --text-lo: rgba(255,255,255,.62);
    --accent: #f4b400; /* warm yellow bullets */
  }

  /* Ignore background: no background styles here */
  .triple-cols{
    /*padding: clamp(26px, 5vw, 70px) 20px;*/
  }

  .triple-cols__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 27px;
    align-items: start;
  }

  .triple-cols__title{
    margin: 0 0 10px;
    color: var(--text-hi);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;
  }

  .triple-cols__text{
    margin: 2px 0 10px;
  }

  .triple-cols__list{
margin-top: 0px !important;
  margin-bottom: 7px !important;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0px;
  }

  .triple-cols__list li{
    position: relative;
    padding-left: 16px;
text-align: left;
  font: normal normal normal 16px/24px Open Sans;
  letter-spacing: 0px;
  color: #DDD;
  opacity: 1;
  margin-bottom: 0px !important;
  }

  .triple-cols__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    transform: translateY(-50%);
  }

.triple-cols__list li::marker{
  content:none;
}


  /* Responsive */
  @media (max-width: 980px){
    .triple-cols__inner{
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .triple-cols__text{
      max-width: 70ch;
    }
  }

  /* Optional: nicer rendering */
  .triple-cols, .triple-cols *{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root{
    --accent: #f4b400;                 /* warm yellow title + bullets */
    --text-hi: rgba(255,255,255,.92);
    --text-lo: rgba(255,255,255,.62);
    --frame: rgba(255,255,255,.14);
  }

  /* Ignore background: no background styles here */
  .trust-split{
    /*padding: clamp(26px, 5vw, 72px) 20px;*/
    margin-top: 50px;
  }

  .trust-split__inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 27px;
    align-items: start;
  }

  /* Left images */
  .trust-split__media{
    display: grid;
    gap: 25px;
    align-content: start;
  }

  .trust-split__img{
    margin: 0;
    border: 1px solid var(--frame);
    border-radius: 2px;     /* screenshot looks square-ish */
    overflow: hidden;
  }

  .trust-split__img img{
    width: 100%;
    display: block;
    object-fit: cover;
  }

  /* Right content */
  .trust-split__title{
    margin: 0 0 14px;
    color: var(--accent);
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.12;
    font-size: clamp(22px, 2.7vw, 34px);
  }

  .trust-split__list {
margin-left: 0px !important;
margin-top: 3px !important;
  margin-bottom: 7px !important;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 2px;
  }

  .trust-split__list li{
    position: relative;
    padding-left: 16px;
    max-width: 75ch;
text-align: left;
font: normal normal normal 16px/20px Open Sans;
letter-spacing: 0px;
color: #DDDDDD;
margin-bottom: 5px !important;
  }

  .trust-split__list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.72em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent);
    transform: translateY(-50%);
  }

  .trust-split__text{
    margin: 0;
    color: var(--text-lo);
    font-size: 13.5px;
    line-height: 1.75;
    max-width: 80ch;
  }

  .reg{ font-size: .65em; vertical-align: super; }

  /* Responsive */
  @media (max-width: 980px){
    .trust-split__inner{
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .trust-split__media{
      max-width: 760px;
    }
  }

  /* Optional: nicer rendering */
  .trust-split, .trust-split *{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


.trust-split__list li::marker{
  content:none;
}

.cus-options-ltent 
{
margin-bottom: 10px;margin-top: 30px;
}

.benefits-cus-tent {
margin-bottom: 15px;margin-top: 0px;
}

.why-tennology-best
{
margin: 0px 0px 22px;position: relative;top: -10px;
}

#benefits-cus-tent-sep {
line-height: 30px;
}

@media screen and (max-width: 767px) {
    .tent-content-wrapper {
        min-width: 50%;
    }

    .p-sep {
        min-height: 35px;
    }

    .diff__title {
        margin: 0 0 0px;
    }

    .diff {
        padding: 20px 0px 45px;
    }

    .corp-split {
        padding-top: 35px;
    }

    .quote-strip {
        height: auto;
        padding: 42px 53px 47px 53px;
    }

    .product-split__inner {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .product-split__media img {
        aspect-ratio: 16 / 10;
    }

    .large-tents-for-festivals__inner {
        grid-template-columns: 1fr !important;
        gap: 22px;
    }

    .feature-trio__inner {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .feature {
        padding-right: 0;
    }

        .feature:not(:last-child)::after {
            display: none;
        }

    .feature__text {
        max-width: 70ch;
    }

    .four-colums-list {
        grid-template-columns: 1fr !important;
        gap: 25px;
    }

    .tent-right {
        margin-top: 0px;
    }

    .pageblock {
        padding: 0px;
    }

    h2.custom-tent-h2 {
        font: 20px / 26px Open Sans;
    }

    .diff__title {
        /*font: 20px / 26px Open Sans;*/
    }

    .mobileh1 {
        color: #fff;
    }

    .activation-grid figure {        
        width: 100%;
        height: auto;
    }

    .tent-media {
        min-width: 100%;
        min-height: 100%;
    }
    .feature__title {
        font: 18px / 22px Open Sans;
    }

    .acc__label {
        font: normal normal 600 16px / 24px Open Sans;
    }

    .cta-top {
        padding: 20px 30px 25px 30px;
    }

    .cta-bottom {
        padding: 30px 20px;
    }

    .cta-bottom__title {        
        font: normal normal bold 24px / 30px Open Sans;
    }

    .cta-panel {
      margin-bottom: 35px;
     }

.section-sep {
  margin: 0px;
  line-height: 30px;
}

.footer-social .section-inner ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75em; /* spacing between items */
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
}

.footer-social .section-inner ul li:first-child {
  flex: 0 0 100%; /* first item takes full line */
}

.cus-options-ltent 
{
margin-bottom: 10px;margin-top: 5px;
}

.benefits-cus-tent {
    margin-top: 5px;
}

#benefits-cus-tent-sep {display:none;}

.why-tennology-best
{
margin: 0px 0px 0px;position: relative;top: -10px;
}

  .horizonta-vertical-slider  
  {
    display: block !important;
    height: auto;
    width: 100%;
    margin-bottom: 15px;
  }

.horizonta-vertical-slider > img {
  width: 100%;
  height: auto;
}

#page-products .mobileh1 {
   font-size: 34px;
   line-height: 38px !important;
}

}