/*
body {font-family:'Poppins',sans-serif;background:#f5f7fa;}
*/

body {font-family:'Poppins',sans-serif;background:#06533e;}

/* TOPBAR */
.topbar {background:#0c3660;color:#fff;font-size:16px;padding:5px 0;}
.topbar a {color:#fff;margin-left:10px;}

/* NAVBAR BASE */
.navbar {
background:#fff;
padding:10px 0;
}

.navbar-nav .nav-link {
color:#000 !important;
font-weight:500;
padding:8px 35px;
border-radius:10px;
transition:0.3s;
}

/* ACTIVE MENU */
.active-nav {
background:#d4af37;
color:#000 !important;
font-weight:600;
}

/* HOVER EFFECT */
.navbar-nav .nav-link:hover {
background:#d4af37;
color:#000 !important;
}

/* SPACING */
.navbar-nav {
gap:10px;
}

/* CTA BUTTON */
.nav-cta {
border-radius:30px;
padding:8px 20px;
font-weight:600;
margin-left:10px;
}

/* CTA HOVER */
.nav-cta:hover {
background:#000;
color:#fff;
}

/* DROPDOWN */
.dropdown-menu {
background:#000;
border:none;
padding:10px 0;
border-radius:10px;
}

.dropdown-item {
color:#fff;
padding:10px 20px;
}

.dropdown-item:hover {
background:#d4af37;
color:#000;
}

/* SLIDER HEIGHT */
.hero-slider {
height:80vh;
position:relative;
overflow:hidden;
}

/* IMAGE */
.slider-img {
height:80vh;
object-fit:cover;
animation: zoomEffect 10s ease-in-out infinite;
}

/* OVERLAY */
.overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7));
}

/* CAPTION */
.custom-caption {
top:50%;
transform:translateY(-50%);
bottom:auto;
text-align:center;
}

/* TEXT ANIMATION */
.animate-text {
opacity:0;
transform:translateY(30px);
animation: fadeUp 1s forwards;
}

.delay-1 {animation-delay:0.5s;}
.delay-2 {animation-delay:1s;}

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

/* ZOOM EFFECT */
@keyframes zoomEffect {
0% {transform:scale(1);}
50% {transform:scale(1.1);}
100% {transform:scale(1);}
}

/* ARROWS */
.custom-arrow {
background-color: rgba(0,0,0,0.5);
border-radius:50%;
padding:20px;
}

/* INDICATORS */
.carousel-indicators [data-bs-target] {
background-color:#d4af37;
width:12px;
height:12px;
border-radius:50%;
}

/* BUTTON */
.btn-gold {background:#d4af37;color:#000;border-radius:30px;padding:10px 25px;}
.btn-gold:hover {background:#0c3660;color:#fff;}

/* SECTIONS */
.section {padding:80px 0;}

/* CARD BASE */
.product-pro {
background: #f5eeee;
border-radius:20px;
overflow:hidden;
backdrop-filter:blur(10px);
box-shadow:0 15px 40px rgba(0,0,0,0.15);
transition:all 0.4s ease;
position:relative;
height:100%;
display:flex;
flex-direction:column;
}

/* GOLD BORDER EFFECT */
.product-pro::before {
content:"";
position:absolute;
inset:0;
border-radius:20px;
padding:2px;
background:linear-gradient(45deg,#d4af37,transparent,#d4af37);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity:0;
transition:0.4s;
}

/* IMAGE */
.product-img {
position:relative;
overflow:hidden;
height:220px;
}

.product-img img {
width:100%;
height:100%;
object-fit:cover;
transition:0.6s;
}

/* BADGE */
.product-img .badge {
position:absolute;
top:15px;
left:15px;
background:#d4af37;
color:#000;
padding:5px 12px;
border-radius:20px;
font-size:12px;
}

/* CONTENT */
.product-content {
padding:20px;
text-align:center;
flex-grow:1;
}

.product-content h5 {
font-weight:600;
margin-bottom:10px;
}

.product-content p {
font-size:14px;
color:#555;
margin-bottom:15px;
}

/* HOVER EFFECT */
.product-pro:hover {
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,0.25);
}

.product-pro:hover::before {
opacity:1;
}

.product-pro:hover img {
transform:scale(1.15);
filter:brightness(0.7);
}

/* STAGGER ANIMATION */
.product-pro {
opacity:0;
transform:translateY(40px);
animation:fadeUp 0.8s forwards;
}

.product-pro:nth-child(1){animation-delay:0.2s;}
.product-pro:nth-child(2){animation-delay:0.4s;}
.product-pro:nth-child(3){animation-delay:0.6s;}
.product-pro:nth-child(4){animation-delay:0.8s;}

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

.counter-section {
background:url('../images/banner.png') center/cover no-repeat;
position:relative;
color:#fff;
}

/* DARK OVERLAY FOR VISIBILITY */
.counter-section::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
}

/* KEEP CONTENT ABOVE OVERLAY */
.counter-section .container {
position:relative;
z-index:2;
}

/* TEXT STYLING */
.counter {
font-size:42px;
font-weight:700;
color:#d4af37;
}

.counter-section p {
color:#fff;
font-weight:500;
}

/* WHY BOX */
.why-box {
background:#f5f1f1;
backdrop-filter:blur(10px);
padding:30px 20px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
transition:0.4s;
height:100%;
position:relative;
overflow:hidden;
}

/* ICON */
.why-box i {
font-size:50px;
color:#d4af37;
margin-bottom:15px;
}

/* TITLE */
.why-box h5 {
font-weight:600;
margin-bottom:10px;
}

/* TEXT */
.why-box p {
font-size:14px;
color:#555;
}

/* HOVER EFFECT */
.why-box:hover {
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,0.2);
}

/* GOLD GLOW BORDER */
.why-box::before {
content:"";
position:absolute;
inset:0;
border-radius:20px;
padding:2px;
background:linear-gradient(45deg,#d4af37,transparent,#d4af37);
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity:0;
transition:0.4s;
}

.why-box:hover::before {
opacity:1;
}

.footer {
background:#0a0a0a;
color:#bbb;
padding:60px 0 20px;
}

.footer h5 {
color:#fff;
margin-bottom:20px;
font-weight:600;
}

.footer p {
font-size:14px;
line-height:1.6;
}

.footer a {
color:#bbb;
text-decoration:none;
display:block;
margin-bottom:8px;
transition:0.3s;
}

.footer .col-md-3 a::before {
content:"➤ ";
color:#d4af37;
}

/* SOCIAL ICON CLEAN */
.social-icons a::before {
content:none;
}

.footer a:hover {
color:#d4af37;
transform:translateX(5px);
}

/* SOCIAL ICONS */
.social-icons a {
display:inline-block;
margin-right:10px;
width:35px;
height:35px;
line-height:35px;
text-align:center;
background:#111;
border-radius:50%;
color:#fff;
transition:0.3s;
}

.social-icons a:hover {
background:#d4af37;
color:#000;
}

/* HR */
.footer hr {
border-color:#222;
margin:30px 0;
}

/* GO TOP */
#topBtn {
position:fixed;
bottom:20px;
left:20px;
background:#d4af37;
color:#000;
padding:10px 15px;
border-radius:50%;
cursor:pointer;
display:none;
}


.cta-section {
background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.8)),
url('../images/banner.png') center/cover no-repeat;
padding:80px 0;
}

.cta-section h2 {
font-weight:700;
}

.section h2 {
font-weight:700;
color:#fff;
}

.cta-section p {
max-width:600px;
margin:auto;
color:#ddd;
}

.btn-outline-light:hover {
background:#d4af37;
border-color:#d4af37;
color:#000;
}


/* ANIMATION */
.fade {opacity:0;transform:translateY(40px);transition:1s;}
.fade.show {opacity:1;transform:translateY(0);}

.whatsapp {position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;padding:15px;border-radius:50%;}

/* HERO */
.page-banner {
height:50vh;
background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/banner.png') center/cover;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
text-align:center;
}
.page-banner h1 {font-weight:700;}

/* SECTION */
.section {padding:80px 0;}

/* ABOUT BOX */
.about-box {
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* MISSION */
.mission-box {
background:rgb(160 229 117 / 70%);
padding:30px;
border-radius:20px;
text-align:center;
backdrop-filter:blur(10px);
transition:0.4s;
height:100%;
}
.mission-box i {
font-size:40px;
color:#d4af37;
margin-bottom:15px;
}
.mission-box:hover {
transform:translateY(-10px);
box-shadow:0 20px 50px rgba(0,0,0,0.2);
}

/* CTA */
.cta-section {
background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.8)),
url('../images/banner.png') center/cover;
padding:80px 0;
color:#fff;
text-align:center;
}


/* CERTIFICATE CARD */
.cert-card {
background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
transition:0.4s;
position:relative;
}
.cert-card img {
width:100%;
height:280px;
object-fit:cover;
transition:0.5s;
}

/* HOVER */
.cert-card:hover {
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,0.2);
}
.cert-card:hover img {
transform:scale(1.1);
filter:brightness(0.7);
}

/* TITLE */
.cert-content {
padding:20px;
text-align:center;
}
.cert-content h5 {
font-weight:600;
}

/* ISO BADGES */
.iso-box {
background:rgba(255,255,255,0.7);
padding:25px;
border-radius:20px;
text-align:center;
backdrop-filter:blur(10px);
transition:0.4s;
height:100%;
}
.iso-box i {
font-size:45px;
color:#d4af37;
margin-bottom:15px;
}
.iso-box:hover {
transform:translateY(-10px);
box-shadow:0 20px 50px rgba(0,0,0,0.2);
}

/* CTA */
.cta-section {
background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.8)),
url('../images/banner.png') center/cover;
padding:80px 0;
color:#fff;
text-align:center;
}

/* FOOTER */
.footer {
background:#0a0a0a;
color:#bbb;
padding:60px 0 20px;
}
.footer h5 {color:#fff;}
.footer a {color:#bbb;text-decoration:none;display:block;margin-bottom:8px;}
.footer a:hover {color:#d4af37;}

.social-icons a {
display:inline-block;margin-right:10px;width:35px;height:35px;
line-height:35px;text-align:center;background:#111;border-radius:50%;color:#fff;
}
.social-icons a:hover {background:#d4af37;color:#000;}


/* SIDEBAR PREMIUM */
.sidebar {
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* HEADING WITH BACKGROUND */
.sidebar h5 {
background:#0c3660;
color:#fff;
padding:15px 20px;
margin:0;
font-weight:600;
}

/* CATEGORY LINKS */
.sidebar a {
display:block;
padding:12px 20px;
color:#333;
text-decoration:none;
border-bottom:1px solid #eee;
position:relative;
transition:0.3s;
}

/* ARROW BEFORE TEXT */
.sidebar a::before {
content:"➤";
color:#d4af37;
margin-right:10px;
}

/* HOVER PUSH EFFECT */
.sidebar a:hover {
background:#d4af37;
color:#000;
padding-left:30px;
}

/* ACTIVE */
.sidebar a.active {
background:#d4af37;
color:#000;
font-weight:600;
padding-left:30px;
}

/* PRODUCT CARD */
.product-card {
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
transition:0.4s;
height:100%;
}
.product-card:hover {
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,0.2);
}
.product-img {
height:200px;
overflow:hidden;
}
.product-img img {
width:100%;
height:100%;
object-fit:cover;
transition:0.5s;
}
.product-card:hover img {
transform:scale(1.1);
}
.product-content {
padding:15px;
text-align:center;
}



/* CONTACT CARDS */
.contact-box {
background:#fff;
padding:30px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
transition:0.3s;
}
.contact-box i {
font-size:35px;
color:#d4af37;
margin-bottom:15px;
}
.contact-box:hover {
transform:translateY(-8px);
box-shadow:0 25px 60px rgba(0,0,0,0.2);
}

/* FORM */
.form-box {
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

.form-control {
border-radius:10px;
padding:10px;
}

/* MAP */
.map iframe {
width:100%;
height:100%;
border-radius:20px;
border:0;
}

.product-pro {
    position: relative;
    z-index: 10;
}

.product-content a {
    position: relative;
    z-index: 20;
}


/* Custom styling for modal (Optional) */
.modal-content {
  padding: 20px;
}
.modal-header {
  background-color: #f8d7da;
}
.modal-footer {
  text-align: right;
}

.cert-card{
    background:#fff;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.cert-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}