/** Shopify CDN: Minification failed

Line 116:11 Expected ":"
Line 169:8 Expected ":"
Line 169:10 Expected identifier but found "100%"

**/
.about_us {
  font-size: 1.6rem;
}

.about_us h2 {
  font-size: 3.2rem;
  font-weight: 500;
  margin: 0;
  padding: 4.5rem 0;
}

.ba_btn {
  background-color: rgba(255 255 255 / 0.75);
  width: 3.4rem;
  height: 12%;
  border: none;
  top: 25%;
}

.ba_btn:hover {
  background-color: #fff;
}

.ba_btn svg {
  color: #333;
  width: 1.8rem;
  height: 1.8rem;
}

.ba_btn.prev {
  left: 0.75rem;
}

.ba_btn.next {
  right: 0.75rem;
}

.flex {
  display: flex;
}

.wrap {
  flex-wrap: wrap;
}

.nowrap {
  flex-wrap: nowrap;
}

.x-stretch {
  align-items: stretch;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.col {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-2 {
  flex: 0 0 50%;
  max-width: 50%;
}

.over-hide {
  overflow: hidden;
}

.bg-gray-200 {
  background-color: #eaeaea;
}

.bg-theme {
  background-color: var(--theme-color);
}

.bg-white {
  background-color: #fff;
}

.text-16 {
  font-size: 1.6rem;
}

.text-18 {
  font-size: 1.8rem;
}

.text-21 {
  font-size: 2.1rem;
}

.text-24 {
  font-size: 2.4rem;
}

.text-32 {
  font-size: 3.2rem;
}

.text-36 {
  font-size 3.6rem;
}

.text-42 {
  font-size: 4.2rem;
}

.px-15 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.semibold {
  font-weight: 500;
}

.bold {
  font-weight: 600;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: right;
}

.d-block {
  display: block;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.w-30 {
  width: 30%;
}

.neg-spacing {
  letter-spacing: -0.75px;
}

.round-full {
  border-radius: 100%;
}

.h-100 {
  height; 100%;
}

.img-fluid {
  width: 100%;
  height: auto;
}

.hide {
  display: none !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.top-0 {
  top: 0;
}

.top-50 {
  top: 50%;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.left-50 {
  left: 50%;
}

.translateY-center {
  transform: translateY(-50%);
}

.translateX-center {
  transform: translateX(-50%);
}

.translate-center {
  transform: translate(-50%, -50%);
}

.top_banner {
  background-color: var(--bg-secondary);
}

.top_banner .banner_top {
  --ratio-percent: 75.6%;
}

.bottom_banner .banner_top {
  --ratio-percent: 68.533%;
}

.top_banner .ba-media img+img {
  opacity: 1;
}

babaroni-slider .slid-top {
  --ratio-percent: 133.793%;
}

babaroni-slider .slide_box {
  transition: all 1s ease 0s;
}

babaroni-slider .slid-item {
  padding: 0 0.75rem;
}

.year {
  background-color: rgba(0 0 0 / 0.5);
  color: #fff;
  aspect-ratio: 1;
  text-align: center;
  bottom: 10%;
}

.evolution {
  background-color: #eaeaea;
}

.featurette p:first-of-type {
  margin: 0;
  text-align: center;
}

.featurette .text-18 {
  font-weight: 500;
}

.featurette .lead {
  line-height: 2rem;
}

.key_strength .g-3 {
  gap: 1rem;
}

.key_strength .box {
  width: calc(50% - 0.5rem);
}

.key_strength .card-body {
  padding: 0 1rem;
}

.we_sell .video_box .video {
  width: 100%;
}

babaroni-video .play_btn {
  border: none;
  padding: 1rem;
  background: rgba(0 0 0 / 0.3);
}

babaroni-video .play_btn svg {
}

babaroni-video > button {
  box-shadow: 0 0 0 1px #f0f0f0;
}

babaroni-video > button svg {
  width: 35px;
  height: 35px;
  color: #fff;
}

babaroni-video.playing > button {
  display: none;
}

babaroni-video.hoving.playing > button {
  display: block !important;
}

babaroni-video > button svg.bi-pause-fill {
  display: none;
}

babaroni-video.playing > button svg.bi-play-fill {
  display: none;
}

babaroni-video.playing > button svg.bi-pause-fill {
  display: block;
}

.we_sell .images {
  gap: 1.5rem;
}

.we_sell .image_box {
  display: block;
}

.we_sell .images .image_box {
  width: calc(33.33% - 1rem);
}

.cherished_by .image_first .image_box,
.cherished_by .second_image .image_box {
  width: 33.33%;
  border: 2px solid #fff;
}

.cherished_by .image_first .image_box:last-of-type,
.cherished_by .second_image .image_box:last-of-type {
  display: none;
}

.bottom_banner .banner_text {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: end;
}

.bottom_banner .ba-media img+img {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .sm-hide {
    display: none !important;
  }

  .sm-block {
    display: block !important;
  }

  .about_us .top_banner {
    padding-bottom: 2rem;
  }

  .our_history {
    margin-top: 2rem;
  }

  .evolution {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .about_us {
    font-size: 1.8rem;
  }

  .about_us h2 {
    font-size: 4.2rem;
  }

  .md-col-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
  .md-col-4 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  .md-hide {
    display: none !important;
  }

  .md-block {
    display: block !important;
  }

  .top_banner {
    background-color: transparent;
  }

  .top_banner .banner_top {
    --ratio-percent: 38.633%;
  }
  
  .bottom_banner .banner_top {
    --ratio-percent: 27.033%;
  }

  .top_banner .banner_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .top_banner .text_box {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #fff;
    padding: 0 3rem;
  }

  .top_banner .banner_title {
    color: #fff;
  }

  .ba_btn {
    width: 4.4rem;
    top: 35%;
  }

  .ba_btn svg {
    width: 2.4rem;
    height: 2.4rem;
  }

  .year {
    font-size: 2.4rem;
  }

  .evolution {
    background-color: var(--bg-secondary);
  }

  .featurette p:first-of-type {
    text-align: left;
  }

  .evolution .image_box > .featurette:nth-of-type(even) {
    flex-direction: row-reverse;
  }

  .key_strength .g-3 {
    gap: 4rem;
  }
  
  .key_strength .box {
    width: calc(25% - 3rem);
  }

  .we_sell .video_box {
    gap: 4rem;
  }

  .we_sell .video_box .video {
    width: calc(50% - 2rem);
  }

  .we_sell .images {
    gap: 2rem;
  }
  
  .we_sell .images .image_box {
    width: calc(20% - 1.6rem);
  }

  .we_sell .images > .image_box:last-of-type {
    display: none;
  }
  
  .cherished_by .image_first .image_box,
  .cherished_by .second_image .image_box {
    width: 50%;
  }

  .cherished_by .image_first .image_box:last-of-type,
  .cherished_by .second_image .image_box:last-of-type {
    display: block !important;
  }

  .cherished_by .content {
    display: grid;
    grid-template-areas: 'first video second';
    grid-template-columns: 2fr 3fr 2fr;
    grid-gap: 0rem;
  }

  .cherished_by .video_box babaroni-video {
    border: 2px solid #fff;
  }

  .cherished_by .image_first {
    grid-area: first;
  }

  .cherished_by .video_box {
    grid-area: video;
  }

  .cherished_by .second_image {
    grid-area: second;
  }

  .bottom_banner .banner_text {
    justify-content: start;
    align-items: center;
    width: 50%;
    left: 5%;
  }
}

@media screen and (min-width: 1200px) {
  .lg-col-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  
  .lg-hide {
    display: none !important;
  }

  .lg-block {
    display: block !important;
  }

  .top_banner .text_box {
    padding: 0 6rem;
  }

  .year {
    width: 25%;
  }
}