/* ========== DSM WHY CHOOSE SECTION START ========== */
.dsm-why-wrap {
    width: 100%;
    margin: 0 auto
}

.dsm-why-grid {
    display: grid;
    grid-template-columns: minmax(0,1.72fr) minmax(0,1fr);
    gap: 28px;
    align-items: stretch
}

.dsm-why-features {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px
}

.dsm-why-card {
    background: #ebebeb;
    border-radius: 17px;
    padding: 40px 35px;
    min-height: 215px;
    transition: transform .35s ease,box-shadow .35s ease
}

.dsm-why-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 30px rgba(23,17,17,.10)
}

.dsm-why-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e87522;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    margin-bottom: 18px
}

.dsm-why-icon img {
    object-fit: contain;
    margin: unset !important;
}

.dsm-why-card h3 {
    font-size: 24px!important;
    line-height: 32px !important;
    font-weight: 700!important;
    color: #171111!important;
    margin: 0 0 18px!important
}

.dsm-why-card p {
    color: #686868!important;
    margin: 0!important
}

.dsm-why-image {
    min-height: 446px;
    background: #292929 center/cover no-repeat;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    isolation: isolate
}

.dsm-why-image:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 35%,rgba(23,17,17,.85) 100%);
    z-index: -1
}

.dsm-why-overlay {
    padding: 26px;
    color: #fff
}

.dsm-why-overlay span {
    display: block;
    color: #e87522;
    font-size: 12px;
    letter-spacing: 1.4px;
    margin-bottom: 6px
}

.dsm-why-overlay h2 {
    color: #fff!important;
    font-size: clamp(25px,2.4vw,38px)!important;
    line-height: 1.14!important;
    font-weight: 700!important;
    margin: 0!important
}

.dsm-why-image {
    transition: box-shadow .35s ease
}

.dsm-why-image:hover {
    box-shadow: 0 15px 35px rgba(23,17,17,.16)
}

@media(max-width: 850px) {
    .dsm-why-grid {
        grid-template-columns:1fr
    }

    .dsm-why-image {
        min-height: 380px
    }
}

@media(max-width: 540px) {
    .dsm-why-features {
        grid-template-columns:1fr
    }

    .dsm-why-card {
        min-height: 0;
        padding: 24px
    }

    .dsm-why-image {
        min-height: 340px
    }
}

/* ========== DSM WHY CHOOSE SECTION END ========== */