/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

   :root {
     --primary-purple: 98, 0, 192;
     --secondary-purple: 54, 46, 70;
     --third-purple: 53, 45, 69;
     --complimentary-purple: 135, 47, 214;
     --dark-purple: 54, 37, 86;
     --color-default: #7B7988;
     --color-dark: #352D45;
     --color-dark-secondary: #4D4F62;
     --color-light: #B7B5BE;
     --color-light-secondary: #ADA8B7;
     --color-green: 36, 167, 64;
     --default-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04),
       0px 2px 6px rgba(0, 0, 0, 0.04),
       0px 0px 1px rgba(0, 0, 0, 0.04);
     --secondary-shadow: 0px 60px 40px rgba(108, 108, 108, 0.07),
       0px 40px 30px rgba(108, 108, 108, 0.05),
       0px 22px 17px rgba(108, 108, 108, 0.04),
       0px 12px 10px rgba(108, 108, 108, 0.035),
       0px 6px 5px rgba(108, 108, 108, 0.028),
       0px 2px 2px rgba(108, 108, 108, 0.019);
     --default-transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
   }
   
   html {
     color: #222;
     font-size: 16px;
     line-height: 1.4;
   }
   
   ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
   }
   
   ::selection {
     background: #b3d4fc;
     text-shadow: none;
   }
   
   hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
   }
   
   audio,
   canvas,
   iframe,
   img,
   svg,
   video {
     vertical-align: middle;
   }
   
   fieldset {
     border: 0;
     margin: 0;
     padding: 0;
   }
   
   textarea {
     resize: vertical;
   }
   
   a {
     color: rgb(var(--primary-purple));
     text-decoration: none;
   }
   
   a:hover,
   a:focus {
     color: rgb(var(--primary-purple));
   }
   
   /* ==========================================================================
      Author's custom styles
      ========================================================================== */
   body {
     font-family: 'Inter', sans-serif;
     font-size: 14px;
     font-weight: 400;
     color: var(--color-default);
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
   
   /* Navigation Bar */
   .main-header {
     background-color: #fff;
     border-bottom: 1px solid #E0E0E0;
     transition: var(--default-transition);
   }
   
   .navbar {
     flex-wrap: nowrap;
   }
   
   .navbar-brand {
     position: relative;
     padding: 0;
     height: 45px;
     margin-right: 0;
   }
   
   .navbar-brand .logo-dark {
     position: relative;
     z-index: 1;
   }
   
   .navbar-brand .logo-light {
     position: absolute;
     top: 0;
     left: 0;
   }
   
   .logo-dark,
   .logo-light {
     height: 45px;
   }
   
   .navbar-menu {
     position: static;
     padding: 0;
     height: 86px;
   }
   
   .nav-wrapper {
     display: flex;
     align-items: center;
     flex-grow: 1;
     justify-content: space-between;
   }
   
   .main-menu {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0;
     margin: 0;
   }
   
   .main-menu .main-menu-item {
     list-style: none;
   }
   
   .main-menu .main-menu-item>a {
     display: inline-block;
     font-size: 16px;
     font-weight: 600;
     color: var(--color-dark-secondary);
     text-decoration: none;
     transition: var(--default-transition);
     padding: 32px 0;
   }
   
   .main-menu .main-menu-item>a:hover,
   .main-menu .main-menu-item>a:focus {
     color: rgb(var(--primary-purple));
   }
   
   .main-menu .main-menu-item>a:hover>span,
   .main-menu .main-menu-item.active>a>span {
     border-bottom: 2px solid rgb(var(--primary-purple));
   }
   
   .main-menu .main-menu-item i {
     position: relative;
     top: 1px;
     left: -2px;
   }
   
   .dropdown-toggle::after {
     margin-left: 0.255em;
     vertical-align: middle;
     font-family: 'mitrais-icon';
     font-size: 12px;
     line-height: 12px;
     color: var(--color-dark-secondary);
     content: "\e908";
     border: none;
   }
   
   .main-header.transparent {
     background-color: transparent;
     border-bottom: none;
   }
   
   .main-header.transparent .navbar-brand .logo-dark {
     opacity: 0;
   }
   
   .main-header.transparent .main-menu .main-menu-item>a {
     color: #fff;
   }
   
   .main-header.transparent .main-menu .main-menu-item>a:hover>span,
   .main-header.transparent .main-menu .main-menu-item.active>a>span {
     border-bottom-color: #fff;
   }
   
   .main-header.transparent .dropdown-toggle::after {
     color: #fff;
   }
   
   .mega-menu-content {
     visibility: hidden;
     opacity: 0;
     position: absolute;
     width: 100%;
     top: calc(100%);
     left: 0;
     padding: 40px 0;
     background-color: #fff;
     transition: var(--default-transition);
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
   }
   
   .main-menu .main-menu-item.mega-menu:hover .mega-menu-content {
     visibility: visible;
     opacity: 1;
   }
   
   .mega-menu-content.drop-menu {
     width: 200px !important;
     left: 50%;
     right: 50%;
     top: calc(100% - 1px);
     padding: 1rem 1.5rem 1.5rem;
     border: none;
     transform: translateX(-50%);
     box-shadow: var(--default-shadow);
   }
   
   .dropdown-title {
     color: var(--color-dark);
     font-weight: 700;
     font-size: 16px;
     line-height: 28px;
   }
   
   .sub-menu .sub-menu-item {
     position: relative;
     list-style: none;
     margin-bottom: 36px;
   }
   
   .sub-menu .sub-menu-item>a {
     display: block;
   }
   
   .sub-menu .sub-menu-item>a>.sub-menu-link {
     position: relative;
     display: inline-block;
     font-weight: 700;
     color: rgb(var(--dark-purple));
     margin-bottom: 0.5rem;
   }
   
   .sub-menu .sub-menu-item>a>.sub-menu-link::after {
     position: absolute;
     visibility: hidden;
     opacity: 0;
     right: 0;
     content: "->";
     transition: var(--default-transition);
   }
   
   .sub-menu .sub-menu-item>a:hover>.sub-menu-link {
     color: rgb(var(--primary-purple));
   }
   
   .sub-menu .sub-menu-item>a:hover>.sub-menu-link::after {
     visibility: visible;
     opacity: 1;
     right: -16px;
   }
   
   .sub-menu .sub-menu-desc {
     font-size: 12px;
     color: rgb(var(--dark-purple));
   }
   
   .menu-title {
     font-size: 16px;
     color: #000;
     padding-left: 2rem;
     margin-bottom: 16px;
   }
   
   .menu-lang {
     padding: 0;
     margin: 0;
   }
   
   .menu-lang .menu-lang-item {
     list-style: none;
   }
   
   .menu-lang .menu-lang-item a {
     display: block;
     color: var(--color-dark) !important;
     padding: 10px 0;
     border-bottom: 1px solid #F0F0F0;
     transition: var(--default-transition);
   }
   
   .menu-lang .menu-lang-item a:hover,
   .menu-lang .menu-lang-item a:focus {
     color: rgb(var(--primary-purple)) !important;
   }
   
   .menu-lang .menu-lang-item a img {
     margin-right: 8px;
   }
   
   .menu-lang .menu-lang-item.active a {
     font-weight: 700;
   }
   
   .hamburger {
     position: relative;
     display: none;
     background-color: transparent;
     border: none;
     outline: none;
     padding: 0 4px;
   }
   
   .hamburger .line {
     height: 2px;
     width: 20px;
     background-color: rgb(var(--primary-purple));
     border-radius: 3px;
     display: block;
     margin: 4px 0 4px auto;
     transition: all 0.3s ease-in-out;
   }
   
   .hamburger:hover {
     cursor: pointer;
   }
   
   .main-header.transparent .hamburger .line {
     background-color: #fff;
   }
   
   .nav-mobile-overlay {
     display: none;
     visibility: hidden;
     position: fixed;
     bottom: 0;
     left: 0;
     background: #fff;
     width: 100%;
     height: 100vh;
     height: calc(var(--vh, 1vh) * 100);
     z-index: 1031;
     transition: all 500ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
     transform: translateY(-100%);
   }
   
   .nav-mobile-overlay.is-open {
     visibility: visible;
     width: 100%;
     transform: translateY(0%);
   }
   
   .nav-mobile-wrapper {
     visibility: hidden;
     background-color: #fff;
     opacity: 0;
     transform: translateY(-30px);
     transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   
   .nav-mobile-overlay.is-open .nav-mobile-wrapper {
     visibility: visible;
     opacity: 1;
     transform: translateY(0);
     transition-delay: 500ms;
   }
   
   .mobile-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 0;
   }
   
   .nav-close {
     background: transparent;
     border: none;
     outline: none;
     width: 32px;
     height: 32px;
     background-image: url('../img/icons/ico-close.svg');
     background-size: 32px;
     background-position: center;
   }
   
   .accordion-link {
     display: block;
     padding: 14px 0;
     font-size: 18px;
     font-weight: 600;
     color: var(--color-dark);
     text-decoration: none;
   }
   
   .accordion-link:hover,
   .accordion-link:focus {
     color: rgb(var(--primary-purple));
   }
   
   .accordion-button:focus {
     z-index: 3;
     border-color: transparent;
     outline: 0;
     box-shadow: none;
   }
   
   .accordion-button:not(.collapsed) {
     color: rgb(var(--primary-purple));
     background-color: #fff;
     box-shadow: none;
   }
   
   .accordion-item {
     background-color: transparent;
   }
   
   .accordion-item,
   .accordion-flush .accordion-item:last-child {
     border-bottom: 1px solid #F2F2F2;
   }
   
   .accordion-item.training {
     border-bottom: 1px solid rgba(164, 120, 206, 0.5);
     border-left: 0;
     border-top: 0;
     border-right: 0;
   }
   
   .accordion-body {
     padding: 0 16px 16px 16px;
   }
   
   .accordion-button::after {
     width: 15px;
     height: 15px;
     background-image: url('../img/icons/ico-arrow-down.svg');
     background-size: 15px;
   }
   
   .pm-icons.accordion-button::after {
     width: 15px;
     height: 15px;
     background-image: url('../img/icons/plus.png');
     background-size: 15px;
   }
   
   .accordion-button:not(.collapsed)::after {
     background-image: url('../img/icons/ico-arrow-down.svg');
   }
   
   .pm-icons.accordion-button:not(.collapsed)::after {
     background-image: url('../img/icons/cross.png');
   }
   
   .accordion-menu {
     padding: 0;
     margin: 0;
   }
   
   .accordion-menu .accordion-menu-item {
     list-style: none;
   }
   
   .accordion-menu .accordion-menu-item a {
     display: inline-block;
     color: var(--color-dark);
     font-size: 14px;
     font-weight: 500;
     padding: 6px 0;
     text-decoration: none;
     transition: var(--default-transition);
   }
   
   .accordion-menu .accordion-menu-item a:hover,
   .accordion-menu .accordion-menu-item a:focus {
     color: rgb(var(--primary-purple));
   }
   
   .accordion-title {
     font-size: 12px;
     font-weight: 600;
     color: var(--color-dark);
     margin-bottom: 10px;
   }
   
   .current-lang {
     font-size: 16px;
     font-weight: 400;
     margin-left: auto;
     padding-right: 0.75rem;
   }
   
   /* Button & Nav */
   .btn {
     font-size: 16px;
     font-weight: 700;
     padding: 10px 24px;
     border-radius: 50px;
   }
   
   .btn-primary.disabled,
   .btn-primary:disabled {
     color: #fff;
     background-color: #828282;
     border-color: #828282;
     opacity: 1;
   }
   
   btn-group-sm>.btn,
   .btn-sm {
     padding: 8px 24px;
     font-size: 12px;
     border-radius: 50px;
   }
   
   .btn-md {
     padding: 10px 24px;
     font-size: 12px;
     border-radius: 50px;
   }
   
   .btn-primary {
     color: #fff;
     background-color: rgb(var(--primary-purple));
     border-color: rgb(var(--primary-purple));
   }
   
   .btn-primary:hover {
     color: #fff;
     background-color: rgb(var(--complimentary-purple));
     border-color: rgb(var(--complimentary-purple));
   }
   
   .btn-check:focus+.btn-primary,
   .btn-primary:focus {
     color: #fff;
     background-color: rgb(var(--complimentary-purple));
     border-color: rgb(var(--complimentary-purple));
     box-shadow: 0 0 0 0.25rem rgba(var(--complimentary-purple), 0.25);
   }
   
   .btn-check:checked+.btn-primary,
   .btn-check:active+.btn-primary,
   .btn-primary:active,
   .btn-primary.active,
   .show>.btn-primary.dropdown-toggle {
     color: #fff;
     background-color: rgb(var(--complimentary-purple));
     border-color: rgb(var(--complimentary-purple));
   }
   
   .btn-check:checked+.btn-primary:focus,
   .btn-check:active+.btn-primary:focus,
   .btn-primary:active:focus,
   .btn-primary.active:focus,
   .show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(var(--complimentary-purple), 0.25);
   }
   
   .btn-secondary {
     color: rgb(var(--primary-purple));
     background-color: #fff;
     border-color: #fff;
   }
   
   .btn-secondary:hover {
     color: #fff;
     background-color: rgb(var(--complimentary-purple));
     border-color: rgb(var(--complimentary-purple));
   }
   
   .btn-check:focus+.btn-secondary,
   .btn-secondary:focus {
     color: #fff;
     background-color: rgb(var(--complimentary-purple));
     border-color: rgb(var(--complimentary-purple));
     box-shadow: 0 0 0 0.25rem rgba(var(--complimentary-purple), 0.25);
   }
   
   .btn-check:checked+.btn-secondary,
   .btn-check:active+.btn-secondary,
   .btn-secondary:active,
   .btn-secondary.active,
   .show>.btn-secondary.dropdown-toggle {
     color: #fff;
     background-color: rgb(var(--complimentary-purple));
     border-color: rgb(var(--complimentary-purple));
   }
   
   .btn-check:checked+.btn-secondary:focus,
   .btn-check:active+.btn-secondary:focus,
   .btn-secondary:active:focus,
   .btn-secondary.active:focus,
   .show>.btn-secondary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(var(--complimentary-purple), 0.25);
   }
   
   .btn-green {
     color: #fff;
     background-color: rgb(var(--color-green));
     border-color: rgb(var(--color-green));
   }
   
   .btn-green:hover {
     color: rgb(var(--primary-purple));
     background-color: #fff;
     border-color: #fff;
   }
   
   .btn-check:focus+.btn-green,
   .btn-green:focus {
     color: rgb(var(--complimentary-purple));
     background-color: #fff;
     border-color: #fff;
     box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
   }
   
   .btn-check:checked+.btn-green,
   .btn-check:active+.btn-green,
   .btn-green:active,
   .btn-green.active,
   .show>.btn-green.dropdown-toggle {
     color: rgb(var(--complimentary-purple));
     background-color: #fff;
     border-color: #fff;
   }
   
   .btn-check:checked+.btn-green:focus,
   .btn-check:active+.btn-green:focus,
   .btn-green:active:focus,
   .btn-green.active:focus,
   .show>.btn-green.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
   }
   
   .btn-thank-you {
     color: #868686;
     background-color: #fff;
     border-color: #868686;
     padding: 8px 24px;
   }
   
   .whatsapp-btn {
     margin-left: 10px !important;
   }
   
   .whatsapp-btn-img {
     margin-right: 5px !important;
   }
   
   .btn-cta {
     color: rgb(var(--primary-purple));
     background-color: #fff;
     border-color: #e0e0e0;
     padding: 8px 24px;
   }
   
   .btn-cta:hover,
   .btn-thank-you:hover {
     color: #fff;
     background-color: rgb(var(--primary-purple));
     border-color: rgb(var(--primary-purple));
   }
   
   .btn-check:focus+.btn-cta,
   .btn-cta:focus,
   .btn-thank-you:focus {
     color: #fff;
     background-color: rgb(var(--primary-purple));
     border-color: rgb(var(--primary-purple));
     box-shadow: 0 0 0 0.25rem rgba(var(--primary-purple), 0.25);
   }
   
   .btn-check:checked+.btn-cta,
   .btn-check:active+.btn-cta,
   .btn-cta:active,
   .btn-cta.active,
   .show>.btn-cta.dropdown-toggle {
     color: #fff;
     background-color: rgb(var(--primary-purple));
     border-color: rgb(var(--primary-purple));
   }
   
   .btn-check:checked+.btn-cta:focus,
   .btn-check:active+.btn-cta:focus,
   .btn-cta:active:focus,
   .btn-cta.active:focus,
   .show>.btn-cta.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(var(--primary-purple), 0.25);
   }
   
   .btn-company {
     padding: 12px 15px;
     background: #F8F8F8;
     border-radius: 8px;
     color: #352D45;
     text-align: left;
     font-weight: 400;
   }
   
   .btn-inner-download {
     display: flex;
     align-items: center;
     border-radius: 40px;
     padding: 8px 10px;
     color: rgb(var(--dark-purple));
     transition: all 100ms ease-in-out;
   }
   
   .btn-inner-download:hover {
     background: #24A740;
     color: #fff;
   }
   
   .btn-inner-download:hover img {
     filter: brightness(0) invert(1);
   }
   
   .btn-grey {
     background: #828282;
     color: #fff;
   }
   
   .btn-grey:hover {
     background: #525252;
     color: #fff;
   }
   
   .btn-outline-primary {
     border-color: var(--primary-purple);
     color: rgb(var(--primary-purple));
   }
   
   .btn-outline-primary:hover {
     background-color: rgb(var(--primary-purple));
     border-color: rgb(var(--primary-purple));
     color: #fff;
   }
   
   .main-header.transparent .btn-cta {
     color: #fff;
     background-color: transparent;
     border-color: #fff;
   }
   
   .main-header.transparent .btn-cta:hover {
     color: rgb(var(--primary-purple));
     background-color: #fff;
     border-color: #fff;
   }
   
   .main-header.transparent .btn-check:focus+.btn-cta,
   .main-header.transparent .btn-cta:focus {
     color: rgb(var(--primary-purple));
     background-color: #fff;
     border-color: #fff;
     box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
   }
   
   .main-header.transparent .btn-check:checked+.btn-cta,
   .main-header.transparent .btn-check:active+.btn-cta,
   .main-header.transparent .btn-cta:active,
   .main-header.transparent .btn-cta.active,
   .main-header.transparent .show>.btn-cta.dropdown-toggle {
     color: rgb(var(--primary-purple));
     background-color: #fff;
     border-color: #fff;
   }
   
   .main-header.transparent .btn-check:checked+.btn-cta:focus,
   .main-header.transparent .btn-check:active+.btn-cta:focus,
   .main-header.transparent .btn-cta:active:focus,
   .btn-cta.active:focus,
   .main-header.transparent .show>.btn-cta.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
   }
   
   .main-header.transparent .btn-search {
     padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 40px;
     height: 40px;
     border: 1px solid #fff;
   }
   
   .main-header.transparent .btn-search img {
     filter: brightness(0) invert(1);
   }
   
   .main-header.transparent .btn-search:hover {
     background-color: #fff;
     border: 1px solid #fff;
   }
   
   .main-header.transparent .btn-search:hover img {
     filter: none;
   }
   
   .main-header .btn-search {
     padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 40px;
     height: 40px;
     border: 1px solid #e0e0e0;
   }
   
   .main-header .btn-search:hover {
     background-color: rgb(var(--primary-purple));
     border: 1px solid rgb(var(--primary-purple));
   }
   
   .main-header .btn-search:hover img {
     filter: brightness(0) invert(1);
   }
   
   .main-header.transparent .btn-search:focus,
   .main-header .btn-search:focus {
     color: rgb(var(--primary-purple));
     box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
   }
   
   .button-wrapper {
     position: absolute;
     text-align: center;
     left: 0;
     bottom: 30px;
     width: 100%;
     z-index: -1;
   }
   
   .btn-close {
     box-sizing: content-box;
     width: 1em;
     height: 1em;
     padding: 0.25em 0.25em;
     color: #E0E0E0;
     background: transparent;
     border: 0;
     border-radius: 0;
     opacity: 1;
     outline: none;
     font-size: 28px;
     line-height: 28px;
     transition: var(--default-transition);
   }
   
   .btn-close:hover,
   .btn-close:focus {
     color: rgb(var(--primary-purple));
     outline: none;
     box-shadow: none;
   }
   
   .btn-close-modal {
     position: absolute;
     right: 8px;
     top: 6px;
   }
   
   .btn-social {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 42px;
     height: 42px;
     background-color: var(--color-dark);
     border-radius: 100%;
     padding: 6px;
     text-decoration: none;
     color: #fff;
     transition: var(--default-transition);
   }
   
   .btn-social .icon-linkedin:before {
     font-size: 20px;
     line-height: 20px;
   }
   
   .btn-social:hover,
   .btn-social:focus {
     background-color: #0E76A8;
     color: #fff;
   }
   
   .btn-float {
     position: absolute;
     bottom: -15px;
     right: 14px;
     z-index: 1;
   }
   
   .btn-inline {
     position: absolute;
     right: 0;
     top: 50%;
     margin: 0;
     display: inline-block;
     width: auto;
     transform: translateY(-50%);
   }
   
   .nav-tab-default .nav-link {
     background-color: transparent;
     border: none;
     outline: none;
     text-align: left;
     color: var(--color-light);
   }
   
   .nav-tab-default .nav-link.active {
     color: rgb(var(--primary-purple));
   }
   
   .nav-tab-arrow {
     display: flex;
     flex-direction: column;
   }
   
   .nav-tab-arrow .nav-link {
     position: relative;
     background-color: transparent;
     border: none;
     outline: none;
     text-align: left;
     color: var(--color-default);
     padding: 24px 10px 10px 28px;
     border-bottom: 1px solid #ddd;
   }
   
   .nav-tab-arrow .nav-link::before {
     position: absolute;
     width: 16px;
     height: 16px;
     top: 26px;
     left: 0;
     font-family: 'mitrais-icon';
     font-weight: 400;
     font-size: 16px;
     line-height: 16px;
     content: "\e907";
   }
   
   .nav-tab-arrow .nav-link.active {
     font-weight: 600;
     color: var(--color-dark);
   }
   
   .nav-tab-arrow .nav-link.active::before {
     color: rgb(var(--primary-purple));
   }
   
   .nav-tab-inline {
     display: inline-flex;
     border-bottom: 1px solid #ddd;
   }
   
   .nav-tab-inline .nav-link {
     background-color: transparent;
     border: none;
     outline: none;
     text-align: left;
     font-size: 12px;
     color: var(--color-default);
     padding: 0 60px 8px 0px;
     margin-right: 16px;
     border-bottom: 2px solid transparent;
   }
   
   .nav-tab-inline .nav-link.active {
     font-weight: 600;
     color: rgb(var(--primary-purple));
     border-bottom: 2px solid rgb(var(--primary-purple));
   }
   
   .nav-tab-arrow-right .nav-link {
     position: relative;
     background-color: transparent;
     border: none;
     outline: none;
     text-align: left;
     font-size: 16px;
     color: var(--color-light);
     padding: 12px 0;
   }
   
   .nav-tab-arrow-right .nav-link.active {
     font-weight: 600;
     color: rgb(var(--primary-purple));
   }
   
   .nav-tab-arrow-right .nav-link.active::after {
     position: absolute;
     width: 25px;
     height: 25px;
     top: 12px;
     right: 0;
     content: '';
     background-image: url(../img/icons/ico-arrow-right-short.svg);
     background-repeat: no-repeat;
   }
   
   /* Forms & Inputs */
   .form-control {
     padding: 8px 16px 9px;
     font-size: 14px;
     color: var(--color-dark);
     background-color: #F8F8F8;
     border: 1px solid #F8F8F8;
     border-radius: 4px;
   }
   
   .form-control:focus {
     color: rgb(33, 37, 41);
     background-color: #F8F8F8;
     border-color: rgba(var(--complimentary-purple), 0.25);
     outline: 0px;
     box-shadow: 0px 0px 0px 0.25rem rgba(var(--primary-purple), 0.15);
   }
   
   .form-control::-webkit-input-placeholder {
     color: var(--color-light);
   }
   
   .form-control::-moz-placeholder {
     color: var(--color-light);
   }
   
   .form-control:-ms-input-placeholder {
     color: var(--color-light);
   }
   
   .form-control::-ms-input-placeholder {
     color: var(--color-light);
   }
   
   .form-control::placeholder {
     color: var(--color-light);
   }
   
   .form-inline {
     position: relative;
   }
   
   .form-inline .form-control {
     background-color: #fff;
     border-radius: 50px;
     border: 1px solid #ddd;
   }
   
   .form-inline .input-subscribe {
     padding-right: 120px;
   }
   
   /*form contact*/
   
   .mandatory {
     color: #FF0000;
     font-weight: 500;
     font-size: 14px;
   }
   
   .selected-flag {
     background-color: #F8F8F8;
   }
   
   .label-contact {
     font-size: 14px;
     color: var(--color-dark);
   }
   
   .privacy-contact {
     outline: 0px;
     box-shadow: 0px 0px 0px 0.25rem rgba(var(--color-dark-secondary), 0.15) !important;
   }
   
   /* Hero */
   .main-hero {
     position: relative;
     background-color: #5C4870;
     height: 100vh;
     overflow: hidden;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
   }
   
   .landingspry {
     position: relative;
     background-color: #5C4870;
     height: 100vh;
     overflow: hidden;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
   }
   
   .landingnewsletter {
     background-color: #5C4870;
     height: 500px;
     display: flex;
     align-items: center;
     overflow: hidden;
   }
   
   .landingnewsletter.minings {
     height: 80px;
   }
   
   .main-hero::before,
   .landingspry::before {
     content: '';
     background-color: rgba(92, 72, 112, 0.9);
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
   }
   
   .hero-overlay {
     position: absolute;
     width: 100%;
     height: 100vh;
     overflow: hidden;
   }
   
   .hero-illustration {
     display: flex;
     align-items: center;
     position: absolute;
     width: 100%;
     top: 0;
     height: 100vh;
   }
   
   .hero-content {
     position: relative;
     width: 100%;
     display: flex;
     align-items: center;
     height: 100vh;
     z-index: 1;
   }
   
   .hero-content.offset {
     padding-bottom: 100px;
   }
   
   .home-illustration {
     height: 100vh;
   }
   
   .micon-illustration {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
   }
   
   .contact-illustration {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
   }
   
   .hero-bottom {
     position: absolute;
     width: 100%;
     bottom: 70px;
     z-index: 1;
   }
   
   .hero-image-primary.left-offside {
     position: relative;
     left: -33px;
   }
   
   .hero-image-primary.right-offside {
     position: relative;
     right: -113px;
   }
   
   .partner-grid {
     margin-top: 16px;
   }
   
   .partner-grid-hero {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 30px;
   }
   
   .partner-grid-logo {
     display: inline-block;
     margin: 0 20px;
     padding: 10px 0;
   }
   
   .partner-tech-logo {
     display: block;
     text-align: center;
   }
   
   .partner-grid-logo img {
     max-height: 35px;
   }
   
   .partner-logo {
     text-align: center;
   }
   
   .partner-logo img {
     max-height: 45px;
   }
   
   .partner-tech-logo img {
     max-height: 50px;
     max-width: 100%;
   }
   
   .partner-grid-logo:first-child {
     margin-left: 0;
   }
   
   .partner-grid-logo:last-child {
     margin-right: 0;
   }
   
   .partner-grid.grid-mobile .partner-grid-logo:first-child {
     margin-left: 20px;
   }
   
   .partner-grid.grid-mobile .partner-grid-logo:last-child {
     margin-right: 20px;
   }
   
   .image-wrapper {
     position: relative;
     width: 595px;
     height: 471px;
     z-index: 10;
   }
   
   .image-illustration {
     position: relative;
     width: 595px;
     height: 471px;
     z-index: 1;
   }
   
   .image-illustration.type-1 {
     border-radius: 100px 0px 100px 20px;
   }
   
   .image-illustration.type-2 {
     border-radius: 0px 100px 20px 0px;
   }
   
   .image-illustration.type-3 {
     border-radius: 100px 0 0 20px;
   }
   
   .image-illustration.type-4 {
     border-radius: 10px;
     box-shadow: var(--default-shadow);
   }
   
   .about-vector-line {
     position: absolute;
     top: 40px;
     right: -16px;
     width: 375px;
     height: 460px;
     border: 3px solid rgba(164, 120, 206, 0.5);
     box-sizing: border-box;
     border-radius: 100px 0px 100px 100px;
   }
   
   .style1-vector-line {
     position: absolute;
     top: -30px;
     left: -16px;
     width: 475px;
     height: 460px;
     border: 2px solid #A478CE;
     box-sizing: border-box;
     border-radius: 0px 100px 100px 0px;
   }
   
   .style2-vector-line {
     position: absolute;
     left: -62px;
     bottom: -30px;
     width: 375px;
     height: 460px;
     border: 3px solid rgba(164, 120, 206, 0.5);
     box-sizing: border-box;
     border-radius: 0px 100px 100px 0px;
   }
   
   .style3-vector-line {
     position: absolute;
     top: -30px;
     right: -16px;
     width: 475px;
     height: 460px;
     border: 2px solid #A478CE;
     box-sizing: border-box;
     border-radius: 100px 0px 0px 100px;
   }
   
   .style4-vector-line {
     position: absolute;
     right: -62px;
     bottom: -30px;
     width: 375px;
     height: 460px;
     border: 3px solid rgba(164, 120, 206, 0.5);
     box-sizing: border-box;
     border-radius: 100px 0px 0px 100px;
   }
   
   .video-cover {
     position: relative;
     z-index: 3;
   }
   
   .video-frame {
     position: relative;
     overflow: hidden;
     border-radius: 100px 0px 100px 20px;
     z-index: 2;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
   }
   
   .play-button {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 2;
     transform: translate(-50%, -50%);
     transition: var(--default-transition);
   }
   
   .play-button:hover,
   .play-button:focus {
     cursor: pointer;
     opacity: 0.75;
   }
   
   .image-wrapper-responsive {
     position: relative;
     width: 100%;
     height: 100%;
   }
   
   .image-wrapper-responsive .image-illustration {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
   }
   
   .image-wrapper-responsive .video-container {
     float: none;
     clear: both;
     width: 100%;
     position: relative;
     padding-bottom: 76%;
     padding-top: 25px;
     height: 0;
     z-index: 2;
   }
   
   .image-wrapper-responsive .video-container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   
   .video-frame.default {
     border-radius: 10px;
   }
   
   .image-wrapper-responsive .video-frame.default .video-container {
     padding-bottom: 58.7%;
   }
   
   .hero-link {
     display: inline-block;
     font-weight: 600;
     font-size: 14px;
     line-height: 150%;
     -webkit-text-decoration-line: underline;
     text-decoration-line: underline;
     color: #FFFFFF;
   }
   
   .hero-link:hover,
   .hero-link:focus {
     color: #fff;
   }
   
   .main-heading {
     position: relative;
     background-color: #5C4870;
     min-height: 460px;
   }
   
   .main-heading-article {
     position: relative;
     background-color: #5C4870;
     min-height: 160px;
   }
   
   .heading-overlay {
     position: absolute;
     width: 100%;
     min-height: 460px;
     overflow: hidden;
   }
   
   .offset-wrapper {
     position: relative;
     margin-top: -360px;
   }
   
   .contact-heading,
   .contact-heading .heading-overlay {
     height: 530px;
   }
   
   .contact-title {
     font-size: 43px;
     line-height: 120%;
     font-weight: 700;
     color: #fff;
   }
   
   .blog-heading {
     height: 100%;
   }
   
   .blog-heading .heading-overlay {
     position: relative;
     padding: 100px 0;
   }
   
   /* Typography */
   h1 {
     font-size: 40px;
     line-height: 120%;
   }
   
   h2 {
     font-size: 28px;
     line-height: 120%;
   }
   
   h3 {
     font-size: 24px;
     line-height: 120%;
   }
   
   h4 {
     font-size: 21px;
     line-height: 150%;
   }
   
   h5 {
     font-size: 18px;
     line-height: 150%;
   }
   
   h6 {
     font-size: 16px;
     line-height: 150%;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
     color: var(--color-dark);
     letter-spacing: -0.03em;
   }
   
   h1 a,
   h2 a,
   h3 a,
   h4 a,
   h5 a,
   h6 a {
     color: var(--color-dark);
     text-decoration: none !important;
   }
   
   .display,
   .heading {
     font-weight: 700;
   }
   
   h1.display {
     font-size: 40px;
     line-height: 120%;
   }
   
   h2.snedit{
     font-size: 40px !important;
     line-height: 120% !important;
   }
   
   h2.heading {
     font-size: 32px;
     line-height: 120%;
   }
   
   h3.heading {
     font-size: 28px;
     line-height: 120%;
   }
   
   h4.heading {
     font-size: 24px;
     line-height: 150%;
   }
   
   h5.heading {
     font-size: 20px;
     line-height: 150%;
   }
   
   h6.heading {
     font-size: 18px;
     line-height: 150%;
   }
   
   .body-1 {
     font-size: 24px;
   }
   
   .body-1-5 {
     font-size: 20px;
   }
   
   .body-2 {
     font-size: 18px;
   }
   
   .body-3 {
     font-size: 16px;
   }
   
   .body-4 {
     font-size: 14px;
   }
   
   .body-5 {
     font-size: 12px;
   }
   
   .body-6 {
     font-size: 10px;
   }
   
   .extrabold {
     font-weight: 800 !important;
   }
   
   .bold {
     font-weight: 700 !important;
   }
   
   .semibold {
     font-weight: 600 !important;
   }
   
   .gradient {
     background: linear-gradient(96deg, #6A11EA 66.86%, #DA3079 89.73%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
   
   .gradient-2 {
     background: linear-gradient(91deg, #6200C0 37.44%, #C91FB8 62.19%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
   
   .spacing {
     letter-spacing: 1.6px;
   }
   
   .sub-text {
     font-size: 13px;
     line-height: 16px;
     letter-spacing: 0.1em;
   }
   
   .ls-1 {
     letter-spacing: 1px;
   }
   
   .main-text {
     font-size: 16px;
     line-height: 175%
   }
   
   .pre-title {
     font-size: 13px;
     line-height: 16px;
     letter-spacing: 0.1em;
     text-transform: uppercase;
   }
   
   .pre-title.small {
     font-size: 10px;
     line-height: 13px;
   }
   
   .text-label {
     font-size: 10px;
     line-height: 12px;
     letter-spacing: 0.2em;
     color: #F2F2F2;
     text-transform: uppercase;
   }
   
   .text-link {
     display: inline-block;
     position: relative;
     font-size: 16px;
     font-weight: 600;
     line-height: 150%;
     text-decoration: none;
     color: rgb(var(--primary-purple));
     transition: var(--default-transition);
     border-bottom: 1px solid transparent;
     z-index: 2;
     overflow: hidden;
     padding-right: 50px;
   }
   
   .text-link::after,
   .text-link.plus::after {
     position: absolute;
     top: 3px;
     right: 20px;
     content: '';
     width: 16px;
     height: 16px;
     background-image: url('../img/icons/ico-arrow-right-circle.svg');
     background-repeat: no-repeat;
     background-size: 16px;
     transition: var(--default-transition);
     z-index: -2;
   }
   
   .text-link.plus::after {
     background-image: url('../img/icons/ico-plus-circle.svg');
     z-index: -2;
   }
   
   .text-link:hover,
   .text-link:focus {
     color: rgb(var(--primary-purple));
   }
   
   .text-link:hover::after,
   .text-link:focus::after {
     right: 0;
   }
   
   .text-link.small::after {
     top: 4px;
     right: -30px;
     width: 16px;
     height: 16px;
     background-size: 16px;
   }
   
   .text-link.small:hover::after,
   .text-link.small:focus::after {
     right: -40px;
   }
   
   .text-link.underline {
     border-bottom: 1px solid rgb(var(--primary-purple));
     ;
   }
   
   .text-link.text-blog {
     color: #fff;
     font-weight: 600;
     border-bottom: 1px solid #fff;
   }
   
   .text-link.text-blog::after {
     background-image: url('../img/icons/ico-arrow-right-circle-white.svg');
   }
   
   .color-default {
     color: var(--color-default);
   }
   
   .color-third-purple {
     color: rgb(var(--third-purple));
   }
   
   .color-primary {
     color: rgb(var(--primary-purple)) !important;
   }
   
   .color-dark {
     color: var(--color-dark);
   }
   
   .color-black {
     color: #000;
   }
   
   .color-dark-secondary {
     color: var(--color-dark-secondary);
   }
   
   .color-light {
     color: var(--color-light);
   }
   
   .link-arrow {
     position: relative;
     display: inline-block;
   }
   
   .link-arrow:after {
     position: absolute;
     visibility: hidden;
     opacity: 0;
     right: 0;
     content: "->";
     transition: var(--default-transition);
   }
   
   .link-arrow:hover::after {
     visibility: visible;
     opacity: 1;
     right: -16px;
   }
   
   .link-arrow.arrow-visible {
     font-size: 1rem;
     font-weight: 600;
   }
   
   .link-arrow.arrow-visible::after {
     visibility: visible;
     opacity: 1;
     right: -1.5rem;
   }
   
   .link-arrow.arrow-visible:hover::after {
     right: -2rem;
   }
   
   /* Generals */
   .main-section {
     padding: 3.5rem 0;
   }
   
   .main-section-lg {
     padding: 7rem 0;
   }
   
   .main-section-sm {
     padding: 2.5rem 0;
   }
   
   .first-section {
     padding-top: 4rem;
   }
   
   .main-wrapper-lg {
     width: 100%;
     max-width: 1096px;
     margin-right: auto;
     margin-left: auto;
   }
   
   .main-wrapper-xl {
     width: 100%;
     max-width: 1156px;
     margin-right: auto;
     margin-left: auto;
   }
   
   .main-wrapper {
     width: 100%;
     max-width: 1030px;
     margin-right: auto;
     margin-left: auto;
   }
   
   .mt-30 {
     margin-top: 30px;
   }
   
   .mt-48 {
     margin-top: 48px;
   }
   
   .list-check,
   .list-close {
     padding: 0;
     margin: 0;
   }
   
   .list-check-item,
   .list-close-item {
     position: relative;
     list-style: none;
     padding: 24px 0 10px;
     border-bottom: 1px solid #ddd;
     font-weight: 600;
     color: var(--color-dark);
     display: flex;
     align-items: center;
     gap: 10px;
   }
   
   .list-check-item span,
   .list-close-item span {
     width: calc(100% - 40px);
   }
   
   .list-check-item::before {
     content: '';
     width: 25px;
     height: 25px;
     background-image: url('../img/icons/ico-check-green.svg');
     background-repeat: no-repeat;
   }
   
   .list-close-item::before {
     content: '';
     width: 25px;
     height: 25px;
     background-image: url('../img/icons/ico-close-red.svg');
     background-repeat: no-repeat;
   }
   
   .list-check-secondary {
     padding: 0;
     margin: 0;
   }
   
   .list-check-secondary-item {
     position: relative;
     list-style: none;
     padding: 12px 0;
     border-bottom: 1px solid #ddd;
     color: var(--color-default);
     padding-left: 32px;
   }
   
   .list-check-secondary-item::before {
     position: absolute;
     top: 14px;
     left: 0;
     content: '';
     width: 25px;
     height: 25px;
     background-image: url('../img/icons/ico-check-purple.svg');
     background-repeat: no-repeat;
   }
   
   .list-link {
     padding: 0;
     margin: 0;
   }
   
   .list-link-item {
     position: relative;
     list-style: none;
     display: block;
     border-bottom: 1px solid #ddd;
   }
   
   .list-link-item a {
     position: relative;
     display: inline-block;
     color: var(--color-dark-secondary);
     text-decoration: none;
     transition: var(--default-transition);
     padding: 24px 0 10px;
     font-weight: 600;
     color: rgb(var(--primary-purple));
     padding-left: 32px;
     max-width: 388px;
   }
   
   .list-link-item a:hover,
   .list-link-item a:focus {
     color: rgb(var(--primary-purple));
   }
   
   .list-link-item a::after {
     position: absolute;
     right: -30px;
     top: 29px;
     content: '';
     width: 18px;
     height: 10px;
     background-image: url(../img/icons/ico-arrow-right.svg);
     background-repeat: no-repeat;
   }
   
   .list-link-item a:hover::after,
   .list-link-item a:focus::after {
     -webkit-animation: pull-backs 250ms cubic-bezier(0.085, 0.035, 0.05, 0.36) forwards;
     animation: pull-backs 250ms cubic-bezier(0.085, 0.035, 0.05, 0.36) forwards;
   }
   
   @-webkit-keyframes pull-backs {
     0% {
       right: 10px;
     }
   
     50% {
       right: -20px;
     }
   
     100% {
       right: -30px;
     }
   }
   
   @keyframes pull-backs {
     0% {
       right: 10px;
     }
   
     50% {
       right: -20px;
     }
   
     100% {
       right: -30px;
     }
   }
   
   .list-link-item::before {
     position: absolute;
     top: 23px;
     left: 0;
     content: '';
     width: 24px;
     height: 24px;
     background-image: url('../img/icons/ico-bullet.svg');
     background-repeat: no-repeat;
   }
   
   .card-wrapper {
     display: flex;
     justify-content: flex-end;
     align-items: center;
   }
   
   .card-col {
     padding: 10px;
   }
   
   .card-col.offset {
     margin-top: 60px;
   }
   
   .card-default {
     background-color: #fff;
     border-radius: 8px;
     box-shadow: var(--default-shadow);
   }
   
   .right-popup.landing .card-default {
     box-shadow: none !important;
   }
   
   .tech-grid-4-col .card-default {
     background-color: #fff;
     border-radius: 8px;
     box-shadow: none;
     border: 1px solid rgba(196, 196, 196, 0.50);
   }
   
   .card-services {
     display: flex;
   }
   
   .card-title,
   .card-title-talent {
     position: relative;
     font-size: 20px;
     font-weight: 600;
     line-height: 150%;
     color: var(--color-dark);
     margin-bottom: 14px;
     padding-right: 1rem;
     transition: var(--default-transition);
   }
   
   .card-services .card-title {
     display: inline-block;
   }
   
   .card-title::after {
     position: absolute;
     width: 20px;
     height: 20px;
     top: 2px;
     right: 0;
     background-image: url('../img/icons/ico-arrow-right-short.svg');
     content: '';
     visibility: hidden;
     opacity: 0;
     transition: var(--default-transition);
   }
   
   .card-services .card-title::after {
     right: -20px;
   }
   
   .card-subtitle {
     font-size: 12px;
     font-weight: 600;
     line-height: 150%;
     padding-top: 10px;
   }
   
   .card-text {
     font-size: 14px;
     line-height: 150%;
     color: var(--color-default)
   }
   
   .card-text-lg {
     font-size: 16px;
     line-height: 150%;
     color: rgb(var(--dark-purple));
   }
   
   .card-counter {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 167px;
     height: 167px;
     margin-bottom: 20px;
     background-color: #fff;
     border: 1px solid rgba(196, 196, 196, 0.5);
     border-radius: 8px;
   }
   
   .card-counter:last-child {
     margin-bottom: 0;
   }
   
   .card-counter-content {
     text-align: center;
     padding: 18px;
   }
   
   .card-counter-content.img img {
     width: 60%;
   }
   
   .counter-number {
     font-size: 40px;
     font-weight: 700;
     line-height: 150%;
     color: rgb(var(--dark-purple));
   }
   
   .counter-label {
     font-size: 14px;
     font-weight: 600;
     line-height: 120%;
   }
   
   .card-small {
     justify-content: flex-start;
     margin: 0 -10px;
   }
   
   .card-small .card-counter {
     width: 155px;
     height: 155px;
   }
   
   .card-small .counter-number {
     font-size: 40px;
   }
   
   .card-small .counter-label {
     font-size: 12px;
   }
   
   .card-anchor {
     display: block;
     padding: 2rem;
     height: 100%;
     text-decoration: none;
     transition: var(--default-transition);
   }
   
   .card-anchor:hover,
   .card-anchor:focus {
     box-shadow: var(--secondary-shadow);
   }
   
   .card-anchor:hover .card-title,
   .card-services:hover .card-title {
     color: rgb(var(--primary-purple));
   }
   
   .card-anchor:hover .card-title::after,
   .card-services:hover .card-title::after {
     visibility: visible;
     opacity: 1;
   }
   
   .card-icon-circle {
     margin-bottom: 20px;
   }
   
   .service-slider,
   .market-slider,
   .benefits-slider {
     position: relative;
     margin: 0 -16px -40px -16px;
     padding: 20px 16px 40px 16px;
   }
   
   .service-slider .swiper-wrapper {
     justify-content: center;
   }
   
   .service-slider .swiper-slide {
     height: auto;
   }
   
   .grid-service {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-auto-rows: 1fr;
     gap: 3rem;
     padding-bottom: 3.5rem;
   }
   
   .grid-services {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-auto-rows: 1fr;
     gap: 4rem;
     padding-bottom: 3.5rem;
   }
   
   .grid-service-item .text-link,
   .grid-product-item .text-link {
     display: none;
   }
   
   .grid-product {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-auto-rows: 1fr;
     gap: 2.5rem;
   }
   
   .card-techstack {
     border-radius: 16px;
     border: 1px solid rgba(196, 196, 196, 0.50);
     padding: 1.5rem 1.8rem 1.5rem 1rem;
     display: flex;
     align-items: center;
     gap: 1rem;
     transition: var(--default-transition);
     position: relative;
   }
   
   .card-techstack-title {
     width: 57%;
     padding-right: 40%;
     font-size: 1rem;
     font-weight: 600;
     padding-right: 2rem;
     color: rgb(var(--dark-purple));
     position: absolute;
     left: 70px;
     transition: all 100ms ease-in-out;
   }
   
   .card-techstack-title::after {
     position: absolute;
     width: 24px;
     height: 24px;
     top: 50%;
     right: 0;
     content: '';
     background-image: url('../img/icons/ico-arrow-right-circle.svg');
     transition: var(--default-transition);
     transform: translateY(-50%);
   }
   
   .card-techstack:hover {
     border-color: rgb(var(--primary-purple));
   }
   
   .card-techstack:hover .card-techstack-title {
     left: 90px;
   }
   
   .icon-tech {
     width: 60px;
     height: 60px;
     border-radius: 100%;
     background-color: transparent;
     border: 8px solid transparent;
     font-size: 18px;
     font-weight: 800;
     display: flex;
     align-items: center;
     justify-content: center;
     color: rgb(var(--primary-purple));
     position: relative;
     transition: all 50ms ease-in-out;
   }
   
   .icon-tech::before {
     content: url(../img/icons/ico-default.svg);
     width: 23px;
     height: 23px;
     position: absolute;
     display: block;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     opacity: 0;
   }
   
   .card-techstack:hover .icon-tech {
     background-color: #F0E6F9;
     border: 8px solid #F7F2FC;
   }
   
   .card-techstack:hover .icon-tech::before {
     opacity: 1;
   }
   
   .card-techstack:hover .icon-tech img {
     opacity: 0;
   }
   
   .card-product {
     width: 100%;
     min-height: 320px;
     overflow: hidden;
     border-radius: 16px;
     position: relative;
     border: 1px solid rgba(196, 196, 196, 0.5);
   }
   
   .background-zoom {
     position: absolute;
     cursor: pointer;
     z-index: 1;
     display: block;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
   }
   
   .card-product a {
     position: relative;
     display: block;
     z-index: 4;
     padding: 23px 32px;
   }
   
   .background-zoom::before {
     content: '';
     position: absolute;
     background-color: rgba(255, 255, 255, 0.8);
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   
   .background-zoom:hover,
   .card-product a:hover+.background-zoom {
     transform: scale(1.1);
   }
   
   .background-zoom:hover::before,
   .card-product a:hover+.background-zoom::before {
     background-color: rgba(0, 0, 0, 0.6);
   }
   
   .card-product:hover .card-title {
     color: #fff !important;
   }
   
   .card-product:hover .card-text {
     color: #B7B5BE !important;
   }
   
   .card-product::after {
     content: url(../img/icons/arrow-product.svg);
     position: absolute;
     height: 32px;
     width: 32px;
     right: 20px;
     bottom: 20px;
     z-index: 1;
     -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
     opacity: 0;
   }
   
   .card-product:hover::after {
     opacity: 1;
   }
   
   .bx-ico {
     background: #FFFFFF;
     border: 1px solid rgba(196, 196, 196, 0.5);
     border-radius: 16px;
     width: 91px;
     height: 91px;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   
   .tech-logo-wrapper {
     display: flex;
     flex-wrap: wrap;
     flex-flow: row wrap;
     justify-content: center;
     width: 100%;
   }
   
   .tech-grid-4 .tech-grid-4-col {
     display: flex;
     justify-content: center;
     width: 25%;
     padding-left: 10px;
     padding-right: 10px;
     margin-bottom: 20px;
   }
   
   .tech-grid .tech-grid-col {
     display: flex;
     justify-content: center;
     width: auto;
     padding-left: 10px;
     padding-right: 10px;
     margin-bottom: 20px;
   }
   
   .card-tech {
     text-align: center;
     width: 100%;
     max-width: 107px;
     height: 107px;
     padding: 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
   }
   
   .card-tech img {
     width: 42px;
     height: 42px;
   }
   
   .card-tech-sm {
     width: 95px;
     height: 95px;
     padding: 10px;
   }
   
   .card-standalone img {
     width: 60px;
     height: 60px;
   }
   
   .tab-menu-flex {
     flex-direction: column;
   }
   
   .bg-wave {
     background-image: url('../img/illustration/bg-wave.svg');
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
   }
   
   .modal-content {
     border: none;
     border-radius: 10px;
     box-shadow: var(--default-shadow);
   }
   
   .modal-body {
     padding: 40px;
   }
   
   .search-body {
     border-radius: 8px;
     background: #FFF;
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 0px 6px 0px rgba(0, 0, 0, 0.02);
     padding: 10px 15px;
   }
   
   .search-body .form-control {
     background-color: #fff;
   }
   
   .search-body .form-control:focus {
     box-shadow: none;
     border-color: #fff;
     background-color: #fff;
   }
   
   .btn-close-search {
     padding: 0;
   }
   
   .btn-close-search:focus {
     box-shadow: none;
   }
   
   .box-result {
     border-top: 2px solid rgba(217, 217, 217, 0.50);
     overflow-y: auto;
     overflow-x: hidden;
     scrollbar-color: rgba(217, 217, 217, 0.50) rgba(155, 155, 155, 0.25);
     scrollbar-width: thin;
     border-radius: 4px;
   }
   
   .conditionalOpen {
     -webkit-animation: conditionalOpen 0.2s normal forwards ease-in-out;
     animation: conditionalOpen 0.2s normal forwards ease-in-out;
     transform-origin: 50% 0%;
     max-height: 260px;
     display: block;
   }
   
   .conditionalClose {
     -webkit-animation: conditionalClose 0.2s normal forwards ease-in-out;
     animation: conditionalClose 0.2s normal forwards ease-in-out;
     transform-origin: 100% 0%;
     display: none;
   }
   
   @-webkit-keyframes conditionalOpen {
     from {
       transform: scaleY(0);
     }
   
     to {
       transform: scaleY(1);
     }
   }
   
   @keyframes conditionalOpen {
     from {
       transform: scaleY(0);
     }
   
     to {
       transform: scaleY(1);
     }
   }
   
   @-webkit-keyframes conditionalClose {
     from {
       transform: scaleY(1);
     }
   
     to {
       transform: scaleY(0);
     }
   }
   
   @keyframes conditionalClose {
     from {
       transform: scaleY(1);
     }
   
     to {
       transform: scaleY(0);
     }
   }
   
   .box-result::-webkit-scrollbar-track {
     background-color: rgba(217, 217, 217, 0.50);
     border-radius: 4px;
     width: 8px;
     scrollbar-width: thin;
   }
   
   .box-result::-webkit-scrollbar {
     background-color: rgba(217, 217, 217, 0.50);
     width: 8px;
     border-radius: 4px;
     scrollbar-width: thin;
   }
   
   .box-result::-webkit-scrollbar-thumb {
     background-color: rgba(155, 155, 155, 0.25);
     border-radius: 4px;
     width: 8px;
     scrollbar-width: thin;
   }
   
   .testimonial-section .swiper-wrapper {
     padding-bottom: 70px;
   }
   
   .testimonial-landing .swiper-wrapper {
     padding-bottom: 0;
   }
   
   .card-testimonial {
     position: relative;
     padding: 40px;
     background-color: #fff;
     height: auto;
     border: 1px solid #C4C4C4;
     border-radius: 16px;
   }
   
   .card-testimonial-landing {
     position: relative;
     padding: 40px;
     background-color: #fff;
     border: 1px solid #C4C4C4;
     border-radius: 16px;
     height: auto;
   }
   
   .testimonial-content {
     color: var(--color-dark);
     margin-bottom: 100px;
   }
   
   .testimonial-info {
     position: absolute;
     display: flex;
     bottom: 40px;
     width: auto;
   }
   
   .testimonial-info .client-avatar {
     padding-right: 16px;
   }
   
   .testimonial-info .client-avatar img {
     width: 50px;
     height: 50px;
     border-radius: 100%;
     border: 2px solid #FFFFFF;
     -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
     filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
   }
   
   .testimonial-landing .wave-separator {
     margin: 0 -16px;
     padding: 0 0 16px;
   }
   
   .wave-separator img {
     width: 100%;
   }
   
   .logo-grid-wrap {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     justify-content: flex-start;
   }
   
   .logo-grid {
     width: 20%;
     padding: 20px 0;
   }
   
   .logo-grid img {
     width: auto;
     height: 42px;
   }
   
   .bg-grey {
     background-color: #F8F8F8;
   }
   
   .leadership-slider {
     position: relative;
     padding-right: 16px;
   }
   
   .leadership-slider .swiper-slide {
     width: 235px;
   }
   
   .card-profile {
     width: 235px;
     height: 235px;
     position: relative;
   }
   
   .card-profile img {
     width: 235px;
     height: 235px;
     border-radius: 6px;
     -o-object-fit: cover;
     object-fit: cover;
   }
   
   .statistic-wrapper {
     padding-top: 16px;
   }
   
   .card-story {
     height: 100%;
     position: relative;
     overflow: hidden;
   }
   
   .card-image {
     position: relative;
     overflow: hidden;
     padding-bottom: 56.2%;
   }
   
   .card-image img {
     position: absolute;
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     height: 100%;
     transition: var(--default-transition);
     transition-duration: 500ms;
   }
   
   .card-image:hover img {
     transform: scale(1.2);
   }
   
   .card-content {
     padding: 30px 24px 5px 24px;
   }
   
   .card-content-related {
     padding: 24px;
   }
   
   .card-content .text-link {
     position: relative;
     bottom: 24px;
   }
   
   .card-content p {
     padding-bottom: 20px !important;
   }
   
   .market-slider .swiper-slide {
     height: auto;
   }
   
   .card-check {
     display: block;
     padding: 30px;
     height: 100%;
     text-decoration: none;
     transition: var(--default-transition);
   }
   
   .progress-wrap {
     text-align: center;
     overflow: auto;
   }
   
   .progress-wrap::-webkit-scrollbar-track {
     background-color: #ddd;
     border-top: 7px solid #fff;
     border-bottom: 7px solid #fff;
   }
   
   .progress-wrap::-webkit-scrollbar {
     height: 15px;
     background-color: #ddd;
   }
   
   .progress-wrap::-webkit-scrollbar-thumb {
     background-color: rgb(var(--primary-purple));
     border-top: 5px solid #fff;
     border-bottom: 5px solid #fff;
   }
   
   .progress-grid {
     position: relative;
     display: inline-flex;
     justify-content: center;
     width: auto;
     overflow: hidden;
   }
   
   .progress-grid::after {
     position: absolute;
     width: 90%;
     height: 4px;
     left: 50%;
     top: 46px;
     content: '';
     border-bottom: 3px dashed #ddd;
     z-index: -1;
     transform: translateX(-50%);
   }
   
   .progress-col {
     padding: 0 20px;
     min-width: 200px;
     width: 200px;
   }
   
   .progress-box .circle-purple {
     margin: auto;
   }
   
   .progress-box {
     text-align: center;
     padding: 20px;
     background-color: #fff;
   }
   
   .circle-purple {
     width: 64px;
     height: 64px;
     border-radius: 100%;
     background-color: #F0E6F9;
     border: 8px solid #F7F2FC;
     font-size: 18px;
     font-weight: 800;
     display: flex;
     align-items: center;
     justify-content: center;
     color: rgb(var(--primary-purple));
   }
   
   
   .circle-purple img {
     width: 23px;
     height: 23px;
   }
   
   .circle-purple.large {
     width: 55px;
     height: 55px;
   }
   
   .circle-purple.sm {
     width: 32px;
     height: 32px;
   }
   
   .content-list {
     padding: 0;
     margin: 0;
   }
   
   .content-list .content-list-item {
     position: relative;
     list-style: none;
     margin-bottom: 24px;
     padding-left: 56px;
     padding-right: 30px;
   }
   
   .content-list .content-list-item::before {
     position: absolute;
     top: 0;
     left: 0;
     width: 35px;
     height: 35px;
     content: '';
     background-image: url('../img/icons/ico-check-green.svg');
     background-repeat: no-repeat;
     background-size: 35px;
   }
   
   .content-list-fill {
     padding: 0;
     margin: 0;
   }
   
   .content-list-fill .content-list-item {
     position: relative;
     list-style: none;
     margin-bottom: 10px;
     padding: 24px 50px 16px 100px;
     background-color: #f8f8f8;
   }
   
   .content-list-fill .content-list-item::before {
     position: absolute;
     top: 50%;
     left: 30px;
     width: 44px;
     height: 44px;
     content: '';
     background-image: url('../img/icons/ico-check-green.svg');
     background-repeat: no-repeat;
     background-size: 44px;
     transform: translateY(-50%);
   }
   
   .content-list-fill .content-list-item p {
     margin-bottom: 10px;
   }
   
   .content-list.list-small .content-list-item {
     margin-bottom: 24px;
     padding-left: 40px;
     padding-right: 30px;
   }
   
   .content-list.list-small .content-list-item::before {
     width: 25px;
     height: 25px;
     background-size: 25px;
   }
   
   .content-list-fill.list-small .content-list-item {
     background-color: #f8f8f8;
     padding: 10px 40px 10px 46px;
     margin-bottom: 5px;
   }
   
   .content-list-fill.list-small .content-list-item::before {
     width: 25px;
     height: 25px;
     background-size: 25px;
     left: 10px;
     top: 10px;
     transform: translateY(0);
   }
   
   .content-list-fill.list-small .content-list-item p {
     margin-bottom: 0;
   }
   
   .content-check {
     margin-bottom: 20px;
   }
   
   .content-check-title {
     position: relative;
     padding: 10px 10px 10px 30px;
     border-bottom: 1px solid #ddd;
     margin-bottom: 10px;
   }
   
   .content-check-title::before {
     position: absolute;
     width: 20px;
     height: 20px;
     top: 14px;
     left: 0;
     content: '';
     background-image: url(../img/icons/ico-check-circle.svg);
     background-repeat: no-repeat;
     background-size: 20px;
   }
   
   .content-check-title h5 {
     margin-bottom: 0;
   }
   
   .card-solution {
     position: relative;
     padding: 30px 24px;
     height: 100%;
   }
   
   .card-solution .circle-purple {
     width: 47px;
     height: 47px;
     border-width: 8px;
     margin: 0 0 14px;
   }
   
   .link-float {
     position: absolute;
     left: 24px;
     bottom: 30px;
     z-index: 2;
     width: 100%;
   }
   
   .accordion-default .accordion-item {
     border: none;
     border-radius: 0;
     margin-bottom: 10px;
   }
   
   /* ==========================================================================
      Prduct FAQ's Section
      ========================================================================== */
   #faq-body.accordion-body {
     background-color: transparent !important;
   }
   
   
   .accordion-button.faq-box::after {
     width: 15px;
     height: 15px;
     background-image: url('../img/icons/plus.png');
     background-size: 15px;
   }
   
   .accordion-button.faq-box:not(.collapsed)::after {
     background-image: url('../img/icons/cross.png');
   }
   
   .pm-icons.accordion-button.faq-box::after {
     width: 15px;
     height: 15px;
     background-image: url('../img/icons/plus.png');
     background-size: 15px;
   }
   
   .pm-icons.accordion-button.faq-box:not(.collapsed)::after {
     background-image: url('../img/icons/cross.png');
   }
   
   .accordion-default .accordion-button.faq-box {
     font-size: 18px;
     font-weight: 400;
     padding: 10px 24px;
     color: var(--color-dark);
     border: none;
     transition: var(--default-transition);
     border-bottom: none !important;
     background-color: transparent !important;
   }
   
   .accordion-default .accordion-item-box {
     border: 1px solid #ddd;
     border-radius: 8px;
     margin-bottom: 10px;
   }
   
   .accordion-default .accordion-button.faq-box:hover {
     color: rgb(var(--color-light));
   }
   
   .accordion-button.faq-box:not(.collapsed) {
     color: rgb(var(--color-dark));
     font-weight: 400;
   }
   
   .accordion-button.faq-box:not(.collapsed) {
     background-color: transparent !important;
   }
   
   .accordion-default .accordion-button.faq-box:not(.collapsed) {
     color: var(--color-dark);
     font-weight: 400;
     background-color: transparent;
   }
   
   /*------------------------------------------------------------*/
   
   .accordion-default .accordion-button {
     font-size: 18px;
     font-weight: 400;
     padding: 10px 24px;
     color: var(--color-light);
     border-bottom: 1px solid #ddd;
     transition: var(--default-transition);
   }
   
   .accordion-default .accordion-button:hover {
     color: rgb(var(--primary-purple));
   }
   
   
   
   .accordion-default .accordion-button:not(.collapsed) {
     color: rgb(var(--primary-purple));
     font-weight: 600;
     background-color: #F8F8F8;
   }
   
   .accordion-default .accordion-body {
     padding: 12px 24px 24px;
     background-color: #F8F8F8;
   }
   
   .cta-box {
     position: relative;
     background-color: #5C4870;
     border-radius: 10px;
   }
   
   .cta-background {
     width: 100%;
     height: 100%;
     background-color: rgb(var(--dark-purple));
     border-radius: 10px;
     padding: 60px 30px 80px 0;
   }
   
   .floating-image {
     position: absolute;
     top: -100px;
   }
   
   .card-center {
     padding: 30px 20px 30px;
     text-align: center;
   }
   
   .list-default {
     padding: 16px;
   }
   
   .textgroup-box {
     padding: 20px 0;
     display: flex;
   }
   
   .bordered {
     padding-bottom: 10px;
     border-bottom: 1px solid #ddd;
   }
   
   .card-careers {
     display: block;
     background-color: #fff;
     padding: 16px 20px;
     transition: var(--default-transition);
     box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
     border-radius: 8px;
   }
   
   .card-careers:hover,
   .card-careers:focus {
     background-color: rgb(var(--primary-purple));
   
   }
   
   .card-careers.offices {
     display: block;
     background: #FFFFFF;
     box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
     padding: 16px 20px;
     transition: var(--default-transition);
   }
   
   .card-careers.offices:hover,
   .card-careers.offices:focus {
     background-color: rgb(var(--primary-purple));
   }
   
   .careers-location {
     color: var(--color-default);
   }
   
   .careers-location::before {
     position: relative;
     top: 3px;
     left: -1px;
     font-family: 'mitrais-icon';
     font-size: 18px;
     color: rgb(var(--primary-purple));
     content: "\e90a";
   }
   
   .card-careers:hover h5,
   .card-careers:focus h5,
   .card-careers:hover .careers-location,
   .card-careers:focus .careers-location,
   .card-careers:hover .careers-location::before,
   .card-careers:focus .careers-location::before {
     color: #fff !important;
   }
   
   .card-achieve {
     display: block;
     padding: 10px 10px 20px;
     text-align: center;
     transition: var(--default-transition);
   }
   
   .card-achieve:hover {
     box-shadow: var(--secondary-shadow);
   }
   
   .card-contact {
     padding: 40px;
   }
   
   .contact-box {
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
   }
   
   .contact-box p {
     margin-bottom: 36px;
   }
   
   .contact-box .text-link {
     position: absolute;
     bottom: 0;
   }
   
   .featured-image {
     border-radius: 10px;
   }
   
   .featured-image img {
     border-radius: 10px;
   }
   
   .card-blog {
     border-radius: 5px;
     border: 1px solid #ddd;
     overflow: hidden;
   }
   
   .page-item {
     margin: 0;
   }
   
   .page-link {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 700;
     font-size: 14px;
     padding: 3px;
     line-height: 1.25;
     color: var(--color-default);
     background-color: transparent;
     border: none;
     border-radius: 100%;
     width: 30px;
     height: 30px;
     text-align: center;
     transition: var(--default-transition);
   }
   
   .page-item:first-child .page-link {
     margin-left: 0;
     border-top-left-radius: 100%;
     border-bottom-left-radius: 100%;
   }
   
   .page-item:last-child .page-link {
     border-top-right-radius: 100%;
     border-bottom-right-radius: 100%;
   }
   
   .page-item.active .page-link {
     z-index: 3;
     color: rgb(var(--primary-purple));
     background-color: transparent;
     border-color: transparent;
   }
   
   .page-item.disabled .page-link {
     z-index: 3;
     color: var(--color-light);
     background-color: transparent;
     border-color: transparent;
     opacity: 0.5;
   }
   
   .page-link:hover {
     z-index: 2;
     color: rgb(var(--primary-purple));
     text-decoration: none;
     background-color: transparent;
     border-color: transparent;
   }
   
   .page-link:focus {
     box-shadow: 0 0 0 0.2rem rgba(var(--primary-purple), 0.15);
   }
   
   .subsribe-box {
     background-color: #f8f8f8;
     border: 1px solid rgba(var(--primary-purple), 0.2);
     border-radius: 5px;
     padding: 50px 30px;
     text-align: center;
   }
   
   .default-shadow {
     box-shadow: var(--default-shadow);
   }
   
   .article-wrapper {
     position: relative;
     z-index: 10;
   }
   
   .article-wrapper::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 300px;
     z-index: -1;
     left: 0;
     top: 0;
     background-color: #5C4870;
   }
   
   .main-article {
     font-size: 16px;
     line-height: 160%;
     padding-bottom: 24px;
     margin-bottom: 24px;
     border-bottom: 1px solid #ddd;
   }
   
   .main-article p {
     font-size: 16px;
     line-height: 160%;
   }
   
   .main-article figure {
     margin-bottom: 24px;
   }
   
   .main-article figure img {
     border-radius: 5px;
   }
   
   .main-article figure figcaption {
     text-align: center;
     margin-top: 10px;
   }
   
   .main-article blockquote {
     font-size: 20px;
     line-height: 28px;
     font-style: italic;
     padding-left: 20px;
     margin: 24px;
     border-left: 3px solid #ddd;
   }
   
   .main-article ul li,
   .main-article ol li {
     font-size: 16px;
     line-height: 160%;
     margin-bottom: 8px;
   }
   
   .main-article a:hover {
     text-decoration: underline;
   }
   
   .share-widget {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
   
   .widget-title {
     font-size: 10px;
     font-weight: 700;
     line-height: 150%;
     letter-spacing: 0.2em;
   }
   
   .share-social {
     padding: 0;
     margin: 0;
   }
   
   .share-social li {
     display: inline-block;
     list-style: none;
     padding: 0 5px;
   }
   
   .share-social-btn {
     width: 30px;
     height: 30px;
     color: var(--color-default);
     background-color: #f8f8f8;
     border-radius: 100%;
     border: 1px solid #ddd;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: var(--default-transition);
   }
   
   .share-social-btn:hover,
   .share-social-btn:focus {
     color: #fff;
     background-color: rgb(var(--primary-purple));
     border-color: rgb(var(--primary-purple));
   }
   
   .share-social-btn i {
     font-size: 16px !important;
   }
   
   .full-wrapper {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
     min-height: calc((var(--vh, 1vh) * 100));
     align-items: center;
     justify-content: center;
   }
   
   .list-certificate {
     display: flex;
     justify-content: center;
     gap: 16px;
   }
   
   .logo-cer {
     border-radius: 8px;
     border: 1px solid rgba(173, 168, 183, 0.50);
     background: #FFF;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 148px;
     width: 20%;
   }
   
   /* Swiper */
   .swiper-pagination-bullet {
     width: 12px;
     height: 4px;
     border-radius: 0;
     transition: var(--default-transition);
   }
   
   .swiper-pagination-bullet-active {
     width: 34px;
     background: rgb(var(--primary-purple))
   }
   
   .swiper-nav {
     width: 70px;
     height: 30px;
     position: relative;
   }
   
   .swiper-button-prev,
   .swiper-button-next {
     width: 30px;
     height: 30px;
     margin: 0;
     top: 0;
   }
   
   .swiper-button-prev:after,
   .swiper-button-next:after {
     font-size: 0;
     width: 30px;
     height: 30px;
   }
   
   .swiper-button-prev:after {
     background-image: url(../img/icons/ico-arrow-left-nav.svg);
   }
   
   .swiper-button-next:after {
     background-image: url(../img/icons/ico-arrow-right-nav.svg);
   }
   
   .swiper-button-prev,
   .swiper-rtl .swiper-button-next {
     left: 0;
     right: auto;
   }
   
   .swiper-button-next,
   .swiper-rtl .swiper-button-prev {
     right: 0;
     left: auto;
   }
   
   .slider-mark {
     position: absolute;
     top: 0;
     right: 0;
     width: 132px;
     height: 350px;
     background: linear-gradient(-90deg, #F8F8F8 20%, rgba(248, 248, 248, 0) 80%);
     z-index: 1;
   }
   
   .slider-mark .swiper-button-next {
     top: 50%;
     right: 16px;
     transform: translateY(-50%);
   }
   
   .slider-mark .swiper-button-next:after {
     background-image: url(../img/icons/ico-arrow-right-circle.svg);
     background-size: 30px;
   }
   
   .gradient-badge {
     font-weight: 600;
     padding: 6px 8px;
     color: #fff;
     background: linear-gradient(95deg, #6A11EA -28.46%, #DA3079 121.15%);
     border-radius: 4px;
     margin-left: 6px;
   }
   
   .card-purple {
     background-color: rgb(var(--dark-purple));
     padding: 3rem 3.5rem;
     border-radius: 10px;
   }
   
   .link-position {
     text-align: right;
     position: relative;
     z-index: 11;
     top: -0.5rem;
   }
   
   .nav-pills .nav-link {
     font-size: 1rem;
     font-weight: 600;
     padding: 0.75rem 2rem;
     color: rgb(var(--dark-purple));
     border: 1px solid rgba(var(--secondary-purple), 0.2);
     border-radius: 3rem;
   }
   
   .nav-pills .nav-link.active,
   .nav-pills .show>.nav-link {
     color: #fff;
     border-color: rgb(var(--primary-purple));
     background-color: rgb(var(--primary-purple));
   }
   
   .nav-pills .nav-link:hover {
     color: #fff;
     border-color: #A166D9;
     background: #7B18CE;
   }
   
   .nav-fill>.nav-link,
   .nav-fill .nav-item {
     flex: 1 1 auto;
     text-align: center;
   }
   
   .nav-justified>.nav-link,
   .nav-justified .nav-item {
     flex-basis: 0;
     flex-grow: 1;
     text-align: center;
   }
   
   .nav-fill .nav-item .nav-link,
   .nav-justified .nav-item .nav-link {
     width: 100%;
   }
   
   .fill-image {
     position: relative;
     display: flex;
     height: 100%;
   }
   
   .fill-image img {
     position: absolute;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 10px;
   }
   
   .layer-image {
     visibility: hidden;
     opacity: 0;
     transition: var(--default-transition);
     transition-delay: 100ms;
   }
   
   .layer-image.show {
     visibility: visible;
     opacity: 1;
   }
   
   .menu-languange {
     pointer-events: none;
     cursor: default;
   }
   
   .tab-dropdown {
     position: relative;
   }
   
   .tab-dropdown-button {
     position: relative;
     background-color: transparent;
     padding: 1.25rem 1rem;
     border: 1px solid rgba(var(--secondary-purple), 0.2);
     border-radius: 10px;
     width: 100%;
     font-size: 18px;
     font-weight: 600;
     text-align: left;
     color: rgb(var(--primary-purple));
   }
   
   .tab-dropdown-button::after {
     position: absolute;
     width: 18px;
     height: 18px;
     right: 1rem;
     top: 50%;
     transform: translateY(-50%);
     content: '';
     background-image: url('../img/icons/ico-chevron-down.svg');
     transition: var(--default-transition);
   }
   
   .tab-dropdown-button.show::after {
     transform: translateY(-50%) rotate(-180deg);
   }
   
   .tab-dropdown-button.testi {
     border: 1px solid rgb(var(--primary-purple));
     text-align: center;
     color: #352D45;
     font-size: 14px;
   }
   
   .dropdown-tab {
     border: none;
     width: 100%;
     border: 1px solid rgba(var(--secondary-purple), 0.1);
     border-radius: 10px;
     box-shadow: var(--default-shadow);
     padding: 1rem;
   }
   
   .nav-droptab {
     display: block;
   }
   
   .drop-navbar .tab-dropdown-button {
     font-size: 14px;
     color: rgb(var(--dark-purple));
     border-color: rgba(var(--primary-purple));
     text-align: center;
   }
   
   .nav-droptab>.nav-item>.nav-link {
     font-weight: 600;
     padding: 0.75rem 0;
     color: rgb(var(--dark-purple));
   }
   
   .nav-droptab>.nav-item:last-child>.nav-link {
     border: none;
   }
   
   .nav-droptab>.nav-item>.nav-link.active {
     color: rgb(var(--primary-purple));
   }
   
   .card-border {
     padding: 2rem;
     border: 1px solid rgba(var(--secondary-purple), 0.2);
     border-radius: 16px;
   }
   
   #tab-testimonial .nav-link:hover {
     color: #fff;
     background-color: rgb(var(--primary-purple));
     border-color: #dee2e6 #dee2e6 #fff;
   }
   
   .card-logo {
     margin-bottom: 1.5rem;
   }
   
   .card-logo img {
     max-width: 100%;
     max-height: 52px;
   }
   
   .card-info {
     margin-top: 1.5rem;
     font-size: 16px;
   }
   
   .card-awards {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 4rem 2rem;
     height: 100%;
     border: 1px solid rgba(var(--secondary-purple), 0.1);
     border-radius: 8px;
   }
   
   .card-awards img {
     max-height: 210px;
   }
   
   .image-square {
     overflow: hidden;
     height: 243px;
     border-radius: 8px;
   }
   
   .image-square img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     object-position: center;
     aspect-ratio: 1 / 1;
     border-radius: 8px;
   }
   
   .casestudies-slider .card-border {
     height: 100%;
   }
   
   .casestudies-slider .swiper-slide {
     height: auto;
   }
   
   .client-slider .swiper-slide {
     text-align: center;
   }
   
   .slider-control {
     margin-top: 2rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
   
   .slider-control .swiper-pagination {
     position: relative;
     text-align: left;
     top: 0;
   }
   
   .link-control {
     flex-shrink: 0;
     padding-right: 2rem;
   }
   
   .service-feature {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-auto-rows: 1fr;
     gap: 4rem;
   }
   
   .service-feature.two-col {
     grid-template-columns: repeat(2, 1fr);
   }
   
   .service-feature-item {
     width: 100%;
     max-width: 300px;
   }
   
   .service-feature-item.lg {
     width: 100%;
     max-width: 500px;
   }
   
   .bg-dark-purple {
     background-color: rgb(var(--dark-purple));
   }
   
   .sticky-navbar {
     background-color: #fff;
     padding: 1rem 0;
     border-bottom: 1px solid rgba(var(--secondary-purple), 0.2);
     position: -webkit-sticky;
     position: sticky;
     top: 86px;
     z-index: 12;
   }
   
   .sticky-nav {
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: space-around;
   }
   
   .sticky-nav .sticky-nav-item {
     font-weight: 600;
     font-size: 0.75rem;
     list-style: none;
     padding: none;
   }
   
   .sticky-nav .sticky-nav-item .nav-link {
     display: block;
     color: rgb(var(--dark-purple));
     padding: 0.5rem 1rem;
     border-radius: 8px;
     text-align: center;
   }
   
   .sticky-nav .sticky-nav-item .nav-link.active,
   .sticky-nav .sticky-nav-item .nav-link:hover {
     color: rgb(var(--primary-purple));
     background: #F8F8F8;
   }
   
   .scroll-section {
     padding-top: 13rem;
     padding-bottom: 6rem;
   }
   
   .slider-project {
     padding: 2rem;
     margin: 4rem -2rem 0;
   }
   
   .card-project {
     background-color: #fff;
     box-shadow: var(--default-shadow);
     border-radius: 16px;
     overflow: hidden;
   }
   
   .card-project-image img {
     width: 100%;
     max-width: 100%;
     object-fit: cover;
     aspect-ratio: 26 / 9;
   }
   
   .card-project-content {
     padding: 1.5rem 2rem 2rem;
   }
   
   .card-project-title {
     font-size: 32px;
     font-weight: 700;
     letter-spacing: -0.03em;
     line-height: 120%;
     color: rgb(var(--dark-purple));
     margin-bottom: 0.5rem;
   }
   
   .card-project-desc {
     font-size: 18px;
     margin-bottom: 2rem;
     color: rgb(var(--dark-purple));
   }
   
   .card-quote {
     padding: 0 4rem;
   }
   
   .drop-navbar {
     display: none;
   }
   
   /* --- Footer -- */
   .main-footer {
     background-color: rgb(var(--dark-purple));
     color: var(--color-light-secondary);
     padding: 24px 0;
     margin-top: 60px;
   }
   
   .footer-top {
     padding: 24px 0;
   }
   
   .logo-footer img {
     height: 25px;
   }
   
   .social-widget {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 1rem;
   }
   
   .sub-caption {
     font-size: 10px;
     display: block;
     color: #fff;
   }
   
   .mail-link {
     font-size: 22px;
     color: #fff;
     text-decoration: none;
     transition: var(--default-transition);
   }
   
   .mail-link:hover,
   .mail-link:focus {
     color: var(--color-light-secondary);
   }
   
   .footer-widget {
     margin-top: 24px;
     margin-bottom: 14px;
   }
   
   
   
   .footer-social {
     display: flex;
     align-items: center;
     gap: 6px;
   }
   
   .footer-social .footer-social-item {
     display: inline-block;
     color: #fff;
     font-size: 20px;
     text-decoration: none;
     border: 1px solid #625679;
     width: 30px;
     height: 30px;
     border-radius: 100%;
     text-align: center;
     transition: var(--default-transition);
   }
   
   .social-thanks .footer-social-item {
     color: #625679;
   }
   
   .footer-social .footer-social-item:hover,
   .footer-social .footer-social-item:focus {
     background-color: #fff;
     border-color: #fff;
     color: rgb(var(--secondary-purple));
   }
   
   .social-thanks .footer-social-item:hover,
   .social-thanks .footer-social-item:focus {
     color: #fff;
     background-color: #625679;
     border-color: #625679;
   }
   
   .footer-social-item.last {
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     border: 1px solid #625679;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     transition: var(--default-transition);
   }
   
   .footer-social-item.last img {
     filter: brightness(0) invert(1);
   }
   
   .social-thanks .footer-social-item.last img {
     filter: none;
   }
   
   .footer-social-item.last:hover img {
     filter: none;
   }
   
   .social-thanks .footer-social-item.last:hover img {
     filter: brightness(0) invert(1);
   }
   
   .footer-title {
     font-size: 12px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 16px;
   }
   
   .footer-menu {
     font-size: 12px;
     padding: 0;
     margin-bottom: 30px;
   }
   
   .footer-menu .footer-menu-item {
     list-style: none;
     padding: 0;
     margin: 0;
   }
   
   .footer-menu .footer-menu-item a {
     display: inline-block;
     padding: 0.4rem 0;
     color: var(--color-light-secondary);
     text-decoration: none;
     transition: var(--default-transition);
   }
   
   .footer-menu .footer-menu-item a:hover,
   .footer-menu .footer-menu-item a:focus {
     color: #fff;
   }
   
   .footer-menu.half-column {
     columns: 3;
     -webkit-columns: 3;
     -moz-columns: 3;
   }
   
   .footer-menu.inline-column {
     margin-bottom: 0;
   }
   
   .footer-menu.inline-column .footer-menu-item {
     display: inline-block;
     padding-right: 24px;
   }
   
   .footer-bottom {
     padding: 0 0 24px;
   }
   
   .footer-link {
     font-size: 12px;
     text-align: right;
   }
   
   .footer-link .footer-link-item {
     position: relative;
     display: inline-block;
     color: var(--color-light-secondary);
     text-decoration: underline;
     padding: 0 6px;
     transition: var(--default-transition);
   }
   
   .footer-link .footer-link-item:hover,
   .footer-link .footer-link-item:focus {
     color: #fff;
   }
   
   .footer-link .footer-link-item::after {
     position: absolute;
     width: 1px;
     height: 100%;
     right: -2px;
     content: '';
     border-right: 1px solid var(--color-light-secondary);
   }
   
   .footer-link .footer-link-item:last-child::after {
     display: none;
   }
   
   .footer-link .footer-link-item:first-child {
     padding-left: 0;
   }
   
   .copyright {
     font-size: 12px;
     padding: 24px 0 0;
     border-top: 1px solid rgba(221, 221, 221, 0.2);
   }
   
   .container,
   .container-fluid,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xxl {
     padding-right: 1.5rem;
     padding-left: 1.5rem;
   }
   
   .container-max {
     margin-left: auto;
     margin-right: auto;
     padding-right: 1.5rem;
     padding-left: 1.5rem;
   }
   
   .gradient-np {
     font-weight: 600;
     padding: 6px 8px;
     color: #fff;
     display: inline-block;
     background: linear-gradient(95deg, #6A11EA -28.46%, #DA3079 121.15%);
     border-radius: 4px;
     margin-left: 15px;
   }
   
   .gradient-np-bottom {
     font-weight: 600;
     padding: 6px 8px;
     color: #fff;
     display: inline-block;
     background: linear-gradient(95deg, #6A11EA -28.46%, #DA3079 121.15%);
     border-radius: 4px;
     margin-bottom: 15px;
   }
   
   #product-partner img {
     height: 45px;
   }
   
   #tech-tab .nav-item.show .nav-link,
   #tech-tab .nav-link.active {
     background-color: #fff;
     display: block;
     border-color: #fff;
     color: rgb(var(--primary-purple));
     display: flex;
     align-items: center;
   }
   
   #tech-tab .nav-link {
     margin-bottom: -1px;
     background: 0 0;
     border: 1px solid transparent;
     border-radius: 8px;
     font-weight: 600;
     font-size: 16px;
     line-height: 19px;
     width: 100%;
     color: #FFFFFF;
     text-align: left;
     display: flex;
     align-items: center;
     padding: 0.75rem 1rem;
   }
   
   #tech-tab .nav-link .circle-purple img {
     -webkit-filter: brightness(0) invert(1);
     filter: brightness(0) invert(1);
     width: 13px;
   }
   
   #tech-tab .nav-link .circle-purple {
     margin-right: 14px;
     background-color: transparent;
     border: 8px solid transparent;
   }
   
   #tech-tab .nav-item.show .nav-link .circle-purple,
   #tech-tab .nav-link.active .circle-purple {
     background-color: #F0E6F9;
     border: 8px solid #F7F2FC;
   }
   
   #tech-tab .nav-item.show .nav-link .circle-purple img,
   #tech-tab .nav-link.active .circle-purple img {
     -webkit-filter: none;
     filter: none;
   }
   
   .tech-item {
     font-weight: 600;
     font-size: 16px;
     line-height: 150%;
     position: relative;
     padding: 12px 0;
     border-bottom: 1px solid #fff;
     color: #fff;
     display: flex;
     align-items: center;
     padding-left: 40px;
     margin-bottom: 0.5rem;
   }
   
   .tech-item::before {
     position: absolute;
     top: 8px;
     left: 0;
     content: '';
     width: 32px;
     height: 32px;
     background-image: url('../img/icons/ico-white-check.svg');
     background-repeat: no-repeat;
   }
   
   .tech-item a {
     color: #fff;
     position: relative;
   
   }
   
   .tech-item a::after {
     position: absolute;
     top: 0;
     right: -30px;
     content: url('../img/icons/ico-arrow-right-white.svg');
     width: 16px;
     height: 24px;
   }
   
   .tech-item a:hover::after,
   .tech-item a:focus::after {
     -webkit-animation: pull-back 750ms cubic-bezier(0.085, 0.035, 0.05, 0.36) forwards;
     animation: pull-back 750ms cubic-bezier(0.085, 0.035, 0.05, 0.36) forwards;
   }
   
   .image-tips {
     overflow: hidden;
     border-radius: 8px;
   }
   
   .mining-software {
     overflow: visible;
   }
   
   .box-mining {
     min-height: 350px;
   }
   
   .list-facilities {
     display: flex;
     align-items: center;
     border-bottom: 1px solid #DDDDDD;
     padding: 10px 0;
   }
   
   .swiper-pagination.od {
     bottom: 5px;
     text-align: left;
   }
   
   #blog-section .container-max {
     max-width: 1030px;
   }
   
   .list-items {
     position: relative;
     list-style: none;
     padding-left: 0;
   }
   
   .list-item a {
     position: relative;
     display: block;
     color: var(--color-dark-secondary);
     text-decoration: none;
     transition: var(--default-transition);
     padding: 24px 0 10px;
     border-bottom: 1px solid #ddd;
     font-weight: 600;
     color: var(--color-dark-secondary);
     padding-left: 32px;
     max-width: 430px;
   }
   
   .list-item a:hover,
   .list-item a:focus {
     color: rgb(var(--primary-purple));
   }
   
   .list-item a::after {
     position: absolute;
     right: 0;
     top: 29px;
     content: '';
     width: 18px;
     height: 10px;
     background-image: url(../img/icons/ico-arrow-right.svg);
     background-repeat: no-repeat;
   }
   
   .list-item a:hover::after,
   .list-item a:focus::after {
     animation: pull-back 750ms cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
   }
   
   @keyframes pull-back {
     0% {
       right: 0;
     }
   
     50% {
       right: -20px;
     }
   
     100% {
       right: 0;
     }
   }
   
   .list-item a::before {
     position: absolute;
     top: 26px;
     left: 0;
     content: '';
     width: 18px;
     height: 18px;
     background-image: url('../img/icons/ico-check-purple.svg');
     background-repeat: no-repeat;
   }
   
   .bg-video {
     position: relative;
     border-radius: 10px;
     height: 296px;
     padding: 32px;
   }
   
   .get-in-touch {
     margin-top: 150px;
   }
   
   .video-container {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: 56.25%;
   }
   
   .responsive-iframe {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
   }
   
   .video-wrapper {
     border-radius: 10px;
     overflow: hidden;
   }
   
   .grid-team {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 30px;
   }
   
   .card-team {
     overflow: hidden;
     border-radius: 8px;
   }
   
   .position {
     color: #7B7988;
     font-size: 14px;
   }
   
   .team-item:hover h5 {
     color: rgb(var(--primary-purple));
   }
   
   #tab-testimonial .nav-link {
     margin-bottom: 0;
     background: 0 0;
     border: 0;
     padding: 15px 20px;
     border-radius: 8px;
     display: block;
     text-align: left;
     font-weight: 600;
     color: #352D45;
   }
   
   #tab-testimonial .nav-link.active {
     color: #fff;
     background-color: rgb(var(--primary-purple));
     border-color: #dee2e6 #dee2e6 #fff;
   }
   
   .sticky-testi {
     position: sticky;
     top: 100px;
   }
   
   .sticky-swd {
     position: sticky;
     top: 20px;
   }
   
   .grid-office {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 20px;
   }
   
   .office-items {
     display: block;
     background-size: cover;
     background-position: center center;
     width: 100%;
     height: 413px;
     border-radius: 5px;
     position: relative;
     overflow: hidden;
     z-index: 3;
     padding: 30px;
   }
   
   .office-items::before {
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 15.74%, rgba(0, 0, 0, 0) 60.9%);
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
   }
   
   .inner-office {
     position: relative;
     z-index: 10;
   }
   
   .btn-lm {
     padding: 10px 25px;
     background: #FFFFFF;
     border-radius: 35px;
   }
   
   .office-items:hover .btn-lm {
     background: rgb(var(--primary-purple));
     color: #fff;
   }
   
   .price {
     font-size: 32px;
     font-weight: 700;
     color: #000;
   }
   
   .price span {
     font-size: 16px;
     font-weight: 400;
   }
   
   .grid-menu {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 5px;
   }
   
   .mobile-scroll {
     max-height: calc(100vh - 200px);
     overflow-y: auto;
     overflow-x: hidden;
   }
   
   .form-training label,
   .form-training label.big {
     font-size: 12px;
     color: #352D45;
     font-weight: 500;
     margin-bottom: 10px;
   }
   
   .form-talent label {
     font-size: 16px;
     color: #352D45;
     font-weight: 500;
     margin-bottom: 5px;
   }
   
   .form-training label.required::after {
     color: #FF0000;
     font-weight: 500;
     content: ' *';
   }
   
   .form-talent label.required::after {
     color: #FF0000;
     font-weight: 500;
     content: ' *';
   }
   
   .select-wrapper::before {
     content: url(../img/icons/ico-arrow-down.svg);
     position: absolute;
     right: 10px;
     top: 10px;
     z-index: 9;
   }
   
   
   
   .list-num-2::before {
     z-index: 6;
   }
   
   .list-num-3::before {
     z-index: 4;
   }
   
   .form-training input,
   .form-training textarea,
   .form-talent input {
     background: #FFFFFF;
     border: 1px solid #DDDDDD;
     border-radius: 4px;
   }
   
   .form-talent .review {
     border: 1px solid #FFD1A0;
     background: #FFFBF6;
   }
   
   .form-training input:focus {
     background: #FFFFFF;
   }
   
   .form-training select {
     border: 1px solid #DDDDDD;
     border-radius: 4px;
     font-size: 14px;
     padding: 9px;
   }
   
   .form-check-input:checked {
     background-color: rgb(98, 0, 192) !important;
     border-color: rgb(98, 0, 192);
   }
   
   .form-training select:focus,
   .form-check-input:focus {
     border-color: #F8F8F8;
     box-shadow: 0px 0px 0px 0.25rem rgba(var(--primary-purple), 0.15);
   }
   
   .telent-list {
     background-color: #fff;
     border: 1px solid #DDDDDD;
     border-radius: 4px;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 6;
   }
   
   .telent-list input {
     border: 0;
     padding-left: 10px;
     font-size: 14px;
   }
   
   .telent-list input:focus {
     border: 0;
     box-shadow: none;
     background-color: #fff;
   }
   
   .form-talent input:focus {
     box-shadow: none;
     background-color: #fff;
     border-color: #DDDDDD;
   }
   
   .box-talent-list {
     border-top: 1px solid #ddd;
     margin: 0 10px;
   }
   
   .scroll-talent {
     margin: 15px 0;
     max-height: 200px;
     overflow-y: auto;
   }
   
   .scroll-talent::-webkit-scrollbar {
     width: 7px;
     border-radius: 10px;
   }
   
   .scroll-talent::-webkit-scrollbar-track {
     background: rgba(217, 217, 217, 0.50);
     border-radius: 10px;
   }
   
   .scroll-talent::-webkit-scrollbar-thumb {
     background-color: rgba(155, 155, 155, 0.25);
     scrollbar-color: rgba(155, 155, 155, 0.25);
     border-radius: 10px;
     scrollbar-width: thin;
   }
   
   .label-group {
     color: #7B7988;
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     display: block;
     margin-bottom: 5px;
   }
   
   .scroll-talent ul {
     list-style: none;
     padding-left: 10px;
   }
   
   .scroll-talent li {
     margin: 7px 0;
   }
   
   .scroll-talent li a {
     font-size: 14px;
     font-weight: 700;
     line-height: 150%;
     color: #352D45;
     transition: all 200ms ease-in-out;
   }
   
   .scroll-talent li a:hover {
     color: rgb(var(--primary-purple));
   }
   
   .btn-delete-talent {
     background-color: #fff;
     border: 1px solid #DDDDDD;
     border-radius: 4px;
     padding: 0;
     width: 40px;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   
   .btn-delete-talent:focus {
     box-shadow: none;
   }
   
   .color-red {
     color: #FF0000;
   }
   
   .modal-dialog.big {
     max-width: 800px;
   }
   
   .modal-dialog.md {
     max-width: 650px;
   }
   
   .modal-dialog.sm {
     max-width: 500px;
   }
   
   .right-popup {
     padding: 60px 80px;
     border-right: 1px solid #fff;
     margin-right: -1px;
   }
   
   .right-popup.landing {
     padding: 30px 40px;
     border-right: 1px solid #fff;
     margin-right: -1px;
   }
   
   .right-popup.thanks {
     padding: 25vh 80px;
     border-right: 1px solid #fff;
     margin-right: -1px;
   }
   
   .bg-purple {
     background: #5C4870;
   }
   
   .color-grey {
     color: #B7B5BE;
   }
   
   .modal-dialog-scrollable .modal-body {
     overflow-x: hidden;
   }
   
   .deco-top,
   .deco-bottom {
     position: absolute;
     z-index: 1;
     max-width: 60%;
   }
   
   .deco-top {
     left: 140px;
     top: 0;
   }
   
   .deco-bottom {
     left: 0;
     bottom: 0;
   }
   
   .image-newsletter {
     position: relative;
     width: 230px;
     height: 430px;
     z-index: 5;
   }
   
   .image-newsletter img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: right;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 20px;
   }
   
   .image-newsletter::before {
     content: '';
     position: absolute;
     width: 255px;
     height: 350px;
     top: -25px;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     background-color: transparent;
     border-top: 2px solid #A478CE;
     border-right: 2px solid #A478CE;
     border-bottom: 2px solid #A478CE;
     z-index: -1;
   }
   
   .image-newsletter::after {
     content: '';
     position: absolute;
     width: 150px;
     height: 150px;
     bottom: -25px;
     left: 0;
     border-top-right-radius: 80px;
     border-bottom-right-radius: 80px;
     background-color: transparent;
     border-top: 2px solid #A478CE;
     border-right: 2px solid #A478CE;
     border-bottom: 2px solid #A478CE;
     z-index: -1;
   }
   
   .grid-blog {
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 20px;
   }
   
   #blog-subs {
     padding-top: 90px;
   }
   
   .pic-comment {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     overflow: hidden;
   }
   
   .text-comment {
     width: calc(100% - 60px);
     padding-left: 15px;
   }
   
   .box {
     display: none;
   }
   
   .cursor-pointer {
     cursor: pointer;
   }
   
   .btn-download {
     padding: 8px 12px;
     border: 1px solid #6200C0;
     border-radius: 100px;
     display: flex;
     align-items: center;
     text-transform: uppercase;
     color: #6200C0;
     display: inline-block;
     font-weight: 500;
     font-size: 14px;
   }
   
   .btn-download:hover {
     background-color: #6200C0;
     color: #fff;
   }
   
   .btn-download:hover img {
     filter: brightness(0) invert(1);
   }
   
   #custom-text {
     margin-left: 10px;
   }
   
   .text-medium {
     font-weight: 500;
   }
   
   .search-ico {
     width: 25px;
   }
   
   .box-core {
     border-radius: 12px;
     border: 1px solid rgba(53, 45, 69, 0.20);
     background: #FFF;
     padding: 20px;
     height: 100%;
   }
   
   .landing-logo-tech {
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 120px;
   }
   
   .overflowX-hidden {
     overflow-x: hidden;
   }
   
   .logo-tech {
     overflow: visible;
   }
   
   .btn-type {
     width: 100%;
     text-align: left;
     font-size: 16px;
     font-weight: 600;
     color: #352D45;
     border-radius: 5px;
     padding: 13px 15px;
   }
   
   .btn-type.active,
   .btn-type:hover,
   .btn-type:focus {
     background-color: #6200C0;
     color: #fff;
     box-shadow: none;
   }
   
   .core-box {
     position: relative;
   }
   
   .core-box::after {
     content: '';
     background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
     height: 100%;
     width: 150px;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 1;
   }
   
   .wrapper-thanks {
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 10vh 0;
   }
   
   .img-big-thanks {
     position: absolute;
     right: 0;
     bottom: 10vh;
   }
   
   .video_wrapper {
     width: 100%;
     margin: 0 auto;
     position: relative;
     background-color: transparent;
   }
   
   .videoIframe {
     aspect-ratio: 16 / 9;
     width: 100%;
   }
   
   .videoPoster {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-image: url(../img/illustration/cover.jpg);
     background-size: cover;
     border: none;
     overflow: hidden;
     border-radius: 5px;
     opacity: 1;
     -webkit-transition: opacity 800ms, height 0s;
     -moz-transition: opacity 800ms, height 0s;
     transition: opacity 800ms, height 0s;
     -webkit-transition-delay: 0s, 0s;
     -moz-transition-delay: 0s, 0s;
     transition-delay: 0s, 0s;
   }
   
   .videoPoster:hover {
     cursor: pointer;
   }
   
   .videoPoster::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 77px;
     height: 78px;
     background-image: url(../img/illustration/play.png);
     opacity: 0.9;
   }
   
   .videoPoster:hover::before,
   .videoPoster:focus:before {
     opacity: 1;
   }
   
   .videoPoster:hover::after,
   .videoPoster:focus:after {
     opacity: 1;
   }
   
   .videoWrapperActive .videoPoster {
     opacity: 0;
     height: 0;
     -webkit-transition-delay: 0s, 800ms;
     -moz-transition-delay: 0s, 800ms;
     transition-delay: 0s, 800ms;
   }
   
   .testimonial-landing .swiper-wrapper {
     padding-bottom: 15px;
   }
   
   .landing-header {
     position: absolute;
     width: 100%;
     z-index: 10;
     left: 0;
     top: 0;
   }
   
   .logo-landing {
     display: block;
     padding: 15px 0;
   }
   
   .item-info {
     padding-bottom: 10px;
     display: flex;
     border-bottom: 1px solid #ddd;
     margin-bottom: 15px;
   }
   
   .color-thrid-purple {
     color: rgb(var(--third-purple));
   }
   
   .why-list {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 16px;
   }
   
   #list-wl {
     overflow: hidden;
     max-height: 550px;
     transition: max-height .5s ease;
   }
   
   #list-wl.show {
     max-height: 7500px;
   }
   
   .wl-items {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     border-radius: 16px;
     padding: 24px;
     text-align: center;
     align-items: center;
     border: 1px solid rgba(196, 196, 196, 0.50);
     height: 100%;
     min-height: 211px;
     gap: 16px;
   }
   
   .inner-wl-items {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     height: 100%;
     min-height: 211px;
     gap: 15px;
   }
   
   .btn-more {
     width: 200px;
     color: #000;
     font-size: 14px;
     font-weight: 500;
     display: block;
     border: 0;
     text-align: center;
     margin: 20px auto;
     padding: 10px 30px;
     border-radius: 82px;
     background: #DADADA;
     transition: .3s;
   }
   
   .btn-more:hover,
   .btn-more:focus {
     color: #fff;
     box-shadow: none;
     border: 0;
     background: rgb(var(--primary-purple));
   }
   
   .slider-why .swiper-slide {
     height: auto;
   }
   
   .nav-index-3 {
     position: absolute;
     right: 15px;
     bottom: 0px;
   }
   
   .btn-more::before {
     content: 'Show More';
     display: inline-block;
   }
   
   .btn-more.change::before {
     content: 'Show Less';
     display: inline-block;
   }
   
   .background-1 {
     background: linear-gradient(47deg, rgba(43, 0, 207, 0.03) -8.47%, rgba(0, 163, 255, 0.03) 117.4%);
   }
   
   .background-2 {
     background: linear-gradient(47deg, rgba(207, 0, 0, 0.03) -8.47%, rgba(255, 138, 0, 0.03) 117.4%);
   }
   
   .background-3 {
     background: linear-gradient(47deg, rgba(17, 207, 0, 0.03) -8.47%, rgba(0, 255, 209, 0.03) 117.4%);
   }
   
   .background-4 {
     background: linear-gradient(47deg, rgba(43, 0, 207, 0.03) -8.47%, rgba(255, 0, 199, 0.03) 117.4%);
   }
   
   .text-bg {
     position: relative;
     z-index: 1;
     text-align: center;
     position: absolute;
     width: 100%;
     top: -90px;
   }
   
   .text-beware {
     padding-top: 80px;
     position: relative;
     z-index: 2;
   }
   
   .bs-section {
     margin-top: 30px;
     margin-bottom: 60px;
     position: relative;
   }
   
   .side-nav {
     margin-bottom: 0;
     list-style: none;
     padding-left: 0;
   }
   
   .side-nav a {
     display: block;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     padding: 16px;
     border-radius: 8px;
     transition: all 160ms ease-in-out;
   }
   
   .side-nav.index a {
     font-size: 14px;
     padding: 10px;
   }
   
   .side-nav a:hover,
   .side-nav a.active {
     background-color: rgb(var(--primary-purple));
     color: #fff;
   }
   
   .sections {
     padding-top: 30px;
     margin-bottom: 20px;
   }
   
   .ava-text {
     text-align: center;
     position: absolute;
     top: -100px;
     width: 100%;
     z-index: -1;
   }
   
   .main-canvas {
     position: relative;
   }
   
   .main-canvas.show::before {
     content: '';
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     width: 120px;
     height: 100%;
     rotate: -180deg;
     background: linear-gradient(270deg, #FFF 8.75%, rgba(255, 255, 255, 0.00) 91.75%);
   }
   
   .swiper-canvas {
     position: relative;
   }
   
   .swiper-canvas.show::after {
     content: '';
     position: absolute;
     z-index: 1;
     right: 0;
     top: 0;
     width: 200px;
     height: 100%;
     background: linear-gradient(270deg, #FFF 8.75%, rgba(255, 255, 255, 0.00) 91.75%);
   }
   
   .swiper-canvas .swiper-slide {
     width: 21%;
   }
   
   .tech-header {
     margin-bottom: 0;
   }
   
   .tech-slider-item {
     border-radius: 16px;
     border: 1px solid #DDD;
     background: #FFF;
     padding: 16px;
     display: flex;
     align-items: center;
   }
   
   .available-number {
     border-radius: 7px;
     background: #F5F5F5;
     padding: 4px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 36px;
     font-style: normal;
     font-weight: 600;
     line-height: 120%;
     letter-spacing: -1.08px;
     color: #543592;
     width: 51px;
   }
   
   .tech-icon {
     width: calc(100% - 52px);
   }
   
   .tech-icon img {
     height: 24px;
   }
   
   .sticky-mt {
     position: sticky;
     top: 0;
     z-index: 130;
   }
   
   .tech-name {
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     color: #352D45;
   }
   
   .icon-info {
     position: absolute;
     top: 8px;
     right: 10px;
   }
   
   .box-review {
     border-radius: 9px;
     border: 1px solid #FFD1A0;
     background: #FFFBF6;
     padding: 12px 30px;
   }
   
   .step-content {
     padding-top: 20px;
     border-top: 2px solid rgba(217, 217, 217, 0.50);
   }
   
   .step-talent {
     padding-left: 0;
     list-style: none;
     display: flex;
     justify-content: space-between;
     margin-bottom: 30px;
   }
   
   .step-talent li {
     color: #8D8D99;
     font-size: 16px;
     font-weight: 700;
     display: flex;
     justify-content: space-between;
     align-items: center;
   }
   
   .step-talent li span {
     display: flex;
     align-items: center;
     gap: 10px;
   }
   
   .step-talent li span::before {
     content: url(../img/icons/state-idle.svg);
     position: relative;
     display: inline-block;
     width: 28px;
     height: 28px;
   }
   
   .step-talent li.current span,
   .step-talent li.done span {
     color: #323238;
   }
   
   .step-talent li.current span::before {
     content: url(../img/icons/state-current.svg);
   }
   
   .step-talent li.done span::before {
     content: url(../img/icons/state-done.svg);
   }
   
   .form-field {
     display: flex;
     justify-content: center;
     gap: 8px;
   }
   
   .otp-form input {
     display: inline-block;
     width: 50px;
     height: 50px;
     text-align: center;
     border-radius: 4px;
     border: 1px solid #DDD;
     background: #FFF;
     color: #000;
     font-size: 20px;
     font-weight: 700;
   }
   
   .otp-field:disabled,
   .otp-field:focus {
     background: #FFF;
     outline: 0;
   }
   
   .content-otp {
     padding: 5% 0;
   }
   
   .link-resend {
     font-size: 16px;
     font-weight: 700;
   }
   
   .link-resend:hover {
     text-decoration: underline;
   }
   
   .bg-white {
     background: #fff;
   }
   
   .countdown {
     padding: 60px 0;
     background-color: #e6def7;
   }
   
   .box-count {
     max-width: 600px;
   }
   
   .box-count p {
     letter-spacing: 2px;
     font-weight: 500;
     color: rgb(33, 37, 41);
   }
   
   #countdown ul {
     display: flex;
     align-items: center;
     list-style: none;
     width: 100%;
     gap: 35px;
     justify-content: center;
     padding-left: 0;
   }
   
   #countdown li {
     display: inline-block;
     color: rgb(var(--dark-purple));
     text-align: center;
     font-size: 14px;
     font-weight: 700;
     width: 80px;
   }
   
   #countdown li span {
     display: block;
     color: rgb(var(--primary-purple));
     text-align: center;
     font-size: 55px;
     font-weight: 700;
     line-height: 40px;
     margin-bottom: 10px;
   }
   
   .box-count-info {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 15px;
     padding: 15px 30px;
     border-radius: 50px;
     color: #fff;
     font-weight: 700;
     font-size: 20px;
     background-color: rgb(var(--primary-purple));
   }
    
   .banner-seminar {
     overflow: hidden;
     border-radius: 20px;
   }
   
   .seminar-profil {
     padding: 30px;
     border-radius: 20px;
     background-color: #ededed;
   }
   
   .img-profile-webinar {
     border-radius: 50%;
     overflow: hidden;
     border: 9px solid #fff;
     box-shadow: 4px 3px 13.3px 0px rgba(0, 0, 0, 0.05);
   }
   
   .quote-profile {
     font-style: italic;
   }
   
   .list-number {
     counter-reset: my-awesome-counter;
     list-style: none;
     padding-left: 45px;
     position: relative;
   }
   
   .list-number::before {
     content: '';
     width: 1px;
     position: absolute;
     left: 20px;
     height: 100%;
     border-left: 2px dashed #bebebe;
   }
   
   .list-number li {
     margin: 0 0 35px 0;
     font-size: 16px;
     padding-top: 5px;
     counter-increment: my-awesome-counter;
     position: relative;
   }
   
   .list-number li::before {
     content: counter(my-awesome-counter);
     color: rgb(var(--primary-purple));
     font-weight: bold;
     font-size: 18px;
     line-height: 25px;
     position: absolute;
     left: -40px;
     width: 30px;
     height: 30px;
     top: 0;
     background: #fff;
     border-radius: 50%;
     text-align: center;
     border: 2px solid rgb(var(--primary-purple));
   }
   
   .index-news {
     height: 100%;
     width: 100%;
     max-width: 350px;
     position: fixed;
     background: #fff;
     top: 0;
     right: -350px;
     z-index: 100;
     padding: 30px;
     transition: all 150ms ease-in-out;
     opacity: 0;
     visibility: hidden;
   }
   
   .index-news.show {
     right: 0;
     opacity: 1;
     visibility: visible;
   }
   
   .index-news::before {
     content: '';
     height: 100%;
     width: calc(100% - 350px);
     position: fixed;
     background: rgba(0, 0, 0, 0.2);
     top: 0;
     left: 0;
     z-index: 99;
   }
   
   .in-wrapper {
     margin: 20px 0;
     max-height: 70vh;
     overflow-y: auto;
     overflow-x: hidden;
   }
   
   /* ==========================================================================
      Mitrais Icon
      ========================================================================== */
   
   @font-face {
     font-family: 'mitrais-icon';
     src: url('../fonts/mitrais-icon.eot?36r6jl');
     src: url('../fonts/mitrais-icon.eot?36r6jl#iefix') format('embedded-opentype'),
       url('../fonts/mitrais-icon.ttf?36r6jl') format('truetype'),
       url('../fonts/mitrais-icon.woff?36r6jl') format('woff'),
       url('../fonts/mitrais-icon.svg?36r6jl#mitrais-icon') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: block;
   }
   
   i {
     font-family: 'mitrais-icon' !important;
     speak: never;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
   
   .icon-facebook:before {
     content: "\e900";
     font-size: 20px;
   }
   
   .icon-instagram:before {
     content: "\e901";
     font-size: 20px;
   }
   
   .icon-linkedin:before {
     content: "\e902";
     font-size: 20px;
   }
   
   .icon-youtube:before {
     content: "\e903";
     font-size: 20px;
   }
   
   .icon-twitter:before {
     content: "\e904";
     font-size: 18px;
   }
   
   .icon-stack-overflow:before {
     content: "\e905";
     font-size: 18px;
   }
   
   .icon-globe:before {
     content: "\e906";
   }
   
   .icon-link-up:before {
     content: "\e907";
   }
   
   .icon-arrow-down:before {
     content: "\e908";
   }
   
   .icon-close-circle:before {
     content: "\e909";
   }
   
   .icon-location:before {
     content: "\e90a";
   }
   
   /* ==========================================================================
      Buttonizer
      ========================================================================== */
   
   .buttonizer>a>i.fab {
     font-family: "Font Awesome 5 Brands" !important;
   }
   
   /* Default buttonizer position */
   .buttonizer {
     position: fixed;
     bottom: 20px;
     /* Example value, adjust as needed */
     right: 20px;
     /* Example value, adjust as needed */
     transition: bottom 0.3s ease-in-out;
     /* Smooth transition */
   }
   
   /* Shift buttonizer upwards */
   .buttonizer.shift-up {
     bottom: 80px !important;
     /* Adjust this value as needed */
   }
   
   /* ==========================================================================
      Helper classes
      ========================================================================== */
   .hidden,
   [hidden] {
     display: none !important;
   }
   
   .sr-only {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     white-space: nowrap;
     width: 1px;
     /* 1 */
   }
   
   .sr-only.focusable:active,
   .sr-only.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     white-space: inherit;
     width: auto;
   }
   
   .invisible {
     visibility: hidden;
   }
   
   .clearfix::before,
   .clearfix::after {
     content: " ";
     display: table;
   }
   
   .clearfix::after {
     clear: both;
   }
   
   .no-scroll {
     overflow: hidden;
     height: 100%;
   }
   
   .hide-on-desktop {
     display: none;
   }
   
   .wd-75 {
     max-width: 75%;
   }
   
   /* ==========================================================================
      Responsive Design.
      ========================================================================== */
   
   @media (min-width: 1200px) {
   
     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl {
       max-width: 1212px;
     }
   
     #section-tips .container-max {
       width: 100%;
       max-width: 1030px;
       margin-right: auto;
       margin-left: auto;
     }
   
     .landingspry {
       background-image: none !important;
     }
   
     .hide-desktop,
     #tech-for-m,
     #section-clients-swd,
     #section-core-secondary,
     .right-content-m {
       display: none;
     }
   
     .row-m {
       height: calc(100vh - 50vh);
     }
   
     .side-content-thanks {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       height: 100%;
     }
   
   }
   
   @media (min-width: 1280px) {
     .mm-right {
       display: none !important;
     }
   }
   
   @media (max-width: 1279px) {
     .nav-wrapper {
       display: none;
     }
   
     .hamburger {
       display: block;
     }
   
     .nav-mobile-overlay {
       display: block;
     }
   
     #why-pagi {
       display: none;
     }
   }
   
   @media (min-width: 1200px) and (max-width: 1439px) {
     .container-max {
       max-width: 1258px;
     }
   
     .main-hero {
       height: 120vh;
     }
   
     .hero-overlay {
       height: 120vh;
     }
   
     .hero-illustration {
       height: 120vh;
     }
   
     .style3-vector-line {
       top: -30px;
       right: 49px;
       width: 449px;
       height: 409px;
     }
   
     .image-illustration {
       position: relative;
       width: 515px;
       height: 417px;
       z-index: 1;
     }
   
     .hero-image-primary {
       margin-top: 100px;
     }
   
     .main-hero.landing,
     .landingspry {
       height: 120vh;
     }
   
     .hero-content {
       height: 120vh;
     }
   }
   
   @media (max-width: 1199px) {
     .navbar-brand {
       height: 30px;
     }
   
     #section-why-3 {
       display: none;
     }
   
     .logo-dark,
     .logo-light {
       height: 30px;
     }
   
     .navbar-brand .logo-light {
       top: 1.5px;
     }
   
     .casestudies-slider .swiper-slide {
       max-width: 426px;
     }
   
     .casestudies-slider .swiper-slide:last-child {
       padding-right: 1.5rem;
     }
   
     .service-feature {
       justify-content: space-around;
     }
   
     .sticky-nav {
       flex-wrap: wrap;
       align-items: center;
     }
   
     .sticky-nav .sticky-nav-item {
       width: 20%;
     }
   
     .sticky-navbar {
       position: static;
     }
   
     .card-quote {
       padding: 0;
     }
   
     .scroll-section {
       padding-top: 6em;
       padding-bottom: 6rem;
     }
   
     .card-project-title {
       font-size: 24px;
     }
   
     .card-project-desc {
       font-size: 14px;
     }
   
     .card-project-image img {
       aspect-ratio: 16 / 9;
     }
   
     .card-quote {
       padding: 0 1.5rem;
     }
   
     .card-quote h4.heading {
       font-size: 20px;
     }
   
     .card-quote .card-text-lg {
       font-size: 14px;
     }
   
     .grid-team {
       grid-template-columns: repeat(4, minmax(0, 1fr));
       gap: 20px;
     }
   
     .team-item h5 {
       font-size: 15px;
     }
   
     .office-items {
       height: 300px;
     }
   
     .main-hero.landing {
       height: auto;
     }
   
     .hero-content.landing {
       height: auto;
       padding: 20vh 0 10vh;
     }
   
     .logo-cer {
       padding: 20px;
     }
   
     .landing-spry {
       display: none;
     }
   
     .hero-content.landing {
       height: 100vh;
     }
   
     #list-landing,
     .img-big-thanks {
       display: none;
     }
   
     .wrapper-thanks {
       align-items: center;
     }
   
     .right-content-m {
       display: none;
     }
   
     .row-m {
       height: calc(100vh - 40vh);
     }
   
     .side-content-thanks {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       height: 100%;
     }
   
     .social-thanks .footer-social {
       justify-content: center;
     }
   
     .text-beware {
       padding-top: 10px;
       position: relative;
       z-index: 2;
     }
   
     .swiper-canvas .swiper-slide {
       width: 23%;
     }
   
     #ta.service-feature {
       grid-template-columns: repeat(2, 1fr);
       grid-auto-rows: 1fr;
     }
   
     .ava-text {
       top: -80px;
     }
   
     .img-m-main img {
       max-width: 30%;
     }
   }
   
   @media (min-width: 1180px) and (max-width: 1199px) {
   
     .logo-tech {
       display: none;
     }
   
   }
   
   @media (max-width: 1179px) {
     #tech-for-m {
       display: none;
     }
   
     .landingnewsletter.minings {
       height: 61px;
     }
   }
   
   @media (min-width: 1024px) and (max-width: 1180px) {
   
     #section-clients-swd,
     #section-work {
       display: none;
     }
   
     .logo-thanks-b {
       display: none;
     }
   
     #tech-for-m {
       display: block !important;
     }
   }
   
   @media (min-width: 992px) {
   
     #section-logo-trust,
     .sticky-mt {
       display: none;
     }
   }
   
   @media (min-width: 768px) and (max-width: 991px) {
   
     #section-core-secondary {
       display: none;
     }
   
     .why-list {
       display: grid;
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 16px;
       padding: 0 5%;
     }
   }
   
   @media (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
   
     .grid-service,
     .grid-product {
       grid-template-columns: repeat(1, 1fr);
       grid-auto-rows: auto;
       max-width: 558px;
       margin: auto;
     }
   
     .grid-service-item .circle-purple,
     .grid-product-item .circle-purple {
       display: none;
     }
   
     .grid-service-item .text-link,
     .grid-product-item .text-link {
       display: inline-block;
     }
   
     #section-product .fill-image {
       display: none;
     }
   
     #section-product .col-lg-8 {
       width: 100%;
     }
   
     #section-product .col-lg-9 {
       width: 66.666667%;
       text-align: center;
       margin: auto;
     }
   
     .testimonial-slider .swiper-pagination {
       text-align: left;
     }
   
     .hide-for-landscpae {
       display: none;
     }
   
     .row-m {
       height: calc(100vh - 35vh);
     }
   
     .logo-tech {
       display: none;
     }
   
     .coreType .swiper-slide {
       width: 30%;
     }
   
     .why-list {
       display: grid;
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 16px;
       padding: 0 20%;
     }
   
     .landingnewsletter {
       display: flex;
       align-items: flex-end;
       padding-bottom: 60px;
     }
   
     .tech-name {
       font-size: 14px;
       margin-top: 5px;
     }
   
     #ta.service-feature {
       grid-template-columns: repeat(3, 1fr);
       grid-auto-rows: 1fr;
     }
   
     #stickyNavbarSWD {
       display: none;
     }
   
     #talent .bx-ico {
       border: 0;
       height: auto;
     }
   
   }
   
   @media (min-width: 1025px) {}
   
   @media (max-width: 991px) {
   
     .whatsapp-btn {
       margin-top: 10px !important;
     }
   
     .thank-buttons {
       align-items: center;
     }
   
     .why-list.hide-on-mobile {
       display: none;
     }
   
     .hero-image-primary {
       display: none;
     }
   
     .hide-on-desktop {
       display: block;
     }
   
     .hide-on-tablet {
       display: none;
     }
   
     .card-wrapper {
       margin-top: 60px;
     }
   
     .card-wrapper.hide-on-desktop {
       display: flex;
     }
   
     .service-slider,
     .benefits-slider {
       margin: 0 -150px -40px -150px;
       padding: 20px 150px 40px 150px;
     }
   
     .service-slider .swiper-wrapper {
       justify-content: flex-start;
     }
   
     .service-slider .swiper-wrapper .swiper-slide,
     .market-slider .swiper-wrapper .swiper-slide,
     .benefits-slider .swiper-wrapper .swiper-slide {
       width: auto;
     }
   
     .market-slider {
       margin: 0 -150px -40px -150px;
       padding: 20px 150px 60px 150px;
     }
   
     .card-center {
       width: 246px;
     }
   
     .card-check {
       width: 275px;
     }
   
     .tab-menu-flex {
       flex-direction: row;
       justify-content: center;
     }
   
     .testimonial-slider {
       margin: 0 -150px 0 -150px;
       padding: 0 150px 0 150px;
     }
   
     .main-section {
       padding: 2rem 0;
       overflow: hidden;
     }
   
     .main-section-lg {
       padding: 4rem 0;
     }
   
     .main-section-sm {
       padding: 2rem 0;
     }
   
     .first-section {
       padding-top: 4rem;
     }
   
     .leadership-slider {
       margin-bottom: 20px;
     }
   
     .nav-tab-arrow-right {
       justify-content: flex-start !important;
       border-bottom: 1px solid #ddd;
       margin-bottom: 16px;
       flex-wrap: nowrap;
     }
   
     .nav-tab-arrow-right .nav-link {
       font-size: 14px;
       padding: 12px 16px 12px 0;
       border-bottom: 2px solid transparent;
     }
   
     .nav-tab-arrow-right .nav-link.active {
       border-color: rgb(var(--primary-purple));
     }
   
     .nav-tab-arrow-right .nav-link.active::after {
       display: none;
     }
   
     .tech-grid-4 .tech-grid-4-col {
       width: auto;
     }
   
     .card-tech {
       width: 107px;
     }
   
     .card-tech-sm {
       width: 95px;
     }
   
     .cta-background {
       padding: 60px 30px;
     }
   
     .floating-image {
       position: relative;
       top: 0;
     }
   
     .benefits-slider .swiper-slide {
       max-width: 249px;
     }
   
     .wd-75 {
       max-width: none;
     }
   
     .grid-service {
       grid-template-columns: repeat(2, 1fr);
       gap: 1.5rem;
     }
   
     .testimonial-section .swiper-pagination {
       text-align: left;
     }
   
     #test.swiper-pagination {
       padding: 0;
     }
   
     .nav-pills .nav-link {
       font-size: 0.875rem;
       padding: 0.75rem 2rem;
     }
   
     h1.heading.shink {
       font-size: 30px;
     }
   
     .card-counter {
       width: 155px;
       height: 155px;
       margin-bottom: 0;
     }
   
     .counter-number {
       font-size: 30px;
     }
   
     .card-col.offset {
       margin-top: 0;
     }
   
     .card-small {
       justify-content: center;
     }
   
     .footer-menu.half-column-sm {
       columns: 2;
       -webkit-columns: 2;
       -moz-columns: 2;
     }
   
     .service-feature {
       justify-content: space-around;
     }
   
     .footer-top {
       padding: 30px 0 24px;
     }
   
     .footer-widget {
       margin-bottom: 0;
     }
   
     .footer-title {
       margin-bottom: 20px;
     }
   
     .footer-menu .footer-menu-item a {
       padding: 8px 0;
     }
   
     .footer-link {
       text-align: left;
       padding: 36px 0 0;
     }
   
     .image-tips img {
       width: 100%;
       height: 100%;
       -o-object-fit: cover;
       object-fit: cover;
       aspect-ratio: 1 / 1;
     }
   
     #section-partner {
       display: none;
     }
   
     .testimonial-slider .swiper-slide {
       width: 70%;
     }
   
     h1.heading {
       font-size: 30px;
       line-height: 120%;
     }
   
     .margin-pa {
       margin-bottom: 4rem !important;
     }
   
     .m-msd {
       margin-bottom: 7rem;
     }
   
     .mining-software .swiper-slide {
       width: 46%;
     }
   
     .box-mining {
       min-height: 320px;
     }
   
     #l-tips.col-md-12 {
       width: 50%;
     }
   
     #t-about.col-sm-6 {
       width: 100%;
     }
   
     #t-about.col-sm-6.order-sm-2,
     #t-about.col-sm-6.order-md-2 {
       order: 1 !important;
     }
   
     #t-about.col-sm-6.order-sm-1,
     #t-about.col-sm-6.order-md-1 {
       order: 2 !important;
     }
   
     .get-in-touch {
       margin-top: 230px;
     }
   
     .grid-team {
       grid-template-columns: repeat(3, minmax(0, 1fr));
       gap: 20px;
     }
   
     .bx-ico {
       width: 64px;
       height: 64px;
     }
   
     .circle-purple {
       width: 40px;
       height: 40px;
     }
   
     .circle-purple img {
       width: 13px;
       height: 13px;
     }
   
     .modal-dialog.big {
       max-width: 600px;
     }
   
     .right-popup {
       padding: 50px 40px;
     }
   
     .image-newsletter {
       width: 180px;
     }
   
     .image-newsletter::before {
       width: 215px;
     }
   
     .grid-blog {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   
     .card-wrapper-t {
       display: grid;
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 10px;
     }
   
     #top-card {
       display: none;
     }
   
     .hero-content.landing {
       height: auto;
       padding: 15vh 0 5vh;
     }
   
     .main-hero.landing::after {
       content: '';
       background-color: #fff;
       width: 100%;
       height: 30%;
       position: absolute;
       left: 0;
       bottom: -1px;
     }
   
     #landing-cc {
       margin-top: 0;
     }
   
     #landing-cc .card-counter {
       width: 140px;
       height: 140px;
       margin-bottom: 20px;
     }
   
     #landing-cc .card-col.offset {
       margin-top: 50px;
     }
   
     .list-certificate {
       flex-wrap: wrap;
     }
   
     .logo-cer {
       height: 148px;
       width: 30%;
     }
   
     .testimonial-landing .swiper-pagination {
       text-align: left;
       padding: 0;
     }
   
     #landing-l.col-sm-7,
     #landing-l.col-sm-5,
     #landing-l.col-7,
     #landing-l.col-5 {
       width: 100%;
     }
   
     .landing-logo-tech img {
       max-width: 60%;
     }
   
     .swiper-canvas .swiper-slide {
       width: 29%;
     }
   
     .tech-name {
       font-size: 14px;
       margin-top: 5px;
     }
   
     #talent .bx-ico {
       border: 0;
     }
   
     .img-m-main img {
       max-width: 50%;
     }
   }
   
   @media (min-width: 768px) and (max-width: 991px) {
     .image-square img {
       aspect-ratio: 16 / 9;
     }
   }
   
   @media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
   
     .main-hero,
     .hero-overlay {
       height: 655px;
     }
   
     .hero-content {
       height: 655px;
       align-items: center !important;
     }
   
     .hero-content.offset {
       padding-bottom: 0;
     }
   
     .hero-content.spry {
       padding-bottom: 50vh;
     }
   
     .offset-wrapper {
       margin-top: -420px !important;
     }
   
     .nav-mobile-overlay {
       height: auto;
       overflow-y: auto;
       top: 0;
       background-position: bottom 0 center;
     }
   
     .nav-mobile-wrapper {
       background-color: transparent;
     }
   
     .accordion-button:not(.collapsed) {
       background-color: transparent;
     }
   
     .full-wrapper {
       min-height: auto;
       padding: 120px 0 80px;
     }
   
     .image-square img {
       aspect-ratio: 1 / 1;
     }
   }
   
   @media (max-width: 767px) {
     .hide-on-tablet {
       display: block;
     }
   
     .hide-on-mobile,
     #left-side {
       display: none;
     }
   
     .hero-content {
       align-items: flex-end;
     }
   
     h1 {
       font-size: 22px;
       line-height: 120%;
     }
   
     h1.display {
       font-size: 28px;
     }
   
     h1.heading {
       font-size: 24px;
     }
   
     .sub-text {
       font-size: 16px;
     }
   
     .main-text {
       font-size: 14px;
     }
   
     .tech-logo-wrapper {
       margin-left: -5px;
       margin-right: -5px;
       width: auto;
     }
   
     .tech-grid-4 .tech-grid-4-col {
       width: 33.33334%;
       padding-left: 5px;
       padding-right: 5px;
       margin-bottom: 10px;
     }
   
     .card-testimonial {
       padding: 24px;
       width: 307px;
     }
   
     .bg-wave {
       background-image: none;
     }
   
     .testimonial-info {
       display: block;
       bottom: 40px;
     }
   
     .testimonial-content {
       margin-bottom: 180px;
     }
   
     .testimonial-info .client-avatar {
       padding-bottom: 16px;
     }
   
     .testimonial-section .swiper-wrapper {
       padding-bottom: 50px;
     }
   
     .hero-content.offset-mobile {
       padding-bottom: 100px;
     }
   
     .card-small {
       justify-content: center;
     }
   
     .card-small .card-col {
       padding: 5px;
     }
   
     .card-small .card-counter {
       width: 110px;
       height: 110px;
     }
   
     .card-wrapper.hide-on-tablet {
       display: flex;
     }
   
     .progress-grid {
       position: relative;
       display: flex;
       justify-content: space-between;
       flex-direction: column;
     }
   
     .progress-grid::after {
       position: absolute;
       width: 4px;
       height: calc(100% - 40px);
       left: 50%;
       top: 10px;
       content: '';
       border-bottom: none;
       border-left: 3px dashed #ddd;
     }
   
     .progress-col {
       margin: 10px 0;
       width: auto;
     }
   
     .style1-vector-line,
     .style3-vector-line {
       top: -20px;
       width: 262px;
       height: 273px;
     }
   
     .style2-vector-line,
     .style4-vector-line {
       left: -20px;
       bottom: -20px;
       width: 215px;
       height: 263px;
     }
   
     .style4-vector-line {
       left: auto;
       right: -20px;
     }
   
     .image-wrapper-responsive.left-offset {
       position: relative;
       left: -30px;
     }
   
     .image-wrapper-responsive.right-offset {
       position: relative;
       right: -30px;
     }
   
     .modal-body {
       padding: 40px 20px 30px;
     }
   
     .content-list .content-list-item {
       padding-right: 0;
     }
   
     .tech-grid .tech-grid-col {
       padding-left: 5px;
       padding-right: 5px;
       margin-bottom: 10px;
     }
   
     .content-list-fill .content-list-item {
       position: relative;
       list-style: none;
       margin-bottom: 10px;
       padding: 14px 20px 6px 50px;
       background-color: #f8f8f8;
     }
   
     .content-list-fill .content-list-item::before {
       position: absolute;
       top: 14px;
       left: 10px;
       width: 30px;
       height: 30px;
       content: '';
       background-image: url('../img/icons/ico-check-green.svg');
       background-repeat: no-repeat;
       background-size: 30px;
       transform: translateY(0);
     }
   
     .mt-30 {
       margin-top: 10px;
     }
   
     .textgroup-box {
       flex-direction: column;
       padding: 10px 0;
     }
   
     .textgroup-icon {
       margin-bottom: 10px;
     }
   
     .footer-menu.half-column,
     .footer-menu.half-column-sm {
       columns: 2;
       -webkit-columns: 2;
       -moz-columns: 2;
     }
   
     .contact-title {
       font-size: 32px;
     }
   
     .contact-heading,
     .contact-heading .heading-overlay {
       height: 100vh;
     }
   
     .offset-wrapper {
       margin-top: -500px;
     }
   
     .card-contact {
       padding: 40px 20px;
     }
   
     .contact-icon {
       width: 50px;
     }
   
     .blog-heading .heading-overlay {
       padding: 80px 0 60px;
     }
   
     .article-wrapper {
       position: relative;
       margin-top: -120px;
     }
   
     .main-heading,
     .heading-overlay {
       min-height: 250px;
     }
   
     .share-widget {
       flex-direction: column;
     }
   
     .widget-title {
       margin-bottom: 20px;
     }
   
     .article-title .sub-text {
       font-size: 14px;
     }
   
     .article-title h1 {
       font-size: 24px;
     }
   
     .error-image {
       width: 200px;
     }
   
     .play-button {
       width: 52px;
       height: 52px;
     }
   
     .image-illustration.type-1 {
       border-radius: 100px 5px 5px 20px;
     }
   
     .video-frame {
       border-radius: 100px 5px 5px 20px;
     }
   
     .nav-tab-arrow {
       margin-bottom: 2rem;
     }
   
     .nav-tab-arrow .nav-link {
       display: block;
       color: var(--color-light);
       padding: 10px 10px 10px 28px;
       border-bottom: none;
     }
   
     .nav-tab-arrow .nav-link::before {
       top: 12px;
     }
   
     .card-check-header {
       display: flex;
       align-items: center;
     }
   
     .card-check-header .card-icon-circle {
       padding-right: 10px;
       margin-bottom: 10px;
     }
   
     .card-check-header .card-title {
       font-size: 18px;
     }
   
     .grid-service,
     .grid-services,
     .grid-product,
     .service-feature.two-col {
       grid-template-columns: repeat(1, 1fr);
       grid-auto-rows: auto;
     }
   
     .service-feature {
       grid-template-columns: repeat(1, 1fr);
     }
   
     .service-feature-item {
       width: 100%;
       max-width: 100%;
     }
   
     .grid-service-item .text-link {
       display: inline-block;
     }
   
     .card-purple {
       padding: 3rem 2rem;
     }
   
     .first-section {
       padding-top: 2rem;
     }
   
     .card-wrapper {
       justify-content: center;
     }
   
     .card-wrapper.hide-on-mobile {
       display: none;
     }
   
     .card-awards {
       padding: 2rem 1.5rem;
     }
   
     .card-awards img {
       max-height: 115px;
     }
   
     .card-small .counter-number {
       font-size: 24px;
     }
   
     .navbar-menu {
       height: 64px;
     }
   
     .leadership-slider .swiper-slide {
       width: 165px;
     }
   
     .card-profile img {
       width: 165px;
       height: 165px;
     }
   
     .card-profile {
       width: 165px;
       height: 165px;
     }
   
     .casestudies-slider .swiper-slide {
       max-width: 277px;
     }
   
     .card-title br {
       display: none;
     }
   
     .social-widget {
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
     }
   
     .footer-logo {
       margin-bottom: 30px;
     }
   
     .footer-menu.inline-column .footer-menu-item {
       display: block;
       padding-right: 0;
     }
   
     .footer-link,
     .copyright {
       text-align: center;
     }
   
     .gradient-np {
       margin-left: 0;
     }
   
     .image-tips img {
       aspect-ratio: 16 / 9;
     }
   
     .tipsntrick h2 {
       font-size: 20px;
       line-height: 120%;
       letter-spacing: -0.03em;
     }
   
     .tipsntrick .swiper-slide {
       max-width: 240px;
     }
   
     .slider-project .swiper-slide {
       width: 300px;
     }
   
     .card-project {
       width: 300px;
     }
   
     .scroll-section {
       padding-top: 5em;
       padding-bottom: 3rem;
     }
   
     .slider-project {
       margin: 1rem -2rem 0;
     }
   
     .grid-service-item .text-link,
     .grid-product-item .text-link {
       display: inline-block;
     }
   
     .testimonial-slider .swiper-slide {
       width: 90%;
     }
   
     #section-partner {
       display: block;
     }
   
     .text-center-m {
       text-align: center;
     }
   
     .mining-software .swiper-slide {
       width: 90%;
     }
   
     .m-msd {
       margin-bottom: 4rem;
     }
   
     #link-mining.hide-on-tablet {
       display: inline-block;
     }
   
     .box-mining {
       min-height: 295px;
     }
   
     #l-tips.col-md-12 {
       width: 100%;
     }
   
     .logo-grid-wrap {
       justify-content: center;
     }
   
     #land-about.hide-on-tablet {
       display: flex;
     }
   
     .list-item a {
       padding-right: 32px;
     }
   
     .bg-video {
       height: 180px;
       padding: 22px;
     }
   
     .get-in-touch {
       margin-top: 73px;
     }
   
     .grid-team {
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 15px;
     }
   
     .grid-office {
       grid-template-columns: repeat(1, minmax(0, 1fr));
       gap: 20px;
     }
   
     .grid-blog {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
   
     .article-wrapper::before {
       height: 200px;
     }
   
     .featured-image {
       padding-top: 80px;
     }
   
     .card-wrapper-t {
       display: grid;
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 10px;
     }
   
     .card-wrapper-t.hide-on-mobile {
       display: none;
     }
   
     #top-card {
       display: grid;
     }
   
     #landing-cc .card-col.offset {
       margin-top: 0px;
     }
   
     .logo-cer {
       height: 100px;
       padding: 20px;
     }
   
     #landing-l.col-7,
     #landing-l.col-5 {
       width: 100%;
     }
   
     .logo-tech,
     #section-clients-swd,
     #section-work {
       display: none;
     }
   
     #tech-for-m {
       display: block;
     }
   
     .core-box::after {
       width: 80px;
     }
   
     .coreType .swiper-slide {
       width: 60%;
     }
   
     .wrapper-thanks {
       padding: 5vh 0;
     }
   
     .row-m {
       height: calc(100vh - 20vh);
     }
   
     .side-content-thanks {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       height: 100%;
     }
   
     .social-thanks .footer-social {
       justify-content: center;
     }
   
     .why-list {
       display: grid;
       grid-template-columns: repeat(1, minmax(0, 1fr));
       gap: 16px;
       padding: 0 5%;
     }
   
     .card-counter {
       width: 100%;
       height: 155px;
       margin-bottom: 0;
     }
   
     .text-beware h1 {
       font-size: 20px;
     }
   
     .text-bg {
       top: -24px;
     }
   
     .tech-slider-item {
       padding: 12px;
       border-radius: 10px;
       height: 100%;
     }
   
     .swiper-canvas .swiper-slide {
       width: 45%;
       height: auto;
     }
   
     .tech-icon {
       width: calc(100% - 37px);
     }
   
     .available-number {
       font-size: 22px;
       width: 36px;
     }
   
     .ava-text {
       display: none;
     }
   
     #section-available .gradient-2 {
       background: rgb(53, 45, 69);
       background-clip: text;
       -webkit-background-clip: text;
     }
   
     .tech-header {
       font-size: 22px;
       margin-bottom: 0;
     }
   
     .main-canvas.show::before,
     .swiper-canvas.show::after {
       display: none;
     }
   
     #ta.service-feature {
       grid-template-columns: repeat(1, 1fr);
       grid-auto-rows: 1fr;
     }
   
     .slider-why .swiper-slide {
       width: 90%;
     }
   
     #list-wl {
       overflow: hidden;
       max-height: 1100px;
       transition: max-height .5s ease;
     }
   
     #countdown ul {
       gap: 15px;
     }
   
     .box-count-info {
       font-size: 16px;
     }
   
     #countdown li span {
       font-size: 35px;
     }
   
     #countdown li {
       width: 60px;
     }
   
     .img-m-main img {
       max-width: 60%;
     }
   }
   
   @media (max-width: 396px) {
     .item-info img {
       max-width: 25px;
     }
   }
   
   @media (max-width: 1119px) and (orientation: landscape) {
     .service-feature-item {
       width: 100%;
       max-width: 250px;
     }
   
     .nav-mobile-overlay {
       overflow-y: auto;
     }
   
     .header-landing .justify-content-sm-center {
       justify-content: flex-start !important;
     }
   }
   
   @media (max-width: 1000px) and (orientation: landscape) {
     .container {
       max-width: 720px;
     }
   
     .hide-landscape {
       display: none;
     }
   
     .hero-bottom {
       display: none;
     }
   
     #section-partner {
       display: block;
     }
   
     .grid-service {
       grid-template-columns: repeat(1, 1fr);
       gap: 1.5rem;
     }
   
     .grid-service-item .text-link,
     .grid-product-item .text-link {
       display: inline-block;
     }
   
     .card-wrapper.hide-on-desktop {
       display: none;
     }
   
     .card-col {
       display: flex;
       gap: 1.3rem;
     }
   
     .card-wrapper {
       justify-content: flex-start;
     }
   
     .grid-product {
       grid-template-columns: repeat(1, 1fr);
     }
   
     .service-feature-item {
       text-align: center;
       max-width: 350px;
     }
   
     /* ==========================================================================
      Prduct services Section
      ========================================================================== */
     .service-section {
       width: 100% !important;
     }
   
     /* ==========================================================================*/
   
     .service-feature {
       justify-content: center;
     }
   
     .center-landscape {
       display: flex;
       justify-content: center;
     }
   
     #for-landscape img {
       max-width: 70%;
     }
   
     #for-landscape.hide-on-tablet {
       display: block;
     }
   
     .text-ls-center {
       text-align: center;
     }
   
     #full-on-landscape.col-sm-7 {
       width: 100%;
     }
   
     #l-service-all.hide-on-mobile {
       display: block;
     }
   
     #l-service-all.order-md-1 {
       order: 1;
     }
   
     #l-service-all.order-md-2 {
       order: 2;
     }
   
     .margin-pa {
       margin-bottom: 4rem !important;
     }
   
     .casestudies-slider .swiper-slide {
       max-width: 300px;
     }
   
     #landing-nc .text-sm-center {
       text-align: left !important;
     }
   
     #link-mining.hide-on-tablet {
       display: inline-block;
     }
   
     .box-mining {
       min-height: 341px;
     }
   
     #mining-service.col-sm-5 {
       width: 70%;
     }
   
     #mining-service.col-sm-6 {
       width: 100%;
     }
   
     .m-msd {
       margin-bottom: 5rem;
     }
   
     #l-mining.col-md-7,
     #l-about.col-md-7 {
       flex: 0 0 auto;
       width: 85%;
     }
   
     #l-mining-2.col-md-7,
     #l-mining-2.col-md-5,
     #l-leader.col-md-7,
     #l-about.col-md-5 {
       width: 100%;
     }
   
     .floating-image img {
       max-width: 70%;
     }
   
     .tipsntrick,
     .leadership-slider {
       overflow: visible;
     }
   
     .tipsntrick .swiper-slide {
       width: 55%;
     }
   
     .image-tips {
       margin-bottom: 15px;
     }
   
     .image-tips img {
       aspect-ratio: 16 / 9;
     }
   
     #l-mining.hide-on-tablet,
     #l-about.hide-on-tablet {
       display: block;
     }
   
     #l-about {
       justify-content: center;
     }
   
     .team-l {
       margin-top: 20px;
     }
   
     #l-about.link-view-team {
       width: 100%;
       display: flex;
       justify-content: flex-end;
       padding-right: 40px;
     }
   
     .logo-grid-wrap {
       justify-content: center;
     }
   
     .logo-grid {
       text-align: center;
     }
   
     #land-about.hide-on-tablet {
       display: flex;
     }
   
     #t-about.col-sm-6 {
       width: 50%;
     }
   
     #t-about.col-sm-6.order-sm-2,
     #t-about.col-sm-6.order-md-2 {
       order: 2 !important;
     }
   
     #t-about.col-sm-6.order-sm-1,
     #t-about.col-sm-6.order-md-1 {
       order: 1 !important;
     }
   
     #logo-l.col-sm-5 {
       display: none;
     }
   
     #ta-l.col-sm-5,
     #ta-l.col-sm-7 {
       width: 100%;
     }
   
     .wrap-ta {
       display: flex;
       justify-content: center;
     }
   
     .wrap-ta .tab-content,
     #ta-l .tab-dropdown {
       width: 100%;
       max-width: 350px;
       display: block;
     }
   
     .mb-counter {
       margin-bottom: 40px;
     }
   
     #c-l.col-md-4 {
       width: 70%;
     }
   
     #l-sd.hide-on-mobile {
       display: block;
     }
   
     .nav-mobile-overlay {
       overflow-y: auto;
     }
   
     .facilities {
       max-width: 60%;
     }
   
     #blog-section .container-max {
       max-width: 720px;
     }
   
     #l-od.col-sm-5,
     #l-od.col-sm-7 {
       width: 80%;
     }
   
     #desc-od.hide-on-tablet {
       display: block;
     }
   
     .list-item a {
       max-width: 100%;
     }
   
     .get-in-touch {
       margin-top: 250px;
     }
   
     .grid-team {
       grid-template-columns: repeat(4, minmax(0, 1fr));
       gap: 15px;
     }
   
     .grid-office {
       grid-template-columns: repeat(2, minmax(0, 1fr));
       gap: 20px;
     }
   
     .button-wrapper {
       position: relative;
       margin-top: 40px;
     }
   
     .mobile-scroll {
       max-height: 55vh;
       overflow-y: auto;
       overflow-x: hidden;
     }
   
     .navbar-menu {
       position: static;
       padding: 0;
       height: 60px;
     }
   
     #landing-l .text-sm-center {
       text-align: left !important;
     }
   
     #landing-l .offset-sm-2 {
       margin-left: 0;
     }
   
   
     #landing-l .col-sm-8 {
       width: 100%;
     }
   
     #landing-l h1.display {
       font-size: 25px;
       line-height: 120%;
     }
   
     .main-hero.landing .hero-content {
       height: auto;
       padding: 25vh 0 5vh;
     }
   
     #services-ll .col-sm-8,
     #services-ll .col-sm-9,
     #services-ll .col-sm-4 {
       width: 100%;
     }
   
     #services-ll .order-sm-2 {
       order: 1 !important;
     }
   
     #landing-cc .card-col.offset {
       margin-top: 0;
     }
   
     .centerlandscape {
       display: flex;
       justify-content: center;
     }
   
     .service-feature {
       grid-template-columns: repeat(1, 1fr);
     }
   
     .coreType .swiper-slide {
       width: 40%;
     }
   
     .tech-grid-4 .tech-grid-4-col {
       width: 25%;
     }
   
     .img-m-thanks {
       display: none;
     }
   
     .logo-thanks {
       width: 100%;
     }
   
     .wrapper-thanks,
     .right-content-m {
       display: block;
     }
   
     .side-content-thanks {
       display: flex;
       align-items: center;
       flex-direction: column;
       width: 50%;
     }
   
     .row-m {
       display: flex;
       align-items: center;
       margin-top: 40px;
     }
   
     .logo-tech,
     #section-work {
       display: none;
     }
   
     #tech-for-m,
     #section-core-secondary {
       display: block !important;
     }
   
     #phone .col-md-12 {
       flex: 0 0 auto;
       width: 50%;
     }
   
     .why-list {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   
     .footer-menu {
       display: flex;
       gap: 15px;
       flex-wrap: wrap;
     }
   
     .footer-menu.inline-column .footer-menu-item {
       display: inline-block;
       padding-right: 0;
     }
   
     .footer-link,
     .copyright {
       text-align: left;
     }
   
     #ta.service-feature {
       grid-template-columns: repeat(1, 1fr);
       grid-auto-rows: 1fr;
       max-width: 350px;
     }
   
     #stickyNavbarSWD {
       position: sticky;
       top: 0;
     }
   
     #section-available .gradient-2 {
       background: linear-gradient(91deg, #6200C0 37.44%, #C91FB8 62.19%);
       background-clip: text;
       -webkit-background-clip: text;
     }
   
     .ava-text {
       display: block;
     }
   
     #talent {
       display: flex;
       justify-content: center;
     }
   
     #talent .grid-services {
       display: grid;
       grid-template-columns: repeat(1, 1fr);
       grid-auto-rows: 1fr;
       gap: 4rem;
       padding-bottom: 3.5rem;
       max-width: 400px;
     }
   
     #talent .grid-services-item {
       text-align: center;
     }
   }
   
   @media (max-width: 767px) and (orientation: landscape) {
     .container {
       max-width: 667px;
     }
   
     .main-hero,
     .hero-overlay {
       height: 400px;
     }
   
     .hero-content {
       height: 400px;
       align-items: center !important;
     }
   
     .hero-content.offset-mobile {
       padding-bottom: 0 !important;
     }
   
     .hero-content.offset {
       padding-bottom: 0;
     }
   
     #section-partner {
       display: block;
     }
   
     .offset-wrapper {
       margin-top: -270px !important;
     }
   
     .nav-mobile-overlay {
       height: auto;
       overflow-y: auto;
       top: 0;
       background-position: bottom 0 center;
     }
   
     .nav-mobile-wrapper {
       background-color: transparent;
     }
   
     .accordion-button:not(.collapsed) {
       background-color: transparent;
     }
   
     .button-wrapper {
       position: relative;
       left: 0;
       bottom: 0;
       margin-bottom: 30px;
     }
   
     .full-wrapper {
       min-height: auto;
       padding: 120px 0 80px;
     }
   
     .card-col {
       display: flex;
       gap: 1.3rem;
     }
   
     .card-counter {
       width: 140px;
       height: 140px;
       margin-bottom: 20px;
     }
   
     h1.heading {
       font-size: 24px;
     }
   
     .tab-dropdown {
       display: none;
     }
   
     .nav.nav-pills {
       display: flex;
       padding: 0 3rem;
     }
   
     #stories .col-md-6 {
       flex: 0 0 auto;
       width: 50%;
     }
   
     .box-mining {
       min-height: 297px;
     }
   
     #l-tips.col-md-12 {
       width: 100%;
     }
   
     #l-about.hide-on-mobile,
     #l-team.hide-on-mobile {
       display: block;
     }
   
     .grid-team {
       grid-template-columns: repeat(3, minmax(0, 1fr));
       gap: 15px;
     }
   
     #l-training .col-md-6 {
       width: 50%;
     }
   
     #git.hide-on-mobile {
       display: block;
     }
   
     .mobile-scroll {
       max-height: 50vh;
       overflow-y: auto;
       overflow-x: hidden;
     }
   
     #landing-l .body-3 {
       font-size: 14px;
     }
   
     #landing-l h1.display {
       font-size: 20px;
       line-height: 120%;
     }
   
     .footer-menu {
       display: flex;
       gap: 10px;
       flex-wrap: wrap;
     }
   
     .card-wrapper-t {
       display: grid;
       grid-template-columns: repeat(4, minmax(0, 1fr));
       gap: 10px;
     }
   }
   
   @media (min-width: 768px) {
     .container-max {
       max-width: 720px;
     }
   
     .margin-pa {
       margin-bottom: 4rem !important;
     }
   }
   
   @media (min-width: 991px) {
     .container-max {
       max-width: 1362px;
     }
   
     .main-hero {
       background-image: none !important;
     }
   }
   
   @media (min-width: 576px) {
     .modal-dialog {
       max-width: 680px;
       margin: 1.75rem auto;
     }
   }
   
   @media (max-width: 575px) {
     .sticky-navbar {
       display: none;
     }
   
     .drop-navbar {
       margin-top: 2rem;
       display: block;
     }
   
     .tech-name {
       font-size: 12px;
       margin-top: 5px;
     }
   
     .otp-form input {
       width: 40px;
       height: 40px;
       font-size: 15px;
     }
   }
   
   /* ==========================================================================
      Print styles.
      ========================================================================== */
   
   @media print {
   
     *,
     *::before,
     *::after {
       background: #fff !important;
       color: #000 !important;
       box-shadow: none !important;
       text-shadow: none !important;
     }
   
     a,
     a:visited {
       text-decoration: underline;
     }
   
     a[href]::after {
       content: " (" attr(href) ")";
     }
   
     abbr[title]::after {
       content: " (" attr(title) ")";
     }
   
     a[href^="#"]::after,
     a[href^="javascript:"]::after {
       content: "";
     }
   
     pre {
       white-space: pre-wrap !important;
     }
   
     pre,
     blockquote {
       border: 1px solid #999;
       page-break-inside: avoid;
     }
   
     thead {
       display: table-header-group;
     }
   
     tr,
     img {
       page-break-inside: avoid;
     }
   
     p,
     h2,
     h3 {
       orphans: 3;
       widows: 3;
     }
   
     h2,
     h3 {
       page-break-after: avoid;
     }
   }