/** Shopify CDN: Minification failed

Line 121:0 Expected "}" to go with "{"

**/
.logo-with-text .rich-text__heading{
    color :#90725D;
     margin-bottom: 20px;
}
.logo-with-text .multicolumn-heading{
    font-size: 28px;
    font-family: var(--font-body-family);
    font-weight: 600;
    margin: 30px 0 30px 0;
}
.logo-with-text .multi-column-block{
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap: 10rem;
}

.img{
    display:block;
    width:100%;
    height:100%;
   }
.logo-with-text .image-block img{
    max-width: 130px;
    display: block;
    margin: 0 auto;
    height: 100%;
}
.logo-with-text .block-3 img{
 max-width: 200px;
}
.logo-with-text .block-1 img{
 max-width: 300px;
}
.logo-with-text .column-title{
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 20px 0;
}



/* -------------------dots----------------------- */


@media screen and (min-width: 990px) and (max-width: 1300px) {
  .logo-with-text .multi-column-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5rem; 
  }
}

/* Small Tablet / Large Mobile Range: 2 Columns */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .logo-with-text .multi-column-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}

/* Mobile Slider Styles */
@media screen and (max-width: 749px) {
  .logo-with-text .multi-column-block {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 2rem; /* Reduced gap for mobile */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Hide scrollbar Firefox */
  }

  .logo-with-text .multi-column-block::-webkit-scrollbar {
    display: none; /* Hide scrollbar Chrome/Safari */
  }

  .logo-with-text .column-block {
    flex: 0 0 100%; /* Shows one block at a time */
    scroll-snap-align: center;
  }

  /* Dots Styling */
   .logo-with-text  .slider-dots-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 0px;
  }

   .logo-with-text  .slider-dot {
   cursor: pointer;
  border: none;
  padding: 0;
  height: 12px;
  width: 12px;
  background-color: #ccc;
  border-radius: 50%;
  transition: background-color 0.3s ease, transform 0.2s ease;
  }
.slider-dot:hover {
  transform: scale(1.2);
}
    .logo-with-text  .slider-dot.active {
    background-color: #90725D; /* Matches your heading color */
  }
  .logo-with-text .rich-text__heading,.rich-text__text,.multicolumn-heading {
    text-align:center;
}
  .logo-with-text.section-template--20746578919653__custom_logo_with_text_cBcyxd-padding {
    padding-top: 0px;
}


