:root {
  --ice-white: #F8FDFF;
  --mountain-blue: #38BDF8;
  --emerald: #047857;
  --silver: #CBD5E1;
  --deep-navy: #082F49;
  --glacier-blue: #E0F2FE;
  --mist: #F1F5F9;
  --text: #334155;
}

body {
  color: var(--text);
  background: linear-gradient(180deg, var(--ice-white) 0%, #ffffff 45%, #f8fafc 100%);
}

body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 12%, rgba(56,189,248,.18), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(4,120,87,.10), transparent 24%),
    radial-gradient(circle at 50% 92%, rgba(203,213,225,.22), transparent 32%);
}

a, .main_menu ul li a:hover, .single_footer ul li a:hover { color: var(--emerald); }

.header_absolute {
  background: linear-gradient(90deg, rgba(248,253,255,.95), rgba(56,189,248,.92), rgba(4,120,87,.94), rgba(203,213,225,.95));
  box-shadow: 0 16px 40px rgba(8, 47, 73, .12);
  backdrop-filter: blur(10px);
}

.logo { max-width: 230px; }
.logo h3 {
  color: var(--deep-navy);
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.main_menu ul li a {
  color: var(--deep-navy);
  font-weight: 700;
}

.slicknav_menu { background: transparent; }
.slicknav_btn { background: var(--emerald); }
.slicknav_nav { background: rgba(8,47,73,.96); border-radius: 16px; padding: 12px; }
.slicknav_nav a { color: #fff; }

.welcome_area {
  min-height: 900px;
  height: auto;
  padding: 180px 0 110px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(248,253,255,.94) 0%, rgba(56,189,248,.26) 32%, rgba(4,120,87,.20) 72%, rgba(203,213,225,.38) 100%),
    radial-gradient(circle at 82% 42%, rgba(255,255,255,.92), transparent 16%);
}

.welcome_area:after {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -75px;
  height: 180px;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 70%);
  transform: rotate(-2deg);
  z-index: -1;
}

.title h1,
.welcome_area h1 {
  color: var(--deep-navy) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  letter-spacing: -.045em;
}

.title h6,
.welcome_area .title h6 {
  color: #155E75 !important;
  max-width: 680px;
}

.apps,
.feature_tab_img_right,
.feature_tab_img_left,
.apps_app {
  filter: drop-shadow(0 28px 55px rgba(8, 47, 73, .22));
}

.apps img,
.feature_tab_img_right img,
.feature_tab_img_left img,
.mobile_feature_img img,
.mobile_feature_img2 img,
.apps_app img,
.single_screen img {
  border-radius: 28px;
  border: 1px solid rgba(203,213,225,.85);
}

.primary_bg {
  background: linear-gradient(135deg, var(--ice-white) 0%, rgba(56,189,248,.12) 42%, rgba(203,213,225,.34) 100%);
}

.heading h1,
.heading.hbm h1,
.content_box h6,
.contact_info h3,
.single_footer h3,
button.btn.btn-link.btn-block.text-left {
  color: var(--deep-navy);
}

.heading p,
.heading.hbm p,
.content_box p,
.card-body,
.contact_info p,
p.footer_pera,
.single_footer ul li a,
.single_footer ul li p,
.copyright p {
  color: #475569;
}

.single_core_feature,
.single_more_feature,
.single_about,
.card,
.contact_info {
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(203,213,225,.78);
  box-shadow: 0 18px 45px rgba(8, 47, 73, .08);
  border-radius: 24px;
}

.single_core_feature:hover,
.single_more_feature:hover,
.single_about:hover,
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 55px rgba(4, 120, 87, .14);
  transition: all .3s ease;
}

.single_more_feature { padding: 32px 28px; min-height: 260px; }
.single_about { padding: 34px 28px; min-height: 250px; }

.single_core_feature { padding: 42px 32px; min-height: 350px; }

.content_box h6:before {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  margin: 0 auto 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--mountain-blue), var(--emerald), var(--silver));
}

.single_more_feature .content_box h6:before,
.single_about .content_box h6:before { margin-left: 0; }

.feature_area { overflow: hidden; }
img.feature_img_right,
img.feature_img_left {
  opacity: .24;
  border-radius: 40px;
  filter: saturate(1.12) contrast(1.04);
}

.screen_carousel .owl-dots .owl-dot { background: var(--silver); }
.screen_carousel .owl-dots .owl-dot.active { background: var(--emerald); }

.faq_area .card { overflow: hidden; }
.card-header { background: rgba(248,253,255,.75); }
.faq_area button.btn.btn-link:after { color: var(--emerald); }

.apps_area {
  background: linear-gradient(135deg, rgba(248,253,255,.9), rgba(56,189,248,.10) 45%, rgba(4,120,87,.10));
  padding-top: 70px;
}

.contact_area {
  background: linear-gradient(135deg, #F8FDFF 0%, rgba(56,189,248,.16) 48%, rgba(203,213,225,.38) 100%);
}

.contact_form .form-control {
  border-radius: 14px;
  border-color: rgba(148,163,184,.55);
  background: rgba(255,255,255,.92);
  color: var(--deep-navy);
}

.contact_form .form-control:focus {
  border-color: var(--mountain-blue);
  box-shadow: 0 0 0 4px rgba(56,189,248,.18);
}

.contact_form .btn-primary,
button.submit_btn.submit_btn2 {
  background: linear-gradient(90deg, var(--mountain-blue), var(--emerald));
  border: 0;
  border-radius: 999px;
  color: #fff;
  box-shadow: 0 12px 30px rgba(4,120,87,.22);
}

.contact_form .btn-primary:hover,
button.submit_btn.submit_btn2:hover {
  background: linear-gradient(90deg, var(--emerald), #065F46);
}

.footer {
  background: linear-gradient(135deg, var(--deep-navy), #0F766E 58%, #334155);
}

.footer h3,
.footer p,
.footer a,
.footer .single_footer ul li a,
.footer .single_footer ul li p,
.footer p.footer_pera {
  color: rgba(248,253,255,.92);
}

.footer .single_footer ul li a:hover { color: #BAE6FD; }
.copyright { background: #F8FDFF; border-top: 1px solid rgba(203,213,225,.75); }
.copyright a { color: var(--emerald); font-weight: 700; }

@media screen and (max-width: 767px) {
  .welcome_area { padding: 145px 0 70px; min-height: auto; }
  .logo h3 { font-size: 18px; }
  .single_core_feature { min-height: auto; }
  .single_more_feature .content_box h6:before,
  .single_about .content_box h6:before { margin-left: auto; }
}