@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");

#hwl-info#hwl-info,
#hwl-info#hwl-info * {
  box-sizing: border-box !important;
}

#hwl-info#hwl-info {
  --hwl-color1: #176b87 !important;
  --hwl-color2: #4b8f72 !important;
  --hwl-accent: #d49a45 !important;
  --hwl-grad: linear-gradient(135deg,#176b87,#4b8f72) !important;
  --hwl-grad-soft: linear-gradient(135deg,rgba(23,107,135,.045),rgba(75,143,114,.035)) !important;
  --hwl-ink: #0f172a !important;
  --hwl-body: #64748b !important;
  --hwl-border: rgba(23,107,135,.15) !important;
  --hwl-wh: #ffffff !important;
  --hwl-ow: #f1f8f7 !important;
  --hwl-r: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: -25px !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  font-family: Inter,sans-serif !important;
  color: var(--hwl-ink) !important;
}

#hwl-info#hwl-info .hwl-inner { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; }
#hwl-info#hwl-info .hwl-sec { width: 100% !important; padding: 80px 24px !important; }
#hwl-info#hwl-info .hwl-s1 { padding-top: 0 !important; margin-top: 0 !important; }
#hwl-info#hwl-info .hwl-s3 { padding-bottom: 40px !important; margin-bottom: 0 !important; }
#hwl-info#hwl-info .hwl-bg-wh { background: #fff !important; }
#hwl-info#hwl-info .hwl-bg-ow { background: var(--hwl-ow) !important; }
#hwl-info#hwl-info .hwl-hb { max-width: 760px !important; margin: 0 auto 36px !important; text-align: center !important; }
#hwl-info#hwl-info h1,
#hwl-info#hwl-info h2 { margin: 48px 0 12px !important; font-size: clamp(1.6rem,2.6vw,2.5rem) !important; line-height: 1.12 !important; font-weight: 800 !important; letter-spacing: -.04em !important; text-align: center !important; color: var(--hwl-ink) !important; }
#hwl-info#hwl-info .hwl-hb p { margin: 0 auto !important; font-size: 1rem !important; line-height: 1.7 !important; color: var(--hwl-body) !important; }
#hwl-info#hwl-info .hwl-gx { background: var(--hwl-grad) !important; background-clip: text !important; -webkit-background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
#hwl-info#hwl-info .hwl-g3 { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 26px !important; }
#hwl-info#hwl-info .hwl-g4 { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 26px !important; }
#hwl-info#hwl-info .hwl-ca,
#hwl-info#hwl-info .hwl-cb { position: relative !important; overflow: hidden !important; background: var(--hwl-wh) !important; border: 1px solid var(--hwl-border) !important; border-radius: var(--hwl-r) !important; opacity: 1 !important; transition: transform .3s ease,box-shadow .3s ease,border-color .3s ease !important; }
#hwl-info#hwl-info .hwl-ca { padding: 42px 32px 38px !important; }
#hwl-info#hwl-info .hwl-cb { display: flex !important; flex-direction: column !important; align-items: center !important; padding: 36px 28px 32px !important; text-align: center !important; }
#hwl-info#hwl-info .hwl-ca:hover { transform: translateY(-4px) !important; border-color: rgba(23,107,135,.34) !important; box-shadow: 0 12px 30px rgba(23,107,135,.1) !important; }
#hwl-info#hwl-info .hwl-cb:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(23,107,135,.08) !important; }
#hwl-info#hwl-info .hwl-ci { display: flex !important; align-items: center !important; justify-content: center !important; width: 68px !important; height: 68px !important; margin-bottom: 20px !important; border-radius: 16px !important; background: var(--hwl-grad-soft) !important; color: var(--hwl-color1) !important; transition: transform .28s ease,box-shadow .28s ease !important; }
#hwl-info#hwl-info .hwl-ca:hover .hwl-ci { transform: scale(1.06) !important; box-shadow: 0 5px 14px rgba(23,107,135,.12) !important; }
#hwl-info#hwl-info .hwl-cb:hover .hwl-ci { transform: translateY(-2px) scale(1.08) !important; }
#hwl-info#hwl-info .hwl-ico { font-size: 1.5rem !important; color: var(--hwl-color1) !important; }
#hwl-info#hwl-info h3 { margin: 0 0 10px !important; font-size: 1.05rem !important; line-height: 1.35 !important; font-weight: 700 !important; color: var(--hwl-ink) !important; }
#hwl-info#hwl-info .hwl-cd p,
#hwl-info#hwl-info .hwl-ca p { margin: 0 !important; font-size: .92rem !important; line-height: 1.65 !important; color: var(--hwl-body) !important; }
#hwl-info#hwl-info .hwl-badge { position: absolute !important; top: 16px !important; right: 16px !important; padding: 4px 10px !important; border: 1px solid rgba(23,107,135,.1) !important; border-radius: 9999px !important; color: rgba(23,107,135,.58) !important; background: rgba(23,107,135,.07) !important; font-size: 10px !important; font-weight: 700 !important; transition: transform .24s ease,color .24s ease,background .24s ease !important; }
#hwl-info#hwl-info .hwl-cb:hover .hwl-badge { transform: translateY(-2px) !important; color: #176b87 !important; background: rgba(212,154,69,.14) !important; }
#hwl-info#hwl-info .hwl-fbar { position: absolute !important; right: 0 !important; bottom: 0 !important; left: 0 !important; height: 0 !important; background: var(--hwl-grad) !important; transition: height .28s ease !important; }
#hwl-info#hwl-info .hwl-cb:hover .hwl-fbar { height: 4px !important; }

@media (max-width:1099px) {
  #hwl-info#hwl-info .hwl-sec { padding: 60px 16px !important; }
  #hwl-info#hwl-info .hwl-g3,
  #hwl-info#hwl-info .hwl-g4 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 16px !important; }
  #hwl-info#hwl-info .hwl-ci { width: 48px !important; height: 48px !important; }
  #hwl-info#hwl-info .hwl-ico { font-size: 1.1rem !important; }
}

@media (max-width:639px) {
  #hwl-info#hwl-info .hwl-sec { padding: 32px 12px !important; }
  #hwl-info#hwl-info .hwl-s1 { padding-top: 0 !important; }
  #hwl-info#hwl-info .hwl-s3 { padding-bottom: 40px !important; }
  #hwl-info#hwl-info .hwl-hb { margin-bottom: 22px !important; }
  #hwl-info#hwl-info h1,
  #hwl-info#hwl-info h2 { margin-top: 32px !important; font-size: 1rem !important; line-height: 1.22 !important; }
  #hwl-info#hwl-info .hwl-g3,
  #hwl-info#hwl-info .hwl-g4 { grid-template-columns: 1fr !important; gap: 10px !important; }
  #hwl-info#hwl-info .hwl-ca,
  #hwl-info#hwl-info .hwl-cb { padding: 24px 18px 22px !important; }
  #hwl-info#hwl-info .hwl-ci { width: 36px !important; height: 36px !important; margin-bottom: 14px !important; }
  #hwl-info#hwl-info .hwl-ico { font-size: .9rem !important; }
  #hwl-info#hwl-info h3 { font-size: .8rem !important; }
  #hwl-info#hwl-info .hwl-cd p,
  #hwl-info#hwl-info .hwl-ca p { font-size: .75rem !important; }
}