.slider {
    width: 500px;
    margin: 25px auto 20px;
    margin-bottom: 10px;
    perspective: 1000px;
    padding-top: 25px;
    
   
    }
    .rotator {
  
    left: 0;
    right: 0;
    margin: auto;
    width: 40%;
    height: 75px;
    transform-style: preserve-3d;
    animation: roter 29s linear infinite;
    }
    .rotator:hover {
    animation-play-state: paused;
    }
    @keyframes roter {
    from {
    transform: rotateY(0deg);
    }
    to {
    transform: rotateY(360deg);
    }
    }
    .items {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: 2px solid white;
    background-color: #073b66;
    text-align: center;
    }
    .items:hover p{
    transform: scale(1.5);
    cursor: pointer;
    }
    .items p{
    height: 100%;
    width: 100%;
    transition: all 3s ease;
    }
    .items:first-child {
    transform: rotateY(calc(60deg * 1)) translateZ(300px);
    }
    .items:nth-child(2) {
    transform: rotateY(calc(60deg * 2)) translateZ(300px);
    }
    .items:nth-child(3) {
    transform: rotateY(calc(60deg * 3)) translateZ(300px);
    }
    .items:nth-child(4) {
    transform: rotateY(calc(60deg * 4)) translateZ(300px);
    }
    .items:nth-child(5) {
    transform: rotateY(calc(60deg * 5)) translateZ(300px);
    }
    .items:nth-child(6) {
    transform: rotateY(calc(60deg * 6)) translateZ(300px);
    }
   
    .slider-h5{
      color: white;
      font-size: 12px;
      text-align: center;
      color: var(--main--color);
      font-weight: bold;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .slider-p{
      color: white;
      font-size: 8;
      font-weight: bold;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .slider-i{
      font-size: 12px;
      color: var(--main--color);
    margin: 2px;
    
    }
    @media(max-width:600px){
      .rotator {
         width: 35%;
         height: 80px;
        }


          .items:first-child {
          transform: rotateY(calc(60deg * 1)) translateZ(250px);
          }
          .items:nth-child(2) {
          transform: rotateY(calc(60deg * 2)) translateZ(250px);
          }
          .items:nth-child(3) {
          transform: rotateY(calc(60deg * 3)) translateZ(250px);
          }
          .items:nth-child(4) {
          transform: rotateY(calc(60deg * 4)) translateZ(250px);
          }
          .items:nth-child(5) {
          transform: rotateY(calc(60deg * 5)) translateZ(250px);
          }
          .items:nth-child(6) {
          transform: rotateY(calc(60deg * 6)) translateZ(250px);
          }
      }
@media(max-width:430px){
      .rotator {
         width: 30%;
         height: 80px;
        }


          .items:first-child {
          transform: rotateY(calc(60deg * 1)) translateZ(240px);
          }
          .items:nth-child(2) {
          transform: rotateY(calc(60deg * 2)) translateZ(240px);
          }
          .items:nth-child(3) {
          transform: rotateY(calc(60deg * 3)) translateZ(240px);
          }
          .items:nth-child(4) {
          transform: rotateY(calc(60deg * 4)) translateZ(240px);
          }
          .items:nth-child(5) {
          transform: rotateY(calc(60deg * 5)) translateZ(240px);
          }
          .items:nth-child(6) {
          transform: rotateY(calc(60deg * 6)) translateZ(240px);
          }
      }