body.no-scroll.mogo-body-index .bp-area.HPD-template-hdfc-9-3--area.col-lg-9.col-sm-8 {
    position: relative;
    z-index: -1;
}

body.no-scroll.mogo-body-index .bp-area.HPD-template-hdfc-9-3--area.col-lg-3.col-sm-4{
    z-index: 0;
    position: relative;
    overflow: hidden;
    top:150px !important;
}

body.no-scroll .breadcrumb.hdfc-portal-breadcrum{
    z-index: 0 !important;
}

body.no-scroll.mogo-body-index .bp-container.HPD-template-hdfc-9-3 > .row {
    overflow:unset !important;
}

.mogo-body-index .carousel-four-superparent{
    opacity:0;
}

.mogo-video-play-parent{
    cursor: pointer;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    background: #fff;
    margin-bottom: 20px;
}


.mogo-video-play-parent .video-blue-heading{
    font-size:20px;
    font-weight:bold;
    color:#1d86ff;
}

.mogo-video-play-parent-modal .margin-required{
    display:none;
}


.mogo-video-play-parent .video-icon{
    max-height: 25px;
    float: right;
    position: absolute;
    right: 5px;
    top: 8px;
    max-width: 25px;
}

.mogo-video-play-parent h2{
    font-size: 20px;
}
.mogo-video-play-parent .play-button{
    /* width:212px;*/
    /*height:144px;*/
    /* margin: auto;*/
}
.mogo-video-play-parent  img{
    width:100%;
    /*height:172px;*/
    margin: auto;
}

.mogo-video-play-parent  .video-heading{
    font-size:18px;
}

.mogo-video-play-parent  .video-header{
    position: absolute;
    width: 100%;
    background: #fff;
    opacity: 0.9;
    bottom: 0;
    padding: 10px 10px 10px 10px;
}

.mogo-video-play-parent-modal iframe{
    width:100%;
    height:100%;
    border-width: 0px;
}

.mogo-video-play-parent-modal .cover-video{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    width: 100%;
    z-index: 99999999;
    overflow: auto;
}

.mogo-video-play-parent-modal .popup-container-video.opened {
    width: 90%;
    height:50%;
    position: relative;
    background: #fff;
    top: 15%;
    margin: 0 auto;
    display: block;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    overflow: visible;
}
.mogo-video-play-parent-modal .video-player{
    width:100%;
    height:100%;
    margin:auto;
}



.mogo-video-play-parent-modal .close-button {
    position: absolute;
    right: -15px;
    top: -16px;
    background: #fff;
    border-radius: 50%;
    z-index: 9999;
}

.mogo-video-play-parent-modal .close-button img{
    max-height:25px;
}

.mogo-video-play-parent-modal .popup-container-video.opened .modal-content {
    height:100%;
    padding: 0px;
    margin-top:25px;
}

@media (min-width: 961px){
.mogo-video-play-parent-modal .popup-container-video.opened {
    height: 70%;
}
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
.mogo-video-play-parent .play-button{
    width:100%;
}

.mogo-video-play-parent  img{
    width:100%;
}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {

.mogo-video-play-parent  .video-header{
    width:50%;
    display:inline-block;
    /*position: relative;*/
    margin-top:1px;
    top:0;
    height:20%;
}

}