.main-wrapper{
    background: #ffffff;
}
.carousel-indicators [data-bs-target]{
    height: 10px;
    width: 10px;
    opacity: .7;
}
.carousel-indicators .active{
    opacity: 1;
    background-color: #fff;
}
.products_types .nav-tabs{
    border-bottom: 2px solid #c4c4c4;
}
.products_types .nav-tabs .nav-item.show .nav-link,  .products_types .nav-tabs .nav-link.active{
    border-color: transparent;
    background: transparent;
}
.products_types .nav-tabs .nav-link.active:focus, .products_types .nav-tabs .nav-link.active:focus-visible, .products_types .nav-tabs .nav-link.active:hover, .products_types .nav-tabs .nav-link.active:focus-within{
    border-color: transparent;
}
.products_types .nav-tabs .nav-item.show .nav-link:hover{
    border-color: transparent;
}
.products_types .nav-tabs .nav-link:focus, .products_types .nav-tabs .nav-link:hover{
    border-color: transparent;
}
.products_types .nav-tabs .nav-link{
     color: #429a13;
    font-weight: bold;
}
.products_types .nav-tabs .nav-link.active{
    color: #ffc107 !important;
    font-weight: bold;
}
.category_products .banner.style1{
    background: linear-gradient(to right, #f2e5af, #89f4e1);
    background: -moz-linear-gradient(to right, #f2e5af, #89f4e1);
    background: -o-linear-gradient(to right, #f2e5af, #89f4e1);
    background: -webkit-linear-gradient(to right, #f2e5af, #89f4e1);
}
.category_products .banner.style2{
    background: linear-gradient(to right, #b0fafe, #65cefe);
    background: -moz-linear-gradient(to right,#b0fafe, #65cefe);
    background: -o-linear-gradient(to right,#b0fafe, #65cefe);
    background: -webkit-linear-gradient(to right,#b0fafe, #65cefe);
}
.category_products .banner.style3{
    background: linear-gradient(to right, #efed8e, #fed286);
    background: -moz-linear-gradient(to right, #efed8e, #fed286);
    background: -o-linear-gradient(to right, #efed8e, #fed286);
    background: -webkit-linear-gradient(to right, #efed8e, #fed286);
}
.category_products .banner.style4{
    background: linear-gradient(to right, #7c75ff, #cbd1fd);
    background: -moz-linear-gradient(to right, #7c75ff, #cbd1fd);
    background: -o-linear-gradient(to right, #7c75ff, #cbd1fd);
    background: -webkit-linear-gradient(to right, #7c75ff, #cbd1fd);
}
.category_products .banner{
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.category_products .banner .title{
    font-size: 28px;
    text-transform: uppercase;
    font-family: var(--popins);
    color: #000;
    font-weight: 700;
}
.category_products .banner .left{
    position: relative;
}
.category_products .banner .sub_title{
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    color: #e30000;
    text-shadow: 1px 1px white;
}

  .video_section{
    min-height: auto;
    aspect-ratio: 16/9;
    height: 100%;
  }
  @media (max-width: 769px){
      .video-foreground iframe{
          width: 100% !important;
         height: auto !important;
         aspect-ratio: 9/16 !important;
      }
      .video_section{
        min-height: auto;
        aspect-ratio: 9/16 !important;
      }
      .video-background {
        /*position: absolute;*/
        /*top: 0;*/
        /*left: 0;*/
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -1;
      }
      
  }
  
  @media (min-width: 769px){
      .video-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        /*z-index: -1;*/
      }
      
      .video-foreground iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        aspect-ratio: 16/9;
        width: 100%;
        height: auto; 
        transform: translate(-50%, -50%);
        pointer-events: none; /* Ensures that video doesn't interfere with other content 
      }
  }
  
  .video_overlay{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: transparent;
    z-index: 1;
  }
  .video_overlay .content_bg{
    display: grid;
    place-content: center;
    opacity: 0.6;
    height: 100%;
    color: white;
    text-align: center;
  }