/* Дополнительные стили шаблона */

#hero .hero-desc {
    color: var(--color-white);
    margin-bottom: 32px;
    max-width: 540px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.002em;
    background: #00000075;
    padding: 20px;
    border-radius: 16px;
}

#what-for-popup_0{
    left: -60px;
}

#what-for-popup_2{
    left: -460px !important;
    top: -60px !important;
}

#role_trap .role-trap-icon svg{
    width: 42px;
    height: 42px;
}

.solutions-more-grid .solutions-more-card{
    position: relative;
}
.solutions-more-grid .solutions-more-card:first-child::before{
    content: ' ';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    border: 20px solid transparent;
    border-left: 20px solid var(--color-card-bg);
    border-top: 20px solid var(--color-card-bg);
}
.solutions-more-grid .solutions-more-card:last-child::after{
    content: ' ';
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 20px solid transparent;
    border-right: 20px solid var(--color-card-bg);
    border-bottom: 20px solid var(--color-card-bg);
}

@media (max-width: 768px) {
    #solutions .solutions-cards{
        padding-bottom: 0;
    }
    #solutions_indoor .solutions-cards{
        padding-bottom: 0;
    }

    #about .about-bento .about-card.about-card-photo,
    #about .about-bento .about-card.about-card-story > div{
        border: 1px solid silver;
        background: rgb(0 0 0 / 0.01);
    }
}