.elementor-1686 .elementor-element.elementor-element-e70107f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1686 .elementor-element.elementor-element-eee9ada{--display:flex;--min-height:350px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1686 .elementor-element.elementor-element-a6c8adb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );}.elementor-widget-image .widget-image-caption{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-1686 .elementor-element.elementor-element-300acf2{border-radius:10px 10px 10px 10px;box-shadow:-8px -8px 0px 0px #FFC801;text-align:end;}.elementor-1686 .elementor-element.elementor-element-300acf2:hover{box-shadow:-8px 8px 0px 0px #FFC801;}.elementor-1686 .elementor-element.elementor-element-300acf2 img{width:100%;max-width:250px;height:auto;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-1686 .elementor-element.elementor-element-689c2df{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1686 .elementor-element.elementor-element-2c0897b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;}.elementor-1686 .elementor-element.elementor-element-1f71f56 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-1686 .elementor-element.elementor-element-b607fbd .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1686 .elementor-element.elementor-element-5ade8df{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1686 .elementor-element.elementor-element-d353fa6{--grid-columns:3;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-1686 .elementor-element.elementor-element-2b75d5c{--display:flex;--min-height:350px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-1686 .elementor-element.elementor-element-a0dcf38{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-1686 .elementor-element.elementor-element-8bba4e0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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 );}.elementor-1686 .elementor-element.elementor-element-286a310{text-align:start;}.elementor-1686 .elementor-element.elementor-element-7cf878b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-1686 .elementor-element.elementor-element-aec3b82 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-1686 .elementor-element.elementor-element-fb57e29{text-align:start;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1686 .elementor-element.elementor-element-4a6c818{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-1686 .elementor-element.elementor-element-4a6c818 .elementor-divider-separator{width:50%;margin:0 auto;margin-center:0;}.elementor-1686 .elementor-element.elementor-element-4a6c818 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-1686 .elementor-element.elementor-element-4b4c288{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-1686 .elementor-element.elementor-element-bb8b48d .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1686 .elementor-element.elementor-element-1686e4c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1686 .elementor-element.elementor-element-fa9c436{--grid-columns:2;}.elementor-1686 .elementor-element.elementor-element-b84f894{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-1686 .elementor-element.elementor-element-b84f894 .elementor-divider-separator{width:50%;margin:0 auto;margin-center:0;}.elementor-1686 .elementor-element.elementor-element-b84f894 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-1686 .elementor-element.elementor-element-e5f4c20{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:40px 0px;--row-gap:40px;--column-gap:0px;}.elementor-1686 .elementor-element.elementor-element-46196d4 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1686 .elementor-element.elementor-element-6ac1299{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(min-width:768px){.elementor-1686 .elementor-element.elementor-element-a6c8adb{--width:50%;}.elementor-1686 .elementor-element.elementor-element-689c2df{--width:50%;}.elementor-1686 .elementor-element.elementor-element-5ade8df{--width:50%;}.elementor-1686 .elementor-element.elementor-element-a0dcf38{--width:50%;}.elementor-1686 .elementor-element.elementor-element-7cf878b{--width:50%;}.elementor-1686 .elementor-element.elementor-element-1686e4c{--width:100%;}.elementor-1686 .elementor-element.elementor-element-6ac1299{--width:100%;}}@media(max-width:1024px){.elementor-1686 .elementor-element.elementor-element-d353fa6{--grid-columns:2;}.elementor-1686 .elementor-element.elementor-element-fa9c436{--grid-columns:2;}}@media(max-width:767px){.elementor-1686 .elementor-element.elementor-element-d353fa6{--grid-columns:1;}.elementor-1686 .elementor-element.elementor-element-fa9c436{--grid-columns:1;}}/* Start custom CSS for text-editor, class: .elementor-element-af7b0a1 *//* =========================================================
   Tutor Diploma List — styles for shortcode [tutor_get_diplomas]
   Scoped under .teacher-certificates so it only affects this list
   and does not leak into any other boxed-list-ul the theme uses.
   ========================================================= */

/* ---------- Outer list ---------- */
/* Removes default bullets/padding so each <li> renders as a card row. */
.boxed-list-ul.teacher-certificates {
    list-style: none;
    /* no bullet markers */
    margin: 0;
    /* reset default <ul> margin */
    padding: 0;
    /* reset default <ul> padding */
    display: flex;
    /* stack cards vertically with consistent gap */
    flex-direction: column;
    gap: 20px;
    /* space between diploma cards */
}

/* Each <li> is just a semantic wrapper — no visual styling of its own. */
.boxed-list-ul.teacher-certificates>li {
    margin: 0;
    padding: 0;
}

/* ---------- Card container ---------- */
/* .boxed-list-item is the visible card around one diploma. */
.boxed-list-ul.teacher-certificates .boxed-list-item {
    border-radius: 10px 10px 10px 10px;
    box-shadow: -8px -8px 0px 0px var(--e-global-color-accent);
    background: var(--e-global-color-25511bd);
    /* card background */
    border: 1px solid #e4e8ef;
    /* subtle border */
    padding: 16px 20px;
    /* inner spacing */
    transition: all 0.3s ease-in-out;
}

.boxed-list-ul.teacher-certificates .boxed-list-item:hover {
    transform: scale(1.015);
}

/* Inner content wrapper — keeps top + description blocks stacked. */
.boxed-list-ul.teacher-certificates .item-content {
    display: flex;
    flex-direction: column;
}

/* ---------- TOP BLOCK (category, type, school, year) ---------- */
/* Holds the <h4> title and the .item-details subtitle row. */
.boxed-list-ul.teacher-certificates .tutor-diploma-top {
    display: flex;
    flex-direction: column;
}

/* Title line — school name + (category). */
.boxed-list-ul.teacher-certificates .tutor-diploma-top h4 {
    margin: 0;
    /* reset default h4 margin */
    font-weight: 600;
    line-height: 1.35;
    color: var(--e-global-color-primary);
    /* dark slate for strong contrast */
}

/* Subtitle row — wraps the icon + type + year line. */
.boxed-list-ul.teacher-certificates .item-details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    /* row gap / column gap */
}

/* A single icon+text pair inside .item-details. */
.boxed-list-ul.teacher-certificates .detail-item {
    display: inline-flex;
    align-items: center;
    /* vertically center icon with text */
    gap: 6px;
    /* space between icon and text */

    color: var(--e-global-color-text);
    /* muted secondary color */
}

/* The school icon inherits its glyph from the icon font already on the site.
   We only size/align it here so it sits flush with the text. */
.boxed-list-ul.teacher-certificates .detail-item i {
    font-size: 17px;
    /* matches the inline style in the template */
    line-height: 1;
    color: var(--e-global-color-text);
    /* slightly lighter than the text */
}

/* ---------- BOTTOM BLOCK (description) ---------- */
/* Description sits in its own div under the top block, per the user's spec. */
.boxed-list-ul.teacher-certificates .tutor-diploma-description {

    line-height: 1.5;
    color: var(--e-global-color-primary);
    /* readable body color */
    /* Visual separator between the top block and the description:
       a thin top border + a little breathing room. Remove if you'd
       rather keep the card borderless. */
    border-top: 1px solid var(--e-global-color-25511bd);
    padding-top: 10px;
}

/* ---------- Utility used in the reference markup ---------- */
/* .margin-top-7 is a reference-site utility class for 7px top margin.
   Included here as a fallback in case the site doesn't already define it. */
.margin-top-7 {
    margin-top: 7px;
}

/* ---------- Responsive tweaks ---------- */
/* On narrow screens the subtitle row already wraps thanks to flex-wrap;
   we just tighten the card padding so content doesn't feel cramped. */
@media (max-width: 600px) {
    .boxed-list-ul.teacher-certificates .boxed-list-item {
        padding: 14px 16px;
    }

    .boxed-list-ul.teacher-certificates .tutor-diploma-top h4 {
        font-size: 15px;
    }
}/* End custom CSS */