
.landing-page-smart-edu-video.video-related-mba-module .cmn-slider.owl-carousel .owl-item .item {padding: 40px 25px;}
.landing-page-smart-edu-video .owl-stage-outer {
   
}
.landing-page-smart-edu-video .owl-carousel .owl-item .vdo-play-btn4 img, .landing-page-smart-edu-video .owl-carousel .owl-item .vdo-info-lt1 img {width: auto;}
.landing-page-smart-edu-video .video-slider-block {border-radius: 1rem;overflow: hidden;position: relative;background: #fff; }
.landing-page-smart-edu-video .video-slider-block .video-img { position: relative;}
.landing-page-smart-edu-video .video-slider-btn {display: block;position: absolute;inset: 0;z-index: 3;cursor: pointer;}
/* .video-slider-block::before {content: "";position: absolute;display: block;inset: 0;background: #00000066;z-index: 1;} */
.landing-page-smart-edu-video .vdo-play-btn4 {display: block;margin: 0 auto;position: absolute;left: 0;right: 0;width: 60px;top: 50%;transform: translateY(-50%);}

.landing_page_discover_cthe_courses-event .video-info-content {color:#000;font-size:var(--font-16);line-height:var(--line-h-22);font-weight: 400;
padding:15px 15px 0 15px; }

.landing-page-smart-edu-video .video-btm-info {display: flex; /* position: absolute; */ bottom: 0;left: 0;right: 0; padding:15px 0 0 0;    align-items: center;
  
  
 /* background: linear-gradient(180deg, rgba(38, 14, 56, 0) 9.9%, rgba(38, 14, 56, 0.6) 57.81%, #260E38 100%); */
}
.landing-page-smart-edu-video .video-btm-info .user_thumb {
    width: 75px;
    height: 75px;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #eee;
    border-radius: 50%;
    margin-right: 15px;
}
.landing-page-smart-edu-video .video-btm-info .user-info {
    flex-grow: 1;
}
.landing-page-smart-edu-video .video-btm-info .user-info .h5-class {
    font-weight: bold;
    margin: 0;
    padding: 0;
  margin-bottom: 5px;
    /* display: inline-block; */
}
.landing-page-smart-edu-video  {
    background: #000;
}
.landing-page-smart-edu-video .video-btm-info .user-info p {
    margin: 0;
}
.landing-page-smart-edu-video .video-btm-info .h5-class {display: block;color:#000;font-weight: 500;}
.landing-page-smart-edu-video .vdo-btm-info-inner,.vdo-info-lt1 {display: flex;align-items: center;}
.landing-page-smart-edu-video .vdo-info-lt1 img{margin-right: 10px;}
.landing-page-smart-edu-video .vdo-info-lt1 {border-right: 1px solid #fff;padding-right: 12px;margin-right: 12px;}
.landing-page-smart-edu-video .vdo-info-lt1:last-child {border: none;margin: 0;padding: 0;}
.landing-page-smart-edu-video .modal-videopopup .modal-dialog {max-width: 900px;}
.landing-page-smart-edu-video .modal-videopopup .modal-dialog .modal-content {background: #000;}
.landing-page-smart-edu-video .modal-videopopup.modal.show .modal-dialog button.btn-close {float: right;}
.landing-page-smart-edu-video .modal-videopopup.modal.show .modal-dialog button.btn-close {filter: brightness(0) invert(1);position: absolute;right: -35px;top: -20px;}
.landing-page-smart-edu-video .modal-videopopup .oembed_container, .landing-page-smart-edu-video .modal-videopopup .oembed_container .iframe_wrapper iframe {max-width: inherit !important;max-height: inherit !important;}


/* Owl Carousel CSS */
.landing-page-smart-edu-video .owl-carousel .animated{-webkit-animation-duration:1500ms;animation-duration:1500ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.landing-page-smart-edu-video .owl-carousel .owl-animated-in{z-index:0}
.landing-page-smart-edu-video .owl-carousel .owl-animated-out{z-index:1}
.landing-page-smart-edu-video .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut { 0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut { 0% {opacity: 1;}100% {opacity: 0;}}
.landing-page-smart-edu-video .owl-carousel .fadeOut1{-webkit-animation-name:fadeOut1;animation-name:fadeOut1}
@-webkit-keyframes fadeOut1 { 0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut1 { 0% {opacity: 1;}100% {opacity: 0;}}
.landing-page-smart-edu-video .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.landing-page-smart-edu-video .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.landing-page-smart-edu-video .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;display: flex;align-items: center;}
.landing-page-smart-edu-video .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.landing-page-smart-edu-video .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px)}
.landing-page-smart-edu-video .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;}
.landing-page-smart-edu-video .owl-carousel.owl-loaded{display:block}
.landing-page-smart-edu-video .owl-carousel.owl-loading{opacity:0;display:block}
.landing-page-smart-edu-video .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.landing-page-smart-edu-video .owl-carousel .owl-item img{display:block;width:100%;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.landing-page-smart-edu-video .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.landing-page-smart-edu-video .owl-carousel .owl-nav .disabled {display: none !important;}
.landing-page-smart-edu-video .owl-nav > button {border: medium none;color: #ffffff;cursor: pointer;font-family: Arial;font-size: 0px;height: 16px;line-height: 16px;position: absolute;text-align: center;
top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 10px;display: block;outline: none !important;margin-top: -12px;}
.landing-page-smart-edu-video .owl-nav > button > span{display:none;}

.landing-page-smart-edu-video.video-related-mba-module .owl-nav > button.owl-next {right: -5px;background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/next-red-arrow.png) no-repeat center center !important; }
.landing-page-smart-edu-video.video-related-mba-module .owl-nav > button.owl-prev {left: -5px;background: url(/hubfs/raw_assets/public/upGrad-New-2024/upGradTheme2024/images/prev-red-arrow.png) no-repeat center center !important;}
.landing-page-smart-edu-video .owl-dots{align-items:center;bottom:-30px;display:flex;justify-content:center;left:0;position:absolute;right:0;text-align:center;}
.landing-page-smart-edu-video .owl-dots > button.owl-dot{background:#d9d9d9;border:medium none;border-radius:50%;height:12px;margin:0 5px;outline:medium none !important;vertical-align:middle;width:12px;cursor:pointer;}
.landing-page-smart-edu-video .owl-dots > button > span{display:none !important;}
.landing-page-smart-edu-video .owl-dots > button.owl-dot.active{background:#004990;}
.landing-page-smart-edu-video .owl-nav.disabled,.owl-dots.disabled {display: none;}
.landing_page_discover_cthe_courses-event  h2 {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
}

.landing-page-smart-edu-video .owl-carousel .owl-item .quotes-icon img {
    width: auto;
    margin-bottom: 5px;
}


@media only screen and (max-width:1349px){
    .landing-page-smart-edu-video .owl-nav > button.owl-prev {left: -10px;}
    .landing-page-smart-edu-video .owl-nav > button.owl-next {right: -10px;}
}
/* Owl Carousel CSS */


@media only screen and (max-width: 991px) {
    .landing-page-smart-edu-video.video-related-mba-module{margin: 0px 0 0;}
    .landing-page-smart-edu-video.video-related-mba-module .cmn-slider.owl-carousel .owl-item .item {padding:40px 30px;}
    .landing-page-smart-edu-video .modal-videopopup .modal-dialog {max-width: 90%;}
}

@media only screen and (max-width: 767px) {
    .landing-page-smart-edu-video .modal-videopopup.modal.show .modal-dialog button.btn-close {right: -11px;top: -11px;z-index: 9;}
    .landing-page-smart-edu-video .modal-videopopup .modal-dialog {margin-left: auto;margin-right: auto;}
    .landing-page-smart-edu-video .modal-videopopup .modal-body {padding: 0 10px;}
}

.landing-page-smart-edu-video.video-related-mba-module .modal-body iframe {
    height: 350px !important;
}

.landing-page-smart-edu-video .video-slider-block {
    transition: transform 0.3s ease-in-out;
}

.landing-page-smart-edu-video .item:hover .video-slider-block {
    transform: scale(1.14); /* Increase the size by 10% */
    z-index: 2; /* Ensures the hovered video appears above others */
   /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); /* Optional: Add shadow for emphasis */
}
.text-gradient {
    color: #e50913;
}


/* Overwright CSS */

.landing_page_discover_cthe_courses-event.landing-page-smart-edu-video .item:hover .video-slider-block {}
.landing_page_discover_cthe_courses-event button.cta-button-event {
    background: #000;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    white-space: nowrap;
    border-radius: 15px;
    padding: 2px 20px;
}
.landing_page_discover_cthe_courses-event.landing-page-smart-edu-video .video-btm-info .user_thumb {
    min-width: 75px;
    height: auto;
    border-radius: 0;
}
.landing_page_discover_cthe_courses-event.landing-page-smart-edu-video .video-btm-info {
    align-items: flex-start;   
}

.landing_page_discover_cthe_courses-event.landing-page-smart-edu-video  .video-info-content { }
.landing_page_discover_cthe_courses-event.landing-page-smart-edu-video .video-slider-block {
    margin-bottom: 30px;  position: relative;     /*padding-bottom: 50px; */
}
.landing_page_discover_cthe_courses-event.landing-page-smart-edu-video.video-related-mba-module .cmn-slider.owl-carousel .owl-item .item {
    padding: 40px 25px;
}
.landing_page_discover_cthe_courses-event.landing-page-smart-edu-video .video-slider-block {
    margin-bottom: 30px;
    min-height: 430px;
}
.landing_page_discover_cthe_courses-event.cta-button-row {
    margin: 10px 0;
}

.landing_page_discover_cthe_courses-event .cta-button-row {
    align-self: flex-end;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.video-slider-block {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Soft shadow effect */
    overflow: hidden; /* Ensures the shadow follows the block's shape */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth animation */
}

.video-slider-block:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
    transform: translateY(-5px); /* Slight lift effect on hover */
}

