:root {
    --dark-green: #9cc675;
    --dark-yellow: #e89a3d;
    --extra-light-brown:#fdf0d7;
    --light-brown: #ecd5ab;
    --dark-brown:#915b40;
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
    height: 100vh;
    background: var(--light-brown)
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-full-mobile {
    position: relative;
    margin: 50px auto;
    padding-bottom: 50px;
}

.swiper-full-mobile:befores {
    content: "";
    width: 265px;
    background: url(http://md-aqil.github.io/images/Pixel-3-XL.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    height: 565px;
    z-index: 2;
    margin: auto;
}

.swiper-full-mobile .swiper-slide {
    height: 100%;
}

.swiper-full-mobile .swiper-slide video {
    width: 530px;
    height: 530px;
    object-fit: cover;
}

.swiper-slide.swiper-slide-active video {
    border-radius: 00px;
}