.elementor-55376 .elementor-element.elementor-element-14bbffbc{--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;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-55376 .elementor-element.elementor-element-14bbffbc:not(.elementor-motion-effects-element-type-background), .elementor-55376 .elementor-element.elementor-element-14bbffbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-55376 .elementor-element.elementor-element-276de9fb{--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-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-55376 .elementor-element.elementor-element-11541383{text-align:left;}.elementor-55376 .elementor-element.elementor-element-11541383 .elementor-heading-title{font-size:48px;font-weight:700;color:#2A2A2A;}.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-55376 .elementor-element.elementor-element-5aa01d9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;}.elementor-55376 .elementor-element.elementor-element-5aa01d9a img{width:50%;}.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-55376 .elementor-element.elementor-element-28c7b2d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;text-align:left;font-size:18px;font-weight:400;line-height:1.4lh;color:#4B4B4B;}.elementor-55376 .elementor-element.elementor-element-35ca89c5{--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-55376 .elementor-element.elementor-element-1186a81b{border-radius:15px 15px 15px 15px;}.elementor-55376 .elementor-element.elementor-element-1186a81b .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-55376 .elementor-element.elementor-element-1cdea9db{margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-55376 .elementor-element.elementor-element-4ff87829{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55376 .elementor-element.elementor-element-215f8e9e{width:100%;max-width:100%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:-10px 0px 0px 0px;}.elementor-55376 .elementor-element.elementor-element-215f8e9e.elementor-element{--align-self:stretch;}.elementor-55376 .elementor-element.elementor-element-40cbf806{--display:flex;--margin-top:0px;--margin-bottom:-1px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55376 .elementor-element.elementor-element-40cbf806:not(.elementor-motion-effects-element-type-background), .elementor-55376 .elementor-element.elementor-element-40cbf806 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005862;}.elementor-55376 .elementor-element.elementor-element-4d52f97{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:30px 020px;--row-gap:30px;--column-gap:020px;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-55376 .elementor-element.elementor-element-4d52f97:not(.elementor-motion-effects-element-type-background), .elementor-55376 .elementor-element.elementor-element-4d52f97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#005862;}.elementor-55376 .elementor-element.elementor-element-54d984a3{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;--e-transform-transition-duration:30ms;border-style:solid;border-width:4px 4px 4px 4px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;box-shadow:0px 15px 40px 0px rgba(0, 0, 0, 0.2);}.elementor-55376 .elementor-element.elementor-element-54d984a3:hover{--e-transform-translateY:-10px;border-style:solid;border-color:#F18E0F;box-shadow:0px 0px 40px 0px rgba(240.99999999999997, 142.0000000000002, 15.000000000000052, 0.16);}.elementor-55376 .elementor-element.elementor-element-54d984a3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-55376 .elementor-element.elementor-element-5df68f35{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;--e-transform-transition-duration:30ms;border-style:solid;border-width:4px 4px 4px 4px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.21);}.elementor-55376 .elementor-element.elementor-element-5df68f35:hover{--e-transform-translateY:-10px;border-style:solid;border-width:4px 4px 4px 4px;border-color:#F18E0F;box-shadow:0px 15px 40px 0px rgba(0,0,0,0.5);}.elementor-55376 .elementor-element.elementor-element-5df68f35 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-55376 .elementor-element.elementor-element-2efefb40{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;--e-transform-transition-duration:30ms;border-style:solid;border-width:4px 4px 4px 4px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.24);}.elementor-55376 .elementor-element.elementor-element-2efefb40:hover{--e-transform-translateY:-10px;border-style:solid;border-width:4px 4px 4px 4px;border-color:#F18E0F;box-shadow:0px 15px 40px 0px rgba(0,0,0,0.5);}.elementor-55376 .elementor-element.elementor-element-2efefb40 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-55376 .elementor-element.elementor-element-6a8eeeea{--display:flex;}.elementor-55376 .elementor-element.elementor-element-7fec4c6b{--display:flex;}.elementor-55376 .elementor-element.elementor-element-4f613937{--display:flex;}.elementor-55376 .elementor-element.elementor-element-c5076ea{--display:flex;}.elementor-55376 .elementor-element.elementor-element-7e2e79c7{--display:flex;}.elementor-55376 .elementor-element.elementor-element-34be487b{--display:flex;}.elementor-55376 .elementor-element.elementor-element-fa6b892{--display:flex;}.elementor-55376 .elementor-element.elementor-element-78ebed51{--display:flex;}.elementor-55376 .elementor-element.elementor-element-6efbbaa1{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-55376 .elementor-element.elementor-element-276de9fb{--width:50%;}.elementor-55376 .elementor-element.elementor-element-35ca89c5{--width:50%;}.elementor-55376 .elementor-element.elementor-element-4ff87829{--width:100%;}}@media(max-width:767px){.elementor-55376 .elementor-element.elementor-element-14bbffbc{--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-55376 .elementor-element.elementor-element-11541383{text-align:center;}.elementor-55376 .elementor-element.elementor-element-11541383 .elementor-heading-title{font-size:32px;}.elementor-55376 .elementor-element.elementor-element-5aa01d9a{margin:0px -17px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-55376 .elementor-element.elementor-element-5aa01d9a.elementor-element{--align-self:flex-end;}.elementor-55376 .elementor-element.elementor-element-28c7b2d9{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:15px;}.elementor-55376 .elementor-element.elementor-element-28c7b2d9.elementor-element{--align-self:center;}.elementor-55376 .elementor-element.elementor-element-35ca89c5{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55376 .elementor-element.elementor-element-4d52f97{--padding-top:0px;--padding-bottom:30px;--padding-left:5px;--padding-right:5px;}.elementor-55376 .elementor-element.elementor-element-7e2e79c7{--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55376 .elementor-element.elementor-element-34be487b{--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55376 .elementor-element.elementor-element-fa6b892{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-14bbffbc *//* 1. Headline - Now matches "Choose Your Course" style */
.elementor-55376 .elementor-element.elementor-element-14bbffbc h2 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.1em !important;
    margin-bottom: 15px !important;
}

/* 2. Sub-text - Now Raleway */
.elementor-55376 .elementor-element.elementor-element-14bbffbc p {
    font-family: 'Raleway', sans-serif !important;
    color: #333333 !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

/* 3. Rating/Stars Wrapper */
.elementor-55376 .elementor-element.elementor-element-14bbffbc .elementor-star-rating__wrapper {
    margin-top: 0 !important;
    gap: 10px;
}

/* 4. Bottom Spacing */
.elementor-55376 .elementor-element.elementor-element-14bbffbc {
    padding-bottom: 60px !important;
    margin-bottom: 0 !important;
}

/* 5. Caption ("Ana's journey...") - Now Raleway Italic */
.elementor-55376 .elementor-element.elementor-element-14bbffbc .elementor-image-caption, .elementor-55376 .elementor-element.elementor-element-14bbffbc em, .elementor-55376 .elementor-element.elementor-element-14bbffbc i {
    font-family: 'Raleway', sans-serif !important;
    color: #333333 !important;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-215f8e9e *//* Pulls the grey box outward to ignore column padding */
.elementor-55376 .elementor-element.elementor-element-215f8e9e #mytefl-trust-strip {
    margin-left: -10px; 
    margin-right: -10px; 
    width: calc(100% + 20px); /* 100% + (30px left + 30px right) */
    
    /* Optional: Ensure corners are square if they aren't already */
    border-radius: 0px; 
}

/* Mobile Tweak: Resets it so it doesn't cause horizontal scrolling on phones */
@media (max-width: 768px) {
    .elementor-55376 .elementor-element.elementor-element-215f8e9e #mytefl-trust-strip {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-54d984a3 *//* --- DESKTOP (Width > 1024px) --- */
/* Keeps your original 3-in-a-row layout and hover effects */
@media (min-width: 1025px) {
    .elementor-55376 .elementor-element.elementor-element-54d984a3 {
        /* Assuming width is approx 33% or handled by Elementor default */
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer;
    }

    .elementor-55376 .elementor-element.elementor-element-54d984a3:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
    }
}

/* --- TABLET (Width between 768px and 1024px) --- */
/* Forces 2 items per row */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-55376 .elementor-element.elementor-element-54d984a3 {
        width: 48% !important; /* Sets width to fit 2 items */
        margin-bottom: 30px !important;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer;
    }
    
    /* Keeps the hover effect alive for Tablet users */
    .elementor-55376 .elementor-element.elementor-element-54d984a3:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
    }
}

/* --- MOBILE (Width < 768px) --- */
/* Forces 1 item per row (Stacked) */
@media (max-width: 767px) {
    .elementor-55376 .elementor-element.elementor-element-54d984a3 {
        width: 100% !important; /* Forces full width */
        margin-bottom: 30px !important; /* Space between stacked videos */
        transform: none !important; /* Stops the video from jumping on touch */
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; /* Subtle static shadow */
        cursor: default;
    }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-5df68f35 *//* --- DESKTOP (Width > 1024px) --- */
/* Keeps your original 3-in-a-row layout and hover effects */
@media (min-width: 1025px) {
    .elementor-55376 .elementor-element.elementor-element-5df68f35 {
        /* Assuming width is approx 33% or handled by Elementor default */
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer;
    }

    .elementor-55376 .elementor-element.elementor-element-5df68f35:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
    }
}

/* --- TABLET (Width between 768px and 1024px) --- */
/* Forces 2 items per row */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-55376 .elementor-element.elementor-element-5df68f35 {
        width: 48% !important; /* Sets width to fit 2 items */
        margin-bottom: 30px !important;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer;
    }
    
    /* Keeps the hover effect alive for Tablet users */
    .elementor-55376 .elementor-element.elementor-element-5df68f35:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
    }
}

/* --- MOBILE (Width < 768px) --- */
/* Forces 1 item per row (Stacked) */
@media (max-width: 767px) {
    .elementor-55376 .elementor-element.elementor-element-5df68f35 {
        width: 100% !important; /* Forces full width */
        margin-bottom: 30px !important; /* Space between stacked videos */
        transform: none !important; /* Stops the video from jumping on touch */
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; /* Subtle static shadow */
        cursor: default;
    }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-2efefb40 *//* --- DESKTOP (Width > 1024px) --- */
/* Keeps your original 3-in-a-row layout and hover effects */
@media (min-width: 1025px) {
    .elementor-55376 .elementor-element.elementor-element-2efefb40 {
        /* Assuming width is approx 33% or handled by Elementor default */
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer;
    }

    .elementor-55376 .elementor-element.elementor-element-2efefb40:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
    }
}

/* --- TABLET (Width between 768px and 1024px) --- */
/* Forces 2 items per row */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-55376 .elementor-element.elementor-element-2efefb40 {
        width: 48% !important; /* Sets width to fit 2 items */
        margin-bottom: 30px !important;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer;
    }
    
    /* Keeps the hover effect alive for Tablet users */
    .elementor-55376 .elementor-element.elementor-element-2efefb40:hover {
        transform: translateY(-10px) !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important;
    }
}

/* --- MOBILE (Width < 768px) --- */
/* Forces 1 item per row (Stacked) */
@media (max-width: 767px) {
    .elementor-55376 .elementor-element.elementor-element-2efefb40 {
        width: 100% !important; /* Forces full width */
        margin-bottom: 30px !important; /* Space between stacked videos */
        transform: none !important; /* Stops the video from jumping on touch */
        box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; /* Subtle static shadow */
        cursor: default;
    }
}/* End custom CSS */
/* Start custom CSS *//* FINAL LIGHTBOX FIX: RESIZE, CROP FIX & INSIDE BUTTON */

/* 1. The Box: Constrain width and center it */
.elementor-lightbox .dialog-widget-content {
    max-width: 850px !important; 
    width: 90vw !important; 
    margin: auto !important; 
    background: transparent !important;
    box-shadow: none !important;
    position: relative !important; 
}

/* 2. The Container: Force 16:9 Aspect Ratio */
.elementor-lightbox .elementor-video-container {
    width: 100% !important;
    height: 0 !important; 
    padding-bottom: 56.25% !important; 
    position: relative !important;
    background: black !important;
}

/* 3. The Video: Fill the container */
.elementor-lightbox iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* 4. THE CLOSE BUTTON (Inside the Corner) */
.elementor-lightbox .dialog-close-button {
    position: absolute !important;
    
    /* Positive numbers put it INSIDE the frame */
    top: 10px !important;   
    right: 10px !important; 
    left: auto !important;
    
    /* Styling: Semi-transparent bubble */
    font-size: 20px !important; 
    color: white !important; 
    background-color: rgba(0, 0, 0, 0.5) !important; /* See-through black */
    border-radius: 50% !important; /* Perfect circle */
    border: 2px solid rgba(255, 255, 255, 0.3) !important; /* Subtle white ring */
    
    /* Sizing */
    width: 40px !important;
    height: 40px !important;
    
    /* Centering the X icon */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 9999 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* Hover Effect for the button */
.elementor-lightbox .dialog-close-button:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
    transform: scale(1.1) !important;
}

/* Mobile Tweak: Keep it consistent */
@media (max-width: 768px) {
    .elementor-lightbox .dialog-close-button {
        top: 5px !important;
        right: 5px !important;
        width: 35px !important;
        height: 35px !important;
        font-size: 18px !important;
    }
}/* End custom CSS */