/* ------- aboit u s------------  */

 .ot-hero{
    height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* background: rgb(39, 39, 39,0.6); */
    position: relative;
  }
  .ot-hero::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-color: var(--c2); */
    z-index: -1;
      /* background-color: rgb(0, 2, 25,0.7); */
      background-image: url(../images-1/bg2-1.jpg) !important;
      background-size: cover;
     /* background-attachment: fixed;nav-active */
     background-position: bottom;
  }
  
  
  /* --- best section ----------- */
.best-box{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFF;
    box-shadow: -10px -10px 25px rgba(255,255,255,.08), 10px 10px 25px rgba(0,0,0,.08);
    min-height: 330px;
    border-radius: 10px;
  }
  .best-img-div{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: var(--c1); */
  }
  .best-img{
    width: 100%;
  }
  .best-box:hover .best-img-div {
    transform:rotateY(360deg);
    transition: all 1s;
    
  }
  .js{
    text-align: justify;
  }