/* ////////////////////////////// THIS TASK STEP 1 ////////////////////////////// */

#field[data-task="1"] .image.task_description {
    top: 14px;
    left: 38px;
    width: 400px;
    height: 42px;
    font-size: 24px;
    padding: 2px 12px 0;
    border-radius: 10px;
}

.__st1_arrow{
    top: 177px;
}

.pt_14px {
  padding-top: 14px !important;
}

#field[data-task='1'] #image1{
  left: 195px;
}
#field[data-task='1'] #image2{
  left: 379px;
}
#field[data-task='1'] #image3{
  left: 562px;
}
#field[data-task='1'] #image4{
  left: 745px;
}

/* SORTABLE */
#field[data-task='1'] #sortableblock0{
  width: 888px;
  left: 36px;
  top: 104px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#field[data-task='1'] .sortable{
  max-width: 155px;
  width: 155px;
  height: 246px;
  font-size: 20px;
  line-height: 20px;
  white-space: wrap;
}

#field[data-task='1'] .sortable img{
  display: block;
  width: 100%;
  padding-top: 16px;
}


/* ////////////////////////////// THIS TASK STEP 2 ////////////////////////////// */
#field[data-task="2"] .image.task_description {
    top: 12px;
    left: 34px;
    width: 448px;
    height: 43px;
    font-size: 24px;
    padding: 3px 20px 0;
    border-radius: 10px;
}

#field[data-task='2'] #image1{
  left: 37px;
  top: 94px;
}

.__draggable_st2,
.__droppable_st2 {
    width: 150px;
    height: 54px;
    line-height: 20px;
}

.__draggable_st2{
    left: 667px;
    font-size: 20px;
    padding-top: 5px;
}


/*//////////////////// DRAGGABLES ////////////////////*/

#field[data-task='2'] #draggable1,
#field[data-task='2'] #draggable1-stack{
    top: 107px;
    left: 584px;
}

#field[data-task='2'] #draggable2,
#field[data-task='2'] #draggable2-stack{
  top: 107px;
  left: 762px;
}

#field[data-task='2'] #draggable3,
#field[data-task='2'] #draggable3-stack{
  top: 206px;
  left: 676px;
}

#field[data-task='2'] #draggable4,
#field[data-task='2'] #draggable4-stack{
  top: 306px;
  left: 584px;
}

#field[data-task='2'] #draggable5,
#field[data-task='2'] #draggable5-stack{
  top: 306px;
  left: 762px;
}


/*//////////////////// DROPPABLES ////////////////////*/

#field[data-task='2'] #droppable1{
    left: 47px;
    top: 102px;
}

#field[data-task='2'] #droppable2{
    left: 228px;
    top: 102px;
}

#field[data-task='2'] #droppable3{
    left: 411px;
    top: 102px;
}

#field[data-task='2'] #droppable4{
    left: 47px;
    top: 206px;
}

#field[data-task='2'] #droppable5{
    left: 411px;
    top: 206px;
}

#field[data-task='2'] #droppable6{
    left: 47px;
    top: 310px;
}

#field[data-task='2'] #droppable7{
    left: 228px;
    top: 336px;
}

#field[data-task='2'] #droppable8{
    left: 411px;
    top: 310px;
}

/* ////////////////////////////// THIS TASK STEP 3 ////////////////////////////// */
#field[data-task="3"] .image.task_description {
    top: 14px;
    left: 34px;
    width: 564px;
    height: 60px;
    font-size: 24px;
    line-height: 21px;
    padding: 8px 14px 0;
    border-radius: 10px;
}

#field[data-task='3'] .clickable {
    top: 116px;
    width: 154px;
    height: 264px;
    font-size: 20px;
    line-height: 20px;
}

#field[data-task='3'] #clickable1{
    left: 36px;
}

#field[data-task='3'] #clickable2{
    left: 220px;
}

#field[data-task='3'] #clickable3{
    left: 402px;
}

#field[data-task='3'] #clickable4{
    left: 586px;
}

#field[data-task='3'] #clickable5{
    left: 772px;
}