/* ============================================================
   index.css  —  Garderie Bana
   Home-page-only styles. Shared navbar/dropdown rules live in
   navbar.css (loaded by the header), so they are not repeated here.
   ============================================================ */

/* Home About "read more" button */
.home-about-btn{background:#E21C3F;color:#fff!important;border-radius:25px 10px;padding:14px 34px;display:inline-block;margin-top:18px;margin-bottom:30px;font-family:Baloo,cursive;font-weight:700;transition:.25s;}
.home-about-btn:hover{background:#c01533;transform:translateY(-2px);}

/* Class card "read more" button */
.classes-more-btn{display:inline-block;margin-top:14px;margin-bottom:22px;background:#338DE8;color:#fff!important;border-radius:20px 8px;padding:10px 26px;font-family:Baloo,cursive;font-weight:700;font-size:14px;transition:.25s;}
.classes-more-btn:hover{background:#1f6fc4;transform:translateY(-2px);}

/* About section : white on top (text area), green hill at the bottom, no white gap */
#about{
   background:url(../images/other/bggreen.webp) center bottom / 101% auto no-repeat,
             linear-gradient(to bottom,#ffffff 0%,#ffffff 76%,#a5d223 76%,#a5d223 100%) !important;
   padding-top:40px !important;
   padding-bottom:200px !important;
}
#about .home-about-text p{font-size:18px;line-height:1.9;}
#about .home-about-text{padding-bottom:30px;}