.cover-courses{
    width: 100vw;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10vh;
}
.cover-courses .courses{
    width: 80vw;
    min-height: 70vh;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    padding-top: 10px;
    gap: 10px;
}
.cover-courses .courses h3{
    color: var(--color_1);
    font-size: 22px;
    font-weight: 600;
}
.cover-courses .courses h2{
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}
.cover-courses .courses .line{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.cover-courses .courses .line .btns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.cover-courses .courses .line .btn{
    width: 160px;
    height: 45px;
    border-radius: 5px;
    background-color: var(--color_2);
    color: var(--color_1);
    border: var(--color_1) solid 2px;
    font-weight: 610;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cover-courses .courses .line .btn-1{
    background-color: var(--color_1);
    color: var(--color_2);
    font-weight: 600;
}
.courses .cards{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.courses .cards .card{
    min-width: 350px;
    max-width: 350px;
    height: 400px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.188) 0px 0px 10px 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    gap: 20px;
}
.courses .card .img{
    width: 100%;
    min-height: 200px;
    background-image: url(https://private-us-east-1.manuscdn.com/sessionFile/ZHk7Vxtm7toLbgnB1LmUN7/sandbox/Se5dvr1e7kxhLmCWqrJETY_1765743108871_na1fn_L2hvbWUvdWJ1bnR1L2VkaXRlZF9pbWFnZV93aXRoX2hpamFiX25ldw.png?x-oss-process=image/resize,w_4096,h_4096/format,webp/quality,q_80&Expires=1798761600&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9wcml2YXRlLXVzLWVhc3QtMS5tYW51c2Nkbi5jb20vc2Vzc2lvbkZpbGUvWkhrN1Z4dG03dG9MYmduQjFMbVVONy9zYW5kYm94L1NlNWR2cjFlN2t4aExtQ1dxckpFVFlfMTc2NTc0MzEwODg3MV9uYTFmbl9MMmh2YldVdmRXSjFiblIxTDJWa2FYUmxaRjlwYldGblpWOTNhWFJvWDJocGFtRmlYMjVsZHcucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLHdfNDA5NixoXzQwOTYvZm9ybWF0LHdlYnAvcXVhbGl0eSxxXzgwIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzk4NzYxNjAwfX19XX0_&Key-Pair-Id=K2HSFNDJXOU9YS&Signature=Z40g-gEEi9pPnuNcBskKh9SDpLHVdKfwJ~HVuvi-uZHrMbANcZhir8E1xX4UAtEHdHtL0f304wJtnZCm50qJqoykIu9a6KE13NCpi1N4269XitnWCA~W3evVlEmTJWF9af0YeIFnTVnDzTigWTzw7v6ExQl3OubnQK~d~dvJd5BrpGIAAIEaj~7r0s-rGceMXjDMw0kERiFBrneuEaj8Tc3FgtSeesSBRXIa3FFmFe~KQSP9FUJlg3LNVVw8ZWU2HdHE31JzeQtvIFpgtIoS5wA69MHGz3he99ZNFi68S1apYZ~rs18zHWo4tleAMejMOH5aImz5shgQIOk9owlZvA__);
    background-position: center;
    background-size: cover;
}
.courses .card .img-2{
    background-image: url(https://private-us-east-1.manuscdn.com/sessionFile/ZHk7Vxtm7toLbgnB1LmUN7/sandbox/fiWM9AAAgGWEvXtCAfHxFF_1765743223509_na1fn_L2hvbWUvdWJ1bnR1L2VkaXRlZF9pbWFnZV93aXRoX2hpamFiX25ld18y.png?x-oss-process=image/resize,w_4096,h_4096/format,webp/quality,q_80&Expires=1798761600&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9wcml2YXRlLXVzLWVhc3QtMS5tYW51c2Nkbi5jb20vc2Vzc2lvbkZpbGUvWkhrN1Z4dG03dG9MYmduQjFMbVVONy9zYW5kYm94L2ZpV005QUFBZ0dXRXZYdENBZkh4RkZfMTc2NTc0MzIyMzUwOV9uYTFmbl9MMmh2YldVdmRXSjFiblIxTDJWa2FYUmxaRjlwYldGblpWOTNhWFJvWDJocGFtRmlYMjVsZDE4eS5wbmc~eC1vc3MtcHJvY2Vzcz1pbWFnZS9yZXNpemUsd180MDk2LGhfNDA5Ni9mb3JtYXQsd2VicC9xdWFsaXR5LHFfODAiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3OTg3NjE2MDB9fX1dfQ__&Key-Pair-Id=K2HSFNDJXOU9YS&Signature=BFoVv0jrGFuNX2MRP8L3bCq~CfCwUNEOQbukGyhkzOn-0GJhk3N5HpVnk8vs5YvgBXfh0BxURQneEf64sieO2U3hrjx2ntASe-IGQy6tNgf2TcI38w9XHcLf1Ivc6xqUe6PMCGktgBSvlDa8orqU~4lA9qZBoPGC-HhBu45GWxrJt~PV6za9M~wr7jpRVbXv6Ju4K4FxHhHIxp1G7YIa2cHQKcG-nIwtRDnTkJBY9VX4N7GUfLF773Y2TNqbPXS0t8kWJhCAx9~x4-ezssd5nXGCvRoVhBJSnUjb4Udpwaj5Mhlukohhdq4LZY9nJjCrhSsfJK7ZQYRHA362-VGHeg__);
}
.courses .card .img-3{
    background-image: url(https://www.yool.education/storage/parcours//7/1680014468.webp);
}
.courses .card .top{
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.courses .card .student{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.courses .card .student .s-img{
    width: 40px;
    height: 40px;
    background-image: url(https://cdn-icons-png.flaticon.com/128/1999/1999625.png);
    background-position: center;
    background-size: cover;
    border-radius: 100%;
}
.courses .card .student .si-1{
    background-image: url(https://cdn-icons-png.flaticon.com/128/4140/4140039.png);
}
.courses .card .student .s-name{
    font-size: 17px;
    color: var(--color_4);
}
.courses .card .top h3{
    font-size: 17px;
    color: var(--color_4);
}
.courses .card h2{
    font-size: 20px;
    width: 90%;
    line-height: 30px;
    color: var(--color_3);
    font-weight: 610;
}
.courses .card .bottom{
    width: 90%;
    min-height: 40px;
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.courses .card .bottom .price{
    color: var(--color_1);
    font-weight: 610;
    font-size: 18px;
}
.courses .card .bottom .rate{
    color: rgb(183, 155, 0);
    font-weight: 610;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.courses .card .bottom .rt{
    color: var(--color_3);
    margin-left: 10px;
    font-size: 16px;
    font-weight: 610;
}