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

.topbar{background:var(--brown);color:#fff;padding:10px 0;font-size:14px;}
.topbar-info{display:flex;gap:30px;list-style:none;margin:0;padding:0;}
.topbar-right{display:flex;gap:14px;align-items:center;justify-content:flex-end;}
.topbar-info,.topbar a{font-size: 12px;color: #fff;}

.header {background: var(--yellow);padding: 5px 0;}
.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;}
.logo img{width:80px;}
.main-menu ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-weight:500;}
.main-menu a {font-size: 15px;font-weight: 500;color: var(--black);}
.nav-actions{display:flex;gap:15px;align-items:center;justify-content:flex-end;}
.icon-circle{width:42px;height:42px;border-radius:50%;border:1px solid #eee;display:flex;align-items:center;justify-content:center;
  flex-shrink: 0;position:relative;}
.icon-circle span{position:absolute;top:-6px;right:-6px;background:var(--primary);color:#fff;width:18px;height:18px;font-size:11px;
  border-radius:50%; display:flex;align-items:center;justify-content:center;}

.mobile-menu{position:fixed;right:-320px;top:0;width:320px;height:100%;background:#fff;padding:30px;
  box-shadow:-10px 0 40px rgba(0,0,0,.2);transition:.4s;z-index:999;}
.mobile-menu.active{right:0;}
.mobile-header{display:flex;justify-content:space-between;margin-bottom:30px;}
.mobile-menu ul{list-style:none;padding:0;}
.mobile-menu li{padding:12px 0;border-bottom:1px solid #eee;}
.menu-toggle{border:none;background:none;display:none;}

@media(max-width:992px){
.main-menu{display:none;}
.menu-toggle{display:block;}
.heading{font-size:38px;}
.hero-image{margin-top:40px;text-align:center;}
}

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

.hero-section{background:linear-gradient(120deg, rgb(4 4 4 / 70%), rgb(247 176 35 / 32%)), url(../images/hero.jpg);
    background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding: 50px 0 0px 0;position: relative;}
.cursive-font{font-family: "Cookie", cursive;font-weight: 600;font-style: normal;letter-spacing: 5px;}
.hero-features{display:flex;gap:30px;margin-top:25px;}
.hero-features i{color:#1FAF9B;margin-right:6px;}
.hero-image img{width:100%;max-width:460px;}
.hero-bottom-shape{position:absolute;bottom:0px;left:0;width:100%;height:140px;background:#fff;border-top-left-radius:50%;border-top-right-radius:50%;}

/* ================= QUOTE ================= */

.quote-section{
background:url(../images/quote-bg.jpg);background-size: cover;background-repeat: no-repeat;text-align:center;}
.quote-box{max-width:800px;margin:auto;}
.quote-circle{width:60px;height:60px;margin:0 auto 25px;background:var(--yellow);border-radius:50%;display:flex;
  align-items:center;justify-content:center;color:var(--black);font-size:24px;}
.quote-text{font-size:24px;font-weight:500;color:#1f2937;line-height:1.7;margin-bottom:20px;font-family: "Playwrite IE", cursive;}
.quote-author{font-size:16px;color:var(--brown);font-weight:500;}

/* ================= ABOUT ================= */

.about-section{background:radial-gradient(circle, rgba(31,175,155,0.18) 0%, rgba(31,175,155,0) 70%);}
.about-images{position:relative;display:flex;align-items:center;gap:28px;}
.img-large{width:300px;height:420px;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,0.12);
  position:relative;z-index:2;}
.img-large img{width:100%;height:100%;object-fit:cover;}
.shape-frame{position:absolute;bottom:-25px;left:210px;width:180px;height:140px;border:8px solid #1FAF9B;border-radius:12px;z-index:1;}
.dots-shape{position:absolute;top:-40px;left:-45px;width:120px;height:120px;
  background-image:radial-gradient(#cbd5e1 2px, transparent 2px);background-size:14px 14px;}

@keyframes floatTop{
0%{transform:translateY(0)}
50%{transform:translateY(-12px)}
100%{transform:translateY(0)}
}
@keyframes floatBottom{
0%{transform:translateY(0)}
50%{transform:translateY(10px)}
100%{transform:translateY(0)}
}

.about-content{padding-left:40px;}
.section-desc-dark{color:#6b7280;margin-bottom:30px;}
.about-features h5{font-size:16px;font-weight:700;margin-bottom:8px;}
.about-features p{font-size:14px;color:#6b7280;}
/* ICON LINE LIST */

.icon-line-list{
display:flex;
flex-wrap:wrap;
gap:25px;
margin-top:25px;
}


/* ITEM */

.icon-line-item{
display:flex;
align-items:center;
gap:8px;

font-size:15px;
font-weight:500;
color:#374151;
}


/* ICON */

.icon-line-item i{
color:#1FAF9B;
font-size:16px;
}

/* ================= CHAIRMAN WORD ================= */

/* SECTION */

.chairman-section{
background:#f7f9f9;
}
/* MAIN CARD */

.chairman-content{
position:relative;

background:rgba(255,255,255,0.85);
backdrop-filter:blur(10px);

padding:40px;
border-radius:20px;

box-shadow:0 20px 50px rgba(0,0,0,0.08);

overflow:hidden;
}


/* SOFT GLOW BACKGROUND */

.chairman-content::before{
content:"";
position:absolute;

width:300px;
height:300px;

background:radial-gradient(circle, rgba(31,175,155,0.15), transparent);

top:-80px;
right:-80px;

z-index:0;
}


/* KEEP CONTENT ABOVE */

.chairman-content > *{
position:relative;
z-index:1;
}


/* IMAGE */

.chairman-inline-img{
float:right;

width:240px;
height:280px;

margin-left:30px;
margin-bottom:15px;

border-radius:18px;
overflow:hidden;

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

position:relative;
transition:.4s;
}

.chairman-inline-img img{
width:100%;
height:100%;
object-fit:cover;
}


/* IMAGE HOVER */

.chairman-inline-img:hover{
transform:translateY(-5px) scale(1.02);
}


/* OVERLAY */

.chairman-inline-img::after{
content:"";
position:absolute;
inset:0;

background:linear-gradient(to top, rgba(0,0,0,0.25), transparent);
}


/* TYPOGRAPHY */

.chairman-content p{
color:#4b5563;
line-height:1.8;
margin-bottom:14px;
font-size:15px;
}


/* LIST */

.chairman-points{
list-style:none;
padding:0;
margin:18px 0;
}

.chairman-points li{
position:relative;
padding-left:22px;
margin-bottom:10px;
font-weight:500;
color:#374151;
}


/* MODERN BULLET */

.chairman-points li::before{
content:"";
position:absolute;
left:0;
top:8px;

width:10px;
height:10px;

background:linear-gradient(120deg,#1FAF9B,#0f4f4b);

border-radius:50%;

box-shadow:0 0 0 4px rgba(31,175,155,0.15);
}


/* SIGNATURE */

.chairman-sign{
margin-top:25px;
padding-top:15px;
/* border-top:1px solid #e5e7eb; */
}

.chairman-sign .quote{
font-size:18px;
font-weight:600;
color:#1FAF9B;
margin-bottom:5px;
letter-spacing:1px;
}

.chairman-sign h4{
margin:0;
font-size:18px;
font-weight:600;
color:#111827;
}

.chairman-sign span{
font-size:13px;
color:#6b7280;
}


/* BADGE */

.section-badge{
display:inline-flex;
align-items:center;
gap:8px;

background:rgba(31,175,155,0.1);
color:#1FAF9B;

padding:6px 14px;
border-radius:30px;

font-size:13px;
font-weight:500;

margin-bottom:10px;
}


/* RESPONSIVE */

@media(max-width:768px){

.chairman-inline-img{
float:none;
width:100%;
height:260px;
margin:0 0 20px 0;
}

.chairman-content{
padding:25px;
}

}

/* ================= FEATURE ================= */

.explore-section{background:#f7f9f9;}
.explore-card{position:relative;background:#fff;border:1px solid #e6ecec;border-radius:14px;padding:30px;text-align:center;
  height:100%;transition:.3s;}
.explore-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.06);}
.card-number{position:absolute;top:25px;left:25px;font-size:36px;font-weight:700;color:#d6efec;}
.card-icon{width:90px;height:90px;border-radius:50%;border:1px solid #e6ecec;display:flex;align-items:center;justify-content:center;
  margin:0 auto 25px;font-size:34px;color:var(--yellow);}
.explore-card h4{font-size:20px;font-weight:600;margin-bottom:10px;}
.explore-card p{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom: 0;}

/* ================== VMV ================== */

.vmv-section{background:linear-gradient(rgb(255 255 255 / 67%), rgb(255 255 255 / 51%)), url(../images/vmv-bg.jpg);background-size: cover;
  background-repeat: no-repeat;}
.vmv-box{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;
  padding:30px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 30px rgba(0,0,0,0.08);}
.vmv-label{border-right:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;text-align:center;}
.vmv-label h4{font-size:18px;font-weight:600;color:#374151;}
.vmv-content{padding-left:25px;}
.vmv-content p{color:#4b5563;margin-bottom:12px;}
.vmv-list{list-style:none;padding:0;margin:10px 0;}
.vmv-list li{position:relative;padding-left:18px;margin-bottom:8px;font-size:14px;}
.vmv-list-point li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;
  background:var(--yellow);border-radius:50%;}


.motto{
color:#16a34a;
font-weight:700;
margin-bottom:10px;
}


/* RESPONSIVE */

@media(max-width:768px){

.vmv-label{
border-right:none;
border-bottom:2px solid #e5e7eb;
margin-bottom:15px;
padding-bottom:10px;
}

.vmv-content{
padding-left:0;
}

}

/* ================= KINDERGARTEN ================= */


.kindergarten-section{background:linear-gradient(rgb(255 255 255 / 67%), rgb(255 255 255 / 83%)), url(../images/kg-bg.jpg);background-size: cover;
  background-repeat: no-repeat;}


/* IMAGE */

.kg-image-wrap{
position:relative;
border-radius:30px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,0.1);
}

.kg-image-wrap img{
width:100%;
height:100%;
object-fit:cover;
}


/* CURVE EFFECT */

.kg-image-wrap::after{
content:"";
position:absolute;
bottom:-40px;
left:0;
width:100%;
height:100px;

background:#f9fafb;
border-radius:50% 50% 0 0;
}


/* BADGE */

.kg-badge{
position:absolute;
top:20px;
left:20px;

background:#1FAF9B;
color:#fff;

padding:6px 14px;
border-radius:30px;
font-size:13px;
}


/* TEXT */

.kg-quote{
font-style:italic;
color:#6b7280;
margin:10px 0 15px;
}


/* SUBTITLE */

.kg-subtitle{
margin-top:20px;
margin-bottom:10px;
font-weight:600;
color:#1f2937;
}


/* LIST */

.kg-list{
list-style:none;
padding:0;
}

.kg-list li{
position:relative;
padding-left:20px;
margin-bottom:8px;
font-size:14px;
}


/* TAGS */

.kg-tags{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:10px;
}

.kg-tags span{
background:rgba(31,175,155,0.1);
color:#1FAF9B;

padding:6px 12px;
border-radius:20px;

font-size:13px;
font-weight:500;
}
/* FEATURE LIST */

.check-list li::before{
content:"✔";
position:absolute;
left:0;
top:0;

color:#1FAF9B;
font-size:14px;
font-weight:600;
}

/* RESPONSIVE */

@media(max-width:768px){

.kg-image-wrap::after{
display:none;
}

}

/* ================= ROUTINE ================= */

/* SECTION */

.routine-section{
background:#f9fafb;
}



.routine-image{
position:relative;
border-radius:20px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

.routine-image img{
width:100%;
height:100%;
object-fit:cover;
}


/* OVERLAY */

.routine-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;

background:linear-gradient(to top, rgba(0,0,0,0.7), transparent);

padding:20px;
}

.routine-overlay h3{
color:#fff;
margin:0;
font-size:22px;
}

/* ===============================
   CARD (CLEAN)
================================ */

.routine-card{
background:#ffffff;
border-radius:20px;

padding:30px;

box-shadow:0 12px 30px rgba(0,0,0,0.05);

transition:.3s;
}

/* HOVER (SUBTLE) */

.routine-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 40px rgba(0,0,0,0.08);
}


/* ===============================
   BLOCK
================================ */

.routine-block{
padding:25px 35px;
}


/* SIMPLE DIVIDER */

.routine-block.right{
border-left:1px solid #e5e7eb;
}


/* ===============================
   HEADINGS
================================ */

.routine-title,
.routine-subtitle{
display:flex;
align-items:center;
gap:10px;

font-weight:600;
margin-bottom:12px;
color:#111827;
}

.routine-title{
font-size:18px;
}

.routine-subtitle{
font-size:16px;
}


/* ICON (CLEAN) */

.routine-title i,
.routine-subtitle i{
color:#1FAF9B;
font-size:15px;
}


/* ===============================
   TEXT
================================ */

.routine-text,
.routine-footer{
font-size:14px;
line-height:1.7;
color:#4b5563;
margin-top:10px;
}


/* ===============================
   LIST
================================ */

.routine-list{
list-style:none;
padding:0;
margin:0;
}

.routine-list li{
position:relative;
padding-left:18px;
margin-bottom:8px;

font-size:14px;
color:#374151;
}


/* CLEAN BULLET */

.routine-list li::before{
content:"";
position:absolute;
left:0;
top:7px;

width:6px;
height:6px;

background:#1FAF9B;
border-radius:50%;
}


/* RIGHT SIDE VARIATION */

.routine-block.right .routine-list li::before{
background:#ec4899;
}


/* ===============================
   RESPONSIVE
================================ */

@media(max-width:768px){

.routine-block{
padding:20px;
}

.routine-block.right{
border-left:none;
border-top:1px solid #e5e7eb;
}

}

/* ================= CLASSROOM ================= */

.classroom-section{background:linear-gradient(rgb(255 255 255 / 27%), rgb(255 255 255 / 91%)), url(../images/classroom.jpg);background-size: cover;
  background-repeat: no-repeat;}


/* SUBTITLE */

.class-subtitle{
font-weight:600;
margin-bottom:10px;
color:#1f2937;
}


/* LIST */

.class-list{
list-style:none;
padding:0;
margin:15px 0;
}

.class-list li{
position:relative;
padding-left:18px;
margin-bottom:8px;
font-size:14px;
}

/* MULTI COLOR DOT */

.class-list.multi li::before{
content:"";
position:absolute;
left:0;
top:7px;
width:8px;
height:8px;
border-radius:50%;
background:linear-gradient(120deg,#ec4899,#1FAF9B);
}

/* SIMPLE DOT */

.class-list.dots li::before{
background:#2563eb;
}

/* GRID */

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


/* CARD */

.skill-col{
position:relative;

background:#ffffff;
padding:22px 20px;

border-radius:16px;

box-shadow:0 10px 30px rgba(0,0,0,0.05);

transition:.35s;
overflow:hidden;
}


/* TOP ACCENT BAR */

.skill-col::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(120deg,#1FAF9B,#0f4f4b);
}


/* HOVER */

.skill-col:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,0.08);
}


/* HEADINGS */

.skill-col h5{
font-size:16px;
font-weight:600;
margin-bottom:12px;
color:#111827;
}


/* LIST RESET */

.skill-col ul{
list-style:none;
padding:0;
margin:0;
}


/* LIST ITEM */

.skill-col ul li{
position:relative;
padding-left:20px;
margin-bottom:8px;

font-size:14px;
color:#374151;
}


/* MODERN BULLET */

.skill-col ul li::before{
content:"";
position:absolute;
left:0;
top:7px;

width:8px;
height:8px;

border-radius:50%;
background:#1FAF9B;

box-shadow:0 0 0 4px rgba(31,175,155,0.15);
}


/* DIFFERENT COLORS FOR EACH COLUMN */

.skill-col:nth-child(1)::before{
background:linear-gradient(120deg,#ec4899,#f97316);
}

.skill-col:nth-child(2)::before{
background:linear-gradient(120deg,#3b82f6,#6366f1);
}

.skill-col:nth-child(3)::before{
background:linear-gradient(120deg,#10b981,#1FAF9B);
}


/* MATCH BULLET COLORS */

.skill-col:nth-child(1) ul li::before{
background:#ec4899;
box-shadow:0 0 0 4px rgba(236,72,153,0.15);
}

.skill-col:nth-child(2) ul li::before{
background:#3b82f6;
box-shadow:0 0 0 4px rgba(59,130,246,0.15);
}

.skill-col:nth-child(3) ul li::before{
background:#10b981;
box-shadow:0 0 0 4px rgba(16,185,129,0.15);
}


/* RESPONSIVE */

@media(max-width:768px){

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

}
/* IMAGE */

.class-image-wrap{
position:relative;
}

.class-image-wrap img{
width:100%;
border-radius:20px;
}




/* ROUND IMAGE */

.class-image-round{
text-align:center;
}

.class-image-round img{
width:350px;
height:350px;
border-radius:50%;
object-fit:cover;
border:8px solid #1FAF9B;
}


/* RESPONSIVE */

@media(max-width:768px){

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

.class-image-round img{
width:200px;
height:200px;
}

}

/* ================= WHY ================= */

.why-section{background:radial-gradient(circle, rgba(99,102,241,0.15) 0%, rgba(99,102,241,0) 70%);}
.why-features{margin-top:20px;}
.why-card{background:#f2f2f2;padding:22px;border-radius:10px;margin-bottom:20px;}
.why-card h5{font-size:16px;font-weight:600;margin-bottom:6px;}
.why-card i{color:var(--yellow);margin-right:8px;}
.why-card p{font-size:14px;color:#6b7280;}

.why-image-wrapper{position:relative;max-width:420px;margin-left:auto;}
.why-image-wrapper img{width:100%;border-radius:6px;position:relative;z-index:2;}

.frame-top{position:absolute;top:-15px;left:-15px;width:100%;height:100%;border:10px solid #1FAF9B;z-index:1;}
.frame-bottom{position:absolute;bottom:-15px;right:-15px;width:100%;height:100%;border:10px solid #0f2940;z-index:0;}
.dots-pattern{position:absolute;top:-40px;right:-60px;width:120px;height:120px;
  background-image:radial-gradient(#cbd5e1 2px, transparent 2px);background-size:14px 14px;}

/* ================= CURRICULUM ================= */

.curriculum-section{background:#f7f9f9;}
.curriculum-filter a{margin-left:18px;cursor:pointer;color:#6b7280;font-weight:500;}
.curriculum-filter a.active{color:#4f46e5;}
.curriculum-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.05);transition:.3s;}
.curriculum-card:hover{transform:translateY(-6px);}
.curriculum-img{position:relative;}
.curriculum-img img{width:100%;height:200px;object-fit:cover;}

.tag{position:absolute;top:14px;left:14px;padding:6px 12px;font-size:12px;color:#fff;border-radius:6px;}
.tag.academic{background:#ef4444;}
.tag.sports{background:#3b82f6;}
.tag.art{background:#10b981;}
.curriculum-body{padding:20px;}
.curriculum-body h4{font-size:18px;font-weight:600;margin:12px 0;}
.curriculum-body p{font-size:14px;color:#6b7280;}
.curriculum-meta{display:flex;gap:20px;font-size:13px;color:#6b7280;}
.curriculum-meta i{color:#6366f1;margin-right:6px;}

/* ================= TEACHER ================= */

.team-section{background:#f7f9f9;}
.team-card{position:relative;text-align:center;}
.team-image img{width:100%;height: 300px;object-fit: cover;border-radius:16px;}
.team-info{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:#fff;width:85%;padding:35px 20px 25px;
  border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.team-plus{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:44px;height:44px;background:#1FAF9B;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;}
.team-info h4{font-size:20px;font-weight:600;margin-bottom:6px;}
.team-info p{color:#1FAF9B;font-size:14px;}

/* ================= NOTICE ================= */

.blog-notice-section{background:radial-gradient(circle, rgba(99,102,241,0.15) 0%, rgba(99,102,241,0) 70%);}
.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.05);transition:.3s;}
.blog-card:hover{transform:translateY(-5px);}
.blog-img img{width:100%;height:200px;object-fit:cover;}
.blog-body{padding:20px;}
.blog-date{font-size:13px;color:#1FAF9B;display:block;margin-bottom:10px;}
.blog-body h4{font-size:18px;font-weight:600;margin-bottom:10px;}
.blog-body p{font-size:14px;color:#6b7280;}
.read-more{font-size:14px;color:#1FAF9B;font-weight:500;}

/* SECTION */

.blog-details{
background:#f9fafb;
}


/* IMAGE */

.blog-main-img{
width:100%;
border-radius:16px;
margin-bottom:20px;
}


/* META */

.blog-meta{
display:flex;
gap:15px;
font-size:13px;
color:#6b7280;
margin-bottom:15px;
}


/* TITLE */

.blog-title{
font-size:28px;
font-weight:700;
margin-bottom:15px;
}


/* TEXT */

.blog-details-content p{
font-size:15px;
line-height:1.8;
color:#374151;
margin-bottom:15px;
}


/* BLOCKQUOTE */

blockquote{
background:#f3f4f6;
padding:15px 20px;
border-left:4px solid #1FAF9B;
font-style:italic;
margin:20px 0;
}


/* COMMENTS */

.comment-item{
padding:10px 0;
border-bottom:1px solid #eee;
}


/* FORM */

.blog-form input,
.blog-form textarea{
width:100%;
margin-bottom:10px;
padding:10px;
border:1px solid #ddd;
border-radius:8px;
}


/* SIDEBAR */

.blog-sidebar{
display:flex;
flex-direction:column;
gap:20px;
}

.sidebar-box{
background:#fff;
padding:15px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.sidebar-box ul{
padding-left:15px;
}


/* RECENT POSTS */

.recent-post{
display:flex;
gap:10px;
align-items:center;
margin-bottom:10px;
}

.recent-post img{
width:50px;
height:50px;
object-fit:cover;
border-radius:6px;
}


/* RESPONSIVE */

@media(max-width:768px){

.blog-title{
font-size:22px;
}

}

.notice-board{background:#fff;padding:25px;border-radius:12px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.notice-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px;}
.notice-header h4{font-size:18px;display:flex;align-items:center;gap:8px;}
.notice-header i{color:#1FAF9B;}
.notice-list{list-style:none;padding:0;margin:0;}
.notice-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed #e5e7eb;}
.notice-date{background:#1FAF9B;color:#fff;font-size:12px;padding:5px 8px;border-radius:5px;}
.notice-text{font-size:14px;color:#374151;}
.notice-more{display:inline-block;margin-top:15px;color:#1FAF9B;font-size:14px;font-weight:500;}


/* ============ */

.notice-page{
background:#f9fafb;
padding:80px 0;
}

/* FILTER */
.notice-filter{
display:flex;
gap:10px;
justify-content:center;
flex-wrap:wrap;
margin-bottom:25px;
}

.notice-filter input,
.notice-filter select{
padding:10px;
border-radius:8px;
border:1px solid #ddd;
font-size:14px;
}

/* LIST */
.notice-list-wrap{
display:flex;
flex-direction:column;
gap:15px;
}

/* ITEM */
.notice-item{
background:#fff;
border-radius:12px;
padding:15px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
transition:.3s;
}

.notice-item:hover{
transform:translateY(-3px);
}

/* HEAD */
.notice-head{
display:flex;
align-items:center;
gap:15px;
cursor:pointer;
}

/* DATE */
.notice-date{
background:#1FAF9B;
color:#fff;
padding:10px;
border-radius:8px;
text-align:center;
min-width:60px;
}

.notice-date span{
font-size:18px;
font-weight:600;
}

/* CONTENT */
.notice-content{
flex:1;
}

.notice-content h4{
margin:0;
font-size:16px;
}

.notice-content p{
margin:0;
font-size:13px;
color:#666;
}

/* BUTTON */
.notice-btn{
background:#1FAF9B;
color:#fff;
border:none;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
}

/* BODY */
.notice-body{
max-height:0;
overflow:hidden;
transition:max-height .4s ease;
padding-left:75px;
}

.notice-item.active .notice-body{
max-height:200px;
margin-top:10px;
}

/* MOBILE */
@media(max-width:768px){
.notice-head{
flex-direction:column;
align-items:flex-start;
}

.notice-body{
padding-left:0;
}
}

/* ================= GALLERY ================= */

.gallery-section{background:radial-gradient(circle, rgba(31,175,155,0.18) 0%, rgba(31,175,155,0) 70%);}
.gallery-item{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;}
.gallery-item img{width:100%;height:260px;object-fit:cover;transition:0.4s;}
.gallery-item:hover img{transform:scale(1.1);}
.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:flex;
  align-items:center;justify-content:center;opacity:0;transition:0.3s;}
.gallery-overlay i{color:white;font-size:28px;}
.gallery-item:hover .gallery-overlay{opacity:1;}

.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;align-items:center;
  justify-content:center;z-index:9999;}
.lightbox img{max-width:90%;max-height:80%;}
.lightbox-close{position:absolute;top:30px;right:40px;font-size:35px;color:white;cursor:pointer;}

/* ================= TESTIMONIAL ================= */

.testimonial-section{background:linear-gradient(rgb(255 255 255 / 67%), rgb(255 255 255 / 83%)), url(../images/kg-bg.jpg);background-size: cover;
  background-repeat: no-repeat;}
.testimonial-card{background:#fff;padding:30px;border-radius:12px;position:relative;height:100%;transition:0.4s;}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(212,175,55,0.15);}
.testimonial-card p{color:#111;font-size:15px;margin-bottom:25px;}
.client{display:flex;align-items:center;gap:15px;}
.client img{width:50px;height:50px;border-radius:50%;}
.client h5{margin:0;font-size:15px;}
.client span{font-size:13px;color:#888;}

/* ===============================
   MODAL
================================ */

.review-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

display:none;
z-index:999;
}

/* ACTIVE */

.review-modal.active{
display:block;
}


/* OVERLAY */

.review-overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
}


/* BOX */

.review-box{
position:absolute;
top:50%;
left:50%;

transform:translate(-50%,-50%);

background:#fff;
padding:30px;
border-radius:16px;

width:90%;
max-width:400px;

box-shadow:0 20px 50px rgba(0,0,0,0.2);
}


/* CLOSE */

.modal-close{
position:absolute;
top:10px;
right:15px;

background:none;
border:none;
font-size:20px;
cursor:pointer;
}


/* FORM */

.form-group{
margin-bottom:15px;
}

.form-group input,
.form-group textarea{
width:100%;
padding:10px 12px;

border:1px solid #e5e7eb;
border-radius:8px;

font-size:14px;
outline:none;
}

.form-group input:focus,
.form-group textarea:focus{
border-color:#1FAF9B;
}

/* ================= FAQ ================= */

.faq-accordion{margin-top:30px;}
.faq-item{border-bottom:1px solid #e6e6e6;padding:18px 0;}
.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.faq-question h5{font-weight:600;margin:0;}
.faq-question i{transition:0.3s;}
.faq-answer{max-height:0;overflow:hidden;transition:0.4s ease;}
.faq-answer p{margin-top:15px;color:#6c757d;line-height:1.7;}
.faq-item.active .faq-answer{max-height:200px;}
.faq-item.active i{transform:rotate(180deg);}

.faq-image{position:relative;}
.faq-image img{width:100%;border-radius:20px;}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:rgba(255,255,255,0.85);
  border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;
  box-shadow:0 0 0 10px rgba(255,255,255,0.2);}

/* ========================= */
/* SECTION */

.contact-section{
background:#f9fafb;
}


/* INFO */

.contact-info{
display:flex;
flex-direction:column;
gap:20px;
}

.info-box{
display:flex;
gap:15px;
align-items:flex-start;

background:#fff;
padding:15px;
border-radius:12px;

box-shadow:0 8px 20px rgba(0,0,0,0.05);
}

.info-box i{
font-size:18px;
color:#1FAF9B;
margin-top:5px;
}

.info-box h5{
margin:0;
font-size:16px;
}

.info-box p{
margin:0;
font-size:14px;
color:#6b7280;
}


/* FORM */

.contact-form-box{
background:#fff;
padding:25px;
border-radius:12px;

box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.contact-form-box input,
.contact-form-box textarea{
width:100%;
padding:10px 12px;
margin-bottom:15px;

border:1px solid #e5e7eb;
border-radius:8px;

font-size:14px;
outline:none;
}

.contact-form-box input:focus,
.contact-form-box textarea:focus{
border-color:#1FAF9B;
}


/* MAP */

.map-section iframe{
display:block;
}


/* RESPONSIVE */

@media(max-width:768px){

.contact-form-box{
padding:20px;
}

}

/* SUB BANNER */

.sub-banner{
position:relative;

padding:90px 0;

background:
linear-gradient(rgba(12,61,59,0.8), rgba(12,61,59,0.8)),
url('https://images.unsplash.com/photo-1588072432836-e10032774350?w=1600&auto=format&fit=crop');

background-size:cover;
background-position:center;

color:#fff;
}


/* CONTENT */

.sub-banner-content{
text-align:center;
}


/* TITLE */

.page-title{
font-size:36px;
font-weight:700;
margin-bottom:10px;
}


/* BREADCRUMB */

.breadcrumb{
display:flex;
justify-content:center;
gap:8px;

font-size:14px;
}

.breadcrumb a{
color:#d1fae5;
text-decoration:none;
}

.breadcrumb span{
color:#e5e7eb;
}







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

.footer-section{background:#f7f9f9;padding:70px 0 0;border-top:1px solid #eee;}
.footer-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#1f2937;}
.footer-text{color:#6b7280;line-height:1.7;margin-bottom:20px;}
.footer-links{list-style:none;padding:0;}
.footer-links li{margin-bottom:10px;}
.footer-links a,.footer-contact a{color:#374151;text-decoration:none;transition:.3s;}
.footer-links a:hover,.footer-contact a:hover{color:var(--yellow);}
.footer-contact{list-style:none;padding:0;}
.footer-contact li{display:flex;gap:10px;margin-bottom:12px;color:#374151;}
.footer-contact i{color:var(--yellow);}

.footer-social{display:flex;gap:12px;}
.footer-social a{width:42px;height:42px;border-radius:50%;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;
  color:#374151;transition:.3s;}
.footer-social a:hover{background:#1FAF9B;color:#fff;border-color:#1FAF9B;}


/* FOOTER BOTTOM */

.footer-bottom{
border-top:1px solid #eee;
padding:25px 0;
margin-top:40px;
}

.footer-logo{
display:flex;
align-items:center;
gap:8px;
font-weight:600;
font-size:22px;
}

.footer-logo img{
width:36px;
}

.copyright{
margin:0;
color:#6b7280;
}

.copyright span{
color:#1FAF9B;
font-weight:600;
}


/* APP BUTTONS */

.app-buttons img{
height:42px;
margin-left:10px;
}


/* SCROLL BUTTON */

.scroll-top{
position:fixed;
right:25px;
bottom:25px;
width:50px;
height:50px;
background:#1FAF9B;
border:none;
border-radius:50%;
color:#fff;
font-size:18px;
cursor:pointer;
box-shadow:0 10px 25px rgba(0,0,0,.15);
}


/* RESPONSIVE */

@media(max-width:992px){

.footer-bottom .text-center{
text-align:left !important;
margin-top:10px;
}

.app-buttons{
margin-top:10px;
}

}

.footer-divider{margin:40px 0;}
.footer-bottom a{margin-right:20px;text-decoration:none;color:#6c757d;}
.footer-bottom p{color:#6c757d;margin:0;}

@media(max-width:768px){
.footer-menu ul{gap:20px;}
.footer-contact{text-align:center;}
.footer-contact-item{flex-direction:column;align-items:center;}
}