:root {
  --heading-color:#2f78c4;
  --link-color:#2f78c4;
  --link-hover-color:#000048
}
.cog-video-shorts .video-card {
  cursor:pointer;
  position:relative
}
.cog-video-shorts .video-card:after {
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000048),color-stop(50%,rgba(0,0,72,.2)),to(rgba(0,0,72,0)));
  background-image:linear-gradient(0deg,#000048,rgba(0,0,72,.2) 50%,rgba(0,0,72,0));
  border-radius:inherit;
  content:"";
  display:block;
  height:100%;
  inset:0;
  opacity:1;
  pointer-events:none;
  position:absolute;
  -webkit-transition:opacity .16s ease;
  transition:opacity .16s ease;
  width:100%
}
.cog-video-shorts .video-card:hover .video-meta,
.cog-video-shorts .video-card:hover:after {
  opacity:0
}
.cog-video-shorts .video-card iframe {
  border:0;
  height:100%!important;
  inset:0;
  pointer-events:none;
  position:absolute;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.cog-video-shorts .video-card .video-meta {
  padding:18px 14px;
  -webkit-transition:opacity .16s ease;
  transition:opacity .16s ease
}
.cog-video-shorts .video-card .video-duration {
  border-radius:75pt;
  padding:5px 10px
}
.cog-video-shorts .video-card .video-duration:before {
  font-family:cognizant-icons;
  font-size:10px;
  margin-right:.2rem
}
.cog-video-shorts .video-card .custom-title-overlay {
  opacity:0;
  pointer-events:none;
  -webkit-transition:opacity .16s ease;
  transition:opacity .16s ease
}
.cog-video-shorts .video-card.show-overlay .custom-title-overlay {
  opacity:1
}
.cog-video-shorts .modal-content {
  background:#000016
}
.cog-video-shorts .modalSwiperWrapper .swipe-overlay {
  background:transparent;
  height:100%;
  left:0;
  position:absolute;
  right:0;
  -ms-touch-action:pan-y;
  touch-action:pan-y
}
.cog-video-shorts .modalSwiperWrapper .swipe-overlay--top {
  top:0
}
.cog-video-shorts .modalSwiperWrapper .swiper-slide.interacting .swipe-overlay {
  pointer-events:none
}
.cog-video-shorts .modalSwiperWrapper .video-frame {
  width:424px
}
@media(max-width:599px) {
  .cog-video-shorts .modalSwiperWrapper .video-frame {
    width:20pc
  }
}
.cog-video-shorts .modalSwiperWrapper .video-frame iframe {
  border:0;
  height:100%;
  width:100%
}
@media(min-width:1025px)and (hover:hover)and (pointer:fine) {
  .cog-video-shorts .modalSwiperWrapper .swiper-slide {
    padding:0!important
  }
}
.cog-video-shorts .modalVideoBox {
  -ms-scroll-chaining:none;
  height:100%;
  overscroll-behavior:contain;
  -ms-touch-action:pan-y;
  touch-action:pan-y
}
.cog-video-shorts .modalVideoBox .modalVideoBox {
  cursor:-webkit-grab;
  cursor:grab
}
.cog-video-shorts .modalVideoBox .modalVideoBox:active {
  cursor:-webkit-grabbing;
  cursor:grabbing
}
.cog-video-shorts .modalVideoBox .swiper-button-next {
  font-size:30px!important;
  left:26rem;
  margin:0 auto;
  pointer-events:none;
  right:0;
  top:60%;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.cog-video-shorts .modalVideoBox .swiper-button-next:after {
  pointer-events:auto;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
@media(max-width:1023px) {
  .cog-video-shorts .modalVideoBox .swiper-button-next {
    display:none
  }
}
@media(max-width:599px) {
  .cog-video-shorts .modalVideoBox .swiper-button-next {
    display:none
  }
}
.cog-video-shorts .modalVideoBox .swiper-button-prev {
  font-size:30px!important;
  left:0;
  pointer-events:none;
  right:-26rem;
  top:50%;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.cog-video-shorts .modalVideoBox .swiper-button-prev:after {
  pointer-events:auto;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
@media(max-width:1023px) {
  .cog-video-shorts .modalVideoBox .swiper-button-prev {
    display:none
  }
}
@media(max-width:599px) {
  .cog-video-shorts .modalVideoBox .swiper-button-prev {
    display:none
  }
}
.cog-video-shorts .modalVideoBox .close {
  font-size:2rem!important;
  right:1.5rem;
  top:1.5rem;
  z-index:1
}
@media(max-width:599px) {
  .cog-video-shorts .modalVideoBox .close {
    right:17rem;
    top:0
  }
}
@media(min-width:600px)and (max-width:1023px) {
  .cog-video-shorts .modalVideoBox .close {
    right:80%;
    top:0
  }
}
@media(min-width:1024px) {
  .cog-video-shorts .modalVideoBox .close {
    right:5.2%
  }
}
.cog-video-shorts .modalVideoBox .swiper-button-next:after {
  font-size:2rem
}
.cog-video-shorts .arrows-outside.swiper-button-next {
  right:-1rem
}
@media(max-width:599px) {
  .cog-video-shorts .arrows-outside.swiper-button-next {
    right:-.3rem
  }
}
@media(min-width:600px)and (max-width:1023px) {
  .cog-video-shorts .arrows-outside.swiper-button-next {
    right:-.4rem
  }
}
.cog-video-shorts .arrows-outside.swiper-button-prev {
  left:-1rem
}
@media(max-width:599px) {
  .cog-video-shorts .arrows-outside.swiper-button-prev {
    left:-.3rem
  }
}
@media(min-width:600px)and (max-width:1023px) {
  .cog-video-shorts .arrows-outside.swiper-button-prev {
    left:-.4rem
  }
}
.cog-video-shorts.hide-swiper-arrows .arrows-outside.swiper-button-next,
.cog-video-shorts.hide-swiper-arrows .arrows-outside.swiper-button-prev {
  opacity:0;
  pointer-events:none
}
.cog-video-shorts.hide-swiper-arrows .arrows-outside.swiper-button-next.show-on-focus:focus,
.cog-video-shorts.hide-swiper-arrows .arrows-outside.swiper-button-prev.show-on-focus:focus {
  opacity:1;
  pointer-events:auto
}
.cog-video-shorts.hide-swiper-pagination .swiper-pagination {
  display:none
}