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


  @font-face {
  font-family: "internormal";
  src: url(../font/Inter/static/Inter-Regular.ttf);
}

@font-face {
  font-family: "Brow";
  src: url(../font/Barlow_Condensed/BarlowCondensed-Regular.ttf);
}

@font-face {
  font-family: "bookman";
  src: url(../font/bookman/Bookman-Old-Style-Regular/Bookman\ Old\ Style\ Regular.ttf);
}

@font-face {
  font-family: "Browthin";
  src: url(../font/Barlow_Condensed/BarlowCondensed-Thin.ttf);
}

@font-face {
  font-family: "Browmedium";
  src: url(../font/Barlow_Condensed/BarlowCondensed-Medium.ttf);
}


@font-face {
  font-family: "Jose";
  src: url(..//font/Josefin_Slab/static/JosefinSlab-Regular.ttf);
}


  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%;
  }

  @media (min-width:993px) and (max-width:1400px) {
    
  }


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

.swiper-full-mobile:before {
  content: "";
  width: 265px;
  /* background: url(http://md-aqil.github.io/images/Pixel-3-XL.png); */
  background: url(../../image/Iphone.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 img{
width: 228px;
height: 329px;
object-fit: cover;

}
.swiper-slide.swiper-slide-active img {
border-radius: 40px;

}

.slider-container{
  grid-gap: 0.3rem !important;
}

.slide1 {
  background-color: #F2EFE9;
  width: 397px !important;
  border-radius: 30px;
  margin-top: 50px;
  min-height: 342px;
  margin-bottom: 25px;
  /*padding: 15px 15px 15px 15px;*/
  font-family: "bookman";
  padding: 15px 5px 0 5px;
}

.slider-bg{
  background-image: url(../Image/Slider/Slider.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position:left center;
  height: 265px;
  
}

.slider-bg p{
  padding: 50px  25px;
  font-size: 16px;
  font-weight: normal;
}

.slider-bg span{
  display: block;
  padding: 0px  25px;
  font-size: 16px;
  font-weight: normal;
  margin-top: 23px;
}