@import "./sec-1-hero.css";
@import "./sec-2-3-intro.css";
@import "./sec-2b-highlights.css";
@import "./sec-4-orbit.css";
@import "./sec-5-8-pillars.css";
@import "./sec-9-arch.css";
@import "./sec-9b-advisory.css";
@import "./sec-10-contact.css";

.sec-hero {
  background: var(--White, #FFF);
  transition: background 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-2b {
  background: radial-gradient(50% 50% at 50% 50%, #0E6CC7 0%, #1E61B3 30%, #01103B 100%);
  transition: background 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-continuum,
.sec-6,
.sec-8 {
  background-color: #01103b;
  transition: background-color 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
.sec-5,
.sec-7,
.sec-9 {
  background: linear-gradient(
    98deg,
    #fff 27.99%,
    #8eaad9 41.97%,
    #2053a9 51.95%,
    #01103b 67.93%
  );
  transition: background 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.sec-architect,
.sec-framework {
  background-color: #ffffff !important;
  transition: background-color 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.sec-10 {
  background-color: #f7f9fc;
  transition: background-color 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.section-content {
  width: 100%;
  align-items: center;
  position: relative;
  z-index: 2;
}

.morph-overlay {
  position: absolute;
  inset: 0;
  z-index: 9999;
  background-color: var(--morph-color);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}
.morph-active .morph-overlay {
  opacity: 1;
  transition: none;
}

.page-home .scroll-down-btn {
  bottom: 12px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  border: none !important;
  background: #0431B1 !important;
  box-shadow: 0 4px 12px rgba(4, 49, 177, 0.25) !important;
  cursor: pointer;
  box-sizing: border-box;
  color: #ffffff !important;
  opacity: 1 !important;
}

.page-home .scroll-down-btn:hover {
  background: #0431B1 !important;
  box-shadow: 0 4px 12px rgba(4, 49, 177, 0.25) !important;
  transform: translateX(-50%) !important;
  transition: none !important;
}

@media (max-width: 1024px) {
  .page-home .scroll-down-btn {
    display: none !important;
  }

  .page-home .swiper-slide:first-child .scroll-down-btn,
  .page-home .swiper-slide[data-section-index="0"] .scroll-down-btn,
  .page-home .sec-hero .scroll-down-btn {
    display: flex !important;
  }

  .page-home .swiper-slide:not(:first-child) .scroll-down-btn,
  .page-home .swiper-slide:not([data-section-index="0"]) .scroll-down-btn,
  .page-home .sec-architect .scroll-down-btn,
  .page-home .sec-framework .scroll-down-btn,
  .page-home .sec-5 .scroll-down-btn,
  .page-home .sec-7 .scroll-down-btn,
  .page-home .sec-9 .scroll-down-btn {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .page-home .scroll-down-btn {
    display: none !important;
  }

  .page-home .swiper-slide:first-child .scroll-down-btn,
  .page-home .swiper-slide[data-section-index="0"] .scroll-down-btn,
  .page-home .sec-hero .scroll-down-btn {
    display: flex !important;
    bottom: 12px !important;
    width: 56px;
    height: 34px;
  }

  .page-home .swiper-slide:not(:first-child) .scroll-down-btn,
  .page-home .swiper-slide:not([data-section-index="0"]) .scroll-down-btn,
  .page-home .sec-architect .scroll-down-btn,
  .page-home .sec-framework .scroll-down-btn,
  .page-home .sec-5 .scroll-down-btn,
  .page-home .sec-7 .scroll-down-btn,
  .page-home .sec-9 .scroll-down-btn {
    display: none !important;
  }
}