.elementor-53105 .elementor-element.elementor-element-0165bfd:not(.elementor-motion-effects-element-type-background), .elementor-53105 .elementor-element.elementor-element-0165bfd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/khososy.net/wp-content/uploads/2026/10/Modern-Learning-Banner-with-Orange-Waves.png?fit=2103%2C748&ssl=1");background-size:cover;}.elementor-53105 .elementor-element.elementor-element-0165bfd, .elementor-53105 .elementor-element.elementor-element-0165bfd > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-53105 .elementor-element.elementor-element-0165bfd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-53105 .elementor-element.elementor-element-0165bfd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-53105 .elementor-element.elementor-element-7cdf682{width:var( --container-widget-width, 56.441% );max-width:56.441%;--container-widget-width:56.441%;--container-widget-flex-grow:0;align-self:flex-start;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-heading-wrap{text-align:right;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-title .first{color:var( --e-global-color-secondary );font-family:"Cairo", Sans-serif;font-size:32px;font-weight:700;border-style:none;margin-right:0px;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-title-wrap{margin-bottom:15px;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-title .second{color:var( --e-global-color-primary );font-family:"Cairo", Sans-serif;font-size:32px;font-weight:700;border-style:none;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-heading-description{color:var( --e-global-color-98b9e9e );font-family:"Cairo", Sans-serif;font-size:14px;font-weight:600;margin-bottom:9px;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-heading-icon-wrap{color:var( --e-global-color-0487fd9 );font-size:35px;margin-bottom:10px;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-heading-icon-wrap svg{fill:var( --e-global-color-0487fd9 );width:35px;}.elementor-53105 .elementor-element.elementor-element-44db19a{--divider-border-style:solid;--divider-color:var( --e-global-color-669386e );--divider-border-width:1px;}.elementor-53105 .elementor-element.elementor-element-44db19a .elementor-divider-separator{width:100%;}.elementor-53105 .elementor-element.elementor-element-44db19a .elementor-divider{padding-block-start:17px;padding-block-end:17px;}.elementor-53105 .elementor-element.elementor-element-ee981b9{width:auto;max-width:auto;}.elementor-53105 .elementor-element.elementor-element-ee981b9 > .elementor-widget-container{background-color:var( --e-global-color-76cf6f8 );margin:5px 5px 5px 5px;padding:0px 05px 0px 05px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4fbcdd5 );border-radius:50px 50px 50px 50px;}.elementor-53105 .elementor-element.elementor-element-ee981b9 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:5px;}.elementor-53105 .elementor-element.elementor-element-ee981b9 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-4fbcdd5 );}.elementor-53105 .elementor-element.elementor-element-ee981b9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-4fbcdd5 );}.elementor-53105 .elementor-element.elementor-element-ee981b9.elementor-view-framed .elementor-icon, .elementor-53105 .elementor-element.elementor-element-ee981b9.elementor-view-default .elementor-icon{fill:var( --e-global-color-4fbcdd5 );color:var( --e-global-color-4fbcdd5 );border-color:var( --e-global-color-4fbcdd5 );}.elementor-53105 .elementor-element.elementor-element-ee981b9 .elementor-icon{font-size:20px;}.elementor-53105 .elementor-element.elementor-element-ee981b9 .elementor-icon-box-title, .elementor-53105 .elementor-element.elementor-element-ee981b9 .elementor-icon-box-title a{font-size:20px;}@media(max-width:767px){.elementor-53105 .elementor-element.elementor-element-0165bfd:not(.elementor-motion-effects-element-type-background), .elementor-53105 .elementor-element.elementor-element-0165bfd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/khososy.net/wp-content/uploads/2026/10/Modern-Learning-Banner-with-Orange-Waves.png?fit=2103%2C748&ssl=1");background-size:cover;}.elementor-53105 .elementor-element.elementor-element-0165bfd{padding:0px 0px 0px 0px;}.elementor-53105 .elementor-element.elementor-element-7cdf682{width:var( --container-widget-width, 126.667px );max-width:126.667px;--container-widget-width:126.667px;--container-widget-flex-grow:0;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-heading-wrap{text-align:right;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-title .first{font-size:12px;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-title .second{font-size:15px;}.elementor-53105 .elementor-element.elementor-element-7cdf682 .wpr-dual-heading-description{font-size:10px;}.elementor-53105 .elementor-element.elementor-element-ee981b9 .elementor-icon{font-size:10px;}.elementor-53105 .elementor-element.elementor-element-ee981b9 .elementor-icon-box-title, .elementor-53105 .elementor-element.elementor-element-ee981b9 .elementor-icon-box-title a{font-size:12px;}}/* Start custom CSS for stm_teachers_grid, class: .elementor-element-cfd1e96 *//* =========================================
   KHOSOSY - MASTERSTUDY TEACHERS GRID
   Exact .elementor-53105 .elementor-element.elementor-element-cfd1e96s from your page HTML
========================================= */

/* Card layout */
.elementor-widget-stm_teachers_grid .teacher-col {
    margin-bottom: 24px;
}

.elementor-widget-stm_teachers_grid .teacher_content {
    height: 100%;
    background: #FFFFFF !important;
    border: 1px solid #F0E5DC !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(37, 37, 37, 0.05);
    transition: border-color 0.25s ease,
                box-shadow 0.25s ease,
                transform 0.25s ease;
    text-align: right;
}

/* Hover */
.elementor-widget-stm_teachers_grid .teacher_content:hover {
    border-color: #FFD0B0 !important;
    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.10);
    transform: translateY(-3px);
}

/* Teacher image */
.elementor-widget-stm_teachers_grid .teacher_img {
    margin: 0 !important;
    overflow: hidden;
    background: #FFFFFF;
}

.elementor-widget-stm_teachers_grid .teacher_img > a {
    display: block;
    overflow: hidden;
}

.elementor-widget-stm_teachers_grid .teacher_img img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.elementor-widget-stm_teachers_grid
.teacher_content:hover .teacher_img img {
    transform: scale(1.02);
}

/* Teacher name */
.elementor-widget-stm_teachers_grid .teacher_content h4.title {
    padding: 16px 16px 6px;
    margin: 0 !important;
    color: #252525 !important;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.7;
}

.elementor-widget-stm_teachers_grid .teacher_content > a {
    text-decoration: none !important;
}

.elementor-widget-stm_teachers_grid
.teacher_content > a:hover h4.title {
    color: #FF6A00 !important;
}

/* Description */
.elementor-widget-stm_teachers_grid .teacher_content .content {
    padding: 0 16px 18px;
}

.elementor-widget-stm_teachers_grid .teacher_content .content p {
    margin: 0 !important;
    color: #686868 !important;
    font-size: 14px;
    line-height: 1.9;
}

/* Remove old separator */
.elementor-widget-stm_teachers_grid .multiseparator {
    display: none !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-widget-stm_teachers_grid .teacher_content h4.title {
        padding: 12px 12px 5px;
        font-size: 15px;
    }

    .elementor-widget-stm_teachers_grid .teacher_content .content {
        padding: 0 12px 14px;
    }

    .elementor-widget-stm_teachers_grid .teacher_content .content p {
        font-size: 13px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-widget-stm_teachers_grid .teacher-col {
        margin-bottom: 16px;
    }

    .elementor-widget-stm_teachers_grid .teacher_content {
        border-radius: 10px !important;
        box-shadow: 0 2px 8px rgba(37, 37, 37, 0.04);
    }

    .elementor-widget-stm_teachers_grid .teacher_img img {
        aspect-ratio: 1.5 / 1;
    }

    .elementor-widget-stm_teachers_grid .teacher_content h4.title {
        padding: 10px 10px 4px;
        font-size: 10px;
        line-height: 1.6;
    }

    .elementor-widget-stm_teachers_grid .teacher_content .content {
        padding: 0 10px 12px;
    }

    .elementor-widget-stm_teachers_grid .teacher_content .content p {
        font-size: 10px;
        line-height: 1.7;
    }
}

@media (prefers-reduced-motion: reduce) {
    .elementor-widget-stm_teachers_grid .teacher_content,
    .elementor-widget-stm_teachers_grid .teacher_img img {
        transition: none;
        transform: none;
    }
}

/* =========================================
   KHOSOSY - EQUAL HEIGHT TEACHER CARDS
========================================= */

/* Make cards equal height */
.elementor-widget-stm_teachers_grid .teacher-col {
    display: flex;
    margin-bottom: 24px;
}

.elementor-widget-stm_teachers_grid .teacher_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

/* Consistent image height */
.elementor-widget-stm_teachers_grid .teacher_img img {
    display: block;
    width: 100% !important;
    aspect-ratio: 2 / 1;
    object-fit: cover;
}

/* Limit title to 2 lines */
.elementor-widget-stm_teachers_grid .teacher_content h4.title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 8em;
    max-height: 10em;
    line-height: 1.7em;
}

/* Limit excerpt to 3 lines */
.elementor-widget-stm_teachers_grid .teacher_content .content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 5.7em;
    max-height: 5.7em;
    line-height: 1.9em;
}

/* Keep spacing consistent */
.elementor-widget-stm_teachers_grid .teacher_content .content {
    flex-grow: 1;
    padding-bottom: 18px;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .elementor-widget-stm_teachers_grid .teacher_content h4.title {
        -webkit-line-clamp: 2;
        min-height: 8em;
        max-height: 10em;
        line-height: 1.6em;
    }

    .elementor-widget-stm_teachers_grid .teacher_content .content p {
        -webkit-line-clamp: 3;
        min-height: 5.1em;
        max-height: 5.1em;
        line-height: 1.7em;
    }
}/* End custom CSS */