/* Анимации теперь управляются через data-animate атрибуты в template.php */
/* Старые стили удалены - используйте data-animate="slide-left-full" и data-animate="slide-right-full" */

.module-component-about-style-3 {padding-top: var(--spacing-32) !important;}

.module-component-about-style-3 .container{overflow-x: hidden;}

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

.module-component-about-style-3 .box {
    background:var(--white-100);
    padding: var(--spacing-48);
    height: 100%;
}
.module-component-about-style-3 .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-3 .text h2 {
    margin-bottom: var(--spacing-20);
}

.module-component-about-style-3 .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-3 {padding-top: var(--spacing-20) !important;}

    .module-component-about-style-3 .grid {gap: var(--spacing-20);}

    .module-component-about-style-3 img {
        height: 100%;
        object-fit: cover;
    }

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

    .module-component-about-style-3 .box {padding: var(--spacing-20);}

    .module-component-about-style-3 .text h2 {margin-bottom: var(--spacing-8);}
    .module-component-about-style-3 .text p:nth-of-type(1){font: var(--font-p1);}


}

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