: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-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 4px;

  transform: rotate(45deg);
}
.swiper-full-mobile .swiper-slide img{width: 100%;height: 430px;object-fit: cover;}
.swiper-slide.swiper-slide-active img {
border-radius: 00px;

}