.swiper-container i{font-weight: initial!important;}
.swiper-container a{text-decoration: none;color: #ffffff}
.swiper-container {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}
.swiper-slide{
    width: 268px;
    height: auto;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}
.swiper-slide .img{
    background-position: center;
    background-size: cover;
    width: 268px!important;
    height: 500px;
}
.swiper-slide p{
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
}
.swiper-slide .social-icon{position: relative;display: flex;flex-direction: row;justify-content: center}
.swiper-slide .social-icon i{padding: 10px 20px 0 20px;font-size: 23px;}
.swiper-slide.swiper-slide-active:hover{box-shadow: 0 10px 10px 0 rgba(0,0,0,0.16)}
.swiper-pagination-bullet{background: #FFD23F}
.swiper-slide-active .img {
  border-left:9px solid #000;
  border-right:9px solid #000;
}
.swiper-slide-active .img::before {
  content: "";
position: absolute;
top: -45px;
left: 0;
width: 268px;
height: 65px;
background-image: url(/images/backgrounds/mobile-device-top.png;);
background-repeat: no-repeat;
}

.swiper-slide-active .img::after {
  content: "";
position: absolute;
bottom: -81px;
left: 0;
width: 268px;
height: 82px;
background-image: url(/images/backgrounds/mobile-device-bottom.png;);
background-repeat: no-repeat;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 40px;
    left: 0;
    width: 100%;
}
.swiper-cta {margin-top: 24px;}
