*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}

body{background:#fff7ed;}



/* NAVBAR */

.navbar{

position:fixed;

top:0;width:100%;

display:flex;

justify-content:space-between;

align-items:center;

padding:15px 40px;

background:#ffffff;

backdrop-filter:blur(12px);

z-index:1000;

}

.wa{color:#ffffff;text-decoration:none;font-weight:500;}

.logo{color:#000000;font-size:22px;font-weight:600;}



.menu{display:flex;gap:30px;}

.menu a{color:#000000;text-decoration:none;font-weight:500;}



.menu-toggle{display:none;color:#facc15;font-size:26px;cursor:pointer;}



/* HERO */

.hero{

height:100vh;

background: url('/image/matter3.png') center/cover no-repeat;

display:flex;justify-content:center;align-items:center;text-align:center;color:white;padding-top:80px;

}



.hero-box{

background:rgba(127,29,29,0.75);

padding:40px;

border-radius:15px;

border:2px solid #facc15;

}



/* ABOUT */

.about{

display:flex;

align-items:center;

gap:40px;

padding:80px;

background:white;

flex-wrap:wrap;

}



.about img{width:400px;border-radius:15px;}

.about-text{flex:1;color:#1f2937;}



/* COUNTERS */

.counter-section{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:40px;

padding:60px;

background:linear-gradient(135deg,#7f1d1d,#c81e1e);

color:#facc15;

}



.counter{text-align:center;font-size:28px;}



/* COURSES */

.courses{

display:flex;

flex-wrap:wrap;

justify-content:center;

gap:25px;

padding:60px;

}



.course{

background:white;

padding:25px;

width:260px;

border-radius:15px;

box-shadow:0 10px 25px rgba(200,30,30,0.15);

transition:0.3s;

border-top:4px solid #facc15;

}



.course:hover{transform:translateY(-10px);}



/* TESTIMONIAL */

.testimonial-section{

padding:80px;

background:#fef3c7;

text-align:center;

}



.carousel{position:relative;max-width:400px;margin:auto;}

.carousel-track{display:flex;overflow:hidden;}

.slide{min-width:100%;padding:20px;}

.slide img{width:90px;height:90px;border-radius:50%;margin-bottom:15px;}



.prev,.next{

position:absolute;

top:50%;

transform:translateY(-50%);

background:#c81e1e;

color:#facc15;

border:none;padding:12px;

cursor:pointer;font-size:20px;border-radius:50%;

}



.prev{left:-60px;}

.next{right:-60px;}



.dot{

height:10px;width:10px;

background:#fde68a;

display:inline-block;

margin:5px;border-radius:50%;

}



.dot.active{background:#c81e1e;}



/* SECTION TITLE */

.section-title{

font-size:34px;

font-weight:600;

color:#7f1d1d;

position:relative;

display:inline-block;

}



.section-title::after{

content:'';

width:60px;

height:3px;

background:#facc15;

position:absolute;

left:50%;

bottom:-10px;

transform:translateX(-50%);

border-radius:5px;

}



/* GALLERY */

.gallery{

display:flex;

flex-wrap:wrap;

gap:20px;

justify-content:center;

padding:60px;

background:white;

}



.gallery img{width:250px;border-radius:15px;}



/* FOOTER */

footer{

background:linear-gradient(135deg,#7f1d1d,#c81e1e);

color:white;

padding:50px;

display:flex;

flex-wrap:wrap;

justify-content:space-around;

}



.footer-box{width:250px;}
.footer-box1{width:320px;}
footer h3{color:#facc15;}



footer input{

padding:12px;

width:100%;

margin-top:10px;

border-radius:6px;

border:none;

}



footer button{

margin-top:10px;

padding:12px;

background:#facc15;

border:none;

color:#7f1d1d;

cursor:pointer;

width:100%;

font-weight:600;

}

.logo-box{

display:flex;

flex-direction:column;

}



.logo-img{

height:165px;

}



.logo-tagline{

font-size:12px;

color:#fde68a;

letter-spacing:1px;

margin-top:2px;

}



.header-contact{

display:flex;

gap:20px;

align-items:center;

color:#fde68a;

font-size:14px;

}



.header-contact i{

margin-right:6px;

color:#facc15;

}

.header-contact{

display:none;

}







/* MOBILE */

@media(max-width:768px){
.logo-img{ height:115px}
.menu{

display:none;

flex-direction:column;

position:absolute;

top:60px;

right:20px;

background:#7f1d1d;

padding:20px;

}

.menu.active{display:flex;}

.menu-toggle{display:block;}

.about{flex-direction:column;text-align:center;}

.about img{width:100%;}

.prev{left:10px;}

.next{right:10px;}

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.logo-img{ height:115px; max-width:100%}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {.logo-img{ height:115px;max-width:100%}}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {.logo-img{ height:120px; max-width:100%}}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {.logo-img{ height:125px; max-width:100%}}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {.logo-img{ height:135px; max-width:100%}}