@font-face{font-family: "Poppins", sans-serif;src:url("../font/Helvetica-Light.otf")}h1,h2,h3,h4,h5{font-weight:lighter}body{margin:0;padding:0;font-family:'Helvetica';background-color:#222;color:#ccc}body .page-title{text-align:center}body .sample-title{text-align:center;margin-top:30px;margin-bottom:30px}body .slider-container.first-sample{width:900px;height:400px;border:5px solid #1c1c1c;border-radius:3px;margin:0 auto 50px;position:relative}body .slider-container.first-sample .slider{height:100%}body .slider-container.first-sample .slider .slide-wrapper{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .slider-container.first-sample .slider .slide-tracker .my-fr-current .item::before{background-color:rgba(0,0,0,0)}body .slider-container.first-sample .slider .item{width:100%;height:100%;overflow:hidden;position:relative}body .slider-container.first-sample .slider .item::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);transition:background-color 1s}body .slider-container.first-sample .slider .item img{width:100%;height:100%;object-fit:cover;object-position:center center}body .slider-container.first-sample .prev-slide,body .slider-container.first-sample .next-slide{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;cursor:pointer;color:#888;transition:color .3s}body .slider-container.first-sample .prev-slide:hover,body .slider-container.first-sample .next-slide:hover{color:#ccc}body .slider-container.first-sample .prev-slide{left:-70px}body .slider-container.first-sample .next-slide{right:-70px}

@import url('https://fonts.cdnfonts.com/css/myriad-pro');
@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap");
body {
  
    /* font-family: 'Myriad Pro', sans-serif; */
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #888;
    overflow-x: hidden;
    font-size: 14px;
  }

  p {
    color: #393939;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
  }


  /* @media only screen and (min-width: 768px) and (max-width: 991px), (min-width: 375px) {
    .img-slider {
      max-width: 50%;
    }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px), (min-width: 375px) {
    .img-slider .first-sample .item {
      max-width: 100%;
    }
  } */