/* Conen Digital: accessible turquoise palette, scoped to this demo. */
body { color: #293d43; font-weight: 400; line-height: 1.65; }
.navbar-top-default,
.header-appear .navbar-top-default,
.side-menu { background: #125767; }
.navbar-simple .navbar-nav .nav-link,
.side-nav .navbar-nav .nav-link { color: #fff; font-weight: 500; }
.banner { background: linear-gradient(110deg, #125767 0%, #176779 52%, #63c8dc 100%); padding-top: 110px; padding-bottom: 40px; }
.banner .banner-description { padding: 20px 24px 20px 0; }
.banner .banner-description h1 { font-size: clamp(30px, 3.1vw, 44px); line-height: 1.2; font-weight: 600; }
.banner .banner-description p { color: #fff; margin: 22px 0 28px; }
.banner img { height: auto; padding: 0; width: calc(100% - 60px); margin-left: 60px; border-radius: 20px; }
.btn.btn-white-with-black-hover { background: #fff !important; color: #125767; border-color: #fff; border-radius: 6px; padding: 12px 22px; text-transform: none; }
.btn.btn-white-with-black-hover:hover,
.btn.btn-white-with-black-hover:focus { background: #123d49 !important; color: #fff; border-color: #fff; }
.adv-sec .download-app a i { color: inherit; }
.our-service .heading h3,
.screenshot-section .heading h3,
.features .title h6,
.features .title h2,
.our-service .service i,
.app-feature i { background: none; color: #146477; -webkit-text-fill-color: currentColor; }
.our-service .heading h3,
.screenshot-section .heading h3,
.features .title h2 { font-weight: 500; line-height: 1.35; }
.our-service .service { border: 1px solid #dce9ec; border-radius: 14px; padding: 30px 12px 10px; height: 100%; }
.our-service .service .card-title { line-height: 1.4; }
.screenshot-section { padding-bottom: 65px; }
.screenshot-slider .item { padding: 8px; }
.screenshot-slider .item img { border-radius: 12px; border: 1px solid #e0e8eb; }
.features { background: #f5f9fa; }
/* Fill the existing phone screen with the UI, cropping the duplicate inner bezel. */
#app-slider { width: 235px; height: 418px; overflow: hidden; }
#app-slider .item { height: 418px; overflow: hidden; position: relative; }
#app-slider .item img { width: 278px; max-width: none; height: 499px; position: absolute; left: -21px; top: -39px; }
.adv-sec { background-size: cover; background-position: center; }
.adv-sec .overlay { background: linear-gradient(90deg, rgba(18,87,103,.64), rgba(18,87,103,.64) 68%, rgba(18,87,103,.18)); }
.adv-sec .download-app h2 { font-weight: 600; line-height: 1.25; }
.footer-style-1 { color: #384d54; }
.footer-social li a:hover { background: #125767; color: #fff; }
.social-icons-simple li a:hover { background: #fff; color: #125767; }
a:focus-visible { outline: 3px solid #d77445; outline-offset: 4px; }
.our-service, .screenshot-section, .features, .adv-sec { scroll-margin-top: 85px; }
@media (max-width: 991.98px) {
  .banner { background: linear-gradient(155deg, #125767 0%, #176779 60%, #63c8dc 100%); padding-top: 112px; }
  .banner .banner-description { padding: 12px 8px 30px; }
  .banner img { width: min(100%, 460px); margin: 0 auto; display: block; }
  .our-service .service { height: auto; }
  .adv-sec .overlay { background: rgba(18,87,103,.64); }
}
@media (max-width: 575.98px) {
  .banner img { width: calc(100% - 32px); }
  .our-service, .screenshot-section, .features { padding-top: 64px; }
  .our-service .heading h3, .screenshot-section .heading h3, .features .title h2 { font-size: 25px; }
  .adv-sec { padding: 72px 0; }
  .adv-sec .download-app h2 { font-size: 30px; }
  .side-menu .inner-wrapper { padding: 75px 28px 30px; }
}