.elementor-5902 .elementor-element.elementor-element-e84126b{--display:flex;}.elementor-5902 .elementor-element.elementor-element-6029d17{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5902 .elementor-element.elementor-element-e20eb9e{--display:flex;}.elementor-5902 .elementor-element.elementor-element-2cf7f97{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpde-card-text.mgpdeg-card-text{text-align:left;}.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-card{border-radius:0px 0px 0px 0px;border-style:none;box-shadow:0px 0px 0px 0px rgba(255, 255, 255, 0.5);}.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-card-img figure img{border-style:none;}.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-card .mgpde-ptitle{padding:0px 0px 0px 0px;margin:10px 0px 0px 0px;}.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpde-card-text span.price{margin:0px 0px 0px 0px;}.elementor-5902 .elementor-element.elementor-element-8619d40 .mpd-action-btn i{font-size:14px;}.elementor-5902 .elementor-element.elementor-element-8619d40 .mpd-action-buttons{gap:8px;}.elementor-5902 .elementor-element.elementor-element-a586d5e{--display:flex;}.elementor-5902 .elementor-element.elementor-element-0734c76{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5902 .elementor-element.elementor-element-f3935d4{--display:flex;}.elementor-5902 .elementor-element.elementor-element-cc65b2a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5902 .elementor-element.elementor-element-db3a969{--display:flex;}.elementor-5902 .elementor-element.elementor-element-0750e59{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5902 .elementor-element.elementor-element-ce8c022{--display:flex;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-5902 .elementor-element.elementor-element-15f6694{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-5902 .elementor-element.elementor-element-15f6694 .elementor-heading-title{font-size:40px;font-weight:500;line-height:48px;letter-spacing:-1.2px;color:#151515;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5902 .elementor-element.elementor-element-25e8850{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;text-align:center;font-size:20px;font-weight:400;line-height:32px;color:#151515;}.elementor-5902 .elementor-element.elementor-element-f10c20b{text-align:center;}.elementor-5902 .elementor-element.elementor-element-f10c20b .elementor-heading-title{font-size:34px;font-weight:500;line-height:42px;letter-spacing:-1.02px;color:#151515;}.elementor-5902 .elementor-element.elementor-element-58fdd2b{--display:flex;}@media(max-width:767px){.elementor-5902 .elementor-element.elementor-element-15f6694 .elementor-heading-title{font-size:28px;line-height:34px;letter-spacing:-0.8px;}.elementor-5902 .elementor-element.elementor-element-25e8850{font-size:16px;line-height:26px;}.elementor-5902 .elementor-element.elementor-element-f10c20b .elementor-heading-title{font-size:26px;line-height:32px;letter-spacing:-0.78px;}}/* Start custom CSS for html, class: .elementor-element-6029d17 */.ann-bar {
  background: #000;
  color: #fff;
  display: block;
  width: auto;
  max-width: none;
  /* full-bleed out of any constrained theme container */
  margin: 0 calc(50% - 50vw) !important;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

/* no gap between the bar and whatever sits under it */
.ann-bar + * {
  margin-top: 0 !important;
}

.ann-bar__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  box-sizing: border-box;
}

.ann-bar__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.ann-bar__text {
  font-family: inherit;
  font-size: clamp(12px, 1.6vw, 15px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.01em;
  margin: 0;
}

@media (max-width: 600px) {
  .ann-bar__inner { padding: 7px 12px; }
  .ann-bar__icon { width: 15px; height: 15px; }
  .ann-bar__text { font-size: 12px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2cf7f97 */.sb-heading{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 38px;
  margin:0 0 24px;
}

.sb-heading .sb-heading__title{
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:clamp(22px,3vw,28px);
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.03em;
  color:#171717;
}

.sb-heading a.sb-heading__link{
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:-.02em;
  color:#cf3338;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.sb-heading a.sb-heading__link:hover,
.sb-heading a.sb-heading__link:focus{
  color:#a5282c;
  text-decoration-thickness:2px;
}

@media (max-width:600px){
  .sb-heading{gap:4px 20px;}
}/* End custom CSS */
/* Start custom CSS for mgpd_carousel, class: .elementor-element-8619d40 *//* --------------------------------------------------------------------------
   9. MPD PRODUCTS CAROUSEL - price + always-visible add to cart
   (swapped from MPD Products Grid so the row scrolls like geek-bar.store)

   The plugin's Elementor Style controls emit CSS for .mgpdeg-product-price
   and .mgpdeg-cart-btn, which its style-3 template never outputs - which is
   why those panels do nothing. These rules target the classes that actually
   render. All values sampled from geek-bar.store.
   -------------------------------------------------------------------------- */


/* ---- PRICE ---- */

/* sale price */
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price ins,
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price ins .woocommerce-Price-amount{
  color:#e42929;
  font-size:20px;
  font-weight:500;
  text-decoration:none;
}

/* struck-through original price */
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price del,
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price del .woocommerce-Price-amount{
  color:#6d6d6d;
  font-size:20px;
  font-weight:500;
}

.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price del{
  margin-right:8px;
}

/* regular, non-sale price */
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price > .woocommerce-Price-amount{
  color:#e42929;
  font-size:20px;
  font-weight:500;
}


/* ---- ALWAYS-VISIBLE ADD TO CART ----
   Style 3 absolutely positions span.price and parks the button behind it,
   swapping them on hover. Returning both to normal flow shows them at the
   same time; the card grows from 466px to 523px to fit. */

.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn{
  display:block;
  position:relative;
}

.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price{
  position:static !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  display:block;
}

.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn .mgpdeg-cart-link{
  position:static !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  display:block;
  margin-top:12px;
  background:none !important;
  padding:0 !important;
}

/* The button. Selector deliberately mirrors the plugin's own
   (.mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.button) plus one class,
   or it loses the specificity fight and the anchor stays black. */
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.button,
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.added_to_cart{
  display:block !important;
  width:100% !important;
  box-sizing:border-box;
  background:#cf3338 !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
  letter-spacing:-.39px;
  text-transform:none;
  text-align:center;
  border:0 !important;
  border-radius:3px !important;
  padding:11px 20px !important;
  text-decoration:none;
}

.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.button:hover,
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.button:focus{
  background:#b32d31 !important;
  color:#fff !important;
}


/* ---- MOBILE ---- */
@media (max-width:600px){
  .elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price ins,
  .elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price ins .woocommerce-Price-amount,
  .elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price del,
  .elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price del .woocommerce-Price-amount,
  .elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn span.price > .woocommerce-Price-amount{
    font-size:17px;
  }
  .elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.button{
    font-size:12px !important;
    padding:10px 14px !important;
  }
}


/* ---- CAROUSEL CARD LAYOUT (matches geek-bar.store product cards) ----
   Left-aligned text, no side padding, price > title > full-width button,
   button pinned to the bottom so every card in the row lines up. */

.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-slide{height:auto;}
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-card{height:100%;}

.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpde-card-text{
  flex:1 1 auto;
  padding:14px 0 0 !important;
  text-align:left;
}
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpde-card-text span.price,
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpde-card-text a.mgpde-ptitle-link,
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpde-card-text .mgpde-ptitle{
  text-align:left;
}

.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpde-card-text .mgpde-ptitle{
  margin:10px 0 0 !important;
  font-family:inherit;
  font-size:16px;
  font-weight:400;
  line-height:24px;
  letter-spacing:-.32px;
  color:#252525;
}
.elementor-5902 .elementor-element.elementor-element-8619d40 a.mgpde-ptitle-link,
.elementor-5902 .elementor-element.elementor-element-8619d40 a.mgpde-ptitle-link .mgpde-ptitle{color:#252525;}
.elementor-5902 .elementor-element.elementor-element-8619d40 a.mgpde-ptitle-link:hover .mgpde-ptitle{color:#cf3338;}

.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link{
  margin-top:auto !important;
  padding-top:16px !important;
  width:100%;
}
.elementor-5902 .elementor-element.elementor-element-8619d40 .mgpdeg-price-btn .woocommerce.mgpdeg-cart-link a.button{text-align:center;}


/* ---- ARROWS (round outline buttons like geek-bar.store) ---- */

.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-prev,
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-next{
  top:96px;
  width:44px;
  height:44px;
  margin-top:-22px;
  border-radius:50%;
  background:#fff;
  border:1px solid #252525;
  color:#252525;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  transition:opacity .2s ease, background .2s ease;
}
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-prev{left:4px;}
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-next{right:4px;}
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-prev::after,
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-next::after{content:none;}
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-prev svg,
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-next svg{
  width:10px;
  height:16px;
  fill:currentColor;
}
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-prev:hover,
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-next:hover{background:#f3f3f3;}
.elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-disabled{opacity:0 !important; pointer-events:none;}

/* plugin breakpoints: 1-up under 480px, 2-up 480-990px, 5-up above.
   Keep the arrows on the vertical middle of the (square) product image. */
@media (max-width:990px){
  .elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-prev,
  .elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-next{top:calc((100vw - 60px) / 4);}
}
@media (max-width:600px){
  .elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-prev,
  .elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-next{width:36px;height:36px;margin-top:-18px;}
}
@media (max-width:479px){
  .elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-prev,
  .elementor-5902 .elementor-element.elementor-element-8619d40 .swiper-button-next{top:calc((100vw - 40px) / 2);}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b48b111 *//* ==========================================================================
   Geek Bar Store - Additional CSS
   1. Free shipping announcement bar
   2. Elementor container gap fix
   3. Section heading + link row
   4. Product card ([product_page] shortcode)
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. FREE SHIPPING ANNOUNCEMENT BAR (.ann-bar)
   Markup lives in the Elementor HTML widget below the nav.
   -------------------------------------------------------------------------- */

.ann-bar{
  background:#000;
  color:#fff;
  display:block;
  width:auto;
  max-width:none;
  /* full-bleed out of the constrained theme container */
  margin:0 calc(50% - 50vw) !important;
  padding:0;
  border:0;
  box-sizing:border-box;
}

.ann-bar + *{
  margin-top:0 !important;
}

.ann-bar__inner{
  max-width:1200px;
  margin:0 auto;
  padding:9px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  box-sizing:border-box;
}

.ann-bar__icon{
  width:18px;
  height:18px;
  flex:0 0 auto;
}

.ann-bar__text{
  font-family:inherit;
  font-size:clamp(12px,1.6vw,15px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:.01em;
  margin:0;
}

@media (max-width:600px){
  .ann-bar__inner{padding:7px 12px;}
  .ann-bar__icon{width:15px;height:15px;}
  .ann-bar__text{font-size:12px;}
}


/* --------------------------------------------------------------------------
   2. ELEMENTOR CONTAINER GAP FIX
   Makes the announcement bar flow seamlessly into the nav above and the
   hero slider below. Container ID is auto-generated by Elementor - if you
   rebuild that container, update this .elementor-5902 .elementor-element.elementor-element-b48b111.
   -------------------------------------------------------------------------- */

.elementor-element-e84126b.e-con{
  --gap:0px;
  --row-gap:0px;
  --column-gap:0px;
  --padding-top:0px;
  --padding-bottom:0px;
  --padding-left:0px;
  --padding-right:0px;
  gap:0 !important;
  padding:0 !important;
}

.elementor-element-e84126b.e-con > .elementor-widget{
  margin:0 !important;
}


/* --------------------------------------------------------------------------
   3. SECTION HEADING + LINK ROW (.sb-heading)
   Markup lives in an Elementor HTML widget, one per section.
   -------------------------------------------------------------------------- */

.sb-heading{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 38px;
  margin:0 0 16px;
}

.sb-heading .sb-heading__title{
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:clamp(22px,3vw,28px);
  font-weight:500;
  line-height:1.1;
  letter-spacing:-.03em;
  color:#171717;
}

.sb-heading a.sb-heading__link{
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:-.02em;
  color:#cf3338;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.sb-heading a.sb-heading__link:hover,
.sb-heading a.sb-heading__link:focus{
  color:#a5282c;
  text-decoration-thickness:2px;
}

@media (max-width:600px){
  .sb-heading{gap:4px 20px;}
}


/* --------------------------------------------------------------------------
   4. PRODUCT CARD
   Applies to any Elementor Shortcode widget rendering [product_page id="X"].
   No CSS class needed on the container.
   -------------------------------------------------------------------------- */

/* card shell */
.elementor-widget-shortcode .woocommerce div.product{
  border:1px solid #e9e9e9;
  border-radius:8px;
  background:#fff;
  padding:32px;
  margin:0 0 48px;
}

/* [product_page] renders the FULL single-product template.
   Trim it down to just the card. */
.elementor-widget-shortcode .woocommerce-breadcrumb,
.elementor-widget-shortcode .woocommerce-tabs,
.elementor-widget-shortcode .related,
.elementor-widget-shortcode .up-sells,
.elementor-widget-shortcode #reviews,
.elementor-widget-shortcode .product_meta,
.elementor-widget-shortcode .shoptimizer-product-prevnext{
  display:none !important;
}

/* gallery: vertical scrolling thumbnail strip on the left, image on the right.
   Without this the thumbnail grid wraps and blows the card height out -
   50 thumbnails made one card 1,097px tall. */
.elementor-widget-shortcode .woocommerce-product-gallery{
  display:flex;
  flex-direction:row-reverse;
  align-items:flex-start;
  gap:14px;
}

/* Fixed viewport height keeps every card the same height.
   The IMAGE is what gets capped - capping .flex-viewport instead crops the
   image, because flexslider sets overflow:hidden on it. */
.elementor-widget-shortcode .flex-viewport{
  flex:1 1 auto;
  min-width:0;
  height:460px !important;
  max-height:460px !important;
}

.elementor-widget-shortcode .woocommerce-product-gallery__image{
  height:460px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}

.elementor-widget-shortcode .woocommerce-product-gallery__image img{
  max-height:460px;
  max-width:100%;
  width:auto !important;
  height:auto;
  margin:0 auto;
  display:block;
}

.elementor-widget-shortcode .flex-control-nav.flex-control-thumbs{
  flex:0 0 76px;
  width:76px;
  max-height:460px;
  overflow-y:auto;
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

.elementor-widget-shortcode .flex-control-nav.flex-control-thumbs li{
  width:100% !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
}

.elementor-widget-shortcode .flex-control-nav.flex-control-thumbs img{
  width:100%;
  height:auto;
  display:block;
  border:1px solid #e9e9e9;
  border-radius:4px;
}

/* mobile: stack the card, thumbs become a horizontal scroller */
@media (max-width:768px){
  .elementor-widget-shortcode .woocommerce div.product{
    padding:20px;
    border-radius:6px;
  }
  .elementor-widget-shortcode .woocommerce-product-gallery{
    flex-direction:column;
    gap:10px;
  }
  .elementor-widget-shortcode .flex-viewport{
    height:320px !important;
    max-height:320px !important;
    width:100%;
  }
  .elementor-widget-shortcode .woocommerce-product-gallery__image{
    height:320px !important;
  }
  .elementor-widget-shortcode .woocommerce-product-gallery__image img{
    max-height:320px;
  }
  .elementor-widget-shortcode .flex-control-nav.flex-control-thumbs{
    flex:0 0 auto;
    width:100%;
    max-height:none;
    flex-direction:row;
    overflow-x:auto;
    overflow-y:hidden;
  }
  .elementor-widget-shortcode .flex-control-nav.flex-control-thumbs li{
    flex:0 0 64px;
    width:64px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a5160b *//* --------------------------------------------------------------------------
   6. VALUE PROP / TRUST ROW (.gb-usp)
   Measurements sampled from geek-bar.store: 4 x 250px grid, 30px/20px gap,
   64px icon box + 25px gutter, 20px/500 headings, 14px/1.6 body, #252525.
   -------------------------------------------------------------------------- */

.gb-usp{
  color:#252525;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:-.32px;
  padding:40px 0;
}

.gb-usp__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px 20px;
  max-width:1140px;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box;
}

.gb-usp__item{
  display:flex;
  align-items:center;
}

.gb-usp__icon{
  flex:0 0 64px;
  width:64px;
  height:64px;
  margin-right:25px;
  color:#252525;
}

.gb-usp__icon svg{
  width:100%;
  height:100%;
  display:block;
}

.gb-usp__content{
  flex:0 1 auto;
  min-width:0;
}

.gb-usp .gb-usp__heading{
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:20px;
  font-weight:500;
  line-height:1;
  letter-spacing:-.32px;
  color:#252525;
}

.gb-usp__text{
  margin:6px 0 0;
  font-size:14px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:-.32px;
  color:#252525;
}

@media (max-width:1100px){
  .gb-usp__grid{grid-template-columns:repeat(2,1fr);gap:30px 24px;}
}

@media (max-width:600px){
  .gb-usp{padding:30px 0;}
  .gb-usp__grid{grid-template-columns:1fr;gap:24px;}
  .gb-usp__icon{flex:0 0 52px;width:52px;height:52px;margin-right:18px;}
  .gb-usp .gb-usp__heading{font-size:18px;}
  .gb-usp__text{font-size:14px;}
}/* End custom CSS */