/** Shopify CDN: Minification failed

Line 295:12 Unexpected "{"
Line 295:21 Expected ":"
Line 296:16 Expected identifier but found whitespace
Line 296:18 Unexpected "{"
Line 296:27 Expected ":"
Line 296:78 Expected ":"
Line 297:19 Expected identifier but found whitespace
Line 297:21 Unexpected "{"
Line 297:30 Expected ":"
Line 297:84 Expected ":"

**/


/* CSS from section stylesheet tags */
.brand_page_section {
    margin-bottom: 30px;
  }

  .brand_item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .brand_item_data img,
  .new_brands li img {
    width: auto;
    max-height: 100px;
    border: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 15px;
  }
  .brand_item li a span {
    font-weight: 600;
    position: absolute;
    bottom: -7.5px;
    left: 1.15385rem;
    right: 1.15385rem;
    margin-bottom: 0;
  }
  .brand_all_content {
    margin: 40px 0 0;
  }
  .brand_page_section h3 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 24px;
  }

  .brand_main_item ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
  }

  .brand_main_item ul li {
    margin: 0 10px;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    font-weight: 600;
    line-height: 18px;
  }
  .brand_active {
    /* border-bottom-color: #be3b29 !important; */
    color: #be3b29;
  }
  .brand_all_content ul {
    list-style: none;
    padding: 0px 0px;
    margin: 20px 0;
  }
  .brand_item ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    gap: 20px;
  }
  .brand_item ul li img {
    width: 100%;
  }
  .main-blog .title--primary {
    text-align: center;
    margin-bottom: 40px;
  }
  .brand_item ul li img a {
    text-decoration: none;
  }
  .brand_item_data a,
  .new_brands li a {
    text-decoration: none;
    color: #282828;
    height: 130px;
    position: relative;
    width: 100%;
    display: inline-block;
    white-space: initial;
  }
  .brand_item li {
    border: 1px solid #e0e0e0;
    width: calc(16.66% - 20px * 5 / 6);
    padding: 15px;
    text-align: center;
  }
  .brand_item_data:hover {
    box-shadow: 0 0 6px 1px rgba(51, 51, 51, 0.5);
  }
  .blog_categories ul {
    padding-left: 0;
    background-color: #f5f3f3;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 1px solid rgba(226, 224, 224, 0.8);
    border-right: 1px solid rgba(226, 224, 224, 0.8);
    border-bottom: 1px solid rgba(226, 224, 224, 0.8);
    list-style: none;
    margin: 0;
  }
  .blog_categories ul a {
    color: #373232;
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    text-decoration: none;
  }
  .blog_categories ul a:hover {
    background-color: #ce2b1b;
    color: #fff;
    text-decoration: none;
  }


  @media only screen and (min-width: 768px) and (max-width: 1023px) {

      li[data-value="all"] > p {
        width: 2.5rem; 
    }


    .brand_main_item{
      
       overflow: auto;
       height: 5rem;
    }
   
   
   }

   
  @media only screen and (max-width: 480px) {


    li[data-value="all"] > p {
    width: 2.5rem; 
}


    .brand_main_item{
      
       overflow: auto;
       height: 5rem;
    }

  .brand_item{
    align-items: center;
    justify-content:center;
    gap:15px;
  }

     .brand_item li {
      width: 10rem;
      padding: 5px;
    }

     .brand_item li a span {
      font-size: 10px; 
    }
    .brand_item_data img,
    .new_brands li img {
      max-height: 75px; /* Adjust image size for smaller screens */
    }

    .brand_page_section h2 {
      text-align: center;
    }
  
  }
.custom_youtube_video {
  background-color: #000; /* Replace with your desired background color */
}

.custom_youtube_video h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 36px;
  line-height: 1;
}

/* Styling for the first video container */
.first_video_item {
  position: relative;
  padding-bottom: 56.25%; /* Aspect ratio of 16:9 */
  height: 0;
  margin-bottom: 20px; /* Spacing between the first and smaller videos */
}

.first_video_item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Grid for the smaller videos */
.small_video_grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* Ensure wrapping of items */
  gap: 10px; /* Spacing between the grid items */
}

/* Styling for smaller video items */
.small_video_item {
  width: calc(33.333% - 10px); /* Three items per row, minus the gap */
  position: relative;
  padding-bottom: 18.75%; /* Aspect ratio of 16:9 for smaller videos */
  box-sizing: border-box;
}

.small_video_item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure the image covers the pad area */
  cursor: pointer;
}

/* Icon positioning */
.icon_yt {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url('/cdn/shop/files/youtube-svgrepo-com_1.svg?v=1695722429') no-repeat center center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Responsive adjustments */
@media (max-width: 768px) {

  .page-width {
    width:100%;
    max-width: none;
  }

  .youtube_content{
    margin: 0 1.5rem;
  }
  
  .small_video_grid {
    flex-direction: row; /* Stack videos vertically on smaller screens */
  }

  .small_video_item {
   
    margin-bottom: 20px; /* Increase spacing for better tap targets */
  }

   .small_video_item img  {
   
       object-fit: contain;
  }


  /* Adjust heading font size and margins for smaller screens */
  .custom_youtube_video h2 {
    font-size: 24px; /* Smaller font size for mobile */
    margin-bottom: 20px; /* Adjusted spacing */
  }
}

@media (max-width: 480px) {
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.25 | round: 0 }}px; /* Reduced padding */
    padding-bottom: {{ section.settings.padding_bottom | times: 0.25 | round: 0 }}px; /* Reduced padding */
  }
}