.elementor-19 .elementor-element.elementor-element-2f778636{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-2fe51734{--display:flex;}.elementor-19 .elementor-element.elementor-element-2fe51734.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-365b4f1{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-365b4f1:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-365b4f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ed58931 );}.elementor-19 .elementor-element.elementor-element-5125901{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:12px;--padding-left:40px;--padding-right:40px;--z-index:5;}.elementor-19 .elementor-element.elementor-element-5125901:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-5125901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ed58931 );}.elementor-19 .elementor-element.elementor-element-08091de{--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;--justify-content:space-between;--gap:0px 40px;--row-gap:0px;--column-gap:40px;}.elementor-19 .elementor-element.elementor-element-08091de:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-08091de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ed58931 );}.elementor-19 .elementor-element.elementor-element-79a4887{--display:flex;--gap:4px 0px;--row-gap:4px;--column-gap:0px;}.elementor-19 .elementor-element.elementor-element-a561d37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-41f6ec2{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-19 .elementor-element.elementor-element-897a285{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 16px;--row-gap:0px;--column-gap:16px;}.elementor-19 .elementor-element.elementor-element-717a4c0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-8f8a3ef{--display:flex;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:24px;--padding-left:40px;--padding-right:40px;}.elementor-19 .elementor-element.elementor-element-385d8d6{--grid-columns:5;--load-more-button-align:center;}.elementor-19 .elementor-element.elementor-element-385d8d6 .elementor-button:hover, .elementor-19 .elementor-element.elementor-element-385d8d6 .elementor-button:focus{background-color:var( --e-global-color-e36a08b );color:var( --e-global-color-ed58931 );}.elementor-19 .elementor-element.elementor-element-385d8d6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-385d8d6 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-19 .elementor-element.elementor-element-385d8d6 .e-loop-item > .elementor-section, .elementor-19 .elementor-element.elementor-element-385d8d6 .e-loop-item > .elementor-section > .elementor-container, .elementor-19 .elementor-element.elementor-element-385d8d6 .e-loop-item > .e-con, .elementor-19 .elementor-element.elementor-element-385d8d6 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-19 .elementor-element.elementor-element-385d8d6 .elementor-button{fill:var( --e-global-color-ed58931 );color:var( --e-global-color-ed58931 );transition-duration:0.2s;}.elementor-19 .elementor-element.elementor-element-385d8d6 .elementor-button:hover svg, .elementor-19 .elementor-element.elementor-element-385d8d6 .elementor-button:focus svg{fill:var( --e-global-color-ed58931 );}@media(max-width:1366px){.elementor-19 .elementor-element.elementor-element-41f6ec2{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-2fe51734{--width:260px;}.elementor-19 .elementor-element.elementor-element-365b4f1{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-19 .elementor-element.elementor-element-2f778636{--width:100%;}}@media(min-width:2400px){.elementor-19 .elementor-element.elementor-element-41f6ec2{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-2f778636{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-41f6ec2{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-19 .elementor-element.elementor-element-385d8d6{--grid-columns:2;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-2f778636{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-41f6ec2{line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-19 .elementor-element.elementor-element-385d8d6{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-385d8d6 *//* --- Media Card (REQUIRED sizing) --- */
.el-media-card{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* --- Overlay (fade in smoothly, no weird delay) --- */
.el-media-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  background: rgba(0,0,0,.45);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity .18s ease, visibility .18s ease;
}

.el-media-card:hover .el-media-overlay{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* --- Circle buttons (white default, blue hover, no scale) --- */
.el-media-overlay .el-view-btn,
.el-media-overlay .el-delete-btn{
  all: unset;
  width: 44px;
  height: 44px;
  border-radius: 999px;

  display: grid;
  place-items: center;
  cursor: pointer;

  background: #ffffff;
  transition: background-color .12s ease;
}

/* View hover: light blue */
.el-media-overlay .el-view-btn:hover{
  background: #E6EDFF;
}

/* Delete hover: light red */
.el-media-overlay .el-delete-btn:hover{
  background: #FEE2E2;
}

/* If you used <img class="el-overlay-icon" ...> inside the button */
.el-media-overlay .el-overlay-icon{
  width: 18px;
  height: 18px;
  display: block;
}


/* Lightbox responsive sizing */
@media (max-width: 768px) {
  #el-lb-media-wrap img,
  #el-lb-media-wrap video {
    max-width: 95vw !important;
    max-height: 75vh !important;
  }
  
  #el-lb-title {
    font-size: 0.8rem !important;
    margin-top: 8px !important;
  }
  
  #el-lb-close {
    top: 12px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 20px !important;
  }
}


/* ===== VIDEO CARDS - Diagonal pattern background ===== */
.el-media-card.is-video-no-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 35px,
    rgba(255, 255, 255, 0.03) 35px,
    rgba(255, 255, 255, 0.03) 70px
  );
  pointer-events: none;
  z-index: 1;
}

/* ===== VIDEO CARDS - Center play icon + title together ===== */
.el-media-card.is-video-no-thumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

/* ===== HIDE VIDEO BADGE ===== */
.el-media-badge {
  display: none !important;
}

/* ===== VIDEO BADGE - Styled like listings status pills ===== */
.el-media-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
background: #fff;
color: #000831;
  padding: 6px 12px;
  border-radius: 999px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 12px;
  text-align: center;
}

/* ===== VIDEO PLAY ICON - Centered with title below ===== */
.el-video-placeholder {
  z-index: 5;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4));
  pointer-events: none;
  flex-shrink: 0;
  
  /* Hide on hover */
  opacity: 1;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.el-media-card:hover .el-video-placeholder {
  opacity: 0;
  transform: scale(0.9);
}

/* ===== VIDEO TITLE - Smaller text, centered with icon ===== */
.el-video-title {
  z-index: 5;
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  padding: 0 24px;
  max-width: 80%;
  
  /* Truncate long titles */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  
  /* Hide on hover */
  opacity: 1;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.el-media-card:hover .el-video-title {
  opacity: 0;
  transform: translateY(10px);
}/* End custom CSS */