/* assets/css/style.css */
@font-face {
    font-display: swap;
    font-family: Optima;
    src: url(assets/fonts/Optima-Regular.eot),
        url(assets/fonts/Optima-Regular.eot) format("embedded-opentype"),
        url(assets/fonts/Optima-Regular.ttf) format("truetype"),
        url(assets/fonts/Optima-Regular.woff) format("woff"),
        url(assets/fonts/Optima-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
/* Fonts */
body, button, input, textarea {
  font-family: 'Poppins', sans-serif;
}
h1,h2,h3,h4,h5,h6 { font-family: 'Optima', sans-serif; text-transform: none;color:#00212a; }
.btn-primary{
    background:#00212a;
    color:#fff;
    border:none;
}
.btn-primary:hover {
    color: var(--bs-btn-hover-color);
    background-color: #1d6c7e;
    border-color:none;
}
.topbar,.website-color {
    color:#00212a
}
.btn-success{
        background: #00ba8d;
}
/* Navbar */
.navbar-custom { background:#00212a; padding:18px 0; transition: all .25s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.04); }
.navbar-custom.scrolled { padding:8px 0; box-shadow: 0 6px 18px rgba(0,0,0,0.12); }
.navbar-custom .navbar-brand { color:#111; font-weight:700; }
.navbar-custom .nav-link { color:#fff; font-weight:500; margin-right:6px; }
.navbar-custom .nav-link:hover { color:#009c87; }

/* make toggler icon visible (green) */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23009c87' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler{
    color:#fff;
}
/* Hero slider */
/* Hero slider */
.hero-slider { position: relative; height: 90vh; overflow: hidden; }
.hero-slider .slide {
  height: 90vh;
  background-size: cover;
  background-position:center;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;  /* horizontally center */
}
.hero-slider .slide::before {
  content:'';
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.45);
  z-index:1;
}
.hero-slider h1{
    color:#fff;
}
.slide-content {
  position:relative;
  z-index:2;
  max-width:800px;
  padding:30px;
  color:#fff;
  opacity:0;
  transform:translateY(20px);
  transition: all .7s ease;
  text-align:center;  /* center text */
}
.slick-slide.slick-active .slide-content {
  opacity:1;
  transform:translateY(0);
}
.slick-next:before,.slick-prev:before{
    content:'';
}
/* heading and paragraph in slide */
.slide-content h1 { font-size:48px; margin-bottom:10px; line-height:1.05; }
.slide-content p { font-size:18px; margin-bottom:18px; color:rgba(255,255,255,0.95); }


/* heading and paragraph in slide */
.slide-content h1 { font-size:48px; margin-bottom:10px; line-height:1.05; }
.slide-content p { font-size:18px; margin-bottom:18px; color:rgba(255,255,255,0.95); }

/* Slick arrows */
.slick-prev, .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1100;
  background: rgba(0,0,0,0.45);
  width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:none;
}
.slick-prev { left:18px; }
.slick-next { right:18px; }
.slick-prev i, .slick-next i { color:#fff; font-size:18px; }
.slick-prev:hover, .slick-next:hover { background:#009c87; }


.carousel-caption h1{
    color:#b8860b;
}
.carousel-caption p{
    color:#b8860b;
}

/* sections */
section { padding:80px 0; }
section h2 { font-size:32px; margin-bottom:24px; text-align:center; }

/* services */
#services i { color:#009c87; }

/* projects */
.project-box img { width:100%; height:220px; object-fit:cover; }
.project-content h5 { margin-bottom:10px; }
.project-content p { color:#555; }

/* footer */
footer { background:#003340; color:#fff; }
.footer h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color:#fff;
}

.footer-links li {
  margin-bottom: 0.5rem;
}
.footer-links a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-links a:hover {
  color: #fff;
}

.social-icon {
  font-size: 1.2rem;
  color: #bbb;
  transition: color 0.3s ease, transform 0.2s;
}
.social-icon:hover {
  color: #28a745; /* brand green */
  transform: translateY(-3px);
}

/* responsive tweaks */
@media (max-width:768px) {
  .slide-content h1 { font-size:30px; }
  .hero-slider { height:70vh; }
  .hero-slider .slide{ height:70vh; }
}
.stats-section .stat-card {
  transition: transform 0.3s, box-shadow 0.3s;
}
.stats-section .stat-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.stats-section .stat-number {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.stats-section .stat-text {
  font-size: 1.1rem;
  font-weight: 500;
  color: #555;
}

.stats-section .stat-bg-circle {
  width: 120px;
  height: 120px;
  background: rgba(0, 156, 135, 0.1);
  border-radius: 50%;
  position: absolute;
  top: -30px;
  right: -30px;
  z-index: 0;
  transition: all 0.3s;
}
.stats-section .stat-card:hover .stat-bg-circle {
  transform: scale(1.2);
}

/* Topbar scrolling text */
.scrolling-text {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.scroll-container {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  width: 100%;
}
.scroll-content {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 15s linear infinite;
}
@keyframes scroll-left {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}