/* Education Video  */
.exc_educationalVideo .blogDetailBanner .carousel-inner{ background-color: #000; }
.exc_educationalVideo .blogDetailBanner .blogBannerDesc { padding-top: 70px; }
.exc_educationalVideo .blogGrid .container { padding: 0;  }
.exc_educationalVideo .blogBannerDesc h1, .blogBannerDesc h2 { font-size: 65px; }
.exc_educationalVideo  .blogBannerDesc p { font-size: 21px; }
.exc_educationalVideo .loadDivSm { display: block; }
.exc_educationalVideo .sectionPadding { padding: 30px 0; }
.exc_educationalVideo .blogGrid .PrevArrow.slick-arrow { left: 0 !important; top: 95px; z-index: 1; margin-left: -75px; }
.exc_educationalVideo .blogGrid .NextArrow.slick-arrow { right: -75px !important; top: 95px; z-index: 1; margin-left: -75px; }
.exc_educationalVideo .educational-info h2{ font-size: 55px; }
.exc_educationalVideo .educational-info p{ font-size: 20px; color: #3E3E45; margin-bottom: 30px; }
.exc_educationalVideo .educational-info .faq-youtube-container h5{ font-size: 42px; padding: 0; position: relative;}
.exc_educationalVideo .gridSlider-education .faq-youtube-container h5{ font-size: 22px;  padding: 0; position: absolute;  }
.educationvideobg {background: #FFFFFF; border-radius: 5px; max-width: 200px; display: flex; flex-direction: row; padding: 5px 0; gap: 10px; margin: 0 0 0 auto; }
.exc_educationalVideo .bg-white .educationvideobg { background: #F4F5F6; }
.videoeducation { display: flex; gap: 10px; justify-content: left; align-items: center; }
.video-content span { font-size: 22px; padding-left: 12px; font-weight: 500; }
.video-content { padding: 5px 0; display: flex; align-items: center; gap: 10px; margin-left: 0; }
.video-content:before { content: ''; width: 20px; height: 2px; background: #CDD3E0; position: relative; transform: rotate(90deg); left: 70px;  }
.exc_educationalVideo .modifieddots .slick-dots li{width: 6px;height: 6px;}
.exc_educationalVideo .modifieddots .slick-dots li.slick-active {   width: 25px !important; }
.exc_educationalVideo .blogInfoDetail a { border-radius: 8px; }


/* FAQ Modal */
.exc_educationalVideo .modal-faq { background: #27292D; max-width: 1000px; border-radius: 10px; padding: 0; }
#faq-modal .modal-dialog { max-width: 1000px; margin: auto; }
#faq-modal .modal-dialog .modal-content { border-radius: 13px; box-shadow: 0 0 30px; }
.closeIgModal .btn-close { position: absolute; bottom: -50px; left: 50%; border: 1px solid #fff; width: 48px; height: 48px; border-radius: 100%; text-align: center; transform: translate(-50%, 20px); opacity: 1; color: #fff; background-image: none; display: flex; align-items: center; justify-content: center; }
.closeIgModal .btn-close:hover { background: #4ba4db; }
.responsive-videofaq { position: relative; padding-bottom: 52.15%; padding-top: 25px; height: 0; }
.faqnew-accordtionIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube-player { display: block; margin: 20px auto; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
.faq-youtube-play-btn { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("https://exc-prodp.s3.eu-west-2.amazonaws.com/uploads/educational-youtube-icon.svg") no-repeat center center; background-size: 72px 72px; }
.faq-youtube-container h5 { font-size: 20px; color: #17191b; padding: 10px 0; font-weight: 500; font-family: "Barlow Semi Condensed", sans-serif; position: absolute;}
.faq-youtube-container { background-color: transparent; }
.faqnewbutton { position: relative; cursor: pointer;  display: block;}
.exc_educationalVideo .faq-youtube-container .faqnewbutton img { border-radius: 8px; width: 100%; }
/* FAQ Modal */

@media (max-width: 1540px){
    .exc_educationalVideo .educational-info h2 { font-size: 50px; }
    .exc_educationalVideo .educational-info h2 { font-size: 42px; }
    .exc_educationalVideo .blogBannerDesc h1, .blogBannerDesc h2 { font-size: 42px; }
    .exc_educationalVideo .educational-info .faq-youtube-container h5 { font-size: 28px; }   
    .exc_educationalVideo .educational-info .gridSlider-education .faq-youtube-container h5 { font-size: 18px; } 
    .exc_educationalVideo .imgThumbGrid, .imgThumbnail{ height: auto;}
    .exc_educationalVideo .blogGrid .slick-list { padding: 0px 10px 0px 10px !important; }
    .exc_educationalVideo .blogInfoDetail a { overflow: hidden;  }
}

@media (min-width: 1199px){
    .exc_educationalVideo .blogDetailBanner .carousel-inner{ height: 500px; margin-top: 4rem;}
}


@media (max-width: 992px) {
    .exc_educationalVideo .blogDetailBanner .blogBannerDesc { padding: 0 30px; }
    .exc_educationalVideo .educationpadding { padding: 30px 24px; padding-bottom: 100px; }
    .exc_educationalVideo .blogBannerDesc h1, .blogBannerDesc h2 { font-size: 38px; }
    .exc_educationalVideo .educational-info ul.slick-dots { margin-top: 50px; }
    .exc_educationalVideo .educationpadding ul.slick-dots { padding-top: 20px; }
}

@media (max-width: 768px){
    .exc_educationalVideo .blogDetailBanner .blogBannerDesc { padding-top: 90px!important; padding: 0 5px;  }
    .exc_educationalVideo .container { padding: 0 10px; }
    .exc_educationalVideo .blogGrid .container { margin-top: 0; }
    .educationvideobg { margin-bottom: 20px; max-width: 117px; height: 43px; }
    .exc_educationalVideo .blogBannerDesc p { font-size: 18px; }
    .exc_educationalVideo .blogInfoDetail h5 { padding: 0 0 5px 0 !important;}
    .video-content { margin-left: -17px; }
    .video-content img{ max-width: 20px; left: 50px; }
    .video-content:before{ left: 50px; }
    .video-content span { font-size: 15px; }
}

@media only screen and (max-width: 576px) {
    .exc_educationalVideo .blogBannerDesc h1, .blogBannerDesc h2 { font-size: 35px; }
    .exc_educationalVideo .educational-info h2 { font-size: 38px; }
    .exc_educationalVideo .educational-info .faq-youtube-container h5 { font-size: 20px; padding: 5px 0; }   
    .exc_educationalVideo .educational-info .gridSlider-education .faq-youtube-container h5 { font-size: 19px; }
    .exc_educationalVideo .educational-info p { font-size: 15px; }
    .exc_educationalVideo .educational-info p { margin-bottom: 15px; }
     .exc_educationalVideo .sectionPadding { padding: 15px 0; }
     .exc_educationalVideo .categoryBlogSection { padding: 30px 24px; } 
    /* FAQ Modal */
    .exc_educationalVideo .faq-youtube-play-btn { background-size: 38px 38px; }
    .exc_educationalVideo .faq-youtube-container h5 { font-size: 16px; }
    /* FAQ Modal */
}