.shared-section {
    background-color: rgba(0, 38, 62, .1);
    height: 9rem;
    width: 100%;
    color: rgba(0, 38, 62);
    ;
}


.full-width-image {
    width: 100%;
    height: auto;
    object-fit: contain;

}

button:hover {
    background-color: white;
    color: rgba(0, 38, 62);
    border: 1px solid rgba(0, 38, 62);
}

.secondFinancial {
    background-color: rgba(0, 38, 62, .1);
}

.box {
    border: 1px solid #ccc;
    background-color: white;
    justify-content: flex-start;
    align-items: flex-start;
    height: 11rem;
}


.colorText {
    color: var(--secondary-color);
}


.financial-fouth-section {
    padding: 2rem;
}

.financial-fouth-section h3 {
    padding: 1rem;
}

.about-button {
    padding: .5rem 3.25rem;
    background-color: var(--primary-color);
    color: white;
    border-radius: 2rem;
}

.title {
    min-height: 3.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.advantageTitle {
    min-height: 3.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.container:nth-child(odd) .row {
    flex-direction: row-reverse !important;
}

.about-button:hover {
    background-color: white;
    color: rgba(0, 38, 62);
    border: 1px solid rgba(0, 38, 62);
}

.why-jordan-content::after {
    inset-inline-start: 13px !important;
}

.why-jordan-content {
    padding-inline-start: 2rem !important;
}

@media (max-width: 767px) {
    .why-jordan-content {
        padding-inline-start: 3rem !important;
    }
}

.arabic-version .why-jordan-content::after {
    inset-inline-start: -10px !important;

}

.financial-fouth-section .card-body p {
    color: var(--font-color);
}

.financial-leasing-container {
    padding-block: 4rem;
}

.thirdFinancial .row {
    padding-bottom: 0 !important;
}

.secondFinancial .box {
    border-radius: 5px;
    border: 0 !important;
}

.fiveFinancial {
    padding-bottom: 3rem !important;
}

.secondFinancial {
    padding-top: 2rem !important;
}