/* ===================================================
   Sohail Academy v3.0
   Main Stylesheet
=================================================== */

/* ==========================================
   Google Fonts
========================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* ==========================================
   Component Styles
========================================== */

@import url("navbar.css");
@import url("hero.css");
@import url("cards.css");
@import url("footer.css");
@import url("responsive.css");

/* ==========================================
   Root Variables
========================================== */

:root{

    --primary:#0F172A;
    --secondary:#2563EB;
    --accent:#F59E0B;

    --white:#ffffff;
    --light:#F8FAFC;
    --gray:#CBD5E1;
    --text:#334155;

    --shadow:0 10px 25px rgba(0,0,0,.08);
    --shadow-hover:0 18px 45px rgba(0,0,0,.12);

    --radius:18px;

    --transition:.35s ease;

}

/* ==========================================
   Reset
========================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Poppins',sans-serif;

    background:
        radial-gradient(circle at top left, rgba(37,99,235,.14), transparent 24%),
        radial-gradient(circle at 85% 10%, rgba(245,158,11,.16), transparent 22%),
        linear-gradient(135deg, #f8fbff 0%, #f4f8ff 45%, #eef5ff 100%);

    color:var(--text);

    line-height:1.7;

    overflow-x:hidden;

}

/* ==========================================
   Images
========================================== */

img{

    max-width:100%;

    display:block;

}

/* ==========================================
   Links
========================================== */

a{

    text-decoration:none;

    transition:var(--transition);

}

/* ==========================================
   Lists
========================================== */

ul{

    list-style:none;

    padding:0;

    margin:0;

}

/* ==========================================
   Buttons
========================================== */

.btn{

    border-radius:50px;

    padding:14px 35px;

    font-weight:600;

    transition:var(--transition);

}

.btn-primary{

    background:var(--secondary);

    border:none;

}

.btn-primary:hover{

    background:#1D4ED8;

    transform:translateY(-3px);

    box-shadow:var(--shadow-hover);

}

.btn-outline-light{

    border:2px solid white;

}

.btn-outline-light:hover{

    color:var(--primary);

    background:white;

    transform:translateY(-3px);

}

/* ==========================================
   Sections
========================================== */

.section{

    padding:100px 0;

}

.light-section{

    background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(240,247,255,.95));

}

/* ==========================================
   Titles
========================================== */

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title h2{

    font-size:2.6rem;

    font-weight:700;

    color:var(--primary);

}

.section-title p{

    color:#64748B;

    font-size:1.05rem;

    margin-top:12px;

}

/* ==========================================
   Statistics
========================================== */

.statistics{

    background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(236,245,255,.95));

    padding:80px 0;

}

.statistics h2{

    color:var(--secondary);

    font-size:3rem;

    font-weight:700;

}

.statistics p{

    color:#64748B;

    font-size:1.1rem;

}

/* ==========================================
   About
========================================== */

.about-section{

    padding:100px 0;

    text-align:center;

    background:linear-gradient(135deg, rgba(248,251,255,.96), rgba(234,243,255,.96));

}

.about-section h2{

    color:var(--primary);

    font-size:2.6rem;

    margin-bottom:20px;

}

.about-section p{

    max-width:900px;

    margin:auto;

    color:#64748B;

    font-size:1.1rem;

}

/* ==========================================
   Utilities
========================================== */

.shadow-card{

    box-shadow:var(--shadow);

}

.rounded-box{

    border-radius:var(--radius);

}

.text-primary{

    color:var(--secondary)!important;

}

.bg-primary-custom{

    background:var(--primary);

}

.bg-light-custom{

    background:var(--light);

}