*{
    margin: 0;
    padding: 0;

}
 
@font-face {
    font-family:aven;
    src: url(../fonts/AvenirLTStd-Roman.otf);
     
  }
  html {
    scroll-behavior: smooth;
  }
  html:focus-within {
    scroll-behavior: smooth;
  }
body{
    font-family: 'Poppins', sans-serif;
}
a{
    text-decoration: none !important;
    color: black;
    padding: 2px 5px 2px 5px;
}
.navbar{
    background-color:#361B9A;
}
.Scroll{
    color: #F56A20 !important;
   font-family: aven,bold;
    padding:   20px;
    font-size: 18px;
}
.about_page p{
    color: #969696;
    font-size: 18px;
}
.about_page h1{
    font-size: 40px;
    font-weight: 800;
    /* font-family: 'Oswald', bold; */
}
.hero_text h1{
    color: white;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 2.8rem;
}
.hero_text p{
    color: #EBEAE9;
    font-size: 18px;
}
.custome_btn{
    background-color: #F56A20;
    border-radius: 25px;
    padding: 4px 25px 4px 25px;
    color: white;
    border:none;
}
.about_page h1{
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 2.5rem;
}
.explain h1{
    color: white;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 2.1rem;
}
.explain p{
    color: #EBEAE9;
    font-size: 18px;
}
.explain table tr td{
    color: #EBEAE9;
    font-size: 18px;
}
.down h1{
    color: rgb(0, 0, 0);
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 2.8rem;
}
.down p{
    color: #969696;
    font-size: 18px;
}
.mar {
    margin-bottom: 10rem;
  }
  .text_c {
    text-align: center;
  }
  .text_c img {
    padding: 30px;
    width: auto;
    height: auto;
  }
  .colorBak {
    border-radius: 1px;
  }
  .colorBak p {
    font-size: 13px;
  }
  .ob {
    background-color: #F0F0F0 !important;
}
.colorBak {
    background-color: #543AB2;
    border-radius: 25px;
}
.orange_color{
    background-color: #543AB2 !important;
    color: white !important;
}
.orange_color:hover {
    background-color: #543AB2 !important;
    color: white !important;
}
.input_co {
    background-color: transparent !important;
    border: 1px
 solid transparent;
    border-bottom: 1px
 solid white !important;
    color: white !important;
}
.top-a {
    margin-top: -10%;
    border-radius: 25px;
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: transparent;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
  }
  
  #myBtn:hover {
    background-color: transparent;
  }
  .app_shot{
        font-family: 'Poppins';
      font-size: 2.8rem;
      color: black;
      font-weight: 700;
  }
  .circle_r i{
    font-size: 20px;
    color: #543AB2;
}
  /* ================================= slider  */
  .slider{
      height: auto;
      margin: 0;
      position: relative;
      width: 100%;
      display:grid;
      place-items:center;
      overflow: hidden;
  }
  .slider-tracks{
      display: flex;
      width: calc(250px * 16);
      animation: scroll 50s linear infinite;
      -webkit-animation:scroll 80s linear infinite;
  }
  @keyframes scroll {
      0%{
          transform: translateX(0);
      }
      100%{
          transform: translateX(calc(-250px * 9));
      }
  }
  .slide{
      margin: 10rem;
      height: auto;
      width: auto;
      display: flex;
      align-items: center;
      padding: 15px;

  }
  .slides img{
      width: 100%;
  }
  .slides:nth-child(odd){
    margin-top: 3rem;
}

/* ==========================--------------======================  */
@media (max-width: 768px) {}