.hoverbox{
    background:lightgrey;
    font-size:15px;
    color:white;
    padding:10px;
    width:auto;
    border-radius:10px;
    display:none;
    transition:0.3s;
      justify-content:center;
    align-items:center;
    text-align:center;
    position:absolute;
    transform:translate(0px,-40px);
  }
  .fire{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:50px;
  }
  .section-p{
      font-size:20px;
      margin:20px;
      line-height:30px;
      color:grey;
  }
  .y-work-with-us{
    width:60vw;
    display:flex;
    margin:20px;
    justify-content:center;
    align-items:center;
    text-align:center;
    flex-wrap:wrap;
  
  }
  .y-work-with-us-item{
    border-radius:10px;
    background:#fffff;
    height:200px;
    margin:20px;
    width:370px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    flex-direction:column;
        box-shadow:lightgrey 0px 8px 24px;
  }
  .y-work-with-us-item > i{
    font-size:30px;
      width:100%;
      filter:brightness(180%);
      height:40%;
       display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
  }
  .y-work-with-us-item-title{
    font-size:15px;
    color:black;
    font-weight:bold;
    width:100%;
    height:10%;
     display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
  }
  .y-work-with-us-item-p{
      font-size:14px;
      line-height:16px;
        height:50%;
        margin:0px 20px;
         display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:black;
  }
  
  
  
  
  .jobbox{
    width:70vw;
    margin:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    text-align:center;
    justify-content:center;
    border-radius:10px;
  }
  .jobname{
    text-align:left;
    height:auto;
    width:50vw;
    margin:0px;
    font-weight:bold;
    color:grey;
  }
  .jobnametitle{
    font-size:30px;
    color:grey;
  
      display:flex;
    align-items:center;
    justify-content:left;
  }
  .jobnametext{
      color:grey;
  }
  .jobstats{
    text-align:left;
    margin:5px;
       color:grey;
      font-family:Montserrat;
      font-weight:thin;
  }
  .fa-fire-flame-curved{
  
    margin:10px;
      text-shadow: 0 0 15px orange;
    font-size:26px;
     background: -webkit-gradient(linear, left top, left bottom, from(orange), to(red));
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          transform:translate(0px, -2px);
  }
  
  
  .detailb{
    background:#38c3ff;
    padding:15px;
    color:white;
    border-radius:10px;
    width:100px;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
     transition:0.3s;
       box-shadow:lightgrey 0px 8px 24px;
  }
  .detailb:hover{
    transform: translate(0, -5px) ;
     transition:0.3s;
     background:#185acc;
  
  }
  .cards{
    display:flex;
    width:100vw;
    justify-content:center;
    align-items:center;
    text-align:center;
    flex-wrap:wrap;
    flex-direction:row;
  
  }
  .testimonial-card{
    width:500px;
    height:30vw;
    max-height:400px;
    background:#38c3ff;
    display:flex;
    justify-content:left;
    align-items:center;
    text-decoration:none;
    text-align:left;
    margin:40px 20px;
    flex-direction:column;
     box-shadow:lightgrey 0px 8px 24px,rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    border-radius:10px;
    color:white;
  }
  .testimonial-card > span{
     display:flex;
     width:100%;
    justify-content:left;
    align-items:center;
    text-decoration:none;
    text-align:left;
      flex-direction:column;
  }
  .testimonial-card-picture{
    width:50px;
    height:50px;
    border-radius:50%;
    margin:20px;
  }
  .photo-container{
    width:100%;
    text-align:left;
  }
  .testimonial-card-name{
    font-weight:bold;
    width:100%;
    text-align:left;
    font-size:20px;
  }
  .testimonial-card-name > p{
  
  margin:0px 20px;
  }
  
  .testimonial-card-p{
    margin:0px 20px;
    font-size:17px;
  
  }
  .testimonial-card-position{
     width:100%;
    text-align:left;
  font-size:20px;
    font-style:italic;
  }
  .testimonial-card-position > p{
  margin:10px 20px;
  
  }
  .devsliderframe{
    width:100vw;
    height:80vh;
    border:none;
    overflow:hidden;
    display:none;
  }
  
  
   @media(max-width: 770px){
     .y-work-with-us{
    width:90vw;
  
  
  }
  .devsliderframe{
    display:block;
  }
  .cards{
    display:none;
  }
           .y-work-with-us-item{
             width:100%;
             height:40vh;
             padding:20px 0px;
           }
           .y-work-with-us-item-title{
             font-size:25px;
           }
           .y-work-with-us-item > i{
             height:30%;
             font-size:40px;
           }
           .y-work-with-us-item-title{
             height:10%;
           }
           .y-work-with-us-item-p{
             height:60%;
             font-size:20px;
             line-height:20px
  
           }
  
           .detailb{
           margin: 10px 0px;
  
  
          }
          .jobname{
            text-align:center;
          }
          .jobstats{
            text-align:center;
          }
          .cards{
    flex-direction:column;
    width:100vw;
  
  }
          .testimonial-card{
    width:80vw;
    height:auto;
    padding:20px 0px;
  }
  .testimonial-card-p{
    margin:0px 20px;
    font-size:20px;
  }
  
          .detailb{
           margin: 20px 0px;
           width:60vw;
           height:50px;
           font-size:20px;
          }
  }