#services-block {
    background: var(--bg-thirdly);
    border-radius: 10px;
    padding: clamp(20px, 0.025 * 100vw + 12px, 60px) 0;
}
#services-block .services {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.0125 * 100vw + 6px, 30px);
}
#services-block .services .service {
    padding: clamp(10px, 0.0125 * 100vw + 6px, 30px);
    background-color: var(--bg-secondary);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    gap: clamp(15px, 0.0380434783 * 100vw + -23.0434782609px, 50px);
    transition: all 0.5s;
    border: 1px solid transparent;
}
@media (max-width: 1100px) {
    #services-block .services .service {
        flex-direction: column;
    }
}
#services-block .services .service:hover {
    border-color: var(--primary);
}
#services-block .services .service:hover .service__center .service__title {
    color: var(--primary);
}
#services-block .services .service__image {
    max-width: clamp(200px, 0.06875 * 100vw + 178px, 310px);
    width: 100%;
    height: clamp(120px, 0.0375 * 100vw + 108px, 180px);
    border-radius: 10px;
}
@media (max-width: 375px) {
    #services-block .services .service__image {
        max-width: 100%;
    }
}
#services-block .services .service__center {
    display: flex;
    flex-direction: column;
    gap: clamp(15px, 0.003125 * 100vw + 14px, 20px);
    max-width: clamp(400px, 0.1375 * 100vw + 356px, 620px);
}
@media (max-width: 1100px) {
    #services-block .services .service__center {
        max-width: unset;
    }
}
#services-block .services .service__center .service__title {
    transition: all 0.5s;
}
#services-block .services .service__list {
    display: flex;
    flex-direction: column;
    gap: clamp(15px, 0.0163043478 * 100vw + -1.3043478261px, 30px);
    flex-shrink: 0;
}
@media (max-width: 1100px) {
    #services-block .services .service__list {
        flex-direction: row;
        flex-wrap: wrap;
    }
}
#services-block .services .service__list .item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#services-block .services .service__btns {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.00625 * 100vw + 8px, 20px);
    flex-shrink: 0;
}
@media (max-width: 1100px) {
    #services-block .services .service__btns {
        flex-direction: row;
    }
    #services-block .services .service__btns > * {
        width: 100%;
    }
}
@media (max-width: 550px) {
    #services-block .services .service__btns {
        flex-direction: column;
    }
} /*# sourceMappingURL=block.css.map */