.elementor-2 .elementor-element.elementor-element-ae2a662{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-ae2a662 *//* General university listing layout */
.university-item {
    display: flex;

    padding: 15px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.university-inner {
    display: flex;
    width: 100%;
}

.university-image {
    width: 120px;
    height: 160px;
    margin-right: 15px;
    overflow: hidden; /* Hides the overflow part */
}

.university-image img {
    width: 100%;

    object-position: center; /* This centers the image inside the container */
    display: block;
}

.university-details {
    flex: 1;
}

.university-details h3 {
    font-size: 1.5em;
    margin: 0;
}

.university-description {
    font-size: 1.1em;
    margin: 10px 0;
}

.university-meta {
    font-size: 1em;
    color: #555;
}

.university-meta p {
    margin: 5px 0;
}

.university-item hr {
    margin-top: 15px;
}

/* Add some spacing between universities */
.university-item + .university-item {
    margin-top: 30px;
}

/* General styling for the university item */
.university-item {
    display: flex;
    flex-wrap: wrap;
/*    margin-bottom: 30px;*/
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.university-inner {
    display: flex;
    width: 100%;
}

.university-image {
    flex: 0 0 40%;
    padding-right: 20px;
    align-items: center;
}

.university-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.university-meta p {
    margin: 5px 0;
}

/* Mobile and Tablet Portrait Layout */
@media screen and (max-width: 768px) {
    .university-inner {
        flex-direction: column;
        align-items: center;
    }

    .university-image {
        width: 100%;
        margin-bottom: 5px;
        align-items: center;
            }

    .university-details {
        width: 100%;
    }

    .university-meta p {
        text-align: center;
    }
    /* Add some spacing between universities */
.university-item + .university-item {
    margin-top: 5px;
    margin-bottom: 5px;
}
}/* End custom CSS */