.elementor-943 .elementor-element.elementor-element-1377a22{--display:flex;--overlay-opacity:0.51;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-943 .elementor-element.elementor-element-1377a22::before, .elementor-943 .elementor-element.elementor-element-1377a22 > .elementor-background-video-container::before, .elementor-943 .elementor-element.elementor-element-1377a22 > .e-con-inner > .elementor-background-video-container::before, .elementor-943 .elementor-element.elementor-element-1377a22 > .elementor-background-slideshow::before, .elementor-943 .elementor-element.elementor-element-1377a22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-943 .elementor-element.elementor-element-1377a22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-943 .elementor-element.elementor-element-4cd35b3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-943 .elementor-element.elementor-element-4cd35b3::before, .elementor-943 .elementor-element.elementor-element-4cd35b3 > .elementor-background-video-container::before, .elementor-943 .elementor-element.elementor-element-4cd35b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-943 .elementor-element.elementor-element-4cd35b3 > .elementor-background-slideshow::before, .elementor-943 .elementor-element.elementor-element-4cd35b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-943 .elementor-element.elementor-element-4cd35b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-943 .elementor-element.elementor-element-c92630d{text-align:start;}.elementor-943 .elementor-element.elementor-element-c92630d .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-943 .elementor-element.elementor-element-f23236f{text-align:start;font-family:"DM Sans", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-943 .elementor-element.elementor-element-7b768a0{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-943 .elementor-element.elementor-element-7b768a0:not(.elementor-motion-effects-element-type-background), .elementor-943 .elementor-element.elementor-element-7b768a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151A24;}.elementor-943 .elementor-element.elementor-element-904bb11{--display:flex;}@media(max-width:1366px){.elementor-943 .elementor-element.elementor-element-7b768a0{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-943 .elementor-element.elementor-element-7b768a0{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-943 .elementor-element.elementor-element-1377a22{--justify-content:flex-end;}.elementor-943 .elementor-element.elementor-element-4cd35b3{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-943 .elementor-element.elementor-element-c92630d{text-align:start;}.elementor-943 .elementor-element.elementor-element-c92630d .elementor-heading-title{font-size:25px;}.elementor-943 .elementor-element.elementor-element-f23236f{text-align:start;font-size:14px;}.elementor-943 .elementor-element.elementor-element-7b768a0{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-6d01643 *//* 1. Main Container aur Thumbnail Setup */
.aiovg-item-video {
    position: relative;
    overflow: hidden;
}

.aiovg-thumbnail {
    position: relative; /* Caption ab iske andar rahega */
    overflow: hidden;
    line-height: 0; /* Extra space khatam karne ke liye */
}

/* 2. Play Button aur Duration ko Hover par Hide karna */
.aiovg-item-video:hover .aiovg-svg-icon-play,
.aiovg-item-video:hover .aiovg-duration {
    opacity: 0 !important;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

/* 3. Caption Overlay (Video Frame ke andar) */
.aiovg-item-video .aiovg-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Dark Overlay */
    
    /* Content Alignment: Left Aligned */
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Content niche se shuru hoga */
    align-items: flex-start;    /* Left side par align hoga */
    padding: 20px;
    box-sizing: border-box;
    z-index: 10;

    /* Animation: FadeInUp Effect */
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease-out;
    pointer-events: none; /* Mouse clicks image/link par jayenge */
}

/* 4. Hover State: Show Overlay */
.aiovg-item-video:hover .aiovg-caption {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 5. Typography & Text Styling (Left Aligned with Spacing) */
.aiovg-caption .aiovg-title {
    text-align: left !important;
    width: 100%;
    /* Heading aur niche wale text mein gap yahan se control hoga */
    margin: 0 0 5px 0 !important; 
}

.aiovg-caption .aiovg-title a {
    color: #ffffff !important;
    font-size: 1.2rem; /* Thora bara size professional lagta hai */
    font-weight: 700;
    text-decoration: none;
    display: block;
    line-height: 1.2;
}

.aiovg-caption .aiovg-excerpt {
    text-align: left !important;
    color: #dddddd !important;
    font-size: 0.9rem;
    line-height: 1.5;
    /* Excerpt ke niche category se gap ke liye */
    margin-bottom: 12px; 
    display: block;
}

.aiovg-caption .aiovg-category {
    text-align: left !important;
    font-size: 0.8rem;
    color: #ffffff;
    opacity: 0.8;
    display: flex;
    align-items: center;
}

/* Category icon aur text ke beech gap */
.aiovg-caption .aiovg-category svg {
    margin-right: 8px;
    stroke: #ffffff;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b951c78 *//* 1. Main Container aur Thumbnail Setup */
.aiovg-item-video {
    position: relative;
    overflow: hidden;
}

.aiovg-thumbnail {
    position: relative; /* Caption ab iske andar rahega */
    overflow: hidden;
    line-height: 0; /* Extra space khatam karne ke liye */
}

/* 2. Play Button aur Duration ko Hover par Hide karna */
.aiovg-item-video:hover .aiovg-svg-icon-play,
.aiovg-item-video:hover .aiovg-duration {
    opacity: 0 !important;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

/* 3. Caption Overlay (Video Frame ke andar) */
.aiovg-item-video .aiovg-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Dark Overlay */
    
    /* Content Alignment: Left Aligned */
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Content niche se shuru hoga */
    align-items: flex-start;    /* Left side par align hoga */
    padding: 20px;
    box-sizing: border-box;
    z-index: 10;

    /* Animation: FadeInUp Effect */
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease-out;
    pointer-events: none; /* Mouse clicks image/link par jayenge */
}

/* 4. Hover State: Show Overlay */
.aiovg-item-video:hover .aiovg-caption {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 5. Typography & Text Styling (Left Aligned with Spacing) */
.aiovg-caption .aiovg-title {
    text-align: left !important;
    width: 100%;
    /* Heading aur niche wale text mein gap yahan se control hoga */
    margin: 0 0 5px 0 !important; 
}

.aiovg-caption .aiovg-title a {
    color: #ffffff !important;
    font-size: 1.2rem; /* Thora bara size professional lagta hai */
    font-weight: 700;
    text-decoration: none;
    display: block;
    line-height: 1.2;
}

.aiovg-caption .aiovg-excerpt {
    text-align: left !important;
    color: #dddddd !important;
    font-size: 0.9rem;
    line-height: 1.5;
    /* Excerpt ke niche category se gap ke liye */
    margin-bottom: 12px; 
    display: block;
}

.aiovg-caption .aiovg-category {
    text-align: left !important;
    font-size: 0.8rem;
    color: #ffffff;
    opacity: 0.8;
    display: flex;
    align-items: center;
}

/* Category icon aur text ke beech gap */
.aiovg-caption .aiovg-category svg {
    margin-right: 8px;
    stroke: #ffffff;
}/* End custom CSS */