@charset "UTF-8";

/* extralight */
@font-face {
  font-family: 'Ekster';
  src: url('../fonts/ekster-extralight-webfont.woff2') format('woff2'),
       url('../fonts/ekster-extralight-webfont.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* light */
@font-face {
  font-family: 'Ekster';
  src: url('../fonts/ekster-light-webfont.woff2') format('woff2'),
       url('../fonts/ekster-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Normal */
@font-face {
  font-family: 'Ekster';
  src: url('../fonts/ekster-webfont.woff2') format('woff2'),
       url('../fonts/ekster-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic */
@font-face {
  font-family: 'Ekster';
  src: url('../fonts/Ekster-Italic.woff2') format('woff2'),
       url('../fonts/Ekster-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: 'Ekster';
  src: url('../fonts/ekster-bold-webfont.woff2') format('woff2'),
       url('../fonts/ekster-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  font-family: 'Ekster';
  src: url('../fonts/ekster-bolditalic-webfont.woff2') format('woff2'),
       url('../fonts/ekster-bolditalic-webfont.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Black */
@font-face {
  font-family: 'Ekster';
  src: url('../fonts/ekster-black-webfont.woff2') format('woff2'),
       url('../fonts/ekster-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}



.bg_dark {
    background-color: #1C0B65;
}
.bg_dark .title, .bg_dark p {
    color: white;
}
.bg_dark .mb--10.text-color-white {
    color: white;
}
.bg_dark .btn-read-more, .bg_dark .btn-read-more span{
    color: var(--color-secondary) !important;
}
.counter-style-4 .counter-title {
    color: white;
text-align: center;
font-size: 22px;
line-height: 124%; /* 124% */
}
.brand-style-2 li {
    justify-content: center;
    display: flex;
    align-items: center;
}
.brand-style-2 li a img {
    /* filter: invert(1); */
    opacity: 0.5;
}
.counter-style-4 .count-number::after {
    content: "";
}

.counter-style-4 .count-number {
font-size: 75px;
font-style: normal;
font-weight: 700;
background: linear-gradient(90deg, #6549D5 35.53%, #E33FA1 74.51%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.key-tas .key-tas-item:nth-child(2) .counter-style-4 .count-number {
    background: linear-gradient(90deg, #059DFF 23.19%, #6549D5 80.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.key-tas .key-tas-item:nth-child(3) .counter-style-4 .count-number {
    background: linear-gradient(90deg, #059DFF 0%, #36C6F0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.key-tas .key-tas-item:nth-child(4) .counter-style-4 .count-number {
    background: linear-gradient(90deg, #059DFF 0%, #E33FA1 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-pdt {}
.home-pdt .card-box.card-style-1{
    text-align: center;
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}
.home-pdt .card-box .inner .content .title{
    text-transform: uppercase;
    color: #1C0B65;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 125%; /* 125% */
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}
.home-pdt .card-box .inner .content {
    padding-bottom: 20px;
}
.home-pdt .card-box .btn-default.btn-sage{
    background: #00D639 !important;
}
.home-pdt .card-box .btn-default.btn-divalto{
    background: #F49919 !important;
}
.home-pdt .card-box .btn-default.btn-wavesoft{
    background: #54ABA7 !important;
}

.rainbow-service-area .service-wrapper .service .title{
    font-weight: 400;
}
.rainbow-service-area .service-wrapper .service .title strong{
    display: block;
    text-transform: uppercase;
}

.theme-gradient, .counter-style-1 .count-number {
    background: linear-gradient(90deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: none;
}
a.btn-default, button.btn-default, div.btn-default {
    background: linear-gradient(90deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%) 10%/110% 100%;
}

.feature-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.feature-list li {
  display: flex;
}
.feature-list li .icon {
  background: var(--color-primary);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  color: var(--color-white);
  text-align: center;
  min-width: 30px;
}

.feature-list li .title-wrapper {
  margin-left: 13px;
}
.feature-list li .title-wrapper .title {
  font-size: 18px;
  margin: 0;
  font-weight: 400;
}
.feature-list li .icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: white;
  font-size: 22px !important;
  width: 100%;
}
.clltoaction-style-default.style-7 .content .subtitle {
    line-height: normal;
}
.clltoaction-style-default.style-7 .content .subtitle {
    max-width: 580px;
}

.service.service__style--1 .icon > img{
  height: 40px;
}

.mainmenu-nav .mainmenu li.solution a {
  margin-left: 1px;
}
.mainmenu-nav .mainmenu li.solution a span {
  background: linear-gradient(90deg, var(--color-primary) 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, var(--color-secondary) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: -12px;
  font-weight: 700;
}

.feature-item {
    display: flex;
}
.feature-item i {
    color: #28a745;
    margin-right: 10px;
    margin-top: 3px;
}
.rbt-inner-alignwide {
  padding: 0 80px;
}
.main-content .template-slider .container {
  max-width: 1020px;
}