/* ===========================================
   SUBJECT V2
=========================================== */

.subject-page{
    max-width:1500px;
    margin:40px auto;
    padding:20px 40px 60px;
    font-family:Arial, Helvetica, sans-serif;
}

.subject-back{
    display:inline-block;
    margin-bottom:30px;
    text-decoration:none;
    color:#203a78;
    font-size:18px;
    font-weight:bold;
}

.subject-title{
    text-align:center;
    font-size:48px;
    color:#203a78;
    margin-bottom:15px;
}

.subject-subtitle{
    max-width:900px;
    margin:0 auto 50px;
    text-align:center;
    font-size:18px;
    line-height:1.8;
    color:#666;
}

/* ==========================
   3 COLUMN LAYOUT
========================== */

.subject-v2-grid{

    display:grid;

    grid-template-columns:320px 1fr 420px;

    gap:45px;

    align-items:start;

}

/* ==========================
   LEFT
========================== */

.subject-v2-cover{

    width:100%;

    border-radius:20px;

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

}

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

.subject-v2-content h1{

    font-size:40px;

    color:#17285d;

    margin-bottom:20px;

}

.subject-v2-content p{

    font-size:18px;

    line-height:1.8;

    color:#555;

    margin-bottom:35px;

}

.subject-v2-content h2{

    font-size:30px;

    color:#17285d;

    margin-bottom:20px;

}

.subject-v2-features{

    display:grid;

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

    gap:18px;

    font-size:18px;

    margin-bottom:40px;

}

/* ==========================
   BUY BUTTON
========================== */

.subject-v2-buy{

    display:flex;

    justify-content:center;

    margin:40px 0 20px;

}

.subject-v2-buy a{

    width:420px;

    height:70px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#ff008c;

    color:#fff;

    text-decoration:none;

    border-radius:14px;

    font-size:24px;

    font-weight:bold;

}

.subject-v2-secure{

    text-align:center;

    color:#666;

    font-size:16px;

}

/* ==========================
   RIGHT
========================== */

.subject-v2-right h2{

    text-align:center;

    font-size:34px;

    color:#203a78;

    margin-bottom:25px;

}

.subject-v2-gallery{

    display:grid;

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

    gap:20px;

}

.subject-v2-gallery img{

    width:100%;

    aspect-ratio:3/4;

    object-fit:cover;

    display:block;

    border-radius:15px;

    box-shadow:0 8px 18px rgba(0,0,0,.12);

    transition:.3s;

}

.subject-v2-gallery img:hover{

    transform:scale(1.04);

}

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

@media(max-width:1200px){

.subject-v2-grid{

    grid-template-columns:1fr;

}

.subject-v2-cover{

    max-width:320px;

    display:block;

    margin:auto;

}

}

@media(max-width:700px){

.subject-v2-features{

    grid-template-columns:1fr;

}

.subject-v2-gallery{

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

}

.subject-v2-buy a{

    width:100%;

}

}