/* === ОБЩИЙ БЛОК "À propos" === */
.bg-\[\#041C33\] {
    background:  url("../assets/Artboard1.png")!important;
    background-size: cover!important;
}

/* контейнер сетки */
.bg-\[\#041C33\] > div {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* === ТЕКСТОВАЯ КАРТОЧКА === */
.my-custom-color {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 28px;
    box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.06);
    transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;
}

/* лёгкий эффект доверия */
.my-custom-color:hover {
    transform: translateY(-4px);
    box-shadow:
            0 16px 45px rgba(0, 0, 0, 0.10);
}

/* === ТЕКСТ ОПИСАНИЯ === */
.my-custom-color p {
    color: #1f2937; /* тёплый тёмно-серый */
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 14px;
}

/* акцент первой фразы */
.my-custom-color p:first-child {
    font-weight: 600;
    font-size: 16px;
}

/* === КАРТОЧКА С КАРТИНКОЙ === */
.my-custom-color img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow:
            0 12px 35px rgba(0, 0, 0, 0.12);
}

/* === АДАПТИВ === */
@media (max-width: 768px) {
    .my-custom-color {
        padding: 22px 18px;
    }

    .my-custom-color p {
        font-size: 14px;
    }
}
.my-custom-color:has(img) {
    background: transparent;
    box-shadow: none;
}