/* Basic CSS to get page working */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Cairo', 'Roboto', sans-serif;
  line-height: 1.6;
}

/* Header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px 0;
}

.header .logo {
    display: flex;
    align-items: center;
  gap: 10px;
}

.header .logo img {
  max-height: 40px;
}

/* Navigation */
  .navmenu ul {
    list-style: none;
    display: flex;
  gap: 20px;
    align-items: center;
}

.navmenu a {
    color: #fff;
  text-decoration: none;
  padding: 5px 10px;
}

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

/* Basic utility classes */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.col-lg-6 {
  flex: 0 0 50%;
  padding: 0 15px;
}

/* Preloader */
#preloader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-logo img {
  max-width: 200px;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.8; transform: scale(1.05); }
}