@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

:root {
  --tt-primary:#0EA5E9; --tt-primary-dark:#0369A1; --tt-ocean:#0F4C81; --tt-teal:#14B8A6; --tt-orange:#FF8A34;
  --tt-soft:#F5FAFF; --tt-card:#fff; --tt-text:#17212B; --tt-muted:#5D6E7F; --tt-border:rgba(23,33,43,.09);
  --tt-shadow:0 4px 6px -1px rgba(0,0,0,.10),0 2px 4px -1px rgba(0,0,0,.06);
  --tt-shadow-3d:0 16px 35px rgba(15,76,129,.13),0 4px 0 rgba(14,165,233,.10);
  --tt-shadow-lg:0 24px 60px rgba(15,76,129,.15); --tt-radius:20px; --tt-radius-sm:11px; --tt-max:1180px;
}
html[data-theme="dark"] {
  --tt-card:#172331; --tt-text:#F4F8FB; --tt-muted:#B9C8D4; --tt-border:rgba(255,255,255,.10); --tt-soft:#101B26;
  --tt-shadow:0 4px 14px rgba(0,0,0,.22); --tt-shadow-3d:0 16px 38px rgba(0,0,0,.30),0 4px 0 rgba(14,165,233,.08); --tt-shadow-lg:0 24px 60px rgba(0,0,0,.30);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{
  margin:0;color:var(--tt-text);
  background:radial-gradient(circle at 0% 18%,rgba(0,225,255,.14),transparent 28%),radial-gradient(circle at 100% 10%,rgba(180,255,120,.16),transparent 24%),radial-gradient(circle at 88% 72%,rgba(255,97,216,.10),transparent 28%),linear-gradient(180deg,#FEFFFF 0%,#F9FCFF 100%);
  font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;line-height:1.7;text-align:right;overflow-x:hidden;
}
html[data-theme="dark"] body{background:radial-gradient(circle at 0% 18%,rgba(0,225,255,.08),transparent 28%),radial-gradient(circle at 100% 10%,rgba(180,255,120,.06),transparent 24%),linear-gradient(180deg,#101B26 0%,#142334 100%)}
a{color:inherit;text-decoration:none}.tt-container{width:min(var(--tt-max),calc(100% - 28px));margin-inline:auto}

.tt-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);border-bottom:1px solid var(--tt-border);backdrop-filter:blur(18px)}
html[data-theme="dark"] .tt-header{background:rgba(16,27,38,.88)}
.tt-header-inner{min-height:74px;display:flex;align-items:center;gap:1rem}.tt-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.tt-logo img{display:block;width:168px;height:auto;max-height:54px;object-fit:contain}.tt-nav{display:flex;align-items:center;gap:1.05rem;margin-inline-start:auto;color:var(--tt-muted);font-weight:800}.tt-nav a:hover{color:var(--tt-primary-dark)}
.tt-actions{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.tt-primary,.tt-action-btn,.tt-menu{border:0;min-height:42px;border-radius:var(--tt-radius-sm);font-weight:900;cursor:pointer;font-family:inherit}
.tt-primary{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.05rem;color:white;background:linear-gradient(135deg,var(--tt-primary-dark),var(--tt-primary));box-shadow:var(--tt-shadow);transition:all .25s ease}.tt-primary:hover{transform:translateY(-2px)}.tt-primary.white{background:white;color:#0B7A52}
.tt-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .72rem;color:var(--tt-text);background:rgba(14,165,233,.10)}
.tt-menu{display:none;width:44px;padding:0;background:var(--tt-primary);box-shadow:var(--tt-shadow)}.tt-menu span{display:block;width:20px;height:2px;margin:4px auto;background:white;border-radius:999px}

.tt-hero{position:relative;padding:18px 0 22px;background-image:var(--hero-bg-image);background-size:cover;background-position:center;isolation:isolate}
.tt-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,253,255,.92),rgba(255,255,255,.76)),radial-gradient(circle at 4% 0%,rgba(14,165,233,.12),transparent 30%),radial-gradient(circle at 98% 0%,rgba(255,138,52,.11),transparent 27%);z-index:-1}
html[data-theme="dark"] .tt-hero::before{background:linear-gradient(90deg,rgba(16,27,38,.92),rgba(20,35,52,.82)),radial-gradient(circle at 4% 0%,rgba(14,165,233,.10),transparent 30%)}
.tt-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:1.35rem;align-items:center}
.tt-hero h1{margin:0 0 .35rem;font-size:clamp(1.85rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.035em;font-weight:900}.tt-hero p{margin:0;color:var(--tt-muted);font-size:clamp(.96rem,1.35vw,1.06rem);max-width:600px}
.tt-admin-note{display:inline-flex;margin-top:.65rem;padding:.25rem .6rem;border-radius:999px;background:rgba(14,165,233,.09);color:var(--tt-muted);font-size:.8rem;font-weight:700}

.tt-promo-slider{margin-top:.85rem}.tt-slider-track{position:relative;min-height:176px}.tt-slide{position:absolute;inset:0;opacity:0;visibility:hidden;padding:20px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--slide-accent) 16%,white),rgba(255,255,255,.74));border:1px solid var(--tt-border);box-shadow:var(--tt-shadow-lg);overflow:hidden;transition:.35s ease}
.tt-slide::after{content:"";position:absolute;left:-70px;bottom:-80px;width:190px;height:190px;border-radius:50%;background:color-mix(in srgb,var(--slide-accent) 20%,transparent)}
.tt-slide.is-active{opacity:1;visibility:visible}.tt-slide span{display:inline-flex;padding:.28rem .65rem;border-radius:999px;background:rgba(255,255,255,.72);color:var(--tt-primary-dark);font-weight:900;font-size:.8rem}.tt-slide h2{position:relative;z-index:1;margin:.55rem 0 .25rem;font-size:1.35rem;line-height:1.25}.tt-slide p{position:relative;z-index:1;font-size:.94rem;max-width:430px}.tt-slide a{position:relative;z-index:1;display:inline-flex;margin-top:.65rem;color:var(--tt-primary-dark);font-weight:900}
.tt-slider-controls{display:flex;gap:.4rem;margin-top:.65rem;justify-content:flex-start}.tt-slider-dot{width:10px;height:10px;border-radius:50%;border:0;background:#cbd5e1;cursor:pointer}.tt-slider-dot.is-active{width:28px;border-radius:999px;background:var(--tt-primary)}

.tt-widget-card{background:rgba(255,255,255,.94);border:1px solid var(--tt-border);border-radius:28px;box-shadow:var(--tt-shadow-lg);padding:18px}html[data-theme="dark"] .tt-widget-card{background:rgba(23,35,49,.94)}
.tt-widget-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.tt-mini{display:inline-flex;width:fit-content;color:var(--tt-teal);font-size:.76rem;border-radius:999px;font-weight:900}.tt-widget-card h2{margin:.15rem 0 0;font-size:1.34rem;line-height:1.25}.tt-widget-provider{padding:.35rem .65rem;border-radius:999px;color:var(--tt-muted);background:var(--tt-soft);font-size:.76rem;font-weight:800;white-space:nowrap}
.tt-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;padding:.35rem;border-radius:16px;background:var(--tt-soft);margin-bottom:.75rem}.tt-tabs button{border:0;border-radius:12px;padding:.75rem;color:var(--tt-muted);background:transparent;font-weight:900;cursor:pointer;font-family:inherit}.tt-tabs button.active{color:white;background:linear-gradient(135deg,var(--tt-primary-dark),var(--tt-primary));box-shadow:var(--tt-shadow)}
.tt-widget-zone{min-height:300px;display:grid;place-items:center;border-radius:18px;border:1px dashed rgba(14,165,233,.45);background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(255,138,52,.08)),var(--tt-card)}.tt-widget-placeholder{display:grid;gap:.35rem;text-align:center;color:var(--tt-muted);padding:18px}.tt-widget-placeholder strong{color:var(--tt-text);font-size:1.04rem}.tt-widget-footer{display:flex;align-items:center;justify-content:space-between;gap:.9rem;color:var(--tt-muted);font-size:.86rem;margin-top:.65rem}.tt-widget-footer a{color:var(--tt-primary-dark);font-weight:900}

.tt-section{padding:38px 0}.tt-services{padding-top:30px}.tt-soft{background:radial-gradient(circle at 100% 0%,rgba(14,165,233,.07),transparent 22%),var(--tt-soft)}
.tt-section-head{max-width:760px;margin:0 auto 1.15rem;text-align:center}.tt-section-head h2{margin:.5rem 0 .3rem;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.22;font-weight:900}.tt-section-head p{margin:0;color:var(--tt-muted)}.tt-pill{display:inline-flex;width:fit-content;border-radius:999px;font-weight:900;padding:.42rem .75rem;color:var(--tt-primary-dark);background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.20)}.tt-pill.light{color:white;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}

.tt-service-grid,.tt-route-grid,.tt-tools-grid,.tt-blog-grid,.tt-campaign-grid{display:grid;gap:1rem}.tt-service-grid{grid-template-columns:repeat(3,1fr)}.tt-route-grid,.tt-tools-grid{grid-template-columns:repeat(4,1fr)}.tt-campaign-grid,.tt-blog-grid{grid-template-columns:repeat(3,1fr)}
.tt-service-card,.tt-route-card,.tt-tool-box,.tt-blog-card,.tt-campaign-card{position:relative;overflow:hidden;border-radius:var(--tt-radius);background:var(--tt-card);border:1px solid var(--tt-border);box-shadow:var(--tt-shadow);transition:transform .28s ease,box-shadow .28s ease}.tt-service-card:hover,.tt-route-card:hover,.tt-tool-box:hover,.tt-blog-card:hover,.tt-campaign-card:hover{transform:translateY(-6px) rotateX(1deg);box-shadow:var(--tt-shadow-3d)}
.tt-service-card{padding:20px;min-height:222px;box-shadow:var(--tt-shadow-3d)}.tt-service-card.disabled{opacity:.68;filter:grayscale(.15)}.tt-service-card::before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none}.service-flight::before{background:radial-gradient(circle at 10% 10%,#0EA5E9,transparent 45%)}.service-hotel::before{background:radial-gradient(circle at 10% 10%,#14B8A6,transparent 45%)}.service-umrah::before{background:radial-gradient(circle at 10% 10%,#FF8A34,transparent 45%)}.service-visa::before{background:radial-gradient(circle at 10% 10%,#8B5CF6,transparent 45%)}.service-medical::before{background:radial-gradient(circle at 10% 10%,#10B981,transparent 45%)}.service-car::before{background:radial-gradient(circle at 10% 10%,#FACC15,transparent 45%)}
.tt-badge{position:absolute;top:14px;left:14px;padding:.25rem .6rem;border-radius:999px;color:white;background:var(--tt-orange);font-size:.76rem;font-weight:900;box-shadow:var(--tt-shadow);z-index:2}.tt-badge.muted{background:#94A3B8}.tt-service-icon{position:relative;z-index:1;width:66px;height:66px;display:grid;place-items:center;border-radius:19px;font-size:1.9rem;margin-bottom:.9rem;background:rgba(255,255,255,.78);box-shadow:0 12px 25px rgba(0,0,0,.08)}
.tt-service-card h3,.tt-service-card p,.tt-service-card a{position:relative;z-index:1}.tt-service-card h3{margin:0 0 .35rem;font-size:1.28rem}.tt-service-card p{margin:0 0 .85rem;color:var(--tt-muted)}.tt-service-card a,.tt-route-card a,.tt-campaign-card a{color:var(--tt-primary-dark);font-weight:900}

.tt-route-card,.tt-tool-box,.tt-blog-card{padding:20px;min-height:138px}.tt-route-card span,.tt-tool-box span,.tt-blog-card span{color:var(--tt-muted);font-weight:800}.tt-route-card strong{display:block;font-size:1.33rem;margin-top:.22rem}.tt-tool-box{display:grid;align-content:center;border-style:dashed}.tt-tool-box strong{color:var(--tt-primary-dark)}
.tt-campaign-card{padding:22px;min-height:176px;color:white}.tt-campaign-card span{display:inline-block;margin-bottom:.65rem;color:rgba(255,255,255,.86);font-weight:900}.tt-campaign-card h3{margin:0 0 .9rem;font-size:1.35rem}.tt-campaign-card a{color:white}.tt-campaign-card.warm{background:linear-gradient(135deg,#FF8A34,#F97316)}.tt-campaign-card.ocean{background:linear-gradient(135deg,#0F4C81,#0EA5E9)}.tt-campaign-card.mint{background:linear-gradient(135deg,#0F766E,#14B8A6)}
.tt-blog-card span{color:var(--tt-orange)}.tt-blog-card h3{margin:.45rem 0 0;font-size:1.2rem}.tt-smart-help{padding-top:28px}.tt-help-card{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:26px;border-radius:28px;color:white;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,#0EA5E9,#14B8A6);box-shadow:var(--tt-shadow-lg)}.tt-help-card h2{margin:.55rem 0 .25rem;font-size:clamp(1.55rem,3vw,2.35rem)}.tt-help-card p{margin:0;color:rgba(255,255,255,.85)}
.tt-footer{padding:42px 0;color:white;background:radial-gradient(circle at 85% 10%,rgba(14,165,233,.22),transparent 32%),#0B1220}.tt-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.75fr);gap:1.5rem}.tt-footer img{max-width:230px;height:auto;background:white;border-radius:14px;padding:8px}.tt-footer p{color:rgba(255,255,255,.70);max-width:360px}.tt-footer h3{margin:0 0 .7rem;font-size:1.05rem}.tt-footer a{display:block;color:rgba(255,255,255,.74);margin:.35rem 0}
[dir="ltr"] body{text-align:left}[dir="ltr"] .tt-nav{margin-inline-start:0;margin-inline-end:auto}[dir="ltr"] .tt-badge{left:auto;right:14px}

@media(max-width:1040px){.tt-hero-grid{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.tt-hero-copy{text-align:center;margin-inline:auto}.tt-nav{position:fixed;top:74px;right:14px;left:14px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:18px;background:var(--tt-card);border:1px solid var(--tt-border);box-shadow:var(--tt-shadow-lg)}.tt-nav.open{display:flex}.tt-nav a{padding:.9rem 1rem;border-radius:12px}.tt-menu{display:inline-block}.tt-start{display:none}.tt-service-grid,.tt-route-grid,.tt-tools-grid,.tt-campaign-grid,.tt-blog-grid{grid-template-columns:repeat(2,1fr)}.tt-widget-top,.tt-widget-footer,.tt-help-card{flex-direction:column;align-items:stretch}.tt-widget-provider{width:fit-content}.tt-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tt-container{width:min(100% - 20px,var(--tt-max))}.tt-header-inner{min-height:64px}.tt-nav{top:64px}.tt-logo img{width:130px;max-height:46px}.tt-action-btn{min-height:38px;padding:.42rem .55rem}.tt-hero{padding:10px 0 18px}.tt-hero h1{font-size:clamp(1.55rem,8vw,2.15rem);margin-bottom:.18rem}.tt-hero p{font-size:.88rem;line-height:1.45}.tt-admin-note{display:none}.tt-promo-slider{display:none}.tt-widget-card{padding:13px;border-radius:22px}.tt-widget-card h2{font-size:1.1rem}.tt-tabs button{padding:.66rem}.tt-widget-zone{min-height:310px}.tt-section{padding:30px 0}.tt-services{padding-top:26px}.tt-section-head{margin-bottom:.9rem}.tt-service-grid,.tt-route-grid,.tt-tools-grid,.tt-campaign-grid,.tt-blog-grid,.tt-footer-grid{grid-template-columns:1fr}.tt-service-card{min-height:190px;padding:18px}.tt-tool-box{min-height:126px}.tt-footer img{max-width:190px}}


/* ===== RC8 mobile slider fix ===== */
.tt-promo-slider-mobile {
  display: none;
}

@media(max-width:640px) {
  /* Keep the desktop promo hidden in mobile so the widget stays high on screen */
  .tt-hero-copy > .tt-promo-slider {
    display: none;
  }

  /* Show a compact mobile promo slider immediately after the search widget */
  .tt-promo-slider-mobile {
    display: block;
    margin-top: .85rem;
  }

  .tt-promo-slider-mobile .tt-slider-track {
    min-height: 150px;
  }

  .tt-promo-slider-mobile .tt-slide {
    padding: 15px;
    border-radius: 18px;
  }

  .tt-promo-slider-mobile .tt-slide h2 {
    font-size: 1.02rem;
    line-height: 1.25;
  }

  .tt-promo-slider-mobile .tt-slide p {
    font-size: .84rem;
    line-height: 1.45;
  }

  .tt-promo-slider-mobile .tt-slider-controls {
    justify-content: center;
  }
}


/* ===== RC9 mobile header stability fix ===== */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 640px) {
  .tt-header-inner {
    min-height: 62px;
    gap: .45rem;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .tt-logo {
    flex: 0 1 auto;
    min-width: 0;
  }

  .tt-logo img {
    width: clamp(96px, 31vw, 125px);
    max-height: 42px;
    object-fit: contain;
  }

  .tt-actions {
    flex: 0 0 auto;
    gap: .38rem;
  }

  .tt-action-btn,
  .tt-menu {
    min-height: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .tt-action-btn {
    padding: .35rem .5rem;
    font-size: .78rem;
  }

  .tt-lang span:last-child {
    display: none;
  }

  .tt-menu {
    width: 38px;
  }

  .tt-menu span {
    width: 18px;
    margin: 3.5px auto;
  }

  .tt-nav {
    top: 62px;
    right: 10px;
    left: 10px;
  }
}

@media (max-width: 360px) {
  .tt-container {
    width: min(100% - 14px, var(--tt-max));
  }

  .tt-header-inner {
    gap: .32rem;
  }

  .tt-logo img {
    width: 92px;
  }

  .tt-actions {
    gap: .28rem;
  }

  .tt-action-btn,
  .tt-menu {
    min-height: 34px;
    height: 34px;
  }

  .tt-action-btn {
    padding: .28rem .42rem;
    font-size: .74rem;
  }

  .tt-menu {
    width: 36px;
  }
}


/* ===== RC10 laptop/tablet header breakpoint fix ===== */
/*
  Previous versions switched to hamburger too early around laptop/tablet widths.
  Keep a compact desktop header from 821px upward, and reserve hamburger for real mobile widths.
*/

@media (min-width: 821px) and (max-width: 1120px) {
  .tt-header-inner {
    min-height: 68px;
    gap: .65rem;
  }

  .tt-logo img {
    width: clamp(118px, 13vw, 150px);
    max-height: 48px;
  }

  .tt-nav {
    position: static;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: clamp(.48rem, .9vw, .82rem);
    margin-inline-start: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--tt-muted);
    font-size: clamp(.82rem, 1vw, .94rem);
    white-space: nowrap;
  }

  .tt-nav a {
    padding: 0;
    border-radius: 0;
  }

  .tt-nav a:hover {
    background: transparent;
    color: var(--tt-primary-dark);
  }

  .tt-actions {
    gap: .42rem;
  }

  .tt-action-btn {
    min-height: 38px;
    padding: .42rem .58rem;
    font-size: .82rem;
  }

  .tt-start {
    display: inline-flex;
    min-height: 38px;
    padding: .55rem .78rem;
    font-size: .84rem;
  }

  .tt-menu {
    display: none !important;
  }
}

/* Medium tablet: use hamburger only below 820px */
@media (max-width: 820px) {
  .tt-nav {
    position: fixed;
    top: 64px;
    right: 10px;
    left: 10px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 10px;
    border-radius: 18px;
    background: var(--tt-card);
    border: 1px solid var(--tt-border);
    box-shadow: var(--tt-shadow-lg);
  }

  .tt-nav.open {
    display: flex;
  }

  .tt-menu {
    display: inline-block;
  }

  .tt-start {
    display: none;
  }
}

/* Very narrow laptop/browser split-screen protection */
@media (min-width: 821px) and (max-width: 960px) {
  .tt-nav {
    gap: .45rem;
    font-size: .8rem;
  }

  .tt-logo img {
    width: 118px;
  }

  .tt-action-btn {
    padding: .36rem .48rem;
  }

  .tt-start {
    padding: .48rem .65rem;
  }
}


/* ===== RC11 tablet/header refinement + remove temporary hero note ===== */
.tt-admin-note {
  display: none !important;
}

/* Tablet/customizer preview range: keep header balanced, not stretched or distorted. */
@media (min-width: 641px) and (max-width: 900px) {
  .tt-header-inner {
    min-height: 66px;
    gap: .5rem;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .tt-logo {
    flex: 0 0 auto;
    order: 3;
  }

  .tt-logo img {
    width: clamp(118px, 20vw, 150px);
    max-height: 48px;
  }

  .tt-actions {
    order: 1;
    flex: 0 0 auto;
    gap: .42rem;
  }

  .tt-menu {
    display: inline-block !important;
    width: 42px;
    min-height: 40px;
    height: 40px;
  }

  .tt-action-btn {
    min-height: 40px;
    height: 40px;
    padding: .42rem .58rem;
  }

  .tt-start {
    display: none !important;
  }

  .tt-nav {
    position: fixed;
    top: 66px;
    right: 12px;
    left: 12px;
    display: none !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 10px;
    border-radius: 18px;
    background: var(--tt-card);
    border: 1px solid var(--tt-border);
    box-shadow: var(--tt-shadow-lg);
    margin-inline-start: 0;
    white-space: normal;
    font-size: .95rem;
  }

  .tt-nav.open {
    display: flex !important;
  }

  .tt-nav a {
    padding: .9rem 1rem;
    border-radius: 12px;
  }

  .tt-hero {
    padding-top: 16px;
  }

  .tt-hero h1 {
    font-size: clamp(2rem, 5.4vw, 2.8rem);
  }
}

/* Wider compact laptop: keep normal menu, but make it compact. */
@media (min-width: 901px) and (max-width: 1180px) {
  .tt-header-inner {
    gap: .65rem;
  }

  .tt-logo img {
    width: clamp(132px, 13vw, 160px);
  }

  .tt-nav {
    gap: clamp(.5rem, .85vw, .9rem);
    font-size: clamp(.82rem, .9vw, .94rem);
    white-space: nowrap;
  }

  .tt-actions {
    gap: .45rem;
  }

  .tt-action-btn {
    padding: .42rem .58rem;
  }

  .tt-start {
    padding: .55rem .8rem;
    font-size: .86rem;
  }
}