#BoardRate {
    width: 100%;
    height: 10vw;
    background: url('/static/seller/images/BoardRate.png');
    background-size: 100% 100%;
}

#FifthPage {
    width: 100%;
    height: 80vw;
    background: url('/static/seller/images/FifthPageRate.jpg');
    background-size: 100% 100%;
    font-family: "Montserrat", serif;
}

#Rate .page1, .page2, .page3 {
    display: inline-block;
    width: 26vw;
    height: 50vw;
    vertical-align: top;
    margin-right: 3.2vw;
    color: rgb(81, 83, 75);


}

#Rate ul {
    margin-top: 5vw;
    margin-left: 2.5vw;
}

#Rate .page1 li, .page2 li, .page3 li {
    line-height: 3.7vw;
    font-size: 1.4vw;
    width: 24vw;

}

#Rate #pages {
    display: inline-block;
    margin-left: 6.6vw;
    margin-top: 3vw;
}

.priceBuy {
    margin-left: 2.5vw;

}

.priceBuy h4 {
    font-size: 1.2vw;
    font-weight: 500;
}

.priceBuy .buy {
    display: flex;
    border-radius: 10vw;
    background-color: rgb(219, 238, 68);
    justify-content: center;
    align-items: center;
    width: 22vw;
    height: 4vw;
    margin-top: 1vw;
    transition: transform 0.5s ease, background-color 0.25s ease;

}

#Rate .page1 .priceBuy {
    margin-top: 17vw;
}

#Rate .page2 .priceBuy {
    margin-top: 6vw;
}

#Rate .page3 .priceBuy {
    margin-top: 2vw;
}

#Rate #CoursesForWhom {
    display: flex;
    color: white;
    margin-left: 6.6vw;

}

#Rate #CoursesForWhom h3 {
    font-size: 1.2vw;
    font-weight: 200;
    width: 26vw;
}

#Rate #CoursesForWhom h3 p {
    line-height: 2vw;
    margin-bottom: 1.5vw;
}

#Rate #CoursesForWhom .pages1, .pages2, .pages3 {
    width: 50vw;
    margin-right: 2vw;

}