.elementor-1381 .elementor-element.elementor-element-d231f7d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-1381 .elementor-element.elementor-element-d231f7d:not(.elementor-motion-effects-element-type-background), .elementor-1381 .elementor-element.elementor-element-d231f7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F2F3F4 0%, #F2F3F4 100%);}.elementor-1381 .elementor-element.elementor-element-d231f7d::before, .elementor-1381 .elementor-element.elementor-element-d231f7d > .elementor-background-video-container::before, .elementor-1381 .elementor-element.elementor-element-d231f7d > .e-con-inner > .elementor-background-video-container::before, .elementor-1381 .elementor-element.elementor-element-d231f7d > .elementor-background-slideshow::before, .elementor-1381 .elementor-element.elementor-element-d231f7d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1381 .elementor-element.elementor-element-d231f7d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F2F3F4 0%, #F2F3F4 100%);}.elementor-1381 .elementor-element.elementor-element-38fdfdc.elementor-element{--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for shortcode, class: .elementor-element-38fdfdc */.video-cat-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr); /* 4 on desktop */
}

@media (max-width: 1024px) {
  .video-cat-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 on tablet */
  }
}

@media (max-width: 767px) {
  .video-cat-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 on mobile */
  }
}

.video-cat-box {
  background: #111;
  padding: 10px;
  border-radius: 12px;
  text-align: center;
  transition: transform 0.2s ease;
}

.video-cat-box:hover {
  transform: translateY(-5px);
}

.video-cat-box .cat-thumb {
  width: 100%;
  aspect-ratio: 16/9; /* keeps all thumbs same size */
  overflow: hidden;
  border-radius: 10px;
  background: #222;
  margin-bottom: 10px;
}

.video-cat-box img,
.video-cat-box .cat-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ✅ Category title color change */
.video-cat-box h3,
.video-cat-box h4,
.video-cat-box .cat-title,
.video-cat-box a {
  color: #EF2305;
}/* End custom CSS */