:root {
      --navy: #031336;
      --para: #334155;
      --brand-grad-start: #6455ff;
      --brand-grad-end: #4c2eff;
      --pink: #e11155;
      --pink-light: #f8357e;
      --hero-bg: #f3f6fc;
      --blue-slab: #4a34d4;  
      --blue-tri: #5fa6ff;    
      --nav-bg:    rgb(20 197 186);
      --nav-text:  #ffffff;
      --nav-hover: #ffe8e8;
      --btn-bg:    #f5f5f5;
      --btn-text:  rgb(20 197 186);
      --bg-light:#eef6ff;
      --text-dark:#031b4e;
      --text-body:#525e7a;
      --row-gap:4rem;            
      --max-width:1300px;
      --img-size:340px;           
      --badge-size:72px;  
      --c-accent:#3465ff;
    --c-base:#0e1c4d;
    --c-mute:#79809b;
    --c-line:#e8eafc;
    }

    *{ 
      margin: 0; 
      padding: 0; 
      box-sizing: border-box; 
    }

    body {
      font-family: "Poppins", sans-serif;
      background: var(--hero-bg);
      line-height: 1.6;
      color: var(--para);
    }

    .custom-btn {
      background-color: rgb(220, 232, 231) !important;
      color: #14C5BA !important;
      margin-top: 0.2rem !important;
      font-weight: 600 !important;
      padding: 4px 14px !important;
      margin-right: 9px;
    }

    

    /* ========== RESET ========== */
    *{
      margin:0;
      padding:0;
      box-sizing:border-box
    }
    ul{
      list-style:none
    }
    a{
      text-decoration:none;
      color:inherit
    }
    body{
      font-family:system-ui,-apple-system,sans-serif;
      line-height:1.4
    }

    .navbar-custom {
     background-color: rgb(20, 197, 186) !important;
    }

    /* ========== NAVBAR ========== */
    .navbar{
      position:fixed;inset:0 0 auto;
      z-index:1000;
      width:100%;
       background-color: rgb(20, 197, 186);
      padding:15px 30px;
      box-shadow:0 2px 10px rgba(0,0,0,.2);
      display:flex;justify-content:center;
    }
    .navbar-container{
      width:100%;max-width:1300px;
      display:flex;align-items:center;justify-content:space-between;
    }

    /* logo */
    .navbar-brand img{height:36px}

    /* links */
    .nav-links{
      display:flex;align-items:center;gap:30px;
    }
    .nav-links li a{
      color:var(--nav-text);
      padding:8px 8px;
      font-weight:500;
      transition:color .25s;
    }
    .nav-links li a:hover{color:var(--nav-hover)}

    /* contact button */
    .navbar-btn-brand{
      background:var(--btn-bg);
      color:var(--btn-text)!important;
      padding:10px 30px!important;
      border-radius:50px;
      transition:background .25s,transform .15s;
    }
    .navbar-btn-brand:hover{transform:translateY(-2px)}

    /* ========== DROPDOWN (base) ========== */
    .dropdown{position:relative}
    .dropbtn{display:flex;align-items:center;gap:6px}
    .dropdown-arrow{font-size:.7em;transition:transform .3s}

    .dropdown-content{
      position:absolute;
      left:50%;top:calc(100% + 15px);
      transform:translateX(-50%);
      background:#f4f5f5;color:#000;
      min-width:240px;
      border-radius:8px;
      box-shadow:0 8px 16px rgba(0,0,0,.2);
      padding:20px;
      opacity:0;visibility:hidden;pointer-events:none;
      transition:opacity .3s,transform .3s;
    }
    .dropdown-content p{font-weight:600;margin-bottom:2px}
    .dropdown:hover .dropdown-content{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
    .dropdown:hover .dropdown-arrow{transform:rotate(180deg)}
    .dropdown-content:hover {
      opacity:1;visibility:visible;pointer-events:auto;
      transform:translate(-50%,0);
      transition:opacity .3s,transform .3s;
      
    }

    /* ========== HAMBURGER ========== */
    .menu-icon{display:none;font-size:1.8rem;color:var(--nav-text);cursor:pointer}

    /* ========== MOBILE (≤576 px) ========== */
    @media (max-width:576px){
      .menu-icon{display:block}

      /* collapse nav list */
      .nav-links{
        position:absolute;left:0;top:100%;
        width:100%;
        flex-direction:column;align-items:flex-start;
        background:var(--nav-bg);
        overflow:hidden;max-height:0;
        transition:max-height .35s ease-out;
      }
      .nav-links.active{max-height:600px}

      .nav-links li{width:100%}
      .nav-links li a{display:block;width:100%;padding:12px 25px}

      /* override dropdown for mobile */
      .dropdown-content{
        position:static;transform:none;left:auto;top:auto;
        box-shadow:none;border-radius:0;
        padding:10px 25px 5px;
        background:#eff0f0;
        max-height:0;overflow:hidden;opacity:1;visibility:visible;
        transition:max-height .35s ease-out;
      }
      .dropdown.open .dropdown-content{max-height:400px}
      .dropdown.open .dropdown-arrow{transform:rotate(180deg)}
      /* keep arrow neutral on hover (mobile tap handles it) */
      .dropdown:hover .dropdown-arrow{transform:none}
      .dropdown:hover .dropdown-content{opacity:1;visibility:visible;pointer-events:auto;transform:none}
    }


    




.brands {
  position: relative;
  padding: 70px 0;
  overflow: hidden;
  background-image: url('./images/moreBg.jpg');
}

.text-center {
  text-align: center;
  margin: 2rem;
  color: #fff;
  font-size: 2rem;
}

.bold {
  font-weight: bold;
}

.wireSvg {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0.2;
  z-index: -1;
}

.containe {
  position: relative;
  overflow: hidden;
}

.sideblur {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100px;
  z-index: 1;
  pointer-events: none;
}

.sideblurLeft {
  left: 0;
  background: linear-gradient(to right, #287286, transparent);
}

.sideblurRight {
  right: 0;
  background: linear-gradient(to left, #287286, transparent);
}

.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.marquee-content {
  display: flex;
  gap: 2rem;
  will-change: transform;
  animation: scroll 20s linear infinite;
}

.marquee[data-direction="right"] .marquee-content {
  animation-direction: reverse;
}

.marquee-item img {
  height: 40px;
  width: auto;
  object-fit: contain;
}

.mt-5 {
  margin-top: 3rem;
}

@keyframes scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}


 @media (max-width: 500px) {
  .sideblur {
    width: 50px;

  }
 }














    .hero {
      position: relative;
      overflow: hidden;
      margin-top: 4.7rem;
      padding: 60px 120px;
    }
    /* .hero::before,
    .hero::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: -230px;
      width: 400px;
      transform: skewX(-24deg);
      transform-origin: top right;
      z-index: 1;
    }
    .hero::before { background: var(--blue-tri); }
    .hero::after  { background: var(--blue-slab); right: -330px; } */

    .container {
      position: relative;
      max-width: 1300px;
      margin: 0 auto;
      padding: 0 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 70px;
    }

    .text-wrap h1 {
      font-size: 3.2rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 24px;
      line-height: 1.2;
    }
    .text-wrap p {
      font-size: 1.075rem;
      margin-bottom: 18px;
    }
    .primary-btn {
      display: inline-block;
      margin-top: 10px;
      padding: 14px 56px;
      font-size: 1.05rem;
      font-weight: 600;
      color: #fff;
      border: 0;
      border-radius: 8px;
      background: #14C5BA;
      cursor: pointer;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .primary-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    }
    .visual {
      position: relative;
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
    }
    .visual img {
      width: 600px;
      height: 400px;
      /* border-radius: 50%; */
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
      object-fit: cover;
    }
    
    /* ------ WhatsApp floating button ------ */
    .wa-fab {
      position: fixed;
      bottom: 32px;
      right: 32px;
      width: 64px;
      height: 64px;
      background: #25d366;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      z-index: 999;
      cursor: pointer;
      transition: transform 0.25s ease;
    }
    .wa-fab:hover { transform: scale(1.1); }

    @media (max-width: 991px) {
      .container { flex-direction: column; text-align: center; }
      .visual { margin-top: 40px; }
    }
    @media (max-width: 500px) {
      .text-wrap h1 { font-size: 2rem; }
      .hero { padding: 30px 10px; }
      .ring { width: 320px; height: 320px; }
      .flag-badge { width: 54px; height: 54px; left: -18px; }
      .visual img {
      width: 300px;
      height: 200px;
      /* border-radius: 50%; */
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
      object-fit: cover;
    }
    }


   













/* ----------  Influencer Marketing Services Section  ---------- */
.ims-section{
  background:#14C5BA;
  color:#fff;
  padding:110px 0 140px;
  position:relative;
  overflow:hidden;
}

/* wrapper centres content & limits width */
.ims-wrapper{
  max-width:1240px;
  margin:0 auto;
  padding:0 28px;
}

.ims-title{
  text-align:center;
  font-size:2.2rem;             /* ≈46‑48 px */
  font-weight:700;
  margin-bottom:95px;
  line-height:1;
}

/* two‑col grid */
.ims-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:40px 60px;               /* row gap / col gap */
}

/* individual service row */
.ims-item{
  display:flex;
  gap:20px;
  align-items:flex-start;
}

.ims-item i{
  flex-shrink:0;
  font-size:25px;               /* big outlined icon */
  line-height:1;
}

/* text block */
.ims-text h3{
  font-size:1.75rem;            /* ≈28px */
  font-weight:700;
  margin-bottom:14px;
}
.ims-text p{
  font-size:1rem;
  line-height:1.65;
}

/* ---- WhatsApp floating FAB ---- */
.wa-fab{
  position:fixed;
  bottom:32px; 
  right:32px;
  width:66px; 
  height:66px;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  z-index:999;
  transition:transform .25s ease;
}

.wa-fab:hover{transform:scale(1.1)}

/* ----------  Responsive Tweaks  ---------- */
@media(max-width:1050px){
  .ims-grid{gap:70px 90px}
  .ims-item i{font-size:84px}
}

@media(max-width:820px){
  .ims-grid{grid-template-columns:1fr;gap:60px}
  .ims-item i{font-size:78px}
  .ims-title{font-size:2.4rem;margin-bottom:70px}
}

@media(max-width:480px){
  .ims-section{padding:90px 0 110px}
  .ims-title{font-size:2rem;margin-bottom:60px}
  .ims-item i{font-size:64px}
  .ims-text h3{font-size:1.45rem}
  .ims-text p{font-size:.98rem}
}





  .cosmo-hub{
    max-width:1250px;
    margin:auto;
    padding:3rem 1rem 4rem;
    text-align:center;
  }
  .cosmo-title{
    font-size:clamp(1.9rem,4vw,3rem);
    font-weight:800;
    margin-bottom:2.6rem;
  }

  /* -------- Tabs -------- */
  .nebula-rail{
    display:flex;
    justify-content:center;
    gap:2.6rem;
    border-bottom:1px solid var(--c-line);
    margin-bottom:2.6rem;
  }
  .nebula-knob{
    background:none;border:none;cursor:pointer;
    font-size:1rem;font-weight:600;
    color:var(--c-mute);
    padding:.5rem 0 1rem;
    position:relative;
    transition:.24s;
  }
  .nebula-knob.is-on{color:var(--c-base);}
  .nebula-knob.is-on::after{
    content:"";position:absolute;left:0;bottom:-1px;
    width:100%;height:2px;background:var(--c-accent);
  }

  /* -------- Card -------- */
  .orbit-shell{
    border:1px solid var(--c-line);
    border-radius:16px;
    padding:2rem 1.25rem 2.6rem;
    display:flex;flex-direction:column;align-items:center;
    background:#fff;transition:.3s;
  }
  .orbit-shell:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 22px rgba(18,30,74,.12);
  }
  .orbit-avatar{width:180px;height:180px;border-radius:50%;overflow:hidden;margin-bottom:1.4rem;}
  .orbit-avatar img{width:100%;height:100%;object-fit:cover}
  .orbit-tag{font-size:.75rem;font-weight:700;letter-spacing:.4px;color:var(--c-accent);margin-bottom:.35rem}
  .orbit-name{font-size:1.28rem;font-weight:700;margin-bottom:.55rem}
  .orbit-stat{font-size:.9rem;color:var(--c-mute)}
  .orbit-stat i{margin-right:.25rem}

  /* -------- Owl tweaks -------- */
  .owl-carousel .owl-stage{display:flex;align-items:stretch}
  .owl-item{padding:22px 0}

  @media (max-width: 564px) {
    .cosmo-hub{padding:2rem 1rem 3rem;}
    .cosmo-title{font-size:clamp(1.6rem,5vw,2.4rem);}
    .nebula-rail{
      justify-content:center;
      gap:1.5rem; margin-bottom:1.5rem;
    }
    /* .nebula-knob{padding:.5rem 0 1.2rem;font-size:.9rem;} */
    /* .orbit-shell{padding:1.5rem 1rem 2.2rem;} */
    /* .orbit-avatar{width:150px;height:150px;margin-bottom:1.2rem;} */
    /* .orbit-name{font-size:1.15rem;} */
  }



























 /* ----------  SECTION WRAPPER  ---------- */
    .usaimp-section{
      font-family:"Poppins",sans-serif;
      background:#eef6ff;          /* very light blue backing */
      padding:3.5rem 1rem;
    }

    .usaimp-heading{
      text-align:center;
      font-size:clamp(1.75rem,3vw,2.5rem);
      font-weight:700;
      color:#031b4e;               /* deep navy */
      margin-bottom:3rem;
    }

    /* ----------  FLEX WRAPPER  ---------- */
    .usaimp-cardwrap{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:2.2rem;                  /* space between cards */
      max-width:1250px;
      margin-inline:auto;
    }

    /* ----------  SINGLE CARD  ---------- */
    .usaimp-card{
      flex:1 1 20rem;              /* grows/shrinks, base width 20rem (~320 px) */
      max-width:22rem;             /* keeps them from stretching too wide on XL */
      background:#fff;
      border-radius:12px;
      padding:3.5rem 2rem 2.75rem;
      box-shadow:0 0 0 4px rgba(0,128,255,.04) inset;  /* subtle border‑feel */
      transition:transform .3s ease;
      text-align:center;
    }
    .usaimp-card:hover{
      transform:translateY(-6px);
    }

    .usaimp-icon{
      width:80px;
      height:80px;
      object-fit:contain;
      margin:-5.25rem auto 1.8rem; /* pulls icon upward inside card */
    }

    .usaimp-title{
      font-size:1.375rem;
      font-weight:700;
      color:#031b4e;
      line-height:1.35;
      margin-bottom:1.25rem;
    }

    .usaimp-desc{
      font-size:1rem;
      line-height:1.65;
      color:#525e7a;
    }

    /* ----------  RESPONSIVE TWEAKS  ---------- */
    @media (max-width:1024px){
      .usaimp-card{flex-basis:45%;}
    }
    @media (max-width:640px){
      .usaimp-card{flex-basis:100%;}
    }




/* ===== SECTION ===== */
    .usabig-section{
      font-family:'Poppins',sans-serif;
      background:var(--bg-light);
      padding:5rem 1rem 6rem;
      min-height:120vh;           /* BIGGER than full viewport */
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
    }
    .usabig-title{
      text-align:center;
      font-size:clamp(2rem,3.2vw,2.8rem);
      color:var(--text-dark);
      font-weight:700;
      max-width:45ch;
      margin:0 auto calc(var(--row-gap) + 0.5rem);
      line-height:1.25;
    }

    /* ===== ROW WRAPPER ===== */
    .usabig-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:3.5rem;
      max-width:var(--max-width);
      margin:0 auto var(--row-gap);
    }
    /* alternate left / right */
    .usabig-row:nth-child(even){flex-direction:row-reverse;}

    /* ===== IMAGE BOX ===== */
    .usabig-imgBox{
      flex:0 0 var(--img-size);
      position:relative;
    }
    .usabig-img{
      width:100%;
      aspect-ratio:1/1;
      border-radius:24px;
      object-fit:cover;
      box-shadow:0 12px 28px rgba(0,0,0,.1);
    }
    .usabig-badge{
      position:absolute;
      width:var(--badge-size);
      height:var(--badge-size);
      object-fit:contain;
      background:#fff;
      border-radius:18px;
      padding:8px;
      bottom:-20px; left:-20px;
      box-shadow:0 6px 18px rgba(0,0,0,.12);
    }
    .usabig-row:nth-child(even) .usabig-badge{
      left:auto; right:-20px;
    }

    /* ===== TEXT ===== */
    .usabig-content{
      flex:1 1 520px;             /* larger base width */
    }
    .usabig-heading{
      font-size:1.65rem;
      font-weight:700;
      color:var(--text-dark);
      margin-bottom:1.4rem;
      line-height:1.3;
    }
    .usabig-para{
      font-size:1.05rem;
      line-height:1.8;
      color:var(--text-body);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width:1024px){
      :root{
        --img-size:280px;
        --badge-size:64px;
      }
      .usabig-row{gap:2.5rem;}
    }
    @media (max-width:860px){
      .usabig-row{
        flex-direction:column !important;
        text-align:center;
      }
      .usabig-imgBox{margin-bottom:1.5rem;}
      .usabig-row:nth-child(even) .usabig-badge{right:auto;left:-20px;}
    }
    @media (max-width:540px){
      :root{
        --img-size:220px;
        --badge-size:56px;
        --row-gap:3rem;
      }
      .usabig-section{padding:4rem 1rem 5rem; min-height:unset;} /* allow normal flow on tiny screens */
    }




/* ===== VARIABLES (easy tweaks) ===== */
    :root{
      --bg-light:#ffffff;
      --bg-section:#eef6ff;
      --text-dark:#031b4e;
      --text-body:#525e7a;
      --accent:#6e4bff;              /* button & hover */
      --max-width:1150px;
    }

    /* ===== SECTION WRAPPER ===== */
    .usapick-section{
      font-family:'Poppins',sans-serif;
      background:var(--bg-section);
      padding:4.5rem 1rem 5rem;
    }
    .usapick-heading{
      text-align:center;
      font-size:clamp(1.75rem,3vw,2.4rem);
      color:var(--text-dark);
      font-weight:700;
      max-width:45ch;
      margin:0 auto 3.5rem;
      line-height:1.3;
    }

    /* ===== GRID ===== */
    .usapick-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:3rem 2.5rem;
      max-width:var(--max-width);
      margin:0 auto 3.75rem;
    }
    @media (max-width:960px){
      .usapick-grid{grid-template-columns:repeat(2,1fr);}
    }
    @media (max-width:600px){
      .usapick-grid{grid-template-columns:1fr;}
    }

    /* ===== CARD ===== */
    .usapick-card{
      text-align:center;
      display:flex;
      flex-direction:column;
      align-items:center;
      padding:0 0.5rem;
    }
    .usapick-icon{
      width:60px;
      height:60px;
      object-fit:contain;
      margin-bottom:1.2rem;
    }
    .usapick-title{
      font-size:1.15rem;
      font-weight:700;
      color:var(--text-dark);
      margin-bottom:0.9rem;
      line-height:1.3;
    }
    .usapick-text{
      font-size:.95rem;
      line-height:1.68;
      color:var(--text-body);
    }

    /* ===== CTA BUTTON ===== */
    .usapick-btnWrap{
      text-align:center;
    }
    .usapick-btn{
      display:inline-block;
      background:#14C5BA;
      color:#fff;
      font-weight:600;
      padding:.9rem 2.4rem;
      border-radius:8px;
      text-decoration:none;
      transition:background .25s ease, transform .25s ease;
    }
    .usapick-btn:hover{
      background:#5840d6;
      transform:translateY(-2px);
    }





    
 .faq-section {
  padding: 2rem 1rem;
  background: #fff;
}

.faq-container {
  max-width: 1200px;              /* keeps lines comfortable */
  margin: 0 auto;
}

/* ------------- TITLE ------------- */
.faq-title {
  font-size: 2.6rem;
  font-weight: 800;
  margin-bottom: 2.5rem;
}

/* ------------- ACCORDION ITEMS ------------- */
details {
  border-bottom: 1px solid #e2e8f0;
  padding: 1.2rem 0;
}

/* remove border from last item */
details:last-of-type {
  border-bottom: none;
}

details summary {
  font-size: 1.125rem;
  font-weight: 700;
  list-style: none;              /* hide default arrow */
  position: relative;
  cursor: pointer;
  padding-left: 2.3rem;          /* room for + / – icon */
  user-select: none;
}

/* + / – icon */
details summary::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 0.05rem;
  font-size: 1.55rem;
  color: #008cff;                /* bright blue like screenshot */
  line-height: 1;
  transition: transform 0.2s ease, content 0.2s ease;
}

/* swap to minus when open */
details[open] summary::before {
  content: "—";                  /* em-dash minus */
  transform: scale(1.2);
}

/* ANSWER TEXT */
details p {
  margin-top: 0.8rem;
  margin-left: 2.3rem;
  font-size: 1rem;
  color: #475569;
  max-width: 80ch;               /* keeps paragraphs readable */
}

/* LINKS inside answers */
details p a {
  color: #008cff;
  text-decoration: none;
}

details p a:hover {
  text-decoration: underline;
}

/* ------------- SMALL DEVICES TWEAKS ------------- */
@media (max-width: 480px) {
  .faq-title {
    font-size: 2rem;
  }

  details summary {
    font-size: 1rem;
  }

  details p {
    font-size: 0.95rem;
  }
}



































/* ========== THEME VARS (unique names) ========== */
    :root{
      --uDeepSea: #002b45;            /* background */
      --uIce:      #fff;              /* pure white */
      --uMist:     rgba(255,255,255,.85);
      --uRipple:   rgba(255,255,255,.25);
      --uBlush:    #ff3570;           /* heart color */
    }

    /* ========== RESET + BASE ========== */
    *{margin:0;padding:0;box-sizing:border-box}
    body{font-family:Poppins,sans-serif;}

    /* ========== FOOTER START ========== */
    .orbit-footer{
      background:var(--uDeepSea);
      color:var(--uIce);
    }

    /* Catchy headline */
    .orbit-headline{
      text-align:center;
      padding:4rem 1rem 3.5rem;
    }
    .orbit-headline h2{
      font-weight:600;
      font-size:clamp(1rem,2vw + 1rem,2.5rem);
      line-height:1.2;
    }

    /* separator */
    .orbit-slice{
      border:0;
      border-top:1px solid var(--uRipple);
      margin-inline:8%;
    }

    /* grid wrapper */
    .orbit-grid{
      --gap:2.5rem;
      max-width:1200px;
      margin:3rem auto 2.5rem;
      padding:0 1rem;
      display:grid;
      gap:var(--gap);
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    }

    /* logo box */
    .orbit-brand img{width:190px}

    /* socials */
    .orbit-social{
      margin-top:2rem;
      display:flex;gap:1rem;
    }
    .orbit-social a{
      width:56px;height:56px;
      display:grid;place-items:center;
      background:var(--uIce);
      color:var(--uDeepSea);
      border-radius:50%;
      font-size:1.25rem;
      transition:transform .25s;
    }
    .orbit-social a:hover{transform:translateY(-4px)}

    /* column headings & links */
    .orbit-col h5{
      font-size:1.25rem;
      margin-bottom:1.3rem;
      font-weight:600;
      margin-left : 2rem;
    }
    .orbit-col ul{list-style:none}
    .orbit-col li{margin-bottom:.8rem}
    .orbit-col a{
      color:var(--uMist);
      text-decoration:none;
      transition:opacity .25s;
    }
    .orbit-col a:hover{opacity:1}

    /* bottom strip */
    .orbit-tail{
      border-top:1px solid var(--uRipple);
      padding:2rem 1rem 3rem;
      text-align:center;
      font-size:.9rem;
    }
    .orbit-tail .heart{color:var(--uBlush)}

    @media(max-width:564px){
      .orbit-grid{grid-template-columns:1fr}
      .orbit-brand img{width:150px}
      .orbit-social{justify-content:center;gap:1rem}
      .orbit-col h5{font-size:1.15rem}
      .orbit-col a{font-size:.9rem}
    }


    /* responsive */
    @media(max-width:768px){
      .orbit-brand{text-align:center}
      .orbit-social{justify-content:center}
      .orbit-grid{grid-template-columns:1fr 1fr}
      .orbit-brand{grid-column:1/-1}
    }