body {
    background-color: #F4F4F4;
}
html, body {
    overflow-x: hidden;
}
.academy_courses{
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center;
}
.academy-container-heading {
    height: 17.1875vw;
    width: 89.58333vw;
    margin-top: 7.70833vw;
    display: flex;
    justify-content: center; 
    align-items: center;
    position: relative;
}
.courses-title{
    color: var(--Black-Black-Basic, #0A0A0A);
    text-align: center;
    font-family: "Despair Display";
    font-size: 10.41667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 80%; /* 8.33333vw */
    letter-spacing: -0.20833vw;
    text-transform: uppercase;
    z-index: 1;
}
.graffiti-new{
    content: '';
    position: absolute;
    width: 15.36458vw;
    height: 9.11458vw;
    background: url('../images/new1.svg') center/contain no-repeat;
    z-index: 2; /* Иконка под текстом */
    left: 17.70833vw;
    bottom: 0.78125vw;
}
.graffiti-wow{
    content: '';
    position: absolute;
    width: 15.88542vw;
    height: 9.11458vw;
    background: url('../images/wow_akcii.svg') center/contain no-repeat;
    z-index: 0; /* Иконка под текстом */
    right: 17.13542vw;
    top: 0.78125vw;
}
.promotions{
    margin-top: 4.16667vw;
    display: flex;
    justify-content: center; 
    align-items: center;
    position: relative;
    flex-direction: column;
    gap: 2.08333vw;
}
@media (max-width: 1024px) {
.academy-container-heading {
    width: 96.09375vw;
    height: 17.08984vw;
    margin-top: 9.57031vw;
}
.courses-title{
    font-size: 9.375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 80%; /* 7.5vw */
    letter-spacing: -0.1875vw;
}
.graffiti-new{
    width: 16.50391vw;
    height: 9.76562vw;
    aspect-ratio: 169/100;
    left: 21.77734vw;
    bottom: 0.78125vw;
}
.graffiti-wow{
    width: 16.99219vw;
    height: 9.76562vw;
    aspect-ratio: 87/50;
    right: 21.38672vw;
    top: 0.78125vw;
}
.promotions{
    margin-top: 3.90625vw;
    gap: 2.92969vw;
}
}
@media (max-width: 375px) {
.academy-container-heading {
    width: 94.66667vw;
    height: 26.13333vw;
    margin-top: 20.8vw;
}
.courses-title{
font-size: 10.66667vw;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 10.66667vw */
letter-spacing: -0.21333vw;
}
.graffiti-new{
width: 14.4vw;
height: 8.53333vw;
aspect-ratio: 27/16;
    left: 19.46667vw;
    bottom: 6.4vw;
}
.graffiti-wow{
width: 14.93333vw;
height: 8.53333vw;
aspect-ratio: 7/4;
    right: 18.93333vw;
    top: 3.73333vw;
}
.promotions{
    margin-top: 8vw;
    gap: 5.33333vw;
}
}