.sectionFunction .functionItemsContainer{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.sectionFunction .sectionDecorContainer .decorInfo{
    max-width: 350px
}

.sectionFunction .decorInfo{
    height: 100%;
}

.sectionFunction .hero-form__row{
    flex-direction: column;
    row-gap: 10px;
    padding: 0;
}

.sectionFunction .cardBtn{
    width: 100%;
    margin-top: 20px;
}
.sectionFunction .cardBtn .btn{
    width: 100%;
    background: #2d2d2d;
    color: #ffffff;
    border-radius: 6px;
    padding: 5px 10px;
}

.sectionFunction .hero-form__row .hero-form-items{
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
}

.sectionFunction .hero-form-items .hero-form__item{
    width: 100%;
    justify-content: space-between;
}

.sectionFunction  .hero-form__check .hero-form__check-label{
    color: #2d2d2d;
    font-size: 12px;
}

.sectionFunction .functionItems{
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
}

.sectionFunction .functionItems .functionItem{
    display: flex;
    background: #ffffff;
    flex-direction: column;
    justify-content: space-between;
    max-width: 300px;
    width: 100%;
    padding: 15px 12px;
    border-radius: 10px;
    height: 300px;
    margin-top: 15px;
}

.functionItem .cardImage{
    width: 100%;
    height: 100%;
    display: flex;justify-content: center;
    align-items: center;
}

.functionItem .cardImage .img{
    width: 100%;
    max-width: 170px;
    object-fit: contain;
}

.functionItem .cardInfo .cardInfoContainer{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.cardInfoContainer .cardInfoTitle .title{
    font-size: 17px;
    font-weight: 400;
    color: #2d2d2d;
}

.cardInfoContainer .infoPrice .price{
    font-size: 24px;
    font-weight: 600;
    color: #EC2030;
    margin: 0;
}

.cardInfoContainer .infoPrice .price .value{
    font-size: 12px;
    font-weight: 400;
    color: #2d2d2d;
}

.cardInfoContainer .counter{
    display: flex;
    align-items: center;
    background: #F8F8F8;
    max-width: 60px;
    width: 100%;
    justify-content: space-between;
    border-radius: 6px;
    justify-content: center;
}

.cardInfoContainer .counter button{
    border: none;
    color: #B4B4B4;
}

.functionMobileTitle{
    display: none;
}
.functionItem .containerCounter .counter{
    display: none;
}

@media screen and (max-width: 920px){
    .sectionFunction .functionItems{
        justify-content: space-between;
    }
    
}
@media screen and (max-width: 850px){
    .sectionFunction .functionItems{
        flex-direction: column;
        height: 100%;
        row-gap: 10px;
    }
    .sectionFunction .sectionDecorContainer .decorInfo{
        max-width: 100%;
    }
   .section-decor .sectionDecorContainer{
        flex-direction: column-reverse !important;
        margin-top: 15px;
    }
    .paymentInfoCard .cardImage{
        display: none;
    }
    .sectionFunction .hero-form__row .hero-form-items{
        flex-direction: row;
    }
    .functionMobileTitle{
        display: block;
    }
    .functionItem .cardImage .img{
        max-width: 100%;
        width: 80%;
    }
    .functionItem .cardImage{
        width: 25%;
    }
    .cardInfoContainer .cardInfoTitle .title{
        font-size: 12px;
        margin: 0;
    }
    .cardInfoContainer .infoPrice .price{
        font-size: 20px;
    }
    .functionItem .cardInfo .cardInfoContainer{
        column-gap: 10px;
        position: relative;
    }
    .decorForm .decorFormTitle .title{
        display: none;
    }
    .sectionFunction .functionItems .functionItem{
        max-width: 100%;
        flex-direction: row;
        height: auto;
        align-items: center;
        margin-top: 0;
    }
    /*.functionItem .cardInfo .cardInfoContainer .counter{*/
    /*    display: none;*/
    /*}*/
    .functionItem  .containerCounter .counter{
        display: flex;
        padding: 4px;
    }
    .cardInfo{
        width: 65%;
        margin-top: 0;
    }
    .cardInfoTitle{
        width: 80%;
        display: flex;
        column-gap: 10px;
        align-items: center;
        position: relative;
        z-index: 2;
    }
    .questionMobile{
        display: block;
        width: 10px;
        height: 10px;
    }
    .iconQueastion{
        display: none;
    }
}

@media screen and (max-width: 680px){
    .sectionFunction .functionItems{
        flex-direction: column;
        height: 100%;
        row-gap: 10px;
    }
    .sectionFunction .hero-form__check{
        bottom: 0;
        margin-bottom: 0;
    }
    .sectionFunction .hero-form__row .hero-form-items{
        flex-direction: row;
    }
    .sectionFunction .hero-form__row{
        margin-bottom: 0;
    }
}

@media screen and (max-width: 550px){
    .decorForm .decorFormTitle .title{
        font-size: 24px;
    }
    .sectionFunction .hero-form{
        padding-bottom: 0;
    }
}