/* ////////////////////////////// THIS TASK STEP 1 ////////////////////////////// */
#field[data-task="1"] .image.task_description {
    top: 14px;
    left: 34px;
    width: 434px;
    height: 44px;
    font-size: 21px;
    padding: 2px 12px 0;
    border-radius: 10px;
}

#field[data-task='1'] #image1{
  left: 260px;
  top: 92px;
}

.__draggable_st1,
.__droppable_st1 {
    width: 228px;
    height: 54px;
    font-size: 20px;
    padding-top: 6px;
}

.__draggable_st1{
    left: 696px;
}

.__droppable_st1 {
    left: 36px;
}

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

#field[data-task='1'] #draggable1{
    top: 164px;
}

#field[data-task='1'] #draggable2{
    top: 234px;
}

#field[data-task='1'] #draggable3{
    top: 304px;
    line-height: 20px;
    padding-top: 2px;
}

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

#field[data-task='1'] #droppable1{
    top: 164px;
}

#field[data-task='1'] #droppable2{
  top: 234px;
}

#field[data-task='1'] #droppable3{
  top: 302px;
}

/* ////////////////////////////// THIS TASK STEP 2 ////////////////////////////// */

#field[data-task="2"] .image.task_description {
    top: 14px;
    left: 38px;
    width: 372px;
    height: 64px;
    font-size: 21px;
    line-height: 22px;
    padding-top: 10px;
    padding-left: 14px;
    padding-right: 0px;
    border-radius: 10px;
}

#field[data-task='2'] #image1{
    top: 230px;
    left: 240px;
}
#field[data-task='2'] #image2{
    top: 230px;
    left: 471px;
}
#field[data-task='2'] #image3{
    top: 230px;
    left: 703px;
}


/*//////////////////// SORTABLE ////////////////////*/

#field[data-task='2'] #sortableblock0{
  width: 888px;
  left: 40px;
  top: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#field[data-task='2'] .sortable{
  width: 192px;
  height: 238px;
  padding-top: 20px;
}

#field[data-task='2'] .sortable img{
  display: block;
  width: 100%;
  height: 90%;
}

/* ////////////////////////////// THIS TASK STEP 3 ////////////////////////////// */

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

.__cont_st3 {
    top: 211px;
    left: 612px;
    width: 126px;
    height: 40px;
    border-radius: 5px;
    padding-top: 4px;
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    background-color: #52adca;
    border-radius: 10px;
}


#field[data-task='3'] .clickable {
    top: 110px;
    width: 176px;
    height: 48px;
    font-size: 20px;
    padding-left: 0px;
    line-height: 20px;
}

#field[data-task='3'] #clickable1{
    left: 36px;
    height: 258px;
    padding-top: 24px;
    line-height: 27px;
}

#field[data-task='3'] #clickable2{
    left: 232px;
    height: 258px;
    padding-top: 24px;
    line-height: 27px;
}

#field[data-task='3'] #clickable3{
    left: 424px;
    height: 258px;
    padding-top: 24px;
    line-height: 27px;
}

.__clickable_small{
    left: 750px;
}

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

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

#field[data-task='3'] #clickable6{
    top: 219px;
}

#field[data-task='3'] #clickable7{
    top: 283px;
}

#field[data-task='3'] #clickable8{
    top: 342px;
}


/* ////////////////////////////// THIS TASK STEP 4 ////////////////////////////// */

#field[data-task="4"] .image.task_description {
    top: 12px;
    left: 12px;
    width: 490px;
    height: 66px;
    font-size: 23px;
    line-height: 23px;
    padding-top: 12px;
    padding-left: 14px;
    border-radius: 10px;
}

#field[data-task='4'] #image1,
#field[data-task='4'] #image2,
#field[data-task='4'] #image3{
  top: 232px;
}

#field[data-task='4'] #image1{
  left: 218px;
}

#field[data-task='4'] #image2{
  left: 448px;
}

#field[data-task='4'] #image3{
  left: 680px;
}

/*//////////////////// SORTABLE ////////////////////*/
#field[data-task='4'] #sortableblock0{
  width: 890px;
  left: 16px;
  top: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#field[data-task='4'] .sortable{
  max-width: 194px;
  width: 194px;
  height: 276px;
}

#field[data-task='4'] .sortable img{
  display: block;
  width: 100%;
  height: 100%;
}

/* ////////////////////////////// THIS TASK STEP 5 ////////////////////////////// */
#field[data-task="5"] .image.task_description {
    top: 14px;
    left: 30px;
    width: 450px;
    height: 38px;
    font-size: 20px;
    padding-left: 18px;
    border-radius: 10px;
}

.__cont_st5 {
    top: 422px;
    left: 38px;
    font-size: 21px;
    color: 	#A9A9A9;
}

#field[data-task='5'] .clickable {
    top: 120px;
    width: 205px;
    height: 206px;
    font-size: 20px;
    padding-top: 12px;
    line-height: 36px;
}

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

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

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

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