@media only screen and (min-width: 1242px)
{

  .desktop-version .background-cover{
      animation: svg-animation 2s 0.8s backwards;
      width: 100%;
      position: fixed;
      bottom: 0px;
      right: 15px;
      z-index: -1;
      background-color:white;
      height: 200px;
      display: block;
  }
   
  @keyframes svg-animation {
      0% {
        height: 500px;
        }
        100% {
        height: 50px;
        }
  }
    
    
    .desktop-version.fixed .background-cover{
    height: 300px;
    }
    
    .tabletSVG{
        display: none;
    }

    .mobileSVG{
        display: none;
    }
      .desktopSVG {
        position: absolute;
        left: 0;
        top: 760px;
        right: 0;
        margin: auto;
        z-index: -2;
      }
    


    /* main content css */
    /* h2, .h2 {
      font-family: "Gellix Chello Bold", sans-serif;
      font-size: 30px !important;
      line-height: 33px !important;
  } */
  h4{
    font-size: 16px;
line-height: 18px;
}
     
.p1{
    font-size: 15px;
    line-height: 20.25px;
}
.wrapper{
    height: 4451px;
}
.main-content {
    width: 1242px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.shaping-head{
    position: absolute;
    top: 87px;
    left: 0px;
    width: 100%;
    min-height: 670px;
}

.shaping-head h1{
    font-size: 78px;
    line-height: 78px;
    max-width: 48%;
}
.shaping-img{
    position: absolute;
    top: 200px;
    left: 731px;
    max-width: 509px;
    max-height: 439px;
}

.line{
    position: absolute;
    top: 760px;
    height: 1px;
    min-width: 1240px;
    background: #A120D1;
    width: 100%;

  }

  .background-image{
    background: url(../images/join-us-img/circuit-bg.png);
    min-height: 613px;
    position: absolute;
    top: 844px;
    min-width:1242px;
    width: 100%;
    z-index: -3;
  }

  .hunt-head{
    position: absolute;
    top: 908px;
    text-align: center;
    z-index: 9;
    min-height: 200px;
    width: 100%;
    left: 0px;
  }

  .hunt-head .h1{
    max-width: 56%;
  }
  .job-table {
    position: absolute;
    top: 1119px;
    left: 0px;
    width: 100%;
    text-align: center;
    padding: 0px 170px;
}


  .job-sub-table{
    margin-bottom: 15px;
    box-sizing: border-box;
    border: 0px solid white;
    border-color: white;
    box-shadow: 2px 1px 6px 2px rgb(31 41 55 / 8%);
    background-color: white;
    border-radius: 6px;
    height: 100%;
    justify-content: space-between;
    padding: 7px 20px;
  }

.job-sub-table .btn{
    min-width: 101px;
    max-height: 24px;
    width: 101px;
    text-align: center;
    font-size: 10px;
    line-height: 11px;
  } 

  .job-title{
    border-right: 2px solid grey;
    width: 25%;
    font-size: 16px;
    line-height: 18px;
    color: #a120d1;
    padding-right: 10px;
  }

  .job-location{
    border-right: 2px solid grey;
    width: 25%;
    padding: 0px 20px;
  }

  .posted-date{
    width: 25%;
    padding: 0px 20px;
  }

.chello-anthem{
    position: absolute;
    top: 1571px;
    width: 100%;
    text-align: center;
    left: 0px;
    min-height: 125px;
}

.chello-anthem .h1{
    max-width: 50%;
}
.we-exist{
    position: absolute;
    top: 1793px;
    width: 100%;
    text-align: center;
    flex-direction: column;
    min-height: 340px;
    left: 0px;
}
.we-exist-head-1{
   max-width: 50%;
}
.we-exist-head-2{
    max-width: 69%;
}

.man-with-mob{
    position: absolute;
    top: 1885px;
    left: 1089px;
    max-width: 152px;
    max-height: 394px;
}

.out-of-bed-head{
    position: absolute;
    top: 2297px;
    width: 100%;
    text-align: center;
    min-height: 129px;
    left: 0px;
}

.out-of-bed-head .h1{
    max-width: 50%;
}
.shared-purpose {
    width: 396px;
    min-height: 159px;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    box-sizing: border-box;
    border: 0em solid white;
    border-color: white;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 10%);
    position: absolute;
    top: 2625px;
    left: 560px;
    background-color: white;
    padding: 36px 80px 8px 32.55px;
}

.shared-purpose .h1{
position: relative;
color: #A120D1;
}


.mask-group-img{
    position: absolute;
    top: 2469px;
    left: 924px;
    max-width: 316px;
    max-height: 247px;
}

.mask-group5-img{
    position: absolute;
    top: 2864px;
    left: 200px;
    max-width: 382px;
    max-height: 327px;
}
.mask-group6-img{
    position: absolute;
    top: 3103px;
    left: 0px;
    max-width: 280px;
    max-height:154px;
}
.mask-group7-img{
    position: absolute;
    top: 2963px;
    left: 0px;
    max-width: 280px;
    max-height: 154px;
    z-index:-1;
}

.belonging {
    width: 327px;
    min-height: 145.5px;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    box-sizing: border-box;
    border: 0em solid white;
    border-color: white;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 10%);
    position: absolute;
    top: 3011.5px;
    left: 553px;
    background-color: white;
    padding: 36px 80px 8px 32.55px;
}

.belonging .h1{
position: relative;
color: #A120D1;
}


.evolution {
    width: 380px;
    min-height: 159px;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    box-sizing: border-box;
    border: 0em solid white;
    border-color: white;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 10%);
    position: absolute;
    top: 3370px;
    left: 330px;
    background-color: white;
    padding: 36px 80px 8px 32.55px;
}

.evolution .h1{
position: relative;
color: #A120D1;
}



.mask-group8-img{
    position: absolute;
    top: 3611px;
    left: 660px;
    max-width: 252px;
    max-height: 306px;
}

.mask-group9-img{
    position: absolute;
    top: 3809px;
    left: 560px;
    max-width: 213px;
    max-height: 217px;
}

.character {
    width: 360px;
    min-height: 159px;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    box-sizing: border-box;
    border: 0em solid white;
    border-color: white;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 10%);
    position: absolute;
    top: 3675px;
    left: 880px;
    background-color: white;
    padding: 36px 80px 8px 32.55px;
}

.character .h1{
position: relative;
color: #A120D1;
}


.work-chello {
    background-color: #A120D1;
    min-height: 313px;
    position: absolute;
    top: 4106px;
    width: 100%;
    text-align: center;
}

.work-chello .h1{
  color: #fff;
  max-width: 441px;
}
.work-chello a{
    position: relative;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    line-height: 33px;

}
.work-chello a:hover{
    text-decoration: underline;
}
.workday_no_jobs {
    top: 1119px;
    position: absolute;
    align-items: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}
}