/* RC365 dedicated landing page stylesheet
   Loaded after the legacy theme so Home redesign is not affected by old template CSS. */

body.it_service .rc-home-hero,
body.it_service .rc-home-section,
body.it_service .rc-home-news-cta {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: normal !important;
}

body.it_service .rc-home-hero *,
body.it_service .rc-home-section * {
  box-sizing: border-box;
}

body.it_service .rc-home-hero {
  position: relative !important;
  min-height: 560px;
  display: flex !important;
  align-items: center;
  overflow: hidden;
  padding: 96px 0 !important;
  margin: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #061832 0%, #102a49 52%, #0c5264 100%) !important;
}

body.it_service .rc-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(6,24,50,.96) 0%, rgba(6,24,50,.82) 45%, rgba(6,24,50,.36) 100%), url('../images/it_service/hong-kong-1081704_1920.jpg') center/cover no-repeat;
  opacity: .9;
}

body.it_service .rc-home-hero::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 440px;
  height: 440px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(69,182,216,.38), transparent 68%);
}

body.it_service .rc-home-hero .container {
  position: relative;
  z-index: 2;
}

body.it_service .rc-home-hero-row,
body.it_service .rc-home-business-row {
  display: flex !important;
  align-items: center;
  gap: 0;
}

body.it_service .rc-home-eyebrow,
body.it_service .rc-home-section-head span,
body.it_service .rc-home-news-panel span {
  display: inline-block !important;
  margin: 0 0 14px !important;
  color: #55d5f2 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body.it_service .rc-home-hero h1 {
  max-width: 760px;
  margin: 0 0 22px !important;
  color: #fff !important;
  font-size: 58px !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  text-transform: none !important;
}

body.it_service .rc-home-lead {
  max-width: 690px;
  margin: 0 0 30px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
}

body.it_service .rc-home-actions,
body.it_service .rc-home-card-links {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
}

body.it_service .rc-home-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 24px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
}

body.it_service .rc-home-btn.primary {
  color: #fff !important;
  background: linear-gradient(135deg, #1a75bb, #45b6d8) !important;
  box-shadow: 0 16px 36px rgba(26,117,187,.34) !important;
  border: 0 !important;
}

body.it_service .rc-home-btn.secondary {
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.32) !important;
}

body.it_service .rc-home-btn:hover,
body.it_service .rc-home-link-card:hover,
body.it_service .rc-home-text-link:hover {
  text-decoration: none !important;
  transform: translateY(-2px);
}

body.it_service .rc-home-hero-card {
  max-width: 420px;
  margin-left: auto;
  padding: 32px !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.11) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(12px);
}

body.it_service .rc-home-hero-card span {
  display: block;
  color: rgba(255,255,255,.76) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
  letter-spacing: normal !important;
}

body.it_service .rc-home-hero-card strong {
  display: block;
  margin: 10px 0 12px !important;
  color: #fff !important;
  font-size: 48px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

body.it_service .rc-home-hero-card p {
  margin: 0 0 22px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

body.it_service .rc-home-card-links a {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  border-bottom: 1px solid rgba(255,255,255,.44) !important;
  text-decoration: none !important;
}

body.it_service .rc-home-section {
  padding: 76px 0 !important;
  margin: 0 !important;
}

body.it_service .rc-home-links,
body.it_service .rc-home-news-cta {
  background: #fff !important;
}

body.it_service .rc-home-business {
  background: #f6f8fb !important;
}

body.it_service .rc-home-section-head {
  max-width: 760px;
  margin: 0 auto 38px !important;
  text-align: center;
}

body.it_service .rc-home-section-head.left {
  margin: 0 !important;
  text-align: left;
}

body.it_service .rc-home-section-head h2,
body.it_service .rc-home-news-panel h2 {
  margin: 0 0 14px !important;
  color: #1b2630 !important;
  font-size: 40px !important;
  line-height: 1.16 !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  text-transform: none !important;
}

body.it_service .rc-home-section-head p,
body.it_service .rc-home-news-panel p {
  margin: 0 !important;
  color: #65727f !important;
  font-size: 16px !important;
  line-height: 1.76 !important;
  letter-spacing: normal !important;
}

body.it_service .rc-home-link-card,
body.it_service .rc-home-feature-card {
  display: block !important;
  height: 100%;
  min-height: 218px;
  margin: 0 0 22px !important;
  padding: 24px !important;
  color: inherit !important;
  background: #fff !important;
  border: 1px solid #e6edf3 !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(18,28,34,.07) !important;
  text-decoration: none !important;
  transition: .2s ease;
}

body.it_service .rc-home-link-card:hover,
body.it_service .rc-home-feature-card:hover {
  border-color: rgba(26,117,187,.35) !important;
  box-shadow: 0 24px 52px rgba(18,28,34,.11) !important;
}

body.it_service .rc-home-link-card span {
  display: inline-flex !important;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px !important;
  color: #1a75bb !important;
  background: #f6f8fb !important;
  border-radius: 50%;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: normal !important;
}

body.it_service .rc-home-link-card h3,
body.it_service .rc-home-feature-card h3 {
  margin: 0 0 10px !important;
  color: #1b2630 !important;
  font-size: 21px !important;
  line-height: 1.32 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}

body.it_service .rc-home-link-card p,
body.it_service .rc-home-feature-card p {
  margin: 0 !important;
  color: #65727f !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  letter-spacing: normal !important;
}

body.it_service .rc-home-feature-grid {
  display: flex;
  flex-wrap: wrap;
}

body.it_service .rc-home-icon {
  display: flex !important;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px !important;
  color: #1a75bb !important;
  background: linear-gradient(135deg, rgba(26,117,187,.12), rgba(69,182,216,.18)) !important;
  border-radius: 16px;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body.it_service .rc-home-text-link {
  display: inline-block !important;
  margin-top: 18px !important;
  color: #1a75bb !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.it_service .rc-home-news-panel {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: 40px !important;
  background: linear-gradient(135deg, #f7fbff, #eef7fb) !important;
  border: 1px solid #e6edf3 !important;
  border-radius: 30px !important;
  box-shadow: 0 18px 46px rgba(18,28,34,.08) !important;
}

body.it_service .rc-home-news-panel > div {
  max-width: 760px;
}

body.it_service .rc-home-news-panel .rc-home-btn {
  flex: 0 0 auto;
}

/* Keep the old template header usable with the redesigned landing */
body.it_service .header_bottom .logo img {
  max-width: 120px !important;
  height: auto !important;
}

body.it_service #navbar_menu > ul > li > a {
  font-weight: 800 !important;
}

@media (max-width: 991px) {
  body.it_service .rc-home-hero-row,
  body.it_service .rc-home-business-row,
  body.it_service .rc-home-news-panel {
    display: block !important;
  }

  body.it_service .rc-home-hero-card {
    max-width: none;
    margin: 34px 0 0;
  }

  body.it_service .rc-home-news-panel .rc-home-btn {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  body.it_service .rc-home-hero {
    min-height: auto;
    padding: 68px 0 62px !important;
  }

  body.it_service .rc-home-hero h1 {
    font-size: 38px !important;
  }

  body.it_service .rc-home-lead {
    font-size: 16px !important;
  }

  body.it_service .rc-home-section {
    padding: 52px 0 !important;
  }

  body.it_service .rc-home-section-head h2,
  body.it_service .rc-home-news-panel h2 {
    font-size: 30px !important;
  }

  body.it_service .rc-home-news-panel {
    padding: 24px !important;
  }

  body.it_service .rc-home-btn {
    width: 100%;
  }
}