.elementor-613 .elementor-element.elementor-element-1c3ee05{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-613 .elementor-element.elementor-element-9c9ab5a{--display:flex;}.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-613 .elementor-element.elementor-element-514f048 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:600;color:#000000;}/* Start custom CSS for html, class: .elementor-element-ce39cf1 *//*==============================
 FEATURE LIST
==============================*/

.features-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-top:35px;
}

/*==============================
 FEATURE BADGE
==============================*/

.feature-badge{
    display:flex;
    align-items:center;
    gap:16px;

    padding:16px 20px;

    background:rgba(255,255,255,.05);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    transition:.35s ease;

    cursor:pointer;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 8px 30px rgba(0,0,0,.25),
    inset 0 1px rgba(255,255,255,.05);
}

/* Glass Shine */

.feature-badge::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.18),
    transparent
    );

    transition:.8s;
}

.feature-badge:hover::before{

    left:140%;

}

/* Hover */

.feature-badge:hover{

    transform:translateY(-8px);

    border-color:#00E7FF;

    box-shadow:
    0 20px 45px rgba(0,231,255,.18),
    0 0 25px rgba(124,92,255,.15);

}

/*==============================
 CHECK ICON
==============================*/

.feature-icon{

    width:48px;

    height:48px;

    min-width:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(
    135deg,
    #00E7FF,
    #7C5CFF
    );

    color:#fff;

    font-size:18px;

    font-weight:700;

    box-shadow:
    0 0 18px rgba(0,231,255,.45);

}

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

.feature-title{

    color:#fff;

    font-size:16px;

    font-weight:600;

    letter-spacing:.2px;

}

/*==============================
 RESPONSIVE
==============================*/

@media(max-width:768px){

.features-grid{

grid-template-columns:1fr;

gap:15px;

}

.feature-badge{

padding:14px 18px;

}

.feature-icon{

width:44px;

height:44px;

font-size:16px;

}

.feature-title{

font-size:15px;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9173953 *//* ==========================================
   WHY CHOOSE US SECTION
   Premium White + Sky Blue Theme
========================================== */


.why-section{

    padding:110px 20px;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f0f9ff 100%
    );

    overflow:hidden;

}


.why-container{

    max-width:1280px;

    margin:auto;

}



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


.section-header{

    max-width:850px;

    margin:auto;

    text-align:center;

}



.section-badge{

    display:inline-flex;

    padding:10px 22px;

    border-radius:50px;

    background:#e0f2fe;

    color:#0284c7;

    border:1px solid #bae6fd;

    font-size:13px;

    font-weight:700;

}



.section-title{

    margin-top:25px;

    font-size:clamp(40px,5vw,62px);

    font-weight:800;

    line-height:1.15;

    color:#0f172a;

}



.gradient-text{

    background:

    linear-gradient(
        90deg,
        #0284c7,
        #38bdf8
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}



.section-description{

    margin-top:20px;

    font-size:18px;

    color:#64748b;

    line-height:1.8;

}





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


.features-top,
.features-bottom{

    display:grid;

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

    gap:25px;

}



.features-top{

    margin-top:70px;

}



.features-bottom{

    margin-top:70px;

}





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


.feature-card{


    padding:35px 30px;


    background:

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


    border:

    1px solid #dbeafe;


    border-radius:30px;


    box-shadow:


    0 20px 50px rgba(14,165,233,.10);


    transition:.35s ease;


}



.feature-card:hover{


    transform:translateY(-10px);


    border-color:#38bdf8;


    box-shadow:


    0 30px 70px rgba(14,165,233,.20);


}





/* ===============================
   ICON FIX
================================ */


.feature-icon{


    width:70px;

    height:70px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:22px;



    background:


    linear-gradient(
        135deg,
        #0284c7,
        #38bdf8
    );



    color:#ffffff !important;



    margin-bottom:25px;



    box-shadow:


    0 15px 35px rgba(2,132,199,.35);



    transition:.3s ease;


}





/* SVG ICON COLOR */

.feature-icon svg{


    width:34px;

    height:34px;


    stroke:#ffffff !important;


    color:#ffffff !important;


}



.feature-card:hover .feature-icon{


    transform:scale(1.1) rotate(5deg);


}





.feature-title{


    font-size:22px;

    font-weight:700;

    color:#0f172a;

    margin-bottom:12px;


}



.feature-description{


    color:#64748b;

    font-size:15px;

    line-height:1.7;


}







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


.center-image{


    position:relative;


    height:600px;


    margin:90px auto;


    display:flex;


    justify-content:center;


    align-items:center;


}



.glow-circle{


    position:absolute;


    width:450px;


    height:450px;


    border-radius:50%;


    background:

    linear-gradient(
        135deg,
        #38bdf8,
        #0284c7
    );


    opacity:.18;


    filter:blur(90px);


}





.image-wrapper{


    width:750px;


    max-width:90%;


    position:relative;


    z-index:2;


}




.image-wrapper img{


    width:100%;


    border-radius:35px;


    box-shadow:


    0 40px 90px rgba(14,165,233,.25);


}





/* ===============================
   FLOATING CARDS
================================ */


.floating-card{


    position:absolute;


    display:flex;


    align-items:center;


    gap:10px;


    padding:12px 18px;


    background:

    rgba(255,255,255,.9);


    border:

    1px solid #bae6fd;


    border-radius:50px;


    color:#0284c7;


    font-weight:700;


    box-shadow:


    0 15px 40px rgba(14,165,233,.15);


    backdrop-filter:blur(15px);


}




.floating-card svg{


    stroke:#0284c7 !important;

}







/* ===============================
   CTA BANNER
================================ */


.cta-banner{


    margin-top:80px;


    padding:45px;


    display:flex;


    justify-content:space-between;


    align-items:center;


    gap:30px;


    border-radius:35px;


    background:


    linear-gradient(
        135deg,
        #ffffff,
        #e0f2fe
    );


    border:

    1px solid #bae6fd;


    box-shadow:


    0 25px 70px rgba(14,165,233,.15);


}




.cta-content h3{


    font-size:32px;

    color:#0f172a;

}



.cta-content p{


    color:#64748b;

    line-height:1.7;

}





.cta-button button{


    display:flex;

    align-items:center;

    gap:10px;


    padding:18px 35px;


    border:none;


    border-radius:50px;


    background:


    linear-gradient(
        90deg,
        #0284c7,
        #38bdf8
    );


    color:white;


    font-size:17px;

    font-weight:700;


    cursor:pointer;


}





/* ===============================
   RESPONSIVE
================================ */


@media(max-width:1000px){


.features-top,
.features-bottom{

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

}


.cta-banner{

flex-direction:column;

text-align:center;

}


}




@media(max-width:650px){


.features-top,
.features-bottom{

grid-template-columns:1fr;

}


.section-title{

font-size:38px;

}


.floating-card{

display:none;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2f6cd2 *//* =========================================
   COURSE MODULES SECTION
   Premium White + Sky Blue Theme
========================================= */


.course-section {

    padding:100px 20px;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f0f9ff 100%
    );

    color:#0f172a;

}



.course-container{

    max-width:1280px;
    margin:auto;

}



/* =========================
   TOP AREA
========================= */


.section-badge{

    display:inline-flex;

    padding:8px 18px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    color:#0284c7;

    background:#e0f2fe;

    border:1px solid #bae6fd;

    margin-bottom:25px;

}



.section-title{

    max-width:900px;

    font-size:clamp(38px,5vw,64px);

    line-height:1.15;

    font-weight:800;

    letter-spacing:-2px;

    color:#0f172a;

    margin-bottom:25px;

}



.gradient-text{

    background:

    linear-gradient(
        90deg,
        #0284c7,
        #38bdf8
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}



.section-description{

    max-width:750px;

    font-size:18px;

    line-height:1.7;

    color:#475569;

    margin-bottom:70px;

}



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


.modules-grid{

    display:grid;

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

    gap:25px;

}



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


.module-card{

    position:relative;

    padding:32px;

    border-radius:28px;

    background:

    rgba(255,255,255,0.75);

    border:

    1px solid #e0f2fe;

    box-shadow:

    0 15px 40px rgba(14,165,233,.08);

    transition:.4s ease;

    overflow:hidden;

}



.module-card::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    top:-40px;

    right:-40px;

    background:#bae6fd;

    filter:blur(45px);

    opacity:.6;

}



.module-card:hover{

    transform:translateY(-10px);

    border-color:#38bdf8;

    box-shadow:

    0 25px 60px rgba(14,165,233,.18);

}



/* =========================
   ICON
========================= */


.module-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    color:white;

    margin-bottom:25px;


    background:

    linear-gradient(
        135deg,
        #0ea5e9,
        #38bdf8
    );


    box-shadow:

    0 15px 35px rgba(14,165,233,.35);

}



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


.module-number{

    color:#0284c7;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:12px;

}



.module-title{

    font-size:23px;

    font-weight:750;

    color:#0f172a;

    margin-bottom:15px;

}



.module-description{

    color:#64748b;

    font-size:15px;

    line-height:1.7;

    margin-bottom:25px;

}



/* =========================
   TAGS
========================= */


.module-tags{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-bottom:25px;

}



.module-tag{

    padding:7px 14px;

    border-radius:50px;

    background:#f0f9ff;

    color:#0369a1;

    border:1px solid #bae6fd;

    font-size:12px;

    font-weight:600;

}



.module-duration{

    display:inline-flex;

    padding:8px 16px;

    border-radius:50px;

    background:#e0f2fe;

    color:#0369a1;

    font-size:13px;

    font-weight:600;

}



/* =========================
   CTA BANNER
========================= */


.cta-banner{

    margin-top:80px;

    padding:45px 55px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    border-radius:32px;


    background:

    linear-gradient(
        120deg,
        #ffffff,
        #e0f2fe
    );


    border:1px solid #bae6fd;


    box-shadow:

    0 20px 50px rgba(14,165,233,.12);

}



.cta-banner h3{

    font-size:36px;

    color:#0f172a;

    margin-bottom:12px;

}



.cta-banner p{

    color:#475569;

    font-size:17px;

}



.cta-button{

    display:flex;

    align-items:center;

    gap:10px;

    padding:18px 35px;

    border-radius:50px;

    border:none;

    cursor:pointer;


    color:white;

    font-size:17px;

    font-weight:700;


    background:

    linear-gradient(
        90deg,
        #0284c7,
        #38bdf8
    );


    box-shadow:

    0 15px 35px rgba(14,165,233,.35);

    transition:.3s ease;

}



.cta-button:hover{

    transform:translateY(-4px);

}



/* =========================
 RESPONSIVE
========================= */


@media(max-width:1100px){

.modules-grid{

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

}

}



@media(max-width:768px){

.modules-grid{

grid-template-columns:1fr;

}


.course-section{

padding:70px 18px;

}


.cta-banner{

flex-direction:column;

text-align:center;

padding:35px 25px;

}


.cta-button{

width:100%;

justify-content:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29f2543 *//* ==========================================
   STUDENT SUCCESS SECTION
   Premium White + Sky Blue Theme
========================================== */


.success-section{

    padding:100px 20px;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f0f9ff 100%
    );

}



.success-container{

    max-width:1280px;

    margin:auto;

}





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


.success-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}



.section-badge{

    display:inline-flex;

    padding:10px 22px;

    border-radius:50px;

    background:#e0f2fe;

    color:#0369a1;

    border:1px solid #bae6fd;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

}



.section-title{

    margin-top:25px;

    font-size:clamp(38px,5vw,60px);

    line-height:1.15;

    font-weight:800;

    color:#0f172a;

    letter-spacing:-1.5px;

}



.gradient-text{

    background:

    linear-gradient(
        90deg,
        #0284c7,
        #38bdf8
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}



.section-description{

    margin-top:20px;

    font-size:18px;

    color:#64748b;

    line-height:1.8;

}





/* ==========================
   STUDENT CARDS
========================== */


.success-grid{

    display:grid;

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

    gap:25px;

}





.success-card{

    padding:32px;

    border-radius:30px;

    background:

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


    border:1px solid #dbeafe;


    box-shadow:

    0 20px 50px rgba(14,165,233,.10);


    backdrop-filter:blur(15px);


    transition:.35s ease;

}




.success-card:hover{

    transform:translateY(-10px);


    box-shadow:

    0 30px 70px rgba(14,165,233,.18);

}





/* ==========================
   STUDENT PROFILE
========================== */


.student-profile{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:20px;

}



.student-image{

    width:75px;

    height:75px;

    border-radius:50%;

    overflow:hidden;

    border:3px solid #38bdf8;

    flex-shrink:0;

}



.student-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}





.student-info h3{

    margin:0;

    font-size:20px;

    color:#0f172a;

}



.student-info p{

    margin-top:5px;

    color:#64748b;

    font-size:14px;

}





/* ==========================
   RATING
========================== */


.student-rating{

    color:#0284c7;

    font-size:18px;

    margin-bottom:15px;

}





.student-review{

    color:#475569;

    font-size:15px;

    line-height:1.8;

    margin-bottom:25px;

}





/* ==========================
   TAGS
========================== */


.achievement-tags{

    display:flex;

    gap:8px;

    flex-wrap:wrap;

}



.achievement-tags span{


    padding:7px 14px;


    border-radius:50px;


    background:#f0f9ff;


    border:1px solid #bae6fd;


    color:#0369a1;


    font-size:12px;


    font-weight:600;


}





/* ==========================
   HIGHLIGHTS
========================== */


.success-highlights{

    margin-top:70px;

    display:grid;

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

    gap:25px;

}





.highlight-box{


    display:flex;

    align-items:center;

    gap:18px;


    padding:25px;


    border-radius:25px;


    background:white;


    border:1px solid #e0f2fe;


    box-shadow:

    0 15px 40px rgba(14,165,233,.08);


}




.highlight-icon{


    width:55px;

    height:55px;


    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:18px;


    background:

    linear-gradient(
        135deg,
        #0284c7,
        #38bdf8
    );


    font-size:25px;


}




.highlight-box h3{

    margin:0 0 5px;

    color:#0f172a;

    font-size:18px;

}



.highlight-box p{

    margin:0;

    color:#64748b;

    font-size:14px;

    line-height:1.5;

}





/* ==========================
   RESPONSIVE
========================== */


@media(max-width:1000px){


    .success-grid{

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

    }


    .success-highlights{

        grid-template-columns:1fr;

    }


}





@media(max-width:650px){


    .success-section{

        padding:70px 18px;

    }



    .success-grid{

        grid-template-columns:1fr;

    }



    .section-title{

        font-size:38px;

    }



    .success-card{

        padding:25px;

    }



    .highlight-box{

        flex-direction:column;

        text-align:center;

    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e71fa80 *//* =====================================
   ADMISSION FORM SECTION
===================================== */


.admission-section{

padding:100px 20px;

background:#ffffff;

}



.admission-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 430px;

gap:60px;

align-items:center;

}



/* CONTENT */


.admission-badge{


display:inline-block;

padding:10px 20px;

border-radius:50px;

background:#e0f2fe;

color:#0369a1;

font-weight:700;

font-size:13px;

}



.admission-title{

font-size:55px;

line-height:1.15;

font-weight:800;

color:#0f172a;

margin:25px 0;

}



.admission-description{

font-size:18px;

color:#64748b;

line-height:1.7;

}



.admission-benefits{

margin-top:35px;

display:flex;

flex-direction:column;

gap:15px;

}



.benefit-item{

display:flex;

align-items:center;

gap:12px;

}


.benefit-item span{

width:28px;

height:28px;

display:flex;

align-items:center;

justify-content:center;

background:#0284c7;

color:white;

border-radius:50%;

}



.benefit-item p{

font-weight:600;

color:#334155;

}




/* FORM */


.admission-form-card{

padding:35px;

border-radius:30px;

background:white;

border:1px solid #bae6fd;

box-shadow:

0 20px 60px rgba(14,165,233,.15);

}



.form-header{

text-align:center;

margin-bottom:25px;

}



.form-header h3{

font-size:26px;

color:#0f172a;

}



.form-header p{

color:#64748b;

}



.form-group{

margin-bottom:18px;

}



.form-group label{

display:block;

margin-bottom:8px;

font-weight:600;

color:#334155;

}



.form-group input,

.form-group select{


width:100%;

padding:15px;

border-radius:14px;

border:1px solid #cbd5e1;

outline:none;

}



.form-group input:focus,

.form-group select:focus{

border-color:#38bdf8;

}




.admission-button{

width:100%;

padding:17px;

border:none;

border-radius:50px;

background:

linear-gradient(
90deg,
#0284c7,
#38bdf8
);

color:white;

font-size:17px;

font-weight:700;

cursor:pointer;

}



@media(max-width:900px){

.admission-container{

grid-template-columns:1fr;

}

.admission-title{

font-size:40px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1697451 *//* =====================================
   FINAL CTA SECTION
===================================== */


.final-cta-section{

padding:110px 20px;

background:

linear-gradient(
135deg,
#ffffff,
#e0f2fe
);

text-align:center;

}



.final-cta-container{

max-width:950px;

margin:auto;

}



.final-cta-icon{

width:90px;

height:90px;

margin:auto;

display:flex;

align-items:center;

justify-content:center;

font-size:40px;

border-radius:50%;

background:

linear-gradient(
135deg,
#0284c7,
#38bdf8
);

}



.final-cta-badge{

display:inline-block;

margin:25px 0;

padding:10px 20px;

border-radius:50px;

background:white;

border:1px solid #bae6fd;

color:#0369a1;

font-weight:700;

}



.final-cta-title{

font-size:60px;

line-height:1.15;

font-weight:800;

color:#0f172a;

}



.final-cta-description{

max-width:700px;

margin:25px auto 40px;

font-size:18px;

color:#64748b;

line-height:1.7;

}



.final-primary-btn{

padding:18px 45px;

border:none;

border-radius:50px;

background:

linear-gradient(
90deg,
#0284c7,
#38bdf8
);

color:white;

font-size:18px;

font-weight:700;

cursor:pointer;

}



.final-trust-row{

margin-top:60px;

display:grid;

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

gap:20px;

}



.trust-item{

padding:25px;

background:white;

border-radius:20px;

border:1px solid #bae6fd;

}



.trust-item strong{

display:block;

font-size:32px;

color:#0284c7;

}



.trust-item span{

color:#64748b;

font-size:14px;

}



@media(max-width:900px){

.final-cta-title{

font-size:40px;

}


.final-trust-row{

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

}

}



@media(max-width:600px){

.final-trust-row{

grid-template-columns:1fr;

}

}/* End custom CSS */