/* Why Section */
section.technologies-why-section {
    /* background: radial-gradient(60% 50% at 100% 50%, rgba(74, 121, 152, 0.15) 0%, rgba(74, 121, 152, 0) 60%), radial-gradient(40% 60% at 0% 70%, rgba(212, 119, 79, 0.08) 0%, rgba(212, 119, 79, 0) 50%), linear-gradient(
60deg, #0D2233 0%, #152F3D 50%, #1A3A4D 100%); */
    background: linear-gradient(112.84deg, rgba(0, 0, 0, 0.375) 0%, rgba(0, 30, 45, 0.475) 45%, rgba(0, 0, 0, 0.365) 100%), radial-gradient(69.48% 59.55% at 62.92% 42.93%, rgba(7, 96, 125, 0.6365) 0%, rgba(74, 121, 152, 0) 87.61%), #152F3D;
}

.technologies-why-section .container {
    gap: 16px;
}

.technologies-why-section .container > div {
    max-width: 50%;
}

.technologies-why-section h2 {
    color: var(--white);
    margin-top: 16px;
    margin-bottom: 48px;
}

.technologies-why-section .section-subheading {
    color: var(--jagged-ice);
}

.technologies-why-section li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--jagged-ice);
    margin-bottom: 14px;
    list-style: none;
    padding-left: 38px;
    position: relative;
}

.technologies-why-section li strong {
    color: var(--white);
}

.technologies-why-section li:before {
    content: "";
    width: 26px;
    height: 26px;
    background: url("../../images/blue-check.svg") no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}


@media only screen and (max-width: 767px) { 
    .technologies-why-section .container {
        flex-direction: column;
        gap: 12px;
    }

    .technologies-why-section .container > div {
        max-width: 100%;
    }

    .technologies-why-section .section-subheading {
        border-color:rgba(74, 121, 152, 0.30);
    }
}