@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Rubik:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0}
.ic-herocomp{background:#f2f2f2;padding:32px 6px 32px 58px}
.ic-herocomp .icherocomp-top{display:flex;align-items:center;gap:32px}
.ic-herocomp .icherocomp-top .icht-one{height:296px;width:auto;border-radius:16px;position:relative;overflow:hidden}
.ic-herocomp .icherocomp-top .icht-one .icmain-play{left:40%;top:40%;z-index:2;cursor:pointer}
.ic-herocomp .icherocomp-top .icht-one .bg-img{height:100%;width:100%;object-fit:cover;border-radius:14px}
.ic-herocomp .icherocomp-top .icht-two .h4{color:#444;font-family:Rubik;font-weight:700;font-size:24px}
.ic-herocomp .icherocomp-top .icht-two .ichv-detailsbox{margin-top:8px;display:flex;align-items:center;gap:24px}
.ic-herocomp .icherocomp-top .icht-two .ichv-detailsbox span{color:#444444C4;font-family:Rubik;font-weight:400;font-size:14px}
.ic-herocomp .icherocomp-top .icht-two p{margin-top:32px;color:#4f4f4f;font-family:Rubik;font-weight:400;font-size:16px;line-height:26px}
.ic-herocomp .icherocomp-top .ichc-scrollbox{margin-top:32px;color:#4f4f4f;font-family:Rubik;font-weight:400;font-size:16px}
.ic-herocomp .ichc-scrollbox{margin-top:32px}
.ic-herocomp .ichc-scrollbox .icsbox{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));overflow-x:auto;height:fit-content;align-items:center;gap:24px}
.ic-herocomp .ichc-scrollbox .icsbox::-webkit-scrollbar{display:none}
.ic-herocomp .ichc-scrollbox .icsbox .icsbox{width:300px;height:fit-content;flex-shrink:0}
.ic-herocomp .ichc-scrollbox .icsbox .icsbox .video-box{width:100%;height:183px;position:relative;overflow:hidden;border-radius:12px}
.ic-herocomp .ichc-scrollbox .icsbox .icsbox .video-box .bg-img{width:100%;height:100%;object-fit:cover}
.ic-herocomp .ichc-scrollbox .icsbox .icsbox .video-box .playbutton{position:absolute;top:35%;left:40%;cursor:pointer;z-index:5}
.ic-herocomp .ichc-scrollbox .icsbox .icsbox p{color:#444;font-family:Rubik;font-weight:600;font-size:16px;margin-top:12px}
.ic-herocomp .ichc-scrollbox .icsbox .icsbox .schol-detailsbox{display:flex;gap:16px;margin-top:8px}
.ic-herocomp .ichc-scrollbox .icsbox .icsbox .schol-detailsbox span{font-family:Rubik;font-weight:400;font-size:14px;line-height:26px;letter-spacing:0;color:#444444E5}
.ic-herocomp .ichc-pegination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}
.ic-herocomp .ichc-pegination .ichleft{width:32px;height:32px;cursor:pointer}
.ic-herocomp .ichc-pegination .ichright{width:32px;height:32px;cursor:pointer}
.ic-herocomp .ichc-pegination .ichleft img{width:100%;height:100%}
.ic-herocomp .ichc-pegination .ichright img{width:100%;height:100%}
.ic-herocomp .ichc-pegination .ic-dotdiv{display:flex;align-items:center;gap:16px}
.ic-herocomp .ichc-pegination .ic-dotdiv .dot{background:#d9d9d9;width:12px;height:12px;border-radius:50%}
.ichc_scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(24.5%,23.5%);overflow-x:hidden;height:fit-content;align-items:center;gap:1.5%;margin-top:40px}
.ichc_scroll .video-box{width:100%;height:183px;position:relative;overflow:hidden;border-radius:12px;margin-bottom:15px}
.ichc_scroll .video-box img{width:100%;height:100%;object-fit:cover;cursor:pointer}
.ic-herocomp .icht-one{margin-top:18px;width:92%;height:515px;overflow:hidden;margin:auto}
.ic-herocomp .icht-one img{width:100%;max-width:100%;border-radius:16px}
.icherocomp-top>div:first-of-type{width:48% !important}
.icherocomp-top>div:last-of-type{width:50% !important}
.icsbox p{font-family:Rubik;font-weight:600;font-size:16px;line-height:24px;letter-spacing:0;color:#444;margin-bottom:10px}
.icsbox .schol-detailsbox span{font-weight:400;font-size:14px;line-height:26px;letter-spacing:0;color:rgba(68,68,68,0.9)}
.blue-herocomp{background-color:#146bb3}
.blue-herocomp .mainHeading{color:#fff}
.blue-herocomp .icherocomp-top .icht-two .h4{color:#fff}
.blue-herocomp .icherocomp-top .icht-two .ichv-detailsbox span,.blue-herocomp .icsbox .schol-detailsbox span{color:rgba(255,255,255,0.77) !important}
.blue-herocomp .icherocomp-top .icht-two p{color:#fff}
.blue-herocomp .icsbox p{color:#fff !important}
.video-modal{display:none;position:fixed;z-index:9999;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8)}
.video-modal-content{background:#000;margin:auto;border-radius:8px;width:80%;max-width:800px;position:relative}
.close-btn{position:absolute;top:10px;right:20px;color:#fff;font-size:28px;cursor:pointer}
#videoContainer iframe{background-color:#fff !important;padding:10px;border-radius:5px}
.video-modal-content{width:max-content !important;height:auto !important}
.close-btn{top:-25px !important;right:-20px !important}
@media(max-width:767px){.close-btn{top:-35px !important;right:20px !important}
}
@media screen and (max-width:767px){.ic-herocomp .icherocomp-top{flex-direction:column;gap:12px}
.ic-herocomp .icherocomp-top .icht-one{box-shadow:unset;height:auto;width:300px}
.icherocomp-top>div:first-of-type{width:100% !important}
.ic-herocomp{padding:16px}
.ic-herocomp .icherocomp-top .icht-two .h4{font-size:16px;line-height:24px}
.ic-herocomp .icherocomp-top .icht-two .ichv-detailsbox span{font-size:10px}
.ic-herocomp .icherocomp-top .icht-two p{font-size:12px;margin-top:12px;line-height:18px}
.ic-herocomp .ichc-scrollbox .icsbox p{font-size:14px;line-height:18px;margin-bottom:3px}
.ic-herocomp .ichc-scrollbox .icsbox .schol-detailsbox span{font-size:10px}
.ic-herocomp .ichc-scrollbox .icsbox{gap:21px}
.ic-herocomp .ichc-pegination .ichleft{width:20px;height:20px}
.ic-herocomp .ichc-pegination .ichright{width:20px;height:20px}
.ic-herocomp .ichc-pegination .ic-dotdiv{gap:8px}
.icherocomp-top>div:last-of-type{width:100% !important}
.ichc_scroll{grid-auto-columns:minmax(91.5%,23.5%)}
.schol-detailsbox span{font-family:Rubik;font-weight:400;font-size:10px;line-height:26px;letter-spacing:0;color:#444}
}
@media(min-width:768px) and (max-width:1024px){.ichc_scroll{grid-auto-columns:minmax(48.5%,23.5%)}
}