/* Overrides to style home3 sections to match the provided screenshot */

/* Notifications / News cards */
.blog-news{background:#ffffff;border-radius:8px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.08);height:320px;display:flex;flex-direction:column}
.blog-news .title{font-weight:700;color:#12625b;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.06);margin-bottom:12px}
.blog-news .content{flex:1;overflow:hidden}
.blog-news .content p{margin:0;color:#222}

/* Make marquee fill and scroll nicely on desktop */
.blog-news .content marquee{height:100%;display:block}
.blog-news .content .d-flex{align-items:flex-start}

/* Results/Items styling */
.blog-news .fa-angle-double-right{color:#f57a4c}
.color-animated-text{color:#ff6f3a;font-weight:700}

/* About and feature sections spacing */
.about-area{padding-top:36px;padding-bottom:36px}
.about-title h2{font-size:28px;margin-bottom:8px}
.about-content p{line-height:1.7}

/* Colleges grid card look */
.college-content h5{font-size:16px;font-weight:600}
.hover-zoomin .thumb img{width:100%;border-radius:8px;object-fit:cover}

/* Programs container styling to match hex layout look */
.programs-container h4{padding:26px}

/* Brand slider placeholders */
.brand-area{padding-top:18px;padding-bottom:18px}
.single-brand img{max-width:100%;height:70px;object-fit:contain;border-radius:10px}

/* CTA numbers */
.cta-area h2{font-weight:700}

/* FAQ accordion small polish */
.faq-wrap .card{border:none;border-bottom:1px solid rgba(0,0,0,0.06);border-radius:0}
.faq-btn{background:transparent;border:none;text-align:left;padding:18px 0;font-weight:600;width:100%}

/* Responsive tweaks */
@media (max-width:992px){
  .blog-news{height:260px}
}

/* Ensure colors consistent with header palette */
.section-title h5 i{color:#12625b}

/* Minor utility to match screenshot's rounded lists */
.tags-container{display:flex;align-items:flex-start;margin-bottom:18px}
.tags-container .icon{font-size:28px;color:#12625b;margin-right:12px}

/* Footer spacing preserved by existing footer styles */

/* Layout container tightening to match screenshot proportions */
.blog-area .container, .about-area .container, .college-container .container, .brand-area .container, .cta-area .container, .faq-area .container{max-width:1180px;margin-left:auto;margin-right:auto}

/* Card look for Notifications / Events / Results */
.blog-news{background:#fff;border-radius:8px;padding:0;box-shadow:0 6px 18px rgba(0,0,0,0.06);min-height:260px;display:flex;flex-direction:column}
.blog-news .title{font-weight:700;color:#0f5960;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,0.04);margin:0;border-radius:8px 8px 0 0;background:#ffffff}
.blog-news .content{flex:1;overflow:hidden;padding:12px 18px}
.blog-news .content p{margin:0;color:#333;font-size:14px}
.blog-news .content a{color:#0f5960;text-decoration:underline;font-weight:600}

/* Results list styling */
.blog-news.results .content ul{list-style:none;padding-left:0;margin:0}
.blog-news.results .content li{padding:6px 0;border-bottom:1px dashed rgba(0,0,0,0.04);font-size:13px}
.blog-news.results .content li a{color:#0f5960}

/* Make the marquee links compact and readable */
.blog-news marquee .d-flex{gap:8px}
.blog-news marquee .fa{color:#ff6f3a;margin-right:6px}

/* About area hero and image sizing */
.about-area .s-about-img img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.about-content h2{font-size:28px;color:#0f5960;font-weight:700}

/* Feature icons row alignment */
.programs-container h4{font-size:16px;color:#063b44;padding:22px;border-radius:12px}

/* College cards grid and image crop */
.college-container .thumb img{width:100%;height:200px;object-fit:cover;border-radius:8px}
.college-content{padding:12px}

/* Brand slider area */
.brand-area{padding-top:18px;padding-bottom:18px}
.brand-area .single-brand{display:flex;align-items:center;justify-content:center;padding:10px}
.brand-area .single-brand img{max-height:64px;width:auto}

/* CTA numbers style to match Acharya look */
.cta-area{background-color:rgb(3,46,63);color:#fff;padding-top:36px;padding-bottom:36px}
.cta-area h2{color:#fff;font-weight:700}
.cta-area h2 span{display:block}
.cta-area .col-lg-3 h2{font-size:48px;color:rgb(255,115,80);font-weight:800;margin:0}
.cta-area .col-lg-3 h4{color:#fff;margin-top:8px;font-weight:600}

/* FAQ accordion */
.faq-wrap .accordion .card{background:transparent}
.faq-wrap .accordion .card .card-header{background:transparent;border:none;padding:0}
.faq-wrap .accordion .faq-btn{width:100%;text-align:left;padding:12px 10px;font-size:15px}

/* Reduce large blank spaces left by missing images in sample markup */
.s-about-img img[src$=".png"], .s-about-img img[src$=".jpg"], .s-about-img img[src$=".jpeg"]{display:block}

/* Small responsive tweaks */
@media (max-width:992px){
  .blog-news{min-height:220px}
  .cta-area .col-lg-3 h2{font-size:36px}
}