.elementor-255 .elementor-element.elementor-element-1714773{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-1714773:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-1714773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7F3;}/* Start custom CSS for html, class: .elementor-element-f6850fa *//*=========================================
        COURSES SECTION
=========================================*/

:root{
    --implantys-navy:#010D25;
    --implantys-royal:#0B2F7A;
    --implantys-gold:#E0A11B;
    --implantys-champagne:#C6A86B;
    --implantys-white:#F5F5F5;
    --implantys-card:#FFFFFF;
    --implantys-text:#08152F;
    --implantys-gray:#5F6B7A;
}

.courses-section{

    background:var(--implantys-white);

    padding:110px 20px;

    overflow:hidden;

}

.courses-section .container{

    max-width:1280px;

    margin:auto;

}

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

.courses-section .section-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.courses-section .section-header span{

    display:inline-block;

    margin-bottom:18px;

    color:var(--implantys-gold);

    font-size:13px;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;

}

.courses-section .section-header h2{

    margin:0;

    color:var(--implantys-navy);

    font-size:54px;

    line-height:1.15;

    font-weight:800;

    font-family:Georgia,serif;

}

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

.courses-grid{

    display:grid;

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

    gap:25px;

}

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

.course-card{

    position:relative;

    overflow:hidden;

    background:var(--implantys-card);

    border:1px solid rgba(224,161,27,.18);

    border-radius:20px;

    padding:32px;

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

    transition:.35s ease;

}

/* Gold Top Border */

.course-card::after{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        var(--implantys-gold),
        var(--implantys-champagne)
    );

}

/* Shine Effect */

.course-card::before{

    content:"";

    position:absolute;

    inset:0;

    left:-120%;

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

    transition:.8s;

}

.course-card:hover::before{

    left:120%;

}

/* Hover */

.course-card:hover{

    transform:translateY(-8px);

    background:var(--implantys-navy);

    border-color:var(--implantys-gold);

    box-shadow:0 25px 50px rgba(1,13,37,.18);

}

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

.card-number{

    color:var(--implantys-gold);

    font-size:18px;

    font-weight:800;

    margin-bottom:18px;

}

.course-card h3{

    margin:0 0 20px;

    color:var(--implantys-navy);

    font-size:23px;

    font-weight:700;

    line-height:1.4;

    transition:.35s ease;

}

.course-card:hover h3{

    color:var(--implantys-white);

}

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

.course-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.course-card ul li{

    position:relative;

    padding:8px 0 8px 22px;

    color:var(--implantys-text);

    font-size:15px;

    line-height:1.7;

    transition:.35s ease;

}

.course-card:hover ul li{

    color:#E1E0E1;

}

.course-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:8px;

    color:var(--implantys-gold);

    font-weight:700;

}

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

@media(max-width:1024px){

.courses-section .section-header h2{

font-size:46px;

}

}

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

@media(max-width:991px){

.courses-section{

padding:90px 20px;

}

.courses-grid{

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

}

}

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

@media(max-width:767px){

.courses-section{

padding:70px 18px;

}

.courses-section .section-header h2{

font-size:34px;

}

.courses-grid{

grid-template-columns:1fr;

gap:18px;

}

.course-card{

padding:26px;

border-radius:16px;

}

.course-card h3{

font-size:21px;

}

}/* End custom CSS */