:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-40747b9 *//* ===================================================
   ABOUT HERO
=================================================== */

.etl-section--about-hero{

    background:linear-gradient(135deg,#16253b,#243447);

    color:#ffffff;

}

.etl-section--about-hero .etl-container{

    max-width:1450px;

    margin:auto;

    padding:110px clamp(1.5rem,5vw,4rem);

}

/* ===================================== */

.etl-about-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

/* ===================================== */

.etl-section--about-hero .etl-section-label{

    display:inline-block;

    margin-bottom:18px;

    color:#d4af37;

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:700;

    font-size:.9rem;

}

.etl-section--about-hero h1{

    margin:0 0 28px;

    font-size:clamp(3rem,5vw,5rem);

    line-height:1.05;

}

.etl-about-lead{

    font-size:1.2rem;

    line-height:1.9;

    color:rgba(255,255,255,.92);

    margin-bottom:25px;

}

.etl-about-content p{

    line-height:1.9;

    color:rgba(255,255,255,.82);

}

/* =====================================
   IMAGE
===================================== */

.etl-about-image{

    text-align:center;

}

.etl-about-image img{

    width:100%;

    max-width:520px;

    border-radius:24px;

    display:block;

    margin:auto;

    box-shadow:0 30px 70px rgba(0,0,0,.35);

}

/* =====================================
   BUTTONS
===================================== */

.etl-about-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-top:40px;

}

.etl-about-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-width:240px;

    min-height:60px;

    padding:18px 4px;

    border-radius:999px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.etl-about-btn-primary{

    background:#b8860b;

    color:#16253b;

    border:2px solid #b8860b;

    box-shadow:0 12px 30px rgba(0,0,0,.2);

}

.etl-about-btn-primary:hover{

    background:#d4af37;

    transform:translateY(-4px);

}

.etl-about-btn-secondary{

    background:#ffffff;

    color:#16253b;

    border:2px solid #ffffff;

}

.etl-about-btn-secondary:hover{

    background:transparent;

    color:#ffffff;

    transform:translateY(-4px);

}

/* =====================================
   LARGE TABLET
===================================== */

@media(max-width:1200px){

.etl-section--about-hero .etl-container{

    padding:90px 2.5rem;

}

}

/* =====================================
   SMALL TABLET
===================================== */

@media(max-width:900px){

.etl-section--about-hero .etl-container{

    padding:75px 2rem;

}

.etl-about-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.etl-about-buttons{

    justify-content:center;

}

}

/* =====================================
   MOBILE
===================================== */

@media(max-width:600px){

.etl-section--about-hero .etl-container{

    padding:60px 1.25rem;

}

.etl-section--about-hero h1{

    font-size:2.3rem;

}

.etl-about-lead{

    font-size:1rem;

}

.etl-about-buttons{

    flex-direction:column;

}

.etl-about-btn{

    width:100%;

    min-width:100%;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45d98c0 *//* ===================================================
   ABOUT - MY STORY
=================================================== */

.etl-section--story{

    background:#ffffff;

}

.etl-section--story .etl-container{

    max-width:1450px;

    margin:0 auto;

    padding:110px clamp(1.5rem,5vw,4rem);

}

/* ===================================== */

.etl-story-grid{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:70px;

    align-items:center;

}

/* ===================================== */

.etl-story-image{

    text-align:center;

}

.etl-story-image img{

    width:100%;

    max-width:520px;

    display:block;

    margin:0 auto;

    border-radius:24px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

/* ===================================== */

.etl-story-content .etl-section-label{

    display:inline-block;

    margin-bottom:18px;

    color:#b8860b;

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:700;

    font-size:.9rem;

}

.etl-story-content h2{

    margin:0 0 28px;

    color:#16253b;

    font-size:clamp(2.6rem,4vw,4rem);

    line-height:1.08;

}

.etl-story-lead{

    font-size:1.2rem;

    color:#444;

    line-height:1.9;

    margin-bottom:24px;

}

.etl-story-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

    font-size:1.05rem;

}

/* =====================================
   LARGE TABLET
===================================== */

@media(max-width:1200px){

    .etl-section--story .etl-container{

        padding:90px 2.5rem;

    }

}

/* =====================================
   SMALL TABLET
===================================== */

@media(max-width:900px){

    .etl-section--story .etl-container{

        padding:75px 2rem;

    }

    .etl-story-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .etl-story-content{

        text-align:center;

    }

}

/* =====================================
   MOBILE
===================================== */

@media(max-width:600px){

    .etl-section--story .etl-container{

        padding:60px 1.25rem;

    }

    .etl-story-content h2{

        font-size:2.2rem;

    }

    .etl-story-lead{

        font-size:1rem;

    }

    .etl-story-content p{

        font-size:1rem;

        line-height:1.8;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19757fe *//* ===================================================
   TEACHING PHILOSOPHY
=================================================== */

.etl-section--philosophy{

    background:#f8f6f2;

}

.etl-section--philosophy .etl-container{

    max-width:1450px;

    margin:0 auto;

    padding:110px clamp(1.5rem,5vw,4rem);

}

/* ===================================== */

.etl-philosophy-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.etl-philosophy-header .etl-section-label{

    display:inline-block;

    margin-bottom:18px;

    color:#b8860b;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:.9rem;

    font-weight:700;

}

.etl-philosophy-header h2{

    margin:0 0 22px;

    color:#16253b;

    font-size:clamp(2.6rem,4vw,4rem);

    line-height:1.08;

}

.etl-philosophy-header .etl-intro{

    max-width:760px;

    margin:0 auto;

    color:#666;

    font-size:1.1rem;

    line-height:1.9;

}

/* ===================================== */

.etl-philosophy-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}

/* ===================================== */

.etl-philosophy-card{

    background:#ffffff;

    padding:45px;

    border-radius:22px;

    border:1px solid #ebe6dc;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

    transition:.35s;

}

.etl-philosophy-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.10);

    border-color:#d4af37;

}

/* ===================================== */

.etl-philosophy-number{

    width:62px;

    height:62px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:26px;

    border-radius:50%;

    background:#16253b;

    color:#d4af37;

    font-size:1.1rem;

    font-weight:700;

}

.etl-philosophy-card h3{

    margin:0 0 18px;

    color:#16253b;

    font-size:1.55rem;

}

.etl-philosophy-card p{

    color:#666;

    line-height:1.85;

    font-size:1rem;

}

/* =====================================
   LARGE TABLET
===================================== */

@media(max-width:1200px){

    .etl-section--philosophy .etl-container{

        padding:90px 2.5rem;

    }

}

/* =====================================
   SMALL TABLET
===================================== */

@media(max-width:900px){

    .etl-section--philosophy .etl-container{

        padding:75px 2rem;

    }

    .etl-philosophy-grid{

        grid-template-columns:1fr;

    }

    .etl-philosophy-header{

        margin-bottom:50px;

    }

}

/* =====================================
   MOBILE
===================================== */

@media(max-width:600px){

    .etl-section--philosophy .etl-container{

        padding:60px 1.25rem;

    }

    .etl-philosophy-header h2{

        font-size:2.2rem;

    }

    .etl-philosophy-header .etl-intro{

        font-size:1rem;

    }

    .etl-philosophy-card{

        padding:32px 26px;

    }

    .etl-philosophy-card h3{

        font-size:1.35rem;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b651620 *//* ===================================================
   EXPERIENCE & EXPERTISE
=================================================== */

.etl-section--experience{

    background:#ffffff;

}

.etl-section--experience .etl-container{

    max-width:1450px;

    margin:0 auto;

    padding:110px clamp(1.5rem,5vw,4rem);

}

/* ==========================================
   HEADER
========================================== */

.etl-experience-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.etl-experience-header .etl-section-label{

    display:inline-block;

    margin-bottom:18px;

    color:#b8860b;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:.9rem;

    font-weight:700;

}

.etl-experience-header h2{

    margin:0 0 22px;

    color:#16253b;

    font-size:clamp(2.6rem,4vw,4rem);

    line-height:1.08;

}

.etl-experience-header .etl-intro{

    max-width:760px;

    margin:0 auto;

    color:#666;

    font-size:1.1rem;

    line-height:1.9;

}

/* ==========================================
   GRID
========================================== */

.etl-experience-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:32px;

}

/* ==========================================
   CARD
========================================== */

.etl-experience-card{

    background:#f8f6f2;

    border:1px solid #ebe6dc;

    border-radius:22px;

    padding:42px;

    transition:.35s ease;

    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.etl-experience-card:hover{

    transform:translateY(-8px);

    border-color:#d4af37;

    box-shadow:0 22px 50px rgba(0,0,0,.10);

}

/* ==========================================
   CIRCLE
========================================== */

.etl-exp-number{

    display:flex;

    justify-content:center;

    align-items:center;

    width:82px;

    height:82px;

    margin-bottom:26px;

    border-radius:50%;

    background:linear-gradient(135deg,#16253b,#243447);

    color:#d4af37;

    font-size:1.05rem;

    font-weight:800;

    letter-spacing:.5px;

    text-transform:uppercase;

    border:3px solid rgba(212,175,55,.25);

    box-shadow:0 12px 28px rgba(0,0,0,.15);

}

.etl-exp-number-small{

    font-size:.75rem;

    letter-spacing:.6px;

}

/* ==========================================
   TEXT
========================================== */

.etl-experience-card h3{

    margin:0 0 18px;

    color:#16253b;

    font-size:1.45rem;

    line-height:1.3;

}

.etl-experience-card p{

    margin:0;

    color:#666;

    font-size:1rem;

    line-height:1.85;

}

/* ==========================================
   LARGE TABLET
========================================== */

@media(max-width:1200px){

    .etl-section--experience .etl-container{

        padding:90px 2.5rem;

    }

    .etl-experience-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

/* ==========================================
   SMALL TABLET
========================================== */

@media(max-width:900px){

    .etl-section--experience .etl-container{

        padding:75px 2rem;

    }

    .etl-experience-grid{

        grid-template-columns:1fr;

    }

    .etl-experience-header{

        margin-bottom:50px;

    }

}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:600px){

    .etl-section--experience .etl-container{

        padding:60px 1.25rem;

    }

    .etl-experience-header h2{

        font-size:2.2rem;

    }

    .etl-experience-header .etl-intro{

        font-size:1rem;

    }

    .etl-experience-card{

        padding:30px 24px;

    }

    .etl-exp-number{

        width:72px;

        height:72px;

        font-size:.95rem;

    }

    .etl-exp-number-small{

        font-size:.65rem;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1c43ca *//* ===================================================
   ABOUT CTA
=================================================== */

.etl-section--about-cta{

    background:
    linear-gradient(135deg,#101a28 0%,#16253b 55%,#243447 100%);

}

.etl-section--about-cta .etl-container{

    max-width:1450px;

    margin:auto;

    padding:110px clamp(1.5rem,5vw,4rem);

}

/* ===================================== */

.etl-about-cta-box{

    max-width:900px;

    margin:auto;

    text-align:center;

}

.etl-section--about-cta .etl-section-label{

    display:inline-block;

    margin-bottom:20px;

    color:#d4af37;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:.9rem;

    font-weight:700;

}

.etl-about-cta-box h2{

    color:#ffffff;

    font-size:clamp(2.7rem,4vw,4.3rem);

    line-height:1.08;

    margin-bottom:28px;

}

.etl-about-cta-box p{

    color:rgba(255,255,255,.85);

    line-height:1.9;

    font-size:1.12rem;

    max-width:760px;

    margin:0 auto 42px;

}

/* =====================================
   BUTTONS
===================================== */

.etl-about-cta-buttons{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

}

.etl-about-cta-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-width:285px;

    min-height:60px;

    padding:18px 34px;

    border-radius:999px;

    text-decoration:none;

    font-weight:700;

    transition:.3s ease;

}

/* GOLD */

.etl-about-cta-primary{

    background:#b8860b;

    border:2px solid #b8860b;

    color:#16253b;

    box-shadow:0 15px 35px rgba(0,0,0,.25);

}

.etl-about-cta-primary:hover{

    background:#d4af37;

    border-color:#d4af37;

    transform:translateY(-4px);

}

/* WHITE */

.etl-about-cta-secondary{

    background:#ffffff;

    border:2px solid #ffffff;

    color:#16253b;

    box-shadow:0 15px 35px rgba(0,0,0,.18);

}

.etl-about-cta-secondary:hover{

    background:transparent;

    border-color:#ffffff;

    color:#ffffff;

    transform:translateY(-4px);

}

/* =====================================
   LARGE TABLET
===================================== */

@media(max-width:1200px){

.etl-section--about-cta .etl-container{

    padding:90px 2.5rem;

}

}

/* =====================================
   SMALL TABLET
===================================== */

@media(max-width:900px){

.etl-section--about-cta .etl-container{

    padding:75px 2rem;

}

}

/* =====================================
   MOBILE
===================================== */

@media(max-width:600px){

.etl-section--about-cta .etl-container{

    padding:60px 1.25rem;

}

.etl-about-cta-box h2{

    font-size:2.2rem;

}

.etl-about-cta-box p{

    font-size:1rem;

}

.etl-about-cta-buttons{

    flex-direction:column;

}

.etl-about-cta-btn{

    width:100%;

    min-width:100%;

}

}/* End custom CSS */