

/* part 2 */

@font-face {
    font-family: "HelveticaNeueLTArabic";
    src: url("../assets/font/HelveticaNeueLTArabic-Bold.ttf") format("truetype"), url("../assets/font/HelveticaNeueLTArabic-Light.ttf") format("truetype"), url("../assets/font/HelveticaNeueLTArabic-Roman.ttf") format("truetype"),
}

body {
    font-family: "HelveticaNeueLTArabic", sans-serif !important;
}



.bg-Opportunitymap {
    color: var(--primary-1);
    text-align: right;
    font-size: larger;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    border-radius: 20px;
    background: var(--light-sky, #E7EEF8);
    display: block;
    padding: 20px;
}

.card-discraption {
    border-radius: 20px !important;
    width: auto !important;
    min-height: 361px;
    max-height: 900px;
}




.text-bold {
    color: var(--primary-1);
    text-align: right;
    font-size: large;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

ul.text-normal {
    font-weight: 200 !important;
}

.text-link {
    color: var(--blue5, #4097CB);
    text-align: right;
    font-size: large;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

    .text-link:hover {
        color: var(--blue5, #004876);
    }


@media (max-width: 992px) {
    .reverse-column {
        flex-direction: column-reverse;
        align-items: baseline;
    }

    .financing-image img {
        display: block;
        width: 100%;
        height: auto;
        padding: 17px 8px;
        transition: transform 0.3s ease;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .card-discraption {
        border-radius: 20px !important;
        width: auto !important;
        height: auto;
    }
}

/* Phone styles */
@media (max-width: 767px) {
    .card-discraption {
        border-radius: 20px !important;
        width: auto !important;
        height: auto;
    }
}

@media (max-width: 500px) {
    .card-financialsourcing {
        border-radius: 20px !important;
        width: auto !important;
        height: auto !important;
        justify-content: center;
    }

    .card-discraption {
        border-radius: 20px !important;
        width: auto !important;
        height: auto !important;
    }

}
