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

body{
    font-family:Arial, Helvetica, sans-serif;
    background:#f6f8fb;
    color:#1f2937;
}
html,body{
    overflow-x:hidden;
    max-width:100%;
}
*{
    max-width:100%;
}

img{
    max-width:100%;
    height:auto;
}

.wrap{
    width:100%;
    overflow:hidden;
}

.heroGrid{
    width:100%;
}

.leftAdBox,
.resultsWrap,
.card,
.socialRow,
.featuredSection,
.toolsSection,
.footer{
    width:100%;
    overflow:hidden;
}
a{
    text-decoration:none;
}
.gold_bg_2 {
    background-color: #ff2717;
    border-radius: 25px;
    padding: 6px 15px;
}
.gold_bg_2 a {
    color: #fff;
    text-decoration: none;
	font-size:14px;
}

.wrap{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 15px;
}

.topbar{
    background:#08174b;
    color:#fff;
    padding:10px 0;
    font-size:14px;
}

.topbar-flex{
    display:flex;
    justify-content:flex-end;
    gap:25px;
    align-items:center;
}

.topbar a{
    color:#fff;
}

.header{
    background:#fff;
    border-bottom:1px solid #e5e7eb;
   }

.header-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
    gap:15px;
}

.logo{
    font-size:22px;
    font-weight:bold;
    color:#1d4ed8;
}

.logo span{
    color:#dc2626;
}

.menu{
    display:flex;
    gap:25px;
    align-items:center;
}

.menu a{
    color:#111827;
    font-size:15px;
    font-weight:600;
}

.loginBtn{
    background:#2563eb;
    color:#fff;
    padding:10px 18px;
    border-radius:10px;
    font-weight:bold;
}

.heroGrid{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:20px;
    margin-top:20px;
    align-items:start;
}

/* LEFT GOOGLE AD */
.leftAdBox{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:15px;
    min-height:250px;
    width:100%;
    overflow:hidden;
}

/* RIGHT RESULTS */
.resultsWrap{
    background:#edf7f0;
    border:1px solid #d1fae5;
    border-radius:18px;
    padding:22px;
}

.listBox{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:15px;
}

.listItem{
    margin-bottom:0;
}


/* MOBILE */
@media(max-width:768px){
.header-flex{
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:12px;
}

.logo img{
    width:180px;
    height:auto;
}

.gold_bg_2{
    display:inline-block;
    padding:8px 14px;
    font-size:13px;
    text-align:center;
    max-width:90%;
}

.gold_bg_2 a{
    font-size:13px;
    line-height:18px;
}

.topbar-flex{
    justify-content:center;
}

.leftAdBox{
    display:block !important;
    width:100%;
    min-height:280px;
    margin-bottom:15px;
}

.leftAdBox ins.adsbygoogle{
    display:block !important;
    width:100% !important;
    min-height:250px;
}
.heroGrid{
    grid-template-columns:1fr;
}

.listBox{
    grid-template-columns:1fr;
}

}
.card{
    background:#fff;
    border-radius:18px;
    border:1px solid #e5e7eb;
    padding:22px;
}

.trending{
    background:#edf7f0;
}

.upcoming{
    background:#fff6f0;
}

.miniCard1{
    background:#fff1f2;
    text-align:center;
}

.miniCard2{
    background:#eef4ff;
    text-align:center;
}

.miniCard3{
    background:#eefbf3;
    text-align:center;
}

.sectionTitle{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}

.greenTitle{
    color:#15803d;
}

.orangeTitle{
    color:#ea580c;
}

.purpleTitle{
    color:#7c3aed;
}

.listBox{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.listItem{
    margin-bottom:0;
}

.listItem{
    background:#fff;
    border-radius:10px;
    padding:10px 12px;
    margin-bottom:10px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:1px solid #edf2f7;
    font-size:14px;
    font-weight:600;
}

.badge{
    padding:5px 10px;
    border-radius:20px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
}

.live{
    background:#16a34a;
}
.liveRed{
    background:#ff0000;
}
.new{
    background:#2563eb;
}

.dateText{
    color:#ea580c;
    font-weight:bold;
}

.centerBtn{
    text-align:center;
    margin-top:20px;
}

.outlineBtn{
    border:1px solid #16a34a;
    color:#15803d;
    padding:12px 30px;
    border-radius:10px;
    display:inline-block;
    font-weight:bold;
    background:#fff;
}

.orangeBtn{
    border:1px solid #fb923c;
    color:#ea580c;
    padding:12px 30px;
    border-radius:10px;
    display:inline-block;
    font-weight:bold;
    background:#fff;
}

.miniIcon{
    font-size:38px;
    margin-bottom:15px;
}

.red{
    color:#ef4444;
}

.blue{
    color:#2563eb;
}

.green{
    color:#16a34a;
}

.smallText{
    color:#4b5563;
    font-size:14px;
    line-height:22px;
    margin:10px 0 15px;
}

.actionBtn{
    display:inline-block;
    padding:10px 18px;
    border-radius:10px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}

.redBtn{
    background:#ef4444;
}

.blueBtn{
    background:#2563eb;
}

.greenBtn{
    background:#16a34a;
}

.toolsSection{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:25px;
    margin-top:20px;
}

.sectionHead{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.sectionHead h2{
    font-size:30px;
}

.toolsGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.toolBox{
    border:1px solid #e5e7eb;
    border-radius:15px;
    padding:18px;
}

.toolTitle{
    font-size:20px;
    font-weight:bold;
    margin-bottom:15px;
}

.toolCards{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:10px;
}

.toolCard{
    border:1px solid #e5e7eb;
    border-radius:12px;
    text-align:center;
    padding:15px 10px;
    background:#fff;
}

.toolCard i{
    font-size:28px;
    margin-bottom:10px;
}

.toolCard h4{
    font-size:13px;
    margin-bottom:5px;
}

.toolCard p{
    font-size:11px;
    color:#6b7280;
}

.linksGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:20px;
}

.linksGrid a{
    color:#1e3a8a;
    font-size:14px;
    display:block;
    padding:5px 0;
}

.socialRow{
    margin-top:20px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:20px;
}

.socialFlex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.whatsappBtn{
    background:#16a34a;
    color:#fff;
    padding:12px 25px;
    border-radius:10px;
    font-weight:bold;
}

.telegramBtn{
    background:#0ea5e9;
    color:#fff;
    padding:12px 25px;
    border-radius:10px;
    font-weight:bold;
}

.featuredSection,
.resultsSection{
    margin-top:20px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:25px;
}

.collegeSlider{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
    margin-top:20px;
}

.collegeCard{
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:12px;
    text-align:center;
}

.collegeCard img{
    width:100%;
    height:auto;
    object-fit:contain;
}

.collegeCard h4{
    font-size:14px;
    margin:10px 0 5px;
}

.collegeCard p{
    font-size:12px;
    color:#6b7280;
    margin-bottom:10px;
}

.applyBtn{
    display:block;
    background:linear-gradient(135deg,#2563eb,#1e40af);
	opacity:0.95;
    color:#fff;
    padding:10px;
    border-radius:8px;
    font-weight:bold;
}

.resultGrid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:15px;
    margin-top:20px;
}

.resultBox{
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:18px;
}

.resultBox h3{
    font-size:18px;
    margin-bottom:15px;
    color:#1d4ed8;
}

.resultBox a{
    display:block;
    color:#374151;
    padding:5px 0;
    font-size:14px;
}

.moreToggle{
    text-align:center;
    margin-top:20px;
}

.footer{
    background:#08174b;
    color:#fff;
    margin-top:30px;
    padding:40px 0;
}

.footerGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.footer h3{
    margin-bottom:15px;
}

.footer a{
    display:block;
    color:#cbd5e1;
    margin-bottom:8px;
    font-size:14px;
}

.mobileBottom{
    display:none;
}

@media(max-width:1200px){
.heroGrid{
    grid-template-columns:1fr 1fr;
}

.toolCards{
    grid-template-columns:repeat(3,1fr);
}

.collegeSlider{
    grid-template-columns:repeat(3,1fr);
}

.resultGrid{
    grid-template-columns:repeat(2,1fr);
}
}
ins.adsbygoogle{
    max-width:100% !important;
    overflow:hidden !important;
}
@media(max-width:768px){

.socialFlex{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
}

.whatsappBtn,
.telegramBtn{
    width:100%;
    text-align:center;
}

}

@media(max-width:768px){
.menu{
    display:none;
}

.heroGrid,
.toolsGrid,
.collegeSlider,
.resultGrid,
.footerGrid,
.linksGrid,
.toolCards{
    grid-template-columns:1fr;
}

.socialFlex{
    flex-direction:column;
    align-items:flex-middle;
}

.sectionHead h2{
    font-size:22px;
}

.mobileBottom{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    border-top:1px solid #e5e7eb;
    display:flex;
    justify-content:space-around;
    padding:10px 0;
    z-index:999;
}

.mobileBottom a{
    color:#1e3a8a;
    font-size:12px;
    text-align:center;
}

body{
    padding-bottom:80px;
}
.mobileBottom{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#ffffff;
    border-top:1px solid #e5e7eb;
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    z-index:9999;
    padding:8px 0;
    box-shadow:0 -2px 10px rgba(0,0,0,0.06);

    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}

.mobileBottom::-webkit-scrollbar{
    display:none;
}

.mobileBottom a{
    min-width:85px;
    text-align:center;
    color:#1e293b;
    text-decoration:none;
    font-size:11px;
    font-weight:600;
    flex-shrink:0;
}

.mobileBottom i{
    display:block;
    font-size:20px;
    margin-bottom:5px;
    color:#2563eb;
}

.mobileBottom span{
    display:block;
    line-height:14px;
}

.extraCategories{
    display:none;
    margin-top:20px;
    animation:fadeDown 0.5s ease;
}

@keyframes fadeDown{

    from{
        opacity:0;
        transform:translateY(-10px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}
}
.socialIcons{
    display:flex;
    gap:12px;
    align-items:center;
}

.socialCircle{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:16px;
    transition:all 0.3s ease;
}

.socialCircle:hover{
    transform:translateY(-2px);
    opacity:0.9;
}

.whatsapp{
    background:#22c55e;
}

.telegram{
    background:#0ea5e9;
}

.youtube{
    background:#ef4444;
}

.instagram{
    background:linear-gradient(
        135deg,
        #f9ce34,
        #ee2a7b,
        #6228d7
    );
	

}
@media(max-width:768px){
.toolCard i {
    margin-bottom: 10px;
    font-size: 50px;
}
.listBox{
    grid-template-columns:1fr;
}
.toolCards {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
}
.miniSubHead{
    display:inline-block;
    background:#eef2ff;
    color:#1d4ed8;
    font-size:12px;
    font-weight:700;
    padding:4px 10px;
    border-radius:20px;
    margin-top:12px;
    margin-bottom:8px;
}

.subLinks{
    padding-left:14px;
}

.subLinks a{
    font-size:13px;
}