.elementor-445 .elementor-element.elementor-element-3a27f36b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-445 .elementor-element.elementor-element-1b49ab6c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-445 .elementor-element.elementor-element-1b49ab6c .dce-terms{display:flex;flex-direction:row;color:var( --e-global-color-primary );font-family:var( --e-global-typography-f14a66a-font-family ), Sans-serif;font-size:var( --e-global-typography-f14a66a-font-size );font-weight:var( --e-global-typography-f14a66a-font-weight );}.elementor-445 .elementor-element.elementor-element-1b49ab6c .dce-terms span.text-before, .elementor-445 .elementor-element.elementor-element-1b49ab6c .dce-terms span.text-after{display:flex;}.elementor-445 .elementor-element.elementor-element-1b49ab6c .dce-terms a{color:var( --e-global-color-primary );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-445 .elementor-element.elementor-element-7c29ec28{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-445 .elementor-element.elementor-element-7c29ec28 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:40px;font-weight:bold;color:var( --e-global-color-text );}.elementor-445 .elementor-element.elementor-element-988d743{--display:flex;--min-height:600px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-445 .elementor-element.elementor-element-482fbbf7{text-align:center;}.elementor-445 .elementor-element.elementor-element-9bd8d6c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;}.elementor-445 .elementor-element.elementor-element-9bd8d6c:not(.elementor-motion-effects-element-type-background), .elementor-445 .elementor-element.elementor-element-9bd8d6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-445 .elementor-element.elementor-element-c556862{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 25px 0px 25px;}.elementor-445 .elementor-element.elementor-element-35b0392{--display:flex;--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;--padding-top:25px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-445 .elementor-element.elementor-element-3a27f36b{--content-width:1400px;}.elementor-445 .elementor-element.elementor-element-35b0392{--content-width:1400px;}}@media(max-width:1024px){.elementor-445 .elementor-element.elementor-element-1b49ab6c .dce-terms{font-size:var( --e-global-typography-f14a66a-font-size );}}@media(max-width:767px){.elementor-445 .elementor-element.elementor-element-1b49ab6c .dce-terms{font-size:var( --e-global-typography-f14a66a-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-ab01e87 *//* ============================================================
   AONIC VIDEO HUB — Refined Clean Version
   ============================================================ */

/* === Section spacing === */
.aonic-video-section {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* === Section Header === */
.aonic-term-header {
  margin-bottom: 12px;
}
.aonic-term-title {
  font-size: 28px;
  font-weight: 600;
  color: var(--e-global-color-text);
  margin: 0;
}

/* === Row wrapper === */
.aonic-video-row-wrapper {
  position: relative;
  overflow: visible; /* allow the last card to peek out */
  margin-left: 15px;
  
}

/* === Horizontal scroll grid === */
.aonic-video-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 10px;
   padding-top: 10px;
  padding-left: 10px;
}

/* ✅ Hide scrollbar for clean look */
.aonic-video-grid::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.aonic-video-grid {
  -ms-overflow-style: none;  /* IE, Edge */
  scrollbar-width: none;     /* Firefox */
}

/* === Scroll Arrows === */
.aonic-scroll-arrow {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  background: var(--e-global-color-primary);
  color: #fff;
  font-size: 28px;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: background 0.2s ease, transform 0.2s ease;
  display: none; /* JS will show if overflow */
  justify-content: center;
  align-items: center;
  z-index: 5;
}

.aonic-scroll-arrow:hover {
  background: var(--e-global-color-primary-hover, var(--e-global-color-primary));
  transform: translateY(-50%) scale(1.05);
}

/* === Left Arrow === */
.aonic-scroll-left {
  left: -10px;
}

/* === Right Arrow === */
.aonic-scroll-right {
  right: -10px;
}

/* Hide arrows on mobile */
@media (max-width: 768px) {
  .aonic-scroll-arrow {
    display: none !important;
  }
}


/* === Video Card === */
.aonic-video-card {
  flex: 0 0 auto;
  width: 400px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  overflow: hidden;
  scroll-snap-align: start;
  padding: 16px;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.aonic-video-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

/* === Taxonomies (Industry + Blog Type) === */
.aonic-taxonomy {
  font-family: var(--e-global-typography-tags-font-family);
  font-size: 15px;
  font-weight: 700;
  color: var(--e-global-color-primary);
  margin-bottom: 15px;
}

/* === Thumbnail === */
.aonic-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.aonic-thumb img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.aonic-video-card:hover .aonic-thumb img {
  transform: scale(1.05);
}

/* Play overlay styling */
.aonic-play-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease;
  border-radius: 10px;
}

.aonic-thumb:hover .aonic-play-overlay {
  opacity: 1;
}

.aonic-play-icon {
  width: 64px;
  height: 64px;
  color: var(--e-global-color-primary); /* primary color for outer circle */
  transition: transform 0.25s ease;
}

.aonic-thumb:hover .aonic-play-icon {
  transform: scale(1.1);
}



/* === Card Body === */
.aonic-card-body {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1; /* allows full height usage */
  min-height: 100px;
}

/* === Video Title === */
.aonic-title a {
  font-family: var(--e-global-typography-tags-font-family);
  font-size: 30px;
  font-weight: 700;
  color: var(--e-global-color-text);
  line-height: 1.1;
  margin-bottom: 8px;
}


/* === Watch Button === */
.aonic-watch {
  align-self: flex-end;
  font-family: var(--e-global-typography-tags-font-family);
  color: var(--e-global-color-primary);
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all 0.2s ease;
}
.aonic-watch::after {
  content: '→';
  font-size: 16px;
  transition: transform 0.2s ease;
}
.aonic-watch:hover::after {
  transform: translateX(3px);
}

/* === Responsive === */
@media (max-width: 768px) {
  .aonic-video-card { width: 240px; }
  .aonic-scroll-arrow { display: none !important; }
  .aonic-title { font-size: 22px; }
}



/* === Related / More Videos Section (Single Post) === */
.aonic-more-videos {
  margin-bottom: 25px;
}

.aonic-video-grid-static {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
}

.aonic-video-grid-static .aonic-video-card {
  width: calc(33.333% - 14px);
}

@media (max-width: 1024px) {
  .aonic-video-grid-static .aonic-video-card {
    width: calc(50% - 10px);
  }
}

@media (max-width: 768px) {
  .aonic-video-grid-static .aonic-video-card {
    width: 100%;
  }
}/* End custom CSS */