.courses-menu{
    width: 970px;
    margin-left: unset;
}
@media (max-width:540px) {
    .courses-menu{
        width: 320px;
        
    }
}
.courses-menu__btn{
    width: 170px;
height: 50px;
border-radius: 60px;
display: flex;
align-items: center;
justify-content: center;  
border: 1px solid #EB6246;
background-color: transparent;
text-decoration: none;
color: #EB6246;
cursor:pointer;
}
.courses-menu__btn:hover{
background-color: #EB6246;
color: white;
}
.btn_active{
    background-color: #EB6246;
    color: white;
    }
.courses-item{
    margin: 30px 0px 0px 30px;
    width: 370px;
height: 250px;
border-radius: 10px;
position: relative;
padding-top: 30px;
padding-left: 26px;
}
.courses-item:first-child{
    margin:30px 0px 0px 0px;
}
.courses-item:nth-child(3n+4){
    margin:30px 0px 0px 0px;
}    
.courses-item__wrapp{
    position: relative;
    z-index: 1;
    min-height: 145px;
    max-height: 183px;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.courses-item::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #211E1E;
opacity: .4;
border-radius: 10px;
z-index: 0;
}
.courses__content{
    margin-top: 30px;
   display: flex;
   flex-wrap: wrap;
   display: none; 
}
.courses_active{
    display: flex;
}
.courses-item__heading{
    padding: 9px 15px 11px 15px;
    background: rgba(255, 248, 244, 0.01);
    backdrop-filter: blur(30px);
display: flex;
border-radius: 10px;
width: fit-content;

}
.courses-item-heading{
    font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 27px;
color: #FFFEFD;
}
.courses-item-btn{
    width: 175px;
height: 50px;
outline: none;
border: none;
border-radius: 60px;
background-color: #FDD27E;
font-weight: 500;
font-size: 14px;
line-height: 19px;;
color: #505050;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}






.courses-item_baby{
    background-image: url(img/baby.png);
    background-position: center;
}
.courses-item_indigo{
    background-image: url(img/indigo.png);
}
.courses-item_logorithm{
    background-image: url(img/logorithm.png);
}
.courses-item_art{
    background-image: url(img/art.png);
}
.courses-item_school{
    background-image: url(img/school.png);
}
.courses-item_progress{
    background-image: url(img/progress.png);
}
.courses-item_day{
    background-image: url(img/day.png);
}
.courses-item_logic{
    background-image: url(img/logic.png);
}
.courses-item_eng{
    background-image: url(img/eng.png);
}
.courses-item_theatre{
    background-image: url(img/theatre.png);
}
.courses-item_chess{
    background-image: url(img/chess.png);
}
.courses-item_reading{
    background-image: url(img/reading.png);
}
.courses-item_etic{
   background-image: url(img/etic.png); 
}
.courses-item_intellect{
    background-image: url(img/intellect.png);
}
.courses-item_preparation{
    background-image: url(img/preparation.png);
}
.courses-item_math{
    background-image: url(img/math.png);
}
.courses-item_help{
    background-image: url(img/help.png);
}