@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}
.active_dot{background-color:#0072bc !important;transform:scale(1.4)}
.kolg-cont{padding:24px 32px}
.kolg-cont .h1{font-family:Rubik;font-weight:700;font-size:40px;letter-spacing:0;text-transform:capitalize;color:#4f4f4f;text-align:center}
.kolg-cont .kol-boxcon{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(23.5%,23.5%);overflow-x:hidden;height:fit-content;align-items:center;gap:1.5%;margin-top:40px}
.kolg-cont .veriatiob-secbox{grid-auto-columns:minmax(23.5%,23.5%) !important}
.kolg-cont .kol-boxcon::-webkit-scrollbar{display:none}
.kolg-cont .kol-boxcon .kolitem{width:100%;height:fit-content;flex-shrink:0}
.kolg-cont .kol-boxcon .kolitem .video-box{width:100%;height:183px;position:relative;overflow:hidden;border-radius:12px}
.kolg-cont .kol-boxcon .kolitem .vsec-veriation{height:395px !important}
.kolg-cont .kol-boxcon .kolitem .video-box .bg-img{width:100%;height:100%;object-fit:cover;cursor:pointer}
.kolg-cont .kol-boxcon .kolitem .video-box .playbutton{position:absolute;top:35%;left:40%;cursor:pointer;z-index:5}
.variation1 .kolg-cont .kol-boxcon .kolitem .h4{color:#4f4f4f;font-family:Rubik;font-weight:700;font-size:24px;margin-top:20px}
.variation2 .kolg-cont .kol-boxcon .kolitem .h4{color:#4f4f4f;font-family:Rubik;font-weight:700;font-size:16px;margin-top:20px}
.variation1 .kolg-cont .kol-boxcon .kolitem .h5{color:#4f4f4f;font-family:Rubik;font-weight:400;font-size:16px;margin-top:5px}
.variation2 .kolg-cont .kol-boxcon .kolitem .h5{color:#4f4f4f;font-family:Rubik;font-weight:400;font-size:14px;margin-top:5px}
.variation1 .kolg-cont .kol-boxcon .kolitem p{color:#4f4f4f;font-family:Rubik;font-weight:400;font-size:14px;margin-top:5px}
.variation2 .kolg-cont .kol-boxcon .kolitem p{color:#4f4f4f;font-family:Rubik;font-weight:400;font-size:10px;margin-top:5px}
.kolg-cont .ichc-pegination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}
.kolg-cont .ichc-pegination .ichleft{width:32px;height:32px;cursor:pointer}
.kolg-cont .ichc-pegination .ichright{width:32px;height:32px;cursor:pointer}
.kolg-cont .ichc-pegination .ichleft img{width:100%;height:100%}
.kolg-cont .ichc-pegination .ichright img{width:100%;height:100%}
.kolg-cont .ichc-pegination .ic-dotdiv{display:flex;align-items:center;gap:16px}
.kolg-cont .ichc-pegination .ic-dotdiv .dot{background:#d9d9d9;width:12px;height:12px;border-radius:50%}
.ICbg_light{background-color:#fafafa}
.video_description{min-height:100px}
@media screen and (max-width:768px){.kolg-cont{padding:16px}
.kolg-cont .h1{font-size:20px}
.kolg-cont .kol-boxcon{margin-top:20px;grid-auto-columns:minmax(320px,320px);overflow-x:scroll}
.variation1 .kolg-cont .kol-boxcon .kolitem .h4{font-size:16px;margin-top:16px}
.variation1 .kolg-cont .kol-boxcon .kolitem .h5{font-size:12px}
.variation1 .kolg-cont .kol-boxcon .kolitem p{font-size:10px}
.variation2 .kolg-cont .kol-boxcon .kolitem .h4{font-size:14px;margin-top:16px}
.variation2 .kolg-cont .kol-boxcon .kolitem .h5{font-size:12px}
.variation2 .kolg-cont .kol-boxcon .kolitem p{font-size:10px}
.kolg-cont .ichc-pegination .ichleft{width:20px;height:20px}
.kolg-cont .ichc-pegination .ichright{width:20px;height:20px}
.kolg-cont .ichc-pegination .ic-dotdiv{gap:12px}
.kolg-cont .ichc-pegination{display:none}
.kolg-cont .kol-boxcon .kolitem .vsec-veriation{height:273px !important}
.kolg-cont .veriatiob-secbox{grid-auto-columns:minmax(167px,167px) !important}
}