/* Logistics Solutions: add this page's custom section styles here. Shared catalogue styles load first. */


/*section hero start here*/

/* =========================================================
   SINDYBAD — LOGISTICS SOLUTIONS
   Premium Global Logistics Section
========================================================= */

.sblg,
.sblg * {
  box-sizing: border-box;
}


/* =========================================================
   ROOT
========================================================= */

.sblg {
  --sblg-cyan: #25BFD0;
  --sblg-cyan-light: #70D8E3;

  --sblg-blue: #3978E8;
  --sblg-blue-light: #6FA2FF;

  --sblg-purple: #7137D6;

  --sblg-orange: #F09A2B;

  --sblg-text: #171923;
  --sblg-muted: #68717B;

  --sblg-dark: #06111B;
  --sblg-dark-2: #0A2135;

  --sblg-line:
    rgba(23,25,35,.085);

  position: relative;
  isolation: isolate;

  width: 100%;

  min-height:
    calc(100svh - 72px);

  overflow: hidden;

  color:
    var(--sblg-text);

  background:
    radial-gradient(
      circle at 13% 19%,
      rgba(57,120,232,.045),
      transparent 27%
    ),
    radial-gradient(
      circle at 39% 87%,
      rgba(37,191,208,.035),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      #FFFFFF 0%,
      #F9FBFC 50%,
      #F0F5F7 100%
    );
}


/* top accent */

.sblg::before {
  position: absolute;

  z-index: 20;

  top: 0;
  left: 0;

  width: 158px;
  height: 2px;

  content: "";

  background:
    linear-gradient(
      90deg,
      var(--sblg-cyan),
      var(--sblg-blue),
      var(--sblg-purple),
      var(--sblg-orange)
    );
}


/* editorial background grid */

.sblg::after {
  position: absolute;

  z-index: -1;

  inset: 0;

  content: "";

  pointer-events: none;

  opacity: .40;

  background:
    linear-gradient(
      rgba(23,25,35,.022) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(23,25,35,.022) 1px,
      transparent 1px
    );

  background-size:
    76px 76px;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      #000,
      rgba(0,0,0,.4) 45%,
      transparent 75%
    );

  mask-image:
    linear-gradient(
      90deg,
      #000,
      rgba(0,0,0,.4) 45%,
      transparent 75%
    );
}


/* =========================================================
   MAIN
========================================================= */

.sblg__main {
  display: grid;

  grid-template-columns:
    minmax(0,46%)
    minmax(0,54%);

  width: 100%;

  min-height:
    calc(100svh - 164px);
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.sblg__content {
  position: relative;

  display: flex;

  min-width: 0;

  align-items: center;

  overflow: hidden;

  padding:
    clamp(54px,6vh,84px)
    clamp(42px,6vw,115px);
}


.sblg__content::before {
  position: absolute;

  z-index: 0;

  top: 8%;
  left: -24%;

  width: 63%;

  aspect-ratio: 1;

  border:
    1px solid
    rgba(37,191,208,.06);

  border-radius: 50%;

  content: "";
}


.sblg__content::after {
  position: absolute;

  z-index: 0;

  right: -10%;
  bottom: -23%;

  width: 45%;

  aspect-ratio: 1;

  border:
    1px solid
    rgba(113,55,214,.04);

  border-radius: 50%;

  content: "";
}


.sblg__content-inner {
  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 700px;
}


/* =========================================================
   KICKER
========================================================= */

.sblg__kicker {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 20px;

  color:
    #929AA3;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .15em;

  text-transform: uppercase;
}


.sblg__kicker span {
  color:
    var(--sblg-blue);
}


.sblg__kicker i {
  width: 36px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      var(--sblg-cyan),
      var(--sblg-blue),
      var(--sblg-orange)
    );
}


/* =========================================================
   CLASSIFICATION
========================================================= */

.sblg__classification {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 15px;
}


.sblg__classification > span {
  display: grid;

  width: 31px;
  height: 31px;

  place-items: center;

  border:
    1px solid
    rgba(57,120,232,.15);

  border-radius: 7px;

  color:
    var(--sblg-blue);

  background:
    rgba(57,120,232,.035);

  font-size: 7px;
  font-weight: 900;
}


.sblg__classification small {
  display: block;

  color:
    #98A0A8;

  font-size: 7px;
  font-weight: 900;

  letter-spacing: .11em;
}


.sblg__classification strong {
  display: block;

  margin-top: 3px;

  color:
    #68717A;

  font-size: 8px;
}


/* =========================================================
   TITLE
========================================================= */

.sblg__title {
  max-width: 675px;

  margin: 0;

  color:
    var(--sblg-text);

  font-size:
    clamp(34px,3vw,39px);

  font-weight: 880;

  line-height: 1.01;

  letter-spacing:
    -.045em;

  text-wrap: balance;
}


.sblg__title span {
  display: block;

  margin-top: 6px;

  color:
    var(--sblg-blue);
}


/* =========================================================
   COPY
========================================================= */

.sblg__lead {
  max-width: 650px;

  margin:
    24px
    0
    0;

  color:
    #5F6872;

  font-size:
    clamp(13px,.95vw,15px);

  line-height: 1.72;
}


.sblg__secondary {
  max-width: 625px;

  margin:
    11px
    0
    0;

  color:
    #89929B;

  font-size: 11px;

  line-height: 1.65;
}


/* =========================================================
   TAGS
========================================================= */

.sblg__tags {
  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 22px;
}


.sblg__tags span {
  padding:
    7px
    10px;

  border:
    1px solid
    rgba(23,25,35,.075);

  border-radius: 5px;

  color:
    #68717A;

  background:
    rgba(255,255,255,.69);

  font-size: 8px;
  font-weight: 800;
}


/* =========================================================
   BUTTONS
========================================================= */

.sblg__actions {
  display: flex;

  flex-wrap: wrap;

  gap: 9px;

  margin-top: 26px;
}


.sblg__button {
  display: inline-flex;

  min-height: 47px;

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

  gap: 14px;

  padding:
    0
    18px;

  border:
    1px solid
    rgba(23,25,35,.11);

  border-radius: 7px;

  color:
    var(--sblg-text);

  background:
    rgba(255,255,255,.80);

  font-size: 10px;
  font-weight: 850;

  text-decoration: none;

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


.sblg__button--primary {
  color: #FFFFFF;

  border-color:
    var(--sblg-blue);

  background:
    linear-gradient(
      135deg,
      #2259BC,
      var(--sblg-blue)
    );

  box-shadow:
    0 14px 29px
    rgba(57,120,232,.20);
}


@media (hover:hover) {

  .sblg__button:hover {
    transform:
      translateY(-2px);

    box-shadow:
      0 12px 28px
      rgba(23,25,35,.09);
  }

}


/* =========================================================
   SERVICE LINE
========================================================= */

.sblg__service-line {
  display: grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  max-width: 660px;

  margin-top: 31px;

  border-top:
    1px solid
    var(--sblg-line);

  border-bottom:
    1px solid
    var(--sblg-line);
}


.sblg__service-line > div {
  padding:
    13px
    12px;
}


.sblg__service-line > div:first-child {
  padding-left: 0;
}


.sblg__service-line > div + div {
  border-left:
    1px solid
    rgba(23,25,35,.06);
}


.sblg__service-line span {
  display: block;

  color:
    var(--sblg-orange);

  font-size: 7px;
  font-weight: 900;
}


.sblg__service-line strong {
  display: block;

  margin-top: 5px;

  color:
    #535D66;

  font-size: 9px;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.sblg__visual {
  min-width: 0;

  min-height: 0;

  padding:
    16px
    16px
    16px
    0;
}


/* =========================================================
   FIGURE
========================================================= */

.sblg__figure {
  position: relative;

  width: 100%;
  height: 100%;

  min-height:
    calc(100svh - 196px);

  margin: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(23,25,35,.08);

  border-radius:
    28px
    28px
    28px
    80px;

  background:
    var(--sblg-dark);

  box-shadow:
    0 28px 76px
    rgba(18,39,58,.18);
}


/* =========================================================
   IMAGE
========================================================= */

.sblg__image {
  position: absolute;

  z-index: 1;

  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position:
    center center;

  filter:
    saturate(.76)
    contrast(1.08)
    brightness(.73);

  transform:
    translate3d(
      var(--sblg-x,0),
      var(--sblg-y,0),
      0
    )
    scale(1.035);

  transition:
    transform .9s
    cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   SHADE
========================================================= */

.sblg__shade {
  position: absolute;

  z-index: 2;

  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(3,11,19,.08),
      rgba(3,11,19,.02) 30%,
      rgba(4,12,22,.18) 61%,
      rgba(3,10,18,.84)
    ),
    linear-gradient(
      90deg,
      rgba(4,13,23,.24),
      transparent 55%
    ),
    radial-gradient(
      circle at 70% 36%,
      rgba(37,191,208,.15),
      transparent 31%
    );
}


/* =========================================================
   MAP GRID
========================================================= */

.sblg__grid {
  position: absolute;

  z-index: 3;

  inset: 0;

  opacity: .18;

  pointer-events: none;

  background:
    linear-gradient(
      rgba(255,255,255,.075) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.075) 1px,
      transparent 1px
    );

  background-size:
    62px 62px;

  -webkit-mask-image:
    radial-gradient(
      circle at 56% 44%,
      #000,
      transparent 76%
    );

  mask-image:
    radial-gradient(
      circle at 56% 44%,
      #000,
      transparent 76%
    );
}


/* =========================================================
   ROUTES
========================================================= */

.sblg__routes {
  position: absolute;

  z-index: 4;

  inset: 0;

  width: 100%;
  height: 100%;

  pointer-events: none;
}


.sblg__route {
  fill: none;

  stroke-width: 1.2;

  stroke-dasharray:
    7 11;

  opacity: .45;
}


.sblg__route--a {
  stroke:
    var(--sblg-cyan-light);
}


.sblg__route--b {
  stroke:
    #A274EC;

  opacity: .34;
}


.sblg__routes circle {
  fill:
    var(--sblg-orange);

  filter:
    drop-shadow(
      0 0 8px
      rgba(240,154,43,.8)
    );
}


/* =========================================================
   TOP
========================================================= */

.sblg__visual-top {
  position: absolute;

  z-index: 9;

  top: 27px;
  right: 29px;
  left: 29px;

  display: flex;

  align-items: center;
  justify-content: space-between;
}


.sblg__visual-top span {
  display: flex;

  align-items: center;

  gap: 8px;

  color:
    rgba(255,255,255,.68);

  font-size: 7px;
  font-weight: 900;

  letter-spacing: .14em;
}


.sblg__visual-top span i {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--sblg-cyan-light);

  box-shadow:
    0 0 12px
    rgba(112,216,227,.58);
}


.sblg__visual-top b {
  color:
    rgba(255,255,255,.34);

  font-size: 7px;

  letter-spacing: .13em;
}


/* =========================================================
   NETWORK TARGET
========================================================= */

.sblg__network {
  position: absolute;

  z-index: 4;

  top: 43%;
  right: 7%;

  width:
    min(49%,440px);

  aspect-ratio: 1;

  border:
    1px solid
    rgba(112,216,227,.21);

  border-radius: 50%;

  transform:
    translateY(-50%);

  pointer-events: none;
}


.sblg__network::before,
.sblg__network::after {
  position: absolute;

  border-radius: 50%;

  content: "";
}


.sblg__network::before {
  inset: 18%;

  border:
    1px solid
    rgba(255,255,255,.08);
}


.sblg__network::after {
  inset: 36%;

  border:
    1px dashed
    rgba(113,55,214,.27);
}


.sblg__network > span {
  position: absolute;

  top: 50%;
  left: 50%;
}


.sblg__network > span:nth-child(1) {
  width: 112%;
  height: 1px;

  background:
    rgba(255,255,255,.07);

  transform:
    translate(-50%,-50%);
}


.sblg__network > span:nth-child(2) {
  width: 1px;
  height: 112%;

  background:
    rgba(255,255,255,.07);

  transform:
    translate(-50%,-50%);
}


.sblg__network > span:nth-child(3) {
  width: 72%;
  height: 72%;

  border:
    1px solid
    rgba(57,120,232,.13);

  border-radius: 50%;

  transform:
    translate(-50%,-50%);
}


/* nodes */

.sblg__node {
  position: absolute;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    var(--sblg-cyan-light);

  box-shadow:
    0 0 0 5px
    rgba(112,216,227,.11),
    0 0 16px
    rgba(112,216,227,.45);
}


.sblg__node--a {
  top: 12%;
  right: 17%;
}


.sblg__node--b {
  top: 51%;
  right: -4px;

  background:
    var(--sblg-orange);
}


.sblg__node--c {
  bottom: 14%;
  left: 12%;

  background:
    #9B64E8;
}


/* =========================================================
   GHOST
========================================================= */

.sblg__ghost {
  position: absolute;

  z-index: 3;

  top: 44%;
  right: 10%;

  color:
    rgba(255,255,255,.045);

  font-size:
    clamp(110px,10vw,190px);

  font-weight: 900;

  line-height: 1;

  letter-spacing:
    -.08em;

  transform:
    translateY(-50%);

  pointer-events: none;
}


/* =========================================================
   BRAND
========================================================= */

.sblg__brand {
  position: absolute;

  z-index: 9;

  top: 70px;
  right: 28px;

  display: grid;

  width: 56px;
  height: 56px;

  place-content: center;

  border:
    1px solid
    rgba(255,255,255,.24);

  border-radius: 50%;

  color: #FFFFFF;

  background:
    rgba(4,13,23,.27);

  text-align: center;
}


.sblg__brand strong {
  font-size: 15px;

  line-height: 1;
}


.sblg__brand span {
  margin-top: 4px;

  font-size: 4px;
  font-weight: 900;

  letter-spacing: .10em;
}


/* =========================================================
   VERTICAL
========================================================= */

.sblg__vertical {
  position: absolute;

  z-index: 6;

  right: 21px;
  top: 50%;

  color:
    rgba(255,255,255,.24);

  font-size: 6px;
  font-weight: 900;

  letter-spacing: .18em;

  transform:
    translateY(-50%)
    rotate(90deg);
}


/* =========================================================
   TRANSPORT MODES
========================================================= */

.sblg__modes {
  position: absolute;

  z-index: 8;

  top: 104px;
  left: 28px;

  display: grid;

  gap: 7px;
}


.sblg__mode {
  display: flex;

  min-width: 170px;

  align-items: center;

  gap: 10px;

  padding:
    8px
    10px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius: 7px;

  background:
    rgba(4,13,23,.38);
}


.sblg__mode-icon {
  display: grid;

  width: 27px;
  height: 27px;

  place-items: center;

  border:
    1px solid
    rgba(112,216,227,.18);

  border-radius: 6px;

  color:
    #9BE5EC;
}


.sblg__mode-icon svg {
  width: 15px;
  height: 15px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.5;

  stroke-linecap: round;
  stroke-linejoin: round;
}


.sblg__mode small {
  display: block;

  color:
    var(--sblg-orange);

  font-size: 5px;
  font-weight: 900;
}


.sblg__mode strong {
  display: block;

  margin-top: 2px;

  color:
    rgba(255,255,255,.72);

  font-size: 7px;
}


/* =========================================================
   PANEL
========================================================= */

.sblg__panel {
  position: absolute;

  z-index: 9;

  right:
    clamp(24px,3vw,46px);

  bottom:
    clamp(76px,8vw,110px);

  left:
    clamp(24px,3vw,46px);

  max-width: 670px;

  padding:
    20px
    22px;

  border:
    1px solid
    rgba(255,255,255,.18);

  border-radius: 13px;

  color: #FFFFFF;

  background:
    linear-gradient(
      135deg,
      rgba(3,13,23,.92),
      rgba(7,33,51,.76)
    );

  box-shadow:
    0 22px 52px
    rgba(0,0,0,.22);
}


.sblg__panel-head {
  display: flex;

  align-items: center;

  gap: 9px;
}


.sblg__panel-head span {
  color:
    #96E8EB;

  font-size: 7px;
  font-weight: 900;

  letter-spacing: .13em;
}


.sblg__panel-head i {
  width: 34px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      var(--sblg-cyan),
      var(--sblg-blue),
      var(--sblg-purple),
      var(--sblg-orange)
    );
}


.sblg__panel-head small {
  color:
    rgba(255,255,255,.38);

  font-size: 6px;
  font-weight: 900;

  letter-spacing: .10em;
}


.sblg__panel h2 {
  margin:
    9px
    0
    0;

  color: #FFFFFF;

  font-size:
    clamp(20px,1.7vw,28px);

  font-weight: 850;

  line-height: 1.05;

  letter-spacing:
    -.035em;
}


.sblg__panel p {
  max-width: 555px;

  margin:
    8px
    0
    0;

  color:
    rgba(255,255,255,.64);

  font-size: 10px;

  line-height: 1.6;
}


/* route status */

.sblg__panel-meta {
  display: flex;

  align-items: center;

  gap: 9px;

  margin-top: 14px;

  padding-top: 12px;

  border-top:
    1px solid
    rgba(255,255,255,.09);
}


.sblg__panel-meta span {
  color:
    rgba(255,255,255,.49);

  font-size: 6px;
  font-weight: 850;

  letter-spacing: .10em;
}


.sblg__panel-meta i {
  position: relative;

  flex: 1;

  height: 1px;

  max-width: 62px;

  background:
    rgba(255,255,255,.15);
}


.sblg__panel-meta i::after {
  position: absolute;

  top: 50%;
  right: 0;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  content: "";

  background:
    var(--sblg-cyan-light);

  transform:
    translateY(-50%);

  box-shadow:
    0 0 8px
    rgba(112,216,227,.6);
}


/* =========================================================
   TECHNICAL STRIP
========================================================= */

.sblg__technical {
  position: absolute;

  z-index: 9;

  right: 24px;
  bottom: 22px;
  left: 24px;

  display: grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius: 9px;

  background:
    rgba(3,11,20,.46);
}


.sblg__technical > div {
  padding:
    10px
    12px;
}


.sblg__technical > div + div {
  border-left:
    1px solid
    rgba(255,255,255,.07);
}


.sblg__technical span {
  display: block;

  color:
    var(--sblg-orange);

  font-size: 6px;
  font-weight: 900;
}


.sblg__technical strong {
  display: block;

  margin-top: 3px;

  color:
    rgba(255,255,255,.69);

  font-size: 7px;
}


/* =========================================================
   BOTTOM RAIL
========================================================= */

.sblg__rail {
  position: relative;

  z-index: 10;

  min-height: 92px;

  border-top:
    1px solid
    rgba(23,25,35,.075);

  background:
    rgba(255,255,255,.95);
}


.sblg__rail-inner {
  display: grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  width: 100%;

  min-height: 92px;
}


.sblg__rail-inner > a {
  position: relative;

  display: grid;

  grid-template-columns:
    27px
    minmax(0,1fr)
    auto;

  align-items: center;

  gap: 9px;

  min-width: 0;

  padding:
    0
    clamp(16px,2.2vw,34px);

  border-right:
    1px solid
    rgba(23,25,35,.06);

  color:
    inherit;

  text-decoration: none;

  transition:
    background .18s ease;
}


.sblg__rail-inner > a > span {
  color:
    var(--sblg-blue);

  font-size: 7px;
  font-weight: 900;
}


.sblg__rail-inner small {
  display: block;

  color:
    #99A2AB;

  font-size: 6px;
  font-weight: 900;

  letter-spacing: .09em;
}


.sblg__rail-inner strong {
  display: block;

  margin-top: 4px;

  overflow: hidden;

  color:
    #49535D;

  font-size: 9px;

  text-overflow: ellipsis;

  white-space: nowrap;
}


.sblg__rail-inner i {
  color:
    #99A2AB;

  font-size: 11px;

  font-style: normal;
}


.sblg__rail-inner > a::after {
  position: absolute;

  right: 20px;
  bottom: 0;
  left: 20px;

  height: 2px;

  content: "";

  background:
    linear-gradient(
      90deg,
      var(--sblg-cyan),
      var(--sblg-blue),
      var(--sblg-purple),
      var(--sblg-orange)
    );

  transform:
    scaleX(0);

  transform-origin: left;

  transition:
    transform .2s ease;
}


@media (hover:hover) {

  .sblg__rail-inner > a:hover {
    background:
      rgba(57,120,232,.02);
  }


  .sblg__rail-inner > a:hover::after {
    transform:
      scaleX(1);
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.sblg a:focus-visible {
  outline:
    2px solid
    var(--sblg-blue);

  outline-offset: 3px;
}


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

@media (max-width:1050px) {

  .sblg {
    min-height: auto;
  }


  .sblg__main {
    grid-template-columns: 1fr;

    min-height: auto;
  }


  .sblg__content {
    padding:
      70px
      28px
      44px;
  }


  .sblg__content-inner {
    max-width: 820px;
  }


  .sblg__visual {
    padding:
      0
      28px
      28px;
  }


  .sblg__figure {
    height: 680px;

    min-height: 680px;
  }


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


  .sblg__rail-inner > a {
    min-height: 76px;

    border-bottom:
      1px solid
      rgba(23,25,35,.06);
  }

}


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

@media (max-width:650px) {

  .sblg__content {
    padding:
      54px
      16px
      34px;
  }


  .sblg__kicker b {
    display: none;
  }


  .sblg__title {
    font-size:
      clamp(34px,8.5vw,37px);
  }


  .sblg__lead {
    font-size: 13px;
  }


  .sblg__actions {
    flex-direction: column;
  }


  .sblg__button {
    width: 100%;
  }


  .sblg__service-line {
    grid-template-columns: 1fr;
  }


  .sblg__service-line > div {
    padding:
      11px
      0;
  }


  .sblg__service-line > div + div {
    border-top:
      1px solid
      rgba(23,25,35,.06);

    border-left: 0;
  }


  .sblg__visual {
    padding:
      0
      14px
      14px;
  }


  .sblg__figure {
    height: 620px;

    min-height: 620px;

    border-radius:
      20px
      20px
      20px
      48px;
  }


  .sblg__visual-top {
    top: 18px;
    right: 18px;
    left: 18px;
  }


  .sblg__vertical {
    display: none;
  }


  .sblg__brand {
    top: 57px;
    right: 18px;

    width: 48px;
    height: 48px;
  }


  .sblg__modes {
    top: 63px;
    left: 16px;

    gap: 5px;
  }


  .sblg__mode {
    min-width: 145px;

    padding:
      6px
      8px;
  }


  .sblg__network {
    right: -38px;

    width: 245px;
  }


  .sblg__ghost {
    right: 4%;

    font-size: 110px;
  }


  .sblg__panel {
    right: 14px;
    bottom: 105px;
    left: 14px;

    padding: 17px;
  }


  .sblg__technical {
    right: 14px;
    bottom: 14px;
    left: 14px;

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


  .sblg__technical > div:nth-child(3) {
    border-top:
      1px solid
      rgba(255,255,255,.07);

    border-left: 0;
  }


  .sblg__technical > div:nth-child(4) {
    border-top:
      1px solid
      rgba(255,255,255,.07);
  }


  .sblg__rail-inner {
    grid-template-columns: 1fr;
  }


  .sblg__rail-inner > a {
    min-height: 67px;

    border-right: 0;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce) {

  .sblg *,
  .sblg *::before,
  .sblg *::after {
    transition-duration:
      .01ms !important;
  }

}


/*section hero end here */