* {
margin:0;
padding:0;
box-sizing:border-box;
font-family: Arial, Helvetica, sans-serif;
scroll-behavior:smooth;
}

body {
background:#0b0b0b;
color:white;
line-height:1.6;
}

/* HEADER */

header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0px 8%;
 background: rgba(0, 0, 0, 0.4);
 backdrop-filter: blur(10px);
 position: sticky;
 top: 0;
 z-index: 1000;
}


header h2 {
color:#FFB908;
}

nav a {
color:white;
text-decoration:none;
margin-left:25px;
font-size:15px;
}

nav a:hover {
color:#FFB908;
}

/* HERO */

.hero {
height:95vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;

background:url("images/new-hero.jpg") center / cover no-repeat;
min-height: 50vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
position: relative;
}

.hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}

.hero div {
position: relative;
z-index: 2;
}

.hero h1 {
font-size:60px;
margin-bottom:20px;
}

.hero p {
font-size:20px;
opacity:0.9;
}

.hero button {
margin-top:30px;
padding:15px 40px;
background:#FFB908;
border:none;
font-size:16px;
cursor:pointer;
}

/* SECTIONS */

.section {
padding:90px 8%;
}

.section h2 {
text-align:center;
font-size:42px;
margin-bottom:60px;
}

/* GRID */

.grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

.card {
background:#161616;
padding:35px;
border-radius:10px;
transition:0.3s;
}

.card:hover {
transform:translateY(-8px);
}

/* ACADEMY */

.academy {
background:#111;
text-align:center;
}

.academy p {
max-width:850px;
margin:auto;
font-size: 20px;
margin-top:25px;
}

/* HOMEPAGE ACADEMY SECTION */

.academy-home {
background: url("images/academy-home.jpg") center / cover no-repeat;
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
position: relative;
padding: 0 8%;
}

.academy-home::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}

.academy-home .academy-hero-text {
position: relative;
z-index: 2;
max-width: 1200px;
margin:auto;
}

.academy-home p {
font-size: 20px;
max-width: 1600px;
margin: auto;
line-height: 1.6;
}

/* INDUSTRIES */

.industries {
background:#0f0f0f;
}

/* PORTFOLIO */

.gallery {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:20px;
}

.gallery img {
width:100%;
border-radius:8px;
}

/* CONTACT */

.contact {
text-align:center;
}

.contact button {
margin-top:25px;
padding:15px 40px;
background:#FFB908;
border:none;
font-size:16px;
cursor:pointer;
}

/* FOOTER */

footer {
background:black;
text-align:center;
padding:30px;
margin-top:40px;
}

/* ------------------ Logo ------------------ */

.logo img {
  height: 150px;
  width: auto;
  display: block;
}
.logo {
  display: flex;
  align-items: center;
  gap: 60px;
}

.academy-title {
  color: white;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 1px;
}

/* Drone Fleet Section */

.fleet {
padding: 80px 8%;
text-align: center;
}

.fleet h2 {
font-size: 36px;
margin-bottom: 20px;
}

.fleet p {
max-width: 700px;
margin: auto;
margin-bottom: 40px;
}

.fleet-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;

}

/* Drone Cards */

.drone-card {
background: #f2f2f2;
padding: 25px;
border-radius: 14px;
width: 260px;
text-align: center;
color: #111;
transition: transform 0.3s ease;
display: flex;
flex-direction: column;

}

.drone-card:hover {
transform: translateY(-6px);
}

.drone-card img {
width: 100%;
max-height: 200px;
object-fit: contain;
border-radius: 8px;
margin-bottom: 20px;
}

.drone-card h3 {
color: #000;
margin-top: 20px;
margin-bottom: 6px;
}

.drone-card p {
color: #333;
font-size: 14px;
min-height: 60px;
margin-top: 6px;
text-align: center;
}

/* SERVICES SECTION */

.card {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 25px;
}

.card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 15px;
}

/* Academy Section */

.academy {
background: url("images/drone-training.jpg") center/cover no-repeat;
position: relative;
padding: 120px 8%;
color: white;
text-align: center;
}

/* Dark blur overlay */
.academy::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.55);
backdrop-filter: blur(6px);
}

/* Keeps text above the blur */
.academy-content {
position: relative;
z-index: 2;
max-width: 700px;
margin: auto;
}

/* INDUSTRIES WE SERVE SECTION */

.industries .card {
text-align: center;
}

.industries .card img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 15px;
}

.industries .card p {
min-height: 60px;
}

/* WORK WITH US SECTION */

.work-image {
width: 100%;
max-width: 900px;
display: block;
margin: 20px auto;
border-radius: 10px;
}

/* ACADEMY PAGE */

.academy-page {
text-align: center;
max-width: 900px;
margin: auto;
}

/* ACADEMY INTRO IMAGE */

.academy-intro-image {
width: 100%;
max-width: 700px;
display: block;
margin: 25px auto;
border-radius: 10px;
}

/* ACADEMY HERO IMAGE */

.academy-hero {
background: url("images/academy-training.jpg") center / cover no-repeat;
min-height: 100vh;
padding: 0 8%; /* match banner */
display: flex;
align-items: center;
padding-top: 120px;
justify-content: center;
text-align: center;
color: white;
position: relative;
}

.academy-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* darker overlay */
}

.academy-hero-text h2 {
font-size: 50px;
font-weight: 700;
position: relative;
z-index: 2;ß
max-width: 900px;
top: -80px;
margin: auto;
}

.academy-hero-text p {
font-size: 28px;
line-height: 1.6;
}

.academy-hero-text {
position: relative;
z-index: 2;
}

/* ACADEMY IMAGE BANNER */

.academy-banner {
background: url("images/drone-training.jpg") center / cover no-repeat;
min-height: 100vh;
padding: 0 8%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
position: relative;
}

/* overlay (important for readability) */
.academy-banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}

/* text container */
.academy-banner-text {
position: relative;
z-index: 2;
max-width: 950px;
margin: auto;
text-align: center;
}

/* heading */
.academy-banner-text h2 {
font-size: 50px;
font-weight: 700;
margin-bottom: 15px;
white-space: nowrap;
}

.academy-banner-text h2 {
position: relative;
top: -30px;
}

/* paragraph text */
.academy-banner-text p {
font-size: 28px;
line-height: 1.6;
}

/*workshop section*/

.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}

.card {
display: flex;
flex-direction: column;
height: 100%;
}

/* CONTACT IMAGE SECTION */

.contact-page {
background: url("images/contact-training.jpg") center / cover no-repeat;
min-height: 72vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
position: relative;
padding: 0 8%;
}

/* overlay */
.contact-page::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}

/* text */
.contact-page-text {
position: relative;
z-index: 2;
max-width: 1200px;
}

.contact-page-text h2 {
font-size: 50px;
font-weight: 700;
}

.contact-page-text p {
font-size: 28px;
line-height: 1.6;
}

/* button spacing */
.contact-page-text button {
margin-top: 70px;
}

button {
background-color: #FFD700;
color: black;
border: none;
padding: 12px 25px;
border-radius: 5px;
cursor: pointer;
}

/* PORTFOLIO GALLERY FIX */

.gallery img {
width: 100%;
height: 220px;
object-fit: contain;
background-color: black;
border-radius: 10px;
}

/* PORTFOLIO GALLERY FIX */

.gallery img {
width: 100%;
height: 220px;
object-fit: contain;
background-color: black;
border-radius: 10px;
}

/* PORTFOLIO GALLERY */

.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 40px 8%;
}

.gallery img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 10px;
transition: transform 0.3s ease;
}

.gallery img:hover {
transform: scale(1.05);
}

/* CONTACT INFO STYLING */

.contact-info {
text-align: center;
margin-bottom: 40px;
font-size: 18px;
}

.contact-item {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 15px 0;
}

/* REMOVE underline + make links white */
.contact-info a {
color: white;
text-decoration: none;
}

/* optional hover effect */
.contact-info a:hover {
opacity: 0.8;
}

/* ICON STYLING */
.contact-info i {
font-size: 25px;
}

/* Email icon */
.fa-envelope {
color: #FFD700;
}

/* Instagram icon (gradient look) */
.fa-instagram {
background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.contact-item a {
display: flex;
align-items: center;
gap: 10px;
color: white;
text-decoration: none;
}

/* BUTTONS */
.btn {
background-color: #FFD700;
color: black;
padding: 12px 25px;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
display: inline-block;
border: none;
}

/* button spacing */
.btn {
margin-top: 30px;
}

/* hover effect */
.btn:hover {
background-color: #e6c200;
}

/* CONTACT IMAGE SECTION */

.contact-hero {
background: url("images/contact.jpg") center / cover no-repeat;
min-height: 90vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
position: relative;
padding: 0 8%;
}

/* overlay for readability */
.contact-hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}

/* text container */
.contact-hero-text {
position: relative;
z-index: 2;
max-width: 900px;
margin: auto;
}