/* 
Vidyance Main CSS
*/


section {

    padding:70px 0;

}


.section-title {

    text-align:center;

    margin-bottom:40px;

}


.section-title h2 {

    font-size:36px;

    color:#111827;

}


.section-title p {

    color:#64748b;

    font-size:18px;

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


/* TOP BAR */

.vidyance-topbar{

background:#1d4ed8;

color:#fff;

font-size:14px;

}


.vidyance-topbar .vidyance-container{

display:flex;

justify-content:space-between;

align-items:center;

padding-top:10px;

padding-bottom:10px;

}


.topbar-right a{

color:#fff;

margin:0 8px;

font-weight:500;

}



.topbar-right span{

opacity:.6;

}



/* MAIN HEADER */


.vidyance-header{

background:#ffffff;

border-bottom:1px solid #e5e7eb;

}


.header-inner{

display:flex;

align-items:center;

justify-content:space-between;

padding-top:18px;

padding-bottom:18px;

}


/* LOGO */

.site-logo img{

max-height:55px;

width:auto;

}



/* NAVIGATION */


.vidyance-nav ul{

display:flex;

gap:28px;

list-style:none;

margin:0;

padding:0;

}



.vidyance-nav a{

color:#111827;

font-weight:600;

font-size:15px;

}


.vidyance-nav a:hover{

color:#2563eb;

}
/* ===========================
   FOOTER
=========================== */


.vidyance-footer{

background:#111827;

color:#fff;

padding-top:60px;

}



.footer-grid{

display:grid;

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

gap:40px;

}



.vidyance-footer h3,
.vidyance-footer h4{

color:#fff;

margin-bottom:20px;

}



.vidyance-footer p{

color:#cbd5e1;

line-height:1.7;

}



.vidyance-footer ul{

padding:0;

list-style:none;

}



.vidyance-footer li{

margin-bottom:10px;

color:#cbd5e1;

}



.vidyance-footer a{

color:#cbd5e1;

}



.footer-bottom{

margin-top:50px;

padding:20px;

text-align:center;

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

color:#cbd5e1;

}
@media(max-width:768px){


.vidyance-topbar .vidyance-container,
.header-inner{

flex-direction:column;

gap:15px;

}



.vidyance-nav ul{

flex-wrap:wrap;

justify-content:center;

gap:15px;

}



.footer-grid{

grid-template-columns:1fr;

}


}
/* ===========================
   HERO SECTION
=========================== */


.vidyance-hero{

background:#ffffff;

padding:80px 0 50px;

}



.hero-wrapper{

display:grid;

grid-template-columns:

55% 45%;

align-items:center;

gap:30px;

}



/* Badge */


.hero-badge{

display:inline-block;

background:#eff6ff;

color:#2563eb;

padding:8px 16px;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:20px;

}




.hero-content h1{


font-size:52px;

line-height:1.15;

color:#111827;

margin-bottom:20px;


}




.hero-content p{


font-size:18px;

line-height:1.8;

color:#64748b;

max-width:560px;

margin-bottom:30px;


}





/* Buttons */


.hero-buttons{

display:flex;

gap:15px;

}



.hero-outline-btn{


display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 28px;

border-radius:8px;

border:2px solid #2563eb;

color:#2563eb;

font-weight:600;


}



.hero-outline-btn:hover{


background:#2563eb;

color:#fff;


}



/* Image */


.hero-image{


text-align:center;


}

.hero-image {

    display:flex;
    align-items:center;
    justify-content:flex-end;

}


.hero-image img {

    width:100%;
    max-width:620px;
    height:auto;
    display:block;
    margin:0;

}



/* ===========================
 HERO STATS
=========================== */


.hero-stats{


background:#f8fafc;

padding:30px 0;

border-top:1px solid #e5e7eb;

border-bottom:1px solid #e5e7eb;


}



.stats-grid{


display:grid;

grid-template-columns:

repeat(4,1fr);

text-align:center;


}



.stats-grid strong{


display:block;

font-size:32px;

color:#2563eb;


}



.stats-grid span{


color:#64748b;

font-size:16px;


}
@media(max-width:768px){


.hero-wrapper{


grid-template-columns:1fr;

text-align:center;


}



.hero-content h1{


font-size:36px;


}



.hero-content p{


margin-left:auto;

margin-right:auto;


}



.hero-buttons{


justify-content:center;

flex-wrap:wrap;


}



.hero-image{


margin-top:30px;


}



.stats-grid{


grid-template-columns:

repeat(2,1fr);

gap:25px;


}


}
/* ==================================
   EXPLORE EXAMS SECTION
================================== */


.explore-exams{

background:#ffffff;

padding:80px 0;

}



/* Section badge */

.section-badge{

display:inline-block;

background:#eff6ff;

color:#2563eb;

padding:8px 18px;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:18px;

}




.section-title{

text-align:center;

max-width:750px;

margin:0 auto 45px;

}



.section-title h2{

font-size:38px;

line-height:1.2;

color:#111827;

margin-bottom:15px;

}



.section-title p{

font-size:18px;

color:#64748b;

line-height:1.7;

}





/* Exam Cards Grid */


.exam-grid{


display:grid;

grid-template-columns:

repeat(4,1fr);

gap:25px;


}





/* Card */


.exam-card{


background:#ffffff;

border:1px solid #e5e7eb;

border-radius:18px;

padding:30px;

transition:.3s;

position:relative;

overflow:hidden;


}





.exam-card:hover{


transform:translateY(-8px);

box-shadow:

0 20px 40px rgba(0,0,0,.08);

border-color:#2563eb;


}





/* ==================================
   EXAM CARDS - FINAL SVG VERSION
================================== */


.explore-exams .exam-card{

background:#ffffff;

border:1px solid #e5e7eb;

border-radius:20px;

padding:30px;

min-height:390px;

display:flex;

flex-direction:column;

transition:all .3s ease;

}


.explore-exams .exam-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.08);

border-color:#2563eb;

}



/* SVG ICON BOX */

.explore-exams .exam-icon{

width:90px;

height:90px;

display:flex;

align-items:center;

justify-content:center;

background:#eff6ff;

border-radius:22px;

margin-bottom:22px;

}



/* SVG IMAGE */

.explore-exams .exam-icon img{

width:65px;

height:65px;

object-fit:contain;

display:block;

}



/* CARD TITLE */

.explore-exams .exam-card h3{

font-size:26px;

font-weight:800;

color:#111827;

margin-bottom:10px;

}



/* DESCRIPTION */

.explore-exams .exam-card p{

font-size:15px;

color:#64748b;

line-height:1.6;

min-height:55px;

}



/* FEATURES */

.explore-exams .exam-card ul{

list-style:none;

padding:0;

margin:25px 0;

}


.explore-exams .exam-card li{

font-size:15px;

color:#374151;

margin-bottom:12px;

}



/* EXPLORE LINK */

.explore-exams .exam-card a{

margin-top:auto;

font-weight:700;

color:#2563eb;

}


.explore-exams .exam-card a:hover{

color:#1d4ed8;

}

/* ==================================
   CURRENT AFFAIRS SECTION
================================== */


.current-affairs{

background:#f8fafc;

padding:80px 0;

}




.current-grid{


display:grid;

grid-template-columns:

repeat(4,1fr);

gap:25px;

}





.current-card{


background:#ffffff;

border:1px solid #e5e7eb;

border-radius:18px;

padding:30px;

transition:.3s;

}




.current-card:hover{


transform:translateY(-8px);

box-shadow:
0 20px 40px rgba(0,0,0,.08);


border-color:#2563eb;

}





.current-icon{


height:65px;

width:65px;

display:flex;

align-items:center;

justify-content:center;


background:#eff6ff;

border-radius:16px;

font-size:32px;

margin-bottom:22px;


}




.current-card h3{


font-size:24px;

color:#111827;

margin-bottom:12px;


}





.current-card p{


font-size:15px;

color:#64748b;

line-height:1.7;

}




.current-card ul{


list-style:none;

padding:0;

margin:22px 0;


}




.current-card li{


font-size:15px;

color:#374151;

margin-bottom:10px;


}




.current-card a{


font-weight:600;

color:#2563eb;


}





.current-button{


text-align:center;

margin-top:45px;

}

@media(max-width:1100px){


.current-grid{

grid-template-columns:

repeat(2,1fr);

}


}



@media(max-width:600px){


.current-grid{

grid-template-columns:

1fr;

}


}

/* ==========================================
   CHOOSE YOUR EXAM SECTION - FINAL
========================================== */


.explore-exams{

padding:80px 0;

background:#ffffff;

}



.exam-category-title{

margin:50px 0 30px;

}


.exam-category-title h3{

font-size:28px;

font-weight:700;

color:#111827;

border-left:5px solid #2563eb;

padding-left:15px;

}



/* GRID */

.explore-exams .exam-grid{


display:grid;

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

gap:25px;

margin-bottom:30px;


}





/* CARD */


.explore-exams .exam-card{


background:#ffffff;

border:1px solid #e5e7eb;

border-radius:20px;

padding:30px;

min-height:390px;

display:flex;

flex-direction:column;

transition:all .3s ease;


}





.explore-exams .exam-card:hover{


transform:translateY(-8px);

box-shadow:

0 20px 40px rgba(0,0,0,.08);

border-color:#2563eb;


}





/* SVG ICON BOX */


.explore-exams .exam-icon{


height:75px;

width:75px;

display:flex;

align-items:center;

justify-content:center;

background:#eff6ff;

border-radius:18px;

margin-bottom:22px;


}



.explore-exams .exam-icon img{


width:55px;

height:55px;

object-fit:contain;


}





/* TITLE */


.explore-exams .exam-card h3{


font-size:24px;

font-weight:700;

color:#111827;

margin-bottom:10px;


}





/* DESCRIPTION */


.explore-exams .exam-card p{


color:#64748b;

font-size:15px;

line-height:1.6;

min-height:55px;


}





/* LIST */


.explore-exams .exam-card ul{


list-style:none;

padding:0;

margin:20px 0;


}



.explore-exams .exam-card li{


font-size:15px;

color:#374151;

margin-bottom:10px;


}





/* LINK */


.explore-exams .exam-card a{


margin-top:auto;

font-weight:600;

color:#2563eb;


}




.exam-button{


text-align:center;

margin-top:50px;


}




/* TABLET */

@media(max-width:1100px){


.explore-exams .exam-grid{


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


}


}



/* MOBILE */

@media(max-width:600px){


.explore-exams .exam-grid{


grid-template-columns:1fr;


}


}
/* ===========================
   FIX HEADER HEIGHT
=========================== */

.vidyance-header{

padding:0;

}


.header-inner{

padding:10px 0;

min-height:70px;

}


.site-logo img{

max-height:45px;

}

/* ==================================
   FINAL HERO FIX
================================== */


.vidyance-hero{

padding:60px 0 50px;

overflow:hidden;

}



.hero-wrapper{

display:grid;

grid-template-columns:52% 48%;

align-items:center;

gap:10px;

}



.hero-content h1{

font-size:52px;

font-weight:800;

line-height:1.12;

letter-spacing:-1px;

}



.blue-text{

color:#2563eb;

}




.hero-image{

display:flex;

justify-content:center;

align-items:center;

}



.hero-image img{

width:120%;

max-width:700px;

height:auto;

}





/* REMOVE GENERATEPRESS HERO GAP */


.home .site-content{

padding-top:0;

}



.home .content-area{

padding-top:0;

}



.home .inside-article{

padding-top:0;

}





/* HEADER COMPACT */


.vidyance-header .header-inner{

padding:12px 0;

}



.site-logo img{

max-height:50px;

}






@media(max-width:900px){


.hero-wrapper{

grid-template-columns:1fr;

text-align:center;

}



.hero-content h1{

font-size:38px;

}



.hero-image img{

width:100%;

}


}
/* Remove gap below navigation */

.site-content {
    padding-top:0 !important;
}


.content-area {
    margin-top:0 !important;
}


.vidyance-hero {
    padding-top:35px !important;
}

/* ==================================
   EXPLORE EXAMS CARD COMPACT DESIGN
================================== */

.explore-exams .exam-card{

    min-height:330px;
    padding:25px;

}


/* Smaller Icon */

.explore-exams .exam-icon{

    width:70px;
    height:70px;
    border-radius:16px;
    margin-bottom:15px;

}


.explore-exams .exam-icon img{

    width:45px;
    height:45px;

}


/* Card Heading */

.explore-exams .exam-card h3{

    font-size:22px;
    margin-bottom:8px;

}


/* Description */

.explore-exams .exam-card p{

    font-size:14px;
    line-height:1.5;
    min-height:auto;
    margin-bottom:10px;

}


/* Feature List */

.explore-exams .exam-card ul{

    margin:12px 0;

}


.explore-exams .exam-card li{

    font-size:14px;
    margin-bottom:7px;

}


/* Explore Button */

.explore-exams .exam-card a{

    margin-top:auto;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#2563eb;

    color:#ffffff;

    padding:10px 22px;

    border-radius:8px;

    font-size:14px;

    font-weight:600;

    width:max-content;

    transition:.3s;

}


.explore-exams .exam-card a:hover{

    background:#1d4ed8;

    color:#ffffff;

}