/* =========================
   COURSE SECTION
========================= */
.course-section{

    margin-top:50px;

}

/* SECTION TITLE */
.section-title{

    font-size:24px;

    font-weight:800;

    color:#111827;

    margin-bottom:18px;

}

/* =========================
   COURSE CARD
========================= */
.course-card{

    background:#fff;

    padding:20px;

    border-radius:20px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

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

    transition:.3s;

}

.course-card:hover{

    transform:translateY(-3px);

}

.course-icon{

    font-size:34px;

    margin-bottom:8px;

}

.course-info h3{

    margin:0;

    font-size:22px;

    font-weight:700;

    color:#111827;

}

.course-info p{

    margin:8px 0 25px;

    font-size:14px;

    color:#6b7280;

    font-style:italic;



}
/* =========================
   SOCIAL SECTION
========================= */
.social-section{
    margin-top:80px !important;
}

/* =========================
   SOCIAL CARD
========================= */
.social-card{

    display:flex;

    align-items:center;

    gap:16px;

    text-decoration:none;

    padding:16px 18px;

    border-radius:22px;

    margin-bottom:16px;

    color:#fff;

    transition:.3s;

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

}

/* HOVER */
.social-card:hover{

    transform:
    translateY(-3px)
    scale(1.01);

}

/* =========================
   FACEBOOK PAGE
========================= */
.facebook{

    background:
    linear-gradient(
    135deg,
    #1877f2,
    #2563eb
    );

}

/* =========================
   FACEBOOK GROUP
========================= */
.group{

    background:
    linear-gradient(
    135deg,
    #0891b2,
    #06b6d4
    );

}

/* =========================
   YOUTUBE
========================= */
.youtube{

    background:
    linear-gradient(
    135deg,
    #dc2626,
    #ff0000
    );

}

/* =========================
   ICON
========================= */
.social-icon{

    width:60px;

    height:60px;

    min-width:60px;

    border-radius:50%;

    background:
    rgba(255,255,255,.18);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    color:#fff;

}

/* =========================
   TEXT
========================= */
.social-text{

    flex:1;

}

.social-text h3{

    margin:0;

    font-size:20px;

    font-weight:700;

    color:#fff;

}

/* =========================
   MOBILE
========================= */
@media(max-width:480px){

    .section-title{

        font-size:22px;

    }

    .course-card{

        font-size:18px;

    }

    .social-card{

        padding:14px;

        border-radius:18px;

    }

    .social-icon{

        width:52px;
        height:52px;

        min-width:52px;

        font-size:24px;

    }

    .social-text h3{

        font-size:17px;

    }

}