.top-moments-main{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.top-moments-main .content{text-align:center;display:flex;gap:5px}.top-moments-main .content .date-card{width:20%}.top-moments-main .content .slider{width:80%}.img-container{border-radius:13px}.img-container a{text-decoration:none!important}.img-container .info-card{width:100%!important;height:330px;background-color:#edf3ff;border:none;text-align:center;border-radius:5px;display:grid;justify-content:center;align-items:center}.img-container .top-date-month{display:flex;justify-content:center;align-items:center;gap:10px}.img-container .info-card .month{font-size:25px;font-weight:600;color:#002060;text-decoration:none!important}.img-container .info-card .topic{font-size:15px;font-weight:700;color:#002060;text-decoration:none!important}.img-container .info-card .date{font-size:35px;font-weight:700;color:#ffc000;margin-bottom:0;text-decoration:none!important}.top-moments-main .full-image{position:relative;padding-left:10px;padding-right:10px;background-color:#fff;cursor:pointer;border-radius:10px;transition:.5s ease-out}.top-moments-main .slider .full-image:hover{transform:translateY(-2px);cursor:pointer}.overlay{position:absolute;border-radius:5px;top:0;left:0;width:95.5%;height:100%;margin-left:10px;background-color:#0000}.overlay:hover{background-color:rgba(0,0,0,.353)}.top-moments-main .slick-initialized .slick-slide{height:330px}.top-moments-main .slider .full-image .image-card{position:relative;background-color:#e0e0e0;display:flex!important;justify-content:center;align-items:center;border-radius:5px;transition:.5s ease-out}.top-moments-main .slider .full-image .image-card:hover{transform:translateY(-2px);cursor:pointer}.top-moments-main .slider .full-image .image-card .img-body{height:330px;display:inline-block}.top-moments-main .slider .topmoment-image{position:relative;width:100%;height:330px;object-fit:cover;border-radius:5px}.top-moments-main .slider .full-image .videoFrame{width:100%!important;height:330px!important}.top-moments-main .slider .full-image .bottom-left .title-1{position:absolute;text-align:left;padding:0 20px;width:100%;left:50%;bottom:-20px;font-size:13px;font-weight:600;color:#fff;z-index:1;transform:translate(-50%,-50%)}.top-moments-main .slider .full-image .bottom-left .title-2{display:none}.top-moments-main .slick-next{right:25px!important}.top-moments-main .slick-prev{left:20px!important;z-index:1}.top-moments-main .slick-next:before{display:none}.top-moments-main .slick-prev:before{display:none!important}.rotate-180{background:#002060;background-repeat:no-repeat;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="white" class="bi bi-arrow-left-short" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5"/></svg>');background-position:50%}.rotate-180,.top-moments-main .next-btn{width:30px;height:30px;border-radius:5px}.top-moments-main .next-btn{background:#002060;background-repeat:no-repeat;margin:auto;text-align:center;background-position:50%;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="white"  class="bi bi-arrow-right-short" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8"/></svg>')}@media(max-width:1024px){.img-container .info-card .date,.img-container .info-card .month{font-size:30px}.slider .full-image .image-card .img-body .bottom-left .title-1{padding:20px 0 0 20px}.img-container{display:none}.top-moments-main{padding:10px 0}.top-moments-main .content{gap:0}.top-moments-main .content .date-card{width:0!important}.top-moments-main .content .slider{width:100%!important}.slider .full-image .image-card .img-body .bottom-left .title-1{display:none}.slider .full-image .image-card .img-body .bottom-left .title-2{display:block;position:absolute;text-align:left;padding:20px 0 0 20px;width:100%;left:50%;bottom:-20px;font-size:13px;font-weight:600;color:#fff;z-index:1;transform:translate(-50%,-50%)}}@media(max-width:378px){.slider .full-image .image-card .img-body .bottom-left .title-2{bottom:-25px}}