.elementor-31908 .elementor-element.elementor-element-e216d7c:not(.elementor-motion-effects-element-type-background), .elementor-31908 .elementor-element.elementor-element-e216d7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("../../2024/02/Qingdao-Port-scaled.jpg");background-size:cover;}.elementor-31908 .elementor-element.elementor-element-e216d7c > .elementor-background-overlay{background-color:var( --e-global-color-e3ac1c3 );opacity:0.95;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31908 .elementor-element.elementor-element-e216d7c > .elementor-container{max-width:1600px;}.elementor-31908 .elementor-element.elementor-element-e216d7c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:0;}.elementor-bc-flex-widget .elementor-31908 .elementor-element.elementor-element-23675af.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-31908 .elementor-element.elementor-element-23675af.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-31908 .elementor-element.elementor-element-195f31f img{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);}.elementor-31908 .elementor-element.elementor-element-f5dfa8e:not(.elementor-motion-effects-element-type-background), .elementor-31908 .elementor-element.elementor-element-f5dfa8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-31908 .elementor-element.elementor-element-f5dfa8e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:0;}.elementor-31908 .elementor-element.elementor-element-f5dfa8e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31908 .elementor-element.elementor-element-60e4dcc:not(.elementor-motion-effects-element-type-background), .elementor-31908 .elementor-element.elementor-element-60e4dcc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-db6c30c );}.elementor-31908 .elementor-element.elementor-element-60e4dcc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:0;}.elementor-31908 .elementor-element.elementor-element-60e4dcc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31908 .elementor-element.elementor-element-a457651 > .elementor-widget-container{margin:3% 0% 3% 0%;}.elementor-31908 .elementor-element.elementor-element-3c0fa5b:not(.elementor-motion-effects-element-type-background), .elementor-31908 .elementor-element.elementor-element-3c0fa5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-31908 .elementor-element.elementor-element-3c0fa5b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:0%;z-index:0;}.elementor-31908 .elementor-element.elementor-element-3c0fa5b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31908 .elementor-element.elementor-element-0b62d15 > .elementor-widget-container{margin:2% 0% 2% 0%;}.elementor-31908 .elementor-element.elementor-element-b8059f2:not(.elementor-motion-effects-element-type-background), .elementor-31908 .elementor-element.elementor-element-b8059f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-db6c30c );}.elementor-31908 .elementor-element.elementor-element-b8059f2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:0;}.elementor-31908 .elementor-element.elementor-element-b8059f2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31908 .elementor-element.elementor-element-b548af2 > .elementor-widget-container{margin:5% 0% 5% 0%;}.elementor-31908 .elementor-element.elementor-element-3bd9b16 > .elementor-container{max-width:1350px;}.elementor-31908 .elementor-element.elementor-element-3bd9b16{margin-top:3%;margin-bottom:0%;z-index:0;}.elementor-31908 .elementor-element.elementor-element-c250b1e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-31908 .elementor-element.elementor-element-c250b1e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-db6c30c );}.elementor-31908 .elementor-element.elementor-element-c250b1e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-31908 .elementor-element.elementor-element-c250b1e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31908 .elementor-element.elementor-element-2a4cc33{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0em;margin-bottom:0em;padding:0em 0em 0em 0em;}.elementor-31908 .elementor-element.elementor-element-2a4cc33 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31908 .elementor-element.elementor-element-4e923d5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-31908 .elementor-element.elementor-element-4e923d5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-31908 .elementor-element.elementor-element-4e923d5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-31908 .elementor-element.elementor-element-4e923d5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-31908 .elementor-element.elementor-element-233ed08 > .elementor-widget-container{padding:3% 10% 3% 10%;}.elementor-31908 .elementor-element.elementor-element-233ed08{z-index:0;font-family:"Mulish", Sans-serif;font-weight:400;}.elementor-31908 .elementor-element.elementor-element-233ed08 p{margin-bottom:2em;}@media(min-width:768px){.elementor-31908 .elementor-element.elementor-element-9a29baf{width:76.966%;}.elementor-31908 .elementor-element.elementor-element-23675af{width:23.006%;}}/* Start custom CSS for html, class: .elementor-element-c3768d7 *//* General Styles */
.hero-section {
  position: relative;
  background-image: url('https://your-image-url.jpg/'); /* Replace with your high-quality background image */
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  padding: 140px 20px;
  color: #ffffff;
  text-align: center;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 28, 56, 0.7), rgba(0, 28, 56, 0.9)); /* Adds contrast */
}

.container {
  position: relative;
  z-index: 2; /* Ensures content is above the overlay */
  max-width: 800px;
  margin: 0 auto;
}

/* Typography */
.hero-title {
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.hero-subtitle {
  font-family: 'Mulish', Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: #E5E5E5;
  margin-bottom: 30px;
}

.hero-description {
  font-family: 'Mulish', Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.8;
  color: #f0f0f0;
  margin-bottom: 50px;
}

/* CTA Wrapper */
.cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px; /* Space between text and icon */
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  color: #001C38;
  background: linear-gradient(135deg, #D6DF20, #BFD615);
  padding: 15px 40px;
  border: none;
  border-radius: 30px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.hero-button:hover {
  background: linear-gradient(135deg, #c4d117, #a7c00f);
  transform: scale(1.1);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
  color: #ffffff;
}

.hero-button:active {
  transform: translateY(2px);
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.hero-button::before {
  content: "✈️";
  display: inline-block;
  margin-right: 8px;
  font-size: 1.5rem;
  animation: bounce 1.2s infinite;
}

.cta-subtext {
  font-family: 'Mulish', Arial, sans-serif;
  font-size: 1rem;
  color: #E5E5E5;
  margin-top: 10px;
  opacity: 0.8;
}

/* Animation: Keyframes */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.container {
  animation: fadeInUp 1s ease-in-out;
}

/* Responsive Design */
@media (max-width: 768px) {
  .hero-title {
    font-size: 2.5rem;
  }

  .hero-subtitle {
    font-size: 1.3rem;
  }

  .hero-description {
    font-size: 1rem;
  }

  .hero-button {
    font-size: 1rem;
    padding: 12px 25px;
  }

  .cta-subtext {
    font-size: 0.9rem;
  }/* End custom CSS */