#samplingContent{
    background-image: url("../img/sampling/samling.jpg");
    background-position: center;
    background-size: cover;
}

#sampling-1{
    right: 8%;
    top: 60%;
}
#sampling-2{
    right: 44%;
    top: 83%;
}
#sampling-3{
    right: 82%;
    top: 42%;
}
/*----------- 1 --------------*/
#sampling-modal-1{
    width: 300px;
    height: 160px;
    right: 2%;
    top: 75%;
}
#sampling-first-modal-1-text{
    width: 270px;
    height: 150px;
    margin: 15px auto 0 auto;

}
#triangle-top-5{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #0033a1;
    position: absolute;
    left: 45%;
    top: -9px;
}
/*----------- 2 --------------*/
#sampling-modal-2{
    width: 300px;
    height: 160px;
    right: 54%;
    top: 75%;
}
#sampling-first-modal-2-text{
    width: 270px;
    height: 150px;
    margin: 15px auto 0 auto;

}
#triangle-top-6{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 7px solid #0033a1;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -9px;
    top: 50%;
}
/*--------- 3 ----------------*/
#sampling-modal-3{
    width: 270px;
    height: 250px;
    left: 2%;
    top: 7%;
}
#sampling-first-modal-3-text{
    width: 240px;
    height: 240px;
    margin: 15px auto 0 auto;

}
#triangle-top-8{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #0033a1;
    position: absolute;
    left: 65%;
    bottom: -9px;
}
/*======================*/


#SliderPicture-sampling-1{
    background-image: url("../img/sampling/1.jpg");
}
#SliderPicture-sampling-2{
    background-image: url("../img/sampling/2.jpg");
}
#SliderPicture-sampling-3{
    background-image: url("../img/sampling/3.jpg");
}