.videocards__container .modal-dialog{position:relative;max-width:60%;top:50%;transform:translateY(-50%) !important}
@media(min-width:320px) and (max-width:991px){.videocards__container .modal-dialog{max-width:100%}
}
.videocards__container .modal-dialog .modal-content{background:transparent;border:0}
.videocards__container .modal-dialog .modal-content .modal-header{display:flex;justify-content:end;border:0}
.videocards__container .modal-dialog .modal-content .modal-header .btn-close{position:absolute;top:40px;right:5px;z-index:3;border:0;background:transparent}
.videocards__container .modal-dialog .modal-content .modal-header .btn-close:focus,.videocards__container .modal-dialog .modal-content .modal-header .btn-close:hover{text-decoration:none;cursor:pointer}
.videocards__container .modal-dialog #video{width:100%;border:0}
@media(min-width:320px) and (max-width:991px){.videocards__container .modal-dialog #video{height:600px}
}
@media(min-width:320px) and (max-width:575px){.videocards__container .modal-dialog #video{height:300px}
}
.videocards__section{display:flex;justify-content:space-between;align-items:baseline}
.videocards__section--title{font-weight:700;font-size:30px;line-height:40px;color:#222;margin-bottom:0}
@media screen and (max-width:767px){.videocards__section--title{font-size:22px;line-height:26px}
}
.videocards__section--subtitle p{font-size:14px;line-height:24px;color:#222;margin:5px 0 30px}
@media screen and (max-width:767px){.videocards__section--subtitle p{font-size:12px;line-height:16px;margin:10px 0 15px}
}
.videocards__cards_wrapper{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
@media(min-width:320px) and (max-width:991px){.videocards__cards_wrapper{justify-content:flex-start}
}
.videocards__card{border-radius:2px;background-color:#aaa;position:relative;display:inline-block;overflow:hidden;border-radius:10px;flex:0 0 21%}
@media(min-width:320px) and (max-width:991px){.videocards__card{border-radius:10px;flex:0 0 46%}
}
.videocards__card--play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.videocards__card a .iconsWithText{width:80px;height:80px;cursor:pointer;background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/video-icon.svg);position:absolute;top:50%;left:50%;transform:translate(-57%,-55%)}
@media(min-width:320px) and (max-width:991px){.videocards__card a .iconsWithText{background:url(https://www.asianpaints.com/etc.clientlibs/apcolourcatalogue/clientlibs/clientlib-global/resources/images/video-icon-mob.svg);width:24px;height:24px}
}
.videocards__card picture img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.videocards__thumbnail{top:0;width:100%;height:auto}
body.modal-open{overflow:auto !important}