/* Стили для military_card остаются прежними */
.military_card {
    font-size: clamp(0.6em, 0.8vw, 1.2em);
    font-family: montserrat-semibold;
    color: var(--color-text);
    display: flex;
    flex-direction: row;
    gap: clamp(0.1rem, 1.2vw, 1.5rem);
    justify-content: space-between;
    align-items: center;
    margin: 0.6em; /* Отступы между карточками */
    background-color: var(--color-secondary);
    box-shadow: 0px 4px 20px rgb(0 0 0 / 25%);
    border-right: 5px solid var(--color-accent1);
    padding: clamp(1em, 1.2vw, 1.5em) clamp(1.5em, 1.1vw, 2em);
    text-align: right;
    /* Добавьте transition для плавности анимации */
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-right 0.3s ease;
}

.military_card img {
    width: clamp(2.5rem, 3.5vw, 4rem);
}

/* Анимация при наведении */
.military_card:hover {
    transform: translateY(-5px) scale(1.03); /* Поднимает и немного увеличивает карточку */
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.35); /* Увеличивает тень */
}



.military{
    background-color: var(--color-primary);
    padding-top: 100px;

}

.military_inner{
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;

}


.military_content-wrapper{
    padding-left: 150px;
    padding-right: 150px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 8rem);
    padding-bottom: clamp(2rem, 2vh, 5rem);
}

.military_cards{
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    /*grid-template-rows: 1fr 1fr 1fr;*/
    grid-template-areas:
    'a b'
    'c d'
    'e f'
    'g g';
}

.military_free-consult{
    padding-left: 150px;
    padding-right: 150px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-accent2);
    color: var(--color-primary);
    font-size: clamp(0.8em, 1.5vw, 2em);
    font-family: montserrat-extrabold;
    height: 20vh;
}

.military_free-consult .button{
    margin: clamp(1rem, 2vw, 3rem) 0;
}

.military_fire img{
    width: 2em;
}

.military_fire-title{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.military_fire-title p{
    padding-left: clamp(0.2rem, 0.6rem, 1rem);
}

.military_content{
    display: flex;
    flex-direction: column;
    align-items: start;
}

.military_content-text{
    font-family: montserrat-medium;
    font-size: clamp(0.6rem, 1.2vw, 1.4rem);
    color: var(--color-text);
    margin-bottom: clamp(1rem, 1.2vw, 2rem);
}

.military h1{
    font-size: clamp(1.1rem, 1.5vw, 2rem);
    line-height: 1.2;
    font-family: montserrat-extrabold;
    text-align: left;
    color: var(--color-accent2);
    margin-bottom: clamp(1rem, 1.2vw, 2rem);
}