/*body{
    line-height: 24px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
}*/

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

/* Navbar Logo */
.navbar-brand img { height: 65px; width: auto; }

/* Navbar container */
.navbar { background-color: #0b1c2d; padding: 5px 0; }

/* Nav items */
.navbar-nav { display: flex; align-items: center; gap: 10px; }

/* Menu links */
.navbar .nav-link {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 8px 14px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* Hover effect */
.navbar .nav-link:hover { background-color: rgba(255,255,255,0.08); color: #fbbf24; }

/* Active menu */
.navbar .nav-link.active { background: linear-gradient(90deg, #fbbf24, #f59e0b); color: #000 !important; font-weight: 600; }

/* Dropdown */
.navbar .dropdown-toggle::after { margin-left: 3px; }
.dropdown-menu { background: linear-gradient(90deg,#0b1c2d,#102a43)!important; border:none; box-shadow:0 12px 30px rgba(0,0,0,0.35); padding:8px; border-radius:10px; }
.dropdown-item { color:#fff!important; font-weight:500; padding:12px 18px; border-radius:8px; transition: all 0.25s ease; }
.dropdown-item:hover { background-color: rgba(255,255,255,0.08)!important; color:#fff!important; }
.dropdown-item.active, .dropdown-item:active { background: linear-gradient(30deg,#fbbf24,#f59e0b)!important; color:#000!important; font-weight:600; }
.dropdown-item:focus { background-color: transparent!important; }

/* IMAGE SCROLLER / HERO */
.image-scroller-swiper {
  width: 100%;
  height: 90vh; /* almost full screen */
  position: relative;
  overflow: hidden;
}

.image-scroller-swiper .swiper-slide {
  background-size: cover;
  background-position: center;
  position: relative;
}

.image-scroller-swiper .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(11, 28, 45, 0.6); /* dark overlay */
}

.image-scroller-swiper .slide-text {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  max-width: 90%;
}

.image-scroller-swiper h2 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.image-scroller-swiper p {
  font-size: 1.2rem;
  font-weight: 500;
}

/* Swiper controls styling */
.swiper-button-next,
.swiper-button-prev {
  color: #fbbf24; /* gold arrows */
}

.swiper-pagination-bullet {
  background: #fbbf24;
  opacity: 0.7;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}




/* STATS */
.stats{
    background:#0b1c2d;
    color:#fff;
}

/* PROJECT CARDS */
.project-card{
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.2);
}
.project-card img{
    height:280px;
    width:100%;
    object-fit:cover;
}

/* ABOUT */
.about{
    background:#f5f7fa;
}

/* WHY US */
.icon-box{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* CONTACT */
.contact{
    background:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e') center/cover;
    position:relative;
    color:white;
}
.contact::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.75);
}
.contact-content{
    position:relative;
}

/* FOOTER */
footer{
    background:#020617;
    color:#aaa;
}

.project-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}
.project-card:hover{
    transform:translateY(-6px);
}

.project-img{
    width:100%;
    height:200px;
    object-fit:cover;
}

.project-card.completed{
    border-top:5px solid #198754;
}

.projects-scroll{
	display:flex;
	gap:20px;
	overflow-x:auto;
	scroll-behavior:smooth;
	padding-bottom:10px;
}

.projects-scroll::-webkit-scrollbar{
	height:6px;
}
.projects-scroll::-webkit-scrollbar-thumb{
	background:#bbb;
	border-radius:10px;
}

.project-box{
	min-width:420px;
	max-width:420px;
	background:#fff;
	border-radius:14px;
	box-shadow:0 8px 22px rgba(0,0,0,.12);
	overflow:hidden;
	transition:.3s;
}
.project-box:hover{
	transform:translateY(-5px);
}

.project-box img{
	width:100%;
	height:140px;
	object-fit:cover;
}