.elementor-421 .elementor-element.elementor-element-5c13fcc5{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-f714708{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-bbe6325{--display:flex;--min-height:300px;--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;--justify-content:center;--overlay-opacity:0.6;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-421 .elementor-element.elementor-element-bbe6325:not(.elementor-motion-effects-element-type-background), .elementor-421 .elementor-element.elementor-element-bbe6325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://resource.aonic.com/wp-content/uploads/2025/11/Digital-Marketing-1_RAW-16x9-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-421 .elementor-element.elementor-element-bbe6325::before, .elementor-421 .elementor-element.elementor-element-bbe6325 > .elementor-background-video-container::before, .elementor-421 .elementor-element.elementor-element-bbe6325 > .e-con-inner > .elementor-background-video-container::before, .elementor-421 .elementor-element.elementor-element-bbe6325 > .elementor-background-slideshow::before, .elementor-421 .elementor-element.elementor-element-bbe6325 > .e-con-inner > .elementor-background-slideshow::before, .elementor-421 .elementor-element.elementor-element-bbe6325 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-421 .elementor-element.elementor-element-c118691{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-heading .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-421 .elementor-element.elementor-element-108e66d .elementor-heading-title{font-family:var( --e-global-typography-ab0b582-font-family ), Sans-serif;font-size:var( --e-global-typography-ab0b582-font-size );font-weight:var( --e-global-typography-ab0b582-font-weight );color:var( --e-global-color-accent );}.elementor-421 .elementor-element.elementor-element-9c43a69 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-accent );}.elementor-421 .elementor-element.elementor-element-907db03{--display:flex;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-421 .elementor-element.elementor-element-aee4774 .e-search-input{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );border-style:none;border-radius:15px 0px 0px 15px;}.elementor-421 .elementor-element.elementor-element-aee4774 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-421 .elementor-element.elementor-element-aee4774{--e-search-input-color:var( --e-global-color-text );--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:15px;--e-search-input-padding-block-end:5px;--e-search-input-padding-inline-end:5px;--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-color:var( --e-global-color-primary );--e-search-submit-button-flex-direction:row-reverse;--e-search-submit-icon-margin-inline-start:var(--e-search-submit-icon-gap);--e-search-submit-icon-margin-inline-end:0px;--e-search-icon-submit-size:20px;--e-search-submit-border-radius:0px 15px 15px 0px;--e-search-submit-padding:15px 15px 15px 15px;}.elementor-421 .elementor-element.elementor-element-810e6e3{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-421 .elementor-element.elementor-element-c118691{--content-width:1400px;}.elementor-421 .elementor-element.elementor-element-907db03{--content-width:800px;}.elementor-421 .elementor-element.elementor-element-810e6e3{--content-width:1400px;}}@media(max-width:1024px){.elementor-421 .elementor-element.elementor-element-108e66d .elementor-heading-title{font-size:var( --e-global-typography-ab0b582-font-size );}}@media(max-width:767px){.elementor-421 .elementor-element.elementor-element-108e66d .elementor-heading-title{font-size:var( --e-global-typography-ab0b582-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-76f4377 *//* ============================================================
   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 5px 10px rgba(0,0,0,0.2);
  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; }
}/* End custom CSS */