:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #1E4384;
  --theme2: #427FC1;
  --theme3: #018466;
  --theme4: #71C9BE;
  --title: #282C32;
  --header: #282C32;
  --orange: #e78c45;
  --text: #2d2d2d;
  --text2: #3f3f3f;
  --border: #E6E6E6;
  --border-2: #F1F1F1;
  --border-3: #D8D8D8;
  --border-4: #E0E0E0;
  --border-5: #565656;
  --bg-1: #161921;
  --bg-2: #F6F7FF;
  --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
}

@-webkit-keyframes aurora-animation {
  0% {
    background-position: 0% 50%;
  }
  25% {
    background-position: 50% 100%;
  }
  50% {
    background-position: 100% 50%;
  }
  75% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes aurora-animation {
  0% {
    background-position: 0% 50%;
  }
  25% {
    background-position: 50% 100%;
  }
  50% {
    background-position: 100% 50%;
  }
  75% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes blob-move-1 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(20px, -15px) scale(1.05);
            transform: translate(20px, -15px) scale(1.05);
  }
  66% {
    -webkit-transform: translate(-10px, 10px) scale(0.98);
            transform: translate(-10px, 10px) scale(0.98);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@keyframes blob-move-1 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(20px, -15px) scale(1.05);
            transform: translate(20px, -15px) scale(1.05);
  }
  66% {
    -webkit-transform: translate(-10px, 10px) scale(0.98);
            transform: translate(-10px, 10px) scale(0.98);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@-webkit-keyframes blob-move-2 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(-25px, 5px) scale(1.02);
            transform: translate(-25px, 5px) scale(1.02);
  }
  66% {
    -webkit-transform: translate(15px, -20px) scale(0.95);
            transform: translate(15px, -20px) scale(0.95);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@keyframes blob-move-2 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(-25px, 5px) scale(1.02);
            transform: translate(-25px, 5px) scale(1.02);
  }
  66% {
    -webkit-transform: translate(15px, -20px) scale(0.95);
            transform: translate(15px, -20px) scale(0.95);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@-webkit-keyframes blob-move-3 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(10px, 20px) scale(1.03);
            transform: translate(10px, 20px) scale(1.03);
  }
  66% {
    -webkit-transform: translate(-5px, -10px) scale(0.99);
            transform: translate(-5px, -10px) scale(0.99);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@keyframes blob-move-3 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(10px, 20px) scale(1.03);
            transform: translate(10px, 20px) scale(1.03);
  }
  66% {
    -webkit-transform: translate(-5px, -10px) scale(0.99);
            transform: translate(-5px, -10px) scale(0.99);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@-webkit-keyframes blob-move-4 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(-10px, -25px) scale(0.97);
            transform: translate(-10px, -25px) scale(0.97);
  }
  66% {
    -webkit-transform: translate(20px, 10px) scale(1.04);
            transform: translate(20px, 10px) scale(1.04);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
@keyframes blob-move-4 {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
  33% {
    -webkit-transform: translate(-10px, -25px) scale(0.97);
            transform: translate(-10px, -25px) scale(0.97);
  }
  66% {
    -webkit-transform: translate(20px, 10px) scale(1.04);
            transform: translate(20px, 10px) scale(1.04);
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}
.container-wide {
  max-width: 1450px;
}

.section-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.mxw-1200 {
  max-width: 1200px;
}

.section-title .subtitle {
  padding: 0;
  background: transparent;
  color: var(--title);
  margin: 0;
  font-weight: 500;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-24 {
  margin-top: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mt-16 {
  margin-top: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-wrapper.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.theme-btn {
  font-size: 16px;
  line-height: 24px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.theme-btn.theme3 {
  background: var(--theme3);
  color: #FFF;
  font-weight: 500;
}

.theme-btn.style2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.theme-btn.style2 svg {
  margin: 0;
}

.theme-btn.style2.style2-white {
  border-color: #FFF;
  color: #FFF;
}
.theme-btn.style2.style2-white svg path {
  fill: #FFF;
}
.theme-btn.style2.style2-white::before {
  background: var(--title);
}
.theme-btn.style2.style2-white:hover {
  border-color: var(--title);
}

.checklist.style1 li {
  padding-left: 40px;
  position: relative;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 24px;
}
.checklist.style1 li::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(../images/icon/checkmarkIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.checklist.style1 li:last-child {
  margin-bottom: 0;
}

.checklist.style2 li {
  padding-left: 40px;
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 24px;
  font-weight: 200;
}
.checklist.style2 li::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/icon/checkmarkIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.checklist.style2 li:last-child {
  margin-bottom: 0;
}

.link-arrow {
  position: relative;
  font-weight: 500;
  color: var(--theme);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.link-arrow svg {
  -webkit-transform: none;
          transform: none;
  margin: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.link-arrow:hover svg {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}

.header-1 .header-main .main-menu ul li a {
  font-weight: 400;
}
.header-1 .header-main .main-menu .submenu li a {
  color: #000;
}
.header-1 .header-main .main-menu .submenu li a:hover {
  color: #FFF !important;
}
.header-1 .header-main .login-btn {
  font-weight: 500;
}

.header-1.header-white .header-main .logo img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.header-1.header-white .header-main .main-menu ul li a {
  color: #FFF;
}
.header-1.header-white .header-main .main-menu .submenu li a {
  color: #000;
}
.header-1.header-white .header-main .login-btn {
  color: #FFF;
}
.header-1.header-white .header-main .login-btn svg path {
  stroke: var(--white);
}
.header-1.header-white .sidebar__toggle {
  color: #FFF;
}
.header-1.header-white.sticky .header-main .logo img {
  -webkit-filter: none;
          filter: none;
}
.header-1.header-white.sticky .header-main .main-menu ul li a {
  color: var(--title);
}
.header-1.header-white.sticky .header-main .login-btn {
  color: var(--title);
}
.header-1.header-white.sticky .header-main .login-btn svg path {
  stroke: var(--title);
}
.header-1.header-white.sticky .sidebar__toggle {
  color: var(--title);
}

.hero {
  margin-top: -105px;
  padding-top: 184px;
  padding-bottom: 80px;
  background: var(--theme);
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.hero .section-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 999px;
  padding: 8px 16px 8px 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #FFF;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  gap: 8px;
  margin-bottom: 24px;
}
.hero .section-badge span {
  background: #FFF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  color: var(--title);
}
.hero .bg-shape {
  z-index: 1;
  position: absolute;
  top: 120px;
  left: 10vw;
  width: 60vw;
  height: 100%;
  position: absolute;
  background: url(../images/bg-accent-color.webp);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.hero-title {
  color: #FFF;
  font-size: 64px;
  line-height: 80px;
  margin-bottom: 24px;
}
.hero-desc {
  margin-bottom: 48px;
  max-width: 640px;
}
.hero-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-media {
  max-width: 600px;
}
.hero-media img {
  display: block;
  width: 100%;
  aspect-ratio: 600/500;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 24px;
  margin-left: auto;
}
.hero > .container {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
.hero-content {
  display: block;
  max-width: calc(100% - 640px);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 640px);
          flex: 0 0 calc(100% - 640px);
}
.hero-media {
  display: block;
  max-width: 640px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 640px;
          flex: 0 0 640px;
}
@media (max-width: 820px) {
  .hero .bg-shape {
    background-position: bottom left;
    left: -10vw;
    width: 80vw;
  }
  .hero > .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .hero-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .hero-media {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .hero-title {
    font-size: 48px;
    line-height: 1.2;
  }
}
@media (max-width: 480px) {
  .hero-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}

.brand-slider-section .brandSliderOne {
  border: 0;
}
.brand-slider-section .single-section-title {
  font-weight: 500;
}
.brand-slider-section .brandSliderOne {
  padding: 40px 0 0;
}
.brand-slider-section .brand-logo {
  position: relative;
}
.brand-slider-section .brand-logo img {
  display: block;
  aspect-ratio: 270/80;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.solution-section .item {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 32px;
  padding-bottom: 32px;
}
.solution-section .item {
  max-width: 360px;
  height: auto;
}
.solution-section .item-img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 312/160;
  border-radius: 16px;
}
.solution-section .item-content h3 {
  margin-bottom: 16px;
  font-weight: 500;
}
.solution-section .item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #018466;
  border-radius: 24px;
  gap: 16px;
  height: 100%;
  -webkit-box-shadow: 10px 10px 36px -6px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 10px 36px -6px rgba(0, 0, 0, 0.2);
}
.solution-section .array-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.solution-section .array-button .swiper-pagination {
  position: relative;
  bottom: auto;
  left: auto;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.solution-section .array-button .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 24px;
  height: 8px;
  background: #D9D9D9;
  opacity: 1;
  border-radius: 4px;
}
.solution-section .array-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--theme3);
}
.solution-section .array-button .arrow-prev,
.solution-section .array-button .arrow-next {
  width: 60px;
  height: 40px;
  background: var(--theme3);
  display: block;
  color: #FFF;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.solution-section .array-button .arrow-prev:hover,
.solution-section .array-button .arrow-next:hover {
  opacity: 0.5;
}
.solution-section .array-button .arrow-prev {
  border-radius: 20px 0 0 20px;
}
.solution-section .array-button .arrow-next {
  border-radius: 0 20px 20px 0;
}

.hiw-section {
  position: relative;
  background: var(--theme);
}
.hiw-section.secondary {
  background: #FFF;
}
.hiw-section.secondary .bg-shape {
  display: none;
}
.hiw-section.secondary .section-title {
  color: var(--theme);
}
.hiw-section.secondary .section-title .title {
  color: var(--theme);
}
.hiw-section.secondary .section-title .actions {
  margin-top: 24px;
}
.hiw-section.secondary .hiw-section-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hiw-section.secondary .items {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.hiw-section.secondary .items .item {
  max-width: 350px;
}
.hiw-section.secondary .items .item-wrapper {
  border: 1px solid var(--theme);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}
.hiw-section.secondary .items .item-content a.link-arrow {
  margin-top: 16px;
}
@media screen and (max-width: 1333px) {
  .hiw-section.secondary .items {
    gap: 32px;
  }
  .hiw-section.secondary .items .item {
    max-width: 300px;
  }
  .hiw-section.secondary .items .item:nth-child(2) {
    margin-top: 25%;
  }
}
@media screen and (max-width: 1200px) {
  .hiw-section.secondary .hiw-section-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .hiw-section.secondary .hiw-section-left,
  .hiw-section.secondary .hiw-section-right {
    max-width: 100%;
  }
  .hiw-section.secondary .items {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .hiw-section.secondary .items .item {
    max-width: calc(33.3333333333% - 22px);
    margin-top: 0;
  }
  .hiw-section.secondary .items .item:nth-child(2), .hiw-section.secondary .items .item:nth-child(3) {
    margin-top: 0;
  }
  .hiw-section.secondary .items .item-wrapper {
    height: 100%;
  }
}
@media screen and (max-width: 991px) {
  .hiw-section.secondary .items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hiw-section.secondary .items .item {
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 820px) {
  .hiw-section.secondary .section-title {
    max-width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .hiw-section.secondary .items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hiw-section.secondary .items .item {
    max-width: 100%;
  }
}
.hiw-section .section-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 999px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.12);
  color: #FFF;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
}
.hiw-section .bg-shape {
  position: absolute;
  top: 5vw;
  right: 7vw;
}
.hiw-section .bg-shape img {
  max-width: 45vw;
  height: auto;
}
.hiw-section .section-title {
  color: #FFF;
}
.hiw-section .section-title .title {
  margin-bottom: 24px;
  color: #FFF;
}
.hiw-section-media {
  margin-top: 40px;
  max-width: 500px;
}
.hiw-section-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 500/380;
}
.hiw-section .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 64px;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hiw-section .items .item {
  position: relative;
  max-width: 300px;
}
.hiw-section .items .item-no {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--theme);
  opacity: 0.7;
}
.hiw-section .items .item-img img {
  display: block;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.hiw-section .items .item-wrapper {
  padding: 24px;
  border-radius: 24px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.hiw-section .items .item-wrapper h3 {
  margin-bottom: 10px;
  font-weight: 500;
}
.hiw-section .items .item.item-alt .item-no {
  color: #FFF;
}
.hiw-section .items .item.item-alt .item-wrapper {
  background: transparent;
  color: #FFF;
  border: 1px solid #FFF;
}
.hiw-section .items .item.item-alt .item-wrapper .outline {
  font-size: 14px;
  line-height: 20px;
}
.hiw-section .items .item.item-alt .item-wrapper h3 {
  color: #FFF;
}
.hiw-section .items .item:nth-child(2) {
  margin-top: 140px;
}
.hiw-section .items .item:nth-child(3) {
  margin-top: -140px;
}
.hiw-section-left {
  max-width: 500px;
  text-align: left;
}
.hiw-section-right {
  width: 100%;
  max-width: calc(100% - 540px);
}
.hiw-section-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 820px) {
  .hiw-section .bg-shape {
    top: auto;
    bottom: -20vw;
    right: 5vw;
  }
  .hiw-section .bg-shape img {
    max-width: 80vw;
  }
  .hiw-section .section-title {
    max-width: 500px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .hiw-section-media {
    margin-left: auto;
    margin-right: auto;
  }
  .hiw-section .items {
    gap: 32px;
    padding-top: 32px;
  }
  .hiw-section .items .item-wrapper {
    height: 100%;
  }
  .hiw-section .items .item:nth-child(2) {
    margin-top: 0;
  }
  .hiw-section .items .item:nth-child(3) {
    margin-top: 0;
  }
  .hiw-section-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hiw-section-left {
    max-width: 100%;
  }
  .hiw-section-right {
    max-width: 100%;
  }
}

.testimonial-section-3 {
  background: #D7E4FA;
  position: relative;
}
.testimonial-section-3 .bg-shape-l {
  position: absolute;
  width: 20%;
  height: 100%;
  background: url(../images/bg-accent-testi-l.svg);
  background-position: bottom left;
  background-size: contain;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.testimonial-section-3 .bg-shape-r {
  position: absolute;
  width: 30%;
  height: 100%;
  background: url(../images/bg-accent-testi-r.svg);
  background-position: top right;
  background-size: contain;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.testimonial-section-3 .section-title-area {
  margin-bottom: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.testimonial-section-3 .section-title-area .section-title {
  max-width: 900px;
}
.testimonial-section-3 .section-title .title {
  color: var(--title);
}
.testimonial-section-3 .testimonial-wrapper-3 {
  border-radius: 24px;
}
.testimonial-section-3 .testimonial-wrapper-3 .thumb {
  max-width: 420px;
}
.testimonial-section-3 .testimonial-wrapper-3 .thumb img {
  display: block;
  aspect-ratio: 400/350;
  width: 100%;
  height: auto;
}
.testimonial-section-3 .testimonial-wrapper-3 .tesimonial-content p {
  font-size: 32px;
  line-height: 1.5;
}
.testimonial-section-3 .testimonial-wrapper-3 .tesimonial-content .client-info-area {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 24px;
}
.testimonial-section-3 .testimonial-wrapper-3 .tesimonial-content .client-info-area .testi-logo img {
  height: 80px;
  width: auto;
  max-width: 270px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px;
}
.testimonial-section-3 .testimonial-wrapper-3 .tesimonial-content .client-info-area .client-content h3 {
  font-size: 18px;
  line-height: 1.5;
  color: var(--title);
  font-weight: 500;
}
.testimonial-section-3 .testimonial-wrapper-3 .tesimonial-content .client-info-area .client-content span {
  font-size: 18px;
  line-height: 1.5;
  color: var(--title);
  font-weight: 400;
}
.testimonial-section-3 .array-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
}
.testimonial-section-3 .array-button .swiper-pagination {
  position: relative;
  bottom: auto;
  left: auto;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.testimonial-section-3 .array-button .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 24px;
  height: 8px;
  background: #D9D9D9;
  opacity: 1;
  border-radius: 4px;
}
.testimonial-section-3 .array-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--theme3);
}
.testimonial-section-3 .array-button .arrow-prev,
.testimonial-section-3 .array-button .arrow-next {
  width: 60px;
  height: 40px;
  background: var(--theme3);
  display: block;
  color: #FFF;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonial-section-3 .array-button .arrow-prev:hover,
.testimonial-section-3 .array-button .arrow-next:hover {
  opacity: 0.5;
}
.testimonial-section-3 .array-button .arrow-prev {
  border-radius: 20px 0 0 20px;
}
.testimonial-section-3 .array-button .arrow-next {
  border-radius: 0 20px 20px 0;
}

.faq-section .faq-content.style1 {
  margin: 0;
}
.faq-section .faq-content.style1 .accordion-item {
  background: transparent;
  border: 1px solid #D7E4FA;
  border-radius: 16px;
}
.faq-section .faq-content.style1 .accordion-item .accordion-header .accordion-button {
  background: transparent;
}
.faq-section .faq-content.style1 .accordion-item .accordion-collapse .accordion-body {
  background: transparent;
  text-align: left;
}
.faq-section .section-title .subtitle {
  color: var(--title);
  background: transparent;
  padding: 0;
  margin: 0;
  font-weight: 500;
}
.faq-section .section-title .title {
  margin-bottom: 40px;
}
.faq-section .section-foot {
  padding-top: 24px;
}
.faq-section .section-foot .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 4px;
}
.faq-section .section-foot .btn-wrapper {
  padding-top: 24px;
}

.cta-section .cta-wrapper {
  position: relative;
  border-radius: 24px;
  padding-top: 80px;
  padding-bottom: 80px;
}
.cta-section .bg-shape {
  position: absolute;
  bottom: -5vw;
  right: -2vw;
}
.cta-section .bg-shape img {
  max-width: 40vw;
  height: auto;
}
.cta-section .cta-thumb {
  position: relative;
}
.cta-section .cta-thumb img {
  display: block;
  max-width: 600px;
  aspect-ratio: 600/500;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 16px;
  margin-left: auto;
}
.cta-section .section-desc {
  max-width: 600px;
}
.cta-section .btn-wrapper:last-child {
  margin-bottom: 0;
}
@media (max-width: 820px) {
  .cta-section .cta-thumb img {
    margin-left: 0;
    margin-bottom: 40px;
  }
}

.about-section {
  position: relative;
}
.about-section.blog .search-cell .search-field-holder {
  position: relative;
}
.about-section.blog .search-cell .search-field-holder button {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--theme);
  font-size: 21px;
  z-index: 2;
}
.about-section.blog .search-cell .search-field-holder input {
  border-bottom: 1px solid var(--theme);
}
.about-section.blog .search-cell .search-field-holder input:focus {
  border-radius: 8px;
}
.about-section .bg-shape-l {
  position: absolute;
  width: 20%;
  height: 100%;
  background: url(../images/bg-accent-testi-l.svg);
  background-position: bottom left;
  background-size: contain;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.about-section .bg-shape-r {
  position: absolute;
  width: 30%;
  height: 100%;
  background: url(../images/bg-accent-testi-r.svg);
  background-position: top right;
  background-size: contain;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  opacity: 0.4;
}
.about-section .about-wrapper.style1 .about-thumb .bg {
  border-radius: 24px;
}
.about-section .about-wrapper.style1 .about-thumb .main-thumb img {
  border-radius: 24px;
}
.about-section .about-wrapper.style1 .about-thumb .absolute-thumb {
  border-radius: 16px;
  padding: 16px;
}
.about-section .about-wrapper.style1 .about-thumb .absolute-thumb img {
  border-radius: 8px;
}
.about-section .about-wrapper.style2 {
  background: #d7e4fa;
  border-radius: 24px;
  position: relative;
}
.about-section .about-wrapper.style2 .about-thumb {
  max-width: 600px;
  margin-left: auto;
}
.about-section .about-wrapper.style2 .about-thumb img {
  aspect-ratio: 6/5;
  border-radius: 24px;
}

.service-section .service-box.style1 {
  border: 1px solid var(--theme4);
  height: 100%;
  border-radius: 24px;
}
.service-section .service-box.style1 .icon-box {
  background: rgba(113, 201, 190, 0.3);
}
.service-section .service-box.style1:hover {
  background: rgba(113, 201, 190, 0.3);
}
.service-section .service-box.style1:hover .icon-box {
  -webkit-transform: none;
          transform: none;
  background: var(--theme);
}
.service-section .service-box.style1:hover .icon-box img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.service-section .service-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.service-section .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.service-section .content-cta {
  padding-top: 32px;
  margin-top: auto;
}
.service-section .content-cta a {
  position: relative;
  font-weight: 500;
  color: var(--theme);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.service-section .content-cta a svg {
  -webkit-transform: none;
          transform: none;
  margin: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.service-section .content-cta a:hover svg {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}

.counter-section .counter-wrapper.style1 {
  border-radius: 24px;
  position: relative;
}
.counter-section .counter-wrapper.style1 .bg-shape {
  z-index: 0;
  position: absolute;
  top: 60px;
  left: 5vw;
  width: 40vw;
  height: 100%;
  position: absolute;
  background: url(../images/bg-accent-color.webp);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.counter-section .counter-box.style1 .text {
  font-weight: 400;
}
.counter-section .counter-box.style1 .counter .counter-number {
  font-weight: 300;
}

.wcu-section .wcu-wrapper.style1 {
  margin: 60px 0;
}
.wcu-section .wcu-wrapper.style1 .wcu-thumb .main-thumb img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.wcu-section .wcu-wrapper.style1 .fancy-box.style2 {
  border: 1px solid var(--theme4);
  border-radius: 12px;
  padding: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.wcu-section .wcu-wrapper.style1 .fancy-box.style2 p {
  font-size: 14px;
  line-height: 20px;
}
.wcu-section .wcu-wrapper.style1 .fancy-box.style2 .icon {
  background: rgba(113, 201, 190, 0.3);
  border-radius: 8px;
  width: 56px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wcu-section .wcu-wrapper.style1 .fancy-box.style2 .icon img {
  display: block;
  width: 32px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.team-page-section .team-card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.team-page-section .team-card-wrap .team-card.style1 {
  height: 100%;
}
.team-page-section .team-card-wrap .team-card.style1 .team-card-content h3 a {
  font-weight: 300;
}
.team-page-section .team-card-wrap .team-card.style1 .team-card-content .designation {
  font-weight: 500;
}

.contact-signit .single-section-title {
  font-size: 48px;
  line-height: 56px;
  text-align: left;
  margin-bottom: 8px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.contact-signit .section-desc {
  margin-top: 24px;
  font-weight: 300;
  letter-spacing: 0.25px;
  color: var(--text);
}
.contact-signit .section-desc ul {
  padding-bottom: 24px;
  margin-bottom: 16px;
  border-bottom: 1px dashed var(--border);
}
.contact-signit .section-desc ul li {
  padding-left: 26px;
  position: relative;
  margin-bottom: 8px;
}
.contact-signit .section-desc ul li:last-child {
  margin-bottom: 0;
}
.contact-signit .section-desc ul li::before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(../images/icon/checkmarkIcon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  top: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.contact-signit .testimonial-wrapper-3 {
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  padding: 32px;
  border-radius: 12px;
  margin-top: 48px;
}
.contact-signit .testimonial-wrapper-3 .tesimonial-content p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0.25px;
}
.contact-signit .testimonial-wrapper-3 .tesimonial-content .client-info-area .client-content h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.contact-signit .testimonial-wrapper-3 .tesimonial-content .client-info-area .client-content span {
  font-size: 16px;
  line-height: 24px;
  color: var(--title);
  font-weight: 400;
}
.contact-signit .testimonial-wrapper-3 .tesimonial-content .client-info-area .testi-logo img {
  display: block;
  aspect-ratio: 270/80;
  max-height: 48px;
}
.contact-signit .contact-form {
  padding: 20px;
  background-color: #d7e4fa;
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
  border-radius: 24px;
}
.contact-signit .contact-form .form-box {
  margin-top: 0;
  padding: 32px;
  border-radius: 18px;
  border: 1px solid var(--theme);
  background-color: #FFF;
}
.contact-signit .contact-form .nice-select .option {
  font-weight: 300;
}

.advantage-section .bg-shape {
  position: absolute;
  top: 5vw;
  right: 7vw;
}
.advantage-section .bg-shape img {
  max-width: 45vw;
  height: auto;
}
.advantage-section .advantage-wrapper {
  position: relative;
  background: #d7e4fa;
  background: var(--theme);
  color: #FFF;
  border-radius: 24px;
}
.advantage-section .advantage-wrapper .section-title .title {
  color: #FFF;
}
.advantage-section .advantage-wrapper .checklist.style1 li {
  color: #FFF;
}
.advantage-section .advantage-thumb img {
  border-radius: 24px;
}

.pricing-section .pricing-card.style1 {
  border-radius: 24px;
}
.pricing-section .pricing-card.style1 .theme-btn.style5,
.pricing-section .pricing-card.style1 .theme-btn.style4 {
  border-radius: 0 0 24px 24px;
}

.pricing-features__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.pricing-features__box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 991px) {
  .pricing-features__box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.pricing-features__box .title {
  font-weight: 500;
  text-align: left;
  font-size: 32px;
  line-height: 120%;
}
.pricing-features__box .item-list {
  list-style: none;
  margin: 24px 0 0 0;
  padding-bottom: 24px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 8px;
  border-bottom: 1px solid var(--border);
}
@media (max-width: 991px) {
  .pricing-features__box .item-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media (max-width: 576px) {
  .pricing-features__box .item-list {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.pricing-features__box .item-list li {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 24px;
  position: relative;
  margin-bottom: 4px;
}
.pricing-features__box .item-list li::before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath opacity='0.992' fill-rule='evenodd' clip-rule='evenodd' d='M7.22393 0C10.1444 0.0048682 12.3871 1.22628 13.952 3.66423C15.1321 5.76513 15.3168 7.95136 14.5062 10.2229C13.3721 12.8859 11.3758 14.4614 8.51719 14.9495C5.62984 15.2424 3.28454 14.2622 1.48125 12.0088C-0.0776275 9.77987 -0.406074 7.37811 0.495906 4.80353C1.26674 2.9139 2.5754 1.53341 4.42187 0.662026C5.31983 0.270692 6.25384 0.0500183 7.22393 0ZM11.2269 4.43403C11.6225 4.43526 11.7508 4.62002 11.6118 4.98829C9.90797 6.93843 8.20413 8.8886 6.50032 10.8387C6.34295 10.9814 6.17359 10.9968 5.99226 10.8849C5.24811 9.89445 4.50399 8.904 3.75985 7.91352C3.63052 7.68883 3.67671 7.50922 3.89841 7.37466C3.99079 7.35412 4.08316 7.35412 4.17554 7.37466C4.74004 7.75441 5.30458 8.1342 5.86909 8.51396C6.02234 8.62678 6.18659 8.64729 6.36176 8.57554C7.97994 7.1872 9.60165 5.80667 11.2269 4.43403Z' fill='%231AD079'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
}
.pricing-features__extra {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 991px) {
  .pricing-features__extra {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (max-width: 767px) {
  .pricing-features .tab-section {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}
@media (max-width: 767px) {
  .pricing-features .nav-pills {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-left: 15px;
    padding-right: 15px;
  }
  .pricing-features .nav-pills::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
  }
  .pricing-features .nav-pills .nav-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 10px;
  }
  .pricing-features .nav-pills .nav-item:last-child {
    margin-right: 0;
  }
}

.usecase-section {
  position: relative;
}
.usecase-section .bg-shape {
  z-index: 1;
  position: absolute;
  top: 40px;
  left: -10vw;
  width: 40vw;
  height: 100%;
  position: absolute;
  background: url(../images/bg-accent-color.webp);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.usecase-section > .container,
.usecase-section .tab-content {
  z-index: 2;
  position: relative;
}
.usecase-section .tab-section {
  padding: 30px 0 10px;
  margin-bottom: 40px;
}
.usecase-section .tab-section .nav-pills {
  padding: 7px 7px;
  border: 1px solid var(--border);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.usecase-section .tab-section .nav-pills .nav-link {
  color: var(--text-color);
  font-family: var(--body-font);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  border: 0;
  border-radius: 50px;
  margin-left: 4px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.usecase-section .tab-section .nav-pills .nav-link.active {
  color: #FFF;
  background-color: var(--theme);
  margin-right: 4px;
}
.usecase-section .tab-pane-title .title {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.usecase-section .tab-pane-title .separator {
  width: 64px;
  height: 4px;
  background: var(--theme);
  border-radius: 4px;
  margin: 0 auto 8px;
}
.usecase-section .items {
  gap: 0 32px;
}
.usecase-section .item {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 32px;
  padding-bottom: 32px;
  max-width: 360px;
  height: auto;
}
.usecase-section .item-img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 312/160;
  border-radius: 16px;
}
.usecase-section .item-content h3 {
  margin-bottom: 16px;
  font-weight: 500;
}
.usecase-section .item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #018466;
  border-radius: 24px;
  gap: 16px;
  height: 100%;
  background: #FFF;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.usecase-section .items.style1 .item-img img {
  aspect-ratio: 8/8;
  width: 80px;
}

.steps-section .steps-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.steps-section .steps-wrapper .nav-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 40%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  gap: 16px;
}
.steps-section .steps-wrapper .nav-pills .nav-item {
  width: 100%;
}
.steps-section .steps-wrapper .nav-pills .nav-item .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 8px;
  background: #FFF;
  border: 1px solid #d7e4fa;
  padding: 16px;
  color: var(--title);
  font-size: 18px;
  line-height: 1.5;
  border-radius: 16px;
  font-weight: 500;
}
.steps-section .steps-wrapper .nav-pills .nav-item .nav-link span.badge {
  color: #FFF;
  background: var(--theme);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px;
  border-radius: 999px;
  font-weight: 400;
}
.steps-section .steps-wrapper .nav-pills .nav-item .nav-link.active {
  background: var(--theme);
  color: #FFF;
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}
.steps-section .steps-wrapper .nav-pills .nav-item .nav-link.active span.badge {
  background: #FFF;
  color: var(--theme);
}
.steps-section .steps-wrapper .tab-content {
  position: relative;
  max-width: 60%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  padding: 32px;
  background: var(--theme);
  border-radius: 24px;
}
.steps-section .steps-wrapper .tab-content .tab-img {
  position: relative;
  margin-bottom: 32px;
}
.steps-section .steps-wrapper .tab-content .tab-img span.no {
  padding: 12px 16px;
  background: var(--theme3);
  color: #FFF;
  border-radius: 12px;
  position: absolute;
  top: 16px;
  right: 16px;
}
.steps-section .steps-wrapper .tab-content .tab-img img {
  max-width: 100%;
  aspect-ratio: 8/4;
}
.steps-section .steps-wrapper .tab-content .tab-desc {
  color: #FFF;
}
.steps-section .steps-wrapper .tab-content .tab-desc ul {
  list-style: disc;
  padding-left: 24px;
}
.steps-section .steps-wrapper .tab-content .btn-wrapper {
  margin-top: 24px;
}

.section-checklist {
  background: var(--theme);
  color: #FFF;
}
.section-checklist .title {
  color: #FFF;
}
.section-checklist h3 {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 24px;
  color: #FFF;
  display: block;
}
.section-checklist .checklist.style1 li {
  color: #FFF;
}
.section-checklist.no-bg {
  background: #FFF;
}
.section-checklist.no-bg .title {
  color: var(--title);
}
.section-checklist.no-bg h3 {
  color: var(--title);
}
.section-checklist.no-bg .checklist.style1 li {
  color: var(--text);
}

.microsite {
  padding: 64px 0;
  background: var(--theme);
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  gap: 48px;
}
.microsite .bg-shape {
  z-index: 1;
  position: absolute;
  top: 120px;
  left: 10vw;
  width: 60vw;
  height: 100%;
  position: absolute;
  background: url(../images/bg-accent-color.webp);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.microsite__left, .microsite__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: calc(50% - 24px);
}
.microsite__logo {
  margin-bottom: 12px;
}
.microsite__logo img {
  height: 40px;
  width: auto;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.microsite__title {
  color: #FFF;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 8px;
}
.microsite__desc {
  margin-bottom: 24px;
  max-width: 640px;
}
.microsite__img img {
  width: 100%;
  height: auto;
}
.microsite__media {
  max-width: 600px;
}
.microsite__media img {
  display: block;
  width: 100%;
  aspect-ratio: 600/500;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 24px;
  margin-left: auto;
}
.microsite__right nav ul li {
  margin-bottom: 16px;
}
.microsite__right nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background-color: rgba(225, 225, 225, 0.3);
  color: #FFF;
  gap: 12px;
  border-radius: 10px;
  border: 1px solid rgba(225, 225, 225, 0.3);
  font-weight: 500;
  will-change: border;
  -webkit-transition: border 0.2s ease, background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border 0.2s ease, background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: border 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  transition: border 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
  position: relative;
}
.microsite__right nav ul li a::after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("../images/microsite/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 32px;
  top: 50%;
  opacity: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  will-change: right ease 0.2s;
  -webkit-transition: opacity 0.3s ease, right 0.2s ease;
  transition: opacity 0.3s ease, right 0.2s ease;
}
.microsite__right nav ul li a img {
  height: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 30px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  will-change: filter;
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
}
.microsite__right nav ul li a span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: calc(100% - 42px);
}
.microsite__right nav ul li a:hover {
  color: var(--theme);
  background-color: #FFF;
  border: 1px solid var(--theme);
  -webkit-box-shadow: var(--box-shadow);
          box-shadow: var(--box-shadow);
}
.microsite__right nav ul li a:hover::after {
  right: 16px;
  opacity: 1;
}
.microsite__right nav ul li a:hover span {
  color: var(--theme);
}
.microsite__right nav ul li a:hover img {
  -webkit-filter: brightness(1) invert(0);
          filter: brightness(1) invert(0);
}
.microsite > .container {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 820px) {
  .microsite .bg-shape {
    background-position: bottom left;
    left: -10vw;
    width: 80vw;
  }
  .microsite > .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .microsite__left, .microsite__right {
    max-width: 100%;
  }
  .microsite__img {
    display: none;
  }
  .microsite__desc {
    max-width: 100%;
  }
  .microsite__right nav ul li a span {
    text-align: left;
  }
}

.post-content {
  font-weight: 300;
  text-align: justify;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  text-align: left;
  text-transform: capitalize;
}
.post-content h1 {
  font-weight: 700;
}
.post-content strong, .post-content b {
  font-weight: 600;
}
.post-content ul {
  list-style: disc;
  margin-left: 20px;
}
.post-content .aligncenter {
  text-align: center;
}
.post-content .alignright {
  text-align: right;
}
.post-content .alignleft {
  text-align: left;
}/*# sourceMappingURL=styles.css.map */