@charset "UTF-8";
@import url("../../npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
@import url("../../css2");
@import url("../../css2-1");
:root {
  --bs-primary: #221F20;
  --bs-secondary: #221F20;
  --bs-gray: #4E4E4E;
  --bs-dark: #221F20;
  --bs-body-color: #051719;
  --bs-gray-light: #EAEAEA;
  --bs-white: #ffffff;
  --bs-black: #232323;
  --bs-bg: #F0F0F0;
  --bs-cyan: #1EB3C1;
  --bs-body-font-family: "Lato", serif;
  --bs-font-sans-serif: "Plus Jakarta Sans", serif;
  --bs-font-monospace: "Montserrat", serif;
  --bs-body-font-size: 16px;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
}

/**
 * Basic styles for links
 */
a {
  transition: all 0.3s ease-in-out;
  color: var(--bs-primary);
}
a:hover, a:focus {
  text-decoration: none;
  outline: 0;
}

label {
  cursor: pointer;
}

/**
 * Basic typography style for copy text
 */
body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

.heading {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--bs-body-font-family);
  text-transform: uppercase;
  letter-spacing: 6px;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .heading {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .heading {
    font-size: 23px;
  }
}

.title {
  font-size: 20px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  color: var(--bs-black);
  line-height: 1.12;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .title {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .title {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .title {
    font-size: 40px;
  }
}

@media (min-width: 992px) {
  .des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .des {
    font-size: 20px;
  }
}

.clear::after {
  content: "";
  display: block;
  clear: both;
}

.container {
  max-width: 1164px;
}
@media (min-width: 1400px) {
  .container {
    max-width: 1562px;
  }
}

.btn {
  transition: all 0.3s ease-in-out;
  --bs-btn-font-size: 16px;
  --bs-btn-font-weight: 500;
  --bs-btn-padding-x: 20px;
  --bs-btn-padding-y: 10px;
}

.btn-primary {
  border: 0;
  color: var(--bs-white);
  background-color: transparent;
  --bs-btn-active-bg: none;
  background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%);
  border-color: transparent;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.btn-primary:hover {
  --bs-btn-color: #FBFFFF;
  color: #FBFFFF;
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  background: linear-gradient(161deg, #26A5B2 -104.89%, #000404 211.6%);
}
.btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
  border-color: transparent;
  box-shadow: none;
}
.btn-primary--white {
  --bs-btn-color: #333333;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  background: var(--bs-white);
  transition: all 0.2s ease-in-out;
}
.btn-primary--white:hover {
  transform: scale(1.01);
  background: var(--bs-white);
  color: var(--bs-primary);
}
.btn-primary--orange {
  padding: 10px;
  --bs-btn-color: #FBFFFF;
  font-weight: 600;
  font-size: 16px;
  font-family: var(--bs-font-monospace);
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  transition: all 0.2s ease-in-out;
}
.btn-primary--orange:hover {
  --bs-btn-color: #FBFFFF!important;
  color: var(--white) !important;
  transform: scale(1.01);
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}
@media (min-width: 768px) {
  .btn-primary--orange {
    padding: 16px 12px;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .btn-primary--orange {
    padding: 20px;
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .btn-primary--orange {
    font-size: 22px;
  }
}
.btn-primary--orange span {
  color: #FBFFFF;
  display: inline-block;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .btn-primary--orange span {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .btn-primary--orange span {
    font-size: 20px;
  }
}
.btn-primary span {
  position: relative;
  display: block;
}

.btn-outline-primary {
  color: var(--bs-primary);
  background-color: transparent;
  border: 3px solid var(--bs-primary);
  border-radius: 100px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .btn-outline-primary {
    white-space: nowrap;
  }
}
.btn-outline-primary:hover {
  color: var(--bs-white);
  background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%);
  border-color: var(--bs-primary);
  box-shadow: none;
}
.btn-outline-primary:active {
  color: var(--bs-white) !important;
  background-color: transparent !important;
  border-color: var(--bs-primary) !important;
}

.form-control {
  border-radius: 16px;
  color: var(--bs-gray);
  padding: 18px 15px 18px;
  border-color: transparent;
  background-color: rgba(240, 240, 240, 0.4);
  color: var(--bs-white);
}
@media (min-width: 992px) {
  .form-control {
    padding: 23px 21px 23px;
  }
}
.form-control::-webkit-input-placeholder {
  color: var(--bs-white);
}
.form-control:-moz-placeholder {
  color: var(--bs-white);
}
.form-control::-moz-placeholder {
  color: var(--bs-white);
}
.form-control:-ms-input-placeholder {
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .form-control {
    font-size: 18px;
  }
}
.form-control:focus {
  background-color: var(--bs-white);
  border-color: var(--bs-white);
  box-shadow: none;
  color: var(--bs-black);
}

.inputSelect {
  max-width: 80px;
  border-radius: none;
  margin-right: 10px;
  padding: 12px 12px;
}

/* Wrapper */
.search-wrapper {
    display: flex;
    align-items: center;
}

/* Collapsed icon */
.search-btn {
    cursor: pointer;
}

/* Search box */
.search-box {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ffc107;
    width: 0;
    overflow: hidden;
    transition: 0.3s ease;
    margin-left: 0;
    gap: 10px;
}

/* Active state */
.search-box.active {
    width: 320px;
    margin-left: 10px;
}

/* Input */
.search-box input {
    flex: 1;
    background: transparent;
    border: none;
    color: #000;
    padding: 5px;
}

.search-box input:focus {
    outline: none;
}

/* ICON SIZE FIXED HERE */
.icon {
    width: 28px;
    height: 28px;
    fill: #ffc107;
    cursor: pointer;
}

/* Clear (X) */
.clear-btn {
    margin-left: 8px;
    font-size: 22px;
    cursor: pointer;
    display: none;
}

.profile-pic {
    width: 100px;
    height: 100px;
}

@media (min-width: 768px) {
    .profile-pic {
        width: 140px;
        height: 140px;
    }
}

.search-box.active .clear-btn {
    display: block;
}

.iti {
  width: 100%;
}

.iti .iti__country-container .iti__selected-country .iti__selected-country-primary {
  padding: 0px 12px;
}

.iti .iti__country-container .iti__selected-country .iti__selected-country-primary:hover {
  background-color: transparent !important;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  overflow: hidden;
}

.iti .iti__country-container .iti__dropdown-content .iti__search-input {
  border: 1px solid #cdcdcd;
  padding: 8px 5px;
  outline: none;
}

.iti__arrow {
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--bs-white);
}
.iti__arrow--up {
  border-bottom: var(--bs-white) solid var(--bs-white);
}

.iti__country-container {
  position: absolute;
  top: 0;
  height: 72PX;
  bottom: 0;
  padding: var(--iti-border-width);
}

.custom-select {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23F0F0F0%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 20px;
  border-color: transparent;
  background-color: rgba(240, 240, 240, 0.4);
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:focus {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20transform%3D%22rotate(180%208%204.5)%22%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23F0F0F0%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-color: var(--bs-white);
  color: var(--bs-black);
}
.custom-select.form-control {
  font-size: 16px;
}
@media (min-width: 1400px) {
  .custom-select.form-control {
    font-size: 17px !important;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.error-message {
  float: left;
  position: relative;
  color: #ff907d;
  font-size: 16px;
  font-weight: 500;
}

input[type=number] {
  -moz-appearance: textfield;
}

textarea.form-control {
  min-height: 123px;
  padding-top: 10px;
}

blockquote {
  margin: 12px 0 12px 20px;
  position: relative;
  padding: 10px 60px 10px 30px;
  font-size: 16px;
  line-height: 1.5;
}
blockquote:before {
  top: 6px;
  left: 0;
  content: "“";
}
blockquote:after {
  bottom: 0;
  right: 0;
  content: "”";
}
blockquote:before, blockquote:after {
  position: absolute;
  width: 60px;
  color: #221F20;
  height: 60px;
  font-size: 60px;
  line-height: 1;
}
@media (min-width: 992px) {
  blockquote {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  blockquote {
    font-size: 20px;
  }
}

.accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
  --bs-accordion-btn-icon-width: 20px;
  --bs-accordion-btn-color: #232323;
  --bs-accordion-active-color: #232323;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-border-color: none;
  --bs-accordion-border-radius: none;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-body-padding-x: 0;
}
@media (min-width: 768px) {
  .accordion {
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-body-padding-x: 1.25rem;
  }
}

.accordion-button {
  font-weight: 600;
}
@media (min-width: 992px) {
  .accordion-button {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .accordion-button {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .accordion-button {
    padding-top: 26px;
    font-size: 26px;
  }
}
.accordion-button:after {
  background-size: contain;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  background-color: transparent;
  border: 0;
  outline: 0;
}

.accordion-item {
  color: var(--bs-gray);
}
.accordion-item:not(:last-child) {
  border-bottom: 1px solid var(--bs-black);
}
@media (min-width: 992px) {
  .accordion-item {
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
    border-top: 1px solid var(--bs-black);
  }
  .accordion-item:last-child {
    border-bottom: 1px solid var(--bs-black);
  }
}
@media (min-width: 1400px) {
  .accordion-item {
    font-size: 24px;
    padding-bottom: 26px;
    padding-top: 26px;
  }
}

.header {
  position: fixed;
  background-color: var(--bs-white);
  box-shadow: 0px 4px 13.1px rgba(0, 0, 0, 0.1);
  z-index: 9;
}
@media (min-width: 992px) {
  .header {
    -webkit-backdrop-filter: blur(86px);
            backdrop-filter: blur(86px);
  }
}
.header .topbar {
  background: var(--brand, linear-gradient(235deg, #26a5b2 -96.56%, #000404 170.05%));
  height: 40px;
  transition: all 0.3s ease-in-out;
}
.header .topbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .topbar ul li {
  font-size: var(--bs-body-font-size);
  font-family: var(--bs-body-font-family);
}
.header .topbar ul li a {
  color: var(--bs-white);
  text-decoration: none;
  gap: 10px;
}
.header__sitelogo a {
  display: inline-block;
}
.header__sitelogo a img {
  max-width: 120px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 576px) {
  .header__sitelogo a img {
    max-width: 160px;
  }
}
@media (min-width: 1400px) {
  .header__sitelogo a img {
    max-width: 230px;
  }
}
.header__sitelogo--mobile {
  display: flex;
  justify-content: center;
  padding: 15px 20px;
  background-color: #fff;
}
.header__sitelogo--mobile img {
  max-width: 120px;
  transition: all 0.3s ease-in-out;
}
.header .btn-primary {
  text-wrap: nowrap;
}
@media (min-width: 992px) {
  .header .btn-primary {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .header .btn-primary {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .header .btn-primary {
    font-size: 22px;
    padding: 14px 47px 13px;
  }
}
.header--sticky .topbar {
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.header--sticky .header__sitelogo a img {
  max-width: 125px;
}
@media (min-width: 1400px) {
  .header--sticky .header__sitelogo a img {
    max-width: 180px;
  }
}
@media (min-width: 992px) {
  .header--sticky .navbar .navbar-nav > .nav-item {
    padding: 16px 0;
  }
}
.header--sticky .btn-primary {
  font-size: 18px;
  padding: 8px 18px 8px;
}

.navbar-expand-lg .navbar-collapse {
  padding: 10px 0;
}

/* Navigation */
.navbar-nav .nav-link.active {
  font-weight: 600 !important;
}

.navbar {
  --bs-navbar-padding-y: 10px;
  --bs-nav-link-font-size: 16px;
  --bs-navbar-active-color: var(--bs-secondary);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .navbar {
    --bs-navbar-padding-y: 0;
  }
}
@media (min-width: 1400px) {
  .navbar {
    --bs-nav-link-font-size: 18px;
  }
}
.navbar .navbar-toggler {
  border-radius: 0 !important;
  padding: 0;
  margin: 0 !important;
  outline: 0 !important;
  border: 0 !important;
  z-index: 9;
  box-shadow: none !important;
  background-color: transparent !important;
}
.navbar .navbar-toggler .menu_icon {
  margin: 0;
  padding-top: 1px;
  float: left;
  width: 30px;
  height: 22px;
  position: relative;
  cursor: pointer;
}
.navbar .navbar-toggler .menu_icon .icon-bar {
  display: block;
  position: absolute;
  opacity: 1;
  width: 30px;
  height: 3px;
  background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%);
  margin: 0 auto;
  left: 0;
  transition: all 0.25s ease-in-out;
}
.navbar .navbar-toggler .menu_icon .icon-bar:nth-child(1) {
  top: 0;
  transform: rotate(0deg);
}
.navbar .navbar-toggler .menu_icon .icon-bar:nth-child(2) {
  top: 9px;
  left: 0;
  opacity: 1;
}
.navbar .navbar-toggler .menu_icon .icon-bar:nth-child(3) {
  top: 18px;
  transform: rotate(0deg);
}
.navbar .navbar-toggler:after {
  position: fixed;
  top: 0;
  left: 300px;
  z-index: 1;
  content: "";
  display: none;
  width: 100%;
  height: 100vh;
}
.navbar .navbar-toggler.collapsed:after {
  display: block;
}
.navbar .navbar-toggler.collapsed .icon-bar:nth-child(1) {
  top: 8px;
  transform: rotate(45deg);
}
.navbar .navbar-toggler.collapsed .icon-bar:nth-child(2) {
  top: 8px;
  left: -10px;
  opacity: 0;
}
.navbar .navbar-toggler.collapsed .icon-bar:nth-child(3) {
  top: 8px;
  transform: rotate(-45deg);
}
@media (max-width: 991px) {
  .navbar .navbar-collapse {
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    background-color: var(--bs-white);
    height: 100%;
    width: 300px;
    z-index: 4;
    transition: all 0.3s ease-in-out;
    display: block;
    overflow: auto;
    scrollbar-color: transparent;
    scrollbar-width: thin;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .navbar .navbar-collapse::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
  }
  .navbar .navbar-collapse::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
  }
  .navbar .navbar-collapse::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .navbar .navbar-collapse.open, .navbar .navbar-collapse.show {
    left: 0;
  }
}
.navbar .navbar-nav {
  --bs-nav-link-padding-y: 8px;
  --bs-nav-link-padding-x: 15px;
}
@media (min-width: 992px) {
  .navbar .navbar-nav {
    --bs-nav-link-padding-y: 0;
    --bs-nav-link-padding-x: 0;
  }
}
.navbar .navbar-nav > .nav-item {
  position: relative;
}
.navbar .navbar-nav > .nav-item::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  content: "";
  background-color: var(--bs-primary);
  transition: 0.5s;
}
.navbar .navbar-nav > .nav-item:hover::before, .navbar .navbar-nav > .nav-item.active::before {
  width: 100%;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item {
    padding: 26px 0;
    transition: all 0.3s ease-in-out;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item:not(:last-child) {
    margin-right: 20px;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-nav > .nav-item:not(:last-child) {
    margin-right: 20px;
  }
}
@media (min-width: 1400px) {
  .navbar .navbar-nav > .nav-item:not(:last-child) {
    margin-right: 40px;
  }
}
.navbar .navbar-nav > .nav-item > a.nav-link {
  display: flex;
  align-items: center;
  text-wrap: nowrap;
  color: var(--bs-black);
  font-family: var(--bs-body-font-family);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item > a.nav-link {
    display: block;
  }
}
.navbar .navbar-nav > .nav-item > a.nav-link.dropdown-toggle::after {
  content: "";
  vertical-align: middle;
}
@media (max-width: 991px) {
  .navbar .navbar-nav > .nav-item > a.nav-link.dropdown-toggle::after {
    display: none;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu {
  padding: 0;
  width: auto;
  border-radius: 0;
  border: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu {
    max-height: 300px;
    overflow-x: auto;
    display: block;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    transform: translateY(25px);
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu {
  background-color: transparent !important;
  padding: 0;
  box-shadow: none;
  overflow: visible;
  max-height: none;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu.services {
    position: absolute;
    top: 100% !important;
    width: 775px;
    left: -200px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu.services {
    left: -100px;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg {
    padding: 10px 15px;
    background-color: var(--bs-white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .text .bdr {
  height: 100%;
  border-right: 1px solid #d1d6d8;
  padding-right: 15px;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .text .bdr img {
  margin-bottom: 15px;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .text .bdr .imgTitle {
  font-size: 24px;
  font-weight: 900;
  color: var(--bs-primary);
  font-family: var(--bs-body-font-family);
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox {
    padding-top: 15px;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item {
  margin-bottom: 10px;
  padding: 5px calc(var(--bs-gutter-x) / 2);
  background-color: transparent;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item:hover .navtext {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item.col-lg-4 {
    max-width: 33.33%;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item.col-lg-6 {
    max-width: 50%;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .icn {
  width: 21px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .navtext {
  font-size: 16px;
  font-family: var(--bs-body-font-family);
  padding-left: 8px;
  letter-spacing: -0.5px;
  display: block;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .navtext {
    font-size: 16px;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services {
  padding: 0;
  overflow: hidden;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .text {
  background-color: var(--bs-primary);
  flex: 0 0 250px;
  max-width: 200px;
  --bs-nav-pills-border-radius: 0;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link {
  --bs-navbar-nav-link-padding-x: 5px;
  --bs-nav-link-padding-y: 15px;
  --bs-nav-link-padding-x: 5px;
  --bs-nav-link-color: var(--bs-white);
  --bs-nav-link-hover-color: var(--bs-white);
  --bs-navbar-active-color: var(--bs-primary);
  --bs-nav-pills-link-active-bg: var(--bs-white);
  --bs-nav-link-font-size: 15px;
  --bs-nav-link-font-weight: 600;
  font-family: var(--bs-body-font-family);
  background-color: transparent !important;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link.active {
  color: var(--bs-primary) !important;
  background-color: var(--bs-white) !important;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link {
    --bs-nav-link-font-size: 16px;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox {
  flex: 1;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox {
    padding: var(--bs-dropdown-item-padding-x);
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane {
  display: block;
  opacity: 1;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane:not(:last-child) {
  border-bottom: 1px solid #909090;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane:not(:last-child) {
    border-bottom: 0;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane {
    display: none;
    opacity: 0;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane.active {
  display: block;
  opacity: 1;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle {
  width: 100%;
  --bs-border-width: 0;
  --bs-btn-padding-x: 15px;
  --bs-btn-color: var(--bs-primary);
  color: var(--bs-primary);
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9%209.2c-.4-.4-1-.4-1.4%200L12%2012.7L8.5%209.2c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4l4.2%204.2c.2.2.4.3.7.3s.5-.1.7-.3l4.2-4.2c.4-.4.4-1%200-1.4%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: auto;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle.active:after {
  transform: rotateX(180deg);
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane > .row {
  display: none;
  padding: 0 15px;
}
@media (min-width: 992px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane > .row {
    display: flex;
    padding: 0;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane > .row.show {
  display: flex;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li {
  font-weight: 300;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li > a.dropdown-item {
  border-bottom: 0;
  --bs-dropdown-link-color: #221F20;
  --bs-dropdown-item-padding-y: 10px;
  --bs-dropdown-item-padding-x: 19px;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li > a.dropdown-item.dropdown-toggle {
  display: flex;
  align-items: center;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li > a.dropdown-item.dropdown-toggle::after {
  height: 2px !important;
  background-color: cyan;
  opacity: 1;
  flex: 1;
  border: 0;
  margin-left: 10px;
  display: block;
}
@media (max-width: 991px) {
  .navbar .navbar-nav > .nav-item ul.dropdown-menu li > a.dropdown-item.dropdown-toggle::after {
    display: none;
  }
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li:hover > a, .navbar .navbar-nav > .nav-item ul.dropdown-menu li.active > a, .navbar .navbar-nav > .nav-item ul.dropdown-menu li.current-menu-ancestor > a.dropdown-toggle {
  font-weight: 500;
  color: var(--bs-white);
  background-color: var(--bs-primary) !important;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li:hover > a.dropdown-toggle::after {
  opacity: 1;
}
.navbar .navbar-nav > .nav-item ul.dropdown-menu li ul.dropdown-menu {
  padding: 0;
}
@media (max-width: 991px) {
  .navbar .navbar-nav .caret {
    margin-left: auto;
  }
  .navbar .navbar-nav .caret::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9%209.2c-.4-.4-1-.4-1.4%200L12%2012.7L8.5%209.2c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4l4.2%204.2c.2.2.4.3.7.3s.5-.1.7-.3l4.2-4.2c.4-.4.4-1%200-1.4%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
  }
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-primary) !important;
  font-weight: 600 !important;
}

@media only screen and (min-width: 992px) {
  /**:: First Dropdown ::**/
  .navbar .navbar-collapse ul li {
    position: relative;
  }
  .navbar .navbar-collapse ul li:hover > ul {
    display: block;
    transform: translateY(0) !important;
    opacity: 1;
    visibility: visible;
  }
  .navbar .navbar-collapse ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    display: block;
    background-color: #f3fcff;
    opacity: 0;
    visibility: hidden;
  }
  /**:: Second Dropdown ::**/
  .navbar .navbar-collapse ul ul li {
    position: relative;
  }
  .navbar .navbar-collapse ul ul li:hover > ul {
    display: block;
  }
  .navbar .navbar-collapse ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 250px;
    display: none;
    background-color: aqua;
  }
  /**:: Third Dropdown ::**/
  .navbar .navbar-collapse ul ul ul li {
    position: relative;
  }
  .navbar .navbar-collapse ul ul ul li:hover ul {
    display: block;
  }
  .navbar .navbar-collapse ul ul ul ul {
    position: absolute;
    top: 0;
    left: -100%;
    min-width: 250px;
    display: none;
    z-index: 1;
    background-color: bisque;
  }
  /**:: Fourth Dropdown ::**/
  .navbar .navbar-collapse ul ul ul ul li {
    position: relative;
  }
  .navbar .navbar-collapse ul ul ul ul li:hover ul {
    display: block;
  }
  .navbar .navbar-collapse ul ul ul ul ul {
    position: absolute;
    top: 0;
    left: -100%;
    min-width: 250px;
    display: none;
    z-index: 1;
    background-color: fuchsia;
  }
}

#contentArea {
  padding-top: 50px; /* mobile default */
}

@media (min-width: 768px) {
  #contentArea {
    padding-top: 90px; /* tablet */
  }
}

@media (min-width: 1200px) {
  #contentArea {
    padding-top: 90px; /* desktop */
  }
}

.password-toggle {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 20px;
  color: #333;
}

/* Banner */
.banner {
  padding-top: 160px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .banner {
    padding-top: 180px;
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .banner {
    padding-top: 271px;
    padding-bottom: 149px;
  }
}
@media (min-width: 1400px) {
  .banner {
    padding-top: 287px;
    padding-bottom: 141px;
  }
}
.banner .container {
  z-index: 1;
  position: relative;
}
@media (min-width: 1400px) {
  .banner .container {
    left: -14px;
  }
}
.banner .lightImg {
  transform: rotate(180deg);
}
.banner img.lightImg {
  display: none;
}
.banner__main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.banner__top {
  position: absolute;
  top: 104px;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 992px) {
  .banner__top {
    top: 119px;
  }
}
.banner__bottom {
  position: absolute;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  width: 100%;
}
.banner__ttl {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  line-height: 1.2;
  margin-bottom: 34px;
}
@media (min-width: 768px) {
  .banner__ttl {
    font-size: 30px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1400px) {
  .banner__ttl {
    font-size: 40px;
  }
}
.banner__ttl_below {
  margin-bottom: 13px;
}
@media (min-width: 1400px) {
  .banner__ttl_below {
    font-size: 38px;
  }
}
.banner__subTtl {
  font-size: 22px;
  margin-bottom: 16px;
  background: linear-gradient(252.11deg, #26a5b2 -16.7%, #000404 193.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  .banner__subTtl {
    font-size: 100px;
    margin-bottom: 21px;
  }
}
.banner__des {
  line-height: 1.5;
  color: #FFFFFF;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .banner__des {
    font-size: 18px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 31px;
  }
}
@media (min-width: 1400px) {
  .banner__des {
    font-size: 20px;
    margin-bottom: 51px;
  }
}
.banner__cta {
  font-size: 16px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .banner__cta {
    padding-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .banner__cta {
    padding-bottom: 60px;
  }
}
.banner__cta .btn {
  font-weight: 700;
}
@media (min-width: 992px) {
  .banner__cta .btn {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .banner__cta .btn {
    border-width: 4px;
    font-size: 20px;
    padding: 12px 30px 10px;
  }
}
.banner__cta_arrow {
  height: 53px;
  width: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(160.63deg, #6b411a -104.89%, #000404 211.6%);
}
@media (min-width: 1400px) {
  .banner__cta_arrow {
    height: 62px;
    width: 62px;
    margin-right: -8px;
  }
}
.banner__cta_arrow svg {
  cursor: pointer;
}
.banner__growth {
  font-family: var(--bs-font-monospace);
  font-size: 40px;
  line-height: 1.2;
  margin-top: -20px;
  background: linear-gradient(252.11deg, #ffffff -16.7%, #e2e1e1 193.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .banner__growth {
    font-size: 60px;
    margin-bottom: 2px;
  }
}
@media (min-width: 992px) {
  .banner__growth {
    font-size: 100px;
  }
}
.banner__growth form {
  width: 120px;
  height: 48px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f7f8 100%);
  border-radius: 120px;
  padding: 6px;
  margin: 0 9px;
}
@media (min-width: 768px) {
  .banner__growth form {
    width: 142px;
    height: 54px;
  }
}
@media (min-width: 992px) {
  .banner__growth form {
    width: 182px;
    padding: 10px;
    height: 79px;
  }
}
@media (min-width: 1400px) {
  .banner__growth form {
    margin-bottom: -15px;
  }
}
.banner__growth form .toggleWrap {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(255.13deg, #ffffff -43.12%, #000404 153.52%);
  padding: 6px;
}
@media (min-width: 768px) {
  .banner__growth form .toggleWrap {
    padding: 8px;
  }
}
@media (min-width: 992px) {
  .banner__growth form .toggleWrap {
    padding: 12px;
  }
}
.banner__growth form input {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 100%;
  background-color: var(--bs-white);
  border-radius: inherit;
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.0901960784) inset;
  border: 0;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.banner__growth form input::before {
  opacity: 1;
  display: block;
  position: absolute;
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.0901960784) inset;
  top: -6px;
  left: -6px;
  width: 36px;
  height: 36px;
  background-color: var(--bs-white);
  content: "";
  transform: none;
  border-radius: 50%;
  margin: 0;
  border: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .banner__growth form input::before {
    width: 42px;
    height: 42px;
    left: -8px;
    top: -8px;
  }
}
@media (min-width: 992px) {
  .banner__growth form input::before {
    width: 59px;
    height: 59px;
    left: -12px;
    top: -12px;
  }
}
.banner__growth form input:checked {
  background-color: #132628;
}
.banner__growth form input:checked::before {
  left: calc(100% - 32px);
}
@media (min-width: 768px) {
  .banner__growth form input:checked::before {
    left: calc(100% - 38px);
  }
}
@media (min-width: 992px) {
  .banner__growth form input:checked::before {
    left: calc(100% - 46px);
  }
}
.banner .bannerSlider {
  position: relative;
  margin: auto;
}
@media (min-width: 1400px) {
  .banner .bannerSlider .list {
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  .banner .bannerSlider .list {
    padding: 0 30px;
  }
}
@media (min-width: 1400px) {
  .banner .bannerSlider .list {
    padding: 0 40px;
  }
}
.banner__logo {
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 20px;
}
@media (min-width: 992px) {
  .banner__logo {
    gap: 52px;
  }
}
@media (min-width: 1400px) {
  .banner__logo {
    margin-right: -10px;
  }
}
.banner__logo img,
.banner__logo svg {
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .banner__logo img,
  .banner__logo svg {
    height: 70px;
  }
}
@media (min-width: 992px) {
  .banner__logo img,
  .banner__logo svg {
    height: 90px;
  }
}
@media (min-width: 1400px) {
  .banner__logo img,
  .banner__logo svg {
    height: 120px;
  }
}
.banner__logo .dark {
  display: none;
}
.banner__design {
  bottom: -60px;
  left: -12px;
  width: 100px;
}
@media (min-width: 992px) {
  .banner__design {
    width: 180px;
    bottom: -89px;
  }
}
@media (min-width: 1400px) {
  .banner__design {
    width: 200px;
    bottom: -112px;
  }
}
.banner img.darkImg {
  display: none;
}
.banner img.lightImg {
  display: block;
}
.banner.dark-mode {
  background: #132628;
  color: var(--bs-white);
}
.banner.dark-mode p,
.banner.dark-mode span,
.banner.dark-mode h2,
.banner.dark-mode a {
  color: var(--bs-white);
}
.banner.dark-mode img.lightImg {
  display: none;
}
.banner.dark-mode img.darkImg {
  display: block;
}
.banner.dark-mode .banner__ttl,
.banner.dark-mode .banner__growth,
.banner.dark-mode .banner__subTtl {
  -webkit-text-fill-color: var(--bs-white);
  background: none;
}
.banner.dark-mode .banner__logo .dark {
  display: inline-block;
}
.banner.dark-mode .banner__logo .light {
  display: none;
}

.custom-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  -webkit-mask: none;
  mask: none;
}

.custom-arrow svg path {
  fill: var(--bs-primary);
}

.dark-mode .custom-arrow svg path {
  fill: var(--bs-white);
}

.about {
  padding-top: 40px;
  padding-bottom: 44px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .about {
    padding-top: 80px;
    padding-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .about {
    padding-top: 115px;
    padding-bottom: 94px;
  }
}
@media (min-width: 1400px) {
  .about {
    padding-top: 125px;
    padding-bottom: 116px;
  }
}
.about .container {
  position: relative;
  z-index: 1;
}
.about .heading {
  margin-bottom: 16px;
}
.about .title {
  margin-bottom: 18px;
  text-wrap-style: balance;
}
@media (min-width: 992px) {
  .about .title {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .about .title {
    margin-bottom: 32px;
  }
}
.about__des {
  color: var(--bs-gray);
  letter-spacing: 0.1px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .about__des {
    margin-bottom: 23px;
  }
}
@media (min-width: 1400px) {
  .about__des {
    font-size: 20px;
    margin-bottom: 33px;
  }
}
.about__info {
  list-style: none;
  padding: 0 15px;
  margin: 0 auto;
  gap: 10px;
}
@media (min-width: 576px) {
  .about__info {
    padding: 0 50px;
  }
}
@media (min-width: 768px) {
  .about__info {
    gap: 20px;
    padding: 0 0;
  }
}
@media (min-width: 1400px) {
  .about__info {
    gap: 40px;
  }
}
.about__info li {
  flex: 1;
  transform: skew(-16deg);
  background-color: #f0f0f0;
  padding-top: 24px;
  padding-bottom: 16px;
}
.about__info li:first-child {
  border-radius: 15px 0 0 0;
}
.about__info li:last-child {
  border-radius: 0 0 15px 0;
}
.about__info li > * {
  transform: skew(16deg);
}
.about__info li h3 {
  font-size: 24px;
  font-family: var(--bs-font-monospace);
  line-height: 1.1;
}
@media (min-width: 992px) {
  .about__info li h3 {
    font-size: 34px;
  }
}
@media (min-width: 1400px) {
  .about__info li h3 {
    font-size: 44px;
  }
}
.about__info li h3 small {
  font-size: inherit;
}
.about__info li span {
  font-family: var(--bs-font-monospace);
  font-style: italic;
  color: var(--bs-gray);
  font-size: 14px;
  margin-top: 10px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .about__info li span {
    font-size: 17px;
    margin-top: 0;
  }
}
.about__img {
  width: 100%;
  max-width: 588px;
}
@media (min-width: 1400px) {
  .about__img {
    margin-right: 6px;
  }
}
.about .row {
  row-gap: 24px;
}
@media (min-width: 1200px) {
  .about__boxOne {
    margin-top: -26px;
  }
}
.about__boxOne img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (min-width: 1400px) {
  .about__boxOne img {
    margin-left: -35px;
    max-width: -moz-max-content;
    max-width: max-content;
    width: auto;
  }
}
.about__boxTwo {
  width: 100%;
  background-color: rgba(35, 35, 35, 0.07);
  border-radius: 20px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .about__boxTwo {
    padding: 12px 20px;
    max-width: 261px;
    margin-left: 20px;
    margin-top: 20px;
  }
}
@media (min-width: 1400px) {
  .about__boxTwo {
    padding: 16px 24px 30px 24px;
  }
}
.about__boxTwo h3 {
  color: #232323;
  font-size: 32px;
  margin-bottom: 0;
  font-family: var(--bs-font-sans-serif);
  letter-spacing: -0.03em;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .about__boxTwo h3 {
    font-size: 43px;
  }
}
@media (min-width: 992px) {
  .about__boxTwo h3 {
    font-size: 53px;
  }
}
@media (min-width: 1400px) {
  .about__boxTwo h3 {
    font-size: 84px;
  }
}
.about__boxTwo h3 small {
  font-size: inherit;
}
.about__boxTwo p {
  font-family: var(--bs-font-sans-serif);
  font-weight: 500;
  color: #5c5d5f;
}
@media (min-width: 992px) {
  .about__boxTwo p {
    margin-bottom: 15px;
    font-size: 18px;
  }
}
.about__boxTwo span {
  display: block;
  height: 6px;
  background-color: #d9d9d9;
  margin-top: auto;
}
.about__boxTwo span:after {
  width: 75%;
  height: 100%;
  content: "";
  background-color: var(--bs-black);
  display: block;
}
.about__boxThree {
  background-color: #010205;
  border-radius: 20px;
  padding: 42px 33px 43px;
}
.about__boxThree > div {
  z-index: 1;
  max-width: 280px;
  width: 100%;
}
.about__boxThree span {
  font-size: 14px;
  font-family: var(--bs-font-sans-serif);
  color: var(--bs-white);
  margin-bottom: 20px;
}
.about__boxThree span::before {
  display: block;
  background-color: currentColor;
  content: "";
  width: 54px;
  height: 2px;
  margin-right: 13px;
}
.about__boxThree .drive {
  color: var(--bs-white);
  font-size: 32px;
  line-height: 1.2;
}
.about__boxThree .shadow {
  top: 0;
  left: 0;
}
.about__boxThree .bar {
  opacity: 0.4;
  bottom: 0;
  right: 22px;
}
@media (min-width: 1400px) {
  .about__boxThree .bar {
    opacity: 1;
  }
}

.newabout .head {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .newabout .head {
    margin-bottom: 44px;
  }
}
@media (min-width: 992px) {
  .newabout .head {
    margin-bottom: 64px;
  }
}
@media (min-width: 992px) {
  .newabout__desc {
    max-width: 570px;
    margin-left: auto;
  }
}
.newabout .about-new-card {
  background-color: #F0F0F0;
  border-radius: 24px;
  margin-bottom: 16px;
  padding: 20px;
}
@media (min-width: 992px) {
  .newabout .about-new-card {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .newabout .about-new-card {
    padding: 30px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .newabout .about-new-card {
    max-width: 570px;
  }
}
.newabout .about-new-card .icon {
  display: block;
}
.newabout .about-new-card .icon .hover {
  display: none;
}
.newabout .about-new-card.active {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.newabout .about-new-card.active .content h3,
.newabout .about-new-card.active .content p {
  color: var(--bs-white);
}
.newabout .about-new-card.active .icon .default {
  display: none;
}
.newabout .about-new-card.active .icon .hover {
  display: block;
}
.newabout .about-new-card .content h3 {
  color: var(--bs-black);
  font-family: var(--bs-font-monospace);
  font-size: 20px;
}
@media (min-width: 1400px) {
  .newabout .about-new-card .content h3 {
    font-size: 28px;
    margin-bottom: 16px;
  }
}
.newabout .about-new-card .content p {
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 1400px) {
  .newabout .about-new-card .content p {
    font-size: 20px;
  }
}
.newabout .about-new-card:hover {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.newabout .about-new-card:hover .content h3 {
  color: var(--bs-white);
}
.newabout .about-new-card:hover .content p {
  color: var(--bs-white);
}
.newabout .about-new-card:hover .icon .default {
  display: none;
}
.newabout .about-new-card:hover .icon .hover {
  display: block;
}
@media (min-width: 992px) {
  .newabout .cover {
    max-width: 880px;
  }
}
.newabout .btn-primary.btn-about {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  position: absolute;
  font-size: 11px;
  border-radius: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 10px;
  max-width: 200px;
  padding: 6px 10px;
}
@media (min-width: 446px) {
  .newabout .btn-primary.btn-about {
    font-size: 12px;
    max-width: 200px;
    padding: 8px 16px;
  }
}
@media (min-width: 570px) {
  .newabout .btn-primary.btn-about {
    font-size: 14px;
    max-width: 200px;
    padding: 12px 26px;
  }
}
@media (min-width: 576px) {
  .newabout .btn-primary.btn-about {
    font-size: 14px;
    max-width: 200px;
    padding: 12px 30px;
  }
}
@media (min-width: 768px) {
  .newabout .btn-primary.btn-about {
    font-size: 12px;
    padding: 9px 14px;
  }
}
@media (min-width: 992px) {
  .newabout .btn-primary.btn-about {
    padding: 14px 28px;
    max-width: none;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .newabout .btn-primary.btn-about {
    padding: 12px 30px;
    max-width: none;
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .newabout .btn-primary.btn-about {
    font-size: 22px;
    padding: 15px 32px;
    bottom: 0;
    right: 0;
    max-width: none;
  }
}
.newabout .btn-primary.btn-about svg {
  height: 16px;
  width: 16px;
}
@media (min-width: 768px) {
  .newabout .btn-primary.btn-about svg {
    height: 18px;
    width: 18px;
  }
}
@media (min-width: 1400px) {
  .newabout .btn-primary.btn-about svg {
    height: auto;
    width: auto;
  }
}

.newmvpcta {
  position: relative;
}
@media (min-width: 992px) {
  .newmvpcta {
    min-height: 420px;
  }
}
.newmvpcta .container {
  z-index: 1;
  position: relative;
}
.newmvpcta .text {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
@media (min-width: 992px) {
  .newmvpcta .text {
    padding-top: 117px !important;
    padding-bottom: 117px !important;
  }
}
.newmvpcta .btn-primary--white {
  white-space: nowrap;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 19px !important;
}
@media (min-width: 1400px) {
  .newmvpcta .btn-primary--white {
    padding: 18px 35px;
  }
}
.newmvpcta .btn-primary--white:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}
.newmvpcta .btn-primary-outlined {
  white-space: nowrap;
  background: transparent;
  border: 1px solid #E98500;
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 19px !important;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media (min-width: 1400px) {
  .newmvpcta .btn-primary-outlined {
    padding: 20px 35px;
  }
}
.newmvpcta .btn-primary-outlined:hover {
  transform: scale(1.04);
}
.newmvpcta .btn--link {
  margin-left: 20px;
  font-weight: 700;
  color: #F0F0F0;
  font-size: 18px;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .newmvpcta .btn--link {
    font-size: 20px;
  }
}
.newmvpcta ul {
  list-style: none;
}
.newmvpcta ul li {
  font-weight: 500;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #F0F0F0;
  font-size: 16px;
  justify-content: center;
}
@media (min-width: 992px) {
  .newmvpcta ul li {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .newmvpcta ul li {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .newmvpcta ul li {
    font-size: 22px;
  }
}

.ctaHireFlutter .btn-primary--white {
  white-space: wrap;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
  padding: 12px 22px;
  border-radius: 124px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px !important;
  max-width: 450px;
}
@media (min-width: 1400px) {
  .ctaHireFlutter .btn-primary--white {
    font-size: 19px !important;
    padding: 22px 35px;
  }
}
.ctaHireFlutter .btn-primary--white svg {
  display: none;
}
@media (min-width: 576px) {
  .ctaHireFlutter .btn-primary--white svg {
    display: block;
  }
}
.ctaHireFlutter .btn-primary--white:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}

.maxWidth .container {
  max-width: 1248px;
}
.maxWidth .btn-primary--white {
  max-width: 680px !important;
  width: 100%;
  text-align: center;
  font-size: 16px !important;
}
@media (min-width: 992px) {
  .maxWidth .btn-primary--white {
    font-size: 19px !important;
  }
}
.maxWidth .aquaList li {
  color: #00FFE1;
}

.aiCta .btn-outlined {
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid rgb(240, 240, 240);
  color: rgb(240, 240, 240);
  -webkit-background-clip: none;
  -webkit-text-fill-color: none;
  background-clip: none;
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 19px !important;
}
@media (min-width: 1400px) {
  .aiCta .btn-outlined {
    padding: 20px 35px;
  }
}
.aiCta .btn-outlined:hover {
  transform: scale(1.04);
}
.aiCta .btn-primary--white svg {
  display: block;
}

.ctaHireNative .text {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
@media (min-width: 992px) {
  .ctaHireNative .text {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .ctaHireNative .text {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
.ctaHireNative__cardGrp {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .ctaHireNative__cardGrp {
    margin-bottom: 34px;
  }
}
@media (min-width: 1200px) {
  .ctaHireNative__cardGrp {
    margin-bottom: 44px;
  }
}
@media (min-width: 1400px) {
  .ctaHireNative__cardGrp {
    margin-bottom: 64px;
  }
}
.ctaHireNative__cardGrp_card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: rgba(222, 253, 255, 0.1019607843);
  border: 1px solid var(--bs-gray);
  border-radius: 8px;
  padding: 16px 14px;
}
@media (min-width: 992px) {
  .ctaHireNative__cardGrp_card {
    padding: 38px 34px;
  }
}
@media (min-width: 1400px) {
  .ctaHireNative__cardGrp_card {
    padding: 48px 44px;
  }
}
.ctaHireNative__cardGrp .icon {
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .ctaHireNative__cardGrp .icon {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .ctaHireNative__cardGrp .icon {
    margin-bottom: 32px;
  }
}
.ctaHireNative__cardGrp_ttl, .ctaHireNative__cardGrp .des {
  color: #FBFFFF;
}
.ctaHireNative__cardGrp_ttl {
  line-height: 1.3;
  font-weight: 700;
  font-size: 20px;
}
@media (min-width: 768px) {
  .ctaHireNative__cardGrp_ttl {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .ctaHireNative__cardGrp_ttl {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .ctaHireNative__cardGrp_ttl {
    font-size: 28px;
  }
}
.ctaHireNative__cardGrp .btn {
  margin-top: auto;
}
.ctaHireNative .des {
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .ctaHireNative .des {
    margin-bottom: 40px;
  }
}
.ctaHireNative .logoSlider .list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ctaHireNative .logoSlider .list img, .ctaHireNative .logoSlider .list svg {
  max-height: 45px;
}
@media (min-width: 992px) {
  .ctaHireNative .logoSlider .list img, .ctaHireNative .logoSlider .list svg {
    max-height: 73px;
  }
}
@media (min-width: 1400px) {
  .ctaHireNative .logoSlider .list img, .ctaHireNative .logoSlider .list svg {
    max-height: 85px;
  }
}
.ctaHireNative .logoSlider .list:first-child {
  max-height: 50px;
}
@media (min-width: 1200px) {
  .ctaHireNative .logoSlider .list:first-child {
    max-height: 60px;
  }
}
@media (min-width: 1400px) {
  .ctaHireNative .logoSlider .list:first-child {
    max-height: 65px;
  }
}
.ctaHireNative .logoSlider .list:nth-child(2) {
  max-height: 50px;
}
@media (min-width: 1400px) {
  .ctaHireNative .logoSlider .list:nth-child(2) {
    max-height: 60px;
  }
}
@media (min-width: 1400px) {
  .ctaHireNative .logoSlider .list:nth-child(2) {
    max-height: 65px;
  }
}

.costCta .container {
  max-width: 1232px;
}
.costCta .btn-primary--orange {
  max-width: 416px;
  margin: auto;
  border-radius: 124px;
  padding: 9px 30px;
}
@media (min-width: 992px) {
  .costCta .btn-primary--orange {
    padding: 20px 39px;
    white-space: nowrap;
    text-wrap: nowrap;
  }
}
@media (min-width: 1400px) {
  .costCta .des {
    font-size: 24px;
  }
}
.costCta .ctaHireNative__cardGrp_card {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid var(--bs-white);
}
.costCta .borderBottom {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.costCta .borderBottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 50.96%, rgba(204, 204, 204, 0) 97.12%);
}
.costCta .list li {
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 576px) {
  .costCta .list li {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .costCta .list li {
    font-size: 18px;
  }
}

.story {
  background-color: #FBFFFF;
  padding-top: 20px;
  padding-bottom: 40px;
  position: relative;
}
@media (min-width: 992px) {
  .story {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1400px) {
  .story {
    padding-top: 70px;
    padding-bottom: 120px;
  }
}
.story__card {
  cursor: pointer;
  position: relative;
  padding: 62px 22px 21px;
  background-color: var(--bs-white);
  border: 1px solid #FFF2E7;
  box-shadow: 9.5px 10px 14.01px 0px rgba(0, 0, 0, 0.0901960784);
  border-radius: 12px;
  position: relative;
  transition: 0.2s ease;
  width: 100%;
}
.story__card:hover {
  transform: scale(180deg);
  border: 1px solid var(--bs-primary);
  box-shadow: -9.5px -10px 14.01px 0px rgba(0, 0, 0, 0.0901960784);
}
@media (min-width: 768px) {
  .story__card {
    width: 100%;
    min-width: 270px;
    max-width: 350px;
  }
}
@media (min-width: 1200px) {
  .story__card {
    max-width: 300px;
  }
}
.story__card::before {
  content: "";
  background: url("../images/pin-icon.svg");
  background-repeat: no-repeat;
  height: 42px;
  width: 42px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 12px;
  z-index: 8;
}
.story__card_inner {
  height: 100%;
  background-color: #f7feff;
  border-radius: 18px;
  padding: 12px;
  border: 1px solid #ffefef;
}
@media (min-width: 992px) {
  .story__card_inner {
    padding: 20px 12px;
  }
}
.story__card_icon {
  margin-bottom: 12px;
}
.story__card_icon img {
  height: 86px;
  width: 86px;
  -o-object-fit: contain;
     object-fit: contain;
}
.story__card_ttl {
  font-weight: 700;
  font-size: 20px;
  color: var(--bs-text);
  font-family: var(--bs-font-monospace);
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  .story__card_ttl {
    font-size: 22px;
  }
}
.story__card_ttl span {
  color: #221F20;
  display: block;
  font-weight: 600;
  font-size: 16px;
  margin-top: 8px;
}
.story__card_des {
  font-size: 18px;
  color: var(--bs-gray);
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .story__card_des {
    font-size: 20px;
  }
}
.story .des {
  color: var(--bs-gray);
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .story .des {
    font-size: 20px;
    margin-bottom: 60px;
  }
}

.whyEitbiz .col-md-3:last-of-type .whyEitbiz__card::after {
  display: none;
}

.whyEitbiz {
  padding: 30px 0;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .whyEitbiz {
    padding: 60px 0;
    margin-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .whyEitbiz {
    padding: 100px 0;
    margin-bottom: 120px;
  }
}
.whyEitbiz .heading {
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  .whyEitbiz .heading {
    margin-bottom: 24px;
  }
}
.whyEitbiz .heading, .whyEitbiz .title, .whyEitbiz .des {
  color: #FBFFFF;
}
.whyEitbiz .des {
  font-weight: 400;
  margin-bottom: 22px;
}
@media (min-width: 992px) {
  .whyEitbiz .des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .whyEitbiz .des {
    font-size: 20px;
  }
}
.whyEitbiz .image {
  z-index: -1;
}
.whyEitbiz__card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .whyEitbiz__card::after {
    top: 45px;
    right: -50px;
    width: 80px;
    content: "";
    position: absolute;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='210' height='11' viewBox='0 0 210 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5.5H200.5' stroke='%2351330C' stroke-width='3' stroke-dasharray='5 10'/%3E%3Ccircle cx='204.5' cy='5.5' r='5.5' fill='%2393742C'/%3E%3Ccircle cx='5.5' cy='5.5' r='5.5' fill='%2393742C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .whyEitbiz__card::after {
    right: -80px;
    width: 130px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .whyEitbiz__card::after {
    right: -100px;
    width: 160px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .whyEitbiz__card::after {
    right: -90px;
    width: 170px;
  }
}
.whyEitbiz__card .col-md-3:last-of-type .whyEitbiz__card::after {
  display: none;
}
.whyEitbiz__card_ttl, .whyEitbiz__card_des {
  color: #FBFFFF;
}
.whyEitbiz__card_ttl {
  font-weight: 800;
  max-width: 294px;
  line-height: 1.4;
  font-size: 20px;
}
@media (min-width: 992px) {
  .whyEitbiz__card_ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .whyEitbiz__card_ttl {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .whyEitbiz__card_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .whyEitbiz__card_des {
    font-size: 20px;
  }
}
.whyEitbiz__card_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  width: 90px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  padding: 15px;
  border-radius: 20px;
}
@media (min-width: 1400px) {
  .whyEitbiz__card_icon {
    margin-bottom: 19px;
  }
}

.whyNative {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #151F22;
}
@media (min-width: 992px) {
  .whyNative {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .whyNative {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .whyNative {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.whyNative .container {
  z-index: 1;
  position: relative;
}
.whyNative .heading,
.whyNative .title,
.whyNative .des {
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .whyNative .heading {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .whyNative .title {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .whyNative .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .whyNative .des {
    margin-bottom: 60px;
  }
}
.whyNative .btn-primary--white {
  white-space: nowrap;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px !important;
}
@media (min-width: 992px) {
  .whyNative .btn-primary--white {
    font-size: 19px !important;
  }
}
@media (min-width: 1400px) {
  .whyNative .btn-primary--white {
    padding: 22px 35px;
  }
}
.whyNative .btn-primary--white svg {
  height: 25px;
  width: 25px;
}
@media (min-width: 992px) {
  .whyNative .btn-primary--white svg {
    height: auto;
  }
}
.whyNative .btn-primary--white:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}
.whyNative .link {
  color: #EC8002;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
}
@media (min-width: 1200px) {
  .whyNative .link {
    font-size: 20px;
  }
}
.whyNative .btn--link {
  border-bottom: 1px solid #EC8002;
  margin-left: 0;
  font-weight: 500;
  text-decoration: none;
  color: #EC8002;
  font-size: 18px;
  font-family: var(--bs-font-monospace);
  line-height: 1.4;
}
@media (min-width: 992px) {
  .whyNative .btn--link {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .whyNative .btn--link {
    margin-left: 0;
  }
}
.whyNative .btn--link svg {
  height: 22px;
  width: 22px;
}
.whyNative__item {
  padding: 16px;
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
  border: 2px solid #EC8002;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 12px;
  min-height: 257px;
}
@media (min-width: 992px) {
  .whyNative__item {
    padding: 20px;
  }
}
@media (min-width: 1400px) {
  .whyNative__item {
    padding: 36px 24px;
  }
}
.whyNative__item_topWrap {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .whyNative__item_topWrap {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .whyNative__item_topWrap {
    margin-bottom: 24px;
  }
}
.whyNative__item_topWrap_icon {
  height: 55px;
  width: 55px;
  border-radius: 68px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
@media (min-width: 992px) {
  .whyNative__item_topWrap_icon {
    width: 68px;
    height: 68px;
  }
}
.whyNative__item_topWrap_number {
  max-width: 170px;
  margin-left: 16px;
}
@media (min-width: 576px) {
  .whyNative__item_topWrap_number {
    max-width: none;
  }
}
.whyNative__item_topWrap_number strong {
  font-size: 18px;
  font-family: var(--bs-font-monospace);
  color: var(--bs-white);
  display: block;
}
@media (min-width: 768px) {
  .whyNative__item_topWrap_number strong {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .whyNative__item_topWrap_number strong {
    font-size: 32px;
  }
}
.whyNative__item_topWrap_number small {
  font-family: var(--bs-body-font-family);
  font-size: 16px;
  color: var(--bs-gray-light);
}
.whyNative__item_ttl {
  color: #FBFFFF;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  margin-bottom: 12px;
  font-size: 18px;
}
@media (min-width: 992px) {
  .whyNative__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .whyNative__item_ttl {
    font-size: 24px;
  }
}
.whyNative__item_des {
  color: var(--bs-gray-light);
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .whyNative__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .whyNative__item_des {
    font-size: 20px;
  }
}
.whyNative__box {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
  border: 2px solid #EC8002;
}
@media (min-width: 1400px) {
  .whyNative__box {
    padding: 74px 60px;
  }
}

.planFour {
  padding-top: 40px;
  padding-bottom: 40px;
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  .planFour {
    padding-top: 0;
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .planFour {
    padding-top: 0;
    padding-top: 120px;
  }
}
.planFour .container {
  max-width: 1400px;
  position: relative;
  z-index: 2;
}
.planFour .heading {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planFour .heading {
    margin-bottom: 20px;
  }
}
.planFour__des {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 992px) {
  .planFour__des {
    font-size: 20px;
  }
}
.planFour__chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
}
.planFour .planTwoSlider {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .planFour .planTwoSlider {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .planFour .planTwoSlider .slick-track {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.planFour .planTwoSlider .slick-track > .item {
  padding: 0 5px;
}
@media (min-width: 992px) {
  .planFour .planTwoSlider .slick-track > .item {
    padding: 0 15px;
  }
}
.planFour__card {
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: #FBFFFF;
  border-width: 2px;
  border-style: solid;
  border-radius: 16px;
  border-color: var(--bs-gray-light);
  transition: all 0.3s ease-in-out;
  padding: 15px 20px;
}
@media (min-width: 992px) {
  .planFour__card {
    padding: 28px 30px;
  }
}
@media (min-width: 1400px) {
  .planFour__card {
    padding: 30px 35px;
  }
}
.planFour__card_icon {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .planFour__card_icon {
    width: 90px;
    height: 90px;
  }
}
.planFour__card_ttl {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  color: var(--bs-black);
}
@media (min-width: 992px) {
  .planFour__card_ttl {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .planFour__card_ttl {
    font-size: 32px;
  }
}
.planFour__card_subTtl {
  font-size: 20px;
  font-family: var(--bs-body-font-family);
  border-bottom: 2px solid var(--bs-gray);
  margin-bottom: 16px;
  line-height: 36px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 16px;
  padding-bottom: 20px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .planFour__card_subTtl {
    font-size: 18px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1200px) {
  .planFour__card_subTtl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .planFour__card_subTtl {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.planFour__card_listHeading {
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  color: var(--bs-black);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .planFour__card_listHeading {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .planFour__card_listHeading {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .planFour__card_listHeading {
    font-size: 24px;
  }
}
.planFour__card_text {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 400;
  color: var(--bs-gray);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planFour__card_text {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planFour__card_text {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.planFour__card_dtl {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .planFour__card_dtl {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planFour__card_dtl {
    margin-bottom: 24px;
  }
}
.planFour__card_dtl .box {
  background-color: #F0F0F0;
  padding: 20px 4px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  text-align: center;
  flex: 1;
}
.planFour__card_dtl .box small {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  color: var(--bs-black);
  font-weight: 500;
}
@media (min-width: 992px) {
  .planFour__card_dtl .box small {
    font-size: 16px;
  }
}
.planFour__card_dtl .box strong {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  color: var(--bs-black);
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .planFour__card_dtl .box strong {
    font-size: 20px;
  }
}
.planFour__active {
  border-color: #F27301;
}
.planFour__active_btn {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%) !important;
}
.planFour__active_box {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.2) -33.39%, rgba(213, 174, 0, 0.2) 141.38%);
}
.planFour .btn {
  padding: 12px 0;
  font-family: var(--bs-font-monospace);
  font-size: 16px;
}
@media (min-width: 576px) {
  .planFour .btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .planFour .btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .planFour .btn {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .planFour .btn {
    font-size: 22px;
    padding: 18px 0;
    font-weight: 600;
  }
}
.planFour .btn svg {
  margin-left: 6px;
}
.planFour .pricing-btn {
  margin-top: auto;
}
.planFour .slick-dotted.slick-slider {
  margin-bottom: 50px;
}
.planFour__list {
  list-style: none;
  padding: 0;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planFour__list {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .planFour__list {
    margin-bottom: 24px;
  }
}
.planFour__list li {
  font-size: 18px;
  margin-bottom: 0;
  color: var(--bs-gray);
}
.planFour__list li:not(:last-child) {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .planFour__list li {
    font-size: 20px;
  }
}
.planFour__list li svg {
  margin-right: 12px;
  flex-shrink: 0;
}
.planFour .slick-arrow {
  top: auto;
  bottom: -48px;
}
.planFour .slick-arrow::before {
  display: none;
}
.planFour .slick-prev {
  left: calc(50% - 170px);
}
.planFour .slick-next {
  right: calc(50% - 170px);
}

.planFour__card {
  display: flex;
  flex-direction: column;
}

.planSlider .slick-track {
  display: flex;
}

.planSlider .slick-slide {
  height: auto;
}

.planSlider .slick-slide > div {
  height: 100%;
}

.planFour__card {
  height: 100%;
}

.planFive {
  background-color: #FBFFFF;
  padding-top: 40px;
  padding-bottom: 40px;
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  .planFive {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .planFive {
    padding-top: 120px;
    padding-top: 120px;
  }
}
.planFive .container {
  max-width: 1400px;
  position: relative;
  z-index: 2;
}
.planFive__des {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 992px) {
  .planFive__des {
    font-size: 20px;
  }
}
.planFive__chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
}
.planFive .planTwoSlider {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .planFive .planTwoSlider {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .planFive .planTwoSlider .slick-track {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.planFive .planTwoSlider .slick-track > .item {
  padding: 0 5px;
}
@media (min-width: 992px) {
  .planFive .planTwoSlider .slick-track > .item {
    padding: 0 15px;
  }
}
.planFive .slick-dotted.slick-slider {
  margin-bottom: 50px;
}
.planFive__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  background: #FBFFFF;
  border-width: 2px;
  border-style: solid;
  border-radius: 16px;
  border-color: var(--bs-gray-light);
  transition: all 0.3s ease-in-out;
  padding: 15px 20px;
}
@media (min-width: 992px) {
  .planFive__card {
    padding: 28px 30px;
  }
}
@media (min-width: 1400px) {
  .planFive__card {
    padding: 30px 35px;
  }
}
.planFive__card_ttl {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  font-weight: 600;
  color: var(--bs-black);
}
@media (min-width: 992px) {
  .planFive__card_ttl {
    font-size: 26px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .planFive__card_ttl {
    margin-bottom: 32px;
    font-size: 30px;
  }
}
.planFive__card_subTtl {
  font-family: var(--bs-body-font-family);
  margin-bottom: 16px;
  line-height: 36px;
  color: var(--bs-black);
  font-size: 16px;
  font-size: 22px;
}
@media (min-width: 992px) {
  .planFive__card_subTtl {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .planFive__card_subTtl {
    font-size: 38px;
  }
}
@media (min-width: 1400px) {
  .planFive__card_subTtl {
    font-size: 40px;
  }
}
.planFive__card_text {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 400;
  color: var(--bs-gray);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planFive__card_text {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planFive__card_text {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.planFive__active {
  border-color: #F27301;
}
.planFive__active_btn {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%) !important;
}
.planFive__active_box {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.2) -33.39%, rgba(213, 174, 0, 0.2) 141.38%);
}
.planFive .btn {
  max-width: 424px;
  padding: 12px 20px;
  font-family: var(--bs-body-font-family);
  font-size: 16px;
  border-radius: 124px;
  margin: auto;
  font-weight: 600;
}
@media (min-width: 992px) {
  .planFive .btn {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .planFive .btn {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .planFive .btn {
    font-size: 24px;
    padding: 18px 20px;
  }
}
.planFive .btn svg {
  margin-left: 6px;
}
.planFive .pricing-btn {
  margin-top: auto;
}
.planFive .slick-arrow {
  top: auto;
  bottom: -48px;
}
.planFive .slick-arrow::before {
  display: none;
}
.planFive .slick-prev {
  left: calc(50% - 170px);
}
.planFive .slick-next {
  right: calc(50% - 170px);
}
.planFive .slick-track {
  display: flex;
}
.planFive .slick-slide {
  height: auto;
}
.planFive .slick-slide > div {
  height: 100%;
}

.planSix {
  background-color: #FBFFFF;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .planSix {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .planSix {
    padding-top: 120px;
    padding-bottom: 0;
  }
}
.planSix__card_ttlPrice {
  font-size: 22px;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  color: var(--bs-black);
}
@media (min-width: 992px) {
  .planSix__card_ttlPrice {
    font-size: 26px;
  }
}
@media (min-width: 1200px) {
  .planSix__card_ttlPrice {
    font-size: 32px;
  }
}
@media (min-width: 1400px) {
  .planSix__card_ttlPrice {
    font-size: 34px;
  }
}
.planSix__card_text {
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  color: var(--bs-black);
  font-size: 18px;
}
@media (min-width: 992px) {
  .planSix__card_text {
    font-size: 22px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) {
  .planSix__card_text {
    font-size: 28px;
    margin-bottom: 18px;
  }
}
.planSix .planFour__list li {
  margin-bottom: 4px;
}
.planSix .proTip {
  padding: 16px 22px;
  border: 1px solid #EAEAEA;
  background-color: var(--bs-white);
  border-radius: 16px;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .planSix .proTip {
    margin-top: 60px;
    padding: 25px 35px;
  }
}
@media (min-width: 1400px) {
  .planSix .proTip {
    padding: 35px 55px;
  }
}
.planSix .proTip p {
  padding-left: 70px;
  text-indent: -70px;
}
@media (min-width: 992px) {
  .planSix .proTip p {
    text-indent: -80px;
  }
}
.planSix .proTip b {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
}

.chlng {
  background-color: #0D1011;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .chlng {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .chlng {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .chlng {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.chlng .heading {
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  .chlng .heading {
    margin-bottom: 18px;
  }
}
.chlng .heading, .chlng .title {
  color: #F0F0F0;
}
.chlng__img {
  max-height: 530px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@media (min-width: 1400px) {
  .chlng__img {
    height: 100%;
    max-width: 690px;
  }
}
.chlng__des {
  color: var(--bs-gray-light);
}
@media (min-width: 992px) {
  .chlng__des {
    font-size: 20px;
    margin-bottom: 32px;
  }
}
.chlng__card {
  height: 100%;
  border-radius: 20px;
  padding: 19px 16px;
}
@media (min-width: 1400px) {
  .chlng__card {
    padding: 36px 24px;
  }
}
.chlng__card_icon {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .chlng__card_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .chlng__card_icon {
    margin-bottom: 26px;
  }
}
.chlng__card_ttl {
  color: #F0F0F0;
  font-size: 20px;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .chlng__card_ttl {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .chlng__card_ttl {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.chlng__card_des {
  color: #F0F0F0;
  font-size: 16px;
}
@media (min-width: 992px) {
  .chlng__card_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .chlng__card_des {
    font-size: 20px;
  }
}

.chlng__card.one {
  border: 1px solid #FF4040;
  background: rgba(255, 112, 112, 0.1019607843);
}

.chlng__card.two {
  border: 1px solid #2F78FF;
  background: rgba(255, 255, 255, 0.1019607843);
}

.chlng__card.three {
  border: 1px solid #FFEA03;
  background: rgba(255, 234, 3, 0.1019607843);
}

.chlng__card.four {
  border: 1px solid #3DF243;
  background: rgba(155, 255, 153, 0.1019607843);
}

.approach {
  background-color: #FAFAFA;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .approach {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .approach {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .approach {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.approach .heading {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .approach .heading {
    margin-bottom: 22px;
  }
}
.approach__des {
  color: var(--bs-gray);
  font-size: 18px;
  margin-bottom: 22px;
}
@media (min-width: 992px) {
  .approach__des {
    font-size: 20px;
  }
}
.approach .btn-primary {
  padding: 12px 28px;
  border-radius: 124px;
  max-width: 300px;
  font-size: 19px;
}
@media (min-width: 992px) {
  .approach .btn-primary {
    max-width: 325px;
    padding: 22px 38px;
  }
}
.approach__item {
  background: #FBFFFF;
  border: 2px solid #EAEAEA;
  border-radius: 20px;
  padding: 15px 14px;
  margin-bottom: 16px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .approach__item {
    padding: 22px 24px;
    margin-bottom: 24px;
  }
}
.approach__item_icon {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  height: 60px;
  width: 60px;
  flex-shrink: 0;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .approach__item_icon {
    height: 88px;
    width: 88px;
  }
}
.approach__item_icon svg {
  height: 22px;
  width: 22px;
}
@media (min-width: 992px) {
  .approach__item_icon svg {
    height: auto;
    width: auto;
  }
}
.approach__item_iconTwo {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.approach__item_iconTwo svg {
  height: 22px;
  width: 22px;
}
@media (min-width: 992px) {
  .approach__item_iconTwo svg {
    height: 22px;
    width: 22px;
  }
}
.approach__item_content .ttl {
  color: var(--bs-black);
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
}
@media (min-width: 1400px) {
  .approach__item_content .ttl {
    font-size: 22px;
  }
}
.approach__item_content p {
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 992px) {
  .approach__item_content p {
    font-size: 20px;
  }
}
.approach__card {
  cursor: pointer;
  height: 100%;
  background: #FBFFFF;
  border: 2px solid var(--border, #EAEAEA);
  border-radius: 20px;
  padding: 18px 18px;
  transition: 0.1s ease-in;
}
@media (min-width: 992px) {
  .approach__card {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) {
  .approach__card {
    padding: 22px 24px;
  }
}
.approach__card:hover {
  transform: scale(1.05);
}
.approach__card_icon {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .approach__card_icon {
    margin-bottom: 20px;
  }
}
.approach__card_content .ttl {
  color: var(--bs-black);
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .approach__card_content .ttl {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .approach__card_content .ttl {
    font-size: 28px;
  }
}
.approach__card_content p {
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 992px) {
  .approach__card_content p {
    font-size: 20px;
  }
}

.mvp {
  position: relative;
  background-color: #132A2F;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .mvp {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .mvp {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .mvp {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.mvp::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../images/mvp-bg2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.mvp .container {
  position: relative;
  z-index: 1;
}
.mvp .heading {
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  .mvp .heading {
    margin-bottom: 18px;
  }
}
.mvp .heading, .mvp .title {
  color: #F0F0F0;
}
.mvp__des {
  color: var(--bs-gray-light);
}
@media (min-width: 992px) {
  .mvp__des {
    font-size: 20px;
    margin-bottom: 32px;
  }
}
.mvp .btn-primary--white {
  white-space: nowrap;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 19px;
}
@media (min-width: 1400px) {
  .mvp .btn-primary--white {
    padding: 22px 35px;
  }
}
.mvp .btn-primary--white:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}
.mvp .toprow {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .mvp .toprow {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .mvp .toprow {
    margin-bottom: 64px;
  }
}
.mvp__card {
  height: 100%;
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  border: 2px solid #D5AE00;
  border-radius: 20px;
  padding: 16px 27px;
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
  width: 100%;
}
@media (min-width: 992px) {
  .mvp__card {
    padding: 26px 47px;
  }
}
@media (min-width: 1400px) {
  .mvp__card {
    max-width: 745px;
    padding: 36px 67px;
  }
}
.mvp__card_ttl {
  color: #F0F0F0;
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .mvp__card_ttl {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .mvp__card_ttl {
    font-size: 28px;
  }
}
.mvp__card ul li {
  color: #EAEAEA;
  line-height: 2;
  font-size: 18px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .mvp__card ul li {
    font-size: 22px;
  }
}

.aiPlan {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .aiPlan {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .aiPlan {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.techStack {
  padding-top: 28px;
  padding-bottom: 28px;
}
@media (min-width: 992px) {
  .techStack {
    padding-top: 68px;
    padding-bottom: 68px;
  }
}
@media (min-width: 1200px) {
  .techStack {
    padding-top: 88px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .techStack {
    padding-top: 118px;
    padding-bottom: 118px;
  }
}
.techStack .container {
  position: relative;
  z-index: 1;
}
.techStack__ttl {
  color: var(--bs-white);
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
  border-bottom: 2px solid rgb(0, 225, 255);
  margin-bottom: 20px;
  padding: 18px 0;
}
@media (min-width: 992px) {
  .techStack__ttl {
    border-bottom: 5px solid rgb(0, 225, 255);
    padding: 28px 0;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .techStack__ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .techStack__ttl {
    margin-bottom: 40px;
    font-size: 24px;
  }
}
.techStack__item {
  border: 1px solid rgba(255, 255, 255, 0.397);
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  padding: 12px 16px;
}
@media (min-width: 768px) {
  .techStack__item {
    margin-bottom: 16px;
    padding: 16px;
  }
}
@media (min-width: 1200px) {
  .techStack__item {
    padding: 20px;
  }
}
@media (min-width: 1400px) {
  .techStack__item {
    padding: 24px 26px;
  }
}
.techStack__item span {
  font-weight: 700;
  color: var(--bs-white);
  font-size: 18px;
}
@media (min-width: 992px) {
  .techStack__item span {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .techStack__item span {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .techStack__item span {
    font-size: 24px;
  }
}
.techStack__item:hover, .techStack__item .active {
  border: 1px solid rgb(14, 205, 231);
  background: rgba(0, 195, 255, 0.1);
}
.techStack .btn-primary--white {
  white-space: wrap;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
  padding: 12px 22px;
  border-radius: 124px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px !important;
  max-width: 421px;
}
@media (min-width: 1400px) {
  .techStack .btn-primary--white {
    font-size: 19px !important;
    padding: 22px 35px;
  }
}
.techStack .btn-primary--white:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}
.techStack .btn-primary-outlined {
  white-space: nowrap;
  background: transparent;
  border: 1px solid #E98500;
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 19px !important;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media (min-width: 1400px) {
  .techStack .btn-primary-outlined {
    padding: 20px 35px;
  }
}
.techStack .btn-primary-outlined:hover {
  transform: scale(1.04);
}

.whyIndia {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .whyIndia {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .whyIndia {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .whyIndia {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .whyIndia .heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .whyIndia .title {
    margin-bottom: 12px;
  }
}
.whyIndia .des {
  color: var(--bs-gray);
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .whyIndia .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .whyIndia .des {
    margin-bottom: 60px;
  }
}
.whyIndia__item {
  height: 100%;
  cursor: pointer;
  border: 2px solid #DADADA;
  border-radius: 12px;
  background-color: var(--bs-white);
  padding: 18px 16px;
}
@media (min-width: 992px) {
  .whyIndia__item {
    padding: 28px 20px;
  }
}
@media (min-width: 1400px) {
  .whyIndia__item {
    padding: 36px 24px;
  }
}
.whyIndia__item.active {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.05) -33.39%, rgba(213, 174, 0, 0.05) 141.38%);
  border: 2px solid #EC8002;
}
.whyIndia__item.active .whyIndia__item_icon {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.whyIndia__item.active .badge {
  background-color: #FFF1C9;
}
.whyIndia__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .whyIndia__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .whyIndia__item_icon {
    margin-bottom: 24px;
  }
}
.whyIndia__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
}
@media (min-width: 992px) {
  .whyIndia__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .whyIndia__item_ttl {
    font-size: 24px;
  }
}
.whyIndia__item_des {
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .whyIndia__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .whyIndia__item_des {
    font-size: 20px;
  }
}

.aiFeatures {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .aiFeatures {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .aiFeatures {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .aiFeatures {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .aiFeatures .heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .aiFeatures .title {
    margin-bottom: 12px;
  }
}
.aiFeatures .des {
  color: var(--bs-gray);
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .aiFeatures .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .aiFeatures .des {
    margin-bottom: 60px;
  }
}
.aiFeatures__wrap {
  background-color: transparent;
  padding: 0 0 8px;
  border-radius: 12px;
}
.aiFeatures__wrap:has(> .aiFeatures__item:hover) {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.aiFeatures__wrap:has(> .aiFeatures__item.active) {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.aiFeatures__item.active {
  background: #FFF2EC;
  border-color: transparent;
}
.aiFeatures__item {
  height: 100%;
  cursor: pointer;
  border: 2px solid #DADADA;
  border-radius: 12px;
  background-color: var(--bs-white);
  padding: 18px 16px;
}
@media (min-width: 992px) {
  .aiFeatures__item {
    padding: 28px 20px;
  }
}
@media (min-width: 1400px) {
  .aiFeatures__item {
    padding: 36px 24px;
  }
}
.aiFeatures__item.active {
  background: #FFF2EC;
  border: 2px solid transparent;
}
.aiFeatures__item.active .aiFeatures__item_icon {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  box-shadow: 0px 5.6px 7.46px 0px rgba(255, 255, 255, 0.4) inset;
  border: 2px solid #FF5900;
}
.aiFeatures__item.active .badge {
  background-color: #FFF1C9;
}
.aiFeatures__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  border: 2px solid #80F3FF;
  box-shadow: 0px 5.6px 7.46px 0px rgba(255, 255, 255, 0.4) inset;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .aiFeatures__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .aiFeatures__item_icon {
    margin-bottom: 24px;
  }
}
.aiFeatures__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
}
@media (min-width: 992px) {
  .aiFeatures__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .aiFeatures__item_ttl {
    font-size: 24px;
  }
}
.aiFeatures__item_des {
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .aiFeatures__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .aiFeatures__item_des {
    font-size: 20px;
  }
}

.whyChooseEitbiz {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .whyChooseEitbiz {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .whyChooseEitbiz {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .whyChooseEitbiz {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .whyChooseEitbiz .heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .whyChooseEitbiz .title {
    margin-bottom: 12px;
  }
}
.whyChooseEitbiz .des {
  color: var(--bs-gray);
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .whyChooseEitbiz .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .whyChooseEitbiz .des {
    margin-bottom: 60px;
  }
}
.whyChooseEitbiz__item {
  height: 100%;
  cursor: pointer;
  padding: 18px 16px;
}
@media (min-width: 992px) {
  .whyChooseEitbiz__item {
    padding: 28px 20px;
  }
}
@media (min-width: 1400px) {
  .whyChooseEitbiz__item {
    padding: 36px 24px;
  }
}
.whyChooseEitbiz__item:hover .whyChooseEitbiz__item_icon {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.whyChooseEitbiz__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .whyChooseEitbiz__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .whyChooseEitbiz__item_icon {
    margin-bottom: 24px;
  }
}
.whyChooseEitbiz__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
}
@media (min-width: 992px) {
  .whyChooseEitbiz__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .whyChooseEitbiz__item_ttl {
    font-size: 24px;
  }
}
.whyChooseEitbiz__item_des {
  max-width: 366px;
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .whyChooseEitbiz__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .whyChooseEitbiz__item_des {
    font-size: 20px;
  }
}

.importantToKnow {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .importantToKnow {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .importantToKnow {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow .heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow .title {
    margin-bottom: 12px;
  }
}
.importantToKnow .des {
  color: var(--bs-gray);
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .importantToKnow .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow .des {
    margin-bottom: 60px;
  }
}
.importantToKnow__item {
  height: 100%;
  cursor: pointer;
  border: 2px solid #DADADA;
  border-radius: 12px;
  background-color: var(--bs-white);
  padding: 18px 16px;
}
@media (min-width: 992px) {
  .importantToKnow__item {
    padding: 28px 20px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow__item {
    padding: 36px 24px;
  }
}
.importantToKnow__item.active {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.05) -33.39%, rgba(213, 174, 0, 0.05) 141.38%);
  border: 2px solid #EC8002;
}
.importantToKnow__item.active .importantToKnow__item_icon {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.importantToKnow__item.active .badge {
  background-color: #FFF1C9;
}
.importantToKnow__item.active .importantToKnow__item_subTtl {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.importantToKnow__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .importantToKnow__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow__item_icon {
    margin-bottom: 24px;
  }
}
.importantToKnow__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 20px;
}
@media (min-width: 992px) {
  .importantToKnow__item_ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow__item_ttl {
    font-size: 26px;
  }
}
.importantToKnow__item_subTtl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
  color: var(--bs-cyan);
}
@media (min-width: 992px) {
  .importantToKnow__item_subTtl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow__item_subTtl {
    font-size: 24px;
  }
}
.importantToKnow__item_des {
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .importantToKnow__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow__item_des {
    font-size: 20px;
  }
}
.importantToKnow__item .num {
  color: var(--bs-white);
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  font-size: 20px;
}
@media (min-width: 992px) {
  .importantToKnow__item .num {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .importantToKnow__item .num {
    font-size: 26px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow__item .num {
    font-size: 28px;
  }
}
.importantToKnow .proTip {
  padding: 16px 22px;
  border: 1px solid #EAEAEA;
  background-color: var(--bs-white);
  border-radius: 16px;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .importantToKnow .proTip {
    margin-top: 60px;
    padding: 25px 35px;
  }
}
@media (min-width: 1400px) {
  .importantToKnow .proTip {
    padding: 35px 55px;
  }
}
.importantToKnow .proTip p {
  padding-left: 70px;
  text-indent: -70px;
}
@media (min-width: 992px) {
  .importantToKnow .proTip p {
    text-indent: -80px;
  }
}
.importantToKnow .proTip b {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
}

.costOptimize__item {
  height: 100%;
  cursor: pointer;
  border: 2px solid #DADADA;
  border-radius: 12px;
  background-color: var(--bs-white);
  padding: 18px 16px;
}
@media (min-width: 992px) {
  .costOptimize__item {
    padding: 28px 20px;
  }
}
@media (min-width: 1400px) {
  .costOptimize__item {
    padding: 36px 24px;
  }
}
.costOptimize__item.active {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.05) -33.39%, rgba(213, 174, 0, 0.05) 141.38%);
  border: 2px solid #EC8002;
}
.costOptimize__item.active .costOptimize__item_icon {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.costOptimize__item.active .badge {
  background-color: #FFF1C9;
}
.costOptimize__item.active .costOptimize__item_subTtl {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.costOptimize__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .costOptimize__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costOptimize__item_icon {
    margin-bottom: 24px;
  }
}
.costOptimize__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 20px;
}
@media (min-width: 992px) {
  .costOptimize__item_ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .costOptimize__item_ttl {
    font-size: 26px;
  }
}
.costOptimize__item_subTtl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
  color: var(--bs-cyan);
}
@media (min-width: 992px) {
  .costOptimize__item_subTtl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .costOptimize__item_subTtl {
    font-size: 24px;
  }
}
.costOptimize__item_des {
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .costOptimize__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costOptimize__item_des {
    font-size: 20px;
  }
}
.costOptimize__item .num {
  color: var(--bs-white);
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  font-size: 20px;
}
@media (min-width: 992px) {
  .costOptimize__item .num {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .costOptimize__item .num {
    font-size: 26px;
  }
}
@media (min-width: 1400px) {
  .costOptimize__item .num {
    font-size: 28px;
  }
}
.costOptimize .colored {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  border-bottom: 1px solid #E88701;
  font-weight: 500;
}

.whyFlutter {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #151F22;
}
@media (min-width: 992px) {
  .whyFlutter {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .whyFlutter {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.whyFlutter .container {
  z-index: 1;
  position: relative;
}
.whyFlutter .heading, .whyFlutter .title, .whyFlutter .des {
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .whyFlutter .heading {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter .title {
    margin-bottom: 12px;
  }
}
.whyFlutter .des {
  color: var(--bs-white);
}
@media (min-width: 992px) {
  .whyFlutter .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter .des {
    margin-bottom: 60px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter .left {
    padding-right: 60px;
  }
}
.whyFlutter__item {
  height: 100%;
  padding: 16px;
  background: rgba(222, 253, 255, 0.1019607843);
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 12px;
}
@media (min-width: 992px) {
  .whyFlutter__item {
    padding: 20px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter__item {
    padding: 24px;
  }
}
.whyFlutter__item_ttl {
  color: #FBFFFF;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  margin-bottom: 4px;
  font-size: 18px;
}
@media (min-width: 992px) {
  .whyFlutter__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter__item_ttl {
    font-size: 24px;
  }
}
.whyFlutter__item_des {
  color: var(--bs-gray-light);
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .whyFlutter__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter__item_des {
    font-size: 20px;
  }
}
.whyFlutter__box {
  height: 100%;
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
  border: 2px solid #EC8002;
  border-radius: 12px;
  padding: 30px 30px;
}
@media (min-width: 768px) {
  .whyFlutter__box {
    padding: 20px 18px;
  }
}
@media (min-width: 992px) {
  .whyFlutter__box {
    padding: 60px 50px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter__box {
    padding: 74px 60px;
  }
}
.whyFlutter__box_percent {
  color: var(--bs-white);
  font-weight: 400;
  margin-bottom: 4px;
  font-family: "Krona One", sans-serif;
}
@media (min-width: 992px) {
  .whyFlutter__box_percent {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter__box_percent {
    font-size: 36px;
  }
}
.whyFlutter__box_txt {
  margin-bottom: 0;
  color: var(--bs-gray-light);
  text-align: center;
}
@media (min-width: 992px) {
  .whyFlutter__box_txt {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .whyFlutter__box_txt {
    font-size: 20px;
  }
}

.startUp {
  background-color: #FBFFFF;
  padding-top: 40px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .startUp {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .startUp {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .startUp {
    padding-top: 120px;
    padding-bottom: 160px;
  }
}
@media (min-width: 992px) {
  .startUp .mb {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .startUp .mb {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .startUp .mb {
    margin-bottom: 60px;
  }
}
.startUp .des {
  color: var(--bs-gray);
}
.startUp__item {
  padding: 12px 12px;
}
@media (min-width: 992px) {
  .startUp__item {
    padding: 32px 12px;
  }
}
.startUp__item_ttl {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  color: var(--bs-black);
}
@media (min-width: 992px) {
  .startUp__item_ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .startUp__item_ttl {
    font-size: 26px;
  }
}
.startUp__item_icon {
  height: 68px;
  width: 68px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
.startUp__right_img {
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .startUp__right_img {
    margin-bottom: 26px;
  }
}
@media (min-width: 1400px) {
  .startUp__right_img {
    margin-bottom: 36px;
  }
}
.startUp__right_card {
  border: 1px solid var(--bs-secondary);
  background-color: var(--bs-white);
  padding: 12px 18px;
  border-radius: 12px;
}
@media (min-width: 992px) {
  .startUp__right_card {
    padding: 18px 36px;
  }
}
@media (min-width: 1200px) {
  .startUp__right_card {
    padding: 22px 56px;
  }
}
@media (min-width: 1400px) {
  .startUp__right_card {
    padding: 30px 95px;
  }
}
.startUp__right_card .num {
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  font-size: 30px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .startUp__right_card .num {
    margin-bottom: auto;
    font-size: 40px;
  }
}
@media (min-width: 1400px) {
  .startUp__right_card .num {
    font-size: 40px;
  }
}
.startUp__right_list {
  list-style: none;
  padding-left: 0;
}
.startUp__right_list li:not(:last-child) {
  margin-bottom: 12px;
}
.startUp__right_list li span {
  display: inline-block;
  color: var(--bs-gray);
}
@media (min-width: 1400px) {
  .startUp__right_list li span {
    font-size: 20px;
  }
}
.startUp__right_list .listlabel {
  width: 80px;
}
@media (min-width: 576px) {
  .startUp__right_list .listlabel {
    width: 96px;
  }
}
.startUp__right_progressBar {
  margin-right: 6px;
  margin-left: 6px;
  height: 34px;
  width: 200px;
  background: rgb(234, 234, 234);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.startUp__right_progressBar .inner {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
}

.expert {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .expert {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .expert {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .expert {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .expert .heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .expert .title {
    margin-bottom: 12px;
  }
}
.expert .des {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .expert .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .expert .des {
    margin-bottom: 60px;
  }
}
.expert__item {
  height: 100%;
  cursor: pointer;
  border: 2px solid #DADADA;
  border-radius: 12px;
  background-color: var(--bs-white);
  padding: 18px 16px;
}
@media (min-width: 992px) {
  .expert__item {
    padding: 28px 20px;
  }
}
@media (min-width: 1400px) {
  .expert__item {
    padding: 36px 24px;
  }
}
.expert__item.active {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.05) -33.39%, rgba(213, 174, 0, 0.05) 141.38%);
  border: 2px solid #EC8002;
}
.expert__item.active .expert__item_icon {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.expert__item.active .badge {
  background-color: #FFF1C9;
}
.expert__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .expert__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .expert__item_icon {
    margin-bottom: 24px;
  }
}
.expert__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
}
@media (min-width: 992px) {
  .expert__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .expert__item_ttl {
    font-size: 23px;
  }
}
.expert__item_des {
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .expert__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .expert__item_des {
    font-size: 20px;
  }
}
.expert__item .badge {
  padding: 4px 16px;
  background-color: #ECECEC;
  border-radius: 28px;
}
.expert__item .badge span {
  color: var(--bs-gray);
  font-weight: 400;
  line-height: 1.3;
  font-size: 16px;
  text-wrap: wrap;
}

.costByApp {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .costByApp {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .costByApp {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .costByApp {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .costByApp .heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .costByApp .title {
    margin-bottom: 12px;
  }
}
.costByApp .des {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .costByApp .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .costByApp .des {
    margin-bottom: 60px;
  }
}
.costByApp__item {
  height: 100%;
  cursor: pointer;
  border: 2px solid #DADADA;
  border-radius: 12px;
  background-color: var(--bs-white);
  padding: 18px 16px;
}
@media (min-width: 992px) {
  .costByApp__item {
    padding: 28px 20px;
  }
}
@media (min-width: 1400px) {
  .costByApp__item {
    padding: 36px 24px;
  }
}
.costByApp__item.active {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.05) -33.39%, rgba(213, 174, 0, 0.05) 141.38%);
  border: 2px solid #EC8002;
}
.costByApp__item.active .costByApp__item_icon {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.costByApp__item.active .costByApp__item_price {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.costByApp__item.active .badge {
  background-color: #FFF1C9;
}
.costByApp__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .costByApp__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costByApp__item_icon {
    margin-bottom: 24px;
  }
}
.costByApp__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
}
@media (min-width: 992px) {
  .costByApp__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .costByApp__item_ttl {
    font-size: 23px;
  }
}
.costByApp__item_des {
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .costByApp__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costByApp__item_des {
    font-size: 20px;
  }
}
.costByApp__item_price {
  color: var(--bs-cyan);
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  border-top: 1px solid #EAEAEA;
  padding-top: 10px;
  display: block;
  font-size: 20px;
}
@media (min-width: 992px) {
  .costByApp__item_price {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .costByApp__item_price {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .costByApp__item_price {
    font-size: 32px;
  }
}
.costByApp__item .badge {
  padding: 4px 16px;
  background-color: #ECECEC;
  border-radius: 28px;
}
.costByApp__item .badge span {
  color: var(--bs-gray);
  text-wrap: wrap;
  font-weight: 400;
  line-height: 1.3;
  font-size: 16px;
}

.costByTech {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .costByTech {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .costByTech {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .costByTech {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .costByTech .heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .costByTech .title {
    margin-bottom: 12px;
  }
}
.costByTech .des {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .costByTech .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .costByTech .des {
    margin-bottom: 60px;
  }
}
.costByTech__item {
  display: flex;
  flex-direction: column;
  height: 100%;
  cursor: pointer;
  border: 2px solid #DADADA;
  border-radius: 12px;
  background-color: var(--bs-white);
  padding: 18px 16px;
}
@media (min-width: 992px) {
  .costByTech__item {
    padding: 28px 20px;
  }
}
@media (min-width: 1400px) {
  .costByTech__item {
    padding: 36px 24px;
  }
}
.costByTech__item.active {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.05) -33.39%, rgba(213, 174, 0, 0.05) 141.38%);
  border: 2px solid #EC8002;
}
.costByTech__item.active .costByTech__item_icon {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
.costByTech__item.active .costByTech__item_price {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.costByTech__item.active .badge {
  background-color: #FFF1C9;
}
.costByTech__item.active .costByTech__item_bestFor {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.4) -33.39%, rgba(213, 174, 0, 0.4) 141.38%);
}
.costByTech__item_icon {
  height: 68px;
  width: 68px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
.costByTech__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
}
@media (min-width: 992px) {
  .costByTech__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .costByTech__item_ttl {
    font-size: 23px;
  }
}
.costByTech__item_des {
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .costByTech__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costByTech__item_des {
    font-size: 20px;
  }
}
.costByTech__item_price {
  color: var(--bs-black);
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  display: block;
  font-size: 20px;
}
@media (min-width: 992px) {
  .costByTech__item_price {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .costByTech__item_price {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .costByTech__item_price {
    font-size: 32px;
  }
}
.costByTech__item .badge {
  padding: 4px 16px;
  background-color: #ECECEC;
  border-radius: 28px;
}
.costByTech__item .badge span {
  text-wrap: wrap;
  color: var(--bs-gray);
  font-weight: 400;
  line-height: 1.3;
  font-size: 16px;
}
.costByTech__item_bestFor {
  margin-top: auto;
  padding: 16px 18px;
  border-radius: 12px;
  background: linear-gradient(235.09deg, rgba(38, 165, 178, 0.2) -96.56%, rgba(0, 4, 4, 0.2) 170.05%);
}
@media (min-width: 992px) {
  .costByTech__item_bestFor {
    padding: 20px 24px;
  }
}
.costByTech__item_bestFor p {
  color: var(--bs-black);
  font-size: 16px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .costByTech__item_bestFor p {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costByTech__item_bestFor p {
    font-size: 20px;
  }
}
.costByTech__item_bestFor p b {
  font-weight: 500;
}
.costByTech__ad {
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .costByTech__ad {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .costByTech__ad {
    margin-bottom: 32px;
  }
}
.costByTech__ad_ttl {
  color: #13BE00;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  font-size: 18px;
}
@media (min-width: 992px) {
  .costByTech__ad_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .costByTech__ad_ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .costByTech__ad_ttl {
    font-size: 24px;
  }
}
.costByTech__ad .danger {
  color: #FF4F4F;
}
.costByTech__ad ul li {
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .costByTech__ad ul li {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costByTech__ad ul li {
    font-size: 20px;
  }
}

.costOfHiring {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #151F22;
}
.costOfHiring .container {
  max-width: 1300px;
}
@media (min-width: 992px) {
  .costOfHiring {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .costOfHiring {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.costOfHiring .container {
  z-index: 1;
  position: relative;
}
.costOfHiring .heading, .costOfHiring .title, .costOfHiring .des {
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .costOfHiring .heading {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring .title {
    margin-bottom: 12px;
  }
}
.costOfHiring .des {
  color: var(--bs-white);
}
@media (min-width: 992px) {
  .costOfHiring .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring .des {
    margin-bottom: 60px;
  }
}
.costOfHiring__des {
  color: var(--bs-white);
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .costOfHiring__des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__des {
    font-size: 20px;
  }
}
.costOfHiring__wrap {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .costOfHiring__wrap {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .costOfHiring__wrap {
    margin-bottom: 44px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__wrap {
    margin-bottom: 64px;
  }
}
.costOfHiring .colored {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline;
  font-size: 18px;
  position: relative;
}
.costOfHiring .colored::after {
  position: absolute;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  content: "";
  height: 1px;
  bottom: 0;
  width: 100%;
  max-width: 0;
}
@media (min-width: 576px) {
  .costOfHiring .colored::after {
    max-width: 470px;
  }
}
@media (min-width: 992px) {
  .costOfHiring .colored::after {
    max-width: 470px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring .colored::after {
    max-width: 520px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring .colored {
    font-size: 20px;
  }
}
.costOfHiring__item {
  height: 100%;
  cursor: pointer;
  border: 1px solid #DADADA;
  border-radius: 12px;
  background: rgba(222, 253, 255, 0.1019607843);
  padding: 20px 20px;
}
@media (min-width: 576px) {
  .costOfHiring__item {
    padding: 60px 30px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item {
    padding: 85px 48px;
  }
}
.costOfHiring__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .costOfHiring__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item_icon {
    margin-bottom: 24px;
  }
}
.costOfHiring__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
  color: #FBFFFF;
}
@media (min-width: 992px) {
  .costOfHiring__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item_ttl {
    font-size: 24px;
  }
}
.costOfHiring__item_des {
  color: #F7FEFF;
  font-size: 16px;
}
@media (min-width: 992px) {
  .costOfHiring__item_des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item_des {
    font-size: 20px;
  }
}
.costOfHiring__item_heading {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 8px;
  color: #FBFFFF;
}
@media (min-width: 992px) {
  .costOfHiring__item_heading {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .costOfHiring__item_heading {
    font-size: 34px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item_heading {
    font-size: 40px;
  }
}
.costOfHiring__item_subheading {
  font-size: 18px;
  color: var(--bs-white);
  font-weight: 600;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .costOfHiring__item_subheading {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item_subheading {
    font-size: 24px;
  }
}
.costOfHiring__item_top {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .costOfHiring__item_top {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item_top {
    margin-bottom: 40px;
  }
}
.costOfHiring__item_top .icon svg {
  height: 60px;
  width: 60px;
}
@media (min-width: 992px) {
  .costOfHiring__item_top .icon svg {
    height: auto;
    width: auto;
  }
}
.costOfHiring__item_price {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 22px;
  color: #FBFFFF;
}
@media (min-width: 992px) {
  .costOfHiring__item_price {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item_price {
    margin-left: 6px;
    font-size: 40px;
    margin-bottom: 24px;
  }
}
.costOfHiring__item_price span {
  font-size: 16px;
}
.costOfHiring__item ul {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .costOfHiring__item ul {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item ul {
    margin-bottom: 40px;
  }
}
.costOfHiring__item ul li {
  color: #F7FEFF;
  font-size: 16px;
}
@media (min-width: 992px) {
  .costOfHiring__item ul li {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item ul li {
    font-size: 20px;
  }
}
.costOfHiring__item .bestFor {
  margin-top: auto;
  padding: 16px 18px;
  border-radius: 12px;
  background: linear-gradient(235.09deg, rgba(38, 165, 178, 0.4) -96.56%, rgba(0, 4, 4, 0.4) 170.05%);
}
@media (min-width: 992px) {
  .costOfHiring__item .bestFor {
    padding: 20px 24px;
  }
}
.costOfHiring__item .bestFor span {
  color: var(--bs-white);
  font-size: 16px;
}
@media (min-width: 992px) {
  .costOfHiring__item .bestFor span {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__item .bestFor span {
    font-size: 20px;
  }
}
.costOfHiring__item .bestFor .fw-500 {
  font-weight: 500;
}
.costOfHiring__item .btn-primary--white {
  padding: 26px auto;
}
@media (min-width: 992px) {
  .costOfHiring__item .btn-primary--white {
    height: 84px;
    font-size: 22px;
  }
}
.costOfHiring__item .btn-primary--white span {
  text-align: center;
}
.costOfHiring .w-60 {
  margin: auto;
  max-width: 473px;
}
.costOfHiring__chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  max-width: 140px;
  margin: auto;
}
@media (min-width: 576px) {
  .costOfHiring__chip {
    position: absolute;
    top: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiring__chip {
    margin: auto 72px;
    position: absolute;
    top: 40px;
  }
}
.costOfHiring .active {
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border: 2px solid #EC8002;
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
}
.costOfHiring .active .btn-primary--white {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
}
.costOfHiring .active .bestFor {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.4) -33.39%, rgba(213, 174, 0, 0.4) 141.38%);
}

.costOfHiringTwo {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #151F22;
}
@media (min-width: 992px) {
  .costOfHiringTwo {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .costOfHiringTwo {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.costOfHiringTwo .container {
  z-index: 1;
  position: relative;
  max-width: 1260px;
}
.costOfHiringTwo .heading, .costOfHiringTwo .title, .costOfHiringTwo .des {
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .costOfHiringTwo .heading {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo .title {
    margin-bottom: 12px;
  }
}
.costOfHiringTwo .des {
  color: var(--bs-white);
}
@media (min-width: 992px) {
  .costOfHiringTwo .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo .des {
    margin-bottom: 60px;
  }
}
.costOfHiringTwo__des {
  color: var(--bs-white);
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .costOfHiringTwo__des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__des {
    font-size: 20px;
  }
}
.costOfHiringTwo__wrap {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .costOfHiringTwo__wrap {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .costOfHiringTwo__wrap {
    margin-bottom: 44px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__wrap {
    margin-bottom: 64px;
  }
}
.costOfHiringTwo .colored {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 16px;
}
@media (min-width: 992px) {
  .costOfHiringTwo .colored {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo .colored {
    font-size: 20px;
  }
}
.costOfHiringTwo__item {
  height: 100%;
  cursor: pointer;
  border: 2px solid var(--bs-gray);
  border-radius: 12px;
  background: transparent;
  padding: 20px 20px;
}
@media (min-width: 576px) {
  .costOfHiringTwo__item {
    padding: 60px 30px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item {
    padding: 85px 48px;
  }
}
.costOfHiringTwo__item_bottom {
  padding: 20px 20px;
  border: 2px solid var(--bs-gray);
}
@media (min-width: 992px) {
  .costOfHiringTwo__item_bottom {
    padding: 44px 48px;
  }
}
.costOfHiringTwo__item_bottom .btn-primary--white {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
}
.costOfHiringTwo__item_icon {
  height: 68px;
  width: 68px;
  margin-bottom: 16px;
  border-radius: 68px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
@media (min-width: 992px) {
  .costOfHiringTwo__item_icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item_icon {
    margin-bottom: 24px;
  }
}
.costOfHiringTwo__item_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
  color: #FBFFFF;
}
@media (min-width: 992px) {
  .costOfHiringTwo__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item_ttl {
    font-size: 24px;
  }
}
.costOfHiringTwo__item_des {
  color: #F7FEFF;
  font-size: 16px;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .costOfHiringTwo__item_des {
    font-size: 18px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item_des {
    font-size: 24px;
  }
}
.costOfHiringTwo__item_top {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .costOfHiringTwo__item_top {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item_top {
    margin-bottom: 40px;
  }
}
.costOfHiringTwo__item_price {
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  font-size: 22px;
  color: #FBFFFF;
}
@media (min-width: 992px) {
  .costOfHiringTwo__item_price {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item_price {
    margin-left: 6px;
    font-size: 40px;
    margin-bottom: 24px;
  }
}
.costOfHiringTwo__item ul {
  margin-bottom: 18px;
  list-style: none;
  padding: 0;
}
@media (min-width: 992px) {
  .costOfHiringTwo__item ul {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item ul {
    margin-bottom: 40px;
  }
}
.costOfHiringTwo__item ul li {
  color: #F7FEFF;
  background-color: #2D3133;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 16px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .costOfHiringTwo__item ul li {
    font-size: 18px;
    padding: 20px 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item ul li {
    font-size: 20px;
  }
}
.costOfHiringTwo__item ul li:last-child {
  margin-bottom: 0;
}
.costOfHiringTwo__item .listBlock {
  margin-bottom: 18px;
  list-style: none;
  padding: 0;
}
@media (min-width: 992px) {
  .costOfHiringTwo__item .listBlock {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__item .listBlock {
    margin-bottom: 40px;
  }
}
.costOfHiringTwo__item .listBlock li {
  color: #F7FEFF;
  background-color: #2D3133;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 0;
  font-size: 16px;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .costOfHiringTwo__item .listBlock li {
    max-width: 250px;
  }
}
@media (min-width: 992px) {
  .costOfHiringTwo__item .listBlock li {
    font-size: 18px;
    padding: 20px 24px;
    max-width: 320px;
  }
}
@media (min-width: 1200px) {
  .costOfHiringTwo__item .listBlock li {
    max-width: 360px;
  }
}
.costOfHiringTwo__item .btn-primary--white {
  padding: 26px auto;
  margin-top: auto;
}
@media (min-width: 992px) {
  .costOfHiringTwo__item .btn-primary--white {
    height: 84px;
    font-size: 22px;
  }
}
.costOfHiringTwo__item .btn-primary--white span {
  text-align: center;
}
.costOfHiringTwo__chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  max-width: 140px;
  margin: auto;
}
@media (min-width: 576px) {
  .costOfHiringTwo__chip {
    position: absolute;
    top: 20px;
  }
}
@media (min-width: 1400px) {
  .costOfHiringTwo__chip {
    margin: auto 72px;
    position: absolute;
    top: 40px;
  }
}
.costOfHiringTwo .active {
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border: 2px solid #EC8002;
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
}
.costOfHiringTwo .active .btn-primary--white {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
}
.costOfHiringTwo .active__list li {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.4) -33.39%, rgba(213, 174, 0, 0.4) 141.38%);
}

.service {
  background-color: #fafafa;
  padding-bottom: 40px;
  padding-top: 36px;
}
@media (min-width: 992px) {
  .service {
    padding-bottom: 80px;
    padding-top: 42px;
  }
}
@media (min-width: 1200px) {
  .service {
    padding-bottom: 120px;
    padding-top: 52px;
  }
}
@media (min-width: 1400px) {
  .service {
    padding-top: 42px;
    padding-bottom: 175px;
  }
}
.service__design {
  top: -121px;
  left: 0;
  width: 150px;
}
@media (min-width: 1400px) {
  .service__design {
    width: auto;
    top: -160px;
  }
}
.service__design__right {
  bottom: -152px;
  right: -18px;
}
.service a {
  color: rgb(48, 114, 208);
}
.service .heading {
  margin-bottom: 12px;
}
.service .title {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .service .title {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .service .title {
    margin-bottom: 70px;
  }
}
@media (min-width: 1400px) {
  .service .title {
    margin-bottom: 95px;
  }
}
.service .container {
  max-width: 1690px;
}
.service__item {
  clip-path: polygon(78% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin: 0 30px;
  background-color: #c9c9c9;
}
@media (min-width: 576px) {
  .service__item {
    margin: 0 20px;
  }
}
@media (min-width: 992px) {
  .service__item {
    margin: 0 15px;
  }
}
.service__item:hover {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
.service__item:hover .service__label,
.service__item:hover .service__des,
.service__item:hover a,
.service__item:hover .btn-link {
  color: #ffffff;
}
.service__item:hover .hover {
  display: block;
}
.service__item:hover .default {
  display: none;
}
.service__item .hover {
  display: none;
}
.service__item_inner {
  clip-path: polygon(78% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
  border-radius: 20px;
  margin: 2px;
  padding: 15px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--bs-white);
}
@media (min-width: 992px) {
  .service__item_inner {
    padding: 35px 20px 38px;
  }
}
@media (min-width: 1400px) {
  .service__item_inner {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.service__item_inner:hover {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
.service__item_inner:hover .service__label,
.service__item_inner:hover .service__des,
.service__item_inner:hover .btn-link {
  color: #ffffff;
}
.service__item_inner:hover .hover {
  display: block;
}
.service__item_inner:hover .default {
  display: none;
}
.service__item_inner .hover {
  display: none;
}
.service__icon {
  position: relative;
  margin-bottom: 15px;
  min-height: 70px;
}
@media (min-width: 992px) {
  .service__icon {
    margin-left: 20px;
  }
}
.service__icon:after {
  position: absolute;
  bottom: 0;
  left: 6px;
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  background-color: rgba(161, 161, 161, 0.1);
  border-radius: 50%;
}
@media (min-width: 992px) {
  .service__icon:after {
    bottom: -13px;
    left: 12px;
    width: 55px;
    height: 55px;
  }
}
.service__icon img {
  width: 50px;
}
@media (min-width: 992px) {
  .service__icon img {
    width: auto;
  }
}
.service__label {
  color: #323232;
  font-weight: 700;
  font-family: var(--bs-font-monospace);
  margin-bottom: 14px;
  line-height: 1.4;
  font-size: 22px;
}
@media (min-width: 768px) {
  .service__label {
    min-height: 78px;
  }
}
.service__label::after {
  content: "";
  display: block;
  width: 78px;
  height: 3px;
  background-color: var(--bs-secondary);
  margin-top: 15px;
}
.service__des {
  letter-spacing: -0.02em;
  color: var(--bs-gray);
  line-height: 1.4;
  overflow: hidden;
}
@media (min-width: 1400px) {
  .service__des {
    font-size: 18px;
  }
}
.service .btn-link {
  color: var(--bs-black);
  align-items: center;
  gap: 5px;
  font-weight: 600;
  display: none;
}
.service .slick-arrow {
  top: 25px;
}
@media (min-width: 768px) {
  .service .slick-arrow {
    top: 10px;
  }
}
@media (min-width: 992px) {
  .service .slick-arrow {
    top: 15px;
  }
}
@media (min-width: 1400px) {
  .service .slick-arrow {
    top: 0;
  }
}
.service .slick-arrow.slick-prev {
  top: 50%;
  left: 0;
}
@media (min-width: 768px) {
  .service .slick-arrow.slick-prev {
    left: auto;
    margin-left: 30px;
    right: 100px;
    top: -90px;
  }
  .service .slick-arrow.slick-prev svg {
    height: 30px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .service .slick-arrow.slick-prev svg {
    height: 60px;
  }
}
.service .slick-arrow.slick-next {
  top: 50%;
  right: 0;
}
@media (min-width: 768px) {
  .service .slick-arrow.slick-next {
    right: 20px;
    top: -90px;
  }
  .service .slick-arrow.slick-next svg {
    height: 30px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .service .slick-arrow.slick-next svg {
    height: 60px;
  }
}

.slick-slide {
  margin: 0 15px;
}

.slick-list {
  margin: 0 -15px; /* prevent layout overflow */
}

/* Partner */
.partner {
  padding-top: 30px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .partner {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .partner {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}
.partner .heading {
  margin-bottom: 28px;
}
.partner__sliderPartners {
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 32.5%, rgb(0, 0, 0) 67.5%, rgba(224, 83, 83, 0) 100%);
          mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 32.5%, rgb(0, 0, 0) 67.5%, rgba(224, 83, 83, 0) 100%);
  padding-top: 27px;
  padding-bottom: 26px;
  margin-bottom: 30px;
}
@media (min-width: 1400px) {
  .partner__sliderPartners {
    padding-top: 27px;
    padding-bottom: 26px;
    margin-bottom: 34px;
  }
}
.partner__sliderPartners .item {
  margin: 0 16px;
}
.partner__sliderPartners .item img {
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

.whyChoose {
  padding-bottom: 44px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .whyChoose {
    padding-bottom: 64px;
  }
}
.whyChoose .container {
  position: relative;
  z-index: 1;
}
.whyChoose .heading {
  margin-bottom: 16px;
}
.whyChoose .title {
  margin-bottom: 18px;
  text-wrap-style: balance;
}
@media (min-width: 992px) {
  .whyChoose .title {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .whyChoose .title {
    margin-bottom: 32px;
  }
}
.whyChoose__des {
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .whyChoose__des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .whyChoose__des {
    font-size: 20px;
  }
}
.whyChoose__list {
  padding-left: 20px;
}
.whyChoose__list li {
  color: var(--bs-gray);
  padding-bottom: 16px;
}
@media (min-width: 1400px) {
  .whyChoose__list li {
    font-size: 20px;
  }
}
.whyChoose__list li b {
  font-size: 18px;
}
@media (min-width: 1400px) {
  .whyChoose__list li b {
    font-size: 24px;
  }
}
.whyChoose img {
  max-width: 200px;
}
@media (min-width: 768px) {
  .whyChoose img {
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .whyChoose img {
    max-width: 500px;
  }
}

.portfolioSec .heading {
  margin-bottom: 8px;
}
.portfolioSec .title {
  margin-bottom: 22px;
}
@media (min-width: 992px) {
  .portfolioSec .title {
    margin-bottom: 58px;
  }
}
.portfolioSec .slick-list {
  overflow: visible;
}
.portfolioSec .slick-arrow.slick-disabled {
  opacity: 0.5;
  cursor: default;
}
@media (min-width: 1400px) {
  .portfolioSec .slick-prev {
    left: -15px;
  }
}
.portfolioSec .item {
  margin-right: 10px;
}
@media (min-width: 1400px) {
  .portfolioSec .item {
    margin-right: 0;
  }
}
.portfolioSec .item .inner {
  background-color: #efefef;
  border: 4px solid #ededed;
  border-radius: 20px;
  display: flex !important;
  align-items: center;
  flex-direction: column-reverse;
  padding-top: 16px;
  width: 360px;
}
@media (min-width: 768px) {
  .portfolioSec .item .inner {
    width: 600px;
  }
}
@media (min-width: 992px) {
  .portfolioSec .item .inner {
    flex-direction: row;
    width: 1086px;
  }
}
@media (min-width: 768px) {
  .portfolioSec .item .inner > div {
    flex: 0 0 50%;
  }
}
.portfolioSec .item__text {
  padding: 20px 40px 30px;
}
@media (min-width: 1400px) {
  .portfolioSec .item__text {
    padding-top: 44px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
.portfolioSec .item__text img {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .portfolioSec .item__text img {
    margin-left: 25px;
    margin-bottom: 30px;
  }
}
.portfolioSec .item__text h3 {
  color: #191d26;
  font-weight: 700;
  font-family: var(--bs-font-monospace);
  font-size: 25px;
  line-height: 1.35;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}
.portfolioSec .item__text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.portfolioSec .item__text ul li {
  font-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1770_855%29%22%3E%3Cpath%20d%3D%22M8.5105%208.5098H2.3105C1.8105%208.5098%200.910499%207.8798%200.600499%207.4898C-0.899501%205.5598%200.590499%202.8398%202.9905%202.9998C2.8305%200.589797%205.5605%20-0.900203%207.4905%200.599797C7.8805%200.899797%208.5105%201.8198%208.5105%202.3098V8.5098Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M9.49023%202.30981C9.57023%201.71981%2010.0402%200.959808%2010.5102%200.599808C12.4402%20-0.900192%2015.1602%200.599808%2015.0002%202.98981C17.6102%202.78981%2019.0502%206.05981%2017.0802%207.81981C16.8202%208.04981%2016.0202%208.49981%2015.6902%208.49981H9.49023V2.30981Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M8.50904%209.49023V15.6902C8.50904%2016.0202%208.05904%2016.8202%207.82904%2017.0802C6.06904%2019.0502%202.78904%2017.6102%202.99904%2015.0002C0.609035%2015.1502%20-0.900965%2012.4402%200.609035%2010.5102C0.919035%2010.1202%201.81904%209.49023%202.31904%209.49023H8.51904H8.50904Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M15.69%209.48998C16.44%209.57998%2017.28%2010.22%2017.64%2010.87C18.73%2012.85%2017.21%2015.12%2015.01%2015C15.17%2017.49%2012.21%2018.98%2010.34%2017.24C10.03%2016.95%209.5%2016.1%209.5%2015.68V9.47998H15.7L15.69%209.48998Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1770_855%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left: 27px;
}
.portfolioSec .item__text ul li:not(:last-child) {
  margin-bottom: 14px;
}
.portfolioSec .item__text .cta {
  padding-top: 30px;
  display: flex;
  gap: 20px;
}
@media (min-width: 1400px) {
  .portfolioSec .item__text .cta {
    padding-top: 36px;
    gap: 30px;
  }
}
.portfolioSec .item__text .cta a img {
  border-radius: 4px;
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.4));
  margin: 0;
}
.portfolioSec .item__img img {
  width: 100%;
}
.portfolioSec .item__detail {
  padding: 14px 0;
}
.portfolioSec .item__detail .label {
  position: relative;
}
@media (min-width: 768px) {
  .portfolioSec .item__detail .label {
    padding-right: 40px;
  }
}
@media (min-width: 1200px) {
  .portfolioSec .item__detail .label {
    padding-right: 30px;
  }
}
@media (min-width: 1400px) {
  .portfolioSec .item__detail .label {
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .portfolioSec .item__detail .label:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 89, 0, 0), #FF5900 50%, rgba(255, 89, 0, 0));
  }
}
.portfolioSec .item__detail .label h4, .portfolioSec .item__detail .label i {
  color: var(--bs-black);
}
.portfolioSec .item__detail .label h4 {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: "Krona One", sans-serif;
  font-size: 14px;
  line-height: 120%;
}
@media (min-width: 992px) {
  .portfolioSec .item__detail .label h4 {
    font-size: 16px;
  }
}
.portfolioSec .item__detail .label i {
  font-size: 12px;
  display: inline-block;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .portfolioSec .item__detail .label i {
    font-size: 13px;
  }
}

.review {
  padding-top: 25px;
  padding-bottom: 27px;
}
@media (min-width: 992px) {
  .review {
    padding-top: 35px;
    padding-bottom: 47px;
  }
}
@media (min-width: 1200px) {
  .review {
    padding-top: 45px;
    padding-bottom: 67px;
  }
}
@media (min-width: 1400px) {
  .review {
    padding-top: 120px;
    padding-bottom: 137px;
  }
}
.review .heading {
  color: var(--bs-primary);
  margin-bottom: 14px;
}
.review .title {
  margin-bottom: 28px;
}
@media (min-width: 1400px) {
  .review .subTitle {
    margin-bottom: 17px;
  }
}
.review .slick-dots {
  display: none;
}
@media (min-width: 768px) {
  .review .slick-dots {
    display: block;
  }
}
@media (min-width: 1400px) {
  .review .slick-dots {
    bottom: -95px;
  }
}
.review .slick-arrow {
  top: -100px;
  bottom: 0 !important;
}
.review .slick-arrow::before {
  display: none;
}
@media (min-width: 768px) {
  .review .slick-arrow {
    top: auto;
  }
}
@media (min-width: 1400px) {
  .review .slick-arrow {
    bottom: 0;
  }
}
.review .slick-arrow svg {
  height: 30px;
}
@media (min-width: 768px) {
  .review .slick-arrow svg {
    height: 60px;
  }
}
.review .slick-prev {
  left: 75%;
}
@media (min-width: 768px) {
  .review .slick-prev {
    left: calc(50% - 170px);
  }
}
.review .slick-next {
  right: 0;
}
@media (min-width: 768px) {
  .review .slick-next {
    right: calc(50% - 170px);
  }
}
.review .review .slick-arrow {
  bottom: 0;
  top: 100% !important;
}
.review .slider-for-reviews > .slick-arrow {
  bottom: -80px !important;
}
@media (min-width: 1400px) {
  .review .slider-for-reviews > .slick-arrow {
    bottom: -150px !important;
  }
}
.review .slider-for-reviews .slick-prev::before,
.review .slider-for-reviews .slick-next::before {
  display: none;
}
@media (min-width: 1400px) {
  .review__item {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.review__des {
  font-size: 16px;
  color: var(--bs-gray);
  font-style: italic;
}
@media (min-width: 1400px) {
  .review__des {
    font-size: 18px;
    line-height: 1.2;
  }
}
.review__des > * {
  margin: 0;
}
.review__image {
  margin-bottom: 16px;
  width: 100%;
  padding: 4px;
  overflow: hidden;
  border-radius: 0 0 40px 0;
  background: linear-gradient(234deg, rgba(255, 255, 255, 0.8) -97.35%, rgba(153, 153, 153, 0.5019607843) 92.08%);
}
.review__image .playIcon {
  height: 60px;
  width: 60px;
  transition: all 0.1s ease-in-out;
  top: 26px;
  right: 34px;
}
@media (min-width: 1400px) {
  .review__image .playIcon {
    height: 115px;
    width: 115px;
  }
}
.review__image img {
  width: 100%;
  border-radius: 0 0 40px 0;
}
.review__image .label {
  background: rgba(83, 85, 0, 0.6);
  height: 56px;
  width: 140px;
  padding: 6px 0;
  position: absolute;
  bottom: 30px;
  left: 4px;
  line-height: 22px;
  color: var(--bs-white);
}
.review__image .label .name {
  font-size: 18px;
}
@media (min-width: 992px) {
  .review__image .label .name {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .review__image .label .name {
    font-size: 29px;
  }
}
.review__image .label .city {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
}
@media (min-width: 1400px) {
  .review__image .label .city {
    font-size: 16px;
  }
}

.reviews .slick-dots li button {
  width: 20px;
  height: 4px;
}

.idea {
  background-color: #1c2425;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .idea {
    margin-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .idea {
    margin-bottom: 83px;
  }
}
.idea__ttl {
  font-family: var(--bs-font-monospace);
  color: var(--bs-white);
  font-size: 22px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .idea__ttl {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .idea__ttl {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 28px;
  }
}
.idea__img {
  height: 300px;
}
@media (min-width: 1200px) {
  .idea__img {
    height: 400px;
  }
}
@media (min-width: 1400px) {
  .idea__img {
    height: 450px;
  }
}
.idea__imgCase {
  height: 240px;
}
@media (min-width: 1200px) {
  .idea__imgCase {
    height: 350px;
  }
}
@media (min-width: 1400px) {
  .idea__imgCase {
    height: 450px;
  }
}
.idea__left img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 190px;
  width: 500px;
  right: 0;
}
@media (min-width: 992px) {
  .idea__left img {
    height: 260px;
  }
}
@media (min-width: 1200px) {
  .idea__left img {
    height: 290px;
  }
}
@media (min-width: 1400px) {
  .idea__left img {
    height: 420px;
    right: 0;
  }
}
.idea__image img {
  max-height: 400px;
}
.idea__des {
  color: var(--bs-white);
  font-size: 16px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .idea__des {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .idea__des {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .idea__des {
    font-size: 25px;
  }
}
.idea__des > * {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .idea .btn {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .idea .btn {
    padding: 12px 35px;
  }
}
@media (min-width: 1400px) {
  .idea .btn {
    font-size: 22px;
    padding: 20px 35px;
  }
}
.idea__ellipseOne {
  right: 0;
  top: 10%;
}
.idea__ellipseTwo {
  bottom: 4px;
}
@media (min-width: 992px) {
  .idea__ellipseTwo {
    right: -10%;
  }
}
.idea__ellipseTwo svg {
  height: 100px;
}
.idea__ellipseThree {
  bottom: 70px;
  left: 34%;
}
.idea__ellipseFour {
  bottom: 143px;
  left: 28%;
}
.idea .text {
  position: relative;
  padding-top: 20px;
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .idea .text {
    padding-top: 75px;
    padding-bottom: 65px;
  }
}

.industries__design {
  top: -184px;
  width: 190px;
}
.industries .title {
  padding-right: 100px;
  margin-bottom: 18px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .industries .title {
    margin-bottom: 20px;
  }
}
.industries__des {
  color: var(--bs-gray);
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .industries__des {
    font-size: 20px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .industries__des {
    margin-bottom: 82px;
  }
}
.industries__item {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 992px) {
  .industries__item {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.industries .card {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  border: 0;
}
@media (min-width: 992px) {
  .industries .card {
    max-width: 327px;
    margin-bottom: 0;
  }
}
.industries .card img {
  border: 5px solid rgba(0, 0, 0, 0.3019607843) !important;
  border-radius: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  transition: 0.3s;
  width: 100%;
}
.industries .card__ttl {
  font-size: 16px;
  font-family: var(--bs-font-monospace);
  text-transform: capitalize;
  font-weight: 700;
  color: var(--bs-black);
}
@media (min-width: 1200px) {
  .industries .card__ttl {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .industries .card__ttl {
    font-size: 22px;
  }
}
.industries .card:hover .overlay {
  top: 0;
}
.industries .card:hover .card__ttl {
  display: none;
}
.industries .overlay {
  padding: 16px;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 24px;
  border: 5px solid #ddd;
  left: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  top: 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.3s;
  color: #fff;
}
@media (min-width: 1200px) {
  .industries .overlay {
    padding: 20px 25px;
  }
}
@media (min-width: 1400px) {
  .industries .overlay {
    padding: 34px 44px;
  }
}
.industries .overlay h3 {
  color: var(--bs-white);
  font-size: 22px;
}
@media (min-width: 576px) {
  .industries .overlay h3 {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .industries .overlay h3 {
    font-size: 20px;
  }
}
.industries .overlay p {
  font-size: 16px;
}
@media (min-width: 1400px) {
  .industries .overlay p {
    font-size: 18px;
  }
}
.industries .industrieSlider {
  position: static;
}
.industries .slick-arrow {
  top: 25px;
}
@media (min-width: 768px) {
  .industries .slick-arrow {
    top: 10px;
  }
}
@media (min-width: 992px) {
  .industries .slick-arrow {
    top: 15px;
  }
}
@media (min-width: 1400px) {
  .industries .slick-arrow {
    top: 25px;
  }
}
.industries .slick-arrow.slick-prev {
  left: auto;
  margin-left: 30px;
  right: 50px;
  top: 5px;
}
.industries .slick-arrow.slick-prev svg {
  height: 30px;
}
@media (min-width: 992px) {
  .industries .slick-arrow.slick-prev svg {
    height: 60px;
  }
}
.industries .slick-arrow.slick-next {
  right: 0;
  top: 5px;
}
.industries .slick-arrow.slick-next svg {
  height: 30px;
}
@media (min-width: 992px) {
  .industries .slick-arrow.slick-next svg {
    height: 60px;
  }
}

.wrapper {
  background-color: #fbffff;
}
.wrapper .tech {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .wrapper .tech {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .wrapper .tech {
    margin-bottom: 100px;
  }
}
@media (min-width: 1400px) {
  .wrapper .tech {
    margin-bottom: 148px;
  }
}
.wrapper .tech .container {
  max-width: 1040px;
}
@media (min-width: 1400px) {
  .wrapper .tech .container {
    max-width: 1320px;
  }
}
.wrapper .tech .title {
  line-height: 1.5;
  padding: 0 30px;
}
@media (min-width: 992px) {
  .wrapper .tech .title {
    margin-bottom: 31px;
  }
}
@media (min-width: 1400px) {
  .wrapper .tech .title {
    font-size: 42px;
    margin-bottom: 69px;
  }
}
.wrapper .tech__design {
  top: -40px;
}
.wrapper .tech__wrapper {
  background-color: var(--bs-white);
  border: 4px solid #eaeaea;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.wrapper .tech__wrapper .nav {
  background-color: #221F20;
  z-index: 1;
  border-radius: 8px 0 0 8px;
  width: 100%;
  padding: 24px 0 8px;
}
@media (min-width: 992px) {
  .wrapper .tech__wrapper .nav {
    max-width: 400px;
  }
}
@media (min-width: 1400px) {
  .wrapper .tech__wrapper .nav {
    gap: 16px;
    max-width: 478px;
  }
}
.wrapper .tech__wrapper .nav .nav-link {
  color: var(--bs-white);
  width: 100%;
  border-radius: 0;
  padding-right: 40px;
  text-align: left;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .wrapper .tech__wrapper .nav .nav-link {
    width: calc(100% - 18px);
    line-height: 2.5;
    padding-left: 20px;
  }
}
@media (min-width: 1400px) {
  .wrapper .tech__wrapper .nav .nav-link {
    font-size: 22px;
    padding-left: 30px;
    padding-right: 50px;
  }
}
.wrapper .tech__wrapper .nav .nav-link img {
  height: 30px;
  width: 30px;
}
@media (min-width: 1400px) {
  .wrapper .tech__wrapper .nav .nav-link img {
    height: 35px;
    width: 35px;
  }
}
.wrapper .tech__wrapper .nav .nav-link.active {
  background-color: #31494b;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg  viewBox="0 0 23 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.7071 8.70711C23.0976 8.31658 23.0976 7.68342 22.7071 7.2929L16.3431 0.928934C15.9526 0.538409 15.3195 0.538409 14.9289 0.928933C14.5384 1.31946 14.5384 1.95262 14.9289 2.34315L20.5858 8L14.9289 13.6569C14.5384 14.0474 14.5384 14.6805 14.9289 15.0711C15.3195 15.4616 15.9526 15.4616 16.3431 15.0711L22.7071 8.70711ZM-8.74228e-08 9L22 9L22 7L8.74228e-08 7L-8.74228e-08 9Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 22px;
}
@media (min-width: 1400px) {
  .wrapper .tech__wrapper .nav .nav-link.active {
    background-position: center right 30px;
  }
}
.wrapper .tech__wrapper .tab-content {
  width: 100%;
  padding: 10px 20px 10px;
  max-height: 296px;
  overflow: auto;
}
@media (min-width: 1400px) {
  .wrapper .tech__wrapper .tab-content {
    max-height: 538px;
    padding: 30px 45px 30px;
  }
}
.wrapper .tech__mobileView .accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20viewBox%3D%220%200%209%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.70711%208.70711C9.09763%208.31658%209.09763%207.68342%208.70711%207.29289L2.34315%200.928933C1.95262%200.538408%201.31946%200.538408%200.928932%200.928933C0.538407%201.31946%200.538407%201.95262%200.928932%202.34315L6.58579%208L0.928933%2013.6569C0.538408%2014.0474%200.538408%2014.6805%200.928933%2015.0711C1.31946%2015.4616%201.95262%2015.4616%202.34315%2015.0711L8.70711%208.70711ZM7%209L8%209L8%207L7%207L7%209Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20viewBox%3D%220%200%209%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.70711%208.70711C9.09763%208.31658%209.09763%207.68342%208.70711%207.29289L2.34315%200.928933C1.95262%200.538408%201.31946%200.538408%200.928932%200.928933C0.538407%201.31946%200.538407%201.95262%200.928932%202.34315L6.58579%208L0.928933%2013.6569C0.538408%2014.0474%200.538408%2014.6805%200.928933%2015.0711C1.31946%2015.4616%201.95262%2015.4616%202.34315%2015.0711L8.70711%208.70711ZM7%209L8%209L8%207L7%207L7%209Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  --bs-accordion-btn-icon-transform: rotate(90deg);
  --bs-accordion-btn-icon-width: 16px;
  --bs-accordion-btn-icon-color: white;
  --bs-accordion-btn-color: var(--bs-white);
  --bs-accordion-active-color: var(--bs-white);
  --bs-accordion-btn-padding-x: 20px;
}
.wrapper .tech__mobileView .accordion .accordion-item {
  border-top: 0;
  border-bottom: 1px solid var(--bs-white);
}
.wrapper .tech__mobileView .accordion .accordion-button {
  background-color: #221F20;
  color: var(--bs-white);
}
.wrapper .tech__mobileView .accordion .accordion-button img {
  height: 40px;
}
.wrapper .tech__item {
  background-color: #f5f5f5;
  padding: 10px;
  border: 1px solid #f5f5f5;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.wrapper .tech__item:hover {
  font-weight: 700;
  border-color: var(--bs-secondary);
}
@media (min-width: 992px) {
  .wrapper .tech__item {
    padding: 10px 15px;
  }
}
@media (min-width: 1400px) {
  .wrapper .tech__item {
    min-height: 88px;
    font-size: 18px;
    padding: 18px 26px;
  }
}
.wrapper .tech__item img {
  width: 20px;
}
@media (min-width: 992px) {
  .wrapper .tech__item img {
    width: 40px;
  }
}
@media (min-width: 1400px) {
  .wrapper .tech__item img {
    width: 50px;
  }
}
.wrapper .tech__item span {
  color: var(--bs-black);
  font-size: 16px;
}

.cost {
  padding: 30px 0 0;
}
@media (min-width: 992px) {
  .cost {
    padding: 60px 0 30px;
  }
}
.cost__des {
  padding-bottom: 30px;
  max-width: 1283px;
  line-height: 1.5;
  margin: auto;
  color: var(--bs-black);
}
@media (min-width: 992px) {
  .cost__des {
    font-size: 18px;
  }
}
.cost__box {
  background-color: #f5f5f5;
  padding: 15px;
  width: 100%;
  border-radius: 25px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .cost__box {
    margin-bottom: 30px;
    max-width: 410px;
  }
  .cost__box:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .cost__box {
    margin-bottom: 60px;
  }
}
.cost__box img {
  width: 40px;
  height: 40px;
}
.cost__box span {
  font-weight: 700;
  color: #2d3748;
  font-family: var(--bs-font-monospace);
  padding-left: 17px;
}
.cost__box p {
  text-transform: capitalize;
  color: #2d3748;
}
@media (min-width: 992px) {
  .cost__box p {
    font-size: 18px;
  }
}
.cost img.animate1 {
  animation: mover 2s infinite alternate;
  margin-top: -50px;
  max-height: 400px;
}
@media (min-width: 1400px) {
  .cost img.animate1 {
    margin-top: -30px;
    max-height: none;
  }
}
.cost img.animate2 {
  animation: mover 2s infinite alternate;
  margin-top: -50px;
  max-height: 400px;
}
@media (min-width: 1400px) {
  .cost img.animate2 {
    margin-top: -30px;
    max-height: none;
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
.cost img.animate2 {
  animation: up 2s infinite alternate;
}
.cost img.animate2 {
  animation: up 2s infinite alternate;
}
@keyframes up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(30px);
  }
}

.blog {
  padding: 40px 0;
}
@media (min-width: 1200px) {
  .blog {
    padding: 60px 0 80px;
  }
}
@media (min-width: 1400px) {
  .blog {
    padding: 80px 0 120px;
  }
}
.blog .heading {
  color: var(--bs-primary);
  margin-bottom: 17px;
}
.blog .title {
  font-weight: 700;
  margin-bottom: 22px;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .blog .title {
    margin-bottom: 39px;
  }
}
@media (min-width: 1400px) {
  .blog .title {
    margin-bottom: 75px;
  }
}
@media (min-width: 1400px) {
  .blog .row {
    margin-left: -25px;
    margin-right: -25px;
  }
  .blog .row > div {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.blog__box {
  background-color: var(--bs-white);
  box-shadow: 0px 4px 4px 0px rgba(192, 189, 189, 0.2509803922);
  border-radius: 5px;
  overflow: hidden;
}
.blog__box img {
  width: 100%;
}
.blog__txt {
  padding: 20px 15px;
}
.blog__txt_ttl {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.03em;
  font-family: var(--bs-font-monospace);
  color: var(--bs-black);
  font-weight: 700;
  margin-bottom: 15px;
}
@media (min-width: 1400px) {
  .blog__txt_ttl {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.blog__txt_des {
  color: var(--bs-gray);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 30px;
  line-height: 1.4;
}
.blog__txt a {
  text-decoration: none;
}
.blog__txt_dtl span {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
.blog__txt .btn-primary {
  white-space: nowrap;
  padding: 6px 14px;
  border-radius: 30px;
}
.blog__txt .btn-primary svg {
  transform: rotate(-45deg);
  width: 16px;
  height: 16px;
}

.contact {
  padding: 40px 10px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .contact {
    padding-top: 58px;
    padding-bottom: 46px;
  }
}
@media (min-width: 1400px) {
  .contact {
    padding: 55px 22px 55px;
  }
}
.contact__design {
  top: 124px;
  width: 150px;
}
@media (min-width: 992px) {
  .contact__left {
    padding-left: 90px;
    padding-right: 40px;
  }
}
.contact__left .title {
  font-weight: 700;
  font-family: var(--bs-font-monospace);
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .contact__left .title {
    margin-bottom: 28px;
  }
}
@media (min-width: 1400px) {
  .contact__left .title {
    margin-bottom: 38px;
  }
}
.contact__left_des, .contact__left_list li {
  font-size: 16px;
  color: var(--bs-white);
  letter-spacing: -0.02px;
  line-height: 1.25;
}
@media (min-width: 992px) {
  .contact__left_des, .contact__left_list li {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .contact__left_des, .contact__left_list li {
    font-size: 24px;
  }
}
.contact__left_des {
  margin-bottom: 25px;
}
.contact__left_list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .contact__left_list {
    padding-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .contact__left_list {
    padding-bottom: 50px;
  }
}
.contact__left_list li:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .contact__left_list li:not(:last-child) {
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .contact__left_list li:not(:last-child) {
    margin-bottom: 26px;
  }
}
.contact__left_list li svg {
  margin-right: 8px;
}
.contact__left_socialIcon {
  list-style: none;
  padding: 0;
  margin: 0;
}
.contact__left_socialIcon li a {
  background-color: var(--bs-white);
  border-radius: 10px;
  width: 35px;
  height: 35px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-primary);
}
@media (min-width: 992px) {
  .contact__left_socialIcon li a {
    width: 55px;
    height: 55px;
  }
}
.contact .form {
  padding-left: 14px;
}
.contact .form label {
  font-weight: 600;
  font-size: 16px;
  line-height: 2.5;
  color: var(--bs-white);
}
@media (min-width: 992px) {
  .contact .form label {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .contact .form label {
    font-size: 22px;
    margin-top: -10px;
    margin-bottom: 8px;
  }
}
.contact .form__grp {
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .contact .form__grp {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) {
  .contact .form__grp {
    margin-bottom: 45px;
  }
}
@media (min-width: 1400px) {
  .contact .form textarea {
    min-height: 150px;
  }
}
.contact__cta {
  padding-top: 18px;
}
@media (min-width: 992px) {
  .contact__cta {
    padding-top: 39px;
  }
}
.contact__cta .btn:hover {
  background-color: white;
  color: var(--bs-primary);
}
@media (min-width: 992px) {
  .contact__cta .btn {
    padding: 16px auto;
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .contact__cta .btn {
    padding: 20px 51px 22px;
    font-size: 21px;
  }
}
.contact .orangeBtn {
  --bs-btn-color: #F0F0F0!important;
  background: linear-gradient(247.12deg, #E24F00 -33.39%, #D5AE00 141.38%);
  border-radius: 68px;
  font-size: 16px;
  --bs-btn-padding-x: 60px;
  --bs-btn-padding-y: 14px;
}
@media (min-width: 1400px) {
  .contact .orangeBtn {
    padding: 20px 100px;
    font-size: 20px;
  }
}
.contact .orangeBtn:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #E24F00 141.38%);
  color: #F0F0F0 !important;
}
.contact .orangeBtn:hover span {
  color: #F0F0F0 !important;
}

.faq {
  background-color: #f6feff;
  padding: 40px 0;
}
@media (min-width: 1200px) {
  .faq {
    padding-top: 42px;
    padding-bottom: 67px;
  }
}
@media (min-width: 1400px) {
  .faq {
    padding-top: 62px;
    padding-bottom: 87px;
  }
}
.faq__card {
  box-shadow: 6px 3px 29.3px 0px rgba(0, 0, 0, 0.1098039216);
  border-radius: 28px;
  background-color: var(--bs-white);
  padding: 22px 16px 28px;
}
@media (min-width: 992px) {
  .faq__card {
    padding: 30px 20px 42px;
  }
}
@media (min-width: 1200px) {
  .faq__card {
    padding: 46px 30px 51px;
  }
}
@media (min-width: 1400px) {
  .faq__card {
    padding: 66px 40px 81px;
  }
}
.faq__card img {
  border-radius: 12px;
}
.faq .title {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .faq .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .faq .title {
    margin-bottom: 36px;
  }
}
.faq__des {
  font-weight: 500;
  color: #4e4e4e;
  letter-spacing: -0.03em;
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .faq__des {
    font-size: 18px;
    margin-bottom: 28px;
  }
}
@media (min-width: 1400px) {
  .faq__des {
    font-size: 24px;
    margin-bottom: 36px;
  }
}
.faq__cta {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .faq__cta {
    margin-bottom: 25px;
  }
}
@media (min-width: 1400px) {
  .faq__cta {
    margin-bottom: 35px;
  }
}
@media (min-width: 1400px) {
  .faq__right {
    padding-left: 80px;
  }
}

.faqTwo {
  background-color: var(--bs-white) !important;
}
.faqTwo .accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODg4MDQgMjEuMDQzNkM5LjQwOTM5IDIxLjU2NSAxMC4yNTQ3IDIxLjU2NSAxMC43NzYgMjEuMDQzNkwxOS4yNzE5IDEyLjU0NzdDMTkuNzkzMyAxMi4wMjY0IDE5Ljc5MzMgMTEuMTgxMSAxOS4yNzE5IDEwLjY1OThDMTguNzUwNiAxMC4xMzg0IDE3LjkwNTMgMTAuMTM4NCAxNy4zODM5IDEwLjY1OThMOS44MzIwMyAxOC4yMTE3TDIuMjgwMTMgMTAuNjU5OEMxLjc1ODc4IDEwLjEzODQgMC45MTM1MDYgMTAuMTM4NCAwLjM5MjE1NiAxMC42NTk4Qy0wLjEyOTE5NCAxMS4xODExIC0wLjEyOTE5NCAxMi4wMjY0IDAuMzkyMTU2IDEyLjU0NzdMOC44ODgwNCAyMS4wNDM2Wk05LjgzMjAzIDBMOC40OTcwMyAwTDguNDk3MDMgMjAuMDk5Nkg5LjgzMjAzSDExLjE2N0wxMS4xNjcgMEw5LjgzMjAzIDBaIiBmaWxsPSIjMjMyMzIzIi8+Cjwvc3ZnPg==");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODg4MDQgMjEuMDQzNkM5LjQwOTM5IDIxLjU2NSAxMC4yNTQ3IDIxLjU2NSAxMC43NzYgMjEuMDQzNkwxOS4yNzE5IDEyLjU0NzdDMTkuNzkzMyAxMi4wMjY0IDE5Ljc5MzMgMTEuMTgxMSAxOS4yNzE5IDEwLjY1OThDMTguNzUwNiAxMC4xMzg0IDE3LjkwNTMgMTAuMTM4NCAxNy4zODM5IDEwLjY1OThMOS44MzIwMyAxOC4yMTE3TDIuMjgwMTMgMTAuNjU5OEMxLjc1ODc4IDEwLjEzODQgMC45MTM1MDYgMTAuMTM4NCAwLjM5MjE1NiAxMC42NTk4Qy0wLjEyOTE5NCAxMS4xODExIC0wLjEyOTE5NCAxMi4wMjY0IDAuMzkyMTU2IDEyLjU0NzdMOC44ODgwNCAyMS4wNDM2Wk05LjgzMjAzIDBMOC40OTcwMyAwTDguNDk3MDMgMjAuMDk5Nkg5LjgzMjAzSDExLjE2N0wxMS4xNjcgMEw5LjgzMjAzIDBaIiBmaWxsPSIjMjMyMzIzIi8+Cjwvc3ZnPg==");
}
.faqTwo .accordion-item {
  border-top: 0;
}
@media (min-width: 992px) {
  .faqTwo .accordion-header span {
    max-width: 450px;
  }
}
.faqTwo .left .accordion-item {
  border-bottom: 1px solid var(--bs-black);
}
.faqTwo .left .accordion-item .accordion-item:last-child {
  border-bottom: 1px solid var(--bs-black);
}
@media (min-width: 992px) {
  .faqTwo .left .accordion-item .accordion-item:last-child {
    border-bottom: 1px solid var(--bs-black);
  }
}

@media (min-width: 768px) {
  .faqTwo .left .accordion-item:last-child {
    border-bottom: 0;
  }
  .faqTwo .accordion-item:last-child {
    border-bottom: 0;
  }
}
.faqThree {
  background-color: #FBFFFF !important;
}
.faqThree .container {
  max-width: 1016px;
}
.faqThree .accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODg4MDQgMjEuMDQzNkM5LjQwOTM5IDIxLjU2NSAxMC4yNTQ3IDIxLjU2NSAxMC43NzYgMjEuMDQzNkwxOS4yNzE5IDEyLjU0NzdDMTkuNzkzMyAxMi4wMjY0IDE5Ljc5MzMgMTEuMTgxMSAxOS4yNzE5IDEwLjY1OThDMTguNzUwNiAxMC4xMzg0IDE3LjkwNTMgMTAuMTM4NCAxNy4zODM5IDEwLjY1OThMOS44MzIwMyAxOC4yMTE3TDIuMjgwMTMgMTAuNjU5OEMxLjc1ODc4IDEwLjEzODQgMC45MTM1MDYgMTAuMTM4NCAwLjM5MjE1NiAxMC42NTk4Qy0wLjEyOTE5NCAxMS4xODExIC0wLjEyOTE5NCAxMi4wMjY0IDAuMzkyMTU2IDEyLjU0NzdMOC44ODgwNCAyMS4wNDM2Wk05LjgzMjAzIDBMOC40OTcwMyAwTDguNDk3MDMgMjAuMDk5Nkg5LjgzMjAzSDExLjE2N0wxMS4xNjcgMEw5LjgzMjAzIDBaIiBmaWxsPSIjMjMyMzIzIi8+Cjwvc3ZnPg==");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODg4MDQgMjEuMDQzNkM5LjQwOTM5IDIxLjU2NSAxMC4yNTQ3IDIxLjU2NSAxMC43NzYgMjEuMDQzNkwxOS4yNzE5IDEyLjU0NzdDMTkuNzkzMyAxMi4wMjY0IDE5Ljc5MzMgMTEuMTgxMSAxOS4yNzE5IDEwLjY1OThDMTguNzUwNiAxMC4xMzg0IDE3LjkwNTMgMTAuMTM4NCAxNy4zODM5IDEwLjY1OThMOS44MzIwMyAxOC4yMTE3TDIuMjgwMTMgMTAuNjU5OEMxLjc1ODc4IDEwLjEzODQgMC45MTM1MDYgMTAuMTM4NCAwLjM5MjE1NiAxMC42NTk4Qy0wLjEyOTE5NCAxMS4xODExIC0wLjEyOTE5NCAxMi4wMjY0IDAuMzkyMTU2IDEyLjU0NzdMOC44ODgwNCAyMS4wNDM2Wk05LjgzMjAzIDBMOC40OTcwMyAwTDguNDk3MDMgMjAuMDk5Nkg5LjgzMjAzSDExLjE2N0wxMS4xNjcgMEw5LjgzMjAzIDBaIiBmaWxsPSIjMjMyMzIzIi8+Cjwvc3ZnPg==");
}
.faqThree .accordion-item {
  overflow: hidden;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 10px 16px 20px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .faqThree .accordion-item {
    margin-bottom: 18px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .faqThree .accordion-item {
    padding: 10px 20px 20px;
    margin-bottom: 36px;
  }
}
.faqThree .accordion-header span {
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .faqThree .accordion-header span {
    max-width: 800px;
  }
}

/* termCards */
.termCards {
  padding: 10px 0 40px;
  margin-top: 120px;
}
@media (min-width: 992px) {
  .termCards {
    padding-top: 40px;
    padding-bottom: 80px;
    margin-top: 110px;
  }
}
.termCards h2 {
  font-size: 24px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .termCards h2 {
    font-size: 30px;
  }
}
.termCards .subtitle {
  font-size: 18px;
}
@media (min-width: 992px) {
  .termCards .subtitle {
    font-size: 20px;
  }
}
.termCards .row {
  row-gap: 30px;
}
.termCards .box .bg {
  padding: 30px 15px;
  height: 100%;
  border: 1px solid #ebebeb;
  transition: 0.5s;
  border-radius: 5px;
  cursor: pointer;
}
.termCards .box .bg:hover {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.termCards .box .bg:hover img {
  top: -10px;
}
.termCards .box .bg img {
  position: relative;
  top: 0;
  transition: 0.5s;
  margin-bottom: 15px;
  max-width: 75px;
  width: 100%;
}
.termCards .box .bg h4 {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 20px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
}

/* Termside */
.Termside {
  padding-bottom: 40px;
}
.Termside h2 {
  font-size: 26px;
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  line-height: 1.4;
  text-wrap-style: balance;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Termside h3 {
  font-size: 22px;
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  line-height: 1.4;
  text-wrap-style: balance;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Termside img {
  animation: 5s infinite move-up-down;
}
.Termside ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Termside ul li {
  position: relative;
  padding-left: 20px;
  padding-bottom: 15px;
}
.Termside ul li::before {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 5px;
  height: 5px;
  content: "";
  background-color: var(--bs-secondary);
  display: block;
  border-radius: 50%;
}

/* Hackingside */
.Hackingside {
  background-color: #f7f7f7;
  padding-top: 40px;
  padding-bottom: 40px;
}
.Hackingside h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .Hackingside h2 {
    font-size: 28px;
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.Hackingside ul {
  list-style: none;
  margin: 0;
  padding: 0 0 30px;
}
.Hackingside ul li {
  position: relative;
  padding-left: 20px;
}
.Hackingside ul li:not(:last-child) {
  padding-bottom: 15px;
}
.Hackingside ul li::before {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 5px;
  height: 5px;
  content: "";
  background-color: var(--bs-secondary);
  display: block;
  border-radius: 50%;
}
.Hackingside p {
  margin: 0;
}
.Hackingside p a {
  color: var(--bs-secondary);
  text-decoration: none;
}
.Hackingside img {
  max-width: 400px;
}
.Hackingside .row {
  row-gap: 30px;
}

/* Siteside */
.Siteside {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .Siteside {
    padding-bottom: 50px;
  }
}
.Siteside .title {
  padding-bottom: 70px;
}
.Siteside .title a {
  padding: 10px 35px;
  background-color: var(--bs-primary);
  color: var(--bs-white);
  border-radius: 30px;
  font-size: 18px;
  max-width: 180px;
  text-decoration: none;
}
.Siteside .title a:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  width: 4px;
  height: 50px;
  display: inline-block;
  background-color: var(--bs-primary);
}
.Siteside .title a:before {
  position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -8px;
  content: "";
  width: 20px;
  height: 20px;
  transform: rotate(-45deg);
  border: 4px solid transparent;
  border-left-color: var(--bs-primary);
  border-bottom-color: var(--bs-primary);
  display: inline-block;
  transition: 0.5s;
  z-index: 1;
}
.Siteside .mainTitle {
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 600;
  background-color: var(--bs-secondary);
  color: var(--bs-white);
  border-radius: 7px;
  margin-bottom: 15px;
  text-decoration: none;
  display: block;
}
.Siteside .mainSubTitle {
  padding-bottom: 20px;
  font-size: 17px;
  font-weight: 600;
  color: #282828;
  margin-bottom: 19px;
  border-bottom: 1px solid #ccc;
}
.Siteside .boxs .list {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 30px;
}
.Siteside .boxs .list .item {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .Siteside .boxs .list .item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
.Siteside .boxs .list .item a {
  display: flex;
  color: #282828;
  text-decoration: none;
}
.Siteside .boxs .list .item a::before {
  content: "";
  margin-top: 10px;
  width: 10px;
  height: 3px;
  border-radius: 10px;
  margin-right: 10px;
  background-color: var(--bs-secondary);
  transition: all 0.3s ease-in-out;
}
.Siteside .boxs .list .item a:hover {
  color: var(--bs-primary);
}
.Siteside .boxs .list .item a:hover::before {
  width: 20px;
}
@keyframes move-up-down {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
.contact-us {
  z-index: -1;
}
.contact-us .contactForm {
  margin: 0 15px 34px;
  position: relative;
  padding-bottom: -60px;
}
@media (min-width: 992px) {
  .contact-us .contactForm {
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .contact-us .contactForm {
    padding-bottom: 100px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactForm {
    margin-top: -58px;
    padding-bottom: 142px;
  }
}
.contact-us .contactForm .container {
  background-color: var(--bs-white);
}
@media (min-width: 992px) {
  .contact-us .contactForm .container {
    max-width: 1408px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2509803922);
    border-radius: 10px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactForm .container {
    padding-left: 0;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactForm__image {
    position: absolute;
    top: -40px;
    bottom: -58px;
  }
}
.contact-us .contactForm__card {
  padding: 20px 0px 20px 0px;
}
.contact-us .contactForm__card_ttl {
  color: var(--bs-black);
  font-family: var(--bs-font-monospace);
  font-size: 22px;
}
@media (min-width: 992px) {
  .contact-us .contactForm__card_ttl {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactForm__card_ttl {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .contact-us .contactForm__card {
    padding: 40px 47px 0 37px;
    margin-bottom: 24px;
    margin-left: -22px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactForm__card {
    padding: 60px 57px 0 123px;
    margin-bottom: 34px;
  }
}
.contact-us .contactForm .form {
  padding-left: 14px;
}
.contact-us .contactForm .form__grp {
  background-color: var(--bs-white) !important;
}
.contact-us .contactForm .form__grp .form-control {
  color: var(--bs-primary);
  border: 1px solid #ced4da;
  background-color: var(--bs-white);
}
.contact-us .contactForm .form__grp .form-control::-moz-placeholder {
  color: var(--bs-primary);
}
.contact-us .contactForm .form__grp .form-control::placeholder {
  color: var(--bs-primary);
}
@media (min-width: 992px) {
  .contact-us .contactForm .form__grp .form-control {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactForm .form__grp .form-control {
    font-size: 20px;
    padding: 20px 17px;
  }
}
.contact-us .contactForm .form__grp .custom-select {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23000000%22/%3E%3C/svg%3E");
}
.contact-us .contactForm .form__grp .custom-select:focus {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20transform%3D%22rotate(180%208%204.5)%22%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23000000%22/%3E%3C/svg%3E");
}
.contact-us .contactForm .form .btn {
  color: var(--bs-white);
  max-width: 482px;
  width: 100%;
}
.contact-us .contactForm .form textarea {
  color: var(--bs-primary);
  border: 1px solid #ced4da;
  background-color: var(--bs-white);
}
.contact-us .contactForm .form textarea::-moz-placeholder {
  color: var(--bs-primary);
}
.contact-us .contactForm .form textarea::placeholder {
  color: var(--bs-primary);
}
@media (min-width: 1400px) {
  .contact-us .contactForm .form textarea {
    min-height: 150px;
  }
}
.contact-us .contactForm .form .btn-primary {
  position: relative;
}
.contact-us .contactInfo {
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .contact-us .contactInfo {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .contact-us .contactInfo {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactInfo {
    padding-bottom: 120px;
  }
}
.contact-us .contactInfo__card {
  background-color: var(--bs-white);
  border: 1px solid #eaeaea;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  transition: 0.3s ease;
  transform: scale(0.9);
}
@media (min-width: 992px) {
  .contact-us .contactInfo__card {
    padding: 20px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactInfo__card {
    padding: 40px;
  }
}
.contact-us .contactInfo__card:hover {
  transform: scale(1);
}
.contact-us .contactInfo__card_icon {
  margin-bottom: 14px;
}
@media (min-width: 992px) {
  .contact-us .contactInfo__card_icon {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactInfo__card_icon {
    margin-bottom: 34px;
  }
}
.contact-us .contactInfo__card_ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
}
@media (min-width: 1400px) {
  .contact-us .contactInfo__card_ttl {
    font-size: 30px;
  }
}
.contact-us .contactInfo__card a {
  text-decoration: none;
  color: #0f181a;
  text-align: center;
  font-size: 18px;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .contact-us .contactInfo__card a {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .contact-us .contactInfo__card a {
    font-size: 30px;
  }
}

.faqSection {
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .faqSection {
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .faqSection {
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .faqSection {
    padding-bottom: 205px;
  }
}
.faqSection__ttl {
  font-size: 20px;
  font-weight: 700;
  font-family: var(--bs-font-monospace);
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .faqSection__ttl {
    font-size: 25px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .faqSection__ttl {
    font-size: 32px;
    margin-bottom: 34px;
  }
}
@media (min-width: 1400px) {
  .faqSection__ttl {
    font-size: 36px;
    margin-bottom: 34px;
  }
}
.faqSection__des {
  font-size: 18px;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .faqSection__des {
    font-size: 18px;
    margin-bottom: 26px;
  }
}
@media (min-width: 1200px) {
  .faqSection__des {
    margin-bottom: 36px;
  }
}
@media (min-width: 1400px) {
  .faqSection__des {
    font-size: 24px;
    margin-bottom: 46px;
  }
}
.faqSection .faqcontact {
  border-radius: 32px;
  padding: 25px 10px;
}
@media (min-width: 768px) {
  .faqSection .faqcontact {
    padding: 32px 20px;
  }
}
@media (min-width: 1200px) {
  .faqSection .faqcontact {
    padding: 40px 30px;
  }
}
.faqSection .accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
  --bs-accordion-btn-icon-width: 20px;
  --bs-accordion-btn-color: #232323;
  --bs-accordion-active-color: #232323;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-border-color: none;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-body-padding-x: 0;
}
@media (min-width: 768px) {
  .faqSection .accordion {
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-body-padding-x: 1.25rem;
  }
}
.faqSection .accordion-button {
  font-weight: 600;
}
@media (min-width: 992px) {
  .faqSection .accordion-button {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .faqSection .accordion-button {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .faqSection .accordion-button {
    padding-top: 26px;
    font-size: 26px;
  }
}
.faqSection .accordion-button:after {
  background-size: contain;
}
.faqSection .accordion-button:focus {
  box-shadow: none;
}
.faqSection .accordion-button:not(.collapsed) {
  background-color: transparent;
  border: 0;
  outline: 0;
}
.faqSection .accordion-item {
  color: var(--bs-gray);
  border: 2px solid #ced4da;
  border-radius: 7px;
  margin-bottom: 20px;
  padding-left: 20px;
}
@media (min-width: 992px) {
  .faqSection .accordion-item {
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .faqSection .accordion-item {
    font-size: 24px;
    padding-bottom: 22px;
    padding-top: 22px;
  }
}
.faqSection .right {
  max-width: 540px;
}
.faqSection .form {
  padding-left: 0px;
}
.faqSection .form__grp {
  background-color: var(--bs-white) !important;
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .faqSection .form__grp {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) {
  .faqSection .form__grp {
    margin-bottom: 30px;
  }
}
.faqSection .form__grp .form-control {
  color: var(--bs-primary);
  border: 1px solid #ced4da;
  background-color: var(--bs-white);
}
.faqSection .form__grp .form-control::-moz-placeholder {
  color: var(--bs-primary);
}
.faqSection .form__grp .form-control::placeholder {
  color: var(--bs-primary);
}
@media (min-width: 992px) {
  .faqSection .form__grp .form-control {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .faqSection .form__grp .form-control {
    font-size: 20px;
    padding: 20px 17px;
  }
}
.faqSection .form .btn {
  color: var(--bs-primary);
  max-width: 482px;
}
.faqSection .form textarea {
  color: var(--bs-primary);
}
.faqSection .form textarea::-moz-placeholder {
  color: var(--bs-white);
}
.faqSection .form textarea::placeholder {
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .faqSection .form textarea {
    min-height: 150px;
  }
}

.aboutMain {
  background-color: #f6feff;
}

.aboutSec {
  padding-top: 36px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .aboutSec {
    padding-top: 46px;
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .aboutSec {
    padding-top: 66px;
  }
}
@media (min-width: 1400px) {
  .aboutSec__designOne {
    left: 88px;
    bottom: -88px;
  }
}
@media (min-width: 1400px) {
  .aboutSec__designTwo {
    top: -108px;
    right: 108px;
  }
}
@media (min-width: 992px) {
  .aboutSec .right {
    padding-left: 60px;
  }
}
.aboutSec__des {
  font-size: 18px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .aboutSec__des {
    margin-bottom: 31px;
  }
}
@media (min-width: 1200px) {
  .aboutSec__des {
    margin-bottom: 41px;
  }
}
@media (min-width: 1400px) {
  .aboutSec__des {
    font-size: 20px;
    color: var(--bs-gray);
    margin-bottom: 61px;
  }
}
.aboutSec__mkt {
  margin-bottom: 28px;
  padding: 20px 29px;
}
@media (min-width: 992px) {
  .aboutSec__mkt {
    padding: 40px 79px;
    margin-bottom: 88px;
  }
}
@media (min-width: 1400px) {
  .aboutSec__mkt {
    padding: 60px 119px;
    margin-bottom: 108px;
  }
}
.aboutSec__mkt_head {
  border-bottom: 1px solid #1d808a;
  padding-bottom: 14px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .aboutSec__mkt_head {
    padding-bottom: 18px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .aboutSec__mkt_head {
    padding-bottom: 24px;
    margin-bottom: 40px;
  }
}
.aboutSec__mkt_ttl {
  color: var(--bs-white);
  font-size: 22px;
  max-width: 1200px;
}
@media (min-width: 768px) {
  .aboutSec__mkt_ttl {
    font-size: 27px;
  }
}
@media (min-width: 1200px) {
  .aboutSec__mkt_ttl {
    font-size: 32px;
  }
}
@media (min-width: 1400px) {
  .aboutSec__mkt_ttl {
    font-size: 44px;
  }
}
.aboutSec__mkt_list {
  list-style: none;
  padding-left: 0;
  color: var(--bs-white);
}
.aboutSec__mkt_list h3 {
  font-size: 28px;
}
@media (min-width: 768px) {
  .aboutSec__mkt_list h3 {
    font-size: 34px;
  }
}
@media (min-width: 1200px) {
  .aboutSec__mkt_list h3 {
    font-size: 40px;
  }
}
@media (min-width: 1400px) {
  .aboutSec__mkt_list h3 {
    font-size: 44px;
  }
}
.aboutSec__mkt_list h3:not(:last-child) {
  padding-right: 10px;
  margin-right: 18px;
  border-right: 1px solid #fff;
}
.aboutSec__mkt_list span {
  font-size: 18px;
}
@media (min-width: 992px) {
  .aboutSec__mkt_list span {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .aboutSec__mkt_list span {
    font-size: 26px;
  }
}
.aboutSec__mkt_list li {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .aboutSec__mkt_list li:not(:last-child)::after {
    content: url('data:image/svg+xml;utf8,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8889 0.223633L27.6885 15.8969L43.3618 21.6965L27.6885 27.4961L21.8889 43.1693L16.0893 27.4961L0.416077 21.6965L16.0893 15.8969L21.8889 0.223633Z" fill="white"/></svg>');
    margin-right: 30px;
    padding-left: 20px;
  }
}
.aboutSec__item {
  background-color: #f5f5f5;
  padding: 12px 20px;
  border-radius: 10px;
}

.team {
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .team {
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .team {
    padding-bottom: 120px;
  }
}
.team .title {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .team .title {
    margin-bottom: 54px;
  }
}
@media (min-width: 1400px) {
  .team .title {
    margin-bottom: 74px;
  }
}
@media (min-width: 768px) {
  .team .row > .col-md-3:nth-child(even) {
    padding-top: 51px;
  }
}
.team__profile {
  margin-bottom: 28px;
}
@media (min-width: 992px) {
  .team__profile {
    margin-bottom: 58px;
  }
}
@media (min-width: 1400px) {
  .team__profile {
    margin-bottom: 68px;
  }
}
.team__profile img {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .team__profile img {
    max-width: 200px;
    margin-bottom: 33px;
  }
}
@media (min-width: 1400px) {
  .team__profile img {
    max-width: 100%;
  }
}
.team__profile_name {
  font-size: 22px;
  font-family: var(--bs-font-monospace);
  font-weight: 600;
}
@media (min-width: 1400px) {
  .team__profile_name {
    font-size: 36px;
  }
}
.team__profile_dgn {
  font-style: italic;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .team__profile_dgn {
    font-size: 18px;
  }
}

.aboutService {
  background-color: #1c2425;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .aboutService {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .aboutService {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.aboutService__item {
  margin-right: 40px;
}
.aboutService__item::after {
  margin-left: 30px;
}
@media (min-width: 992px) {
  .aboutService__item::after {
    content: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8889 0.223633L27.6885 15.8969L43.3618 21.6965L27.6885 27.4961L21.8889 43.1693L16.0893 27.4961L0.416077 21.6965L16.0893 15.8969L21.8889 0.223633Z" fill="white"/></svg>');
  }
}
.aboutService__item_ttl {
  text-decoration: none;
  color: var(--bs-white);
  font-size: 18px;
}
@media (min-width: 992px) {
  .aboutService__item_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .aboutService__item_ttl {
    font-size: 22px;
  }
}

.testimonials {
  padding-top: 20px;
}
.testimonials__wrap {
  margin: 0 auto 20px;
  padding: 25px 24px 26px 25px;
  flex-direction: column;
  border: 3px solid rgba(36, 42, 66, 0.0784313725);
  border-radius: 12px;
  box-shadow: 0px 20px 70px -10px rgba(36, 42, 66, 0.0784313725);
  text-align: center;
  max-width: 100%;
}
@media (min-width: 768px) {
  .testimonials__wrap {
    padding: 34px 37px 34px 82px;
    display: flex;
    text-align: left;
    max-width: 90%;
    margin: 0 auto 50px;
  }
}
.testimonials__reviewImg {
  border-radius: 50%;
  border: 5px solid #0d7372;
  background-color: #fff;
  margin: 0 auto 10px;
  height: 110px;
  width: 110px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .testimonials__reviewImg {
    position: absolute;
    top: 30%;
    left: -50px;
  }
}
.testimonials__reviewImg img {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonials__ttl {
  font-size: 20px;
  font-weight: 700;
  color: var(--bs-black);
}
@media (min-width: 992px) {
  .testimonials__ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .testimonials__ttl {
    font-size: 24px;
  }
}
.testimonials__name {
  font-size: 20px;
  color: #8a8a8a;
}
@media (min-width: 992px) {
  .testimonials__name {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .testimonials__name {
    font-size: 22px;
  }
}
.testimonials__dt {
  font-size: 16px;
  font-style: italic;
  color: #8a8a8a;
}
@media (min-width: 992px) {
  .testimonials__dt {
    font-size: 18px;
  }
}
.testimonials__desc {
  font-size: 16px;
  font-weight: 500;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .testimonials__desc {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .testimonials__desc {
    font-size: 20px;
  }
}
.testimonials__icon {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
}
.testimonials .slick-dots {
  display: none;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .pagination {
    padding-bottom: 60px;
  }
}
.pagination .page-item {
  list-style: none;
}
.pagination .active > .page-link {
  color: #fff;
  background-color: #003d41;
  border-color: #003d41;
}
.pagination .page-link {
  display: block;
  color: #0f181a;
  font-size: 14px;
  text-decoration: none;
  padding: 8px 8px 8px 10px;
}
@media (min-width: 992px) {
  .pagination .page-link {
    font-size: 20px;
    padding: 10px 15px 12px 10px;
  }
}
.pagination .page-link:hover {
  background-color: #f3f3f3;
  color: #0f181a;
}
.pagination .page-link:focus {
  color: #fff;
  background-color: #003d41;
  box-shadow: none;
}

.techbnr {
  padding-top: 120px;
}
@media (min-width: 992px) {
  .techbnr {
    padding-top: 150px;
  }
}
.techbnr__cover {
  background-image: none;
  border-radius: 19px;
  padding: 66px 23px 63px;
  background-size: cover;
  background-position: center right;
}
.techbnr__cover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  border-radius: 19px;
}
.techbnr__cover > * {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .techbnr__cover::before {
    background: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 992px) {
  .techbnr__cover {
    background-image: block;
    padding: 90px 40px 80px;
  }
}
@media (min-width: 1400px) {
  .techbnr__cover {
    padding: 141px 80px 139px;
    background-position: center right;
  }
}

.whatMakes {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .whatMakes {
    padding-top: 120px;
  }
}
.whatMakes__wrap {
  width: 100%;
  margin: 0 auto;
  padding-top: 25px;
}
@media (min-width: 1400px) {
  .whatMakes__wrap {
    width: 80%;
  }
}
.whatMakes__feature {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 20px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .whatMakes__feature {
    flex-direction: row;
    align-items: center;
    margin: 20px 0;
  }
}
.whatMakes__icon {
  margin-right: 14px;
  flex-shrink: 0;
}
.whatMakes__icon svg,
.whatMakes__icon img {
  height: 60px;
  width: 60px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .whatMakes__icon svg,
  .whatMakes__icon img {
    margin-bottom: 0;
  }
}
.whatMakes__desc {
  text-align: center;
  color: #282828;
}
@media (min-width: 992px) {
  .whatMakes__desc {
    font-size: 18px;
    text-align: left;
    margin: 0;
  }
}
.whatMakes__ttl {
  font-size: 18px;
}
@media (min-width: 992px) {
  .whatMakes__ttl {
    font-size: 20px;
  }
}

.vision {
  background-color: #fafafa;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media (min-width: 992px) {
  .vision {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.vision .title {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .vision .title {
    padding-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .vision .title {
    padding-bottom: 50px;
  }
}
.vision__Innerbox {
  padding: 20px 20px;
  background-color: #fff;
  border-radius: 24px;
  border: 3px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .vision__Innerbox {
    padding: 30px 30px;
  }
}
@media (min-width: 1400px) {
  .vision__Innerbox {
    padding: 45px 53px;
  }
}
.vision__Innerbox .ttl {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .vision__Innerbox .ttl {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .vision__Innerbox .ttl {
    font-size: 26px;
  }
}
@media (min-width: 1400px) {
  .vision__Innerbox .ttl {
    font-size: 32px;
  }
}
.vision__Innerbox .desc {
  font-family: var(--bs-body-font-family);
  font-weight: 500;
  font-size: 14px;
  color: #4e4e4e;
}
@media (min-width: 768px) {
  .vision__Innerbox .desc {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .vision__Innerbox .desc {
    font-size: 18px;
  }
}

.dedicatedTeam__card {
  background: #e6f2f2;
  padding: 24px 24px;
  border-radius: 12px;
  color: var(--bs-gray);
}
.dedicatedTeam__subtitle {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  color: #000;
}
@media (min-width: 992px) {
  .dedicatedTeam__subtitle {
    font-size: 25px;
  }
}
@media (min-width: 1400px) {
  .dedicatedTeam__subtitle {
    font-size: 34px;
  }
}
.dedicatedTeam__desc {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .dedicatedTeam__desc {
    font-size: 18px;
  }
}
.dedicatedTeam__list {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .dedicatedTeam__list {
    font-size: 18px;
  }
}
.dedicatedTeam__teamImg {
  height: auto;
}
@media (min-width: 768px) {
  .dedicatedTeam__teamImg {
    height: 220px;
  }
}
@media (min-width: 1200px) {
  .dedicatedTeam__teamImg {
    height: 240px;
  }
}
@media (min-width: 1400px) {
  .dedicatedTeam__teamImg {
    height: 260px;
  }
}

.contactSec {
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .contactSec {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .contactSec {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .contactSec {
    padding-bottom: 120px;
  }
}
.contactSec__leftcard .cardsList {
  background-color: #e6f0f2;
}
.contactSec__leftcard .cardsList h3 {
  font-size: 24px;
}
@media (min-width: 992px) {
  .contactSec__leftcard .cardsList h3 {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .contactSec__leftcard .cardsList h3 {
    font-size: 32px;
  }
}
@media (min-width: 1400px) {
  .contactSec__leftcard .cardsList h3 {
    font-size: 40px;
  }
}
.contactSec__leftcard .cardsList span {
  font-size: 10px;
  padding: 0px 5px;
}
@media (min-width: 992px) {
  .contactSec__leftcard .cardsList span {
    font-size: 14px;
  }
}
@media (min-width: 1400px) {
  .contactSec__leftcard .cardsList span {
    font-size: 16px;
  }
}
.contactSec__innerCards {
  padding-bottom: 30px;
}
@media (min-width: 1400px) {
  .contactSec__innerCards {
    padding-bottom: 35px;
  }
}
.contactSec .title {
  padding-bottom: 22px;
  font-size: 24px;
}
@media (min-width: 768px) {
  .contactSec .title {
    padding-bottom: 25px;
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .contactSec .title {
    padding-bottom: 22px;
    font-size: 38px;
  }
}
.contactSec .subtitle {
  font-size: 20px;
  padding-bottom: 10px;
}
@media (min-width: 1200px) {
  .contactSec .subtitle {
    font-size: 25px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .contactSec .subtitle {
    font-size: 30px;
    padding-bottom: 25px;
  }
}
.contactSec .cardtitle {
  font-family: var(--bs-body-font-family);
  color: var(--bs-gray);
}
@media (min-width: 1200px) {
  .contactSec .cardtitle {
    font-size: 20px;
  }
}
.contactSec__listItem {
  font-weight: 500;
  padding-bottom: 18px;
  font-size: 16px;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .contactSec__listItem {
    padding-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .contactSec__listItem {
    padding-bottom: 20px;
    font-size: 20px;
  }
}
.contactSec span {
  font-family: var(--bs-body-font-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--bs-gray);
}
@media (min-width: 1400px) {
  .contactSec span {
    font-size: 18px;
  }
}
.contactSec__rightcard {
  border-radius: 36px;
  overflow: hidden;
  padding: 15px 15px;
}
@media (min-width: 768px) {
  .contactSec__rightcard {
    padding: 30px 25px;
  }
}
@media (min-width: 1200px) {
  .contactSec__rightcard {
    padding: 30px 35px;
  }
}
@media (min-width: 1400px) {
  .contactSec__rightcard {
    padding: 60px 50px;
  }
}
.contactSec__rightcard .headttl {
  font-size: 22px;
}
@media (min-width: 768px) {
  .contactSec__rightcard .headttl {
    font-size: 25px;
  }
}
@media (min-width: 1200px) {
  .contactSec__rightcard .headttl {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .contactSec__rightcard .headttl {
    font-size: 32px;
  }
}
.contactSec__rightcard .borderWhite {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  margin: 15px 0px;
}
@media (min-width: 768px) {
  .contactSec__rightcard .borderWhite {
    margin: 20px 0px;
  }
}
@media (min-width: 1200px) {
  .contactSec__rightcard .borderWhite {
    margin: 30px 0px;
  }
}
@media (min-width: 1400px) {
  .contactSec__rightcard .borderWhite {
    margin: 40px 0px;
  }
}
.contactSec__rightcard .rightList li {
  display: flex;
  align-items: center;
  padding: 6px 0px;
}
@media (min-width: 768px) {
  .contactSec__rightcard .rightList li {
    padding: 10px 0px;
  }
}
@media (min-width: 1200px) {
  .contactSec__rightcard .rightList li {
    padding: 10px 0px;
  }
}
.contactSec__rightcard .rightList li span {
  color: var(--bs-white);
  font-size: 18px;
  padding-left: 10px;
}
@media (min-width: 992px) {
  .contactSec__rightcard .rightList li span {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .contactSec__rightcard .rightList li span {
    font-size: 24px;
  }
}

.mobileCost__left {
  padding-right: 10px;
}
@media (min-width: 768px) {
  .mobileCost__left {
    padding-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .mobileCost__left {
    padding-right: 50px;
  }
}
.mobileCost__listItem {
  padding-bottom: 18px;
}
@media (min-width: 992px) {
  .mobileCost__listItem {
    padding-bottom: 20px;
  }
}
.mobileCost__cardtitle {
  font-family: var(--bs-body-font-family);
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 1400px) {
  .mobileCost__cardtitle {
    font-size: 22px;
  }
}
.mobileCost span {
  font-family: var(--bs-body-font-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--bs-gray);
}
@media (min-width: 1400px) {
  .mobileCost span {
    font-size: 18px;
  }
}
.mobileCost .btn-primary {
  border-radius: 25px;
  margin-left: 25px;
  text-transform: capitalize;
}

@media (min-width: 992px) {
  .thanks {
    padding: 20px 0;
  }
}
.thanks .title {
  color: var(--bs-primary);
}
.thanks h4 {
  font-size: 18px;
}
@media (min-width: 992px) {
  .thanks p {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

.contactMap {
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .contactMap {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .contactMap {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .contactMap {
    padding-bottom: 120px;
  }
}
.contactMap .map .cover .item:hover .address {
  display: block;
}
.contactMap .map .cover .item {
  width: 7px;
  height: 7px;
  background-color: var(--bs-secondary);
  cursor: pointer;
}
.contactMap .map .cover .item:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  content: "";
  background-color: var(--bs-secondary);
  opacity: 0.5;
  border-radius: 50%;
  animation: 1.2s ease-in-out infinite phonering-alo-circle-anim;
  transform-origin: 50% 50%;
}
.contactMap .map .cover .item.est {
  top: 43%;
  left: 22%;
}
.contactMap .map .cover .item.wst {
  top: 43%;
  left: 25%;
}
.contactMap .map .cover .item.cent {
  top: 46%;
  left: 18%;
}
.contactMap .map .cover .item.australia .address,
.contactMap .map .cover .item.cent .address {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: 10px;
}
.contactMap .map .cover .item.australia .address:after,
.contactMap .map .cover .item.cent .address:after {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: var(--bs-white);
}
.contactMap .map .cover .item.paris {
  top: 39%;
  left: 47.5%;
}
.contactMap .map .cover .item.london {
  top: 34%;
  left: 46%;
}
.contactMap .map .cover .item.dubai {
  top: 52%;
  right: 36%;
}
.contactMap .map .cover .item.india {
  top: 51%;
  right: 29%;
}
.contactMap .map .cover .item.australia {
  bottom: 19%;
  right: 12%;
}
.contactMap .map .cover .item .address {
  padding: 10px 5px;
  top: -12px;
  left: 100%;
  margin-left: 10px;
  background-color: var(--bs-white);
  width: 135px;
  display: none;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.contactMap .map .cover .item .address:after {
  right: 100%;
  top: 10px;
  border: 5px solid rgba(255, 255, 255, 0);
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: var(--bs-white);
}
.contactMap .map .cover .item .address h5 {
  color: var(--bs-primary);
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 600;
}
.contactMap .map .cover .item .address address {
  font-size: 15px;
  color: #313131;
}
@keyframes phonering-alo-circle-anim {
  0% {
    transform: rotate(0) scale(0.5) skew(1deg);
    opacity: 0.1;
  }
  30% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.5;
  }
  100% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.1;
  }
}
@keyframes phonering-alo-circle-fill-anim {
  0%, 100% {
    transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.2;
  }
  50% {
    transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.2;
  }
}
@keyframes phonering-alo-circle-img-anim {
  0%, 100%, 50% {
    transform: rotate(0) scale(1) skew(1deg);
  }
  10%, 30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20%, 40% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
}
.contactMap__ttl {
  font-size: 18px;
  font-weight: 900;
  color: var(--bs-primary);
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .contactMap__ttl {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .contactMap__ttl {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .contactMap__ttl {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
.contactMap__subheading {
  font-size: 16px;
}
@media (min-width: 1400px) {
  .contactMap__subheading {
    font-size: 20px;
  }
}
.contactMap__text {
  padding-left: 40px;
}
@media (min-width: 992px) {
  .contactMap__text {
    padding-left: 75px;
  }
}
@media (min-width: 1400px) {
  .contactMap__text {
    padding-left: 120px;
  }
}
.contactMap__rightList {
  padding: 0;
  list-style: none;
}
.contactMap__rightList li {
  font-size: 16px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .contactMap__rightList li {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .contactMap__rightList li {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.contactMap__rightList li span {
  padding-left: 15px;
}
.contactMap__rightList li svg {
  background: var(--bs-primary);
  border-radius: 50%;
  padding: 6px;
}

.error {
  padding-top: 150px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .error {
    padding-top: 180px;
    padding-bottom: 80px;
  }
}
.error p {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .error p {
    font-size: 18px;
  }
}
.error img {
  max-width: 280px;
  padding: 20px;
}
@media (min-width: 1400px) {
  .error img {
    max-width: 500px;
  }
}

.toast {
  --bs-toast-header-color: #fff;
  background-clip: border-box;
  --bs-toast-border-radius: 12px;
  font-weight: 400;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  font-size: 16px;
  overflow: hidden;
}

.toast-header {
  background-color: rgba(30, 102, 23, 0.6784313725);
}
.toast-header strong {
  font-weight: 400;
}
.toast-header strong::before {
  content: "✔ ";
  color: var(--bs-white);
  margin-right: 6px;
  height: 20px;
  font-weight: bold;
}
.toast-header .btn-close {
  height: 12px;
  width: 3px;
}

.toast-error {
  background-color: rgba(255, 45, 45, 0.6509803922);
  padding: 20px 12px;
}
.toast-error strong {
  color: white;
  font-weight: 400;
}
.toast-error strong::before {
  content: "X";
  color: var(--bs-white);
  margin-right: 6px;
  height: 26px;
  font-weight: bold;
}
.toast-error .btn-close {
  height: 12px;
  width: 3px;
  float: right;
}

.toast-body {
  display: none;
}

.loader {
  position: absolute;
  width: 30px;
  margin-left: 10px;
  height: 30px;
  border: 4px solid #9d9e9d;
  border-top: 4px solid var(--bs-white);
  border-radius: 50%;
  animation: loader 1s linear infinite;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.elementor-5 .elementor-element.elementor-element-a2cd01b .elementor-button {
  background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%) !important;
  font-size: 18px;
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  color: #ffffff !important;
}

.elementor-5 .elementor-element.elementor-element-a2cd01b .elementor-button:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  background: linear-gradient(161deg, #26A5B2 -104.89%, #000404 211.6%);
}

.elementor-203 .elementor-element.elementor-element-44c132a8 .elementor-heading-title {
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  color: var(--bs-primary);
  line-height: 1.12;
  font-style: normal;
  padding-top: 65px !important;
}

@media (min-width: 768px) {
  .elementor-203 .elementor-element.elementor-element-44c132a8 .elementor-heading-title {
    padding: 0;
  }
}
.sidebar .elementor-widget-search-form .elementor-search-form__submit {
  background-color: var(--bs-primary) !important;
}

.Blogside .eael-post-grid .eael-grid-post .eael-entry-content:after,
.BlogRecent .eael-post-grid .eael-grid-post .eael-entry-content:after {
  background-color: var(--bs-primary) !important;
}

.a2a_kit a span {
  background-color: var(--bs-primary) !important;
}

.elementor-203 .elementor-element.elementor-element-6b13773 .elementor-author-box__name {
  color: var(--bs-primary);
}

.elementor-203 .elementor-element.elementor-element-6cc5f60 .elementor-heading-title {
  color: var(--bs-primary) !important;
}

.elementor-203 .elementor-element.elementor-element-16bc755 .elementor-icon-list-icon i {
  color: var(--bs-primary) !important;
}

.single-post .elementor-widget-theme-post-content p a {
  color: var(--bs-primary) !important;
}

.single-post .elementor-widget-theme-post-content h3 {
  color: var(--bs-primary) !important;
}

.single-post .elementor-widget-theme-post-content h2 {
  color: var(--bs-primary) !important;
}

.sidebar .elementor-widget-wp-widget-categories h5,
.sidebar .eael-post-list-header .header-title .title {
  background-color: rgba(166, 202, 205, 0.4901960784) !important;
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: #fff;
  color: var(--bs-primary) !important;
  outline: none !important;
}

.sidebar .elementor-widget-wp-widget-categories ul li a:focus {
  background-color: var(--bs-white) !important;
  color: var(--bs-primary) !important;
}

.elementor-5 .elementor-element.elementor-element-90046cb .eael-load-more-button {
  background: linear-gradient(234deg, #26A5B2 -97.35%, #000404 92.08%) !important;
  box-shadow: none !important;
}

.Blogside .elementor-element.elementor-element-90046cb .eael-entry-meta > span {
  background-color: rgba(0, 0, 0, 0.76) !important;
}

.BlogRecent .elementor-element .eael-entry-meta > span {
  background-color: rgba(0, 0, 0, 0.76) !important;
}

ul:after {
  display: none;
}

.elementor-5 .elementor-element.elementor-element-90046cb .eael-grid-post-holder {
  border-radius: 15px;
  overflow: hidden !important;
}

.Blogside .eael-grid-post .eael-entry-footer, .Blogside .eael-grid-post .eael-entry-header-after, .BlogRecent .eael-grid-post .eael-entry-header-after {
  right: 11px !important;
  border-top-right-radius: 15px;
}

.elementor-203 .elementor-element.elementor-element-01daf5e .eael-grid-post-holder {
  border-radius: 15px;
  overflow: hidden;
}

.elementor-203 .elementor-element.elementor-element-01daf5e .eael-grid-post .eael-entry-footer {
  top: 11px;
  border-top-left-radius: 15px;
}

.abt {
  padding-top: 40px;
  padding-bottom: 44px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .abt {
    padding-top: 80px;
    padding-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .abt {
    padding-top: 115px;
    padding-bottom: 94px;
  }
}
@media (min-width: 1400px) {
  .abt {
    padding-top: 125px;
    padding-bottom: 116px;
  }
}
.abt .title {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .abt .title {
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) {
  .abt .title {
    margin-bottom: 34px;
  }
}
.abt__wrap {
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  padding: 12px 14px;
  bottom: 14px;
  left: 15px;
  right: 15px;
  color: var(--bs-white);
  position: absolute;
}
@media (min-width: 992px) {
  .abt__wrap {
    padding: 17px 24px;
    bottom: 16px;
    left: 22px;
    right: 22px;
  }
}
.abt__wrap .subtitle {
  font-size: 16px;
}
@media (min-width: 992px) {
  .abt__wrap .subtitle {
    font-size: 20px;
  }
}
.abt__wrap .des {
  font-size: 14px;
}
@media (min-width: 992px) {
  .abt__wrap .des {
    font-size: 16px;
  }
}
.abt__desc {
  font-size: 14px;
  color: var(--bs-gray);
}
@media (min-width: 768px) {
  .abt__desc {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1400px) {
  .abt__desc {
    font-size: 18px;
    margin-bottom: 40px;
  }
}
.abt__list {
  padding-left: 12px;
}
.abt__list_listItem {
  position: relative;
  font-size: 14px;
  list-style: none;
  color: var(--bs-gray);
  margin-bottom: 18px;
  padding-left: 30px;
}
@media (min-width: 768px) {
  .abt__list_listItem {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .abt__list_listItem {
    font-size: 18px;
    margin-bottom: 35px;
  }
}
.abt__list_listItem .ttl {
  font-weight: 700;
  font-family: var(--bs-font-monospace);
  font-size: 16px;
  color: var(--bs-black);
}
@media (min-width: 768px) {
  .abt__list_listItem .ttl {
    font-size: 18px;
    margin-bottom: 4px;
  }
}
@media (min-width: 1400px) {
  .abt__list_listItem .ttl {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
.abt__list_listItem::after {
  content: url(../images/li-icon.png);
  position: absolute;
  top: 7px;
  left: -7px;
  height: 100%;
  width: 100%;
}

.line {
  position: absolute;
  opacity: 0;
}

.downward {
  top: -50%;
  animation: dropDown 2s infinite;
}

.upward {
  bottom: -50%;
  animation: dropUp 2s infinite;
}

.line:nth-child(1) {
  left: 10%;
  animation-delay: 0s;
}

.line:nth-child(2) {
  left: 30%;
  animation-delay: 0.3s;
}

.line:nth-child(3) {
  left: 50%;
  animation-delay: 0s;
}

.line:nth-child(4) {
  left: 70%;
  animation-delay: 0.3s;
}

.line:nth-child(5) {
  left: 90%;
  animation-delay: 0s;
}

@keyframes dropDown {
  0% {
    top: -50%;
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
@keyframes dropUp {
  0% {
    bottom: -50%;
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    bottom: 100%;
    opacity: 0;
  }
}
.ctaBanner {
  background-color: #1C2425;
  padding-top: 38px;
  padding-bottom: 36px;
}
@media (min-width: 992px) {
  .ctaBanner {
    padding-top: 98px;
    padding-bottom: 66px;
  }
}
.ctaBanner .topCircle {
  position: absolute;
  top: 0;
  height: 30px;
  display: flex;
  width: calc(100% - 75px);
  background-color: var(--bs-white);
}
@media (min-width: 576px) {
  .ctaBanner .topCircle {
    width: calc(100% - 225px);
    height: 50px;
  }
}
@media (min-width: 1400px) {
  .ctaBanner .topCircle {
    height: 66px;
  }
}
.ctaBanner .topCircle::before, .ctaBanner .topCircle::after {
  content: "";
}
.ctaBanner .topCircle::before {
  width: 100%;
  background-color: #1C2425;
  border-radius: 0 15px 0 0;
}
@media (min-width: 576px) {
  .ctaBanner .topCircle::before {
    border-radius: 0 20px 0 0;
  }
}
@media (min-width: 1400px) {
  .ctaBanner .topCircle::before {
    border-radius: 0 25px 0 0;
  }
}
.ctaBanner .topCircle::after {
  position: absolute;
  top: 0;
  height: 100%;
  left: 100%;
  width: 75px;
  border-radius: 0 0 0 15px;
  background-color: var(--bs-white);
}
@media (min-width: 576px) {
  .ctaBanner .topCircle::after {
    border-radius: 0 0 0 20px;
    width: 225px;
  }
}
@media (min-width: 1400px) {
  .ctaBanner .topCircle::after {
    border-radius: 0 0 0 25px;
  }
}
.ctaBanner .bottomRightCircle {
  position: absolute;
  bottom: 0;
  height: 38px;
  display: flex;
  width: calc(100% - 59px);
  background-color: var(--bs-body-bg);
}
@media (min-width: 576px) {
  .ctaBanner .bottomRightCircle {
    width: calc(100% - 119px);
  }
}
@media (min-width: 1400px) {
  .ctaBanner .bottomRightCircle {
    height: 52px;
  }
}
.ctaBanner .bottomRightCircle::before, .ctaBanner .bottomRightCircle::after {
  content: "";
}
.ctaBanner .bottomRightCircle::before {
  width: 100%;
  background-color: #1C2425;
  border-radius: 0 0 15px 0;
}
@media (min-width: 576px) {
  .ctaBanner .bottomRightCircle::before {
    border-radius: 0 0 20px 0;
  }
}
@media (min-width: 1400px) {
  .ctaBanner .bottomRightCircle::before {
    border-radius: 0 0 25px 0;
  }
}
.ctaBanner .bottomRightCircle::after {
  position: absolute;
  top: 0;
  height: 100%;
  left: 100%;
  width: 59px;
  border-radius: 15px 0 0 0;
  background-color: var(--bs-body-bg);
}
@media (min-width: 576px) {
  .ctaBanner .bottomRightCircle::after {
    width: 119px;
    border-radius: 20px 0 0 0;
  }
}
@media (min-width: 1400px) {
  .ctaBanner .bottomRightCircle::after {
    border-radius: 25px 0 0 0;
  }
}
.ctaBanner .bottomLeftCircle {
  position: absolute;
  bottom: 0;
  left: 81px;
  height: 19px;
  display: flex;
  width: calc(50% - 81px);
  background-color: var(--bs-body-bg);
}
@media (min-width: 576px) {
  .ctaBanner .bottomLeftCircle {
    left: 241px;
    width: calc(50% - 241px);
  }
}
@media (min-width: 1400px) {
  .ctaBanner .bottomLeftCircle {
    height: 29px;
  }
}
.ctaBanner .bottomLeftCircle::before, .ctaBanner .bottomLeftCircle::after {
  content: "";
}
.ctaBanner .bottomLeftCircle::before {
  position: absolute;
  top: 3px;
  height: 100%;
  right: 100%;
  width: 81px;
  border-radius: 0 10px 0 0;
  background-color: var(--bs-body-bg);
}
@media (min-width: 576px) {
  .ctaBanner .bottomLeftCircle::before {
    width: 241px;
  }
}
@media (min-width: 1400px) {
  .ctaBanner .bottomLeftCircle::before {
    border-radius: 0 15px 0 0;
  }
}
.ctaBanner .bottomLeftCircle::after {
  width: 100%;
  background-color: #1C2425;
  border-radius: 0 0 0 10px;
}
@media (min-width: 1400px) {
  .ctaBanner .bottomLeftCircle::after {
    border-radius: 0 0 0 15px;
  }
}
.ctaBanner__bg {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 1;
  max-height: 200px;
  display: none;
}
@media (min-width: 992px) {
  .ctaBanner__bg {
    display: block;
  }
}
@media (min-width: 1400px) {
  .ctaBanner__bg {
    max-height: -moz-max-content;
    max-height: max-content;
  }
}
.ctaBanner .aiImg {
  max-width: 120px;
}
@media (min-width: 1400px) {
  .ctaBanner .aiImg {
    max-width: 100%;
  }
}
.ctaBanner .aiImage {
  max-width: 200px;
  bottom: 0;
  right: 5%;
}
@media (min-width: 1400px) {
  .ctaBanner .aiImage {
    max-width: 250px;
  }
}
.ctaBanner .mlImg {
  max-height: 280px;
}
.ctaBanner .mlImgRgt {
  right: -50px;
  top: 15%;
  max-width: 300px;
}
@media (min-width: 1400px) {
  .ctaBanner .mlImgRgt {
    max-width: 390px;
  }
}
.ctaBanner .iotImage {
  right: 60px;
  max-height: 250px;
}
@media (min-width: 1400px) {
  .ctaBanner .iotImage {
    max-height: 300px;
  }
}
.ctaBanner__img {
  bottom: 0;
  z-index: 1;
  right: 0;
  max-width: 170px;
  transform: rotateY(180deg);
}
@media (min-width: 576px) {
  .ctaBanner__img {
    max-width: 250px;
  }
}
@media (min-width: 992px) {
  .ctaBanner__img {
    left: 0;
    bottom: 16px;
    transform: none;
    max-width: 300px;
  }
}
@media (min-width: 1400px) {
  .ctaBanner__img {
    max-width: -moz-max-content;
    max-width: max-content;
    bottom: 27px;
  }
}
@media (min-width: 992px) {
  .ctaBanner .container {
    padding-left: 30%;
  }
}
@media (min-width: 1200px) {
  .ctaBanner .container {
    padding-left: 15%;
  }
}
.ctaBanner__ttl {
  color: var(--bs-white);
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  line-height: 1.2;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .ctaBanner__ttl {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .ctaBanner__ttl {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .ctaBanner__ttl {
    font-size: 36px;
  }
}
@media (min-width: 1400px) {
  .ctaBanner__ttl {
    font-size: 44px;
  }
}
.ctaBanner__des {
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .ctaBanner__des {
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .ctaBanner__des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .ctaBanner__des {
    font-size: 24px;
    max-width: 574px;
  }
}
.ctaBanner .btn {
  border-radius: 120px;
}
@media (min-width: 992px) {
  .ctaBanner .btn {
    padding: 15px 20px;
  }
}
@media (min-width: 1400px) {
  .ctaBanner .btn {
    font-size: 18px;
  }
}
.ctaBanner .btn svg {
  margin-left: 8px;
}
.ctaBanner .container {
  z-index: 2;
  position: relative;
}
.ctaBanner__ellipseOne {
  left: 0;
  top: 0;
  z-index: 1;
}
.ctaBanner__ellipseTwo {
  bottom: 0;
  right: 139px;
  z-index: 1;
}

@media (min-width: 992px) {
  .caseStudy {
    padding-top: 28px;
  }
}
@media (min-width: 1400px) {
  .caseStudy {
    padding-top: 38px;
  }
}

.caseTab {
  margin-bottom: 40px;
  padding-top: 30px;
}
.caseTab .section {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .caseTab .section {
    margin-bottom: 60px;
  }
}
@media (min-width: 1400px) {
  .caseTab .section {
    margin-bottom: 80px;
  }
}
.caseTab__about {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .caseTab__about {
    margin-bottom: 32px;
  }
}
.caseTab__about .btn-primary {
  border-radius: 48px;
}
.caseTab__desc {
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .caseTab__desc {
    font-size: 18px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) {
  .caseTab__desc {
    font-size: 20px;
  }
}
.caseTab__des {
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .caseTab__des {
    font-size: 18px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) {
  .caseTab__des {
    font-size: 20px;
  }
}
.caseTab__list {
  list-style: none;
}
.caseTab__list li {
  position: relative;
  padding-left: 32px;
  color: var(--bs-gray);
}
.caseTab__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 24px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'><path d='M10.0239 14.9067C10.5262 14.0367 11.7819 14.0367 12.2842 14.9067L14.6938 19.0802C15.1961 19.9502 14.5682 21.0377 13.5636 21.0377H8.74446C7.73988 21.0377 7.11201 19.9502 7.6143 19.0802L10.0239 14.9067Z' fill='%23132628'/><path d='M13.5505 13.9495C12.6986 13.4171 12.7425 12.1621 13.6295 11.6905L17.8846 9.42823C18.7716 8.95664 19.8365 9.62211 19.8014 10.6261L19.6331 15.4423C19.598 16.4463 18.4892 17.0357 17.6373 16.5034L13.5505 13.9495Z' fill='%23132628'/><path d='M9.04715 14.1487C9.89906 13.6163 9.8552 12.3613 8.96819 11.8897L4.71305 9.62745C3.82604 9.15586 2.76114 9.82133 2.79624 10.8253L2.9646 15.6415C2.9997 16.6455 4.10846 17.235 4.96037 16.7026L9.04715 14.1487Z' fill='%23132628'/><path d='M7.62907 6.92796C7.14535 6.04751 7.79614 4.97358 8.80049 4.99489L13.6186 5.09711C14.6229 5.11841 15.2276 6.21898 14.7069 7.07812L12.2094 11.1996C11.6888 12.0587 10.4333 12.0321 9.94959 11.1516L7.62907 6.92796Z' fill='%23132628'/></svg>") no-repeat center;
  background-size: contain;
}
@media (min-width: 992px) {
  .caseTab__list li {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) {
  .caseTab__list li {
    font-size: 20px;
  }
}
.caseTab__dtl {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .caseTab__dtl {
    margin-bottom: 60px;
  }
}
@media (min-width: 1400px) {
  .caseTab__dtl {
    margin-bottom: 80px;
  }
}
.caseTab__dtl_item {
  display: flex;
  align-items: center;
}
.caseTab__dtl_item:not(:last-child) {
  padding-right: 20px;
}
@media (min-width: 992px) {
  .caseTab__dtl_item:not(:last-child) {
    padding-right: 140px;
  }
}
.caseTab__dtl_icon {
  background-color: #F0F0F0;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .caseTab__dtl_icon {
    height: 60px;
    width: 60px;
    border-radius: 50%;
  }
}
@media (min-width: 1400px) {
  .caseTab__dtl_icon {
    height: 90px;
    width: 90px;
    border-radius: 50%;
  }
}
.caseTab__dtl_icon svg {
  height: 20px;
}
@media (min-width: 992px) {
  .caseTab__dtl_icon svg {
    height: auto;
  }
}
.caseTab__dtl_ttl {
  font-size: 18px;
  margin-bottom: 1;
}
@media (min-width: 992px) {
  .caseTab__dtl_ttl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .caseTab__dtl_ttl {
    font-size: 24px;
  }
}
.caseTab__dtl_subTtl {
  font-size: 16px;
}
@media (min-width: 1400px) {
  .caseTab__dtl_subTtl {
    font-size: 18px;
  }
}
.caseTab__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.caseTab__icon img {
  margin-bottom: 18px;
  height: 88px;
  width: 88px;
}
.caseTab__icon_name {
  font-size: 18px;
  font-weight: 600;
  color: var(--bs-primary);
}
@media (min-width: 1400px) {
  .caseTab__icon_name {
    font-size: 20px;
  }
}
.caseTab__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--bs-gray);
  overflow-x: auto;
  padding-left: 0;
  width: 100%;
  margin-bottom: 22px;
  scrollbar-width: none;
}
.caseTab__nav::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) {
  .caseTab__nav {
    margin-bottom: 38px;
  }
}
@media (min-width: 1400px) {
  .caseTab__nav {
    margin-bottom: 49px;
  }
}
.caseTab__nav_navItem {
  list-style: none;
  text-wrap: nowrap;
  margin-right: 20px;
}
@media (min-width: 992px) {
  .caseTab__nav_navItem {
    margin-right: 0;
  }
}
.caseTab__nav_navItem .navLink {
  font-size: 18px;
  padding-bottom: 15px;
  background-color: transparent;
  border: 0;
  width: 100%;
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 16px;
}
@media (min-width: 992px) {
  .caseTab__nav_navItem .navLink {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .caseTab__nav_navItem .navLink {
    font-size: 20px;
  }
}
.caseTab__nav_navItem.active {
  border-bottom: 2px solid var(--bs-primary);
}

.similarPr {
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .similarPr {
    padding-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .similarPr {
    padding-bottom: 50px;
  }
}
.similarPr__item_img {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .similarPr__item_img {
    margin-bottom: 26px;
  }
}
@media (min-width: 1400px) {
  .similarPr__item_img {
    margin-bottom: 39px;
  }
}
.similarPr__item_img img {
  border-radius: 8px;
}
.similarPr__item_content .desc {
  color: var(--bs-gray);
  font-size: 16px;
}
@media (min-width: 992px) {
  .similarPr__item_content .desc {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .similarPr__item_content .desc {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.similarPr__item_content .btn-primary {
  border-radius: 32px;
  max-width: 220px;
  padding: 14px 20px;
}
.similarPr__item_content .btn-primary span {
  white-space: nowrap;
}
@media (min-width: 992px) {
  .similarPr__item_content .btn-primary span {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .similarPr__item_content .btn-primary span {
    font-size: 20px;
  }
}

.simpleBanner {
  background-color: var(--bs-primary);
  padding-top: 150px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .simpleBanner {
    padding-top: 230px;
    padding-bottom: 53px;
  }
}
@media (min-width: 1400px) {
  .simpleBanner {
    padding-top: 230px;
    padding-bottom: 73px;
  }
}
.simpleBanner .container {
  z-index: 1;
  position: relative;
  max-width: 923px;
}
.simpleBanner__wrap_user {
  display: inline-block;
  max-width: 345px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 13px 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .simpleBanner__wrap_user {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .simpleBanner__wrap_user {
    margin-bottom: 28px;
  }
}
.simpleBanner__wrap_user .userTxt {
  font-size: 18px;
  font-weight: 600;
  color: var(--bs-white);
}
.simpleBanner__linkBtn {
  display: block;
  color: var(--bs-bg);
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .simpleBanner__linkBtn {
    font-size: 20px;
    margin-bottom: 28px;
  }
}
@media (min-width: 1400px) {
  .simpleBanner__linkBtn {
    font-size: 22px;
  }
}
.simpleBanner__linkBtn span {
  border-bottom: 1px solid var(--bs-white);
  margin-bottom: -2px;
}
.simpleBanner__ttl {
  color: var(--bs-bg);
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 28px;
}
@media (min-width: 768px) {
  .simpleBanner__ttl {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .simpleBanner__ttl {
    font-size: 46px;
  }
}
@media (min-width: 1400px) {
  .simpleBanner__ttl {
    font-size: 56px;
  }
}
.simpleBanner__des {
  color: var(--bs-bg);
  font-size: 16px;
  max-width: 550px;
}
@media (min-width: 992px) {
  .simpleBanner__des {
    font-size: 18px;
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .simpleBanner__des {
    font-size: 20px;
    margin-bottom: 42px;
  }
}
@media (min-width: 1400px) {
  .simpleBanner__des {
    margin-bottom: 52px;
    font-size: 22px;
  }
}
.simpleBanner .btn {
  font-size: 20px;
  padding: 10px 23px;
  width: 100%;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .simpleBanner .btn {
    padding: 17px 43px;
  }
}
.simpleBanner .btn-outline-primary {
  border: 1px solid var(--bs-white);
  color: var(--bs-bg);
  font-weight: 600;
  border-radius: 8px;
  background-color: transparent;
  transition: 0.3s ease;
  font-size: 16px;
}
.simpleBanner .btn-outline-primary:hover {
  transform: scale(1.02);
}
@media (min-width: 992px) {
  .simpleBanner .btn-outline-primary {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .simpleBanner .btn-outline-primary {
    font-size: 20px;
  }
}
.simpleBanner__icon img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 45px;
}
@media (min-width: 768px) {
  .simpleBanner__icon img {
    max-height: 65px;
  }
}
@media (min-width: 992px) {
  .simpleBanner__icon img {
    max-height: 115px;
  }
}
@media (min-width: 992px) {
  .simpleBanner__icon .googleImg {
    max-height: 85px;
  }
}
.simpleBanner .mb-52 {
  margin-bottom: 22px;
}
@media (min-width: 992px) {
  .simpleBanner .mb-52 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .simpleBanner .mb-52 {
    margin-bottom: 42px;
  }
}
@media (min-width: 1400px) {
  .simpleBanner .mb-52 {
    margin-bottom: 52px;
  }
}

/* footer */
.footer {
  position: relative;
}
.footer__tpbr {
  padding: 40px 0;
}
@media (min-width: 992px) {
  .footer__tpbr {
    padding: 63px 0 53px;
  }
}
.footer__tpbr_heading {
  display: block;
  font-size: 18px;
  color: var(--bs-white);
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .footer__tpbr_heading {
    font-size: 20px;
    margin-bottom: 21px;
  }
}
@media (min-width: 1400px) {
  .footer__tpbr_heading {
    font-size: 24px;
  }
}
.footer__tpbr h5 {
  font-size: 18px;
  color: var(--bs-white);
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .footer__tpbr h5 {
    font-size: 20px;
    margin-bottom: 21px;
  }
}
@media (min-width: 1400px) {
  .footer__tpbr h5 {
    font-size: 24px;
  }
}
.footer__tpbr ul {
  list-style: none;
}
.footer__tpbr ul li {
  padding-left: 17px;
}
.footer__tpbr ul li:not(:last-child) {
  margin-bottom: 12px;
}
.footer__tpbr ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  border-radius: 50%;
  background-color: var(--bs-white);
  position: absolute;
  top: 9px;
  left: 0;
}
.footer__tpbr ul li a {
  color: var(--bs-white);
  font-size: var(--bs-body-font-size);
  text-decoration: none;
}
.footer__tpbr ul li a:hover {
  text-decoration: underline;
}
@media (min-width: 1400px) {
  .footer__tpbr ul li a {
    font-size: 18px;
  }
}
.footer__lctn {
  background-color: rgba(217, 217, 217, 0.1019607843);
  padding: 20px 0;
}
.footer__lctn img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .footer__lctn img {
    width: 42px;
    height: 42px;
  }
}
@media (min-width: 1400px) {
  .footer__lctn img {
    width: 56px;
    height: 56px;
  }
}
.footer__lctn address {
  font-size: var(--bs-body-font-size);
  color: var(--bs-white);
  line-height: 1.4;
  padding-left: 15px;
}
@media (min-width: 1400px) {
  .footer__lctn address {
    font-size: 20px;
  }
}
.footer__lctn a {
  font-size: var(--bs-body-font-size);
  padding-left: 15px;
}
@media (min-width: 1400px) {
  .footer__lctn a {
    font-size: 20px;
  }
}
.footer__cpyrgt {
  padding-top: 25px;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .footer__cpyrgt {
    padding-top: 45px;
  }
}
.footer__cpyrgt .copyright {
  color: var(--bs-white);
  font-size: 15px;
  font-weight: 400;
}
.footer__cpyrgt .copyright > * {
  margin: 0;
}
.footer__cpyrgt .terms {
  list-style: none;
  gap: 18px;
}
.footer__cpyrgt .terms li a {
  font-size: 15px;
  color: var(--bs-white);
  text-decoration: none;
}
.footer__cpyrgt .terms li a:hover {
  color: var(--bs-secondary);
}
.footer__cpyrgt .media {
  align-items: center;
  gap: 30px;
  list-style: none;
}
.footer__cpyrgt .media li a {
  color: var(--bs-white);
}
.footer__cpyrgt .media li a:hover {
  color: var(--bs-secondary);
}

.NewBannerSide {
  padding-top: 120px;
}
@media (min-width: 992px) {
  .NewBannerSide {
    padding-top: 150px;
  }
}
.NewBannerSide__wrapper {
  background: linear-gradient(to bottom, #1fb0be -48.54%, #0f181a 93.17%);
  border-radius: 28px;
  padding: 28px 20px 100px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .NewBannerSide__wrapper {
    padding: 38px 40px 100px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide__wrapper {
    padding: 58px 60px 120px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__wrapper {
    padding: 78px 80px 150px;
  }
}
.NewBannerSide__appDev {
  background: linear-gradient(to bottom, #1fb0be -48.54%, #0f181a 93.17%);
  border-radius: 28px;
  padding: 28px 20px 80px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .NewBannerSide__appDev {
    padding: 38px 40px 80px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide__appDev {
    padding: 58px 60px 90px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__appDev {
    padding: 78px 80px 0;
  }
}
.NewBannerSide__trusted {
  padding-bottom: 12px;
  font-family: var(--bs-font-monospace);
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .NewBannerSide__trusted {
    font-size: 22px;
  }
}
.NewBannerSide__ttl {
  color: var(--bs-white);
  font-family: var(--bs-font-monospace);
  line-height: 1.1;
  margin-bottom: 9px;
  font-size: 26px;
}
@media (min-width: 768px) {
  .NewBannerSide__ttl {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .NewBannerSide__ttl {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide__ttl {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__ttl {
    font-size: 48px;
  }
}
.NewBannerSide__subTtl {
  color: var(--bs-white);
  font-size: 18px;
}
@media (min-width: 992px) {
  .NewBannerSide__subTtl {
    font-size: 20px;
    padding-top: 18px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__subTtl {
    font-size: 24px;
    margin-bottom: 21px;
  }
}
.NewBannerSide__des {
  color: var(--bs-white);
  font-size: 16px;
  line-height: 1.2;
  padding-bottom: 22px;
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .NewBannerSide__des {
    font-size: 18px;
    margin-bottom: 28px;
    border-bottom: 1px solid var(--bs-white);
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__des {
    font-size: 22px;
    line-height: 1.3;
  }
}
.NewBannerSide__cta {
  background-color: var(--bs-white);
  color: var(--bs-dark);
  font-size: 16px;
  padding: 12px;
  padding-right: 30px;
  white-space: nowrap;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .NewBannerSide__cta {
    padding-right: 50px;
  }
}
.NewBannerSide__cta::before {
  content: "";
  background-color: var(--bs-white);
  height: 54px;
  width: 54px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 4px 4px 2px rgba(0, 0, 0, 0.2509803922);
  border-radius: 50%;
  position: absolute;
  right: -30px;
  z-index: 8;
  background-image: url(../images/forward-arrow.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60%;
}
@media (min-width: 768px) {
  .NewBannerSide__cta::before {
    height: 64px;
    width: 64px;
    bottom: -5px;
    font-size: 18px;
    padding: 10px;
    max-width: 306px;
  }
}
.NewBannerSide__cta span {
  padding-left: 8px;
  color: #10494f;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .NewBannerSide__cta span {
    font-size: 20px;
  }
}
.NewBannerSide .mvpCta {
  max-width: 280px;
}
@media (min-width: 992px) {
  .NewBannerSide .mvpCta {
    max-width: 380px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide .mvpCta {
    max-width: 100%;
  }
}
.NewBannerSide__logo {
  padding: 17px 0;
}
.NewBannerSide__logo a img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 55px;
}
@media (min-width: 992px) {
  .NewBannerSide__logo a img {
    height: 60px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__logo a img {
    height: 80px;
  }
}
.NewBannerSide__logo a .clutch {
  height: 90px;
}
@media (min-width: 1400px) {
  .NewBannerSide__logo a .clutch {
    height: 120px;
  }
}
.NewBannerSide__logo a .clutchTwo {
  height: 100px;
}
@media (min-width: 1400px) {
  .NewBannerSide__logo a .clutchTwo {
    height: 140px;
  }
}
.NewBannerSide .mvpBg {
  opacity: 0.7;
  top: 15%;
  right: 50px;
  max-width: 450px;
}
@media (min-width: 1400px) {
  .NewBannerSide .mvpBg {
    max-width: 100%;
  }
}
.NewBannerSide__info {
  padding: 20px 20px;
  position: absolute;
  transform: skew(28deg);
  bottom: -16px;
  background: #0f181a;
  left: 0;
  z-index: 9;
  border-top-right-radius: 22px;
  border-top: 12px solid var(--bs-white);
  border-right: 12px solid var(--bs-white);
}
@media (min-width: 576px) {
  .NewBannerSide__info {
    padding: 20px 0;
  }
}
@media (min-width: 992px) {
  .NewBannerSide__info {
    padding: 21px 36px;
    border-top: 18px solid var(--bs-white);
    border-right: 18px solid var(--bs-white);
  }
}
@media (min-width: 1200px) {
  .NewBannerSide__info {
    padding: 21px 56px;
  }
}
.NewBannerSide__info li {
  color: var(--bs-white);
  transform: skew(-28deg);
}
.NewBannerSide__info li span {
  font-style: italic;
}
@media (min-width: 768px) {
  .NewBannerSide__info li span {
    font-size: 18px;
  }
}
.NewBannerSide__info .digit {
  font-family: "Krona One", serif;
  font-size: 18px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .NewBannerSide__info .digit {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .NewBannerSide__info .digit {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__info .digit {
    font-size: 40px;
  }
}
.NewBannerSide .btn--link {
  margin-left: 0;
  font-weight: 400;
  color: #F0F0F0;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .NewBannerSide .btn--link {
    font-size: 21px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .btn--link {
    margin-left: 0;
  }
}
.NewBannerSide__right_mobile {
  z-index: 8;
  height: 300px;
}
@media (min-width: 992px) {
  .NewBannerSide__right_mobile {
    height: 420px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__right_mobile {
    height: 520px;
  }
}
.NewBannerSide__right_spin {
  background-color: #242424;
  border: 12px solid var(--bs-white);
  color: var(--bs-white);
  border-radius: 50%;
  height: 150px;
  width: 150px;
}
@media (min-width: 992px) {
  .NewBannerSide__right_spin {
    height: 180px;
    width: 180px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__right_spin {
    height: 230px;
    width: 230px;
  }
}
.NewBannerSide__right_spin span {
  font-family: var(--bs-font-monospace);
  font-weight: 700;
}
@media (min-width: 1400px) {
  .NewBannerSide__right_spin span {
    font-size: 25px;
  }
}
.NewBannerSide__right_spinnerOne {
  max-width: 180px;
  max-height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  animation: rotateCircle 22s linear infinite;
}
@media (min-width: 992px) {
  .NewBannerSide__right_spinnerOne {
    max-width: 250px;
    max-height: 250px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__right_spinnerOne {
    max-width: 480px;
    max-height: 480px;
  }
}
.NewBannerSide__right_spinnerTwo {
  max-width: 290px;
  max-height: 290px;
  z-index: 1;
  animation: rotateCircleReverse 22s linear infinite;
}
@media (min-width: 992px) {
  .NewBannerSide__right_spinnerTwo {
    max-height: 400px;
    max-width: 400px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__right_spinnerTwo {
    max-height: 550px;
    max-width: 550px;
  }
}
.NewBannerSide__right_spinnerTwo .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 992px) {
  .NewBannerSide__right_spinnerTwo .icon {
    width: 83px;
    height: 83px;
  }
}
.NewBannerSide__right_spinnerTwo .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  animation: rotateCircle 22s linear infinite;
}
.NewBannerSide__right_spinnerTwo .icon_one {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.NewBannerSide__right_spinnerTwo .icon_two {
  top: 0;
  right: 0;
  transform: translate(-20px, 20px);
}
.NewBannerSide__right_spinnerTwo .icon_three {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}
.NewBannerSide__right_spinnerTwo .icon_four {
  bottom: 0;
  right: 0;
  transform: translate(-20px, -15px);
}
.NewBannerSide__right_spinnerTwo .icon_five {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.NewBannerSide__right_spinnerTwo .icon_six {
  bottom: 0;
  left: 0;
  transform: translate(20px, -20px);
}
.NewBannerSide__right_spinnerTwo .icon_seven {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
.NewBannerSide__right_spinnerTwo .icon_eight {
  top: 0;
  left: 0;
  transform: translate(20px, 20px);
}
.NewBannerSide__right_ellipse1 {
  max-width: 300px;
  max-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  animation: rotateCircle 22s linear infinite;
}
@media (min-width: 992px) {
  .NewBannerSide__right_ellipse1 {
    max-width: 400px;
    max-height: 400px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__right_ellipse1 {
    max-width: 490px;
    max-height: 490px;
  }
}
.NewBannerSide__right_ellipse1 .leftIcon {
  left: -30px;
  height: 50px;
  animation: rotateOuterIcon 22s linear infinite;
}
@media (min-width: 992px) {
  .NewBannerSide__right_ellipse1 .leftIcon {
    height: 70px;
  }
}
.NewBannerSide__right_ellipse1 .rightIcon {
  right: -30px;
  height: 50px;
  animation: rotateOuterIcon 22s linear infinite;
}
@media (min-width: 992px) {
  .NewBannerSide__right_ellipse1 .rightIcon {
    height: 65px;
  }
}
.NewBannerSide__right_ellipse2 {
  max-width: 210px;
  max-height: 210px;
  z-index: 1;
  animation: rotateCircleReverse 22s linear infinite;
}
@media (min-width: 992px) {
  .NewBannerSide__right_ellipse2 {
    max-width: 300px;
    max-height: 300px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__right_ellipse2 {
    max-width: 360px;
    max-height: 360px;
  }
}
.NewBannerSide__right_ellipse2 .leftIcon {
  left: 130px;
  top: -30px;
  height: 50px;
  animation: rotateInnerIcon 22s linear infinite;
}
@media (min-width: 992px) {
  .NewBannerSide__right_ellipse2 .leftIcon {
    height: 70px;
  }
}
.NewBannerSide__right_ellipse2 .rightIcon {
  right: 120px;
  bottom: -30px;
  height: 50px;
  animation: rotateInnerIcon 22s linear infinite;
}
@media (min-width: 992px) {
  .NewBannerSide__right_ellipse2 .rightIcon {
    height: 70px;
  }
}
@media (min-width: 768px) {
  .NewBannerSide__personImg {
    right: 0;
    max-height: 350px;
  }
}
@media (min-width: 992px) {
  .NewBannerSide__personImg {
    max-height: 500px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__personImg {
    right: 100px;
    max-height: none;
  }
}
.NewBannerSide__img .mobile {
  height: 380px;
  z-index: 4;
}
@media (min-width: 992px) {
  .NewBannerSide__img .mobile {
    height: 500px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__img .mobile {
    height: auto;
    z-index: 2;
  }
}
@media (min-width: 992px) {
  .NewBannerSide__img .forWeb {
    position: absolute;
    bottom: 0;
  }
}
.NewBannerSide__img .screen {
  margin-left: -40px;
  animation: slideIn 4s infinite;
  max-height: 250px;
}
@media (min-width: 768px) {
  .NewBannerSide__img .screen {
    max-height: 220px;
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .NewBannerSide__img .screen {
    max-height: 290px;
    padding-top: 30px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide__img .screen {
    max-height: 300px;
    padding-top: 30px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__img .screen {
    padding-top: 30px;
    max-height: 400px;
  }
}
.NewBannerSide__img .box {
  top: 38%;
  transform: translate(-50%, -50%);
  animation: zoom 3s infinite;
  animation-delay: 1s;
  z-index: 4;
}
@media (min-width: 768px) {
  .NewBannerSide__img .box {
    max-width: 140px;
    left: calc(50% - 20px);
  }
}
@media (min-width: 992px) {
  .NewBannerSide__img .box {
    max-width: 160px;
    left: calc(50% - 35px);
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__img .box {
    left: calc(50% - 60px);
    max-width: 220px;
  }
}
.NewBannerSide__img .mobileApp {
  height: 450px;
  animation: slideUp 1.3s ease-out;
}
@media (min-width: 992px) {
  .NewBannerSide__img .mobileApp {
    height: 500px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__img .mobileApp {
    height: auto;
  }
}
.NewBannerSide .forAndroid {
  right: 20px;
}
@media (min-width: 1400px) {
  .NewBannerSide .forAndroid {
    right: 140px;
  }
}
.NewBannerSide .hirededictd {
  height: 450px;
}
@media (min-width: 992px) {
  .NewBannerSide .hirededictd {
    height: 500px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .hirededictd {
    height: auto;
  }
}
.NewBannerSide .laptopImage {
  right: 0;
  height: 320px;
  animation: slideUp 1.3s ease-out;
}
@media (min-width: 992px) {
  .NewBannerSide .laptopImage {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide .laptopImage {
    right: 30px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .laptopImage {
    height: 600px;
  }
}
.NewBannerSide .wepApp {
  height: 450px;
  animation: slideUp 1.3s ease-out;
}
@media (min-width: 992px) {
  .NewBannerSide .wepApp {
    height: 600px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide .wepApp {
    right: 30px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .wepApp {
    height: 750px;
  }
}
.NewBannerSide .mvpImg {
  max-width: 460px;
  animation: slideUp 1.3s ease-out;
  right: 0;
  opacity: 0.5;
}
@media (min-width: 992px) {
  .NewBannerSide .mvpImg {
    max-width: 550px;
    height: 450px;
    opacity: 1;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .mvpImg {
    max-width: 750px;
    height: 569px;
  }
}
.NewBannerSide .flutterImg {
  max-width: 460px;
  animation: slideUp 1.3s ease-out;
  right: 0;
  opacity: 0.5;
  top: 20%;
}
@media (min-width: 992px) {
  .NewBannerSide .flutterImg {
    max-width: 550px;
    height: 450px;
    opacity: 1;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .flutterImg {
    max-width: 750px;
    height: 569px;
  }
}
.NewBannerSide .uiImg {
  height: 390px;
  animation: slideUp 1.3s ease-out;
}
@media (min-width: 992px) {
  .NewBannerSide .uiImg {
    height: 550px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide .uiImg {
    right: 30px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .uiImg {
    height: 750px;
  }
}
.NewBannerSide .openCartImg {
  top: -48px;
  right: 30px;
  height: 450px;
  animation: slideDown 1.3s ease-out;
}
@media (min-width: 992px) {
  .NewBannerSide .openCartImg {
    height: 500px;
    right: 150px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .openCartImg {
    height: auto;
  }
}
.NewBannerSide .wooImg {
  animation: slideUp 1.2s ease-out;
  height: 400px;
}
@media (min-width: 992px) {
  .NewBannerSide .wooImg {
    height: 500px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .wooImg {
    height: auto;
  }
}
.NewBannerSide .hireLrvl {
  animation: slideUp 1.2s ease-out;
  height: 400px;
}
@media (min-width: 992px) {
  .NewBannerSide .hireLrvl {
    height: 530px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .hireLrvl {
    height: auto;
  }
}
.NewBannerSide .mktImg {
  animation: slideUp 1.2s ease-out;
  height: 450px;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .NewBannerSide .mktImg {
    height: 550px;
    padding-right: 50px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .mktImg {
    height: auto;
  }
}
.NewBannerSide .slideUpImg {
  animation: slideUp 1.2s ease-out;
}
.NewBannerSide .androidIcon {
  animation: slideUp 1.5s ease-in-out;
  height: 80px;
}
@media (min-width: 1200px) {
  .NewBannerSide .androidIcon {
    height: 100px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .androidIcon {
    height: auto;
  }
}
.NewBannerSide .reactNativeImg {
  max-width: 350px;
  animation: rotate 8s linear infinite;
  left: 0;
  top: 0;
  opacity: 1;
}
@media (min-width: 1200px) {
  .NewBannerSide .reactNativeImg {
    top: 10%;
    left: 50px;
  }
}
.NewBannerSide .bgCard {
  border: 2px solid #FBFFFF;
  padding: 0 24px;
  background: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 22px;
  width: 100%;
  margin-left: auto;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .NewBannerSide .bgCard {
    max-width: 400px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide .bgCard {
    max-width: 463px;
    padding: 0 32px;
    margin-bottom: 0;
  }
}
.NewBannerSide .bgCard__wrap {
  list-style: none;
  padding: 0;
  margin: 0;
}
.NewBannerSide .bgCard__wrap_items {
  display: flex;
  gap: 13px;
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #FFFFFF;
}
@media (min-width: 1200px) {
  .NewBannerSide .bgCard__wrap_items {
    padding: 30px 0;
  }
}
.NewBannerSide .bgCard__wrap_items:last-child {
  border: none;
}
.NewBannerSide .bgCard__wrap_items .text small {
  font-family: var(--bs-font-monospace);
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #FBFFFF;
}
@media (min-width: 992px) {
  .NewBannerSide .bgCard__wrap_items .text small {
    font-size: 16px;
  }
}
.NewBannerSide .bgCard__wrap_items .text .type {
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 18px;
  line-height: 36px;
  display: block;
  color: #FBFFFF;
  margin: 0;
}
@media (min-width: 992px) {
  .NewBannerSide .bgCard__wrap_items .text .type {
    font-size: 24px;
  }
}
.NewBannerSide__roundAnimation {
  right: -50px;
  top: -50px;
  animation: rotate 8s linear infinite;
  height: 200px;
}
@media (min-width: 992px) {
  .NewBannerSide__roundAnimation {
    right: -80px;
    top: -80px;
    height: 250px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide__roundAnimation {
    height: auto;
  }
}
.NewBannerSide__circleAnimation {
  animation: rotate 8s linear infinite;
  right: -20%;
  max-height: 300px;
}
@media (min-width: 1400px) {
  .NewBannerSide__circleAnimation {
    top: 20%;
    right: -250px;
    max-height: none;
  }
}
.NewBannerSide .floatAnimation {
  animation: float 4s ease-in-out infinite;
  display: inline-block;
}
@keyframes float {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(12px);
  }
}
.NewBannerSide .floatAnimationY {
  animation: zoomEffect 5s ease-in-out;
  display: inline-block;
}
@keyframes zoomEffect {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.NewBannerSide .iconSpinAnimation {
  top: 40px;
  left: calc(100% - 131px);
  width: 400px;
  height: 400px;
  border-radius: 50%;
  animation: rotateCircle 22s linear infinite;
  opacity: 0.6;
}
@media (min-width: 1200px) {
  .NewBannerSide .iconSpinAnimation {
    top: 111px;
  }
}
.NewBannerSide .iconSpinAnimation .icon {
  border-radius: 50%;
  display: block;
  width: 69px;
  height: 69px;
  overflow: hidden;
}
.NewBannerSide .iconSpinAnimation .icon img {
  width: 100%;
  height: 100%;
  animation: rotateCircleReverse 22s linear infinite;
  -o-object-fit: cover;
     object-fit: cover;
}
.NewBannerSide .iconSpinAnimation .icon_one {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.NewBannerSide .iconSpinAnimation .icon_two {
  top: 0;
  right: 0;
  transform: translate(-75%, 0);
}
.NewBannerSide .iconSpinAnimation .icon_three {
  top: 50%;
  right: 0;
  transform: translate(25%, -150%);
}
.NewBannerSide .iconSpinAnimation .icon_four {
  top: 50%;
  right: 0;
  transform: translate(25%, 25%);
}
.NewBannerSide .iconSpinAnimation .icon_five {
  top: 50%;
  right: 0;
  transform: translate(-75%, 175%);
}
.NewBannerSide .iconSpinAnimation .icon_six {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.NewBannerSide .iconSpinAnimation .icon_seven {
  top: 50%;
  left: 0;
  transform: translate(75%, 175%);
}
.NewBannerSide .iconSpinAnimation .icon_eight {
  top: 50%;
  left: 0;
  transform: translate(-25%, 25%);
}
.NewBannerSide .iconSpinAnimation .icon_nine {
  top: 50%;
  left: 0;
  transform: translate(-25%, -150%);
}
.NewBannerSide .iconSpinAnimation .icon_ten {
  top: 0;
  left: 0;
  transform: translate(75%, 0);
}
.NewBannerSide .aiOne {
  max-width: 90px;
  top: 30px;
  right: 20px;
}
@media (min-width: 992px) {
  .NewBannerSide .aiOne {
    top: calc(50% - 50px);
    right: 17px;
  }
}
@media (min-width: 1200px) {
  .NewBannerSide .aiOne {
    top: calc(50% - 100px);
    right: 27px;
    max-width: 120px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .aiOne {
    right: 27px;
    height: auto;
  }
}
.NewBannerSide .aiTwo {
  max-width: 90px;
  bottom: 30px;
  right: 10px;
}
@media (min-width: 992px) {
  .NewBannerSide .aiTwo {
    bottom: calc(30px + 10%);
  }
}
@media (min-width: 1200px) {
  .NewBannerSide .aiTwo {
    bottom: calc(30px + 10%);
    right: 18px;
    max-width: 120px;
  }
}
@media (min-width: 1400px) {
  .NewBannerSide .aiTwo {
    height: auto;
    right: 24px;
  }
}

.arrowOne {
  max-width: 269px;
}
.arrowOne::before {
  display: none;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  15% {
    opacity: 0;
    transform: translateX(-100px);
  }
  25% {
    opacity: 1;
    transform: translateX(10px);
  }
  75% {
    opacity: 1;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(-120px);
  }
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  50% {
    opacity: 1;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoom {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-60%, -50%) scale(1.1);
  }
  75% {
    transform: translate(-60%, -50%) scale(1.1);
  }
}
@media (min-width: 992px) {
  @keyframes zoom {
    0%, 100% {
      transform: translate(-50%, -50%) scale(1);
    }
    50% {
      transform: translate(-60%, -50%) scale(1.3);
    }
    75% {
      transform: translate(-60%, -50%) scale(1.3);
    }
  }
}
@media (min-width: 1200px) {
  @keyframes slideIn {
    0% {
      opacity: 0;
      transform: translateX(-100px);
    }
    15% {
      opacity: 0;
      transform: translateX(-100px);
    }
    25% {
      opacity: 1;
      transform: translateX(10px);
    }
    75% {
      opacity: 1;
      transform: translateX(10px);
    }
    100% {
      opacity: 1;
      transform: translateX(-150px);
    }
  }
}
@media (min-width: 1400px) {
  @keyframes slideIn {
    0% {
      opacity: 0;
      transform: translateX(-200px);
    }
    15% {
      opacity: 0;
      transform: translateX(-200px);
    }
    25% {
      opacity: 1;
      transform: translateX(0);
    }
    75% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 1;
      transform: translateX(-200px);
    }
  }
}
@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateCircleReverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes rotateInnerIcon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateOuterIcon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.brd {
  margin-top: 120px;
  padding-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}
@media (min-width: 992px) {
  .brd {
    padding-top: 29px;
  }
}
@media (min-width: 1400px) {
  .brd {
    padding-bottom: 50px;
  }
}
.brd__bg {
  border-radius: 32px;
}
.brd__cover {
  padding-top: 30px;
  padding-bottom: 36px;
}
@media (min-width: 992px) {
  .brd__cover {
    padding-top: 58px;
    padding-bottom: 56px;
  }
}
@media (min-width: 1200px) {
  .brd__cover {
    padding-top: 78px;
    padding-bottom: 76px;
  }
}
@media (min-width: 1400px) {
  .brd__cover {
    padding-top: 98px;
    padding-bottom: 116px;
  }
}
.brd__ttl {
  position: relative;
  color: var(--bs-white);
  font-family: var(--bs-font-monospace);
  padding-bottom: 21px;
  margin-bottom: 17px;
  font-size: 24px;
}
@media (min-width: 768px) {
  .brd__ttl {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .brd__ttl {
    font-size: 40px;
  }
}
.brd .box {
  position: absolute;
  width: 150px;
  height: 50px;
  border: solid 3px #0d7372;
  border-color: #0d7372 transparent transparent transparent;
  border-radius: 50%/10px 15px 0 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.brd__des {
  color: var(--bs-white);
  margin-bottom: 27px;
}
@media (min-width: 1400px) {
  .brd__des {
    font-size: 18px;
    margin-bottom: 47px;
  }
}
.brd__lctn svg {
  margin-right: 6px;
}
.brd__lctn a {
  color: var(--bs-white);
  text-decoration: none;
}
@media (min-width: 992px) {
  .brd__lctn a {
    font-size: 18px;
  }
}
.brd__opacity {
  background: rgba(0, 0, 0, 0.46);
  border-radius: 30px;
}

.PortSide__sidebar {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}
.PortSide__sidebar img {
  width: 100%;
  height: auto;
  max-height: 300px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.PortSide__Cards {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 4px 4px 16.7px -1px rgba(0, 0, 0, 0.05);
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .PortSide__Cards {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) {
  .PortSide__Cards {
    margin-bottom: 64px;
  }
}
.PortSide__Cards_img {
  position: relative;
}
.PortSide__Cards_img .topWrap__chip {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 6px 12px;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  border-radius: 32px;
}
@media (min-width: 992px) {
  .PortSide__Cards_img .topWrap__chip {
    padding: 12px 16px;
    top: 32px;
    left: 32px;
  }
}
.PortSide__Cards_img .topWrap__chip span {
  color: var(--bs-white);
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 12px;
}
@media (min-width: 992px) {
  .PortSide__Cards_img .topWrap__chip span {
    font-size: 16px;
  }
}
.PortSide__Cards_img .topWrap__arrow {
  position: absolute;
  top: 12px;
  right: 12px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--bs-white);
  transition: 0.3s ease;
}
@media (min-width: 1400px) {
  .PortSide__Cards_img .topWrap__arrow {
    top: 32px;
    right: 32px;
    height: 62px;
    width: 62px;
    margin-right: -8px;
  }
}
.PortSide__Cards_img .topWrap__arrow:hover {
  transform: scale(1.09);
  box-shadow: 4px 4px 16.7px -1px rgba(0, 0, 0, 0.09);
}
.PortSide__Cards_img .topWrap__arrow svg {
  cursor: pointer;
}
.PortSide__Cards_des {
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .PortSide__Cards_des {
    font-size: 18px;
  }
}
.PortSide__Cards_content {
  padding: 16px 14px 16px;
}
@media (min-width: 992px) {
  .PortSide__Cards_content {
    padding: 18px 28px 22px;
  }
}
@media (min-width: 1400px) {
  .PortSide__Cards_content {
    padding: 22px 32px 28px;
  }
}
.PortSide__Cards_content .chip {
  padding: 6px 8px;
  background-color: #52898F;
  border-radius: 8px;
}
@media (min-width: 992px) {
  .PortSide__Cards_content .chip {
    padding: 8px 12px;
  }
}
.PortSide__Cards_content .chip span {
  color: var(--bs-white);
  font-family: var(--bs-font-monospace);
  font-weight: 600;
  font-size: 14px;
  text-wrap: nowrap;
}
@media (min-width: 992px) {
  .PortSide__Cards_content .chip span {
    font-size: 16px;
  }
}

.Portside {
  padding-top: 40px;
  padding-bottom: 40px;
}

.Portside .left h3 {
  font-size: 18px;
  color: var(--bs-primary);
  margin-bottom: 15px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .Portside .left h3 {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .Portside .left h3 {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .Portside .left p {
    font-size: 18px;
  }
}

.Portside .right .nav-tabs {
  margin: 0 -10px;
}

.Portside .right .nav-tabs li {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 0 10px;
}

.Portside .right .nav-tabs li .nav-link {
  padding: 0 0 0 15px;
  position: relative;
  color: #282828;
  font-weight: 600;
  transition: 0.5s;
  text-align: left;
}
@media (min-width: 992px) {
  .Portside .right .nav-tabs li .nav-link {
    font-size: 18px;
  }
}

.Portside .right .nav-tabs li .nav-link:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  content: "";
  transition: 0.5s;
  background-color: var(--bs-secondary);
}

.Portside .box .over {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.Portside .right .nav-tabs li .nav-link.active::before {
  width: 3px;
}

.Portside .box .over {
  height: 100%;
  border: 1px solid #ebebeb;
  transition: 0.5s;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.Portside .box .over .text .content h4 {
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 1400px) {
  .Portside .box .over .text .content h4 {
    font-size: 18px;
  }
}

.Portside .box .over .text .content h4 span {
  font-size: 16px;
  display: inline-block;
  font-weight: 400;
}
@media (min-width: 1400px) {
  .Portside .box .over .text .content h4 span {
    font-size: 18px;
  }
}

.Portside .right .nav-tabs li .nav-link.active {
  color: var(--bs-primary);
}

.Portside .box .over .text .title h3 {
  color: var(--bs-primary);
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 992px) {
  .Portside .box .over .text .title h3 {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .Portside .box .over .text .title h3 {
    font-size: 22px;
  }
}

.Portside .box .over .text .title span {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 1400px) {
  .Portside .box .over .text .title span {
    font-size: 18px;
  }
}

.Portside .box .over .text .content p {
  margin-bottom: 15px;
}
@media (min-width: 1400px) {
  .Portside .box .over .text .content p {
    font-size: 18px;
  }
}

.Portside .box .over .text .content {
  padding-top: 15px;
}

.Portside .tab-content {
  padding-top: 20px;
}

.Portside .box .over .img,
.Portside .box .over .text {
  padding: 15px;
}

.Portside .box {
  margin-bottom: 30px;
}

.Portside .box .over .text .row {
  padding-bottom: 0;
}

@media (max-width: 991px) {
  .Portside .right .nav-tabs li .nav-link {
    font-size: 16px;
  }
  .Portside {
    padding-top: 20px;
  }
}
.process {
  position: relative;
  padding-top: 26px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .process {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .process {
    padding-bottom: 140px;
  }
}
.process .title {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .process .title {
    margin-bottom: 40px;
  }
}
.process__item {
  border-radius: 20px;
  position: relative;
  margin: 0 15px;
  cursor: pointer;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  padding: 35px 20px 80px;
}
@media (min-width: 768px) {
  .process__item {
    padding: 35px 20px 150px;
  }
}
@media (min-width: 992px) {
  .process__item {
    min-height: 400px;
  }
}
.process__item:after {
  clip-path: polygon(70% 0, 100% 0%, 100% 25%);
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 100%;
  height: 100%;
  background-color: var(--bs-white);
  border-radius: 0 20px 0 0;
}
.process__item_ttl {
  font-weight: 700;
  font-size: 26px;
  color: var(--bs-white);
}
@media (min-width: 768px) {
  .process__item_ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .process__item_ttl {
    font-size: 26px;
  }
}
.process__item_des {
  color: var(--bs-white);
  height: 150px;
}
@media (min-width: 1400px) {
  .process__item_des {
    font-size: 18px;
  }
}
.process__item_num {
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  color: var(--bs-white);
  opacity: 0.2;
  line-height: 1;
  position: absolute;
  right: 23px;
  bottom: 0;
  font-size: 97px;
}
.process .slick-arrow.slick-prev {
  left: -10px;
}
@media (min-width: 992px) {
  .process .slick-arrow.slick-prev {
    left: -15px;
  }
}
.process .slick-arrow.slick-next {
  right: -10px;
}
@media (min-width: 992px) {
  .process .slick-arrow.slick-next {
    right: -15px;
  }
}

.processNew {
  background-color: #fbffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .processNew {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.processNew__ttl {
  font-size: 20px;
  font-weight: 700 !important;
  line-height: 1.4;
  text-wrap-style: balance;
  margin-bottom: 12px;
  color: #232323;
}
@media (min-width: 992px) {
  .processNew__ttl {
    font-size: 32px;
  }
}
@media (min-width: 1400px) {
  .processNew__ttl {
    font-size: 40px;
  }
}
@media (min-width: 1700px) {
  .processNew__ttl {
    font-size: 40px;
  }
}
.processNew__ttl::before {
  content: attr(data-title);
  display: block;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--bs-body-font-family);
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 6.6px;
}
@media (min-width: 992px) {
  .processNew__ttl::before {
    font-size: 22px;
    margin-bottom: 18px;
  }
}
.processNew__des {
  font-weight: 500;
  color: var(--bs-body-color);
  max-width: 1020px;
  margin: 0 auto 30px;
  text-wrap-style: pretty;
}
@media (min-width: 992px) {
  .processNew__des {
    font-size: 18px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1700px) {
  .processNew__des {
    font-size: 20px;
    margin-bottom: 100px;
  }
}
.processNew .wrap {
  position: relative;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .processNew .wrap {
    margin-left: 0;
  }
}
.processNew .wrap .processline {
  overflow: hidden;
  height: 0;
  transition: height 0.01s linear;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 7px;
  height: 0;
  border-radius: 7px;
  transform: translateX(-50%);
  transition: all 1s ease-in-out;
  z-index: 1;
  background: #FF5900;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
@media (min-width: 768px) {
  .processNew .wrap .processline {
    left: 50%;
  }
}
.processNew .wrap__item {
  position: relative;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .processNew .wrap__item {
    padding-left: 0;
  }
}
.processNew .wrap__item:not(:last-child) {
  padding-bottom: 46px;
}
.processNew .wrap__item::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  background-color: #b2b2b2;
  position: absolute;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .processNew .wrap__item::before {
    left: 50%;
  }
}
.processNew .wrap__item:last-child::before {
  display: none;
}
.processNew .wrap__item::after {
  content: attr(data-step);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  box-shadow: inset 2.82px 2.82px 2.82px rgba(0, 0, 0, 0.25), 0px 1.41px 1.41px rgba(0, 0, 0, 0.25);
  border: 6px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, 0);
  font-family: var(--bs-font-monospace);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .processNew .wrap__item::after {
    width: 66px;
    height: 66px;
    border: 8px solid #fff;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .processNew .wrap__item::after {
    left: 50%;
  }
}
.processNew .wrap__item:last-child .text::after {
  top: auto;
  bottom: 0;
  content: none !important;
}
.processNew .wrap__item .row {
  row-gap: 20px;
}
.processNew .wrap__item .text {
  max-width: 368px;
  margin: 0 30px;
}
@media (min-width: 992px) {
  .processNew .wrap__item .text {
    margin: 0 auto;
  }
}
.processNew .wrap__item .text__processCard {
  cursor: pointer;
  position: relative;
  padding: 18px;
  background-color: var(--bs-white);
  border: 1px solid #FFF2E7;
  box-shadow: 9.5px 10px 14.01px 0px rgba(0, 0, 0, 0.0901960784);
  border-radius: 12px;
  position: relative;
  transition: 0.2s ease;
  width: 100%;
}
.processNew .wrap__item .text__processCard:hover {
  transform: scale(180deg);
  border: 1px solid var(--bs-primary);
  box-shadow: -9.5px -10px 14.01px 0px rgba(0, 0, 0, 0.0901960784);
}
@media (min-width: 768px) {
  .processNew .wrap__item .text__processCard {
    width: 100%;
    min-width: 270px;
    max-width: 350px;
  }
}
@media (min-width: 1200px) {
  .processNew .wrap__item .text__processCard {
    max-width: 323px;
  }
}
.processNew .wrap__item .text__processCard_inner {
  height: 100%;
  background-color: #f7feff;
  border-radius: 18px;
  padding: 12px;
  border: 1px solid #ffefef;
  text-align: center;
}
@media (min-width: 992px) {
  .processNew .wrap__item .text__processCard_inner {
    padding: 20px 12px;
  }
}
.processNew .wrap__item .text__processCard_icon {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
.processNew .wrap__item .text__processCard_icon img {
  height: 86px;
  width: 86px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1200px) {
  .processNew .wrap__item .text__processCard_icon {
    margin-bottom: 29px;
  }
}
.processNew .wrap__item .text__processCard_ttl {
  font-weight: 700;
  font-size: 20px;
  color: var(--bs-text);
  font-family: var(--bs-font-monospace);
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  .processNew .wrap__item .text__processCard_ttl {
    font-size: 24px;
  }
}
.processNew .wrap__item .text__processCard_des {
  font-size: 18px;
  color: var(--bs-gray);
  font-weight: 400;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .processNew .wrap__item .text__processCard_des {
    font-size: 20px;
  }
}

.processFour {
  background-color: #FFFFFF;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .processFour {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1400px) {
  .processFour {
    padding-top: 153px;
    padding-bottom: 153px;
  }
}
@media (min-width: 1400px) {
  .processFour .heading {
    margin-bottom: 22px;
  }
}
.processFour .title {
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .processFour .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .processFour .des {
    margin-bottom: 60px;
  }
}
.processFour .wrap {
  position: relative;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .processFour .wrap {
    margin-left: 0;
  }
}
.processFour .wrap .processline {
  overflow: hidden;
  height: 0;
  transition: height 0.01s linear;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 7px;
  height: 0;
  border-radius: 7px;
  transform: translateX(-50%);
  transition: all 1s ease-in-out;
  z-index: 1;
  background: #FF5900;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
}
@media (min-width: 768px) {
  .processFour .wrap .processline {
    left: 50%;
  }
}
.processFour .wrap__item {
  position: relative;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .processFour .wrap__item {
    padding-left: 0;
  }
}
.processFour .wrap__item:not(:last-child) {
  padding-bottom: 46px;
}
.processFour .wrap__item::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  background-color: #b2b2b2;
  position: absolute;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .processFour .wrap__item::before {
    left: 50%;
  }
}
.processFour .wrap__item:last-child::before {
  display: none;
}
.processFour .wrap__item::after {
  content: attr(data-step);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  box-shadow: inset 2.82px 2.82px 2.82px rgba(0, 0, 0, 0.25), 0px 1.41px 1.41px rgba(0, 0, 0, 0.25);
  border: 6px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, 0);
  font-family: var(--bs-font-monospace);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .processFour .wrap__item::after {
    width: 66px;
    height: 66px;
    border: 8px solid #fff;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .processFour .wrap__item::after {
    left: 50%;
  }
}
.processFour .wrap__item:last-child .text::after {
  top: auto;
  bottom: 0;
  content: none !important;
}
.processFour .wrap__item .row {
  row-gap: 20px;
}
.processFour .wrap__item .text {
  max-width: 550px;
  margin: 0 30px;
}
@media (min-width: 992px) {
  .processFour .wrap__item .text {
    margin: 0 auto;
  }
}
.processFour .wrap__item .text__processCard {
  cursor: pointer;
  position: relative;
  padding: 18px;
  background-color: var(--bs-white);
  border: 1px solid #EC8002;
  border-radius: 12px;
  position: relative;
  transition: 0.2s ease;
  width: 100%;
}
.processFour .wrap__item .text__processCard:hover {
  transform: scale(180deg);
  border: 1px solid #FF5900;
  box-shadow: 9.5px 10px 14.01px 0px rgba(0, 0, 0, 0.0901960784);
}
@media (min-width: 768px) {
  .processFour .wrap__item .text__processCard {
    width: 100%;
    min-width: 350px;
    max-width: 400px;
  }
}
@media (min-width: 1400px) {
  .processFour .wrap__item .text__processCard {
    max-width: 500px;
  }
}
.processFour .wrap__item .text__processCard_inner {
  height: 100%;
  border-radius: 18px;
  padding: 12px 0;
}
@media (min-width: 992px) {
  .processFour .wrap__item .text__processCard_inner {
    padding: 16px 0;
  }
}
.processFour .wrap__item .text__processCard_icon {
  display: flex;
  justify-content: center;
}
.processFour .wrap__item .text__processCard_icon img {
  height: 86px;
  width: 86px;
  -o-object-fit: contain;
     object-fit: contain;
}
.processFour .wrap__item .text__processCard_stepCount {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 6px;
}
@media (min-width: 992px) {
  .processFour .wrap__item .text__processCard_stepCount {
    font-size: 20px;
  }
}
.processFour .wrap__item .text__processCard_ttl {
  font-weight: 700;
  font-size: 20px;
  color: var(--bs-text);
  font-family: var(--bs-font-monospace);
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  .processFour .wrap__item .text__processCard_ttl {
    font-size: 24px;
  }
}
.processFour .wrap__item .text__processCard_des {
  font-size: 18px;
  color: var(--bs-gray);
  font-weight: 400;
  line-height: 1.3;
}
@media (min-width: 992px) {
  .processFour .wrap__item .text__processCard_des {
    font-size: 20px;
  }
}

.plan {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: var(--bs-bg);
}
@media (min-width: 992px) {
  .plan {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .plan {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
.plan .container {
  max-width: 1170px;
}
.plan__ttl {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 14px;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .plan__ttl {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .plan__ttl {
    font-size: 34px;
    margin-bottom: 41px;
  }
}
@media (min-width: 1400px) {
  .plan__ttl {
    font-size: 40px;
    margin-bottom: 51px;
  }
}
.plan__ttl::before {
  content: attr(data-title);
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--bs-body-font-family);
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 6.6px;
}
@media (min-width: 992px) {
  .plan__ttl::before {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.plan__des {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .plan__des {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .plan__des {
    font-size: 20px;
  }
}
.plan__chip {
  font-size: 14px;
  color: #0C4A51;
  padding: 4px 8px;
  background-color: #F0F0F0;
  margin-left: 13px;
  border-radius: 12px;
  display: block;
}
.plan .nav {
  margin-bottom: 39px;
  background-color: var(--bs-border);
  border-radius: 100px;
  --bs-nav-pills-border-radius:100px;
  --bs-nav-pills-link-active-color:#F0F0F0;
  --bs-nav-link-padding-x: 29px;
  --bs-nav-link-padding-y: 14px;
  --bs-nav-link-font-weight:900;
  --bs-nav-link-font-size:16px;
  --bs-nav-link-color: #4E4E4E;
  --bs-nav-link-hover-color:var
  --bs-nav-pills-link-active-bg: transparent;
}
.plan .nav.nav-pills .nav-link.active {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
}
.plan .planSlider {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .plan .planSlider {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .plan .planSlider .slick-track {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.plan .planSlider .slick-track > .item {
  padding: 0 5px;
}
@media (min-width: 992px) {
  .plan .planSlider .slick-track > .item {
    padding: 0 15px;
  }
}
.plan__card {
  background: #F1F4F4;
  border: 3.9px solid var(--bs-gray-light);
  transition: all 0.3s ease-in-out;
  padding: 15px 20px;
}
@media (min-width: 992px) {
  .plan__card {
    padding: 28px 30px;
  }
}
@media (min-width: 1400px) {
  .plan__card {
    padding: 30px 35px;
  }
}
@media (min-width: 992px) {
  .plan__card:hover {
    transform: scale(1.05);
  }
}
.plan__card_ttl {
  font-size: 18px;
  font-family: var(--bs-font-sans-serif);
  border-bottom: 2px solid #232323;
  line-height: 1.2;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .plan__card_ttl {
    font-size: 22px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1400px) {
  .plan__card_ttl {
    font-size: 25px;
    margin-bottom: 30px;
  }
}
.plan__card_price {
  font-size: 28px;
  font-family: var(--bs-font-monospace);
  color: var(--bs-title);
}
@media (min-width: 992px) {
  .plan__card_price {
    font-size: 38px;
  }
}
@media (min-width: 1200px) {
  .plan__card_price {
    font-size: 46px;
  }
  .plan__card_price small {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .plan__card_price {
    font-size: 48px;
  }
}
.plan__card_price small {
  font-size: 14px;
  top: -2px;
  position: relative;
}
@media (min-width: 992px) {
  .plan__card_price small {
    font-size: 16px;
    margin-left: -10px;
  }
}
@media (min-width: 1400px) {
  .plan__card_price small {
    font-size: 22px;
  }
}
.plan__card_subtitle {
  font-size: 25px;
}
.plan__card_des {
  margin-bottom: 20px;
  color: var(--bs-body-color);
}
@media (min-width: 1400px) {
  .plan__card_des {
    margin-bottom: 40px;
    font-size: 20px;
  }
}
.plan__dark {
  background-image: url("../images/price-bg.webp");
  background-size: cover;
  color: var(--bs-white);
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
@media (min-width: 768px) {
  .plan__dark {
    border-radius: 0;
  }
}
.plan__dark .plan__card_ttl {
  color: var(--bs-white);
  border-bottom: 1px solid var(--bs-white);
}
.plan__dark .plan__card_price {
  color: var(--bs-white);
}
.plan__dark .plan__card_des {
  color: var(--bs-white);
}
.plan__dark svg {
  color: var(--bs-white);
}
.plan__dark .btn-primary--white:hover {
  color: var(--bs-primary) !important;
  background: var(--bs-white);
}
.plan .btn {
  margin-bottom: 20px;
}
.plan__first {
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
@media (min-width: 992px) {
  .plan__first {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 0;
  }
}
.plan__last {
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
@media (min-width: 992px) {
  .plan__last {
    border-bottom-right-radius: 50px;
    border-top-left-radius: 0;
  }
}
.plan__list {
  list-style: none;
  padding-left: 0;
}
.plan__list li {
  position: relative;
  font-size: 16px;
}
@media (min-width: 1400px) {
  .plan__list li {
    font-size: 20px;
  }
}
.plan__list li:not(:last-child) {
  margin-bottom: 10px;
}
.plan__list li svg {
  margin-right: 10px;
}
@media (max-width: 575px) {
  .plan__list li svg {
    fill: #4E4E4E;
  }
}
.plan .slick-arrow {
  top: auto;
  bottom: -48px;
}
.plan .slick-arrow::before {
  display: none;
}
.plan .slick-prev {
  left: calc(50% - 170px);
}
.plan .slick-next {
  right: calc(50% - 170px);
}

.planNew {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
.planNew .container {
  max-width: 1400px;
}
.planNew .heading {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planNew .heading {
    margin-bottom: 20px;
  }
}
.planNew__des {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 992px) {
  .planNew__des {
    font-size: 20px;
  }
}
.planNew__chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
}
.planNew .planTwoSlider {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .planNew .planTwoSlider {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .planNew .planTwoSlider .slick-track {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.planNew .planTwoSlider .slick-track > .item {
  padding: 0 5px;
}
@media (min-width: 992px) {
  .planNew .planTwoSlider .slick-track > .item {
    padding: 0 15px;
  }
}
.planNew__card {
  cursor: pointer;
  position: relative;
  background: #FBFFFF;
  border-width: 15px 4px 4px 4px;
  border-style: solid;
  border-color: var(--bs-gray-light);
  border-top-left-radius: 30px;
  transition: all 0.3s ease-in-out;
  padding: 15px 20px;
}
@media (min-width: 992px) {
  .planNew__card {
    border-top-left-radius: 50px;
    padding: 28px 30px;
  }
}
@media (min-width: 1400px) {
  .planNew__card {
    padding: 30px 35px;
  }
}
.planNew__card_ttl {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  color: var(--bs-black);
}
@media (min-width: 992px) {
  .planNew__card_ttl {
    font-size: 28px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .planNew__card_ttl {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
.planNew__card_subTtl {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  border-bottom: 2px solid var(--bs-gray);
  margin-bottom: 16px;
  line-height: 36px;
  color: var(--bs-black);
  font-size: 16px;
  padding-bottom: 20px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .planNew__card_subTtl {
    font-size: 18px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1200px) {
  .planNew__card_subTtl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .planNew__card_subTtl {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.planNew__card_listHeading {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  color: var(--bs-black);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .planNew__card_listHeading {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .planNew__card_listHeading {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .planNew__card_listHeading {
    font-size: 24px;
  }
}
.planNew__card_text {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 400;
  color: var(--bs-gray);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planNew__card_text {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planNew__card_text {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.planNew__card_dtl {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .planNew__card_dtl {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planNew__card_dtl {
    margin-bottom: 24px;
  }
}
.planNew__card_dtl span {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 600;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1400px) {
  .planNew__card_dtl span {
    font-size: 20px;
  }
}
.planNew__card_box {
  border: 2px solid #EAEAEA;
  padding: 12px 20px;
  border-radius: 12px;
  margin-bottom: 18px;
  margin-top: auto;
}
@media (min-width: 992px) {
  .planNew__card_box {
    margin-bottom: 24px;
  }
}
.planNew__card_box .price {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 4px;
  font-family: var(--bs-font-monospace);
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  .planNew__card_box .price {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .planNew__card_box .price {
    font-size: 26px;
  }
}
@media (min-width: 1400px) {
  .planNew__card_box .price {
    font-size: 34px;
  }
}
.planNew__card_box small {
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 0;
  font-size: 14px;
  color: var(--bs-gray);
}
@media (min-width: 576px) {
  .planNew__card_box small {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .planNew__card_box small {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .planNew__card_box small {
    font-size: 20px;
  }
}
.planNew__active {
  border-color: #F27301;
}
.planNew .btn {
  padding: 12px 16px;
  font-family: var(--bs-font-monospace);
  font-size: 16px;
}
@media (min-width: 576px) {
  .planNew .btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .planNew .btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .planNew .btn {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .planNew .btn {
    font-size: 22px;
    padding: 18px 40px;
    font-weight: 600;
  }
}
.planNew .btn svg {
  margin-left: 6px;
}
.planNew__list {
  flex-shrink: 0;
  list-style: disc;
  padding-left: 18px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planNew__list {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .planNew__list {
    margin-bottom: 24px;
  }
}
.planNew__list li {
  line-height: 38px;
  font-size: 18px;
  margin-bottom: 0;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .planNew__list li {
    font-size: 20px;
  }
}
.planNew__list li svg {
  display: flex;
  flex-shrink: 0;
}
.planNew .slick-arrow {
  top: auto;
  bottom: -48px;
}
.planNew .slick-arrow::before {
  display: none;
}
.planNew .slick-prev {
  left: calc(50% - 170px);
}
.planNew .slick-next {
  right: calc(50% - 170px);
}
.planNew .planNew__card {
  display: flex;
  flex-direction: column;
}
.planNew .planSlider .slick-track {
  display: flex;
}
.planNew .planSlider .slick-slide {
  height: auto;
}
.planNew .planSlider .slick-slide > div {
  height: 100%;
}
.planNew .planNew__card {
  height: 100%;
}

.planCost {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
  background-image: url("../images/plan-bg.webp");
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  .planCost {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .planCost {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.planCost .container {
  max-width: 1400px;
  position: relative;
  z-index: 1;
}
.planCost .heading {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planCost .heading {
    margin-bottom: 20px;
  }
}
.planCost__des {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 992px) {
  .planCost__des {
    font-size: 20px;
  }
}
.planCost__chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
}
.planCost .planTwoSlider {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .planCost .planTwoSlider {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .planCost .planTwoSlider .slick-track {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.planCost .planTwoSlider .slick-track > .item {
  padding: 0 5px;
}
@media (min-width: 992px) {
  .planCost .planTwoSlider .slick-track > .item {
    padding: 0 15px;
  }
}
.planCost__card {
  cursor: pointer;
  position: relative;
  background: #FBFFFF;
  border-width: 15px 4px 4px 4px;
  border-style: solid;
  border-color: var(--bs-gray-light);
  border-top-left-radius: 30px;
  transition: all 0.3s ease-in-out;
  padding: 15px 20px;
}
@media (min-width: 992px) {
  .planCost__card {
    border-top-left-radius: 50px;
    padding: 28px 30px;
  }
}
@media (min-width: 1400px) {
  .planCost__card {
    padding: 30px 35px;
  }
}
.planCost__card_ttl {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  color: var(--bs-black);
  border-bottom: 2px solid var(--bs-gray);
  margin-bottom: 16px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .planCost__card_ttl {
    font-size: 28px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .planCost__card_ttl {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
.planCost__card_subTtl {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  line-height: 36px;
  color: var(--bs-black);
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .planCost__card_subTtl {
    font-size: 18px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1200px) {
  .planCost__card_subTtl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .planCost__card_subTtl {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.planCost__card_listHeading {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  color: var(--bs-black);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .planCost__card_listHeading {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .planCost__card_listHeading {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .planCost__card_listHeading {
    font-size: 24px;
  }
}
.planCost__card_text {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 400;
  color: var(--bs-gray);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planCost__card_text {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planCost__card_text {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.planCost__card_dtl {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .planCost__card_dtl {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planCost__card_dtl {
    margin-bottom: 24px;
  }
}
.planCost__card_dtl span {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 600;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1400px) {
  .planCost__card_dtl span {
    font-size: 20px;
  }
}
.planCost__card_box {
  margin-bottom: 18px;
  margin-top: auto;
}
@media (min-width: 992px) {
  .planCost__card_box {
    margin-bottom: 24px;
  }
}
.planCost__card_box .price {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
  font-family: var(--bs-font-monospace);
  color: #26A5B2;
}
@media (min-width: 992px) {
  .planCost__card_box .price {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .planCost__card_box .price {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .planCost__card_box .price {
    font-size: 24px;
  }
}
.planCost__card_box small {
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 4px;
  font-size: 14px;
  color: #26A5B2;
}
@media (min-width: 576px) {
  .planCost__card_box small {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .planCost__card_box small {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .planCost__card_box small {
    font-size: 20px;
  }
}
.planCost__card .boxTwo .price, .planCost__card .boxTwo small {
  color: var(--bs-black);
}
.planCost__card .boxTwo small {
  color: var(--bs-gray);
}
.planCost__active {
  border-color: #F27301;
}
.planCost .btn {
  padding: 12px 16px;
  font-family: var(--bs-font-monospace);
  font-size: 16px;
}
@media (min-width: 576px) {
  .planCost .btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .planCost .btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .planCost .btn {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .planCost .btn {
    font-size: 22px;
    padding: 18px 40px;
    font-weight: 600;
  }
}
.planCost .btn svg {
  margin-left: 6px;
}
.planCost__list {
  flex-shrink: 0;
  list-style: disc;
  padding-left: 18px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planCost__list {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .planCost__list {
    margin-bottom: 24px;
  }
}
.planCost__list li {
  font-size: 18px;
  margin-bottom: 0;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .planCost__list li {
    font-size: 20px;
  }
}
.planCost__list li svg {
  display: flex;
  flex-shrink: 0;
  margin-top: 8px;
}
.planCost__list li span {
  line-height: 38px;
}
.planCost .text-green {
  color: #13BE00;
}
.planCost .text-danger {
  color: #FF4F4F;
}
.planCost .slick-arrow {
  top: auto;
  bottom: -48px;
}
.planCost .slick-arrow::before {
  display: none;
}
.planCost .slick-prev {
  left: calc(50% - 170px);
}
.planCost .slick-next {
  right: calc(50% - 170px);
}
.planCost .planCost__card {
  display: flex;
  flex-direction: column;
}
.planCost .planSlider .slick-track {
  display: flex;
}
.planCost .planSlider .slick-slide {
  height: auto;
}
.planCost .planSlider .slick-slide > div {
  height: 100%;
}
.planCost .planCost__card {
  height: 100%;
}

.aiAbout {
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .aiAbout {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .aiAbout {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .aiAbout {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.aiAbout .title {
  margin-bottom: 12px;
}
.aiAbout .mb-52 {
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .aiAbout .mb-52 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .aiAbout .mb-52 {
    margin-bottom: 42px;
  }
}
@media (min-width: 1400px) {
  .aiAbout .mb-52 {
    margin-bottom: 52px;
  }
}
.aiAbout .btn-primary {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  font-size: 16px;
  padding: 18px 25px;
  border-radius: 124px;
  font-weight: 500;
}
@media (min-width: 992px) {
  .aiAbout .btn-primary {
    padding: 28px 50px;
    font-size: 19px;
  }
}
.aiAbout__desc {
  font-size: 14px;
  color: var(--bs-gray);
}
@media (min-width: 768px) {
  .aiAbout__desc {
    font-size: 16px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1400px) {
  .aiAbout__desc {
    font-size: 18px;
    margin-bottom: 40px;
  }
}
.aiAbout__list {
  padding-left: 0;
}
.aiAbout__list_listItem {
  position: relative;
  font-size: 14px;
  list-style: none;
  color: var(--bs-gray);
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .aiAbout__list_listItem {
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  .aiAbout__list_listItem {
    font-size: 18px;
    margin-bottom: 42px;
  }
}
.aiAbout__list_listItem .ttl {
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  margin-bottom: 12px;
  color: var(--bs-black);
}
@media (min-width: 768px) {
  .aiAbout__list_listItem .ttl {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .aiAbout__list_listItem .ttl {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .aiAbout__list_listItem .ttl {
    font-size: 24px;
  }
}
.aiAbout__list_listItem .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  height: 68px;
  width: 68px;
  border-radius: 68px;
  flex-shrink: 0;
}

.planThree {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FBFFFF;
}
@media (min-width: 992px) {
  .planThree {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .planThree {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.planThree .container {
  max-width: 1300px;
  position: relative;
  z-index: 1;
}
.planThree .heading {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planThree .heading {
    margin-bottom: 20px;
  }
}
.planThree__des {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--bs-gray);
  font-size: 18px;
}
@media (min-width: 992px) {
  .planThree__des {
    font-size: 20px;
  }
}
.planThree__chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
}
.planThree__badge {
  padding: 4px 16px;
  background-color: #ECECEC;
  border-radius: 28px;
}
.planThree__badge span {
  color: var(--bs-gray);
  font-weight: 400;
  line-height: 1.3;
  font-size: 16px;
}
.planThree .planTwoSlider {
  margin-top: 10px;
}
@media (min-width: 992px) {
  .planThree .planTwoSlider {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .planThree .planTwoSlider .slick-track {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.planThree .planTwoSlider .slick-track > .item {
  padding: 0 5px;
}
@media (min-width: 992px) {
  .planThree .planTwoSlider .slick-track > .item {
    padding: 0 15px;
  }
}
.planThree__card {
  cursor: pointer;
  position: relative;
  background: #F7FEFF;
  border-width: 3px 3px 3px 3px;
  border-style: solid;
  border-color: var(--bs-gray-light);
  border-top-left-radius: 30px;
  transition: all 0.3s ease-in-out;
  padding: 15px 20px;
}
@media (min-width: 992px) {
  .planThree__card {
    border-top-left-radius: 50px;
    padding: 28px 30px;
  }
}
@media (min-width: 1400px) {
  .planThree__card {
    padding: 30px 35px;
  }
}
.planThree__card_ttl {
  font-weight: 600;
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  color: var(--bs-black);
  border-bottom: 2px solid var(--bs-gray);
  margin-bottom: 16px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .planThree__card_ttl {
    font-size: 28px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .planThree__card_ttl {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
.planThree__card_listHeading {
  font-size: 20px;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  color: var(--bs-black);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .planThree__card_listHeading {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .planThree__card_listHeading {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .planThree__card_listHeading {
    font-size: 24px;
  }
}
.planThree__card_listHeading svg {
  display: flex;
  flex-shrink: 0;
}
.planThree__card_text {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 400;
  color: var(--bs-gray);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planThree__card_text {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planThree__card_text {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.planThree__card_textDarken {
  margin-bottom: 0;
  display: inline-block;
  font-weight: 500;
  color: #232323;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planThree__card_textDarken {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .planThree__card_textDarken {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.planThree__active {
  border-color: #F27301;
  background-color: var(--bs-white);
}
.planThree .activeBtn {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%) !important;
}
.planThree .btn {
  background: linear-gradient(235.09deg, #2F372F -96.56%, #363838 170.05%);
  margin-top: auto;
  padding: 12px 16px;
  font-family: var(--bs-font-monospace);
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 576px) {
  .planThree .btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .planThree .btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .planThree .btn {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .planThree .btn {
    font-size: 22px;
    padding: 18px 40px;
    font-weight: 600;
  }
}
.planThree .btn svg {
  margin-left: 6px;
}
.planThree__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .planThree__list {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .planThree__list {
    margin-bottom: 24px;
  }
}
.planThree__list li {
  line-height: 38px;
  font-size: 18px;
  margin-bottom: 0;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .planThree__list li {
    font-size: 20px;
  }
}
.planThree__list li svg {
  display: flex;
  flex-shrink: 0;
  margin-top: 8px;
}

.flutterVsRn {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #0D1011;
}
@media (min-width: 992px) {
  .flutterVsRn {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .flutterVsRn {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.flutterVsRn .container {
  max-width: 1240px;
}
.flutterVsRn .title {
  color: #FBFFFF;
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 12px;
}
.flutterVsRn .des {
  color: #F7FEFF;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .flutterVsRn .des {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn .des {
    margin-bottom: 60px;
  }
}
.flutterVsRn__tableWrapper {
  border-radius: 20px;
  padding: 0;
  border: 1px solid var(--bs-gray);
  margin-bottom: 20px;
  overflow: auto;
}
@media (min-width: 992px) {
  .flutterVsRn__tableWrapper {
    overflow: hidden;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn__tableWrapper {
    margin-bottom: 36px;
  }
}
.flutterVsRn__table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(222, 253, 255, 0.1019607843);
  overflow: hidden;
  color: #fff;
  min-width: 900px;
}
@media (min-width: 992px) {
  .flutterVsRn__table {
    min-width: none;
  }
}
.flutterVsRn__table th,
.flutterVsRn__table td {
  padding: 22px 36px;
  text-align: center;
  font-size: 16px;
}
@media (min-width: 992px) {
  .flutterVsRn__table th,
  .flutterVsRn__table td {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .flutterVsRn__table th,
  .flutterVsRn__table td {
    font-size: 20px;
  }
}
.flutterVsRn__table th:first-child,
.flutterVsRn__table td:first-child {
  text-align: left;
}
.flutterVsRn__table thead {
  background: #0C4A51;
}
.flutterVsRn__table thead th {
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .flutterVsRn__table thead th {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn__table thead th {
    font-size: 24px;
  }
}
.flutterVsRn__table thead th td {
  font-family: var(--bs-font-monospace);
  padding: 30px 36px;
}
.flutterVsRn__table thead .highlight {
  font-weight: 600;
}
.flutterVsRn__table tbody tr {
  border-bottom: 1px solid var(--bs-gray);
}
.flutterVsRn__table tbody tr:last-child {
  border-bottom: none;
}
.flutterVsRn .highlight {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 500;
}
.flutterVsRn .total-row {
  background: #0f3f46;
  color: #fff;
}
.flutterVsRn .total-row td {
  font-family: var(--bs-font-monospace);
  font-size: 18px;
  font-weight: 600;
}
@media (min-width: 992px) {
  .flutterVsRn .total-row td {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn .total-row td {
    font-size: 22px;
  }
}
.flutterVsRn .total-row td td strong {
  font-family: var(--bs-font-monospace);
  padding: 30px 36px;
  font-weight: 600;
}
.flutterVsRn__card {
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
  border: 1px solid #EC8002;
  padding: 16px 18px;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .flutterVsRn__card {
    padding: 20px 24px;
  }
}
@media (min-width: 1200px) {
  .flutterVsRn__card {
    padding: 30px 34px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn__card {
    padding: 40px 44px;
  }
}
.flutterVsRn__card_ttl {
  color: #F0F0F0;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .flutterVsRn__card_ttl {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .flutterVsRn__card_ttl {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn__card_ttl {
    font-size: 32px;
  }
}
.flutterVsRn__card ul li {
  color: var(--bs-gray-light);
  font-size: 18px;
}
@media (min-width: 992px) {
  .flutterVsRn__card ul li {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .flutterVsRn__card ul li {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn__card ul li {
    font-size: 24px;
  }
}
.flutterVsRn__hireCta {
  border: 1px solid #4E4E4E;
  background: rgba(222, 253, 255, 0.1019607843);
  border-radius: 20px;
  padding: 16px 16px;
}
@media (min-width: 992px) {
  .flutterVsRn__hireCta {
    padding: 22px 36px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn__hireCta {
    margin-top: 60px;
    padding: 42px 56px;
  }
}
.flutterVsRn__hireCta_ttl {
  color: #F0F0F0;
  font-family: var(--bs-font-monospace);
  font-size: 20px;
}
@media (min-width: 992px) {
  .flutterVsRn__hireCta_ttl {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .flutterVsRn__hireCta_ttl {
    font-size: 28px;
  }
}

.flutterVsRn__table tbody tr {
  border-bottom: none;
  position: relative;
}

.flutterVsRn__table tbody tr::after {
  content: "";
  position: absolute;
  left: 36px;
  right: 36px;
  bottom: 0;
  height: 0;
  background: var(--bs-gray);
}

.flutterVsRn__table tbody tr:last-child::after {
  display: none;
}

.flutterVsRn__table tbody tr:first-child::after {
  display: none;
}

/* status icons */
.status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
}
.status.check {
  position: relative;
}
.status.check::after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20ZM8.823 12.14L6.058 9.373L5 10.431L8.119 13.552C8.30653 13.7395 8.56084 13.8448 8.826 13.8448C9.09116 13.8448 9.34547 13.7395 9.533 13.552L15.485 7.602L14.423 6.54L8.823 12.14Z' fill='%23FBFFFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20ZM8.823 12.14L6.058 9.373L5 10.431L8.119 13.552C8.30653 13.7395 8.56084 13.8448 8.826 13.8448C9.09116 13.8448 9.34547 13.7395 9.533 13.552L15.485 7.602L14.423 6.54L8.823 12.14Z' fill='url(%23paint0_linear_6431_14829)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6431_14829' x1='23.4101' y1='-14.4195' x2='-18.7799' y2='3.38795' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF5900'/%3E%3Cstop offset='1' stop-color='%23D5AE00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.status.cross {
  position: relative;
}
.status.cross::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.1016 4.90156C15.2016 1.00156 8.80156 1.00156 4.90156 4.90156C1.00156 8.80156 1.00156 15.2016 4.90156 19.1016C8.80156 23.0016 15.1016 23.0016 19.0016 19.1016C22.9016 15.2016 23.0016 8.80156 19.1016 4.90156ZM14.8016 16.2016L12.0016 13.4016L9.20156 16.2016L7.80156 14.8016L10.6016 12.0016L7.80156 9.20156L9.20156 7.80156L12.0016 10.6016L14.8016 7.80156L16.2016 9.20156L13.4016 12.0016L16.2016 14.8016L14.8016 16.2016Z' fill='%23818181'/%3E%3C/svg%3E");
}

/* partial badge */
.badge.partial {
  display: inline-block;
  padding: 6px 14px;
  font-size: 14px;
  border-radius: 999px;
  background: #5a5a5a;
  color: #fff;
}

/* responsive */
@media (max-width: 768px) {
  .flutterVsRn__table th,
  .flutterVsRn__table td {
    padding: 14px 12px;
  }
}
.founder {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .founder {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .founder {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .founder {
    padding-top: 127px;
    padding-bottom: 127px;
  }
}
.founder .personImg {
  z-index: -1;
  border-top-left-radius: 0;
  background-color: #eeeeee;
}
.founder .container {
  position: relative;
  z-index: 2;
}
.founder__card {
  border-width: 16px 4px 4px 9px;
  border-style: solid;
  border-color: #F27301;
  border-top-left-radius: 56px;
  overflow: hidden;
}
.founder .title, .founder .heading, .founder .des, .founder__list li, .founder small {
  color: var(--bs-white);
}
@media (min-width: 1400px) {
  .founder .title, .founder .heading {
    margin-bottom: 28px;
  }
}
.founder .des {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .founder .des {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) {
  .founder .des {
    margin-bottom: 24px;
  }
}
.founder small {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .founder small {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .founder__content {
    margin-left: 30px;
  }
}
@media (min-width: 1400px) {
  .founder__content {
    margin-left: 70px;
  }
}
.founder__list {
  list-style: disc;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .founder__list {
    margin-bottom: 31px;
  }
}
.founder__list li {
  font-weight: 500;
  font-size: 18px;
  line-height: 2;
}
@media (min-width: 992px) {
  .founder__list li {
    font-size: 20px;
  }
}
.founder .founder-btn {
  transition: 0.2s ease;
  display: inline-block;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid transparent;
}
.founder .founder-btn:hover {
  transform: scale(1.05);
  border: 1px solid var(--bs-white);
}

.clients {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .clients {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .clients {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .clients {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.clients .topSec {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .clients .topSec {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .clients .topSec {
    margin-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .clients .topSec {
    margin-bottom: 60px;
  }
}
.clients .btn {
  padding: 12px 18px;
  border: 2px solid #EAEAEA;
  border-radius: 124px;
  color: var(--bs-gray);
  font-size: 19px;
  margin-bottom: 0;
  max-width: 150px;
  transition: 0.1s ease-in-out;
}
.clients .btn:hover {
  border: 2px solid var(--bs-gray);
}
@media (min-width: 576px) {
  .clients .btn {
    max-width: 200px;
    padding: 14px 32px;
  }
}
.clients__img {
  position: relative;
  background: linear-gradient(234deg, rgba(255, 255, 255, 0.8) -97.35%, rgba(153, 153, 153, 0.5019607843) 92.08%);
  padding: 5px;
  border-radius: 24px;
}
.clients__img img {
  border-radius: 24px;
  width: 100%;
}
.clients__img .playBtn {
  position: absolute;
  z-index: 8;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  cursor: pointer;
  border-radius: 105px;
  background-color: var(--bs-white);
}
@media (min-width: 1200px) {
  .clients__img .playBtn {
    top: -24px;
    right: -24px;
    transform: translate(0, 0);
  }
}
.clients__img .playBtn svg {
  height: 60px;
  width: 60px;
}
@media (min-width: 1200px) {
  .clients__img .playBtn svg {
    height: 100px;
    width: 100px;
  }
}
.clients__content {
  padding: 30px 32px;
  border: 2px solid #FF5900;
  border-radius: 24px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .clients__content {
    margin-left: 40px;
  }
}
.clients__content .quote {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .clients__content .quote {
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .clients .title {
    font-size: 32px;
    margin-bottom: 16px;
  }
}
.clients__des {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .clients__des {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.clients__prCard {
  padding: 16px 24px;
  background: rgba(72, 62, 46, 0.0784313725);
  border-radius: 20px;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 2;
}
.clients__prCard .left img {
  height: 75px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 75px;
  border-radius: 75px;
}
.clients__prCard .right .name {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 700;
}
@media (min-width: 992px) {
  .clients__prCard .right .name {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .clients__prCard .right .name {
    font-size: 32px;
    font-weight: 700;
  }
}
.clients__prCard .right .loc {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 500;
}
@media (min-width: 992px) {
  .clients__prCard .right .loc {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .clients__prCard .right .loc {
    font-size: 20px;
  }
}
.clients__prCard .wave {
  z-index: -1;
}

.case {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .case {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .case {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .case {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.case--bg {
  background-color: #FBFFFF;
}
.case .text-center {
  max-width: 1065px;
  margin: auto;
}
.case__des {
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .case__des {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .case__des {
    margin-bottom: 50px;
    font-size: 20px;
  }
}
.case__wrap {
  background: #0D1011;
  padding: 16px 16px 26px;
  border-radius: 40px;
}
@media (min-width: 992px) {
  .case__wrap {
    padding: 38px;
  }
}
@media (min-width: 1400px) {
  .case__wrap {
    padding: 48px;
  }
}
.case__wrap_left {
  border-radius: 28px;
  overflow: hidden;
}
.case__wrap_left .leftImg {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media (min-width: 992px) {
  .case__wrap_left .leftImg {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.case__wrap_card {
  position: absolute;
  bottom: 0;
  background: var(--bs-white);
  box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.1490196078);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding: 29px 20px;
}
.case__wrap_card .logo {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .case__wrap_card .logo {
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .case__wrap_card .logo {
    margin-bottom: 20px;
  }
}
.case__wrap_card .logo img {
  max-width: 70px;
}
@media (min-width: 992px) {
  .case__wrap_card .logo img {
    max-width: 100%;
  }
}
.case__wrap_card .content h4 {
  color: var(--bs-black);
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid var(--bs-black);
  max-width: 320px;
  padding-bottom: 8px;
}
@media (min-width: 1200px) {
  .case__wrap_card .content h4 {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .case__wrap_card .content h4 {
    font-size: 28px;
  }
}
.case__wrap_card .content p {
  color: var(--bs-gray);
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
}
.case__wrap_card .content p b {
  display: block;
}
.case__wrap .chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
  max-width: 140px;
}
.case__wrap_item {
  border: 2px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  z-index: 2;
  padding: 16px;
}
@media (min-width: 1400px) {
  .case__wrap_item {
    padding: 24px;
  }
}
.case__wrap_item .bgImg {
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
.case__wrap_item .itemTtl, .case__wrap_item ul li, .case__wrap_item p {
  color: #FBFFFF;
}
.case__wrap_item .top {
  position: relative;
  margin-bottom: 20px;
}
.case__wrap_item .top::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(153, 153, 153, 0) 0%, #FFFFFF 50.96%, rgba(204, 204, 204, 0) 97.12%);
}
.case__wrap_item .itemTtl {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .case__wrap_item .itemTtl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .case__wrap_item .itemTtl {
    font-size: 24px;
  }
}
.case__wrap_item ul li {
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
  line-height: 2;
}
@media (min-width: 992px) {
  .case__wrap_item ul li {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .case__wrap_item ul li {
    font-size: 20px;
  }
}
.case__wrap_item .itemDes {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
@media (min-width: 992px) {
  .case__wrap_item .itemDes {
    font-size: 18px;
  }
}
.case__wrap_grp b {
  color: #FBFFFF;
  font-weight: 600;
  margin-bottom: 12px;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .case__wrap_grp b {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .case__wrap_grp b {
    font-size: 20px;
  }
}
.case__wrap .unbordered {
  border: 0;
  border-radius: 0;
}
@media (min-width: 992px) {
  .case__wrap .unbordered {
    border-left: 3px solid var(--bs-white);
  }
}
.case__wrap .item-3 {
  top: -1px;
  bottom: -1px;
  left: 0;
}
.case__wrap .item-4 {
  border: 1px solid #FF5900;
}
@media (min-width: 1400px) {
  .case__wrap .item-4 {
    padding: 27px 17px;
  }
}
.case__wrap .item-4 .label {
  position: relative;
}
.case__wrap .item-4 .label:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.case__wrap .item-4 .label:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 89, 0, 0), #FF5900 50%, rgba(255, 89, 0, 0));
}
.case__wrap .item-4 .label h4, .case__wrap .item-4 .label i {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.case__wrap .item-4 .label h4 {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: "Krona One", sans-serif;
  font-size: 20px;
  line-height: 120%;
}
@media (min-width: 992px) {
  .case__wrap .item-4 .label h4 {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .case__wrap .item-4 .label h4 {
    font-size: 30px;
  }
}
.case__wrap .item-4 .label i {
  font-size: 14px;
  display: inline-block;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .case__wrap .item-4 .label i {
    font-size: 16px;
  }
}
.case__wrap .item-5 {
  border: 1px solid #FF5900;
}
@media (min-width: 1400px) {
  .case__wrap .item-5 {
    padding: 27px 17px;
  }
}
.case__wrap .item-5 .label {
  position: relative;
}
.case__wrap .item-5 .label:not(:last-child) {
  margin-right: 5px;
  padding-right: 5px;
}
@media (min-width: 576px) {
  .case__wrap .item-5 .label:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px;
  }
}
.case__wrap .item-5 .label:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='107' viewBox='0 0 1 107' fill='none'%3E%3Cline x1='0.5' x2='0.5' y2='107' stroke='url(%23paint0_linear_6380_14270)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6380_14270' x1='0.720509' y1='15.3889' x2='3.25572' y2='15.4763' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF5900' stop-opacity='0'/%3E%3Cstop offset='0.530778' stop-color='%23FF5900'/%3E%3Cstop offset='1' stop-color='%23FF5900' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.case__wrap .item-5 .label h4, .case__wrap .item-5 .label i {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.case__wrap .item-5 .label h4 {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: "Krona One", sans-serif;
  font-size: 16px;
  line-height: 120%;
}
@media (min-width: 768px) {
  .case__wrap .item-5 .label h4 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .case__wrap .item-5 .label h4 {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .case__wrap .item-5 .label h4 {
    font-size: 30px;
  }
}
.case__wrap .item-5 .label i {
  font-size: 12px;
  display: inline-block;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .case__wrap .item-5 .label i {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .case__wrap .item-5 .label i {
    font-size: 16px;
  }
}
.case__wrap .btn-primary {
  white-space: nowrap;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 19px !important;
}
@media (min-width: 1400px) {
  .case__wrap .btn-primary {
    padding: 20px 40px;
  }
}
.case__wrap .btn-primary:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}
.case__wrap_leftImg1 {
  -o-object-fit: contain;
     object-fit: contain;
}

.successStory {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .successStory {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .successStory {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .successStory {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.successStory .container {
  max-width: 1368px;
}
.successStory--bg {
  background-color: #FBFFFF;
}
.successStory .text-center {
  max-width: 1065px;
  margin: auto;
}
.successStory__des {
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .successStory__des {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .successStory__des {
    margin-bottom: 50px;
    font-size: 20px;
  }
}
.successStory__wrap {
  background: #0D1011;
  padding: 16px 20px 28px;
  border-radius: 32px;
}
@media (min-width: 992px) {
  .successStory__wrap {
    padding: 48px 48px 48px;
  }
}
.successStory__wrap_left {
  border-radius: 28px;
  overflow: hidden;
}
.successStory__wrap_left .leftImg {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media (min-width: 992px) {
  .successStory__wrap_left .leftImg {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.successStory__wrap_card {
  position: absolute;
  bottom: 0;
  background: var(--bs-white);
  box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.1490196078);
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding: 29px 20px;
}
.successStory__wrap_card .logo {
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .successStory__wrap_card .logo {
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .successStory__wrap_card .logo {
    margin-bottom: 20px;
  }
}
.successStory__wrap_card .logo img {
  max-width: 70px;
}
@media (min-width: 992px) {
  .successStory__wrap_card .logo img {
    max-width: 100%;
  }
}
.successStory__wrap_card .content h4 {
  color: var(--bs-black);
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid var(--bs-black);
  max-width: 320px;
  padding-bottom: 8px;
}
@media (min-width: 1200px) {
  .successStory__wrap_card .content h4 {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .successStory__wrap_card .content h4 {
    font-size: 28px;
  }
}
.successStory__wrap_card .content p {
  color: var(--bs-gray);
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
}
.successStory__wrap_card .content p b {
  display: block;
}
.successStory__wrap .chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 10px 18px;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .successStory__wrap .chip {
    padding: 6px 18px;
  }
}
.successStory__wrap_item {
  border: none;
  border-radius: 24px;
  overflow: hidden;
  height: 100%;
  z-index: 2;
  padding: 16px;
}
@media (min-width: 1400px) {
  .successStory__wrap_item {
    padding: 24px;
  }
}
.successStory__wrap_item .bgImg {
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
.successStory__wrap_item .itemTtl, .successStory__wrap_item ul li, .successStory__wrap_item p {
  color: #FBFFFF;
}
.successStory__wrap_item .top {
  position: relative;
  margin-bottom: 20px;
}
.successStory__wrap_item .top::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(153, 153, 153, 0) 0%, #FFFFFF 50.96%, rgba(204, 204, 204, 0) 97.12%);
}
.successStory__wrap_item .itemTtl {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .successStory__wrap_item .itemTtl {
    margin-bottom: 18px;
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .successStory__wrap_item .itemTtl {
    margin-bottom: 22px;
    font-size: 36px;
  }
}
.successStory__wrap_item ul li {
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
  line-height: 2;
}
@media (min-width: 992px) {
  .successStory__wrap_item ul li {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .successStory__wrap_item ul li {
    font-size: 20px;
  }
}
.successStory__wrap_item .itemDes {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 1400px) {
  .successStory__wrap_grp {
    margin-bottom: 20px;
  }
}
.successStory__wrap_grp b {
  color: #FBFFFF;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .successStory__wrap_grp b {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .successStory__wrap_grp b {
    font-size: 20px;
  }
}
.successStory__wrap_grp .des {
  font-size: 16px;
  font-weight: 500;
}
.successStory__wrap_grp .chip {
  background: #2D3133;
  padding: 12px 10px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .successStory__wrap_grp .chip {
    padding: 16px 28px;
  }
}
.successStory__wrap_grp .chip span {
  font-size: 14px;
}
@media (min-width: 768px) {
  .successStory__wrap_grp .chip span {
    font-size: 16px;
  }
}
.successStory__wrap .unbordered {
  border: 0;
  border-radius: 0;
}
@media (min-width: 992px) {
  .successStory__wrap .unbordered {
    border-left: 3px solid var(--bs-white);
  }
}
.successStory__wrap .item-3 {
  top: -1px;
  bottom: -1px;
  left: 0;
}
.successStory__wrap .item-4 {
  border: 1px solid #FF5900;
}
@media (min-width: 1400px) {
  .successStory__wrap .item-4 {
    padding: 27px 17px;
  }
}
.successStory__wrap .item-4 .label {
  position: relative;
}
.successStory__wrap .item-4 .label:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.successStory__wrap .item-4 .label:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 89, 0, 0), #FF5900 50%, rgba(255, 89, 0, 0));
}
.successStory__wrap .item-4 .label h4, .successStory__wrap .item-4 .label i {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.successStory__wrap .item-4 .label h4 {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: "Krona One", sans-serif;
  font-size: 20px;
  line-height: 120%;
}
@media (min-width: 992px) {
  .successStory__wrap .item-4 .label h4 {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .successStory__wrap .item-4 .label h4 {
    font-size: 30px;
  }
}
.successStory__wrap .item-4 .label i {
  font-size: 14px;
  display: inline-block;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .successStory__wrap .item-4 .label i {
    font-size: 16px;
  }
}
.successStory__wrap .item-6 {
  padding: 8px 16px !important;
}
.successStory__wrap .item-5 {
  border: 1px solid #FF5900;
}
@media (min-width: 1400px) {
  .successStory__wrap .item-5 {
    padding: 27px 17px;
  }
}
.successStory__wrap .item-5 .label {
  position: relative;
}
.successStory__wrap .item-5 .label:not(:last-child) {
  margin-right: 5px;
  padding-right: 5px;
}
@media (min-width: 576px) {
  .successStory__wrap .item-5 .label:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px;
  }
}
.successStory__wrap .item-5 .label:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='107' viewBox='0 0 1 107' fill='none'%3E%3Cline x1='0.5' x2='0.5' y2='107' stroke='url(%23paint0_linear_6380_14270)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_6380_14270' x1='0.720509' y1='15.3889' x2='3.25572' y2='15.4763' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF5900' stop-opacity='0'/%3E%3Cstop offset='0.530778' stop-color='%23FF5900'/%3E%3Cstop offset='1' stop-color='%23FF5900' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.successStory__wrap .item-5 .label h4, .successStory__wrap .item-5 .label i {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.successStory__wrap .item-5 .label h4 {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: "Krona One", sans-serif;
  font-size: 16px;
  line-height: 120%;
}
@media (min-width: 768px) {
  .successStory__wrap .item-5 .label h4 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .successStory__wrap .item-5 .label h4 {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .successStory__wrap .item-5 .label h4 {
    font-size: 30px;
  }
}
.successStory__wrap .item-5 .label i {
  font-size: 12px;
  display: inline-block;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .successStory__wrap .item-5 .label i {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .successStory__wrap .item-5 .label i {
    font-size: 16px;
  }
}
.successStory__wrap .bottom {
  padding-top: 32px;
}
.successStory__wrap .bordered-below {
  padding: 32px 0;
}
@media (min-width: 768px) {
  .successStory__wrap .bordered-below {
    padding: 0 0;
  }
}
.successStory__wrap .bordered-below::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 89, 0, 0) 0%, #FF5900 50%, rgba(255, 89, 0, 0) 100%);
}
.successStory__wrap .btn-primary {
  white-space: nowrap;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 19px !important;
}
@media (min-width: 1400px) {
  .successStory__wrap .btn-primary {
    padding: 20px 40px;
  }
}
.successStory__wrap .btn-primary:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}
.successStory__wrap_leftImg1 {
  -o-object-fit: contain;
     object-fit: contain;
}
.successStory__box {
  height: 100%;
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
  border: 2px solid #EC8002;
  border-radius: 12px;
  padding: 30px 30px;
}
@media (min-width: 768px) {
  .successStory__box {
    padding: 20px 18px;
  }
}
@media (min-width: 992px) {
  .successStory__box {
    padding: 40px 20px;
  }
}
@media (min-width: 1400px) {
  .successStory__box {
    padding: 50px 20px;
  }
}
.successStory__box_percent {
  color: var(--bs-white);
  font-weight: 600;
  margin-bottom: 4px;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .successStory__box_percent {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .successStory__box_percent {
    font-size: 32px;
  }
}
.successStory__box_txt {
  margin-bottom: 0;
  color: var(--bs-gray-light);
  text-align: center;
}
@media (min-width: 992px) {
  .successStory__box_txt {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .successStory__box_txt {
    font-size: 20px;
  }
}
.successStory .dtl b {
  color: #FBFFFF;
  display: block;
}
.successStory .dtl small {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 16px;
}
@media (min-width: 992px) {
  .successStory .dtl small {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .successStory .dtl small {
    font-size: 20px;
  }
}

.fintech {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .fintech {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .fintech {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 1400px) {
  .fintech {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.fintech .container {
  max-width: 1368px;
}
.fintech--bg {
  background-color: #FBFFFF;
}
.fintech .text-center {
  max-width: 1065px;
  margin: auto;
}
.fintech__des {
  color: var(--bs-gray);
}
@media (min-width: 992px) {
  .fintech__des {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .fintech__des {
    margin-bottom: 50px;
    font-size: 20px;
  }
}
.fintech .itemTtl {
  font-size: 20px;
  font-weight: 600;
  color: var(--bs-white);
  font-family: var(--bs-font-monospace);
  margin-bottom: 22px;
}
@media (min-width: 992px) {
  .fintech .itemTtl {
    font-size: 24px;
  }
}
@media (min-width: 1400px) {
  .fintech .itemTtl {
    margin-bottom: 32px;
    font-size: 28px;
  }
}
.fintech .resultsTxt {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 18px;
  font-weight: 600;
  color: var(--bs-white);
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .fintech .resultsTxt {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .fintech .resultsTxt {
    margin-bottom: 28px;
    font-size: 24px;
  }
}
.fintech .boxGrp {
  max-width: 514px;
}
.fintech__wrap {
  background: #0D1011;
  padding: 16px 20px 28px;
  border-radius: 32px;
}
@media (min-width: 992px) {
  .fintech__wrap {
    padding: 48px 48px 48px;
  }
}
.fintech__wrap .heading {
  color: rgb(255, 255, 255);
}
@media (min-width: 992px) {
  .fintech__wrap .heading {
    font-size: 20px;
  }
}
.fintech__wrap_left {
  border-radius: 28px;
  overflow: hidden;
}
.fintech__wrap_left .leftImg {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media (min-width: 992px) {
  .fintech__wrap_left .leftImg {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.fintech__wrap .chip {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
  padding: 6px 18px;
  background: rgb(8, 110, 120);
  border-radius: 32px;
  display: inline-block;
  font-weight: 500;
  font-family: var(--bs-font-monospace);
  margin-bottom: 16px;
}
.fintech__wrap_item {
  border-radius: 0;
  overflow: hidden;
  z-index: 2;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  .fintech__wrap_item {
    margin-bottom: 28px;
  }
}
.fintech__wrap_item .bgImg {
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
.fintech__wrap_item .itemTtl, .fintech__wrap_item ul li, .fintech__wrap_item p {
  color: #FBFFFF;
}
.fintech__wrap_item .top {
  position: relative;
  margin-bottom: 20px;
}
.fintech__wrap_item .top::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(153, 153, 153, 0) 0%, #FFFFFF 50.96%, rgba(204, 204, 204, 0) 97.12%);
}
.fintech__wrap_item .itemTtl {
  font-size: 18px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .fintech__wrap_item .itemTtl {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .fintech__wrap_item .itemTtl {
    font-size: 24px;
  }
}
.fintech__wrap_item .description {
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
  line-height: 2;
}
@media (min-width: 992px) {
  .fintech__wrap_item .description {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .fintech__wrap_item .description {
    font-size: 20px;
  }
}
.fintech__wrap_item .itemDes {
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
@media (min-width: 992px) {
  .fintech__wrap_item .itemDes {
    font-size: 18px;
  }
}
.fintech__wrap .bottom {
  padding-top: 32px;
}
.fintech__wrap .bordered-below {
  padding: 0 0;
}
@media (min-width: 768px) {
  .fintech__wrap .bordered-below {
    padding-top: 20px;
  }
}
.fintech__wrap .bordered-below::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 89, 0, 0) 0%, #FF5900 50%, rgba(255, 89, 0, 0) 100%);
}
.fintech__wrap .bordered-top {
  position: relative;
  padding: 32px 0;
  margin-bottom: 32px;
}
.fintech__wrap .bordered-top::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 89, 0, 0) 0%, #FF5900 50%, rgba(255, 89, 0, 0) 100%);
}
.fintech__wrap .btn-primary {
  white-space: nowrap;
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  color: var(--bs-white);
  padding: 12px 22px;
  border-radius: 124px;
  max-width: 346px;
  text-decoration: none;
  font-weight: 600;
  font-size: 19px !important;
}
@media (min-width: 1400px) {
  .fintech__wrap .btn-primary {
    padding: 20px 40px;
  }
}
.fintech__wrap .btn-primary:hover {
  background: linear-gradient(247.12deg, #D5AE00 -33.39%, #FF5900 141.38%);
}
.fintech__wrap_leftImg1 {
  -o-object-fit: contain;
     object-fit: contain;
}
.fintech__box {
  height: 100%;
  background: linear-gradient(247.12deg, rgba(255, 89, 0, 0.1) -33.39%, rgba(213, 174, 0, 0.1) 141.38%);
  border: 2px solid #EC8002;
  border-radius: 12px;
  padding: 22px 14px;
}
@media (min-width: 768px) {
  .fintech__box {
    padding: 20px 18px;
  }
}
@media (min-width: 992px) {
  .fintech__box {
    padding: 35px 20px;
  }
}
@media (min-width: 1400px) {
  .fintech__box {
    padding: 47px 16px;
  }
}
.fintech__box_percent {
  color: var(--bs-white);
  font-weight: 600;
  margin-bottom: 4px;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .fintech__box_percent {
    font-size: 30px;
  }
}
@media (min-width: 1400px) {
  .fintech__box_percent {
    font-size: 32px;
  }
}
.fintech__box_txt {
  margin-bottom: 0;
  color: var(--bs-gray-light);
  text-align: center;
}
@media (min-width: 992px) {
  .fintech__box_txt {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .fintech__box_txt {
    font-size: 20px;
  }
}
.fintech .dtl b {
  color: #FBFFFF;
  display: block;
}
.fintech .dtl small {
  background: linear-gradient(247.12deg, #FF5900 -33.39%, #D5AE00 141.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 16px;
}
@media (min-width: 992px) {
  .fintech .dtl small {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .fintech .dtl small {
    font-size: 20px;
  }
}

.processTwo {
  background-color: #fbffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 992px) {
  .processTwo {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.processTwo__ttl {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  text-wrap-style: balance;
  margin-bottom: 24px;
  color: #232323;
}
@media (min-width: 992px) {
  .processTwo__ttl {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .processTwo__ttl {
    font-size: 34px;
  }
}
@media (min-width: 1400px) {
  .processTwo__ttl {
    font-size: 40px;
  }
}
.processTwo__ttl::before {
  content: attr(data-title);
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--bs-body-font-family);
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 6.6px;
}
@media (min-width: 992px) {
  .processTwo__ttl::before {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.processTwo__des {
  font-weight: 500;
  color: var(--bs-body-color);
  max-width: 1020px;
  margin: 0 auto 30px;
  text-wrap-style: pretty;
}
@media (min-width: 992px) {
  .processTwo__des {
    font-size: 18px;
    margin-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .processTwo__des {
    font-size: 20px;
    margin-bottom: 100px;
  }
}
.processTwo .wrap {
  position: relative;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .processTwo .wrap {
    margin-left: 0;
  }
}
.processTwo .wrap .lineAnimation {
  overflow: hidden;
  height: 0;
  transition: height 0.01s linear;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 7px;
  border-radius: 7px;
  transform: translateX(-50%);
  transition: all 1s ease-in-out;
  z-index: 1;
  background: #26a5b2;
  background: linear-gradient(-140deg, rgb(38, 165, 178) 0%, rgb(18, 64, 69) 100%);
}
@media (min-width: 768px) {
  .processTwo .wrap .lineAnimation {
    left: 50%;
  }
}
.processTwo .wrap__item {
  position: relative;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .processTwo .wrap__item {
    padding-left: 0;
  }
}
.processTwo .wrap__item:not(:last-child) {
  padding-bottom: 46px;
}
.processTwo .wrap__item::before {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  background-color: #b2b2b2;
  position: absolute;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .processTwo .wrap__item::before {
    left: 50%;
  }
}
.processTwo .wrap__item:nth-child(2n+2) .text::before {
  top: 50%;
  transform: translate(-50%, -50%);
}
.processTwo .wrap__item:last-child .text::before {
  top: auto;
  bottom: 0;
}
.processTwo .wrap__item .row {
  row-gap: 20px;
}
.processTwo .wrap__item .text {
  max-width: 368px;
  margin: 0 30px;
}
@media (min-width: 992px) {
  .processTwo .wrap__item .text {
    margin: 0 auto;
  }
}
.processTwo .wrap__item .text::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #26a5b2;
  background: linear-gradient(-140deg, rgb(38, 165, 178) 0%, rgb(18, 64, 69) 100%);
  box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.25);
  border: 3px solid var(--bs-white);
  top: 0;
  left: 0;
  transform: translate(-50%, 0);
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .processTwo .wrap__item .text::before {
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.processTwo .wrap__item .text h4 {
  color: #232323;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
@media (min-width: 1200px) {
  .processTwo .wrap__item .text h4 {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .processTwo .wrap__item .text h4 {
    font-size: 22px;
  }
}
.processTwo .wrap__item .text h4 span {
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 5px;
}
.processTwo .wrap__item .text p {
  text-wrap-style: balance;
  margin: 0;
}
@media (min-width: 992px) {
  .processTwo .wrap__item .text p {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .processTwo .wrap__item .text p {
    font-size: 20px;
  }
}

.prjctNeed {
  background-color: #FBFFFF;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .prjctNeed {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed {
    padding-bottom: 100px;
  }
}
.prjctNeed__ttl {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
  color: #232323;
}
@media (min-width: 992px) {
  .prjctNeed__ttl {
    font-size: 28px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__ttl {
    font-size: 34px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__ttl {
    font-size: 40px;
  }
}
.prjctNeed__ttl::before {
  content: attr(data-title);
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--bs-body-font-family);
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 6.6px;
}
@media (min-width: 992px) {
  .prjctNeed__ttl::before {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.prjctNeed__des {
  font-weight: 500;
  color: var(--bs-body-color);
  max-width: 1020px;
  margin: 0 auto 30px;
  text-wrap-style: pretty;
}
@media (min-width: 992px) {
  .prjctNeed__des {
    font-size: 18px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__des {
    font-size: 20px;
  }
}
.prjctNeed__acc {
  display: flex;
  gap: 14px;
  flex-direction: column;
  counter-reset: list-counter;
}
@media (min-width: 992px) {
  .prjctNeed__acc {
    gap: 28px;
    flex-direction: row;
  }
}
.prjctNeed__item {
  flex-shrink: 0;
  counter-increment: list-counter;
  border-radius: 12px;
  background: #26A5B2;
  background: linear-gradient(110deg, rgb(38, 165, 178) 0%, rgb(0, 4, 4) 100%);
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .prjctNeed__item {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .prjctNeed__item {
    transition: width 0.8s ease;
    white-space: nowrap;
  }
}
.prjctNeed__item::before {
  content: counter(list-counter);
  width: 36px;
  height: 36px;
  display: flex;
  color: var(--bs-black);
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-white);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
}
@media (min-width: 992px) {
  .prjctNeed__item::before {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__item::before {
    font-size: 20px;
  }
}
.prjctNeed__item.active {
  flex-grow: 1;
  border: 3px solid #EAEAEA;
  background: transparent;
  background-image: url(../images/tabs-bg.webp);
}
.prjctNeed__item.active .head, .prjctNeed__item.active::before {
  display: none;
}
.prjctNeed__item.active .content {
  display: flex;
}
.prjctNeed__item.active ~ .prjctNeed__item .head {
  pointer-events: none;
}
.prjctNeed__item .head {
  width: 100%;
  position: relative;
  padding: 20px 20px 20px 70px;
}
@media (min-width: 992px) {
  .prjctNeed__item .head {
    padding: 0;
    width: 76px;
    min-height: 540px;
  }
}
.prjctNeed__item .head label {
  color: #FBFFFF;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  margin: 0;
}
@media (min-width: 992px) {
  .prjctNeed__item .head label {
    min-width: 240px;
    white-space: nowrap;
    transform: rotate(90deg);
    position: absolute;
    top: 50%;
    left: -100%;
    z-index: 1;
    margin-left: -5px;
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__item .head label {
    font-size: 20px;
  }
}
.prjctNeed__item .content {
  display: none;
  height: 100%;
  flex-direction: column;
  padding: 20px 15px;
  text-align: center;
}
@media (min-width: 992px) {
  .prjctNeed__item .content {
    padding: 26px 30px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__item .content {
    padding: 32px 43px;
  }
}
.prjctNeed__item .content__lbl {
  color: var(--bs-body-color);
  font-size: 16px;
  font-weight: 700;
  font-family: var(--bs-body-font-family);
  text-transform: uppercase;
  letter-spacing: 4.8px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .prjctNeed__item .content__lbl {
    margin-bottom: 26px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__item .content__lbl {
    margin-bottom: 32px;
  }
}
.prjctNeed__item .content h3 {
  color: #081D1C;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--bs-font-monospace);
  line-height: 1.4;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .prjctNeed__item .content h3 {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__item .content h3 {
    font-size: 24px;
  }
}
.prjctNeed__item .content .errorMsg {
  text-align: left !important;
  display: block;
  width: 100%;
  margin: 0;
}
.prjctNeed__item .content .lookDev {
  gap: 20px;
}
@media (min-width: 768px) {
  .prjctNeed__item .content .lookDev {
    gap: 35px;
  }
}
.prjctNeed__item .content .lookDev label {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0;
}
.prjctNeed__item .content .lookDev label .icon {
  align-items: center;
  border-radius: 50%;
  border: 3px solid #EAEAEA;
  background-color: var(--bs-white);
  width: 78px;
  height: 78px;
  display: flex;
  justify-content: center;
  color: var(--bs-body-color) !important;
  box-shadow: 0 1px 3px rgba(19, 18, 66, 0.1019607843);
  margin-bottom: 6px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .prjctNeed__item .content .lookDev label .icon {
    width: 88px;
    height: 88px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__item .content .lookDev label .icon {
    width: 108px;
    height: 108px;
  }
}
.prjctNeed__item .content .lookDev label .icon.preference:after {
  position: absolute;
  top: 50%;
  transition: all 0.3s ease-in-out;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--bs-body-color);
  content: "";
  transform: rotate(-45deg);
}
.prjctNeed__item .content .lookDev label .icon svg * {
  transition: all 0.3s ease-in-out;
}
.prjctNeed__item .content .lookDev label .lbl {
  color: var(--bs-body-color);
  display: block;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  text-transform: capitalize;
}
@media (min-width: 576px) {
  .prjctNeed__item .content .lookDev label .lbl {
    font-size: 16px;
  }
}
.prjctNeed__item .content .lookDev label input {
  width: 0;
  height: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.prjctNeed__item .content .lookDev label input:checked + .icon {
  background-color: #0C4A51;
  color: var(--bs-white) !important;
}
.prjctNeed__item .content .lookDev label input:checked + .icon svg .act {
  fill: #0C4A51;
}
.prjctNeed__item .content .lookDev label input:checked + .icon::after {
  background-color: #FBFFFF;
}
.prjctNeed__item .content .lookDev.tech label .icon {
  width: 65px;
  height: 65px;
}
@media (min-width: 1400px) {
  .prjctNeed__item .content .lookDev.tech label .icon {
    width: 95px;
    height: 95px;
  }
}
.prjctNeed__item .content .lookDev.devNum {
  gap: 23px;
}
.prjctNeed__item .content .lookDev.devNum label .icon {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  width: 36px;
  height: 36px;
  margin-bottom: 0;
}
.prjctNeed__item .content .lookDev.devNum label .icon::after {
  display: none;
}
.prjctNeed__item .content .selectType {
  gap: 12px;
}
.prjctNeed__item .content .selectType label {
  margin: 0;
  display: flex;
}
.prjctNeed__item .content .selectType label input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.prjctNeed__item .content .selectType label input:checked + span {
  border-color: #0C4A51 !important;
}
.prjctNeed__item .content .selectType label span {
  border-radius: 7px;
  border: 2px solid #EAEAEA;
  background-color: var(--bs-white);
  box-shadow: 0 2px 6px rgba(19, 18, 66, 0.1019607843);
  color: var(--bs-body-color);
  font-size: 12px;
  font-weight: 600;
  font-family: var(--bs-body-font-family);
  padding: 10px 20px;
  transition: all 0.3s ease-in-out;
}
.prjctNeed__item .content .step3 {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}
.prjctNeed__item .content .step3 .form-group {
  margin-bottom: 24px;
}
.prjctNeed__item .content .step3 .form-group .ttl {
  color: var(--bs-body-color);
  font-size: 16px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  text-transform: capitalize;
  margin-bottom: 12px;
}
.prjctNeed__item .content .timeSchedule {
  gap: 16px;
}
.prjctNeed__item .content .timeSchedule label {
  width: 100%;
  display: flex;
}
@media (min-width: 576px) {
  .prjctNeed__item .content .timeSchedule label {
    max-width: 202px;
  }
}
.prjctNeed__item .content .timeSchedule label input {
  width: 0;
  height: 0;
  -webkit-appearance: 0;
     -moz-appearance: 0;
          appearance: 0;
}
.prjctNeed__item .content .timeSchedule label input:checked + span {
  border-color: #52898F;
}
.prjctNeed__item .content .timeSchedule label input:checked + span small {
  border: 0;
  background: #26A5B2;
  background: linear-gradient(225deg, rgb(38, 165, 178) 0%, rgb(0, 4, 4) 100%);
}
.prjctNeed__item .content .timeSchedule label span {
  border-radius: 11px;
  border: 2px solid #EAEAEA;
  background-color: var(--bs-white);
  box-shadow: 0 2px 6px rgba(19, 18, 66, 0.1019607843);
  color: var(--bs-body-color);
  display: flex;
  align-items: center;
  flex: 1;
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  padding: 17px 25px;
}
.prjctNeed__item .content .timeSchedule label span small {
  border-radius: 50%;
  border: 2px solid #EAEAEA;
  width: 19px;
  flex: 0 0 19px;
  height: 19px;
  position: relative;
}
.prjctNeed__item .content .timeSchedule label span small::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background-color: var(--bs-white);
  position: absolute;
}
.prjctNeed__item .content .form {
  row-gap: 15px;
}
.prjctNeed__item .content .form > div {
  row-gap: 15px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.prjctNeed__item .content .form .form-control {
  border: 2px solid #EAEAEA;
  background-color: var(--bs-white);
  color: var(--bs-body-color) !important;
  font-weight: 600;
  border-radius: 6px;
  font-family: var(--bs-body-font-family);
  padding: 0 16px;
  height: 52px;
}
@media (min-width: 992px) {
  .prjctNeed__item .content .form .form-control {
    border-radius: 12px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__item .content .form .form-control {
    height: 60px;
  }
}
.prjctNeed__item .content .form .form-control::-webkit-input-placeholder {
  color: rgba(78, 78, 78, 0.7490196078);
}
.prjctNeed__item .content .form .form-control:-moz-placeholder {
  color: rgba(78, 78, 78, 0.7490196078);
}
.prjctNeed__item .content .form .form-control::-moz-placeholder {
  color: rgba(78, 78, 78, 0.7490196078);
}
.prjctNeed__item .content .form .form-control:-ms-input-placeholder {
  color: rgba(78, 78, 78, 0.7490196078);
}
.prjctNeed__item .content .form textarea.form-control {
  resize: none;
  padding-top: 16px;
}
.prjctNeed__item .content__cta {
  margin-top: auto;
  padding-top: 26px;
}
.prjctNeed__item .content__cta button {
  border: 0;
  border-radius: 50px;
  background-color: transparent;
  outline: 0;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--bs-font-monospace);
  text-transform: capitalize;
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .prjctNeed__item .content__cta button {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .prjctNeed__item .content__cta button {
    padding: 15px 24px;
    font-size: 18px;
  }
}
.prjctNeed__item .content__cta .prjctPrevBtn {
  border: 2px solid var(--bs-body-color);
  color: var(--bs-body-color);
}
.prjctNeed__item .content__cta .prjctNextBtn,
.prjctNeed__item .content__cta .prjctSubmitBtn {
  background: #26A5B2;
  background: linear-gradient(225deg, rgb(38, 165, 178) 0%, rgb(0, 4, 4) 100%);
  color: var(--bs-white);
}
@media (min-width: 992px) {
  .prjctNeed__item .content__cta .prjctNextBtn,
  .prjctNeed__item .content__cta .prjctSubmitBtn {
    min-width: 168px;
  }
}
.prjctNeed__item .content__cta .prjctNextBtn svg,
.prjctNeed__item .content__cta .prjctSubmitBtn svg {
  margin-left: 10px;
}
@media (min-width: 992px) {
  .prjctNeed__item .content__cta .prjctSubmitBtn {
    min-width: 245px;
  }
}
.prjctNeed__item_final {
  padding: 18px 48px;
  background-color: var(--bs-white);
  border: 1px solid rgb(234, 234, 234);
  border-radius: 14px;
  box-shadow: 0px 4px 27.6px 0px rgba(115, 163, 168, 0.24);
  margin-bottom: 7px;
}
.prjctNeed__item_final .estimateTxt {
  font-weight: 700;
  color: rgb(8, 29, 28);
  font-family: var(--bs-font-monospace);
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .prjctNeed__item_final .estimateTxt {
    font-size: 22px;
  }
}
@media (min-width: 1400px) {
  .prjctNeed__item_final .estimateTxt {
    font-size: 28px;
  }
}
.prjctNeed__item_final .estimateCost {
  font-weight: 600;
  background: linear-gradient(265.54deg, #148692 -354.47%, #0A5760 53.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: var(--bs-font-monospace);
}
@media (min-width: 992px) {
  .prjctNeed__item_final .estimateCost {
    font-size: 20px;
  }
}
.prjctNeed__item .boldTxt {
  font-weight: 800;
  font-family: var(--bs-font-monospace);
  background: linear-gradient(265.54deg, #148692 -354.47%, #0A5760 53.62%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.prjctNeed__item .linkText {
  font-weight: 600;
  background: linear-gradient(89.83deg, #22919D -6.53%, #075B62 115.19%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (min-width: 992px) {
  .prjctNeed__item .linkText {
    font-size: 20px;
  }
}

.prjctNeedTwo {
  padding-top: 40px;
}
@media (min-width: 992px) {
  .prjctNeedTwo {
    padding-top: 60px;
  }
}
@media (min-width: 1400px) {
  .prjctNeedTwo {
    padding-top: 100px;
  }
}
@media (min-width: 992px) {
  .prjctNeedTwo .container {
    max-width: none;
  }
}
@media (min-width: 1400px) {
  .prjctNeedTwo .container {
    max-width: 1562px;
  }
}
@media (min-width: 992px) {
  .prjctNeedTwo .prjctNeed__acc {
    gap: 8px;
  }
}
@media (min-width: 1400px) {
  .prjctNeedTwo .prjctNeed__acc {
    gap: 26px;
  }
}
.prjctNeedTwo .prjctNeed__item .content h3 {
  text-wrap: wrap;
}
@media (min-width: 992px) {
  .prjctNeedTwo .itemOne {
    max-width: 601px;
  }
}
@media (min-width: 1200px) {
  .prjctNeedTwo .itemOne {
    max-width: 720px;
  }
}
@media (min-width: 1400px) {
  .prjctNeedTwo .itemOne {
    max-width: 800px;
  }
}

.info {
  background-color: #faf9f9;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .info {
    padding-top: 50px;
    padding-bottom: 35px;
  }
}
@media (min-width: 1400px) {
  .info {
    padding-top: 70px;
    padding-bottom: 45px;
  }
}
.info .title {
  line-height: 1.1;
}
@media (min-width: 1400px) {
  .info .title {
    font-size: 38px;
  }
}
@media (min-width: 1400px) {
  .info__des {
    font-size: 18px;
  }
}
.info__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .info__list {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .info__list li {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.info .btn {
  border-radius: 30px;
}
@media (min-width: 992px) {
  .info__image {
    height: 280px;
  }
}
@media (min-width: 1200px) {
  .info__image {
    height: 350px;
  }
}
@media (min-width: 1400px) {
  .info__image {
    height: auto;
  }
}
.info .img .cover {
  max-width: 200px;
}
@media (min-width: 1200px) {
  .info .img .cover {
    max-width: 385px;
  }
}
.info .img .cover ul {
  list-style: none;
}
.info .img .cover ul li {
  left: 0;
  padding-left: 60px;
}
@media (min-width: 1200px) {
  .info .img .cover ul li {
    padding-left: 80px;
  }
}
@media (min-width: 1400px) {
  .info .img .cover ul li {
    white-space: nowrap;
  }
}
.info .img .cover ul li::before {
  top: calc(50% - 5px);
  left: 0;
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid var(--bs-black);
  position: absolute;
  border-radius: 50%;
  background-color: #f2f9fe;
}
@media (min-width: 1200px) {
  .info .img .cover ul li::before {
    border-width: 4px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
  }
}
.info .img .cover ul li::after {
  position: absolute;
  top: calc(50% - 1px);
  left: 20px;
  content: "";
  height: 2px;
  background-color: var(--bs-black);
  width: 32px;
}
@media (min-width: 1200px) {
  .info .img .cover ul li::after {
    width: 42px;
    left: 30px;
  }
}
.info .img .cover ul li img {
  width: 30px;
  flex-shrink: 0;
}
@media (min-width: 1200px) {
  .info .img .cover ul li img {
    width: 50px;
  }
}
.info .img .cover ul li span {
  padding-left: 4px;
  color: #282828;
  font-weight: 600;
  font-size: 13px;
  flex-grow: 1;
  display: block;
}
@media (min-width: 576px) {
  .info .img .cover ul li span {
    padding-left: 10px;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .info .img .cover ul li span {
    padding-left: 20px;
    font-size: 18px;
  }
}
.info .img .cover ul li:first-child {
  top: -3px;
  left: -85px;
}
@media (min-width: 1200px) {
  .info .img .cover ul li:first-child {
    top: 30px;
    left: -130px;
  }
}
.info .img .cover ul li:nth-child(2) {
  top: 50px;
  left: -30px;
}
@media (min-width: 1200px) {
  .info .img .cover ul li:nth-child(2) {
    top: 115px;
    left: -55px;
  }
}
.info .img .cover ul li:nth-child(3) {
  top: calc(50% - 15px);
  left: -17px;
}
@media (min-width: 1200px) {
  .info .img .cover ul li:nth-child(3) {
    top: calc(50% - 25px);
    left: -32px;
  }
}
.info .img .cover ul li:nth-child(4) {
  bottom: 45px;
  left: -30px;
}
@media (min-width: 1200px) {
  .info .img .cover ul li:nth-child(4) {
    bottom: 115px;
    left: -55px;
  }
}
.info .img .cover ul li:nth-child(5) {
  bottom: 0;
  left: -80px;
}
@media (min-width: 1200px) {
  .info .img .cover ul li:nth-child(5) {
    bottom: 30px;
    left: -130px;
  }
}

.blogSide {
  margin-bottom: 22px;
}
@media (min-width: 992px) {
  .blogSide {
    padding-top: 26px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .blogSide {
    margin-bottom: 70px;
  }
}
@media (min-width: 1400px) {
  .blogSide {
    margin-bottom: 95px;
  }
}
@media (min-width: 768px) {
  .blogSide .title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .blogSide .title {
    margin-bottom: 34px;
  }
}
@media (min-width: 1400px) {
  .blogSide .title {
    margin-bottom: 54px;
  }
}
.blogSide__item {
  box-shadow: 0px 12px 37.4px 0px rgba(6, 11, 19, 0.0705882353);
  max-width: 475px;
  width: 100%;
}
.blogSide__content {
  padding: 16px;
}
@media (min-width: 992px) {
  .blogSide__content {
    padding: 25px;
  }
}
.blogSide__ttl {
  font-size: 18px;
  line-height: 1.3;
  font-family: var(--bs-font-monospace);
  font-weight: 700;
  color: #2d3748;
}
@media (min-width: 1400px) {
  .blogSide__ttl {
    font-size: 20px;
  }
}
.blogSide__des {
  color: #718096;
  line-height: 1.1;
}
@media (min-width: 992px) {
  .blogSide__des {
    margin-bottom: 18px;
  }
}
@media (min-width: 1200px) {
  .blogSide__des {
    margin-bottom: 22px;
  }
}
.blogSide__detail span {
  font-size: 14px;
  color: #718096;
}
.blogSide .btn-primary {
  background: var(--bs-secondary);
  font-weight: 700;
  white-space: nowrap;
}

.advanceTech {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .advanceTech {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .advanceTech {
    margin-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .advanceTech {
    margin-bottom: 90px;
  }
}
.advanceTech__des {
  color: var(--bs-gray);
  margin-bottom: 18px;
}
@media (min-width: 992px) {
  .advanceTech__des {
    margin-bottom: 29px;
  }
}
@media (min-width: 1200px) {
  .advanceTech__des {
    margin-bottom: 39px;
  }
}
@media (min-width: 1400px) {
  .advanceTech__des {
    font-size: 20px;
    margin-bottom: 59px;
  }
}
.advanceTech__grp {
  gap: 35px;
}
@media (min-width: 992px) {
  .advanceTech__grp {
    gap: 45px;
  }
}
@media (min-width: 1400px) {
  .advanceTech__grp {
    gap: 85px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
.advanceTech__grp a {
  text-decoration: none;
}
.advanceTech__grp a img {
  padding-bottom: 8px;
  max-height: 50px;
  max-width: 50px;
}
@media (min-width: 992px) {
  .advanceTech__grp a img {
    max-height: 88px;
    max-width: 88px;
  }
}
@media (min-width: 1400px) {
  .advanceTech__grp a img {
    padding-bottom: 16px;
  }
}
.advanceTech__grp a span {
  color: #000000;
  font-weight: 500;
  font-size: 18px;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .advanceTech__grp a span {
    font-size: 21px;
  }
}
.advanceTech .nav-pills {
  position: relative;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.advanceTech .nav-pills::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
@media (min-width: 1400px) {
  .advanceTech .nav-pills {
    padding-left: 120px;
    padding-right: 120px;
  }
}
.advanceTech .nav-pills::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background-color: #dedede;
  width: 200%;
  pointer-events: none;
}
@media (min-width: 576px) {
  .advanceTech .nav-pills::before {
    width: 120%;
  }
}
@media (min-width: 768px) {
  .advanceTech .nav-pills::before {
    width: 100%;
  }
}
.advanceTech .nav-pills .nav-item {
  position: relative;
}
.advanceTech .nav-pills .nav-link {
  font-size: 18px;
  color: var(--bs-black);
  font-weight: 700;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .advanceTech .nav-pills .nav-link {
    font-size: 22px;
  }
}
.advanceTech .nav-pills .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: var(--bs-dark);
  z-index: 2;
}
.advanceTech .nav-pills .nav-link.active,
.advanceTech .nav-pills .show > .nav-link {
  color: var(--bs-dark);
  background-color: transparent;
}

a.scrollup {
  position: fixed;
  display: none;
  right: 20px;
  bottom: 100px;
  height: 46px;
  width: 46px;
  line-height: 44px;
  background: linear-gradient(187.59deg, #26a5b2 -135.02%, #000404 134.48%);
  color: var(--bs-white);
  text-align: center;
  border-radius: 50%;
  margin-left: -24px;
  z-index: 9;
}
a.scrollup svg {
  transform: rotateX(180deg);
}

.errorMsg {
  color: red;
  text-align: left !important;
}

/* Slick Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: 0;
  margin: 0 15px !important;
  display: none;
}
[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;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  font-size: 0px;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background-color: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  font-size: 30px;
  line-height: 1;
  color: #000;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "";
}
[dir=rtl] .slick-prev:before {
  content: "";
}

.slick-next {
  right: 0;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[dir=rtl] .slick-next:before {
  content: "";
}

.slick-dots {
  position: absolute;
  bottom: -35px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  width: 40px;
  height: 5px;
  border: 0;
  background-color: rgba(0, 77, 85, 0.6);
  outline: none;
  font-size: 0px;
  color: transparent;
  padding: 0;
  cursor: pointer;
  border-radius: 10px;
}
.slick-dots li.slick-active button {
  background-color: var(--bs-primary);
  opacity: 1;
}

.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}/*# sourceMappingURL=theme.css.map */