/* Анимации теперь управляются через data-animate атрибуты в template.php */

.module-component-about-style-4 {padding-top: var(--spacing-32) !important; overflow-x: hidden;}

.module-component-about-style-4 img,
.module-component-about-style-4 .box{border-radius: var(--radius-40);}

.module-component-about-style-4 .box {
    background:var(--white-100);
    padding: var(--spacing-48);
    height: 100%;
}
.module-component-about-style-4 .tag {
    padding: var(--spacing-4) var(--spacing-8);
    border-radius: var(--radius-8);
    background: var(--secondary);
    color: var(--white-100);
    width: fit-content;
}

.module-component-about-style-4 .text h2 {
    margin-bottom: var(--spacing-20);
}

.module-component-about-style-4 .text p:nth-of-type(1) {
    font:var(--font-p2);
}



@media (max-width: 767px) {
    
}

@media (min-width: 768px) and (max-width: 1023px) {
    
}

@media (max-width: 1023px) {
    .module-component-about-style-4 .main {gap: var(--spacing-32);}

    .module-component-about-style-4 .top {gap: var(--spacing-8);}
}

@media (min-width: 1024px) {
    
}