@charset 'UTF-8';* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0!important
}

address,dl,figure,ol,p,ul {
  margin: 0!important
}

ol,ul {
  padding-left: 0!important
}

body {
  color: #0c1f48;
  font-size: 16px;
  line-height: 1.6;
  background: #fff;
  font-family: "Space Grotesk",sans-serif!important;
  margin: 0
}

h1,h2,h3 {
  font-family: "Space Grotesk",sans-serif!important
}

p {
  margin: 0!important;
  padding: 0!important
}

a:hover {
  text-decoration: none!important
}

li,ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 22px;
  border-radius: 999px;
  font-family: "Space Grotesk",sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  transition: .3s;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap
}

.btn-navy {
  background: #001f63;
  border-color: #001f63;
  min-height: 46px;
  padding: 12px 28px;
  font-size: 15px;
  color: #fff!important
}

.btn-navy:hover {
  background: #002a86;
  border-color: #002a86;
  color: #fff!important
}

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 20;
  background: #fff
}

.slider-section>header:not(.uk-sticky-fixed) {
  position: absolute
}

header.uk-sticky-fixed {
  box-shadow: rgba(0,31,99,.08) 0 8px 24px
}

header.uk-sticky-fixed.is-header-reveal {
  animation: .4s cubic-bezier(.22,1,.36,1) forwards headerSlideIn;
  will-change: transform
}

@keyframes headerSlideIn {
  from {
      transform: translate3d(0,-100%,0)
  }

  to {
      transform: translate3d(0,0,0)
  }
}

.top-header-section {
  width: 100%;
  height: 90px
}

.header-top-section {
  width: 92%;
  margin: 0 auto
}

.header-top {
  width: 100%;
  margin: 0 auto;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 32px;
  display: grid!important
}

.logo img,.uk-logo img {
  height: 32px!important;
  width: auto!important;
  max-width: none!important
}

.uk-navbar-item {
  min-height: auto!important;
  padding: 0!important
}

.mobile-header {
  display: none
}

.mobile-right {
  gap: 8px;
  flex-shrink: 0
}

.mobile-phone {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #e6eaf2;
  background: #fff;
  color: #001f63;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color .25s,color .25s,background .25s
}

.mobile-phone:hover {
  border-color: #001f63;
  background: #fafafa;
  color: #001f63
}

.top-menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  flex-wrap: nowrap
}

.top-menu ul li a {
  color: #001f63;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: color .3s;
  white-space: nowrap
}

.top-menu ul li a:hover {
  color: #39bdb4
}

.top-right {
  gap: 16px;
  flex-shrink: 0
}

.header-contact {
  color: #0c1f48;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap
}

.header-contact:hover {
  color: #001f63
}

.lang-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #39bdb4;
  color: #fff!important;
  font-family: "Space Grotesk",sans-serif;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  flex-shrink: 0;
  text-decoration: none;
  padding: 0;
  font: inherit
}

html {
  scroll-behavior: smooth;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  color: #666
}

body,html {
  width: 100%;
  overflow-x: hidden
}

#home,section[id] {
  scroll-margin-top: 90px
}

.slider-section {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden
}

.banner-slider,.banner-slider .slick-list,.banner-slider .slick-slide,.banner-slider .slick-slide>div,.banner-slider .slick-track {
  height: 100%
}

.banner-slider {
  width: 100%;
  height: 100%;
  position: relative
}

.banner-slider-item {
  width: 100%;
  height: 100vh;
  position: relative
}

.banner-inner,.banner-wrapper {
  width: 100%;
  height: 100%
}

.banner-inner {
  position: relative
}

.banner-inner::after {
  content: "";
  position: absolute;
  inset: 0px;
  background: linear-gradient(90deg,rgba(12,31,72,.72) 0,rgba(12,31,72,.38) 50%,rgba(12,31,72,.18) 100%);
  z-index: 1
}

.banner-slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 2;
  width: 52%;
  max-width: 900px
}

.banner-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 16px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 22px
}

.banner-text .banner-heading,.banner-text h1 {
  font-size: 60px;
  line-height: 1.12;
  font-weight: 600;
  color: #fff;
  margin: 0 0 12px
}

.banner-subtitle {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  margin-bottom: 32px!important
}

.banner-actions {
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 28px
}

.btn-banner-solid {
  background: #fff;
  border-color: #fff;
  min-height: 48px;
  padding: 12px 26px;
  color: #001f63!important
}

.btn-banner-solid:hover {
  background: #edf2f9;
  color: #001f63!important
}

.btn-banner-outline {
  background: 0 0;
  border: 1px solid rgba(255,255,255,.7);
  min-height: 48px;
  padding: 12px 26px;
  color: #fff!important
}

.btn-banner-outline:hover {
  background: rgba(255,255,255,.12);
  color: #fff!important
}

.banner-note {
  display: inline-block;
  color: rgba(255,255,255,.92);
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255,255,255,.45)
}

.banner-slider .slick-next,.banner-slider .slick-prev {
  align-items: center;
  justify-content: center;
  display: flex!important
}

.banner-slider .slick-dots {
  left: 0;
  width: 100%!important
}

.canvas-offcanvas {
  box-shadow: rgba(0,31,99,.08) 8px 0 32px;
  width: min(320px,88vw)!important;
  padding: 28px 24px 32px!important;
  background: #fff!important
}

.canvas-close {
  top: 22px!important;
  right: 20px!important;
  color: #001f63!important
}

.canvas-section {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - 60px);
  padding-top: 8px
}

.canvas-top {
  margin-bottom: 28px
}

.canvas-logo img {
  height: 32px;
  display: block;
  margin-bottom: 16px
}

.canvas-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 14px;
  border: 1px solid #e6eaf2;
  border-radius: 999px;
  background: #fafafa;
  color: #0c1f48;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3
}

.canvas-menu {
  flex: 1 1 0%
}

.canvas-menu ul {
  display: flex;
  flex-direction: column;
  gap: 0
}

.canvas-menu ul li {
  border-bottom: 1px solid #eef1f6
}

.canvas-menu ul li:first-child {
  border-top: 1px solid #eef1f6
}

.canvas-menu ul li a {
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 12px 4px;
  color: #001f63;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .02em;
  transition: color .25s,padding-left .25s
}

.canvas-menu ul li a:hover {
  color: #39bdb4;
  padding-left: 8px
}

.canvas-footer {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid #eef1f6
}

.canvas-btn-demo {
  width: 100%;
  min-height: 48px;
  font-size: 15px
}

.canvas-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 12px;
  color: #0c1f48;
  font-size: 15px;
  font-weight: 600;
  transition: color .25s
}

.canvas-contact:hover {
  color: #001f63
}

.canvas-footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px
}

.canvas-social {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto
}

.canvas-social-link {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid #e6eaf2;
  background: #fff;
  color: #001f63;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color .25s,color .25s,background .25s
}

.canvas-social-link:hover {
  border-color: #001f63;
  background: #fafafa;
  color: #001f63
}

.about-section {
  background: #fafafa;
  padding: 100px 0 90px
}

.about-inner {
  max-width: 920px;
  margin: 0 auto;
  text-align: center
}

.about-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 20px 6px;
  border: 1px solid #e6eaf2;
  background: #fff;
  border-radius: 999px;
  color: #0c1f48;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 28px
}

.about-inner h2 {
  font-size: 40px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 20px
}

.about-inner p {
  max-width: 720px;
  font-size: 16px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  margin: 0 auto 40px!important
}

.about-security {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #fff;
  border: 1px solid #eceff5;
  border-radius: 999px;
  padding: 10px 12px 10px 28px
}

.security-title {
  color: #0c1f48;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap
}

.security-badges {
  display: flex;
  align-items: center;
  gap: 10px
}

.security-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 6px 16px 6px 8px;
  border: 1px solid #eceff5;
  border-radius: 999px;
  background: #fff
}

.security-badge img {
  width: 28px;
  height: 28px
}

.security-badge span {
  color: #001f63;
  font-size: 14px;
  font-weight: 600
}

.benefit-section {
  background: #fff
}

.benefit-layout {
  display: grid;
  grid-template-columns: minmax(0px,1fr) minmax(0px,1fr);
  align-items: stretch
}

.benefit-left {
  display: flex;
  justify-content: flex-end;
  border-right: 1px solid #eef1f6;
  padding: 80px 56px 80px 80px;
  min-width: 0
}

.benefit-left-inner {
  width: 100%;
  max-width: 640px
}

.benefit-left .about-badge {
  margin-bottom: 22px
}

.benefit-left h2 {
  font-size: 45px;
  line-height: 1.22;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 32px
}

.benefit-photo {
  border-radius: 18px;
  overflow: hidden;
  line-height: 0
}

.benefit-photo img {
  width: 100%;
  display: block;
  margin-bottom: -3.4%
}

.benefit-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 80px 48px 80px 32px;
  min-width: 0
}

.benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 640px;
  padding: 20px 32px;
  border: currentcolor;
  border-image: none;
  cursor: pointer;
  transition: background-color .25s
}

.benefit-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #f1f4f9;
  display: flex;
  align-items: center;
  justify-content: center
}

.benefit-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain
}

.benefit-content {
  min-width: 0;
  max-width: 520px
}

.benefit-content span {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #39bdb4;
  margin-bottom: 6px
}

.benefit-content h3 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 6px
}

.benefit-content p {
  font-size: 14px;
  line-height: 1.55;
  color: #0c1f48;
  opacity: .68;
  margin-bottom: 10px!important
}

.benefit-content a {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #001f63;
  text-decoration: none
}

.benefit-item.is-active,.benefit-item.is-active:hover {
  background-color: #001f63;
  border: currentcolor;
  border-image: none;
  box-shadow: none;
  outline: 0;
  border-radius: 0
}

.benefit-item.is-active .benefit-content span {
  color: rgba(255,255,255,.7)
}

.benefit-item.is-active .benefit-content a,.benefit-item.is-active .benefit-content a:hover,.benefit-item.is-active .benefit-content h3 {
  color: #fff;
  border: currentcolor;
  border-image: none;
  text-decoration: none
}

.benefit-item.is-active .benefit-content p {
  color: #fff;
  opacity: .82
}

.benefit-dots {
  display: none
}

.platform-section {
  background-color: #001f63;
  background-image: url("img/star-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 88px 0 96px
}

.platform-inner {
  width: 96%;
  margin: 0 auto
}

.platform-head {
  text-align: center;
  margin-bottom: 56px
}

.platform-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 18px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  background: rgba(0,0,0,.12);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 22px
}

.platform-head h2 {
  font-size: 45px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  margin: 0
}

.platform-grid {
  display: flex;
  align-items: stretch;
  height: 476px
}

.platform-item {
  flex: 1 1 0px;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  border-right: 1px solid rgba(255,255,255,.14);
  cursor: pointer;
  overflow: hidden;
  transition: none
}

.platform-item:not(.is-active) {
  flex: 1 1 0px;
  min-width: 0
}

.platform-item:last-child {
  border-right: currentcolor
}

.platform-item.is-active {
  flex: 2.8 1 0px;
  min-width: 620px;
  transition: flex .85s cubic-bezier(.25, .8, .25, 1),min-width .85s cubic-bezier(.25, .8, .25, 1)
}

.platform-hover-media {
  flex-shrink: 0;
  width: 0;
  height: 476px;
  overflow: hidden;
  transition: none;
  border-right: currentcolor
}

.platform-item:not(.is-active) .platform-hover-media {
  width: 0
}

.platform-hover-media img {
  width: 323px;
  height: 476px;
  object-fit: cover;
  display: block
}

.platform-item.is-active .platform-hover-media {
  width: 323px;
  border-right: 1px solid rgba(255,255,255,.14);
  transition: width .85s cubic-bezier(.25, .8, .25, 1)
}

.platform-item-body {
  flex: 1 1 0%;
  min-width: 0;
  height: 476px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 36px 24px 40px
}

.platform-item.is-active .platform-item-body {
  padding: 36px 28px 40px 24px
}

.platform-item-content {
  width: 100%;
  margin-top: auto
}

.platform-num {
  display: block;
  font-size: 112px;
  line-height: .9;
  font-weight: 600;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(57,189,180,0.45);
  margin-bottom: 0;
  flex-shrink: 0;
  transition: color .6s,-webkit-text-stroke .6s
}

.platform-item.is-active .platform-num {
  color: #fff;
  -webkit-text-stroke: 0px
}

.platform-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,.72);
  margin-bottom: 10px
}

.platform-item-body h3 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  color: #fff;
  margin: 0 0 12px
}

.platform-item-body p {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,.72);
  margin-bottom: 0!important
}

.platform-btn {
  display: none;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 44px;
  margin-top: 24px;
  padding: 10px 22px;
  border-radius: 999px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: currentcolor;
  border-image: none;
  color: #001f63!important
}

.platform-item.is-active .platform-btn {
  display: inline-flex
}

.platform-dots {
  display: none
}

.agent-section {
  background: #fff;
  padding: 88px 0 96px
}

.agent-head {
  text-align: center;
  margin-bottom: 48px
}

.agent-head h2 {
  font-size: 45px;
  line-height: 1.2;
  font-weight: 600;
  color: #001f63;
  margin: 0
}

.agent-slider {
  margin: 0 -10px
}

.agent-slider .slick-slide {
  width: 334px;
  padding: 0 8px;
  height: auto
}

.agent-slider .slick-list {
  overflow: hidden
}

.agent-card {
  width: 334px;
  background: #edf2f9;
  border-radius: 18px;
  min-height: 240px;
  padding: 22px 22px 28px;
  flex-direction: column;
  justify-content: space-between;
  display: flex!important
}

.agent-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 48px
}

.agent-tag {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 14px;
  border-radius: 999px;
  background: #fff;
  color: #0c1f48;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap
}

.agent-logo {
  height: 22px;
  width: auto;
  flex-shrink: 0
}

.agent-card-body h3 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 10px
}

.agent-card-body p {
  font-size: 14px;
  line-height: 1.6;
  color: #0c1f48;
  opacity: .72;
  margin-bottom: 0!important
}

.agent-slider .slick-dots {
  position: static;
  margin-top: 36px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
  display: flex!important
}

.agent-slider .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0;
  border-radius: 999px;
  background: #c8d4e3;
  border: 0;
  transition: width .3s,background .3s
}

.agent-slider .slick-dots li.slick-active {
  width: 28px;
  height: 8px;
  border-radius: 999px;
  background: #001f63!important
}

.agent-slider .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0
}

.agent-slider .slick-dots li button::before {
  display: none
}

.packages-section {
  background: #fff;
  padding: 88px 0 96px
}

.packages-head {
  text-align: center;
  margin-bottom: 48px
}

.packages-head h2 {
  font-size: 45px;
  line-height: 1.2;
  font-weight: 600;
  color: #001f63;
  margin: 0
}

.packages-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  align-items: center
}

.package-card {
  position: relative;
  background: #edf2f9;
  border-radius: 20px;
  min-height: 420px;
  padding: 32px 28px 28px;
  display: flex;
  flex-direction: column
}

.package-card.is-featured {
  background: #001f63;
  min-height: 460px;
  padding-top: 36px
}

.package-badge {
  position: absolute;
  top: 24px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 5px 20px 4px;
  border-radius: 999px;
  background: #39bdb4;
  color: #fff;
  font-size: 12px;
  font-weight: 600
}

.package-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #0c1f48;
  opacity: .65;
  margin-bottom: 6px
}

.package-card.is-featured .package-label {
  color: rgba(255,255,255,.72);
  opacity: 1
}

.package-card-head h3 {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(12,31,72,.08)
}

.package-card.is-featured .package-card-head h3 {
  color: #fff;
  border-bottom-color: rgba(255,255,255,.14)
}

.package-card-body {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column
}

.package-card-body p {
  font-size: 14px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  margin-bottom: 20px!important
}

.package-card.is-featured .package-card-body p {
  color: rgba(255,255,255,.78);
  opacity: 1
}

.package-features {
  list-style: none;
  margin: 0 0 28px!important;
  padding: 0!important
}

.package-features li {
  position: relative;
  padding-left: 28px;
  font-size: 14px;
  line-height: 1.5;
  color: #0c1f48;
  margin-bottom: 12px
}

.package-features li:last-child {
  margin-bottom: 0
}

.package-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.2L6.4 11.6L13 5' stroke='%23001F63' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain
}

.package-card.is-featured .package-features li {
  color: rgba(255,255,255,.88)
}

.package-card.is-featured .package-features li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.2L6.4 11.6L13 5' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.package-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 80%;
  min-height: 48px;
  margin-top: auto;
  padding: 12px 28px;
  border-radius: 999px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background .3s,color .3s,border-color .3s;
  color: #001f63!important
}

.package-btn:hover {
  background: #001f63;
  border-color: #001f63;
  color: #fff!important
}

.package-card.is-featured .package-btn {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.2);
  color: #fff!important
}

.package-card.is-featured .package-btn:hover {
  background: #fff;
  border-color: #fff;
  color: #001f63!important
}

.position-section {
  background: #fafafa;
  padding: 88px 0 96px
}

.position-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: end
}

.position-left .about-badge {
  margin-bottom: 22px
}

.position-left h2,.position-right h2 {
  font-size: 45px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 18px
}

.position-left p {
  font-size: 15px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  max-width: 520px;
  margin-bottom: 28px!important
}

.position-photo {
  border-radius: 18px;
  overflow: hidden;
  line-height: 0
}

.position-photo img {
  width: 100%;
  display: block
}

.position-right h2 {
  margin-bottom: 24px
}

.position-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0!important;
  padding: 0!important
}

.position-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid #f0d8dc;
  border-radius: 14px;
  transition: border-color .25s
}

.position-list li:hover {
  border-color: #e04b4b
}

.position-list li span:first-child {
  flex: 1 1 0%;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
  color: #001f63
}

.position-x {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 4.5L13.5 13.5M13.5 4.5L4.5 13.5' stroke='%23E04B4B' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain
}

.refs-section {
  background: #edf2f9;
  padding: 88px 0 96px
}

.refs-layout {
  display: grid;
  grid-template-columns: minmax(0px,1.12fr) minmax(0px,0.88fr);
  grid-template-rows: auto auto auto;
  column-gap: 56px;
  align-items: start
}

.refs-badge-wrap {
  grid-area: 1/1
}

.refs-badge-wrap .about-badge {
  margin-bottom: 22px
}

.refs-spacer {
  grid-area: 1/2;
  height: 58px
}

.refs-head-left {
  grid-area: 2/1;
  min-width: 0;
  margin-bottom: 32px
}

.refs-head-right {
  grid-area: 2/2;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px
}

.refs-head-left h2,.refs-head-right h2 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 600;
  color: #001f63;
  margin: 0
}

.refs-body-left {
  grid-area: 3/1;
  min-width: 0;
  overflow: visible;
  position: relative;
  z-index: 1;
  padding-bottom: 8px
}

.refs-body-right {
  grid-area: 3/2;
  min-width: 0;
  overflow: hidden
}

.refs-logo-slider {
  margin: 0 -6px;
  width: 100%
}

.refs-logo-slider .slick-slide {
  padding: 0 6px;
  height: auto
}

.refs-logo-slider .slick-list {
  overflow: hidden;
  margin: 0;
  width: 100%!important
}

.ref-logo-card {
  width: 100%;
  height: 100px;
  min-height: 100px;
  max-height: 100px;
  padding: 16px 20px;
  background: #fff;
  border-radius: 14px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  display: flex!important
}

.ref-logo-card img {
  max-width: 85%;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain
}

.refs-logo-dots {
  display: block;
  margin-top: 24px;
  min-height: 8px;
  position: relative;
  z-index: 2
}

.refs-review-dots {
  display: none;
  margin-top: 24px;
  min-height: 8px;
  position: relative;
  z-index: 2
}

.refs-review-dots .slick-dots {
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: static!important;
  bottom: auto!important;
  top: auto!important;
  display: flex!important;
  visibility: visible!important;
  opacity: 1!important
}

.refs-review-dots .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #c8d4e3;
  transition: width .3s,background .3s;
  position: static!important;
  top: auto!important
}

.refs-review-dots .slick-dots li.slick-active {
  width: 28px;
  height: 8px;
  background: #001f63!important
}

.refs-review-dots .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: 0 0;
  font-size: 0px;
  line-height: 0;
  cursor: pointer
}

.refs-review-dots .slick-dots li button::before {
  display: none
}

.refs-logo-dots .slick-dots {
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: static!important;
  bottom: auto!important;
  top: auto!important;
  display: flex!important;
  visibility: visible!important;
  opacity: 1!important
}

.refs-logo-dots .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #c8d4e3;
  transition: width .3s,background .3s;
  position: static!important;
  top: auto!important
}

.refs-logo-dots .slick-dots li.slick-active {
  width: 28px;
  height: 8px;
  background: #001f63!important
}

.refs-logo-dots .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: 0 0;
  font-size: 0px;
  line-height: 0;
  cursor: pointer
}

.refs-logo-dots .slick-dots li button::before {
  display: none
}

.refs-arrows {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0
}

.refs-arrow {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #001f63;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  box-shadow: rgba(0,31,99,.06) 0 2px 8px;
  transition: background .3s,color .3s
}

.refs-arrow:hover {
  background: #001f63;
  color: #fff
}

.refs-review-slider {
  width: 100%
}

.refs-review-slider .slick-list {
  overflow: hidden
}

.refs-review-slider .slick-slide {
  height: auto
}

.refs-review-card {
  background: #fff;
  border-radius: 18px;
  padding: 20px 24px 18px;
  height: 259px;
  min-height: 259px;
  max-height: 259px;
  flex-direction: column;
  box-sizing: border-box;
  display: flex!important
}

.refs-review-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px
}

.refs-quote-wrap {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.refs-quote {
  width: 28px;
  height: auto;
  object-fit: contain
}

.refs-stars {
  height: 18px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
  margin-top: 6px
}

.refs-review-card p {
  flex: 1 1 0%;
  font-size: 14px;
  line-height: 1.6;
  color: #0c1f48;
  opacity: .75;
  overflow: hidden;
  margin-bottom: 14px!important
}

.refs-author {
  margin-top: auto
}

.refs-author strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #001f63;
  margin-bottom: 4px
}

.refs-author span {
  display: block;
  font-size: 14px;
  color: #0c1f48;
  opacity: .65
}

.contact-section {
  background: #fff;
  padding: 88px 0 96px
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0px,1fr) minmax(0px,1fr);
  gap: 24px;
  align-items: stretch
}

.contact-visual {
  position: relative;
  min-height: 680px;
  border-radius: 24px;
  overflow: hidden
}

.contact-visual-bg {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center
}

.contact-visual-overlay {
  position: absolute;
  inset: 0px;
  background: linear-gradient(rgba(0,31,99,.08) 0,rgba(0,31,99,.55) 45%,rgba(0,31,99,.92) 100%)
}

.contact-visual-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 680px;
  padding: 40px 44px 36px
}

.contact-visual-top {
  display: flex;
  justify-content: flex-end
}

.contact-visual-bottom {
  margin-top: auto
}

.contact-logo {
  height: 28px;
  width: auto
}

.contact-visual-body {
  margin-bottom: 44px
}

.contact-visual-body h2 {
  font-size: 40px;
  line-height: 1.25;
  font-weight: 600;
  color: #fff;
  margin: 0 0 20px
}

.contact-visual-body p {
  font-size: 15px;
  line-height: 1.65;
  color: #fff;
  opacity: .88;
  max-width: 460px;
  margin: 0!important
}

.contact-info-row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0px,1fr));
  gap: 0
}

.contact-info-item {
  padding: 0 28px;
  border-right: 1px solid rgba(255,255,255,.22)
}

.contact-info-item:first-child {
  padding-left: 0
}

.contact-info-item:last-child {
  border-right: 0px;
  padding-right: 0
}

.contact-info-item strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 8px
}

.contact-info-item span {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
  opacity: .82
}

.contact-form-wrap {
  background: #f3f3f3;
  border-radius: 24px;
  padding: 48px 52px 44px;
  min-height: 680px;
  display: flex;
  flex-direction: column
}

.contact-form-wrap h2 {
  font-size: 34px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 14px
}

.contact-form-wrap>p {
  font-size: 15px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  max-width: 520px;
  margin: 0 0 32px!important
}

.contact-form {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%
}

.contact-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px
}

.contact-form input,.contact-form textarea {
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: #fff;
  padding: 16px 18px;
  font-family: "Space Grotesk",sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #0c1f48;
  box-sizing: border-box;
  outline: 0;
  transition: box-shadow .25s
}

.contact-form input::placeholder,.contact-form textarea::placeholder {
  color: #0c1f48;
  opacity: .45
}

.contact-form input:focus,.contact-form textarea:focus {
  box-shadow: rgba(0,31,99,.12) 0 0 0 2px
}

.contact-form textarea {
  flex: 1 1 0%;
  min-height: 180px;
  resize: vertical;
  margin-bottom: 28px
}

.contact-submit {
  align-self: flex-start;
  min-width: 140px;
  min-height: 48px;
  border-radius: 999px;
  font-size: 15px
}

.cta-section {
  position: relative;
  overflow: hidden;
  background: #001f63;
  height: 210px;
  padding: 0
}

.cta-bg {
  position: absolute;
  inset: 0px;
  pointer-events: none
}

.cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center
}

.cta-section .uk-container {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center
}

.cta-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  width: 100%
}

.cta-content {
  max-width: 620px
}

.cta-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 20px 4px;
  border-radius: 999px;
  background: #fff;
  color: #0c1f48;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px
}

.cta-content h2 {
  font-size: 32px;
  line-height: 1.15;
  font-weight: 600;
  color: #fff;
  margin: 0 0 6px
}

.cta-content p {
  font-size: 14px;
  line-height: 1.45;
  color: #fff;
  opacity: .88;
  margin: 0!important
}

.cta-action {
  flex-shrink: 0
}

.btn-cta {
  min-height: 46px;
  padding: 12px 28px;
  border-radius: 999px;
  background: #39bdb4;
  border-color: #39bdb4;
  font-size: 15px;
  font-weight: 600;
  box-shadow: rgba(57,189,180,.28) 0 8px 24px;
  white-space: nowrap;
  transition: background .25s,border-color .25s,padding .25s;
  color: #fff!important
}

.btn-cta-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0;
  opacity: 0;
  overflow: hidden;
  color: #fff;
  transition: width .25s,opacity .25s,margin .25s
}

.btn-cta:hover {
  background: #2ea8a0;
  border-color: #2ea8a0;
  padding-right: 22px;
  color: #fff!important
}

.btn-cta:hover .btn-cta-arrow {
  width: 20px;
  opacity: 1;
  margin-left: 8px
}

.site-footer {
  background: #fff;
  padding: 36px 0 32px
}

.footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 28px
}

.footer-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 28px
}

.footer-nav a {
  color: #0c1f48;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: color .25s
}

.footer-nav a:hover {
  color: #001f63
}

.footer-social {
  display: flex;
  align-items: center;
  gap: 12px
}

.footer-social-link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e6eaf2;
  background: #fff;
  color: #001f63;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color .25s,color .25s
}

.footer-social-link:hover {
  border-color: #001f63;
  color: #001f63
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 24px;
  border-top: 1px solid #eef1f6
}

.footer-bottom p {
  font-size: 13px;
  color: #0c1f48;
  opacity: .65;
  margin: 0!important
}

.footer-badges {
  display: flex;
  align-items: center;
  gap: 10px
}

.footer-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 4px 14px 4px 6px;
  border: 1px solid #eceff5;
  border-radius: 999px;
  background: #fff
}

.footer-badge img {
  width: 28px;
  height: 28px
}

.footer-badge span {
  color: #001f63;
  font-size: 13px;
  font-weight: 600
}

body.about-page {
  overflow-x: hidden
}

.about-top {
  position: relative;
  width: 100%
}

.about-hero {
  position: relative;
  min-height: 700px;
  background: #001f63;
  overflow: hidden
}

.about-hero-media {
  position: absolute;
  inset: 0px
}

.about-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% center
}

.about-hero-overlay {
  position: absolute;
  inset: 0px;
  background: linear-gradient(90deg,rgba(0,31,99,.42) 0,rgba(0,31,99,.22) 38%,rgba(0,31,99,.08) 58%,transparent 72%)
}

.about-hero-inner {
  position: relative;
  z-index: 2;
  width: 92%;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 700px;
  display: flex;
  align-items: center;
  padding: 112px 0 56px
}

.about-hero-content {
  max-width: 520px
}

.about-hero-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 16px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 24px
}

.about-hero-content h1 {
  font-size: 44px;
  line-height: 1.15;
  font-weight: 600;
  color: #fff;
  margin: 0 0 18px
}

.about-hero-content>p:not(.about-hero-note) {
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255,255,255,.88);
  max-width: 480px;
  margin: 0 0 28px!important
}

.btn-about-packages {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 28px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 36px;
  transition: background .25s,color .25s;
  color: #001f63!important
}

.btn-about-packages:hover {
  background: #edf2f9;
  color: #001f63!important
}

.about-hero-note {
  display: inline-block;
  max-width: 420px;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 500;
  color: rgba(255,255,255,.78);
  margin: 0!important
}

.about-features-section {
  background: #fff;
  padding: 56px 0 80px
}

.about-features-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0px,1fr));
  gap: 16px;
  margin-bottom: 16px
}

.about-feature-card {
  background: #edf2f9;
  border-radius: 18px;
  padding: 28px 24px 32px;
  min-height: 260px;
  display: flex;
  flex-direction: column
}

.about-feature-brand {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #001f63;
  letter-spacing: -.02em;
  margin-bottom: 36px
}

.about-feature-card h3 {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 12px
}

.about-feature-card p {
  font-size: 14px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  margin: 0!important
}

.about-features-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  background: #fff;
  border: 1px solid #eceff5;
  border-radius: 18px;
  padding: 22px 28px
}

.about-features-bar p {
  font-size: 14px;
  line-height: 1.55;
  color: #0c1f48;
  opacity: .72;
  max-width: 760px;
  margin: 0!important
}

.about-features-link {
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  transition: opacity .25s;
  color: #001f63!important
}

.about-features-link:hover {
  opacity: .72
}

.about-features-dots {
  display: none
}

.about-diff-section {
  position: relative;
  background: #edf2f9;
  padding: 88px 0 96px;
  overflow: hidden
}

.about-diff-layout {
  display: grid;
  grid-template-columns: minmax(0px,1fr) minmax(0px,1fr);
  gap: 0;
  width: 100%;
  align-items: stretch
}

.about-diff-left {
  display: flex;
  justify-content: flex-end;
  border-right: 1px solid #fff;
  padding: 0 72px 0 80px;
  min-width: 0
}

.about-diff-left-inner {
  width: 100%;
  max-width: 680px
}

.about-diff-left .about-badge {
  margin-bottom: 22px
}

.about-diff-left h2 {
  font-size: 45px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 32px
}

.about-diff-photo {
  border-radius: 18px;
  overflow: hidden;
  line-height: 0
}

.about-diff-photo img {
  width: 100%;
  display: block
}

.about-diff-right {
  position: relative;
  z-index: 2;
  padding: 0 120px 0 72px;
  min-width: 0
}

.about-diff-items {
  display: flex;
  flex-direction: column;
  width: 100%
}

.about-diff-item {
  padding: 32px 0
}

.about-diff-item:first-child {
  padding-top: 0
}

.about-diff-item:last-child {
  padding-bottom: 0
}

.about-diff-item+.about-diff-item {
  border-top: 1px solid #fff
}

.about-diff-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 7px 14px 4px;
  margin-bottom: 16px;
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: #001f63
}

.about-diff-copy h3 {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 10px
}

.about-diff-copy p {
  font-size: 15px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  max-width: 520px;
  margin: 0!important
}

.about-diff-deco {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 92%;
  max-height: 620px;
  width: auto;
  pointer-events: none;
  z-index: 1
}

.about-transform-section {
  background-color: #001f63;
  background-image: url("img/star-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 88px 0 96px
}

.about-transform-inner {
  width: 92%;
  max-width: 1480px;
  margin: 0 auto
}

.about-transform-head {
  text-align: center;
  margin-bottom: 52px
}

.about-transform-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 18px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  background: rgba(0,0,0,.12);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 22px
}

.about-transform-head h2 {
  font-size: 45px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  margin: 0
}

.about-transform-head p {
  max-width: 680px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255,255,255,.78);
  margin: 16px auto 0!important
}

.about-transform-body {
  display: grid;
  grid-template-columns: 620px 88px 620px;
  column-gap: 32px;
  justify-content: center;
  align-items: stretch;
  width: 100%
}

.about-transform-compare {
  display: block
}

@media (min-width: 1025px) {
  .about-transform-compare {
      display:contents
  }
}

.about-transform-panel {
  width: 620px;
  max-width: 100%;
  min-height: 100%;
  border-radius: 20px
}

.about-transform-before {
  grid-area: 1/1;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  padding: 36px 28px
}

.about-transform-after {
  grid-area: 1/3;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 36px 28px 28px
}

.about-transform-center {
  grid-area: 1/2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  pointer-events: none
}

.about-transform-center-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-left: 1px dashed rgba(255,255,255,.5)
}

.about-transform-center-icon {
  position: relative;
  z-index: 2;
  width: 88px;
  height: 88px;
  object-fit: contain
}

.about-transform-panel-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px
}

.about-transform-before .about-transform-panel-head h3 {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
  margin: 0
}

.about-transform-before .about-transform-panel-head span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,.72)
}

.about-transform-after .about-transform-panel-head h3 {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0
}

.about-transform-after .about-transform-panel-head span {
  font-size: 14px;
  font-weight: 500;
  color: #0c1f48;
  opacity: .72
}

.about-transform-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin: 0!important;
  padding: 0!important
}

.about-transform-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px
}

.about-transform-icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  object-fit: contain
}

.about-transform-copy {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.about-transform-before .about-transform-copy strong {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #fff
}

.about-transform-before .about-transform-copy span {
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,.68)
}

.about-transform-after .about-transform-list {
  flex: 1 1 0%
}

.about-transform-after .about-transform-copy strong {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #001f63
}

.about-transform-after .about-transform-copy span {
  font-size: 14px;
  line-height: 1.55;
  color: #0c1f48;
  opacity: .72
}

.about-transform-brand {
  display: block;
  margin-top: 32px;
  font-size: 18px;
  font-weight: 700;
  color: #001f63;
  letter-spacing: -.02em
}

.about-transform-dots {
  display: none;
  grid-area: 2/1/auto/-1
}

@media (max-width: 1500px) and (min-width:1025px) {
  .about-transform-body {
      grid-template-columns:minmax(0px,1fr) 88px minmax(0px,1fr);
      column-gap: 24px
  }

  .about-transform-panel {
      width: 100%
  }
}

.about-layer-section {
  background: #fafafa;
  padding: 88px 0 96px
}

.about-layer-top {
  display: grid;
  grid-template-columns: minmax(0px,1fr) minmax(0px,1fr);
  gap: 56px;
  align-items: center;
  margin-bottom: 56px
}

.about-layer-left .about-badge {
  margin-bottom: 22px
}

.about-layer-left h2 {
  font-size: 45px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 20px;
  max-width: 560px
}

.about-layer-left p {
  font-size: 15px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  max-width: 520px;
  margin: 0!important
}

.about-layer-photo {
  border-radius: 10px;
  overflow: hidden;
  line-height: 0
}

.about-layer-photo img {
  width: 100%;
  display: block
}

.about-layer-cards {
  display: grid;
  grid-template-columns: minmax(0px,1fr) minmax(0px,1fr);
  gap: 24px
}

.about-layer-card {
  border-radius: 10px;
  padding: 32px 28px
}

.about-layer-card-limit {
  background: #fff3f3;
  border: 1px solid #f6e0e0
}

.about-layer-card h3 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 8px
}

.about-layer-list {
  list-style: none;
  margin: 0!important;
  padding: 0!important
}

.about-layer-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 14px 0
}

.about-layer-list li+li {
  border-top: 1px solid rgba(12,31,72,.08)
}

.about-layer-card-limit .about-layer-list li+li {
  border-top-color: rgba(224,75,75,.12)
}

.about-layer-list li span {
  flex: 1 1 0%;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
  color: #001f63
}

.about-layer-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  object-fit: contain
}

.about-packages-section {
  background: #fff;
  padding: 72px 0 88px
}

.about-packages-wrap {
  width: 94%;
  margin: 0 auto
}

.about-packages-box {
  background: #edf2f9;
  border-radius: 28px;
  overflow: hidden;
  padding: 20px
}

.about-packages-top {
  display: grid;
  grid-template-columns: minmax(0px,0.92fr) minmax(0px,1.08fr);
  align-items: center;
  gap: 24px
}

.about-packages-left {
  padding: 56px 0 48px 56px
}

.about-packages-left .about-badge {
  margin-bottom: 22px
}

.about-packages-left h2 {
  font-size: 51px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 18px;
  max-width: 520px
}

.about-packages-left p {
  font-size: 15px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  max-width: 480px;
  margin: 0 0 28px!important
}

.about-packages-left .btn-about-packages {
  margin-bottom: 0
}

.about-packages-photo {
  line-height: 0;
  padding: 32px 32px 0 0;
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 18px
}

.about-packages-photo img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  border-radius: 18px
}

.about-packages-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0px,1fr));
  gap: 16px;
  padding: 32px 56px 56px
}

.about-packages-card {
  background: #fff;
  border-radius: 18px;
  padding: 24px 22px;
  height: 340px;
  display: flex;
  flex-direction: column
}

.about-packages-card-top {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0
}

.about-packages-card-body {
  margin-top: auto
}

.about-packages-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #39bdb4;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0
}

.about-packages-brand {
  font-size: 16px;
  font-weight: 700;
  color: #001f63;
  letter-spacing: -.02em
}

.about-packages-card h3 {
  font-size: 20px;
  line-height: 1.35;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 12px
}

.about-packages-card p {
  font-size: 14px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  margin: 0!important
}

.about-packages-dots {
  display: none;
  padding: 0 48px 32px
}

.about-modules-section {
  background: #fff;
  padding: 88px 0 96px
}

.about-modules-wrap {
  width: 94%;
  max-width: 1440px;
  margin: 0 auto
}

.about-modules-layout {
  display: grid;
  grid-template-columns: minmax(0,0.88fr) minmax(0,1.12fr);
  gap: 64px;
  align-items: start
}

.about-modules-left .about-badge {
  margin-bottom: 22px
}

.about-modules-left h2 {
  font-size: 45px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 20px;
  max-width: 520px
}

.about-modules-left p {
  font-size: 15px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  margin: 0!important;
  max-width: 480px
}

.about-modules-accordion {
  list-style: none;
  margin: 0!important;
  padding: 0!important
}

.about-modules-accordion>li+li {
  margin-top: 12px
}

.about-modules-accordion .uk-accordion-title::before {
  display: none
}

.about-modules-tab {
  display: flex!important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 14px 20px!important;
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  color: #001f63!important;
  text-decoration: none;
  transition: border-color .25s
}

.about-modules-tab:hover {
  color: #001f63!important;
  border-color: #d5dde8
}

.about-modules-chevron {
  flex-shrink: 0;
  color: #001f63
}

.about-modules-accordion>li:not(.uk-open) .about-modules-chevron svg {
  transform: rotate(180deg)
}

.about-modules-accordion .uk-accordion-content {
  margin-top: 12px
}

.about-modules-panel {
  display: grid;
  grid-template-columns: minmax(0,220px) minmax(0,1fr);
  gap: 28px;
  align-items: center;
  background: #f3f5f8;
  border-radius: 16px;
  padding: 28px 32px
}

.about-modules-panel-media {
  line-height: 0
}

.about-modules-panel-media img {
  width: 100%;
  height: auto;
  display: block
}

.about-modules-panel p {
  font-size: 14px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  margin: 0!important
}

.about-build-section {
  background: #fafafa;
  padding: 88px 0 96px
}

.about-build-wrap {
  width: 94%;
  max-width: 1440px;
  margin: 0 auto
}

.about-build-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 64px;
  align-items: center
}

.about-build-photo {
  border-radius: 20px;
  overflow: hidden;
  line-height: 0
}

.about-build-photo img {
  width: 100%;
  display: block
}

.about-build-content .about-badge {
  margin-bottom: 22px
}

.about-build-content h2 {
  font-size: 45px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 18px;
  max-width: 560px
}

.about-build-content>p {
  font-size: 15px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  margin: 0 0 36px!important;
  max-width: 520px
}

.about-build-steps {
  list-style: none;
  margin: 0!important;
  padding: 0!important;
  position: relative;
  max-width: 560px
}

.about-build-steps::before {
  content: "";
  position: absolute;
  left: 17px;
  top: 36px;
  bottom: 36px;
  border-left: 1px dashed #d5dde8
}

.about-build-steps li {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative
}

.about-build-steps li+li {
  margin-top: 28px
}

.about-build-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #39bdb4;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  flex-shrink: 0;
  position: relative;
  z-index: 1
}

.about-build-step-copy strong {
  display: block;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600;
  color: #001f63;
  margin-bottom: 6px
}

.about-build-step-copy p {
  font-size: 14px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  margin: 0!important
}

.about-certificates-section {
  background: #fff;
  padding: 88px 0 96px;
  border-top: 1px solid #eef1f6
}

.about-certificates-wrap {
  width: 94%;
  max-width: 960px;
  margin: 0 auto
}

.about-certificates-head {
  text-align: center;
  margin-bottom: 48px
}

.about-certificates-head .about-badge {
  margin-bottom: 22px
}

.about-certificates-head h2 {
  font-size: 45px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 18px
}

.about-certificates-head p {
  font-size: 15px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  margin: 0 auto!important;
  max-width: 560px
}

.about-certificates-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 28px
}

.about-cert-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-decoration: none;
  color: inherit
}

.about-cert-thumb {
  position: relative;
  border: 1px solid #001f63;
  border-radius: 16px;
  overflow: hidden;
  background: #fafafa;
  line-height: 0;
  transition: box-shadow .2s,transform .2s
}

.about-cert-thumb img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform .3s
}

.about-cert-card:hover .about-cert-thumb {
  box-shadow: 0 12px 32px rgba(0,31,99,.1);
  transform: translateY(-2px)
}

.about-cert-card:hover .about-cert-thumb img {
  transform: scale(1.03)
}

.about-cert-label {
  font-size: 15px;
  font-weight: 600;
  color: #001f63;
  text-align: center
}

.footer-badge {
  text-decoration: none;
  cursor: pointer;
  transition: border-color .2s,box-shadow .2s
}

.footer-badge:hover {
  border-color: #39bdb4;
  box-shadow: 0 4px 16px rgba(0,31,99,.08)
}

body.blog-page {
  overflow-x: hidden
}

.blog-top {
  position: relative;
  width: 100%;
  background: #fff
}

.about-page header:not(.uk-sticky-fixed),.blog-page header:not(.uk-sticky-fixed),.contact-page header:not(.uk-sticky-fixed),.packet-page header:not(.uk-sticky-fixed) {
  position: relative;
  box-shadow: none
}

.blog-hero {
  background: #fff;
  padding: 48px 0 40px
}

.blog-hero-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center
}

.blog-hero h1 {
  font-size: 52px;
  line-height: 1.1;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 20px
}

.blog-hero-inner>p {
  font-size: 16px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  margin: 0 auto 32px!important;
  max-width: 680px
}

.blog-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px
}

.blog-filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 20px;
  border: none;
  border-radius: 999px;
  background: #f7f7f7;
  color: #001f63;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: background .25s,color .25s
}

.blog-filter-btn:hover:not(.is-active) {
  background: #edf2f9
}

.blog-filter-btn.is-active {
  background: #001f63;
  color: #fff
}

.blog-posts-section {
  background: #f7f7f7;
  padding: 80px 0
}

.blog-posts-head {
  margin-bottom: 36px
}

.blog-posts-head h2 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 10px
}

.blog-posts-head p {
  font-size: 15px;
  line-height: 1.6;
  color: #0c1f48;
  opacity: .72;
  margin: 0!important;
  max-width: 560px
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 24px
}

.blog-card {
  background: #fff;
  border: 1px solid #eceff5;
  border-radius: 18px;
  overflow: hidden;
  transition: box-shadow .25s,border-color .25s
}

.blog-card:hover {
  border-color: #dce3ee;
  box-shadow: rgba(0,31,99,.06) 0 12px 32px
}

.blog-card-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none
}

.blog-card-box:hover {
  color: inherit;
  text-decoration: none
}

.blog-card-media {
  position: relative;
  overflow: hidden;
  line-height: 0
}

.blog-card-media img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  display: block;
  transition: transform .35s
}

.blog-card:hover .blog-card-media img {
  transform: scale(1.03)
}

.blog-card-badge {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 12px;
  border-radius: 999px;
  background: #fff;
  color: #001f63;
  font-size: 12px;
  font-weight: 600;
  box-shadow: rgba(0,31,99,.08) 0 4px 12px
}

.blog-card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 20px 20px 22px
}

.blog-card-date {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  color: #0c1f48;
  opacity: .55;
  margin-bottom: 10px
}

.blog-card-body h3 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 10px
}

.blog-card-body>p {
  font-size: 14px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  margin: 0 0 18px!important;
  flex: 1 1 auto
}

.blog-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #001f63;
  margin-top: auto
}

.blog-card-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #e6eaf2;
  font-size: 14px;
  line-height: 1;
  transition: border-color .25s,background .25s
}

.blog-card:hover .blog-card-link-icon {
  border-color: #001f63;
  background: #edf2f9
}

.blog-load-more {
  display: flex;
  justify-content: center;
  margin-top: 48px
}

.btn-blog-more {
  min-width: 220px;
  min-height: 52px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600
}

.blog-detail-section {
  background: #fff;
  padding: 48px 0 80px
}

.blog-detail-container {
  max-width: 1180px
}

.blog-detail-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 300px;
  grid-template-rows: auto auto auto;
  column-gap: 32px;
  row-gap: 24px;
  align-items: start
}

.blog-detail-intro {
  grid-column: 1;
  grid-row: 1
}

.blog-detail-featured {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  line-height: 0
}

.blog-detail-featured img {
  width: 100%;
  display: block;
  object-fit: cover
}

.blog-detail-sidebar {
  grid-column: 2;
  grid-row: 2/4;
  align-self: start;
  position: sticky;
  top: 108px
}

.blog-detail-content {
  grid-column: 1;
  grid-row: 3;
  margin-top: 0
}

.blog-detail-date {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  color: #0c1f48;
  opacity: .55;
  margin-bottom: 14px
}

.blog-detail-intro h1 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 16px
}

.blog-detail-lead {
  font-size: 16px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  margin: 0!important
}

.blog-detail-content p {
  font-size: 15px;
  line-height: 1.75;
  color: #0c1f48;
  opacity: .78;
  margin: 0 0 20px!important
}

.blog-detail-content h2 {
  font-size: 24px;
  line-height: 1.35;
  font-weight: 600;
  color: #001f63;
  margin: 32px 0 16px
}

.blog-detail-content h3 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #001f63;
  margin: 28px 0 12px
}

.blog-recent-box {
  background: #fafafa;
  border: 1px solid #eceff5;
  border-radius: 10px;
  padding: 24px 20px
}

.blog-recent-box h2 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 20px
}

.blog-recent-list {
  list-style: none;
  margin: 0!important;
  padding: 0!important;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.blog-recent-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #eceff5;
  color: inherit;
  text-decoration: none;
  transition: border-color .25s,box-shadow .25s
}

.blog-recent-item:hover {
  border-color: #dce3ee;
  box-shadow: rgba(0,31,99,.06) 0 8px 20px;
  color: inherit;
  text-decoration: none
}

.blog-recent-item img {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0
}

.blog-recent-copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0
}

.blog-recent-copy time {
  font-size: 12px;
  line-height: 1.3;
  color: #0c1f48;
  opacity: .55
}

.blog-recent-copy strong {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
  color: #001f63
}

body.packet-page {
  overflow-x: hidden
}

.packet-top {
  position: relative;
  width: 100%;
  background: #fff
}

.packet-container {
  max-width: 1180px
}

.packet-hero {
  position: relative;
  background-color: #fff;
  padding: 56px 0 64px;
  overflow: hidden
}

.packet-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("img/paket-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  pointer-events: none
}

.packet-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  text-align: center
}

.packet-hero-inner h1 {
  font-size: 52px;
  line-height: 1.15;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 20px
}

.packet-hero-inner p {
  font-size: 16px;
  line-height: 1.7;
  color: #0c1f48;
  opacity: .72;
  max-width: 640px;
  margin: 0 auto!important
}

.packet-heading {
  background: #fff;
  padding: 56px 0 0;
  text-align: center
}

.packet-heading h2 {
  font-size: 45px;
  line-height: 1.2;
  font-weight: 600;
  color: #001f63;
  margin: 0
}

.packet-packages-section.packages-section {
  padding: 40px 0 56px
}

.packet-page .package-card {
  border-radius: 10px
}

.packet-note-section {
  background: #fff;
  padding: 0 0 80px
}

.packet-note-section p {
  max-width: 920px;
  margin: 0 auto!important;
  text-align: center;
  font-size: 15px;
  line-height: 1.75;
  color: #0c1f48;
  opacity: .72
}

.packet-contact-section {
  padding: 0 0 96px
}

.packet-page .contact-form-wrap,.packet-page .contact-visual {
  border-radius: 10px
}

body.contact-page {
  overflow-x: hidden
}

.contact-top {
  position: relative;
  width: 100%
}

.contact-hero {
  position: relative;
  min-height: 520px;
  background: #001f63;
  overflow: hidden
}

.contact-hero-media {
  position: absolute;
  inset: 0
}

.contact-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center
}

.contact-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(0,31,99,.72) 0,rgba(0,31,99,.42) 34%,rgba(0,31,99,.12) 58%,transparent 72%)
}

.contact-hero-inner {
  position: relative;
  z-index: 2;
  width: 92%;
  max-width: 1180px;
  margin: 0 auto;
  min-height: 520px;
  display: flex;
  align-items: center;
  padding: 96px 0 64px
}

.contact-hero-content {
  max-width: 560px
}

.contact-hero-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 20px 6px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 24px
}

.contact-hero-content h1 {
  font-size: 44px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  margin: 0 0 18px
}

.contact-hero-content p {
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255,255,255,.88);
  max-width: 480px;
  margin: 0!important
}

.contact-container {
  max-width: 1180px
}

.contact-page-section {
  background: #fff;
  padding: 80px 0 56px
}

.contact-page-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 48px;
  align-items: start
}

.contact-page-info h2 {
  font-size: 34px;
  line-height: 1.25;
  font-weight: 600;
  color: #001f63;
  margin: 0 0 16px
}

.contact-page-info>p {
  font-size: 15px;
  line-height: 1.65;
  color: #0c1f48;
  opacity: .72;
  margin: 0 0 36px!important;
  max-width: 420px
}

.contact-page-list {
  list-style: none;
  margin: 0 0 36px!important;
  padding: 0!important
}

.contact-page-list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px
}

.contact-page-list li:last-child {
  margin-bottom: 0
}

.contact-page-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.contact-page-icon img {
  width: 48px;
  height: 48px;
  object-fit: contain
}

.contact-page-copy strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #001f63;
  margin-bottom: 4px
}

.contact-page-copy span {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  color: #0c1f48;
  opacity: .72
}

.contact-page-hours {
  font-size: 14px;
  line-height: 1.6;
  color: #0c1f48;
  opacity: .72;
  margin: 0!important
}

.contact-page-form {
  border-radius: 10px;
  min-height: 0
}

.contact-page-note {
  background: #fff;
  padding: 0 0 64px
}

.contact-page-note p {
  max-width: 920px;
  margin: 0 auto!important;
  text-align: center;
  font-size: 15px;
  line-height: 1.75;
  color: #0c1f48;
  opacity: .72
}

.contact-map-section {
  background: #fff;
  padding: 0;
  width: 100%
}

.contact-map-section img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0
}

/*! UIkit 3.17.11 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
a {
  color: #1e87f0;
  text-decoration: none;
  cursor: pointer
}

a:hover {
  color: #0f6ecd
}

b,strong {
  font-weight: bolder
}

q {
  font-style: italic
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -.25em
}

img,svg {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  box-sizing: border-box
}

img:not([src]) {
  visibility: hidden;
  min-width: 1px
}

*+address,*+dl,*+figure,*+ol,*+p,*+ul {
  margin-top: 20px
}

h1,h2,h3 {
  margin: 0 0 20px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: 400;
  color: #333;
  text-transform: none
}

*+h1,*+h2,*+h3 {
  margin-top: 40px
}

h1 {
  font-size: 2.23125rem;
  line-height: 1.2
}

h2 {
  font-size: 1.7rem;
  line-height: 1.3
}

h3 {
  font-size: 1.5rem;
  line-height: 1.4
}

ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul {
  margin: 0
}

address {
  font-style: normal
}

::selection {
  background: #39f;
  color: #fff;
  text-shadow: none
}

:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1200px;
  --uk-breakpoint-xl: 1600px;
  --uk-leader-fill-content: .;
  --uk-position-margin-offset: 0px
}

.uk-icon {
  margin: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  padding: 0;
  background-color: transparent;
  display: inline-block;
  fill: currentcolor;
  line-height: 0
}

button.uk-icon:not(:disabled) {
  cursor: pointer
}

.uk-icon::-moz-focus-inner {
  border: 0;
  padding: 0
}

.uk-icon>* {
  transform: translate(0,0)
}

.uk-button {
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: .875rem;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: .1s ease-in-out;
  transition-property: color,background-color,border-color
}

.uk-button:not(:disabled) {
  cursor: pointer
}

.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.uk-button:hover {
  text-decoration: none
}

.uk-button-default {
  background-color: transparent;
  color: #333;
  border: 1px solid #e5e5e5
}

.uk-button-default:hover {
  background-color: transparent;
  color: #333;
  border-color: #b2b2b2
}

.uk-button-default.uk-active,.uk-button-default:active {
  background-color: transparent;
  color: #333;
  border-color: #999
}

.uk-button-default:disabled {
  background-color: transparent;
  color: #999;
  border-color: #e5e5e5
}

.uk-container {
  display: flow-root;
  box-sizing: content-box;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width: 640px) {
  .uk-container {
      padding-left:30px;
      padding-right: 30px
  }
}

@media (min-width: 960px) {
  h1 {
      font-size:2.625rem
  }

  h2 {
      font-size: 2rem
  }

  .uk-container {
      padding-left: 40px;
      padding-right: 40px
  }
}

.uk-container>:last-child {
  margin-bottom: 0
}

.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0
}

.uk-container-large {
  max-width: 1400px
}

.uk-container-xlarge {
  max-width: 1600px
}

.uk-close {
  color: #999;
  transition: color .1s ease-in-out,opacity .1s ease-in-out
}

.uk-close:hover {
  color: #666
}

.uk-spinner>* {
  animation: 1.4s linear infinite uk-spinner-rotate
}

@keyframes uk-spinner-rotate {
  0% {
      transform: rotate(0)
  }

  100% {
      transform: rotate(270deg)
  }
}

.uk-spinner>*>* {
  stroke-dasharray: 88px;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: 1.4s ease-in-out infinite uk-spinner-dash;
  stroke-width: 1;
  stroke-linecap: round
}

@keyframes uk-spinner-dash {
  0% {
      stroke-dashoffset: 88px
  }

  50% {
      stroke-dashoffset: 22px;
      transform: rotate(135deg)
  }

  100% {
      stroke-dashoffset: 88px;
      transform: rotate(450deg)
  }
}

.uk-accordion {
  padding: 0;
  list-style: none
}

.uk-accordion>:nth-child(n+2) {
  margin-top: 20px
}

.uk-accordion-title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #333;
  overflow: hidden
}

.uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10px;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.uk-open>.uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-accordion-title:hover {
  color: #666;
  text-decoration: none
}

.uk-accordion-content {
  display: flow-root;
  margin-top: 20px
}

.uk-accordion-content>:last-child {
  margin-bottom: 0
}

.uk-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  overflow-y: auto;
  padding: 15px;
  background: rgba(0,0,0,.6);
  opacity: 0;
  transition: opacity .15s linear
}

@media (min-width: 640px) {
  .uk-modal {
      padding:50px 30px
  }
}

@media (min-width: 960px) {
  .uk-modal {
      padding-left:40px;
      padding-right: 40px
  }
}

.uk-modal.uk-open {
  opacity: 1
}

.uk-modal-page {
  overflow: hidden
}

.uk-modal-dialog {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  width: 600px;
  max-width: 100%!important;
  background: #fff;
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity .3s linear,transform .3s linear
}

.uk-open>.uk-modal-dialog {
  opacity: 1;
  transform: translateY(0)
}

.uk-modal-body {
  display: flow-root;
  padding: 20px
}

.uk-modal-footer {
  display: flow-root;
  padding: 10px 20px;
  background: #fff;
  border-top: 1px solid #e5e5e5
}

@media (min-width: 640px) {
  .uk-modal-body {
      padding:30px
  }

  .uk-modal-footer {
      padding: 15px 30px
  }
}

.uk-modal-body>:last-child,.uk-modal-footer>:last-child {
  margin-bottom: 0
}

.uk-modal-close-outside {
  top: 0;
  right: -5px;
  transform: translate(0,-100%);
  color: #fff
}

.uk-modal-close-outside:hover {
  color: #fff
}

.uk-modal-close-full {
  top: 0;
  right: 0;
  padding: 10px;
  background: #fff
}

@media (min-width: 960px) {
  .uk-modal-close-outside {
      right:0;
      transform: translate(100%,-100%)
  }

  .uk-modal-close-full {
      padding: 20px
  }
}

.uk-sticky-fixed {
  margin: 0!important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.uk-sticky-placeholder {
  pointer-events: none
}

.uk-offcanvas {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000
}

.uk-offcanvas-flip .uk-offcanvas {
  right: 0;
  left: auto
}

.uk-offcanvas-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -270px;
  box-sizing: border-box;
  width: 270px;
  padding: 20px;
  background: #222;
  overflow-y: auto
}

.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px
}

@media (min-width: 640px) {
  .uk-offcanvas-bar {
      left:-350px;
      width: 350px;
      padding: 30px
  }

  .uk-offcanvas-flip .uk-offcanvas-bar {
      right: -350px
  }
}

.uk-open>.uk-offcanvas-bar {
  left: 0
}

.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {
  left: auto;
  right: 0
}

.uk-offcanvas-bar-animation {
  transition: left .3s ease-out
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  transition-property: right
}

.uk-offcanvas-close {
  position: absolute;
  z-index: 1000;
  top: 5px;
  right: 5px;
  padding: 5px
}

.uk-offcanvas-close:first-child+* {
  margin-top: 0
}

.uk-offcanvas-overlay {
  width: 100vw;
  touch-action: none
}

.uk-offcanvas-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.1);
  opacity: 0;
  transition: opacity .15s linear
}

.uk-offcanvas-overlay.uk-open::before {
  opacity: 1
}

.uk-offcanvas-container,.uk-offcanvas-page {
  overflow-x: hidden;
  overflow-x: clip
}

.uk-offcanvas-container {
  position: relative;
  left: 0;
  transition: left .3s ease-out;
  box-sizing: border-box;
  width: 100%
}

:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
  left: 270px
}

.uk-offcanvas-flip.uk-offcanvas-container-animation {
  left: -270px
}

@media (min-width: 640px) {
  .uk-offcanvas-close {
      top:10px;
      right: 10px
  }

  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
      left: 350px
  }

  .uk-offcanvas-flip.uk-offcanvas-container-animation {
      left: -350px
  }
}

.uk-navbar-item {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .25em;
  box-sizing: border-box;
  font-size: .875rem;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  text-decoration: none;
  color: #666
}

.uk-navbar-item>:last-child {
  margin-bottom: 0
}

.uk-slidenav {
  padding: 5px 10px;
  color: rgba(102,102,102,.5);
  transition: color .1s ease-in-out
}

.uk-slidenav:hover {
  color: rgba(102,102,102,.9)
}

.uk-slidenav:active {
  color: rgba(102,102,102,.5)
}

.uk-slidenav-large {
  padding: 10px
}

.uk-lightbox {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  background: #000;
  opacity: 0;
  transition: opacity .15s linear;
  touch-action: pinch-zoom
}

.uk-lightbox.uk-open {
  display: block;
  opacity: 1
}

.uk-lightbox :focus-visible {
  outline-color: rgba(255,255,255,.7)
}

.uk-lightbox-page {
  overflow: hidden
}

.uk-lightbox-items>* {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  color: rgba(255,255,255,.7);
  will-change: transform,opacity
}

.uk-lightbox-items>*>* {
  max-width: 100vw;
  max-height: 100vh
}

.uk-lightbox-items>*>:not(iframe) {
  width: auto;
  height: auto
}

.uk-lightbox-items>.uk-active {
  display: flex
}

.uk-lightbox-toolbar {
  padding: 10px;
  background: rgba(0,0,0,.3);
  color: rgba(255,255,255,.7)
}

.uk-lightbox-toolbar>* {
  color: rgba(255,255,255,.7)
}

.uk-lightbox-toolbar-icon {
  padding: 5px;
  color: rgba(255,255,255,.7)
}

.uk-lightbox-toolbar-icon:hover {
  color: #fff
}

.uk-lightbox-button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,.3);
  color: rgba(255,255,255,.7);
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.uk-lightbox-button:hover {
  color: #fff
}

.uk-lightbox-caption:empty {
  display: none
}

.uk-lightbox-iframe {
  width: 80%;
  height: 80%
}

.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: .8s;
  animation-timing-function: linear
}

.uk-animation-scale-up {
  animation-name: uk-fade,uk-scale-up
}

.uk-animation-stroke {
  animation-name: uk-stroke;
  animation-duration: 2s;
  stroke-dasharray: var(--uk-animation-stroke)
}

@keyframes uk-fade {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@keyframes uk-scale-up {
  0% {
      transform: scale(.9)
  }

  100% {
      transform: scale(1)
  }
}

@keyframes uk-stroke {
  0% {
      stroke-dashoffset: var(--uk-animation-stroke)
  }

  100% {
      stroke-dashoffset: 0
  }
}

.uk-text-right {
  text-align: right!important
}

.uk-text-center {
  text-align: center!important
}

.uk-svg {
  fill: currentcolor;
  transform: translate(0,0)
}

.uk-overflow-hidden {
  overflow: hidden
}

.uk-logo {
  font-size: 1.5rem;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  color: #333;
  text-decoration: none
}

.uk-logo:hover {
  color: #333;
  text-decoration: none
}

.uk-logo :where(img,svg) {
  display: block
}

.uk-flex {
  display: flex
}

.uk-flex-center {
  justify-content: center
}

.uk-flex-right {
  justify-content: flex-end
}

.uk-flex-middle {
  align-items: center
}

.uk-margin-large-top {
  margin-top: 40px!important
}

@media (min-width: 1200px) {
  .uk-margin-large-top {
      margin-top:70px!important
  }
}

.uk-position-top {
  top: 0;
  left: 0;
  right: 0
}

.uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0
}

.uk-position-center-left {
  left: 0
}

.uk-position-center-right {
  right: 0
}

.uk-position-medium {
  margin: 30px;
  --uk-position-margin-offset: 30px
}

.uk-transition-fade {
  --uk-translate-x: 0;
  --uk-translate-y: 0;
  --uk-scale-x: 1;
  --uk-scale-y: 1;
  transform: translate(var(--uk-position-translate-x),var(--uk-position-translate-y)) translate(var(--uk-translate-x),var(--uk-translate-y)) scale(var(--uk-scale-x),var(--uk-scale-y));
  transition: .3s ease-out;
  transition-property: opacity,transform,filter;
  opacity: 0
}

.uk-transition-active.uk-active .uk-transition-fade {
  opacity: 1
}

.uk-transition-slide-top {
  --uk-translate-y: -100%
}

.uk-transition-slide-bottom {
  --uk-translate-y: 100%
}

.uk-transition-opaque {
  opacity: 1
}

.uk-transition-disable,.uk-transition-disable * {
  transition: none!important
}

[hidden] {
  display: none!important
}

.uk-invisible {
  visibility: hidden!important
}

.uk-offcanvas-bar {
  color: rgba(255,255,255,.7)
}

.uk-offcanvas-bar a,.uk-offcanvas-bar a:hover,.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3 {
  color: #fff
}

.uk-offcanvas-bar :focus-visible {
  outline-color: #fff
}

.uk-offcanvas-bar .uk-button-default {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255,255,255,.7)
}

.uk-offcanvas-bar .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-offcanvas-bar .uk-button-default:hover {
  background-color: transparent;
  color: #fff;
  border-color: #fff
}

.uk-offcanvas-bar .uk-close {
  color: rgba(255,255,255,.5)
}

.uk-offcanvas-bar .uk-close:hover {
  color: rgba(255,255,255,.7)
}

.uk-offcanvas-bar .uk-accordion-title {
  color: #fff
}

.uk-offcanvas-bar .uk-accordion-title:hover,.uk-offcanvas-bar .uk-navbar-item,.uk-offcanvas-bar .uk-slidenav {
  color: rgba(255,255,255,.7)
}

.uk-offcanvas-bar .uk-slidenav:hover {
  color: rgba(255,255,255,.95)
}

.uk-offcanvas-bar .uk-slidenav:active {
  color: rgba(255,255,255,.7)
}

.uk-offcanvas-bar .uk-logo,.uk-offcanvas-bar .uk-logo:hover {
  color: #fff
}

.uk-offcanvas-bar .uk-logo>:not(picture):not(.uk-logo-inverse):not(:only-of-type) {
  display: none
}

.uk-offcanvas-bar .uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-offcanvas-bar .uk-open>.uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

@media print {
  *,::after,::before {
      background: 0 0!important;
      color: #000!important;
      box-shadow: none!important;
      text-shadow: none!important
  }

  a,a:visited {
      text-decoration: underline
  }

  img,tr {
      page-break-inside: avoid
  }

  img {
      max-width: 100%!important
  }

  @page {
      margin: .5cm
  }

  h2,h3,p {
      orphans: 3;
      widows: 3
  }

  h2,h3 {
      page-break-after: avoid
  }
}

@media (max-width: 1536px) {
  .header-top-section {
      width:96%;
      margin: 0 auto
  }

  .banner-text .banner-heading,.banner-text h1 {
      font-size: 46px
  }

  .banner-subtitle {
      font-size: 32px
  }
}

@media (max-width: 1440px) {
  .top-menu ul {
      gap:18px
  }

  .top-menu ul li a {
      font-size: 12px
  }

  .banner-text {
      width: 56%
  }

  .banner-text .banner-heading,.banner-text h1 {
      font-size: 40px
  }

  .banner-subtitle {
      font-size: 28px
  }

  .platform-item.is-active {
      min-width: 560px
  }
}

@media (max-width: 1280px) {
  .header-top {
      gap:16px
  }

  .top-menu ul {
      gap: 12px
  }

  .banner-text .banner-heading,.banner-text h1 {
      font-size: 34px
  }

  .banner-subtitle {
      font-size: 24px
  }

  .banner-text p {
      font-size: 16px
  }

  .about-inner h2 {
      font-size: 32px
  }

  .about-diff-left {
      padding: 0 48px 0 56px
  }

  .about-diff-right {
      padding: 0 64px 0 48px
  }

  .about-build-content h2,.about-diff-left h2,.about-layer-left h2,.about-modules-left h2,.about-packages-left h2 {
      font-size: 38px
  }

  .about-build-layout {
      gap: 48px
  }

  .benefit-left {
      padding: 72px 40px 72px 48px
  }

  .benefit-right {
      padding: 72px 32px 72px 24px
  }

  .benefit-item {
      padding: 22px 28px;
      max-width: 100%
  }

  .benefit-content,.benefit-left-inner {
      max-width: 100%
  }

  .benefit-left h2 {
      font-size: 32px
  }

  .agent-head h2,.packages-head h2,.platform-head h2 {
      font-size: 36px
  }

  .platform-num {
      font-size: 88px
  }

  .platform-item.is-active {
      flex: 2.4 1 0;
      min-width: 0
  }

  .platform-item.is-active .platform-hover-media {
      width: 260px
  }

  .platform-hover-media img {
      width: 260px;
      height: 476px
  }

  .position-left h2,.position-right h2 {
      font-size: 36px
  }

  .refs-head-left h2,.refs-head-right h2 {
      font-size: 34px
  }

  .refs-layout {
      column-gap: 40px
  }

  .packages-grid {
      gap: 16px
  }

  .package-card,.package-card.is-featured {
      min-height: auto
  }
}

@media (max-width: 1024px) {
  #home,section[id] {
      scroll-margin-top:78px
  }

  .banner-slider .slick-next,.banner-slider .slick-prev {
      display: none!important
  }

  .platform-section {
      padding: 64px 0 72px
  }

  .platform-grid.slick-initialized {
      display: block;
      height: auto
  }

  .platform-grid .slick-slide {
      height: auto
  }

  .platform-grid .slick-slide>div {
      height: 100%
  }

  .platform-item,.platform-item.is-active {
      flex: none;
      display: flex!important;
      flex-direction: column;
      width: 100%;
      min-width: 0;
      border-right: none;
      border-bottom: none;
      transition: none;
      overflow: visible
  }

  .platform-hover-media,.platform-item.is-active .platform-hover-media,.platform-item:not(.is-active) .platform-hover-media {
      width: 100%;
      height: auto;
      border-right: none;
      transition: none
  }

  .platform-hover-media img {
      width: 100%;
      height: auto;
      min-height: 0;
      max-height: 280px;
      object-fit: cover
  }

  .platform-item-body,.platform-item.is-active .platform-item-body {
      height: auto;
      min-height: 0;
      padding: 24px 0 0
  }

  .platform-item .platform-num,.platform-item.is-active .platform-num {
      color: #fff;
      -webkit-text-stroke: 0;
      font-size: 72px;
      margin-bottom: 8px
  }

  .platform-item .platform-btn,.platform-item.is-active .platform-btn {
      display: inline-flex
  }

  .platform-dots {
      display: block;
      margin-top: 28px
  }

  .platform-dots .slick-dots {
      position: static;
      display: flex!important;
      justify-content: center;
      align-items: center;
      gap: 10px;
      width: 100%;
      margin: 0;
      padding: 0
  }

  .platform-dots .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0;
      border-radius: 999px;
      background: rgba(255,255,255,.35);
      transition: width .3s,background .3s
  }

  .platform-dots .slick-dots li.slick-active {
      width: 28px;
      height: 8px;
      background: #fff!important
  }

  .platform-dots .slick-dots li button {
      width: 100%;
      height: 100%;
      padding: 0
  }

  .platform-dots .slick-dots li button:before {
      display: none
  }

  .about-features-grid.about-features-slider.slick-initialized {
      display: block;
      margin-bottom: 0;
      width: 100%
  }

  .about-features-slider.slick-initialized .slick-list {
      margin: 0 -8px
  }

  .about-features-slider .slick-slide {
      height: auto;
      padding: 0 8px;
      box-sizing: border-box
  }

  .about-features-slider .slick-slide>div {
      height: 100%
  }

  .about-feature-card {
      margin: 0
  }

  .about-feature-card h3 {
      margin-bottom: 14px
  }

  .about-features-dots {
      display: block;
      margin: 0;
      padding: 28px 0;
      min-height: 28px
  }

  .about-features-dots .slick-dots {
      position: static;
      bottom: auto;
      top: auto;
      display: flex!important;
      justify-content: center;
      align-items: center;
      gap: 10px;
      width: 100%;
      margin: 0;
      padding: 0
  }

  .about-features-dots .slick-dots li {
      position: relative;
      top: 0;
      width: 10px;
      height: 10px;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 999px;
      background: #c8d4e3;
      transition: width .3s,background .3s
  }

  .about-features-dots .slick-dots li.slick-active {
      width: 28px;
      height: 8px;
      background: #001f63!important
  }

  .about-features-dots .slick-dots li button {
      width: 100%;
      height: 100%;
      padding: 0
  }

  .about-features-dots .slick-dots li button:before {
      display: none
  }

  .about-packages-grid.about-packages-slider.slick-initialized {
      display: block;
      padding-bottom: 0;
      width: 100%
  }

  .about-packages-slider.slick-initialized .slick-list {
      margin: 0 -8px
  }

  .about-packages-slider .slick-slide {
      height: auto;
      padding: 0 8px;
      box-sizing: border-box
  }

  .about-packages-slider .slick-slide>div {
      height: 100%
  }

  .about-packages-dots {
      display: block;
      margin: 0;
      min-height: 28px
  }

  .about-packages-dots .slick-dots {
      position: static;
      bottom: auto;
      top: auto;
      display: flex!important;
      justify-content: center;
      align-items: center;
      gap: 10px;
      width: 100%;
      margin: 0;
      padding: 0
  }

  .about-packages-dots .slick-dots li {
      position: relative;
      top: 0;
      width: 10px;
      height: 10px;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 999px;
      background: #c8d4e3;
      transition: width .3s,background .3s
  }

  .about-packages-dots .slick-dots li.slick-active {
      width: 28px;
      height: 8px;
      background: #001f63!important
  }

  .about-packages-dots .slick-dots li button {
      width: 100%;
      height: 100%;
      padding: 0
  }

  .about-packages-dots .slick-dots li button:before {
      display: none
  }

  .about-transform-section {
      padding: 64px 0 72px
  }

  .about-transform-head h2 {
      font-size: 36px
  }

  .about-transform-body {
      display: block;
      grid-template-columns: none;
      column-gap: 0
  }

  .about-transform-compare {
      display: block
  }

  .about-transform-compare.about-transform-slider.slick-initialized {
      display: block;
      width: 100%
  }

  .about-transform-compare.about-transform-slider.slick-initialized .slick-list {
      margin: 0 -8px
  }

  .about-transform-compare .slick-slide {
      height: auto;
      padding: 0 8px;
      box-sizing: border-box
  }

  .about-transform-compare .slick-slide>div {
      height: 100%
  }

  .about-transform-panel {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box
  }

  .about-transform-panel-head {
      margin-bottom: 24px
  }

  .about-transform-list {
      gap: 26px
  }

  .about-transform-list li {
      gap: 14px
  }

  .about-transform-copy {
      gap: 6px
  }

  .about-transform-after,.about-transform-before {
      grid-column: auto;
      grid-row: auto;
      width: 100%;
      max-width: 100%;
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,.18);
      margin: 0;
      padding: 32px 24px
  }

  .about-transform-center {
      display: none
  }

  .about-transform-after {
      background: #fff;
      border-color: #fff
  }

  .about-transform-before .about-transform-panel-head h3 {
      font-size: 28px
  }

  .about-transform-dots {
      display: block;
      margin: 0;
      padding: 28px 0 0;
      min-height: 28px
  }

  .about-transform-dots .slick-dots {
      position: static;
      bottom: auto;
      top: auto;
      display: flex!important;
      justify-content: center;
      align-items: center;
      gap: 10px;
      width: 100%;
      margin: 0;
      padding: 0
  }

  .about-transform-dots .slick-dots li {
      position: relative;
      top: 0;
      width: 10px;
      height: 10px;
      margin: 0;
      padding: 0;
      border: none;
      border-radius: 999px;
      background: rgba(255,255,255,.35);
      transition: width .3s,background .3s
  }

  .about-transform-dots .slick-dots li.slick-active {
      width: 28px;
      height: 8px;
      background: #fff!important
  }

  .about-transform-dots .slick-dots li button {
      width: 100%;
      height: 100%;
      padding: 0
  }

  .about-transform-dots .slick-dots li button:before {
      display: none
  }

  .about-hero,.about-hero-inner {
      min-height: 620px
  }

  .about-hero-inner {
      align-items: flex-end;
      padding: 96px 0 48px
  }

  .about-hero-content h1 {
      font-size: 38px
  }

  .about-hero-overlay {
      background: linear-gradient(180deg,rgba(0,31,99,.94) 0,rgba(0,31,99,.82) 42%,rgba(0,31,99,.45) 68%,rgba(0,31,99,.2) 100%)
  }

  .about-hero-media img {
      object-position: center 30%
  }

  .about-features-section {
      padding: 48px 0 64px
  }

  .about-features-slider.slick-initialized>.slick-dots {
      display: none!important
  }

  .about-feature-card {
      width: 100%;
      max-width: none;
      min-height: auto;
      box-sizing: border-box
  }

  .about-features-bar {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px
  }

  .about-diff-section {
      padding: 64px 0 72px
  }

  .about-diff-layout {
      grid-template-columns: 1fr
  }

  .about-diff-left {
      border-right: none;
      padding: 0 32px;
      justify-content: flex-start
  }

  .about-diff-left-inner {
      max-width: none
  }

  .about-diff-left h2 {
      margin-bottom: 28px
  }

  .about-diff-right {
      padding: 40px 32px 0;
      border-top: 1px solid #fff
  }

  .about-diff-items {
      max-width: none
  }

  .about-diff-deco {
      display: none
  }

  .about-transform-inner {
      width: 100%;
      max-width: 100%;
      padding: 0 20px;
      box-sizing: border-box
  }

  .about-transform-head {
      margin-bottom: 40px
  }

  .about-layer-section {
      padding: 64px 0 72px
  }

  .about-layer-top {
      grid-template-columns: 1fr;
      gap: 40px;
      margin-bottom: 40px
  }

  .about-layer-left h2,.about-layer-left p {
      max-width: none
  }

  .about-layer-cards {
      grid-template-columns: 1fr;
      gap: 16px
  }

  .about-packages-section {
      padding: 64px 0 72px
  }

  .about-packages-wrap {
      width: 92%
  }

  .about-packages-top {
      grid-template-columns: 1fr
  }

  .about-packages-left {
      padding: 40px 32px 24px
  }

  .about-packages-left h2,.about-packages-left p {
      max-width: none
  }

  .about-packages-left .btn-about-packages {
      width: auto
  }

  .about-packages-photo {
      padding: 0 32px 32px;
      align-items: center
  }

  .about-packages-photo img {
      border-radius: 18px;
      min-height: 280px;
      max-height: 360px
  }

  .about-packages-grid {
      padding: 0 32px 32px
  }

  .about-packages-slider.slick-initialized>.slick-dots {
      display: none!important
  }

  .about-packages-card {
      height: auto;
      min-height: 280px
  }

  .about-packages-dots {
      padding: 0 32px 24px
  }

  .about-modules-section {
      padding: 64px 0 72px
  }

  .about-modules-wrap {
      width: 92%
  }

  .about-modules-layout {
      grid-template-columns: 1fr;
      gap: 32px
  }

  .about-modules-left h2,.about-modules-left p {
      max-width: none
  }

  .about-build-section {
      padding: 64px 0 72px
  }

  .about-build-wrap {
      width: 92%
  }

  .about-build-layout {
      grid-template-columns: 1fr;
      gap: 32px
  }

  .about-build-content h2,.about-build-content>p,.about-build-steps {
      max-width: none
  }

  .about-certificates-section {
      padding: 64px 0 72px
  }

  .about-certificates-head h2 {
      font-size: 38px
  }

  .mobile-header {
      display: grid;
      grid-template-columns: 40px 1fr auto;
      align-items: center;
      gap: 10px;
      width: 92%;
      margin: 0 auto;
      height: 78px
  }

  .mobile-header .logo {
      justify-self: center;
      min-width: 0
  }

  .mobile-right {
      gap: 6px
  }

  .top-header-section {
      display: none!important
  }

  .menu-toggle {
      border: 0;
      background: 0 0;
      padding: 0;
      min-width: 40px;
      color: #001f63
  }

  .mobile-header .logo img {
      height: 28px!important
  }

  .banner-text {
      left: 50%;
      transform: translate(-50%,-50%);
      text-align: center;
      width: 78%
  }

  .banner-actions {
      justify-content: center
  }

  .about-section {
      padding: 72px 0 64px
  }

  .about-inner h2 {
      font-size: 28px
  }

  .about-inner p {
      font-size: 15px;
      margin-bottom: 32px!important
  }

  .about-security {
      flex-wrap: wrap;
      justify-content: center;
      border-radius: 24px;
      padding: 16px 20px;
      gap: 16px
  }

  .security-title {
      width: 100%;
      text-align: center
  }

  .security-badges {
      justify-content: center;
      flex-wrap: wrap
  }

  .benefit-layout {
      grid-template-columns: 1fr
  }

  .benefit-left {
      justify-content: flex-start;
      border-right: 0;
      padding: 64px 28px 24px
  }

  .benefit-left-inner {
      max-width: none
  }

  .benefit-right {
      padding: 8px 0 0;
      align-items: stretch;
      grid-column: 1
  }

  .benefit-right.slick-initialized {
      display: block;
      width: 100%
  }

  .benefit-right .slick-slide {
      height: auto
  }

  .benefit-right .slick-slide>div {
      height: 100%
  }

  .benefit-item {
      padding: 20px 24px;
      border-radius: 0;
      margin: 0;
      max-width: none;
      width: 100%;
      height: 100%
  }

  .benefit-item.is-active,.benefit-item.is-active:hover {
      border-radius: 0
  }

  .benefit-dots {
      display: block;
      grid-column: 1;
      padding: 24px 16px 48px
  }

  .benefit-dots .slick-dots {
      position: static;
      display: flex!important;
      justify-content: center;
      align-items: center;
      gap: 10px;
      width: 100%;
      margin: 0;
      padding: 0
  }

  .benefit-dots .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0;
      border-radius: 999px;
      background: #c8d4e3;
      transition: width .3s,background .3s
  }

  .benefit-dots .slick-dots li.slick-active {
      width: 28px;
      height: 8px;
      background: #001f63!important
  }

  .benefit-dots .slick-dots li button {
      width: 100%;
      height: 100%;
      padding: 0
  }

  .benefit-dots .slick-dots li button:before {
      display: none
  }

  .agent-section {
      padding: 64px 0 72px
  }

  .agent-head h2 {
      font-size: 32px
  }

  .agent-slider {
      margin: 0
  }

  .agent-slider .slick-slide {
      width: auto;
      padding: 0 10px
  }

  .agent-card {
      width: 100%!important;
      min-height: 220px
  }

  .packages-section {
      padding: 64px 0 72px
  }

  .packages-head h2 {
      font-size: 32px
  }

  .packages-grid {
      grid-template-columns: 1fr;
      gap: 16px;
      max-width: 480px;
      margin: 0 auto
  }

  .package-card,.package-card.is-featured {
      min-height: auto
  }

  .position-section {
      padding: 64px 0 72px
  }

  .position-layout {
      grid-template-columns: 1fr;
      gap: 48px;
      align-items: start
  }

  .position-left h2,.position-right h2 {
      font-size: 32px
  }

  .position-left p {
      max-width: none
  }

  .refs-section {
      padding: 64px 0 72px
  }

  .refs-layout {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      gap: 0;
      column-gap: 0
  }

  .refs-badge-wrap,.refs-body-left,.refs-body-right,.refs-head-left,.refs-head-right,.refs-spacer {
      grid-column: 1
  }

  .refs-badge-wrap {
      grid-row: 1;
      margin-bottom: 22px
  }

  .refs-head-left {
      grid-row: 2;
      margin-bottom: 20px
  }

  .refs-body-left {
      grid-row: 3;
      margin-bottom: 0;
      width: 100%
  }

  .refs-head-right {
      grid-row: 4;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-top: 32px;
      margin-bottom: 16px
  }

  .refs-body-right {
      grid-row: 5;
      width: 100%
  }

  .refs-spacer {
      display: none
  }

  .refs-head-left h2,.refs-head-right h2 {
      font-size: 32px;
      margin: 0
  }

  .refs-head-right h2 {
      flex: 1;
      min-width: 0
  }

  .refs-arrows {
      display: none
  }

  .refs-head-right {
      justify-content: flex-start
  }

  .refs-logo-slider,.refs-review-slider {
      width: 100%!important;
      margin: 0
  }

  .refs-logo-slider .slick-list {
      overflow: hidden
  }

  .refs-logo-dots,.refs-review-dots {
      display: block;
      min-height: 8px;
      margin-top: 20px
  }

  .contact-section {
      padding: 64px 0 72px
  }

  .contact-layout {
      grid-template-columns: 1fr;
      gap: 20px
  }

  .contact-form-wrap,.contact-visual,.contact-visual-inner {
      min-height: auto
  }

  .contact-visual-inner {
      padding: 32px 28px 28px
  }

  .contact-form-wrap h2,.contact-visual-body h2 {
      font-size: 28px
  }

  .contact-form-wrap {
      padding: 36px 28px 32px
  }

  .contact-form-grid {
      grid-template-columns: 1fr
  }

  .cta-section {
      height: auto;
      min-height: 210px;
      padding: 32px 0
  }

  .cta-section .uk-container {
      height: auto
  }

  .cta-layout {
      flex-direction: column;
      align-items: flex-start;
      gap: 20px
  }

  .cta-content h2 {
      font-size: 26px
  }

  .cta-action {
      width: 100%
  }

  .btn-cta {
      width: 100%;
      white-space: normal
  }

  .blog-grid {
      grid-template-columns: repeat(2,minmax(0,1fr));
      gap: 20px
  }

  .blog-hero h1 {
      font-size: 42px
  }

  .blog-posts-section {
      padding: 64px 0
  }

  .blog-detail-layout {
      grid-template-columns: 1fr;
      row-gap: 32px;
      column-gap: 0
  }

  .blog-detail-content,.blog-detail-featured,.blog-detail-intro,.blog-detail-sidebar {
      grid-column: 1;
      grid-row: auto
  }

  .blog-detail-sidebar {
      position: static
  }
}

@media (max-width: 768px) {
  .refs-review-card {
      height:auto;
      min-height: auto;
      max-height: none
  }

  .ref-logo-card {
      height: 100px;
      min-height: 100px;
      max-height: 100px
  }

  .about-section {
      padding: 64px 0 56px
  }

  .about-inner h2 {
      font-size: 26px
  }

  .about-inner p {
      font-size: 14px;
      margin-bottom: 28px!important
  }

  .about-security {
      flex-direction: column;
      align-items: stretch;
      border-radius: 20px;
      padding: 18px;
      gap: 14px
  }

  .benefit-left {
      padding: 48px 20px 16px
  }

  .benefit-left h2 {
      font-size: 28px
  }

  .benefit-item {
      margin: 0 12px;
      padding: 18px 16px
  }

  .benefit-content h3 {
      font-size: 18px
  }

  .banner-text {
      width: 86%;
      max-width: 560px
  }

  .banner-subtitle {
      font-size: 22px
  }

  .banner-text .banner-heading,.banner-text h1 {
      font-size: 28px
  }

  .banner-text p {
      font-size: 15px;
      margin-bottom: 20px!important
  }

  .agent-head h2,.packages-head h2,.platform-head h2,.position-left h2,.position-right h2,.refs-head-left h2,.refs-head-right h2 {
      font-size: 28px
  }

  .contact-visual,.contact-visual-inner {
      min-height: 520px
  }

  .contact-visual-inner {
      padding: 28px 24px 24px
  }

  .contact-form-wrap h2,.contact-visual-body h2 {
      font-size: 26px
  }

  .contact-visual-body {
      margin-bottom: 32px
  }

  .contact-info-row {
      grid-template-columns: 1fr;
      gap: 22px
  }

  .contact-info-item {
      padding: 0 0 18px;
      border-right: 0;
      border-bottom: 1px solid rgba(255,255,255,.18)
  }

  .contact-info-item:last-child {
      border-bottom: 0;
      padding-bottom: 0
  }

  .contact-form-wrap {
      padding: 32px 24px 28px
  }

  .contact-form textarea {
      min-height: 140px
  }

  .cta-content h2 {
      font-size: 24px
  }

  .footer-bottom,.footer-top {
      flex-direction: column;
      align-items: flex-start
  }

  .footer-nav {
      gap: 18px
  }

  .footer-badges {
      flex-wrap: wrap
  }
}

@media (max-width: 480px) {
  .banner-text .banner-heading,.banner-text h1 {
      font-size:24px
  }

  .banner-subtitle {
      font-size: 18px
  }

  .banner-actions {
      flex-direction: column;
      width: 100%;
      gap: 10px
  }

  .banner-actions .btn {
      width: 100%
  }

  .mobile-header {
      width: 96%;
      gap: 6px
  }

  .benefit-item {
      margin: 0 8px
  }

  .contact-visual,.contact-visual-inner {
      min-height: 460px
  }

  .about-hero,.about-hero-inner {
      min-height: 520px
  }

  .about-build-content h2,.about-certificates-head h2,.about-diff-left h2,.about-hero-content h1,.about-layer-left h2,.about-modules-left h2,.about-packages-left h2,.about-transform-head h2 {
      font-size: 24px
  }

  .about-transform-before .about-transform-panel-head h3 {
      font-size: 22px
  }

  .about-diff-left,.about-diff-right,.about-packages-dots,.about-packages-grid,.about-packages-left,.about-packages-photo {
      padding-left: 16px;
      padding-right: 16px
  }

  .footer-nav {
      flex-direction: column;
      align-items: flex-start;
      gap: 14px
  }
}

@media (max-width: 768px) {
  .about-hero,.about-hero-inner {
      min-height:580px
  }

  .about-hero-inner {
      align-items: flex-end;
      padding: 88px 0 36px
  }

  .about-hero-content {
      max-width: none
  }

  .about-hero-badge {
      font-size: 10px;
      min-height: 30px;
      padding: 5px 14px;
      margin-bottom: 18px
  }

  .about-hero-content h1 {
      font-size: 28px;
      line-height: 1.2
  }

  .about-hero-content>p:not(.about-hero-note) {
      font-size: 15px;
      margin-bottom: 24px!important
  }

  .btn-about-packages {
      width: 100%;
      margin-bottom: 24px
  }

  .about-hero-note {
      max-width: none;
      font-size: 12px;
      line-height: 1.5
  }

  .about-features-section {
      padding: 40px 0 56px
  }

  .about-features-section .uk-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .about-feature-card {
      min-height: auto;
      padding: 28px 22px 32px
  }

  .about-feature-brand {
      margin-bottom: 28px;
      font-size: 16px
  }

  .about-feature-card h3 {
      font-size: 17px;
      margin-bottom: 16px
  }

  .about-feature-card p {
      line-height: 1.7
  }

  .about-features-bar {
      padding: 20px;
      gap: 14px
  }

  .about-features-bar p {
      font-size: 14px
  }

  .about-features-link {
      width: 100%;
      text-align: left
  }

  .about-diff-section {
      padding: 48px 0 56px
  }

  .about-diff-left {
      padding: 0 20px
  }

  .about-diff-left h2 {
      font-size: 28px;
      margin-bottom: 20px
  }

  .about-diff-right {
      padding: 32px 20px 0
  }

  .about-diff-item {
      padding: 24px 0
  }

  .about-diff-copy h3 {
      font-size: 17px
  }

  .about-diff-copy p {
      font-size: 14px;
      max-width: none
  }

  .about-transform-section {
      padding: 48px 0 56px
  }

  .about-transform-head {
      margin-bottom: 32px
  }

  .about-transform-badge {
      font-size: 12px;
      min-height: 32px;
      padding: 5px 14px;
      margin-bottom: 16px
  }

  .about-transform-head h2 {
      font-size: 28px
  }

  .about-transform-head p {
      font-size: 15px;
      padding: 0 4px
  }

  .about-transform-after,.about-transform-before {
      padding: 32px 22px
  }

  .about-transform-panel-head {
      margin-bottom: 28px;
      gap: 8px
  }

  .about-transform-list {
      gap: 28px
  }

  .about-transform-list li {
      gap: 16px
  }

  .about-transform-brand {
      margin-top: 28px
  }

  .about-transform-before .about-transform-panel-head h3 {
      font-size: 24px
  }

  .about-transform-after .about-transform-panel-head h3 {
      font-size: 17px
  }

  .about-transform-icon {
      width: 36px;
      height: 36px
  }

  .about-transform-after .about-transform-copy strong,.about-transform-before .about-transform-copy strong {
      font-size: 16px
  }

  .about-transform-after .about-transform-copy span,.about-transform-before .about-transform-copy span {
      font-size: 13px
  }

  .about-layer-section {
      padding: 48px 0 56px
  }

  .about-layer-section .uk-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .about-layer-top {
      gap: 28px;
      margin-bottom: 28px
  }

  .about-layer-left h2 {
      font-size: 28px
  }

  .about-layer-left p {
      font-size: 14px
  }

  .about-layer-photo {
      border-radius: 12px
  }

  .about-layer-card {
      padding: 24px 20px
  }

  .about-layer-card h3 {
      font-size: 20px
  }

  .about-layer-list li {
      min-height: auto;
      padding: 12px 0
  }

  .about-layer-list li span {
      font-size: 14px
  }

  .about-packages-section {
      padding: 48px 0 56px
  }

  .about-packages-wrap {
      width: 92%;
      max-width: none
  }

  .about-packages-box {
      padding: 12px;
      border-radius: 20px
  }

  .about-packages-left {
      padding: 28px 20px 20px
  }

  .about-packages-left h2 {
      font-size: 28px
  }

  .about-packages-left p {
      font-size: 14px
  }

  .about-packages-left .btn-about-packages {
      width: 100%
  }

  .about-packages-photo {
      padding: 0 20px 20px
  }

  .about-packages-photo img {
      min-height: 220px;
      max-height: none;
      object-position: center
  }

  .about-packages-grid {
      padding: 0 20px 28px
  }

  .about-packages-card {
      min-height: 260px;
      padding: 24px 20px
  }

  .about-packages-card h3 {
      font-size: 17px
  }

  .about-packages-card p {
      font-size: 13px
  }

  .about-packages-dots {
      padding: 0 20px 20px
  }

  .about-modules-section {
      padding: 48px 0 56px
  }

  .about-modules-wrap {
      width: 92%
  }

  .about-modules-left h2 {
      font-size: 28px
  }

  .about-modules-left p {
      font-size: 14px
  }

  .about-modules-tab {
      font-size: 15px;
      padding: 18px 20px
  }

  .about-modules-panel {
      grid-template-columns: 1fr;
      gap: 16px;
      padding: 20px
  }

  .about-modules-panel-media {
      max-width: none;
      width: 100%
  }

  .about-modules-panel p {
      font-size: 14px
  }

  .about-build-section {
      padding: 48px 0 56px
  }

  .about-build-wrap {
      width: 92%
  }

  .about-build-layout {
      gap: 28px
  }

  .about-build-photo {
      border-radius: 16px
  }

  .about-build-content h2 {
      font-size: 28px
  }

  .about-build-content>p {
      font-size: 14px;
      margin-bottom: 24px!important
  }

  .about-build-steps::before {
      top: 32px;
      bottom: 32px
  }

  .about-build-step-copy strong {
      font-size: 15px
  }

  .about-build-step-copy p {
      font-size: 13px
  }

  .about-certificates-section {
      padding: 48px 0 56px
  }

  .about-certificates-wrap {
      width: 92%
  }

  .about-certificates-head {
      margin-bottom: 32px
  }

  .about-certificates-head h2 {
      font-size: 28px
  }

  .about-certificates-head p {
      font-size: 14px
  }

  .about-certificates-grid {
      grid-template-columns: 1fr;
      gap: 20px
  }

  .about-cert-thumb img {
      height: 220px
  }

  .contact-section {
      padding: 48px 0 56px
  }

  .contact-section .uk-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .blog-hero {
      padding: 32px 0 28px
  }

  .blog-hero h1 {
      font-size: 36px;
      margin-bottom: 16px
  }

  .blog-hero-inner>p {
      font-size: 15px;
      margin-bottom: 24px!important
  }

  .blog-filters {
      gap: 8px
  }

  .blog-filter-btn {
      min-height: 36px;
      padding: 6px 16px;
      font-size: 13px
  }

  .blog-posts-section {
      padding: 56px 0
  }

  .blog-posts-head {
      margin-bottom: 28px
  }

  .blog-posts-head h2 {
      font-size: 26px
  }

  .blog-posts-head p {
      font-size: 14px
  }

  .blog-grid {
      grid-template-columns: 1fr;
      gap: 20px
  }

  .blog-card-body {
      padding: 18px 18px 20px
  }

  .blog-card-body h3 {
      font-size: 16px
  }

  .blog-load-more {
      margin-top: 36px
  }

  .btn-blog-more {
      width: 100%;
      min-width: 0
  }

  .blog-detail-section {
      padding: 32px 0 56px
  }

  .blog-detail-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .blog-detail-intro h1 {
      font-size: 28px
  }

  .blog-detail-lead {
      font-size: 15px;
      margin-bottom: 22px!important
  }

  .blog-detail-featured {
      border-radius: 10px
  }

  .blog-detail-content h2 {
      font-size: 20px;
      margin-top: 24px
  }

  .blog-detail-content h3 {
      font-size: 17px;
      margin-top: 22px
  }

  .blog-detail-content p {
      font-size: 14px
  }

  .blog-recent-box {
      padding: 22px 18px
  }

  .blog-recent-box h2 {
      font-size: 18px;
      margin-bottom: 16px
  }

  .blog-recent-item {
      padding: 10px;
      gap: 12px
  }

  .blog-recent-item img {
      width: 64px;
      height: 64px
  }

  .blog-recent-copy strong {
      font-size: 13px
  }

  .packet-hero {
      padding: 32px 0 48px
  }

  .packet-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .packet-hero-inner h1 {
      font-size: 28px
  }

  .packet-hero-inner p {
      font-size: 15px
  }

  .packet-heading {
      padding-top: 40px
  }

  .packet-heading h2 {
      font-size: 26px
  }

  .packet-packages-section {
      padding: 32px 0 40px
  }

  .packet-note-section {
      padding-bottom: 56px
  }

  .packet-note-section p {
      font-size: 14px;
      text-align: left
  }

  .contact-hero {
      min-height: 420px
  }

  .contact-hero-inner {
      min-height: 420px;
      padding: 72px 0 48px
  }

  .contact-hero-content h1 {
      font-size: 28px
  }

  .contact-hero-content p {
      font-size: 15px
  }

  .contact-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .contact-page-section {
      padding: 56px 0 40px
  }

  .contact-page-layout {
      grid-template-columns: 1fr;
      gap: 32px
  }

  .contact-page-info h2 {
      font-size: 26px
  }

  .contact-page-info>p {
      max-width: none
  }

  .contact-page-form {
      padding: 32px 24px 28px
  }

  .contact-page-note {
      padding-bottom: 48px
  }

  .contact-page-note p {
      font-size: 14px;
      text-align: left
  }

  .contact-map-section {
      padding: 0
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.gallery .slick-list,.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.cate .slick-next,.cate .slick-prev,.gallery button.slick-next.slick-arrow,.gallery button.slick-prev.slick-arrow {
  display: none!important
}

.slick-loading .slick-list {
  background: center center no-repeat #fff
}

.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  display: block;
  right: 70px;
  top: -70px;
  width: 43px;
  height: 42px;
  padding: 0;
  border-radius: 0;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  z-index: 1;
  cursor: pointer;
  border: none;
  outline: 0;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
  -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
  box-shadow: 0 0 #000;
  background-size: cover
}

.brandslider .slick-next,.brandslider .slick-prev {
  display: none!important
}

.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: -70px;
  display: block;
  right: 16px;
  width: 43px;
  height: 42px;
  padding: 0;
  border-radius: 0;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  z-index: 1;
  cursor: pointer;
  border: none;
  outline: 0;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: cover
}

.slider .slick-next,.slider .slick-prev {
  background-image: none
}

.banner-slider .slick-prev:hover {
  opacity: 1;
  transition: .3s
}

.banner-slider .slick-next,.banner-slider .slick-prev {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #fff!important;
  background-image: none!important;
  box-shadow: none;
  outline: 0;
  display: flex!important;
  align-items: center;
  justify-content: center;
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s
}

.banner-slider .slick-next {
  right: 40px
}

.banner-slider .slick-prev {
  left: 40px
}

.banner-slider .slick-next:before,.banner-slider .slick-prev:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #001f63;
  border-right: 2px solid #001f63;
  font-size: 0;
  opacity: 1;
  color: transparent
}

.banner-slider .slick-prev:before {
  transform: rotate(-135deg);
  margin-left: 4px
}

.banner-slider .slick-next:before {
  transform: rotate(45deg);
  margin-right: 4px
}

.banner-slider .slick-next:hover {
  opacity: 1;
  transition: .3s
}

.slick-dots {
  position: absolute;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  bottom: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
  top: 23px;
  border-radius: 50px;
  border: 1px solid #2a1e5a
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: red;
  border: 0;
  outline: 0;
  background: 0 0
}

.slick-dots li button:focus,.slick-dots li button:hover {
  outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  background: #e0a553
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
  cursor: pointer;
  outline: 0
}

li.slick-active {
  background: #2a1e5a!important;
  width: 10px;
  height: 10px;
  border-radius: 50%
}

.banner-slider .slick-dots {
  bottom: 28px;
  z-index: 9
}

.banner-slider .slick-dots li {
  border-image: none;
  width: 8px;
  height: 8px;
  border: none;
  background: rgba(255,255,255,.35);
  top: 0
}

.banner-slider .slick-dots li.slick-active {
  background: #fff!important
}

.banner-slider .slick-dots li button:before {
  display: none
}

@media (max-width: 991px) {
  .slick-next {
      bottom:-58px;
      display: block;
      right: 0;
      width: 30px;
      height: 30px
  }

  .slick-prev {
      bottom: -58px;
      display: block;
      right: 40px;
      width: 30px;
      height: 30px
  }
}