/*-----------------------------------------------------------------------------------
  Project Name: Appics - App landing WordPress Theme
  Author: Themexriver -->> (https://themeforest.net/user/themexriver)
  Support: themexriver@gmail.com
  Description: Appics - App landing WordPress Theme
  Version: 1.0
-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

	01. Theme default CSS
    02. header
    03. home
    04. global
    05. preloder
    06. about
    07. contact
    08. faq
    09. news
    10. blog
    11. shop
    12. author
    13. 404
    14. footer

-----------------------------------------------------------------------------------*/
:root {
  --font-sfpro: 'SFProDisplay';
  --font-archivo: 'Archivo', sans-serif;
  --font-arimo: 'Arimo', sans-serif;
  --font-caudex: 'Caudex', serif;
  --font-jost: 'Jost', sans-serif;
  --font-poppins: 'Poppins', sans-serif;
  --color-1: #53E472;
  --color-2: #FFE034;
  --color-3: #F4A710;
  --color-4: #FF9B13;
  --color-5: #7CD1E4;
  --color-6: #78D2E4;
  --color-7: #76CFE8;
  --color-8: #EC0D0D;
  --color-9: #101211;
  --color-10: #FBCE32;
  --color-11: #F8D885;
  --color-12: #FFA800;
  --color-13: #01AA8C;
  --gradient-color: linear-gradient(99.23deg, var(--color-1) 34.28%, var(--color-2) 124.19%);
  --color-heading: #101212;
  --color-white: #fff;
  --color-black: #000;
  --color-default: #717171;
  --color-default: #888686;
  --color-da: #4B48F2;
  --color-da-1: var(--color-12);
  --color-da-2: #FF0000;
  --vc-color: #F7562A;
  --color-ba: #F51B75;
  --color-18: #FFDC60;
  --color-al: #F53D5D;
  --color-al-2: #05B9A3;
  --color-al-3: #FE66B3;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); } }
@keyframes zoom {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  50% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg); }
  50% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg); } }
@keyframes shake {
  0% {
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg); }
  50% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg); } }
@-webkit-keyframes down {
  0% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); } }
@keyframes down {
  0% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); }
  50% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px); } }
/* reset css start */
html {
  scroll-behavior: smooth; }

body {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-family: var(--font-archivo);
  font-size: 18px;
  line-height: 30px;
  color: #6E6D79;overflow-x: hidden; }

.demo_fitness_app h1, .demo_fitness_app h2, .demo_fitness_app h3, .demo_fitness_app h4, .demo_fitness_app h5, .demo_fitness_app h6 {
  font-weight: 500; }

.demo_finance_app {
  font-family: var(--font-arimo);
  font-size: 18px;
  line-height: 30px;
  color: #565F66;
  background: #F6F3EC; }
  .demo_finance_app h1, .demo_finance_app h2, .demo_finance_app h3, .demo_finance_app h4, .demo_finance_app h5, .demo_finance_app h6 {
    font-family: var(--font-caudex);
    color: #101212;
    font-weight: 700; }

.demo_task_management_app {
  font-family: var(--font-jost);
  font-size: 18px;
  line-height: 30px;
  color: #6E6D79; }
  .demo_task_management_app h1, .demo_task_management_app h2, .demo_task_management_app h3, .demo_task_management_app h4, .demo_task_management_app h5, .demo_task_management_app h6 {
    font-family: var(--font-poppins);
    color: #101212;
    font-weight: 500; }

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

ul {
  margin: 0px;
  padding: 0px; }

button {
  cursor: pointer; }

*:focus {
  outline: none; }

button {
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

button:focus {
  outline: none; }

a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  a:hover {
    color: inherit; }


input[type="text"], input[type="password"], input[type="email"], input[type="tel"], form select, textarea {
  width: 100%;
  height: 55px;
  border-radius: 0;
  padding: 0 20px;
  transition: .3s;
  border: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s; }

button {
  border: 0; }

table {
  width: 100%; }

p, li, span {
  margin-bottom: 0; }

/* reset css end */
/* global css start */
.nice-select {
  background-color: transparent;
  height: 40px !important;
  line-height: 40px !important;
  min-height: 40px !important;
  padding: 0 30px; }
  .nice-select span {
    color: var(--color-black); }
  .nice-select .list {
    box-shadow: 0.975px 7.94px 21px 0px rgba(239, 239, 239, 0.5); }
    .nice-select .list li {
      margin-right: 0 !important; }
    .nice-select .list .option {
      color: var(--color-black); }
      .nice-select .list .option.selected, .nice-select .list .option:hover {
        border: none !important; }

/* global css end */
.body_wrap {
  overflow: hidden;
  position: relative; }

main {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2; }

.bg_img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; }

.footer-bg {
  background-color: #04060A; }

.black-bg {
  background: #000; }

.white {
  color: var(--color-white); }

.pos-rel {
  position: relative; }

.pos-absolute {
  position: absolute; }

.f-right {
  float: right; }

.border-effect a, .border-effect-2 a {
  display: inline !important;
  width: 100%;
  background-repeat: no-repeat;
  background-position-y: -2px;
  background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
  -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-size: 0 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .border-effect a:hover, .border-effect-2 a:hover {
    background-size: 100% 100%;
    color: inherit; }

.border-effect-2 a {
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); }

/* play btn animation */
.popup-video-animation {
  position: absolute;
  background: #fff;
  color: #101212;
  height: 100px;
  width: 100px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 2; }
  .popup-video-animation:hover {
    color: #101212;
    -webkit-transform: translateY(-50%) scale(1.1);
    -ms-transform: translateY(-50%) scale(1.1);
    transform: translateY(-50%) scale(1.1); }
  .popup-video-animation--md {
    height: 70px;
    width: 70px;
    font-size: 16px; }
  .popup-video-animation--sm {
    height: 55px;
    width: 55px;
    font-size: 14px; }

.popup-video-animation::before, .popup-video-animation::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.15;
  z-index: -10; }

.popup-video-animation::before {
  z-index: -10;
  -webkit-animation: inner-ripple 2000ms linear infinite;
  -moz-animation: inner-ripple 2000ms linear infinite;
  animation: inner-ripple 2000ms linear infinite; }

.popup-video-animation::after {
  z-index: -10;
  -webkit-animation: outer-ripple 2000ms linear infinite;
  -moz-animation: outer-ripple 2000ms linear infinite;
  animation: outer-ripple 2000ms linear infinite; }

.tx-item--title {
  color: #000;
  font-size: 36px; }
  @media (max-width: 767px) {
    .tx-item--title {
      font-size: 25px; } }
  .tx-item--title span {
    color: #000; }
  .tx-item--title.fs-46 {
    font-size: 46px;
    line-height: 1.2; }
    @media (max-width: 991px) {
      .tx-item--title.fs-46 {
        font-size: 34px; } }
    @media (max-width: 767px) {
      .tx-item--title.fs-46 {
        font-size: 30px; } }

.tx-heading .subtitle {
  color: #101211;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 15px;
  padding: 3px 25px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 3.79155px 10px rgba(99, 111, 114, 0.04); }
  .tx-heading .subtitle.no-bg {
    background: transparent;
    padding: 0;
    box-shadow: none; }
  .tx-heading .subtitle span {
    color: var(--color-8); }
.tx-heading .wow.letter {
  -webkit-transform: translateY(100%);
  -khtml-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1); }
.tx-heading .wow.letter.animated {
  -webkit-transform: translateY(0);
  -khtml-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }
.tx-heading--fin .subtitle {
  font-size: 14px;
  color: var(--color-12);
  text-transform: uppercase;
  margin-bottom: 10px; }
.tx-heading--tma .subtitle {
  font-size: 14px;
  color: var(--color-12);
  text-transform: uppercase;
  margin-bottom: 10px; }
@media (max-width: 1199px) {
  .tx-heading--tma .tx-item--title span {
    padding: 2px 0; } }
.tx-heading--white .tx-item--title span {
  color: #fff; }

.tx-text--slide {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  position: relative; }
  .tx-text--slide span {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 5px; }
  .tx-text--slide .highlight {
    position: relative;
    color: currentColor;
    z-index: 1; }
    .tx-text--slide .highlight::before {
      position: absolute;
      left: 3px;
      bottom: 12px;
      width: 0;
      height: 6px;
      background-color: var(--color-3);
      content: "";
      transition: .5s;
      transition-delay: 1.1s;
      opacity: 0;
      z-index: -1; }
      @media (max-width: 767px) {
        .tx-text--slide .highlight::before {
          height: 4px; } }
    .tx-text--slide .highlight.animated::before {
      opacity: 1;
      width: 96%; }
  .tx-text--slide .highlight-img {
    background-size: 100% !important;
    background-position: center center !important;
    width: 100% !important;
    background: url(../img/shape/hl_shape_3.png) no-repeat; }

    .tma-cta .tx-text--slide .highlight-img {
      background-size: 100% !important;
      background: url(../img/shape/hl_shape.png) no-repeat; }

.service .tx-text--slide .highlight-img {
  background: url(../img/shape/hl_shape_2.png) no-repeat; }

.fin__hero .tx-text--slide .highlight-img {
  background: url(../img/shape/hl_shape.svg) no-repeat; }

.tmah__hero .tx-text--slide .highlight-img {
  background-size: 94% !important; }

.tma-feature .tx-text--slide .highlight-img {
  background: url(../img/shape/hl_shape_5.svg) no-repeat; }

.management-system .tx-text--slide .highlight-img {
  background: url(../img/shape/hl_shape_6.svg) no-repeat;
  padding: 10px 0; }

.powerhouse .tx-text--slide .highlight-img {
  background: url(../img/shape/hl_shape_6.svg) no-repeat;
  padding: 5px 0; }

.service-details .tx-text--slide .highlight-img {
  background: url(../img/shape/hl_shape_8.svg) no-repeat; }

.tx-heading--fin .tx-text--slide .highlight {
  padding-left: 10px;
  z-index: 1; }
  .tx-heading--fin .tx-text--slide .highlight::before {
    display: none; }
  .tx-heading--fin .tx-text--slide .highlight img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1; }
.tx-heading--tma .tx-text--slide .highlight {
  padding-left: 0;
  z-index: 1; }
  .tx-heading--tma .tx-text--slide .highlight::before {
    display: none; }
  .tx-heading--tma .tx-text--slide .highlight img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1; }
.tx-heading--tma .tx-item--title {
  font-size: 34px;
  font-weight: 600; }
  @media (max-width: 767px) {
    .tx-heading--tma .tx-item--title {
      font-size: 30px; } }
  .tx-heading--tma .tx-item--title.fs-42 {
    font-size: 42px;
    line-height: 1.4; }
    @media (max-width: 1199px) {
      .tx-heading--tma .tx-item--title.fs-42 {
        font-size: 34px; } }
    @media (max-width: 767px) {
      .tx-heading--tma .tx-item--title.fs-42 {
        font-size: 28px; } }
  .tx-heading--tma .tx-item--title.fs-36 {
    font-size: 36px;
    line-height: 1.6; }
.tx-heading--tma p.fs-20 {
  font-size: 20px;
  line-height: 32px; }

.followers-box {
  max-width: 228px;
  background-color: #fff;
  padding: 20px;
  font-family: 'SFProDisplay'; }
  .followers-box span {
    font-size: 12px;
    color: #000;
    display: inline-block; }
  .followers-box .box-number {
    margin-bottom: 10px; }
    .followers-box .box-number .number {
      font-size: 20px;
      font-weight: 700; }
    .followers-box .box-number .number-up {
      font-size: 13px;
      color: var(--color-4);
      font-weight: 700; }
  .followers-box .barfiller {
    box-shadow: none;
    background-color: #E8F2FF;
    border: 0;
    margin-bottom: 0; }
    .followers-box .barfiller .tip {
      position: absolute;
      top: 0;
      right: 0;
      background: 0;
      font-size: 14px;
      color: var(--color-4);
      text-align: right;
      margin-top: -40px; }
      .followers-box .barfiller .tip::after {
        display: none; }

.border_effect a {
  display: inline !important;
  width: 100%;
  background-repeat: no-repeat;
  background-position-y: -2px;
  background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
  transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-size: 0 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .border_effect a:hover {
    background-size: 100% 100%;
    color: inherit; }

@media (max-width: 991px) {
  .tx-col-md-6 {
    width: 50%; } }
@media (max-width: 767px) {
  .tx-col-md-6 {
    width: 100%; } }

.tx-close {
  background: rgba(0, 0, 0, 0.04);
  border: 9px solid transparent;
  color: #777;
  width: 36px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .tx-close::before, .tx-close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    background-color: #1b1b1b; }
  .tx-close::before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .tx-close::after {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .tx-close:hover::before, .tx-close:hover::after {
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }

/* animation */
@keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-filter: alpha(opacity=50); }
  80% {
    transform: scale(1.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5); }
  100% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5); } }
@-webkit-keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); }
  80% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5); }
  100% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(3.5);
    -moz-transform: scale(3.5);
    -ms-transform: scale(3.5);
    -o-transform: scale(3.5); } }
@-moz-keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); }
  80% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5); }
  100% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(3.5);
    -moz-transform: scale(3.5);
    -ms-transform: scale(3.5);
    -o-transform: scale(3.5); } }
/* order & unorder list reset - start */
.ul_li, .ul_li_right, .ul_li_center, .ul_li_between {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.ul_li > li, .ul_li_right > li, .ul_li_center > li, .ul_li_between > li {
  float: left;
  list-style: none;
  display: inline-block; }

.ul_li {
  justify-content: flex-start; }

.ul_li_center {
  justify-content: center; }

.ul_li_right {
  justify-content: flex-end; }

.ul_li_between {
  justify-content: space-between; }

.ul_li_block {
  margin: 0px;
  padding: 0px;
  display: block; }

.ul_li_block > li {
  display: block;
  list-style: none; }

.flex-1 {
  flex: 1; }

.section-heading {
  font-size: 118px;
  font-weight: 500;
  line-height: 1.2;
  font-family: var(--font-archivo);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(126, 112, 112, 0.6); }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .section-heading {
      font-size: 95px; } }
  @media (max-width: 1199px) {
    .section-heading {
      font-size: 80px; } }
  @media (max-width: 991px) {
    .section-heading {
      font-size: 60px; }
      .section-heading img {
        max-width: 60px !important; } }
  @media (max-width: 767px) {
    .section-heading {
      font-size: 25px; }
      .section-heading img {
        max-width: 25px !important; } }
  .section-heading img {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
    @media (max-width: 767px) {
      .section-heading img {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px); } }

        .error-section{
          position:relative;
          text-align:center;
          padding:210px 0px 80px;
        }
        
        .error-section .content{
          position:relative;
        }
        
        .error-section h1{
          line-height: 1em;
          font-size: 340px;
          font-weight: 700;
          color: rgb(0 0 0 / 15%);
        }
        
        .error-section h2{
          font-weight:600;
          font-size:55;
          margin-top:15px;
        }
        
        .error-section .text{
          font-size:18px;
          color:var(--color-black);
          margin-top:35px;
        }
        @media only screen and (max-width: 1023px){
          .error-section h1 {
            font-size: 100px;
        }
        }
        
        .error-section .button-box{
          margin-top:35px;
        }
.fs-13 {
  font-size: 13px;
  line-height: 20px; }

.color-black {
  color: var(--color-black); }

.br-7 {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px; }

.br-10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px; }

/*** newsletter-popup-area ***/
.newsletter-popup-area-section {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  -webkit-transition: opacity 0.1s ease-in-out,z-index 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out,z-index 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out,z-index 0.1s ease-in-out;
  opacity: 0;
  visibility: hidden; }
  @media (max-width: 991px) {
    .newsletter-popup-area-section {
      display: none; } }
  .newsletter-popup-area-section .newsletter-popup-area {
    width: 700px;
    background-color: var(--color-white);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    margin-top: 40px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .newsletter-popup-area-section .newsletter-popup-area .newsletter-popup-ineer {
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden; }
    .newsletter-popup-area-section .newsletter-popup-area .img-holder {
      width: 325px;
      float: left; }
    .newsletter-popup-area-section .newsletter-popup-area .details {
      width: calc(100% - 325px);
      float: left;
      padding: 35px; }
    .newsletter-popup-area-section .newsletter-popup-area h4 {
      font-size: 24px;
      margin: 0 0 0.5em; }
    .newsletter-popup-area-section .newsletter-popup-area p {
      font-size: 14px;
      margin: 0 0 2em; }
    .newsletter-popup-area-section .newsletter-popup-area form div {
      position: relative; }
      .newsletter-popup-area-section .newsletter-popup-area form div input[type="email"] {
        font-size: 14px;
        border: 1px solid #ddd;
        height: 46px; }
        .newsletter-popup-area-section .newsletter-popup-area form div input[type="email"]:focus {
          border-color: #ddd; }
      .newsletter-popup-area-section .newsletter-popup-area form div button {
        background: var(--color-primary);
        height: 46px;
        line-height: 46px;
        color: var(--color-white);
        border: 0;
        outline: 0;
        padding: 0 25px;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: background 0.2s ease-in-out;
        -ms-transition: background 0.2s ease-in-out;
        transition: background 0.2s ease-in-out;
        letter-spacing: 0; }
      .newsletter-popup-area-section .newsletter-popup-area form div input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        cursor: pointer; }
      .newsletter-popup-area-section .newsletter-popup-area form div .checkbox-holder {
        margin-top: 25px;
        padding-left: 20px;
        position: relative;
        cursor: pointer; }
      .newsletter-popup-area-section .newsletter-popup-area form div .checkmark {
        position: absolute;
        top: 9px;
        left: 0;
        height: 12px;
        width: 12px;
        background-color: #c7c7c7;
        border-radius: 50%; }
      .newsletter-popup-area-section .newsletter-popup-area form div .checkbox-holder input:checked ~ .checkmark {
        background-color: var(--color-primary); }
      .newsletter-popup-area-section .newsletter-popup-area form div label {
        font-size: 12px;
        font-size: calc-rem-value(12); }
    .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn {
      top: 5px;
      right: 5px;
      line-height: 1;
      font-size: 24px;
      position: absolute;
      background: transparent;
      color: #a5a6aa;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn:hover {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      @media (max-width: 767px) {
        .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn {
          right: 0; } }
    .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn:hover,
    .newsletter-popup-area-section .newsletter-popup-area .newsletter-close-btn:focus {
      outline: none;
      box-shadow: none; }

.active-newsletter-popup {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 1s ease-in-out,z-index 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out,z-index 1s ease-in-out;
  transition: opacity 1s ease-in-out,z-index 1s ease-in-out; }
  .active-newsletter-popup .newsletter-popup-area {
    margin-top: 0; }

.active-newsletter-popup,
.activve-quick-view-single-product {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-in-out,z-index 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out,z-index 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out,z-index 0.2s ease-in-out; }

/*** cookies-area ***/
.cookies-area {
  background: var(--color-white);
  max-width: 400px;
  padding: 35px;
  position: fixed;
  bottom: 35px;
  left: 35px;
  z-index: 100;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media (max-width: 991px) {
    .cookies-area {
      max-width: 280px;
      left: 15px;
      bottom: 15px; } }
  .cookies-area a:hover {
    text-decoration: underline;
    color: var(--color-primary); }
  .cookies-area p a {
    color: var(--color-heading); }
  .cookies-area .read-more {
    color: var(--color-heading);
    text-decoration: underline; }
  .cookies-area .cookie-btn {
    margin-top: 15px;
    border: 0;
    outline: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }

.remove-cookies-area {
  opacity: 0;
  visibility: hidden; }

.pagination_wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -5px;
  list-style: none; }
  .pagination_wrap ul li {
    padding: 5px; }
    .pagination_wrap ul li a, .pagination_wrap ul li span {
      height: 50px;
      width: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      color: #000;
      border: 1px solid #EDEDED;
      display: inline-block;
      -webkit-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      position: relative;
      z-index: 1;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      overflow: hidden; }
      .pagination_wrap ul li a::before, .pagination_wrap ul li span::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(104.79deg, #CA60FF 39.56%, #FF60AB 115.02%);
        content: "";
        z-index: -1;
        opacity: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      .pagination_wrap ul li a:hover::before, .pagination_wrap ul li .current::before {
        opacity: 1; }
      .pagination_wrap ul li .current, .pagination_wrap ul li a:hover {
        color: #fff;
        border-color: transparent; }

.mr-none-60 {
  margin-right: -60px; }

.ml-none-60 {
  margin-left: -60px; }

.pb-8 {
  padding-bottom: 8px; }

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-none-5 {
  margin-top: -5px; }

.mt-none-10 {
  margin-top: -10px; }

.mt-none-15 {
  margin-top: -15px; }

.mt-none-20 {
  margin-top: -20px; }

.mt-none-25 {
  margin-top: -25px; }

.mt-none-30 {
  margin-top: -30px; }

.mt-none-35 {
  margin-top: -35px; }

.mt-none-40 {
  margin-top: -40px; }

.mt-none-45 {
  margin-top: -45px; }

.mt-none-50 {
  margin-top: -50px; }

.mt-none-55 {
  margin-top: -55px; }

.mt-none-60 {
  margin-top: -60px; }

.mt-none-65 {
  margin-top: -65px; }

.mt-none-70 {
  margin-top: -70px; }

.mt-none-75 {
  margin-top: -75px; }

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

.mt-none-85 {
  margin-top: -85px; }

.mt-none-90 {
  margin-top: -90px; }

.mt-none-95 {
  margin-top: -95px; }

.mt-none-100 {
  margin-top: -100px; }

/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Margin Left --*/
.ml-5 {
  margin-left: 5px; }

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-25 {
  margin-left: 25px; }

.ml-30 {
  margin-left: 30px; }

.ml-35 {
  margin-left: 35px; }

.ml-40 {
  margin-left: 40px; }

.ml-45 {
  margin-left: 45px; }

.ml-50 {
  margin-left: 50px; }

.ml-55 {
  margin-left: 55px; }

.ml-60 {
  margin-left: 60px; }

.ml-65 {
  margin-left: 65px; }

.ml-70 {
  margin-left: 70px; }

.ml-75 {
  margin-left: 75px; }

.ml-80 {
  margin-left: 80px; }

.ml-85 {
  margin-left: 85px; }

.ml-90 {
  margin-left: 90px; }

.ml-95 {
  margin-left: 95px; }

.ml-100 {
  margin-left: 100px; }

.ml-105 {
  margin-left: 105px; }

.ml-110 {
  margin-left: 110px; }

.ml-115 {
  margin-left: 115px; }

.ml-120 {
  margin-left: 120px; }

.ml-125 {
  margin-left: 125px; }

.ml-130 {
  margin-left: 130px; }

.ml-135 {
  margin-left: 135px; }

.ml-140 {
  margin-left: 140px; }

.ml-145 {
  margin-left: 145px; }

.ml-150 {
  margin-left: 150px; }

.ml-155 {
  margin-left: 155px; }

.ml-160 {
  margin-left: 160px; }

.ml-165 {
  margin-left: 165px; }

.ml-170 {
  margin-left: 170px; }

.ml-175 {
  margin-left: 175px; }

.ml-180 {
  margin-left: 180px; }

.ml-185 {
  margin-left: 185px; }

.ml-190 {
  margin-left: 190px; }

.ml-195 {
  margin-left: 195px; }

.ml-200 {
  margin-left: 200px; }

/*-- Margin Right --*/
.mr-5 {
  margin-right: 5px; }

.mr-10 {
  margin-right: 10px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-25 {
  margin-right: 25px; }

.mr-30 {
  margin-right: 30px; }

.mr-35 {
  margin-right: 35px; }

.mr-40 {
  margin-right: 40px; }

.mr-45 {
  margin-right: 45px; }

.mr-50 {
  margin-right: 50px; }

.mr-55 {
  margin-right: 55px; }

.mr-60 {
  margin-right: 60px; }

.mr-65 {
  margin-right: 65px; }

.mr-70 {
  margin-right: 70px; }

.mr-75 {
  margin-right: 75px; }

.mr-80 {
  margin-right: 80px; }

.mr-85 {
  margin-right: 85px; }

.mr-90 {
  margin-right: 90px; }

.mr-95 {
  margin-right: 95px; }

.mr-100 {
  margin-right: 100px; }

.mr-105 {
  margin-right: 105px; }

.mr-110 {
  margin-right: 110px; }

.mr-115 {
  margin-right: 115px; }

.mr-120 {
  margin-right: 120px; }

.mr-125 {
  margin-right: 125px; }

.mr-130 {
  margin-right: 130px; }

.mr-135 {
  margin-right: 135px; }

.mr-140 {
  margin-right: 140px; }

.mr-145 {
  margin-right: 145px; }

.mr-150 {
  margin-right: 150px; }

.mr-155 {
  margin-right: 155px; }

.mr-160 {
  margin-right: 160px; }

.mr-165 {
  margin-right: 165px; }

.mr-170 {
  margin-right: 170px; }

.mr-175 {
  margin-right: 175px; }

.mr-180 {
  margin-right: 180px; }

.mr-185 {
  margin-right: 185px; }

.mr-190 {
  margin-right: 190px; }

.mr-195 {
  margin-right: 195px; }

.mr-200 {
  margin-right: 200px; }

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-25 {
  padding-top: 25px; }

.pt-30 {
  padding-top: 30px; }

.pt-35 {
  padding-top: 35px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pt-50 {
  padding-top: 50px; }

.pt-55 {
  padding-top: 55px; }

.pt-60 {
  padding-top: 60px; }

.pt-65 {
  padding-top: 65px; }

.pt-70 {
  padding-top: 70px; }

.pt-75 {
  padding-top: 75px; }

.pt-80 {
  padding-top: 80px; }

.pt-85 {
  padding-top: 85px; }

.pt-90 {
  padding-top: 90px; }

.pt-95 {
  padding-top: 95px; }

.pt-100 {
  padding-top: 100px; }

.pt-105 {
  padding-top: 105px; }

.pt-110 {
  padding-top: 110px; }

.pt-115 {
  padding-top: 115px; }

.pt-120 {
  padding-top: 120px; }

.pt-125 {
  padding-top: 125px; }

.pt-130 {
  padding-top: 130px; }

.pt-135 {
  padding-top: 135px; }

.pt-140 {
  padding-top: 140px; }

.pt-145 {
  padding-top: 145px; }

.pt-150 {
  padding-top: 150px; }

.pt-155 {
  padding-top: 155px; }

.pt-160 {
  padding-top: 160px; }

.pt-165 {
  padding-top: 165px; }

.pt-170 {
  padding-top: 170px; }

.pt-175 {
  padding-top: 175px; }

.pt-180 {
  padding-top: 180px; }

.pt-185 {
  padding-top: 185px; }

.pt-190 {
  padding-top: 190px; }

.pt-195 {
  padding-top: 195px; }

.pt-200 {
  padding-top: 200px; }

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-35 {
  padding-bottom: 35px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-45 {
  padding-bottom: 45px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-55 {
  padding-bottom: 55px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-65 {
  padding-bottom: 65px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-75 {
  padding-bottom: 75px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-85 {
  padding-bottom: 85px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-95 {
  padding-bottom: 95px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-105 {
  padding-bottom: 105px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-115 {
  padding-bottom: 115px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-125 {
  padding-bottom: 125px; }

.pb-130 {
  padding-bottom: 130px; }

.pb-135 {
  padding-bottom: 135px; }

.pb-140 {
  padding-bottom: 140px; }

.pb-145 {
  padding-bottom: 145px; }

.pb-150 {
  padding-bottom: 150px; }

.pb-155 {
  padding-bottom: 155px; }

.pb-160 {
  padding-bottom: 160px; }

.pb-165 {
  padding-bottom: 165px; }

.pb-170 {
  padding-bottom: 170px; }

.pb-175 {
  padding-bottom: 175px; }

.pb-180 {
  padding-bottom: 180px; }

.pb-185 {
  padding-bottom: 185px; }

.pb-190 {
  padding-bottom: 190px; }

.pb-195 {
  padding-bottom: 195px; }

.pb-200 {
  padding-bottom: 200px; }

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-25 {
  padding-left: 25px; }

.pl-30 {
  padding-left: 30px; }

.pl-35 {
  padding-left: 35px; }

.pl-40 {
  padding-left: 40px; }

.pl-45 {
  padding-left: 45px; }

.pl-50 {
  padding-left: 50px; }

.pl-55 {
  padding-left: 55px; }

.pl-60 {
  padding-left: 60px; }

.pl-65 {
  padding-left: 65px; }

.pl-70 {
  padding-left: 70px; }

.pl-75 {
  padding-left: 75px; }

.pl-80 {
  padding-left: 80px; }

.pl-85 {
  padding-left: 85px; }

.pl-90 {
  padding-left: 90px; }

.pl-95 {
  padding-left: 95px; }

.pl-100 {
  padding-left: 100px; }

.pl-105 {
  padding-left: 105px; }

.pl-110 {
  padding-left: 110px; }

.pl-115 {
  padding-left: 115px; }

.pl-120 {
  padding-left: 120px; }

.pl-125 {
  padding-left: 125px; }

.pl-130 {
  padding-left: 130px; }

.pl-135 {
  padding-left: 135px; }

.pl-140 {
  padding-left: 140px; }

.pl-145 {
  padding-left: 145px; }

.pl-150 {
  padding-left: 150px; }

.pl-155 {
  padding-left: 155px; }

.pl-160 {
  padding-left: 160px; }

.pl-165 {
  padding-left: 165px; }

.pl-170 {
  padding-left: 170px; }

.pl-175 {
  padding-left: 175px; }

.pl-180 {
  padding-left: 180px; }

.pl-185 {
  padding-left: 185px; }

.pl-190 {
  padding-left: 190px; }

.pl-195 {
  padding-left: 195px; }

.pl-200 {
  padding-left: 200px; }

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-25 {
  padding-right: 25px; }

.pr-30 {
  padding-right: 30px; }

.pr-35 {
  padding-right: 35px; }

.pr-40 {
  padding-right: 40px; }

.pr-45 {
  padding-right: 45px; }

.pr-50 {
  padding-right: 50px; }

.pr-55 {
  padding-right: 55px; }

.pr-60 {
  padding-right: 60px; }

.pr-65 {
  padding-right: 65px; }

.pr-70 {
  padding-right: 70px; }

.pr-75 {
  padding-right: 75px; }

.pr-80 {
  padding-right: 80px; }

.pr-85 {
  padding-right: 85px; }

.pr-90 {
  padding-right: 90px; }

.pr-95 {
  padding-right: 95px; }

.pr-100 {
  padding-right: 100px; }

.pr-105 {
  padding-right: 105px; }

.pr-110 {
  padding-right: 110px; }

.pr-115 {
  padding-right: 115px; }

.pr-120 {
  padding-right: 120px; }

.pr-125 {
  padding-right: 125px; }

.pr-130 {
  padding-right: 130px; }

.pr-135 {
  padding-right: 135px; }

.pr-140 {
  padding-right: 140px; }

.pr-145 {
  padding-right: 145px; }

.pr-150 {
  padding-right: 150px; }

.pr-155 {
  padding-right: 155px; }

.pr-160 {
  padding-right: 160px; }

.pr-165 {
  padding-right: 165px; }

.pr-170 {
  padding-right: 170px; }

.pr-175 {
  padding-right: 175px; }

.pr-180 {
  padding-right: 180px; }

.pr-185 {
  padding-right: 185px; }

.pr-190 {
  padding-right: 190px; }

.pr-195 {
  padding-right: 195px; }

.pr-200 {
  padding-right: 200px; }

/* typography css start */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.3;
  color: #121933;
  font-weight: 700;
  font-family: var(--font-sfpro); }

h2 {
  font-size: 32px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

/* typography css end */
@-webkit-keyframes jump {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40% {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes jump {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40% {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes rotated {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotated {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes rotatedHalf {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
@keyframes rotatedHalf {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
@-webkit-keyframes rotatedHalfTwo {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }
@keyframes rotatedHalfTwo {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); } }
@-webkit-keyframes scale-upOne {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); } }
@keyframes scale-upOne {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2); } }
@-webkit-keyframes scale-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  50% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%); }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); } }
@keyframes scale-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  50% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%); }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); } }
@-webkit-keyframes fade-in {
  0% {
    opacity: 0.7; }
  40% {
    opacity: 1; }
  100% {
    opacity: 0.7; } }
@keyframes fade-in {
  0% {
    opacity: 0.7; }
  40% {
    opacity: 1; }
  100% {
    opacity: 0.7; } }
@keyframes hvr-ripple-out {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  100% {
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px; } }
@keyframes hvr-ripple-out-two {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  100% {
    top: -18px;
    right: -18px;
    bottom: -18px;
    left: -18px;
    opacity: 0; } }
@-webkit-keyframes scale-up-one {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes scale-up-one {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes scale-up-two {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }
@keyframes scale-up-two {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  40% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }
@-webkit-keyframes scale-up-three {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  40% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); } }
@keyframes scale-up-three {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  40% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); } }
@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    -moz-transform: translate(0px, 0px) rotate(0deg);
    -ms-transform: translate(0px, 0px) rotate(0deg);
    -o-transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg);
    -webkit-transform: translate(73px, -1px) rotate(36deg);
    -moz-transform: translate(73px, -1px) rotate(36deg);
    -ms-transform: translate(73px, -1px) rotate(36deg);
    -o-transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, -20px) rotate(72deg);
    -webkit-transform: translate(141px, -20px) rotate(72deg);
    -moz-transform: translate(141px, -20px) rotate(72deg);
    -ms-transform: translate(141px, -20px) rotate(72deg);
    -o-transform: translate(141px, -20px) rotate(72deg); }
  60% {
    transform: translate(83px, -60px) rotate(108deg);
    -webkit-transform: translate(83px, -60px) rotate(108deg);
    -moz-transform: translate(83px, -60px) rotate(108deg);
    -ms-transform: translate(83px, -60px) rotate(108deg);
    -o-transform: translate(83px, -60px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg);
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
    -moz-transform: translate(-40px, 72px) rotate(144deg);
    -ms-transform: translate(-40px, 72px) rotate(144deg);
    -o-transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    -moz-transform: translate(0px, 0px) rotate(0deg);
    -ms-transform: translate(0px, 0px) rotate(0deg);
    -o-transform: translate(0px, 0px) rotate(0deg); } }
@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg); }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg); }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg); }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg); }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg); } }
@keyframes animationFramesTwo {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1); } }
@-webkit-keyframes animationFramesTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } }
@keyframes animationFramesThree {
  0% {
    transform: translate(165px, -30px);
    -webkit-transform: translate(165px, -30px);
    -moz-transform: translate(165px, -30px);
    -ms-transform: translate(165px, -30px);
    -o-transform: translate(165px, -30px); }
  100% {
    transform: translate(-60px, 80px);
    -webkit-transform: translate(-60px, 80px);
    -moz-transform: translate(-60px, 80px);
    -ms-transform: translate(-60px, 80px);
    -o-transform: translate(-60px, 80px); } }
@-webkit-keyframes animationFramesThree {
  0% {
    transform: translate(165px, -30px);
    -webkit-transform: translate(165px, -30px);
    -moz-transform: translate(165px, -30px);
    -ms-transform: translate(165px, -30px);
    -o-transform: translate(165px, -30px); }
  100% {
    transform: translate(-60px, 80px);
    -webkit-transform: translate(-60px, 80px);
    -moz-transform: translate(-60px, 80px);
    -ms-transform: translate(-60px, 80px);
    -o-transform: translate(-60px, 80px); } }
@keyframes animationFramesFour {
  0% {
    transform: translate(0px, 60px) rotate(0deg);
    -webkit-transform: translate(0px, 60px) rotate(0deg);
    -moz-transform: translate(0px, 60px) rotate(0deg);
    -ms-transform: translate(0px, 60px) rotate(0deg);
    -o-transform: translate(0px, 60px) rotate(0deg); }
  100% {
    transform: translate(-100px, -100px) rotate(180deg);
    -webkit-transform: translate(-100px, -100px) rotate(180deg);
    -moz-transform: translate(-100px, -100px) rotate(180deg);
    -ms-transform: translate(-100px, -100px) rotate(180deg);
    -o-transform: translate(-100px, -100px) rotate(180deg); } }
@-webkit-keyframes animationFramesFour {
  0% {
    transform: translate(0px, 60px) rotate(0deg);
    -webkit-transform: translate(0px, 60px) rotate(0deg);
    -moz-transform: translate(0px, 60px) rotate(0deg);
    -ms-transform: translate(0px, 60px) rotate(0deg);
    -o-transform: translate(0px, 60px) rotate(0deg); }
  100% {
    transform: translate(-100px, -100px) rotate(180deg);
    -webkit-transform: translate(-100px, -100px) rotate(180deg);
    -moz-transform: translate(-100px, -100px) rotate(180deg);
    -ms-transform: translate(-100px, -100px) rotate(180deg);
    -o-transform: translate(-100px, -100px) rotate(180deg); } }
@keyframes animationFramesFive {
  0% {
    transform: translate(0, 0) rotate(0deg);
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg); }
  21% {
    transform: translate(4px, -20px) rotate(38deg);
    -webkit-transform: translate(4px, -20px) rotate(38deg);
    -moz-transform: translate(4px, -20px) rotate(38deg);
    -ms-transform: translate(4px, -20px) rotate(38deg);
    -o-transform: translate(4px, -20px) rotate(38deg); }
  41% {
    transform: translate(-50px, -60px) rotate(74deg);
    -webkit-transform: translate(-50px, -60px) rotate(74deg);
    -moz-transform: translate(-50px, -60px) rotate(74deg);
    -ms-transform: translate(-50px, -60px) rotate(74deg);
    -o-transform: translate(-50px, -60px) rotate(74deg); }
  60% {
    transform: translate(-20px, -30px) rotate(108deg);
    -webkit-transform: translate(-20px, -30px) rotate(108deg);
    -moz-transform: translate(-20px, -30px) rotate(108deg);
    -ms-transform: translate(-20px, -30px) rotate(108deg);
    -o-transform: translate(-20px, -30px) rotate(108deg); }
  80% {
    transform: translate(-195px, -49px) rotate(144deg);
    -webkit-transform: translate(-195px, -49px) rotate(144deg);
    -moz-transform: translate(-195px, -49px) rotate(144deg);
    -ms-transform: translate(-195px, -49px) rotate(144deg);
    -o-transform: translate(-195px, -49px) rotate(144deg); }
  100% {
    transform: translate(-1px, 0px) rotate(180deg);
    -webkit-transform: translate(-1px, 0px) rotate(180deg);
    -moz-transform: translate(-1px, 0px) rotate(180deg);
    -ms-transform: translate(-1px, 0px) rotate(180deg);
    -o-transform: translate(-1px, 0px) rotate(180deg); } }
@-webkit-keyframes animationFramesFive {
  0% {
    transform: translate(0, 0) rotate(0deg);
    -webkit-transform: translate(0, 0) rotate(0deg);
    -moz-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    -o-transform: translate(0, 0) rotate(0deg); }
  21% {
    transform: translate(4px, -20px) rotate(38deg);
    -webkit-transform: translate(4px, -20px) rotate(38deg);
    -moz-transform: translate(4px, -20px) rotate(38deg);
    -ms-transform: translate(4px, -20px) rotate(38deg);
    -o-transform: translate(4px, -20px) rotate(38deg); }
  41% {
    transform: translate(-50px, -60px) rotate(74deg);
    -webkit-transform: translate(-50px, -60px) rotate(74deg);
    -moz-transform: translate(-50px, -60px) rotate(74deg);
    -ms-transform: translate(-50px, -60px) rotate(74deg);
    -o-transform: translate(-50px, -60px) rotate(74deg); }
  60% {
    transform: translate(-20px, -30px) rotate(108deg);
    -webkit-transform: translate(-20px, -30px) rotate(108deg);
    -moz-transform: translate(-20px, -30px) rotate(108deg);
    -ms-transform: translate(-20px, -30px) rotate(108deg);
    -o-transform: translate(-20px, -30px) rotate(108deg); }
  80% {
    transform: translate(-195px, -49px) rotate(144deg);
    -webkit-transform: translate(-195px, -49px) rotate(144deg);
    -moz-transform: translate(-195px, -49px) rotate(144deg);
    -ms-transform: translate(-195px, -49px) rotate(144deg);
    -o-transform: translate(-195px, -49px) rotate(144deg); }
  100% {
    transform: translate(-1px, 0px) rotate(180deg);
    -webkit-transform: translate(-1px, 0px) rotate(180deg);
    -moz-transform: translate(-1px, 0px) rotate(180deg);
    -ms-transform: translate(-1px, 0px) rotate(180deg);
    -o-transform: translate(-1px, 0px) rotate(180deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes zoominup {
  0% {
    transform: scale(1.1); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }
@-webkit-keyframes updown {
  0% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px); }
  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px); }
  100% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px); } }
@keyframes ltr {
  0% {
    width: 0; }
  15% {
    width: 95%; }
  85% {
    opacity: 1; }
  90% {
    width: 95%;
    opacity: 0; }
  to {
    width: 0;
    opacity: 0; } }
/*circleAnimation*/
@-webkit-keyframes circleAnimation {
  0%,
    100% {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    transform: translate3d(0, 0, 0) rotateZ(0.01deg); }
  34% {
    border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
    transform: translate3d(0, 5px, 0) rotateZ(0.01deg); }
  50% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    transform: translate3d(0, 0, 0) rotateZ(0.01deg); }
  67% {
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
    -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
    transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } }
@-webkit-keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }
    @keyframes tb-animation {
      0% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px); }
      100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
        @keyframes lr-animation {
          0% {
            -webkit-transform: translateX(40px);
            -ms-transform: translateX(40px);
            transform: translateX(40px); }
          100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0); } }
/*--
    - Overlay
------------------------------------------*/
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  [data-overlay]::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%; }

/*-- Overlay Color --*/
[data-overlay="light"]::before {
  background-color: var(--color-white); }

[data-overlay="dark"]::before {
  background-color: var(--color-black); }

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
  opacity: 0.1; }

[data-opacity="2"]::before {
  opacity: 0.2; }

[data-opacity="3"]::before {
  opacity: 0.3; }

[data-opacity="4"]::before {
  opacity: 0.4; }

[data-opacity="5"]::before {
  opacity: 0.5; }

[data-opacity="6"]::before {
  opacity: 0.6; }

[data-opacity="7"]::before {
  opacity: 0.7; }

[data-opacity="8"]::before {
  opacity: 0.8; }

[data-opacity="9"]::before {
  opacity: 0.9; }

/*----------------------------------------*/
/*  02. header
/*----------------------------------------*/

.admin-bar header.header.header__global .sticky_header {
  margin-top: 32px;
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 13; }
  .header.sticky_header {
    background-color: #fff;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 99; }
  .header .thm-btn {
    padding: 18px 34px; }
  .header__main {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .header__main {
        padding: 16px 0; } }
  .header__finance {
    border-bottom: 1px solid #DFDFE5; }
    .header__finance .header__main {
      height: 90px; }
    .header__finance .header__logo {
      width: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
      justify-content: flex-end;
      border-right: 1px solid #DFDFE5;
      height: 90px;
      padding-right: 34px; }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .header__finance .header__logo {
          width: 200px; } }
      @media (max-width: 1199px) {
        .header__finance .header__logo {
          width: 200px; } }
    .header__finance .main-menu ul li > a {
      font-size: 18px; font-family: var(--font-arimo); }
      .header__finance .header__button a.download-btn, .header__finance .account-btn {
        font-family: var(--font-arimo);
      }
    .header__finance .main-menu ul li:not(:last-child) {
      margin-right: 72px; }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .header__finance .main-menu ul li:not(:last-child) {
          margin-right: 30px; } }
      @media (max-width: 1199px) {
        .header__finance .main-menu ul li:not(:last-child) {
          margin-right: 40px; } }
    .header__finance .main-menu ul li:hover > a,
    .header__finance .main-menu ul li.active > a,
    .header__finance .main-menu ul li .submenu li:hover > a,
    .header__finance .main-menu ul li .submenu li.active > a {
      color: var(--color-13); }
    .header__finance .main-menu ul li .submenu {
      border-color: var(--color-13); }
    .header__finance .main-menu ul li .submenu li {
      margin-right: 0; }
  .header__button a {
    margin-right: 15px; }
    .header__button a:last-child {
      margin-right: 0; }
  .header__button a.thm-btn {
    margin-right: 0; }
    .header__button a.thm-btn:not(:first-child) {
      margin-left: 15px; }
    @media (max-width: 991px) {
      .header__button a.thm-btn {
        display: none; } }
    .header__button a.thm-btn--white {
      border: 1px solid rgba(95, 122, 163, 0.15); }
  .header__button .hamburger_menu .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 22px; }
    .header__desktop-app .header__button a{
      font-family: var(--font-jost);
    }
    
  .header__button a.download-btn {
    background: var(--color-11);
    font-size: 15px;
    margin-right: 18px;
    padding: 20px 45px; }
    @media (max-width: 1199px) {
      .header__button a.download-btn {
        display: none; } }
    .header__button a.download-btn .btn-wrap span {
      color: #000; }
  .header__button .account-btn {
    padding-left: 40px;
    padding-right: 40px;
    height: 90px;
    border-left: 1px solid #DFDFE5;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .header__button .account-btn {
        padding-left: 25px;
        padding-right: 25px; } }
    @media (max-width: 1199px) {
      .header__button .account-btn {
        display: none; } }
    .header__button .account-btn a {
      color: #000;
      font-size: 15px;
      font-weight: 500; }
  .header__sidbar {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 124px;
    border-left: 1px solid #DFDFE5; }
  .header__tma .maxw_1460 {
    max-width: 1460px !important; }
  .header__global {
    background-color: #fff; }
  @media (max-width: 767px) {
    .header__top-bar {
      display: none; } }
  .header__top-wrap {
    padding: 6px 0;
    color: #fff;
    font-family: var(--font-sfpro);
    font-size: 16px;
    font-weight: 500; }
  .header__top-link {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--font-archivo);
    letter-spacing: 1px; }
    .header__top-link i {
      margin-right: 9px; }

  .header__global .main-menu ul li .submenu li.current-menu-item > a,
  .header__global .main-menu ul li.current-menu-parent > a {
      color: var(--color-1);
  }

.sticky_header {
  background: #fff;
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: 0;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 44;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; }

.tma-login-btn {
  font-size: 15px;
  padding: 17px 25px;
  z-index: 1;
  text-align: center;
  display: inline-block;
  line-height: 1.3;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
  font-weight: 500;
  border: 1px solid #DADADA;
  color: #000; }
  .tma-login-btn:hover {
    color: #000; }
  .tma-login-btn img {
    margin-right: 9px; border-radius: 50%; }

/* Navigation css */
.main-menu {
  display: flex;
  align-items: center;
  flex-grow: 1; }
  .main-menu ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0; }
    .main-menu ul li {
      position: relative; }
      .main-menu ul li:not(:last-child) {
        margin-right: 48px; }
        @media only screen and (min-width: 1200px) and (max-width: 1500px) {
          .main-menu ul li:not(:last-child) {
            margin-right: 32px; } }
        @media (max-width: 1199px) {
          .main-menu ul li:not(:last-child) {
            margin-right: 30px; } }
      .main-menu ul li .submenu li {
        margin-right: 0; }
      .main-menu ul li a {
        display: inline-block;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        color: black;
        padding: 35px 0;
        position: relative;
        line-height: 22px; }
      .main-menu ul li.menu-item-has-children > a::after {
        content: "\f078";
        transform: translateY(-1px);
        display: inline-block;
        padding-left: 4px;
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 10px; }
      .main-menu ul li.menu-item-has-children:hover > .submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        pointer-events: all; }
      .main-menu ul li:hover > a, .main-menu ul li.current_page_item > a {
        color: #52E472; }
      .main-menu ul li .submenu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        min-width: 240px;
        top: 100%;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        left: -30px;
        padding: 20px 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        z-index: 3;
        text-align: left;
        -webkit-transform: translate3d(0, 18px, 0);
        -ms-transform: translate3d(0, 18px, 0);
        transform: translate3d(0, 18px, 0);
        pointer-events: none;
        box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1);
        border-top: 2px solid #52E472; }
        .main-menu ul li .submenu li a {
          color: #000;
          padding: 8px 30px;
          display: block;
          margin: 0;
          font-size: 16px; }
        .main-menu ul li .submenu ul {
          left: 100%;
          top: 0px; }

.main-menu ul li.menu-last ul.submenu {
  right: 0;
  left: auto; }

.main-menu ul li.menu-last ul.submenu ul {
  right: auto;
  left: -100%; }

.main-menu ul li ul.submenu .menu-item-has-children > a::after {
  position: absolute;
  top: 9px;
  right: 15px;
  content: "\f105";
  font-size: 13px; }

@media (max-width: 991px) {
  .header__tma {
    padding: 20px 0; } }
.header__tma .header__main {
  position: relative;
  padding: 0 30px; }
  @media (max-width: 991px) {
    .header__tma .header__main {
      padding: 0; } }
  .header__tma .header__main::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    opacity: 0.2;
    border: 1px solid rgba(89, 86, 240, 0.4); }
    @media (max-width: 991px) {
      .header__tma .header__main::before {
        display: none; } }
.header__tma .main-menu ul li:not(:last-child) {
  margin-right: 35px; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .header__tma .main-menu ul li:not(:last-child) {
      margin-right: 15px; } }
  @media (max-width: 1199px) {
    .header__tma .main-menu ul li:not(:last-child) {
      margin-right: 10px; } }
.header__tma .main-menu ul li .submenu li {
  margin-right: 0; }
  .header.header__tma .thm-btn.thm-btn--tma, .header.header__tma .tma-login-btn {
    font-family: var(--font-jost);
}
.header__tma .main-menu ul li > a {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 18px;     font-family: var(--font-jost); }
  .header__tma .main-menu ul li > a::before {
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--color-18);
    content: "";
    z-index: -1;
    border: 1px solid #000;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.header__tma .main-menu ul li:hover > a,
.header__tma .main-menu ul li.current_page_item > a {
  position: relative;
  z-index: 1;
  color: #000; }
  .header__tma .main-menu ul li:hover > a::before,
  .header__tma .main-menu ul li.current_page_item > a::before {
    height: calc(100% - 7px); }
.header__tma .main-menu ul li .submenu li > a::before {
  display: none; }
.header__tma .main-menu ul li .submenu li:hover > a,
.header__tma .main-menu ul li .submenu li.active > a,
.header__tma .main-menu ul li .submenu li.current-menu-item > a {
  color: var(--color-18); }
.header__tma .main-menu ul li .submenu {
  border-color: var(--color-18); }

.thm-btn {
  font-size: 15px;
  padding: 21px 40px;
  z-index: 1;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(99.23deg, var(--color-1) 34.28%, var(--color-2) 124.19%);
  display: inline-block;
  line-height: 1.3;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
  font-weight: 500; }
  @media (max-width: 1199px) {
    .thm-btn {
      padding: 17px 28px; } }
  .thm-btn i {
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px;
    transition: all .3s ease; }
  .thm-btn:hover i {
    right: 28px; }
  .thm-btn:hover .btn-wrap span:nth-child(1) {
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%); }
  .thm-btn:hover .btn-wrap span:nth-child(2) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .thm-btn .btn-wrap {
    position: relative;
    overflow: hidden;
    display: block; }
    .thm-btn .btn-wrap span {
      color: var(--color-white);
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .thm-btn .btn-wrap span:nth-child(1) {
        display: block;
        position: relative; }
      .thm-btn .btn-wrap span:nth-child(2) {
        position: absolute;
        top: 100%;
        display: block; }
  .thm-btn--2 {
    background: linear-gradient(99.23deg, #D664FF 34.28%, #FF5DA8 124.19%); }
  .thm-btn--white {
    background: #fff; }
    .thm-btn--white .btn-wrap span {
      color: var(--color-black); }
  .thm-btn--fin {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background: var(--color-13);
    padding-left: 53px;
    padding-right: 53px; }
  .thm-btn--tma {
    background: var(--color-18);
    padding-left: 35px;
    padding-right: 35px;
    padding: 18px 35px;
    border: 1px solid var(--color-black);
    color: var(--color-black); }
    .thm-btn--tma .btn-wrap span {
      color: var(--color-black); }
    .thm-btn--tma.br-30 {
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px; }
    .thm-btn--tma i {
      color: var(--color-black); }
  .thm-btn--icon {
    padding-right: 50px; }
    .btns {
      margin: 0 -15px; }
.btns a {
  margin: 0 15px;
  margin-top: 20px; }
  @media (max-width: 991px) {
    .btns a {
      margin: 0 10px;
      margin-top: 20px; } }

.view-cart-btn, .cookie-btn {
  background-color: var(--color-primary);
  color: var(--color-white);
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  padding: 0 35px; }

/*----------------------------------------*/
/*  04. globel
/*----------------------------------------*/
@media (min-width: 1024px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px; }  }
@media (min-width: 1024px) {
  .header__fitness .container,
  .demo_fitness_app .container,
  .demo_fitness_app .container-lg,
  .demo_fitness_app .container-md,
  .demo_fitness_app .container-sm,
  .demo_fitness_app .container-xl {
    max-width: 1350px; } }
    
@media (min-width: 1024px) {
  .demo_finance_app .container,
  .demo_finance_app .container-lg,
  .demo_finance_app .container-md,
  .demo_finance_app .container-sm,
  .demo_finance_app .container-xl {
    max-width: 1270px; } }
@media (min-width: 1024px) {
  .demo_task_management_app .container,
  .demo_task_management_app .container-lg,
  .demo_task_management_app .container-md,
  .demo_task_management_app .container-sm,
  .demo_task_management_app .container-xl {
    max-width: 1310px; } }
.tagcloud {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  margin: -10px; }
  .tagcloud a {
    display: block;
    color: #77787B;
    border: 1px solid #E1E0E0;
    min-height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;
    padding: 0px 17px;
    margin: 7px;
    position: relative; }
    .tagcloud a::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(104.79deg, #CA60FF 39.56%, #FF60AB 115.02%);
      content: "";
      z-index: -1;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      opacity: 0; }
    .tagcloud a:hover {
      color: #fff;
      border-color: transparent; }
      .tagcloud a:hover::before {
        opacity: 1; }

.post-tags li {
  font-size: 15px;
  text-transform: capitalize;
  position: relative; }
  .post-tags li:not(:first-child, :last-child) {
    margin-right: 11px;
    padding-right: 15px; }
    .post-tags li:not(:first-child, :last-child)::before {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 5px;
      height: 5px;
      background-color: var(--color-primary);
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      content: ""; }
  .post-tags li span {
    display: inline-block;
    background-color: var(--color-primary);
    padding: 0px 10px;
    line-height: 25px;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    margin-right: 12px; }
  .post-tags li a {
    color: var(--color-black); }
    .post-tags li a:hover {
      color: var(--color-black); }

.hamburger_menu .icon {
  font-size: 22px; }
  .hamburger_menu .icon span {
    color: var(--color-black); }

body .mfp-wrap .mfp-container .mfp-content .mfp-close {
  padding: 0;
  right: 0;
  text-align: center;
  top: -36px;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  cursor: pointer;
  opacity: 1;
  font-size: 0;
  border: 9px solid transparent;
  position: absolute; }

body .mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-close {
  top: 4px; }

body .mfp-wrap .mfp-container .mfp-content .mfp-close::before, body .mfp-wrap .mfp-container .mfp-content .mfp-close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #222; }

body .mfp-wrap .mfp-container .mfp-content .mfp-close::before {
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

body .mfp-wrap .mfp-container .mfp-content .mfp-close::after {
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::before, body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::after {
  -webkit-transform: rotate(0);
  -khtml-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0); }

body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::before, body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::after {
  -webkit-transform: rotate(0);
  -khtml-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0); }

/*----------------------------------------*/
/*  05. hero
/*----------------------------------------*/
.hero {
  position: relative;
  z-index: 1; }
  .hero__fitness {
    min-height: 980px; }
    @media (max-width: 1199px) {
      .hero__fitness {
        min-height: 900px; } }
    @media (max-width: 991px) {
      .hero__fitness {
        padding-top: 200px;
        padding-bottom: 200px; } }
    @media (max-width: 767px) {
      .hero__fitness {
        padding-top: 150px; } }
  .hero__fitness-shape .shape {
    position: absolute;
    z-index: -1; }
    .hero__fitness-shape .shape--1 {
      left: 0;
      bottom: -200px; }
    .hero__fitness-shape .shape--2 {
      bottom: 200px;
      right: 0; }
  .hero__big-title {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 400px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    line-height: 1.2;
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.6) 6.88%, rgba(188, 42, 141, 0.6) 52.57%, rgba(251, 172, 0, 0.6) 69.82%, rgba(255, 0, 107, 0.6) 87.36%, rgba(255, 24, 135, 0.6) 93.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.1;
    z-index: -1; }
    .hero__big-title span {
      display: inline-block; }
  .hero__fitness-icon {
    position: absolute;
    bottom: 100px;
    left: 0; }
  .hero__content .tx-item--title {
    font-size: 52px;
    line-height: 62px; }
    @media (max-width: 1199px) {
      .hero__content .tx-item--title {
        font-size: 37px;
        line-height: 52px; } }
    @media (max-width: 767px) {
      .hero__content .tx-item--title {
        font-size: 26px;
        line-height: 42px; } }
  .hero__content .t-text {
    font-size: 16px;
    margin-top: 30px;
    padding-left: 25px;
    position: relative; }
    .hero__content .t-text::before {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      width: 17px;
      height: 17px;
      background-color: #63E36C;
      content: "\f00c";
      font-weight: 400;
      font-family: "Font Awesome 5 Pro";
      color: #fff;
      border-radius: 50%;
      font-size: 9px;
      display: flex;
      align-items: center;
      justify-content: center; }
  .hero__img {
    margin-right: -150px;
    margin-bottom: -65px; }
    @media (max-width: 991px) {
      .hero__img {
        margin: 0; } }
  .hero__followers-box {
    position: absolute;
    bottom: 40px;
    left: -20px;
    width: 100%;
    box-shadow: 0px 3.79155px 117.54px rgba(0, 0, 0, 0.12); }
    @media (max-width: 767px) {
      .hero__followers-box {
        bottom: -60px; } }

.tmah__hero {
  min-height: 850px;
  background-color: rgba(239, 236, 235, 0.5);
  position: relative;
  z-index: 1; }
  @media (max-width: 1199px) {
    .tmah__hero {
      min-height: 750px;
      padding-top: 100px;
      padding-bottom: 40px; } }
  @media (max-width: 767px) {
    .tmah__hero {
      padding-bottom: 85px; } }
  .tmah__hero .promo__followers {
    left: 0;
    bottom: 100px;animation: lr-animation 3s linear infinite alternate; }
.tmah__content {
  -webkit-transform: translateY(85px);
  -ms-transform: translateY(85px);
  transform: translateY(85px); }
  .tmah__content .tx-heading h3 {
    font-size: 61px;
    line-height: 71px; }
    @media (max-width: 1199px) {
      .tmah__content .tx-heading h3 {
        font-size: 50px;
        line-height: 60px; } }
    @media (max-width: 767px) {
      .tmah__content .tx-heading h3 {
        font-size: 30px;
        line-height: 37px; } }
  .tmah__content .tx-heading .tx-text--slide .highlight img {
    position: absolute;
    left: 6px;
    top: 54%; }
.tmah__form {
  position: relative;
  max-width: 534px; }
  .tmah__form input {
    width: 100%;
    height: 79px;
    background-color: #fff;
    border: 1px solid #000000;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.02);
    border-radius: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: 22px; }
  .tmah__form button {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: #5956F0;
    height: 70px;
    color: #fff;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px; }
    @media (max-width: 767px) {
      .tmah__form button {
        position: unset;
        width: 100%;
        margin-top: 10px; } }
    .tmah__form button:hover {
      opacity: .90; }
    .tmah__form button img {
      margin-left: 10px; }
.tmah__video a {
  color: #000; }
.tmah__video .icon {
  width: 29px;
  height: 29px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 8px;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px; }
.tmah__video .text {
  text-decoration: underline; }
.tmah__hero-img {
  margin-right: -100px;
  -webkit-transform: translate(25px, 100px);
  -ms-transform: translate(25px, 100px);
  transform: translate(25px, 100px); }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .tmah__hero-img {
      margin-right: 0; } }
  @media (max-width: 1199px) {
    .tmah__hero-img {
      margin-right: 0; } }
.tmah__shape-icon .shape {
  position: absolute; }
  .tmah__shape-icon .shape--1 {
    top: 221px;
    left: -10px;
    animation: zoominup 2s infinite linear;
    -webkit-animation: zoominup 2s infinite linear;
   }
  .tmah__shape-icon .shape--2 {
    top: 40px;
    right: 30px; animation: zoominup 3s infinite linear;
    -webkit-animation: zoominup 3s infinite linear; }
  .tmah__shape-icon .shape--3 {
    right: 30px;
    bottom: 130px;  animation: tx_up_down 1.2s ease infinite alternate; }
  .tmah__shape-icon .shape--4 {
    right: -90px;
    bottom: 260px; }
.tmah__shape .shape {
  position: absolute;
  z-index: -1; }
  .tmah__shape .shape--1 {
    bottom: -350px;
    left: 0; }
  .tmah__shape .shape--2 {
    top: 258px;
    left: 82px; animation: zoominup 2s infinite linear;
    -webkit-animation: zoominup 2s infinite; }
  .tmah__shape .shape--3 {
    bottom: 0;
    left: -166px; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.brand__slide {
  background-color: #fff;
  padding: 42px 20px;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
  margin-top: -68px;
  z-index: 22;
  position: relative; }
  .brand__slide--2 {
    background: none;
    box-shadow: none;
    margin: 0; }
.brand__item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 50px; }
  @media (max-width: 767px) {
    .brand__item {
      padding: 0 10px; } }
  .brand__item img {
    width: auto !important; }
.brand__bg {
  background-color: rgba(239, 236, 235, 0.5); }

.brand .mxw_1475 {
  max-width: 1475px; }

.feature__icon {
  width: 105px;
  height: 105px;
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: relative;
  background-color: #fff;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .feature__icon::before {
    position: absolute;
    top: 9px;
    left: 8px;
    width: 88px;
    height: 88px;
    content: "";
    border: 1px dashed rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: spin 12s infinite linear;
    -webkit-animation: spin 12s infinite linear;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.feature__item:hover .feature__icon {
  -webkit-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px); }
.feature__item:hover .feature__icon::before {
  opacity: 1; }
.feature__content h3 {
  margin-bottom: 10px; }
.feature__content h3, .feature__content span {
  font-size: 20px;
  color: #000; }
.feature__col:not(:last-child) {
  border-right: 1px dashed rgba(0, 0, 0, 0.1); }

.fin-feature .mxw_1400 {
  max-width: 1400px; }
.fin-feature__wrap {
  position: relative;
  padding: 95px 85px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #000000;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px; }
  @media (max-width: 991px) {
    .fin-feature__wrap {
      padding: 70px 30px; } }
.fin-feature__icon {
  position: absolute;
  left: 50%;
  bottom: 100px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
@media (max-width: 767px) {
  .fin-feature__list {
    flex-wrap: wrap; } }
.fin-feature__list li {
  font-size: 20px;
  color: #313238;
  display: flex;
  align-items: center;
  min-width: 300px;
  margin-top: 20px; }
  @media (max-width: 767px) {
    .fin-feature__list li {
      min-width: 100%; } }
  .fin-feature__list li i {
    color: #2DD12A;
    margin-right: 12px;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px); }
  .fin-feature__list li:not(:last-child) {
    margin-right: 24px; }
.fin-feature__budget-goal h3 {
  margin-bottom: 33px; }
.fin-feature__goal {
  display: flex;
  align-items: center;
  max-width: 390px; }
  .fin-feature__goal img {
    margin-right: 20px; }
.fin-feature__progress .progress {
  height: 12px;
  overflow: visible;
  border-top: 12px solid #E8E8EB;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px; }
.fin-feature__progress .progress-bar {
  width: 0;
  top: -12px;
  float: left;
  height: 12px;
  position: relative;
  background-color: var(--color-10);
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px; }
.fin-feature__progress-content h4, .fin-feature__progress-content span {
  font-size: 16px;
  font-weight: 600;
  color: #020202;
  font-family: var(--font-arimo); }
.fin-feature__img {
  position: absolute;
  right: 13%;
  bottom: -2px; }
  @media (max-width: 991px) {
    .fin-feature__img {
      position: relative;
      right: 0;
      bottom: 0;
      margin-top: 40px;
      left: 0;
      text-align: center; } }
.fin-feature__ss {
  z-index: 2;
  position: relative; }
.fin-feature__ss1 {
  position: absolute;
  top: 0;
  left: -161px;
  z-index: 3; }
  @media (max-width: 991px) {
    .fin-feature__ss1 {
      left: 0; } }
.fin-feature__ss2 {
  position: absolute;
  bottom: -43px;
  right: -200px;
  z-index: 3; }
  @media (max-width: 991px) {
    .fin-feature__ss2 {
      right: -40px; } }
.fin-feature__shape .shape {
  position: absolute; }
  .fin-feature__shape .shape--1 {
    left: -250px;
    top: 66px;
    max-width: 413px;
    z-index: -1; }
  .fin-feature__shape .shape--2 {
    position: absolute;
    bottom: 119px;
    right: -124px;
    width: 400px;
    height: 440px;
    opacity: .6; }
  .fin-feature__shape .shape--3 {
    position: absolute;
    top: 37%;
    left: -57px;
    z-index: 1; }

.mxw_1400 {
  max-width: 1425px; }

.special-feature__item {
  background-color: #F5F5F7;
  min-height: 497px;
  position: relative;
  padding: 45px 30px 0; }
.special-feature__number {
  font-size: 24px;
  color: #000;
  display: inline-block;
  margin-bottom: 30px; }
.special-feature__title {
  font-size: 24px; }
  .special-feature__title .highlight-img {
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: 100% !important;
    background-position: center center !important;
    width: 100% !important;
    background: url(../img/feature/sf_shape.svg) no-repeat; }
.special-feature__img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

.tma-feature__item {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 50px 30px; }
  .tma-feature__item.has-bg {
    background-color: #F5F5F7;
    border-color: transparent; }
  .tma-feature__item--2 {
    border: 1px solid #E8E8E8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .tma-feature__item--2:hover {
      border-color: transparent;
      box-shadow: 0px 12px 29px rgba(0, 0, 0, 0.04); }
.tma-feature__icon {
  height: 75px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin: 0 auto;
  margin-bottom: 20px; }
.tma-feature__item:hover .tma-feature__icon {
  animation: icon-bounce 0.8s ease-out;
  -webkit-animation: icon-bounce 0.8s ease-out; }
.tma-feature__title {
  font-size: 20px;
  font-weight: 500; }
  .tma-feature__title span {
    position: relative;
    z-index: 1; }
    .tma-feature__title span::before {
      position: absolute;
      left: 2px;
      bottom: 5px;
      width: 97%;
      height: 3px;
      background-color: var(--color-3);
      content: "";
      z-index: -1; }
.tma-feature__item--2 .tma-feature__title span {
  position: relative;
  z-index: 1; }
  .tma-feature__item--2 .tma-feature__title span::before {
    bottom: 4px; }
.tma-feature .tx-text--slide {
  line-height: 1.6; }

.tma-more-btn {
  position: relative;
  line-height: 0; }
  .tma-more-btn::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    border: 1px dashed rgba(0, 0, 0, 0.25);
    content: ""; }
  .tma-more-btn .thm-btn {
    padding-left: 74px;
    padding-right: 74px; }

.icon-list li {
  font-size: 18px;
  line-height: 34px;
  color: #6B707E;
  padding-left: 40px;
  position: relative; }
  .icon-list li:not(:last-child) {
    margin-bottom: 40px; }
  .icon-list li i {
    position: absolute;
    top: 8px;
    left: 0;
    color: #2DD12A;
    font-size: 21px; }
.icon-list--2 li:not(:last-child) {
  margin-bottom: 30px; }

.client-benifit {
  z-index: 1;
  position: relative; }
  .client-benifit__item:not(:last-child) {
    margin-bottom: 170px; }
    @media (max-width: 991px) {
      .client-benifit__item:not(:last-child) {
        margin-bottom: 50px; } }
  .client-benifit__item .icon {
    width: 60px;
    margin-right: 30px; }
  .client-benifit__item .content {
    width: calc(100% - 90px); }
    .client-benifit__item .content h3 {
      font-size: 20px;
      margin-bottom: 20px;
      font-weight: 600; }
    .client-benifit__item .content p {
      color: #717171; }
  .client-benifit__slide .slick-arrow {
    position: absolute;
    top: 50%;
    left: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 4px 9px rgba(125, 36, 148, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    color: #000; }
    .client-benifit__slide .slick-arrow.slick-next {
      left: auto;
      right: -60px; }
  .client-benifit__slide .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    background-color: #fff;
    position: absolute;
    left: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0px 3.79155px 10px rgba(99, 111, 114, 0.04);
    padding: 3px 10px;
    bottom: -40px; }
    .client-benifit__slide .slick-dots li {
      margin: 0 18px; }
      .client-benifit__slide .slick-dots li button {
        font-size: 16px;
        font-weight: 500;
        font-family: 'SFProDisplay';
        background: transparent;
        padding: 0 12px;
        position: relative;
        -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px); }
        .client-benifit__slide .slick-dots li button::before {
          position: absolute;
          left: 0;
          top: 0;
          content: "0"; }
      .client-benifit__slide .slick-dots li:nth-child(n + 10) button::before {
        content: ""; }
      .client-benifit__slide .slick-dots li.slick-active button {
        color: #7ECFE6; }
  .client-benifit__slide-item {
    position: relative; }
    .client-benifit__slide-item::before {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%;
      height: 1px;
      border-top: 1px dashed rgba(0, 0, 0, 0.25);
      content: "";
      z-index: -1;
      -webkit-transition: 0.8s;
      -o-transition: 0.8s;
      transition: 0.8s;
      transition-delay: 1s; }
      @media (max-width: 991px) {
        .client-benifit__slide-item::before {
          display: none; } }
  .client-benifit.animated .client-benifit__slide-item::before {
    width: 100%; }
  .client-benifit__col:nth-child(1) {
    order: 2; }
    @media (max-width: 991px) {
      .client-benifit__col:nth-child(1) {
        order: 1; } }
  .client-benifit__col:nth-child(2) {
    order: 1; }
  .client-benifit__col:nth-child(3) {
    order: 3; }

.promo__wrap {
  padding: 40px 80px;
  padding-right: 0; }
  @media (max-width: 767px) {
    .promo__wrap {
      padding: 30px 15px; } }
.promo__info-item .icon {
  width: 50px;
  margin-right: 24px;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px); }
.promo__info-item .content {
  width: calc(100% - 74px); }
  .promo__info-item .content h3 {
    font-size: 24px;
    margin-bottom: 12px; }
  .promo__info-item .content p {
    font-size: 14px;
    line-height: 24px;
    color: #565F66; }
.promo__img {
  padding-right: 80px; }
  @media (max-width: 767px) {
    .promo__img {
      padding-right: 0; } }
.promo__ss {
  position: absolute;
  top: 0;
  right: 0; }
  @media (max-width: 767px) {
    .promo__ss {
      position: unset; } }
.promo__followers {
  position: absolute;
  left: -65px;
  bottom: 50px;
  width: 100%; }
  @media (max-width: 1199px) {
    .promo__followers {
      left: 0;
      bottom: -40px; } }
  @media (max-width: 991px) {
    .promo__followers {
      bottom: -0; } }
  @media (max-width: 767px) {
    .promo__followers {
      position: unset; } }

@media (max-width: 767px) {
  .faq.pb-140 {
    padding-bottom: 100px; } }
.faq__wrap {
  padding-left: 45px;
  padding-right: 45px; }
  @media (max-width: 991px) {
    .faq__wrap {
      padding: 0; } }
.faq__img {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  padding-right: 90px; }
  @media (max-width: 1199px) {
    .faq__img {
      padding-right: 25px; } }
  @media (max-width: 991px) {
    .faq__img {
      padding-right: 0; } }
.faq__img-item {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden; }
  .faq__img-item:nth-child(1), .faq__img-item:nth-child(3) {
    -webkit-transform: translateY(26px);
    -ms-transform: translateY(26px);
    transform: translateY(26px); }
.faq__shape {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: -1; }

.accordion_box {
  position: relative; }
  .accordion_box .block {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    border: 1px solid #F2F5FA;
    box-shadow: 0px 37px 33px rgba(91, 129, 153, 0.1); }
    .accordion_box .block:last-child {
      margin-bottom: 0; }
    .accordion_box .block::before {
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #77D3E1;
      content: "";
      width: 100%;
      height: 4px;
      opacity: 0;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      transition-delay: .2s; }
    .accordion_box .block.active_block::before {
      opacity: 1; }
    .accordion_box .block.active_block .acc_btn {
      padding-bottom: 20px; }
      .accordion_box .block.active_block .acc_btn::before {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        color: #000; }
    .accordion_box .block .acc_btn {
      color: #132047;
      position: relative;
      font-weight: 600;
      font-size: 24px;
      cursor: pointer;
      padding: 35px 70px 35px 35px;
      transition: all 500ms ease;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease; }
      @media (max-width: 767px) {
        .accordion_box .block .acc_btn {
          font-size: 18px;
          padding: 20px 40px 25px 15px; } }
      .accordion_box .block .acc_btn::before {
        top: 38px;
        right: 40px;
        line-height: 1;
        font-size: 22px;
        content: "\f062";
        position: absolute;
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        color: #B9BDC8; }
        @media (max-width: 767px) {
          .accordion_box .block .acc_btn::before {
            top: 25px;
            right: 15px;
            font-size: 18px; } }
    .accordion_box .block .acc_content {
      position: relative;
      display: none;
      padding: 0 60px 40px 37px; }
      @media (max-width: 767px) {
        .accordion_box .block .acc_content {
          padding: 0 15px 40px 15px; } }
      .accordion_box .block .acc_content.current {
        display: block; }
  .accordion_box__2 .block {
    box-shadow: none;
    border: 0;
    padding: 0;
    margin-bottom: 40px; }
    .accordion_box__2 .block::before {
      background: none; }
    .accordion_box__2 .block .acc_btn {
      padding: 0;
      font-size: 18px;
      font-weight: 500;
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #D9D9D9; }
      .accordion_box__2 .block .acc_btn::before {
        top: 10px;
        right: 0;
        line-height: 1;
        font-size: 17px;
        font-weight: 300;
        content: "\f067";
        color: #000; }
        @media (max-width: 767px) {
          .accordion_box__2 .block .acc_btn::before {
            top: 25px;
            right: 15px;
            font-size: 18px; } }
    .accordion_box__2 .block .acc_content {
      padding: 0;
      color: rgba(0, 0, 0, 0.5);
      font-size: 16px;
      line-height: 31px; }
    .accordion_box__2 .block.active_block .acc_btn {
      padding-bottom: 15px; }
      .accordion_box__2 .block.active_block .acc_btn::before {
        content: "\f068"; }

.subscribe__bg {
  background-color: var(--color-6); }
.subscribe__form {
  position: relative; }
  .subscribe__form input {
    width: 100%;
    background-color: #fff;
    height: 56px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 15px;
    font-family: var(--font-jost);
    border: 1px solid #E0E0E0;
    box-shadow: 0px 15px 10px rgba(242, 242, 242, 0.18); }
  .subscribe__form button {
    background-color: var(--color-9);
    position: absolute;
    top: 5px;
    right: 0;
    height: 47px;
    right: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 10px 33px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-jost);
    color: #fff;
    line-height: 1; }
.subscribe .tx-heading .subtitle {
  background: transparent;
  position: relative;
  z-index: 1; }
  .subscribe .tx-heading .subtitle::before {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .3;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px; }

.signin-form a {
  height: 52px; }
  .signin-form a:nth-child(1) {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 2px;
    width: calc(100% - 70px);
    padding-left: 75px;
    color: #fff;
    font-size: 16px;
    font-family: var(--font-jost);
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative; }
    .signin-form a:nth-child(1) span {
      position: absolute;
      width: 48px;
      height: 41px;
      background-color: #fff;
      left: 5px;
      top: 5px;
      display: flex;
      align-items: center;
      justify-content: center; }
  .signin-form a:nth-child(2) {
    width: 58px;
    height: 52px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-left: 12px;
    color: #1DA1F2; }

.fin-subscribe {
  position: relative; }
  .fin-subscribe__wrap {
    background-color: #08090B;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    position: relative; }
  .fin-subscribe__area .subscribe__form {
    max-width: 384px;
    width: 100%;
    margin-right: 27px; }
    .fin-subscribe__area .subscribe__form input {
      height: 59px;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      font-family: var(--font-jost);
      box-shadow: none; }
    .fin-subscribe__area .subscribe__form button {
      height: 49px;
      border-radius: 24px;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      -ms-border-radius: 24px;
      -o-border-radius: 24px;
      right: 7px;
      background-color: var(--color-13);
      font-family: var(--font-jost); }
  .fin-subscribe__area .signin-form {
    max-width: 410px;
    width: 100%; }
    .fin-subscribe__area .signin-form a {
      height: 59px; }
      .fin-subscribe__area .signin-form a:nth-child(1) {
        border-radius: 29px;
        -webkit-border-radius: 29px;
        -moz-border-radius: 29px;
        -ms-border-radius: 29px;
        -o-border-radius: 29px;
        background: rgba(255, 255, 255, 0.1); }
        .fin-subscribe__area .signin-form a:nth-child(1) span {
          width: 48px;
          height: 41px;
          border-radius: 20px;
          -webkit-border-radius: 20px;
          -moz-border-radius: 20px;
          -ms-border-radius: 20px;
          -o-border-radius: 20px;
          top: 9px;
          left: 9px; }
      .fin-subscribe__area .signin-form a:nth-child(2) {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%; }
  .fin-subscribe__shape .shape {
    position: absolute; }
    .fin-subscribe__shape .shape--1 {
      top: 120px;
      left: 60px; }
      @media (max-width: 991px) {
        .fin-subscribe__shape .shape--1 {
          top: 40px;
          left: 41px; } }
    .fin-subscribe__shape .shape--2 {
      bottom: -15px;
      left: -20px; }

.download-app__wrap {
  background-color: #fff;
  padding: 50px 45px;
  border: 1px solid rgba(0, 0, 0, 0.4); }
  @media (max-width: 767px) {
    .download-app__wrap {
      padding: 40px 25px; } }
.download-app__content span {
  display: inline-block;
  background-color: var(--color-11);
  padding: 7px 20px;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin-bottom: 20px;
  line-height: 1.2; }
  .download-app__content span i {
    margin-right: 9px; }
.download-app__content h3 {
  font-size: 34px;
  font-weight: 700; }
  @media (max-width: 767px) {
    .download-app__content h3 {
      font-size: 25px; } }
@media (max-width: 991px) {
  .download-app__img {
    margin-top: 30px; } }
.download-app__s a {
  display: block; }

.service__item {
  padding: 65px 38px 50px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
  @media (max-width: 1199px) {
    .service__item {
      padding: 50px 20px 30px; } }
  .service__item:hover {
    background-color: #fff;
    border-color: #fff;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px); }
.service__icon {
  height: 70px;
  display: flex;
  align-items: center; }
.service__title {
  font-size: 24px;
  color: #101212;
  font-weight: 700;
  margin-bottom: 25px; }
  .service__title a {
    color: currentColor; }
.service__link {
  color: #000;
  position: relative;
  padding: 13px 27px;
  padding-right: 35px;
  margin: 0 -25px;
  margin-top: 35px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700; }
  .service__link:hover {
    color: #000; }
  .service__link::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 28px;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
.service__item:hover .service__link::before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.tx-service__slide {
  margin: 0 -15px; }
  .tx-service__slide .slick-dots {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin-top: 70px; }
    @media (max-width: 767px) {
      .tx-service__slide .slick-dots {
        margin-top: 35px; } }
    .tx-service__slide .slick-dots li button {
      display: block;
      width: 63px;
      height: 7px;
      padding: 0;
      border: none;
      background-color: #F5F5F7;
      text-indent: -9999px; }
      @media (max-width: 767px) {
        .tx-service__slide .slick-dots li button {
          width: 40px; } }
    .tx-service__slide .slick-dots li.slick-active button {
      background: linear-gradient(90.18deg, #D463FF 13.41%, #FF5CA9 96.46%);
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px; }
  .tx-service__slide .slick-list .slick-track {
    transition: .8s !important; }
.tx-service__item {
  padding: 65px 20px;
  background-color: #F5F5F7;
  margin: 0 15px; }
.tx-service__icon {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center; }
.tx-service__title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 20px; }
.tx-service__number {
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
  color: #000; }
.tx-service__btn a {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #000;
  padding: 12px 33px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px; }

.service-details__title {
  max-width: 600px;
  margin: auto;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    .service-details__title {
      font-size: 25px;
      line-height: 40px; } }
.service-details__thumb {
  border: 15px solid #FFFFFF;
  filter: drop-shadow(0px 4px 21px rgba(0, 0, 0, 0.12));
  margin-right: 80px; }
  @media (max-width: 991px) {
    .service-details__thumb {
      margin-right: 0; } }
.service-details__widget {
  position: absolute;
  bottom: -180px;
  right: 0;
  max-width: 420px;
  width: 100%;
  background-color: #fff;
  padding: 30px 25px;
  border: 12px solid #FFFFFF;
  box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.12); }
  @media (max-width: 767px) {
    .service-details__widget {
      padding: 30px 0; } }
  @media (max-width: 991px) {
    .service-details__widget {
      position: relative;
      bottom: 0;
      width: 100%;
      max-width: 100%;
      margin-top: 30px; } }
  .service-details__widget li:not(:last-child) {
    margin-bottom: 13px; }
  .service-details__widget li a {
    font-size: 18px;
    font-weight: 500;
    color: #101C2A;
    display: block;
    background-color: #F9F6F7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 19px;
    position: relative; }
    .service-details__widget li a:hover, .service-details__widget li a.active {
      color: #423EF3; }
      .service-details__widget li a:hover i, .service-details__widget li a.active i {
        color: #fff;
        background-color: #423EF3; }
    .service-details__widget li a i {
      width: 49px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      position: absolute;
      top: 50%;
      right: 8px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px; }
.service-details__content h3 {
  font-size: 32px;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .service-details__content h3 {
      font-size: 22px; } }
.service-details p {
  font-size: 16px;
  line-height: 28px; }
  .service-details p:not(:last-child) {
    margin-bottom: 28px; }
.service-details__list li {
  font-size: 16px;
  color: #525A75; }
  .service-details__list li:not(:last-child) {
    margin-bottom: 13px; }
  .service-details__list li i {
    margin-right: 10px; }

@media (max-width: 1199px) {
  .image-gallery {
    padding-left: 100px;
    padding-right: 100px; } }
.image-gallery__slide {
  margin: 0 -35px;
  margin-bottom: -70px; }
  .image-gallery__slide .slick-list {
    padding-bottom: 70px; }
  .image-gallery__slide .slick-arrow {
    position: absolute;
    content: "";
    top: 40%;
    left: -65px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 48px;
    height: 23px;
    cursor: pointer; }
    .image-gallery__slide .slick-arrow.slick-prev {
      background: url(../img/icon/left-arrow.svg) no-repeat; }
    .image-gallery__slide .slick-arrow.slick-next {
      background: url(../img/icon/g-right-arrow.svg) no-repeat;
      left: auto;
      right: -65px; }
.image-gallery__item {
  margin: 0 35px;
  position: relative; }
  @media (max-width: 1199px) {
    .image-gallery__item {
      margin: 0 15px; } }
  .image-gallery__item:nth-child(odd) {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px); }
.image-gallery__link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: #0B3948;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-top-left-radius: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .image-gallery__link i {
    margin-top: 7px;
    margin-left: 7px;
    font-size: 15px;
    color: #fff; }
.image-gallery__item:hover .image-gallery__link {
  right: 6px;
  bottom: 6px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
.image-gallery__btn a {
  font-size: 16px;
  font-weight: 500;
  box-shadow: 0px 8px 9px rgba(0, 0, 0, 0.07);
  border-radius: 41px;
  -webkit-border-radius: 41px;
  -moz-border-radius: 41px;
  -ms-border-radius: 41px;
  -o-border-radius: 41px;
  display: inline-block;
  padding: 6px 48px;
  color: #1A1616; }
.management{
  z-index: 1;
}
.brand-marquee {
  overflow: hidden; position: relative; z-index: 1; }
  .brand-marquee__heading {
    position: relative; }
    .brand-marquee__heading img {
      display: block;
      margin: auto; }
    .brand-marquee__heading h3 {
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: var(--font-arimo);
      display: inline-block;
      background-color: #F6F3EC;
      padding: 10px 55px; }
    .brand-marquee__heading::before {
      position: absolute;
      top: 69%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      width: 100%;
      height: 2px;
      background: rgba(0, 0, 0, 0.09);
      content: "";
      z-index: -1; }
    .brand-marquee__heading--2 h3 {
      background-color: #fff; }
  .brand-marquee__item {
    width: 195px;
    height: 112px;
    background-color: #fff;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    border-radius: 10px; }
    @media (max-width: 767px) {
      .brand-marquee__item {
        width: 120px;
        height: 80px;
        padding: 0 20px; } }
    .brand-marquee__item:last-child {
      margin-right: 0; }
    .brand-marquee__item--2 {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid rgba(0, 0, 0, 0.15);
      box-shadow: 0px 24px 16px rgba(16, 23, 54, 0.03);
      border-radius: 10px; }
  .brand-marquee__space {
    height: 142px; }
    @media (max-width: 767px) {
      .brand-marquee__space {
        height: 110px; } }
  .brand-marquee__left .brand-marquee__item {
    box-shadow: 0px 24px 16px rgba(16, 23, 54, 0.03); }

.counter {
  position: relative; }
  .counter__bg {
    background-color: var(--color-12); }
    .counter__bg--2 {
      background-color: #423EF3; }
  .counter__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media (max-width: 1199px) {
      .counter__wrap {
        padding: 0 30px; } }
  .counter__icon {
    height: 68px;
    display: flex;
    align-items: center;
    margin-left: 20px; }
    @media (max-width: 991px) {
      .counter__icon {
        justify-content: center;
        margin-left: 0; } }
  .counter__number {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 27px; }
    .counter__number span {
      color: #fff; }
    .counter__number .plus {
      position: relative;
      bottom: -4px;
      margin-left: 2px; }
  .counter__item .counter__number {
    font-family: var(--font-arimo);
    font-weight: 500; }
  .counter__item h3 {
    color: #fff;
    font-size: 18px;
    font-family: var(--font-arimo);
    font-weight: 400; }
  .counter__two .counter__item .counter__number {
    font-family: var(--font-jost); }
  .counter__two .counter__item h3 {
    font-family: var(--font-jost); }
  .counter .mxw_1470 {
    max-width: 1470px; }
  .counter .mxw_1575 {
    max-width: 1575px; }
  .counter__shape {
    position: absolute;
    left: 0;
    bottom: -22px;
    animation: icon-bounce 0.8s ease-out infinite;
    -webkit-animation: icon-bounce 0.8s ease-out infinite; }
    @media screen and (min-width: 1200px) and (max-width: 1300px) {
      .counter__shape {
        display: none
      }
    }

.angle-shape .shape {
  position: absolute;
  width: 50px;
  height: 18px;
  background-color: var(--color-18); }
  @media (max-width: 1199px) {
    .angle-shape .shape {
      display: none; } }
  .angle-shape .shape--1 {
    bottom: 57px;
    left: 0; }
  .angle-shape .shape--2 {
    width: 88px;
    bottom: 26px;
    background-color: #D9D9D9; }
  .angle-shape .shape--3 {
    top: 19px;
    right: 0;
    width: 88px; }
  .angle-shape .shape--4 {
    right: 0;
    top: 50px;
    background-color: #D9D9D9; }
.angle-shape--2 .shape {
  position: absolute;
  width: 184px;
  height: 18px; }
  .angle-shape--2 .shape--1 {
    bottom: 0;
    left: 0; }
  .angle-shape--2 .shape--2 {
    width: 105px;
    bottom: 31px; }
  .angle-shape--2 .shape--3 {
    top: 0;
    right: 0;
    width: 182px; }
  .angle-shape--2 .shape--4 {
    right: 0;
    top: 31px;
    width: 105px; }

.fin-process {
  position: relative;
  z-index: 1; }
  .fin-process__col {
    border-top: 1px dashed #B7BEC5;
    border-right: 1px dashed #B7BEC5; }
    .fin-process__col:nth-child(1), .fin-process__col:nth-child(2), .fin-process__col:nth-child(3) {
      border-top: 0; }
    .fin-process__col:nth-child(3), .fin-process__col:nth-child(6) {
      border-right: 0;
      justify-content: space-between; }
    @media (max-width: 991px) {
      .fin-process__col {
        border: 0; } }
  .fin-process__item {
    padding: 65px;
    position: relative; }
    @media (max-width: 1199px) {
      .fin-process__item {
        padding: 40px; } }
    @media (max-width: 767px) {
      .fin-process__item {
        padding: 25px 0; } }
    .fin-process__item p {
      color: #717171; }
  .fin-process__col:nth-child(1) .fin-process__item, .fin-process__col:nth-child(4) .fin-process__item {
    padding-left: 30px; }
    @media (max-width: 767px) {
      .fin-process__col:nth-child(1) .fin-process__item, .fin-process__col:nth-child(4) .fin-process__item {
        padding-left: 0; } }
  .fin-process:nth-child(1) .fin-process__item, .fin-process:nth-child(2) .fin-process__item, .fin-process:nth-child(3) .fin-process__item {
    padding-top: 40px; }
    @media (max-width: 767px) {
      .fin-process:nth-child(1) .fin-process__item, .fin-process:nth-child(2) .fin-process__item, .fin-process:nth-child(3) .fin-process__item {
        padding-top: 25px; } }
  .fin-process__icon {
    height: 65px;
    display: flex;
    align-items: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .fin-process__item:hover .fin-process__icon {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  .fin-process__title {
    margin-bottom: 25px; }
    .fin-process__title span {
      position: relative; }
      .fin-process__title span img {
        position: absolute;
        top: 0;
        left: 0; }
  .fin-process__number {
    position: absolute;
    top: 25px;
    right: 30px;
    font-size: 80px;
    font-weight: 700;
    font-family: var(--font-poppins);
    color: #636F99;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    line-height: 1; }
  .fin-process__item:hover .fin-process__number {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.05; }
  .fin-process__shape .shape {
    position: absolute;
    z-index: -1; }
    .fin-process__shape .shape--1 {
      top: 0;
      left: 0;
      max-width: 420px; }
    .fin-process__shape .shape--2 {
      right: 0;
      bottom: -600px; }

      .process__wrap {
        background: rgba(255, 255, 255, 0.03);
        padding: 0 50px 40px 40px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        z-index: 3;
        position: relative; }
        @media (max-width: 1199px) {
          .process__wrap {
            padding: 0 50px 50px 20px; } }
        @media (max-width: 991px) {
          .process__wrap {
            justify-content: center; } }
        @media (max-width: 767px) {
          .process__wrap {
            padding: 80px 10px;
            padding-top: 0; } }
      .process__item {
        position: relative;
        margin-top: 40px;
        padding: 40px 0; }
        @media (max-width: 1199px) {
          .process__item {
            padding: 25px 0; } }
        .process__item:not(:last-child)::before {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          right: -80px;
          width: 1px;
          height: 18px;
          background: #D9D9D9;
          opacity: 0.13;
          content: ""; }
          @media only screen and (min-width: 1200px) and (max-width: 1500px) {
            .process__item:not(:last-child)::before {
              right: -53px; } }
          @media (max-width: 1199px) {
            .process__item:not(:last-child)::before {
              display: none; } }
        @media (max-width: 767px) {
          .process__item {
            margin-top: 80px; } }
        .process__item > h3 {
          color: var(--color-white);
          font-size: 20px; }
          @media (max-width: 767px) {
            .process__item > h3 {
              font-size: 16px; } }
      .process__icon {
        width: 100px;
        height: 100%;
        position: relative; }
        .process__icon .icon {
          font-size: 55px;
          position: absolute;
          color: #859CA3;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          opacity: 0;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        .process__icon .number {
          width: 70px;
          height: 70px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          background: rgba(255, 255, 255, 0.15);
          color: var(--color-white);
          font-size: 20px;
          font-weight: 500;
          margin-right: 28px;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
      .process__item:hover .process__icon .number {
        width: 40px;
        height: 40px;
        font-size: 16px;
        -webkit-transform: translate(-50%, 170%);
        -ms-transform: translate(-50%, 170%);
        transform: translate(-50%, 170%);
        background-color: var(--color-18);
        color: var(--color-black); }
      .process__item:hover .process__icon .icon {
        opacity: 1;
        transition-delay: .2s;
        -webkit-transform: translate(-50%, -34%);
        -ms-transform: translate(-50%, -34%);
        transform: translate(-50%, -34%); }

        .fin-app {
          position: relative;
          z-index: 1; }
          .fin-app__wrap {
            position: relative;
            padding: 95px 85px;
            background: linear-gradient(271.74deg, rgba(255, 255, 255, 0.7) 30.12%, rgba(255, 255, 255, 0) 97.97%);
            border: 1px solid #000000;
            border-radius: 13px;
            position: relative; }
            @media (max-width: 767px) {
              .fin-app__wrap {
                padding: 55px 25px; } }
          @media (max-width: 991px) {
            .fin-app__img {
              display: flex;
              align-items: center;
              z-index: 11;
              position: relative; } }
          .fin-app__img .fa-img {
            position: absolute;
            top: 50%;
            left: 30px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 1; }
            @media (max-width: 991px) {
              .fin-app__img .fa-img {
                position: unset;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0); } }
            .fin-app__img .fa-img--1 {
              left: 19.5%; }
            .fin-app__img .fa-img--2 {
              left: 0;
              z-index: -1; }
          .fin-app__list {
            color: #6B707E;
            font-size: 18px;
            line-height: 34px; }
            .fin-app__list li {
              padding-left: 30px;
              position: relative; }
              .fin-app__list li:not(:last-child) {
                margin-bottom: 37px; }
              .fin-app__list li i {
                color: var(--color-1);
                margin-right: 12px;
                -webkit-transform: translateY(1px);
                -ms-transform: translateY(1px);
                transform: translateY(1px);
                position: absolute;
                left: 0;
                top: 7px; }
          .fin-app__line-shape {
            position: absolute;
            bottom: 120px;
            left: 50px; }
            @media (max-width: 767px) {
              .fin-app__line-shape {
                display: none; } }
          .fin-app__icon-shape {
            position: absolute;
            bottom: 78px;
            right: 80px; }
          .fin-app__content {
            padding-left: 50px; }
            @media (max-width: 991px) {
              .fin-app__content {
                padding-left: 0; } }

.mxw_1340 {
  max-width: 1340px; }

.fin-cta {
  background-color: #171824;
  z-index: 1;
  position: relative; }
  .fin-cta__number .icon {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.62);
    margin-right: 22px; }
  .fin-cta__number span {
    color: #888686;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-right: 27px;
    text-transform: uppercase; }
  .fin-cta__number h3 {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--font-arimo); }
    .fin-cta__number h3 a {
      color: var(--color-12); }
  .fin-cta__img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 991px) {
      .fin-cta__img {
        position: unset;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin-top: 45px; } }
  .fin-cta.animated .fin-cta__img img {
    animation: icon-bounce 0.8s ease-out;
    -webkit-animation: icon-bounce 0.8s ease-out; }
  .fin-cta__shape {
    position: absolute;
    right: 58px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 991px) {
      .fin-cta__shape {
        top: auto;
        right: auto;
        left: 0;
        bottom: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
  .fin-cta__line-shape {
    position: absolute;
    right: 42%;
    bottom: 70px; }

.tma-cta {
  position: relative;
  z-index: 1; }
  .tma-cta__bg {
    background-color: #423EF3; }
  .tma-cta__big-title {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 400px;
    text-transform: uppercase;
    font-family: var(--font-poppins);
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.1;
    font-weight: 700;
    line-height: 1.2;
    z-index: -1; }
    @media (max-width: 991px) {
      .tma-cta__big-title {
        font-size: 200px; } }
    @media (max-width: 767px) {
      .tma-cta__big-title {
        display: none; } }
    .tma-cta__big-title span {
      display: inline-block; }
  .tma-cta__shape .shape {
    position: absolute; }
    .tma-cta__shape .shape--1 {
      left: 100px;
      bottom: 100px; }
    .tma-cta__shape .shape--2 {
      right: 0;
      bottom: 0; }

      .fit-cta__wrap {
        background-color: #74D1E7;
        padding: 42px 50px;
        margin-bottom: -50px;
        z-index: 5;
        position: relative; }
        @media (max-width: 767px) {
          .fit-cta__wrap {
            padding: 20px; } }
      .fit-cta__content > span {
        display: inline-block;
        background-color: var(--color-white);
        padding: 7px 20px;
        color: #152A38;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        margin-bottom: 20px;
        line-height: 1.2; }
        .fit-cta__content > span i {
          margin-right: 8px; }
      .fit-cta__content h3 {
        font-size: 28px;
        font-weight: 500; }
        .fit-cta__content h3 span {
          color: var(--color-white); }
      .fit-cta__s a {
        max-width: 156px; }
        .fit-cta__s a:not(:first-child) {
          margin-left: 20px; }
          @media (max-width: 767px) {
            .fit-cta__s a:not(:first-child) {
              margin-left: 0; } }
      .fit-cta__icon {
        position: absolute;
        -webkit-transform: translate(-155px, 22px);
        -ms-transform: translate(-155px, 22px);
        transform: translate(-155px, 22px); }
        @media (max-width: 1199px) {
          .fit-cta__icon {
            display: none; } }
        .fit-cta__icon img {
          animation: tx_up_down 1s ease infinite alternate; }
      .fit-cta__text span {
        text-transform: uppercase;
        background: linear-gradient(90.92deg, rgba(113, 47, 254, 0.6) 7.09%, rgba(97, 0, 255, 0.6) 77.69%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        opacity: 0.1;
        font-size: 200px;
        font-weight: 700;
        line-height: 1.2;
        position: absolute;
        bottom: 7px; }
        .fit-cta__text span:nth-child(1) {
          left: -36px; }
        .fit-cta__text span:nth-child(2) {
          right: -36px; }
.testimonial {
  position: relative;
  overflow: hidden; }
  .testimonial__slide {
    margin: -15px;
    margin-bottom: -50px; }
    .testimonial__slide .slick-arrow {
      position: absolute;
      top: 48%;
      left: -60px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background: #F9F6F1;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.06);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 1;
      color: #000; }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .testimonial__slide .slick-arrow {
          left: -10px; } }
      @media (max-width: 991px) {
        .testimonial__slide .slick-arrow {
          left: -10px; } }
      .testimonial__slide .slick-arrow.slick-next {
        left: auto;
        right: -60px; }
        @media only screen and (min-width: 1200px) and (max-width: 1500px) {
          .testimonial__slide .slick-arrow.slick-next {
            right: -10px; } }
        @media (max-width: 991px) {
          .testimonial__slide .slick-arrow.slick-next {
            right: -10px; } }
    .testimonial__slide.style-2 .slick-arrow {
      color: #fff;
      background: rgba(249, 246, 241, 0.1); }
  .testimonial__item {
    padding: 0 50px 50px;
    border-radius: 10px;
    margin: 15px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1; }
    .testimonial__item::before {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: calc(100% - 43px);
      background: linear-gradient(155.12deg, #FFFFFF -129.03%, rgba(255, 255, 255, 0) 116.82%);
      content: "";
      z-index: -1;
      box-shadow: 0px 15px 20px rgba(185, 204, 216, 0.211); }
    .testimonial__item .name {
      font-size: 18px;
      font-weight: 500;
      font-family: var(--font-archivo);
      margin-bottom: 2px; }
    .testimonial__item .desig {
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      color: #565F66;
      display: inline-block;
      margin-bottom: 25px; }
    .testimonial__item p {
      line-height: 32px;
      color: #6B707E; }
    .testimonial__item.style-2::before {
      background: transparent;
      box-shadow: none;
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-shadow: none; }
    .testimonial__item.style-2 .name {
      color: #fff;
      font-family: var(--font-poppins); }
    .testimonial__item.style-2 .desig {
      color: #fff; }
      .testimonial__item.style-2 .desig span {
        color: #FFB11B; }
    .testimonial__item.style-2 p {
      color: #fff; }
  .testimonial__avatar {
    margin-left: -15px; }
    .testimonial__avatar img {
      width: auto !important; }
  .testimonial__shape {
    position: absolute;
    top: -60px;
    left: 0; }
  .testimonial__bg {
    background-color: #171824; }
  .testimonial__quote {
    position: absolute;
    top: 70px;
    right: 16px;
    color: rgba(255, 255, 255, 0.22);
    font-size: 150px;
    opacity: 0.2;
    z-index: -1; }

.rating-star li {
  font-size: 13px;
  color: #FFB11B; }
  .rating-star li:not(:last-child) {
    margin-right: 4px; }
    .des-testimonial .tx-text--slide span {
      padding-top: 5px;
      padding-bottom: 8px;
  }
.des-testimonial {
  position: relative; }
  .des-testimonial__nav {
    border: 0; }
    .des-testimonial__nav .nav-link {
      position: absolute;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      padding: 6px;
      background-color: #fff;
      overflow: hidden;
      border: 0;
      box-shadow: 0px 4px 4px #EEEEEE;
      z-index: 2; }
      .des-testimonial__nav .nav-link img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%; }
      .des-testimonial__nav .nav-link:nth-child(1) {
        top: 21%;
        left: 12%;
        width: 100px;
        height: 100px; }
        @media (max-width: 767px) {
          .des-testimonial__nav .nav-link:nth-child(1) {
            top: 22%;
            left: 3%; } }
      .des-testimonial__nav .nav-link:nth-child(2) {
        bottom: 25%;
        left: 10%;
        width: 60px;
        height: 60px; }
        @media (max-width: 767px) {
          .des-testimonial__nav .nav-link:nth-child(2) {
            bottom: 10%;
            left: 3%; } }
      .des-testimonial__nav .nav-link:nth-child(3) {
        top: 29%;
        right: 16%;
        width: 85px;
        height: 85px; }
        @media (max-width: 767px) {
          .des-testimonial__nav .nav-link:nth-child(3) {
            top: 26%;
            right: 4%; } }
      .des-testimonial__nav .nav-link:nth-child(4) {
        right: 11%;
        bottom: 24%;
        width: 78px;
        height: 78px; }
        @media (max-width: 767px) {
          .des-testimonial__nav .nav-link:nth-child(4) {
            right: 4%;
            bottom: 14%; } }
  .des-testimonial__item {
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .des-testimonial__avatar {
    z-index: -1;
    position: relative; }
  .des-testimonial__content {
    max-width: 700px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 37px;
    color: #221414;
    margin-bottom: 40px; }
  .des-testimonial__bg {
    position: absolute;
    bottom: -80px;
    left: 0;
    z-index: -1;
    right: 0; }
    @media (max-width: 767px) {
      .des-testimonial__bg {
        height: 76%;
        width: 100%; }
        .des-testimonial__bg img {
          height: 100%; } }
  .des-testimonial__shape {
    width: 361px;
    height: 443px;
    background-color: #F0F7FF;
    position: absolute;
    top: 56%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -2;
    border-radius: 225px;
    -webkit-border-radius: 225px;
    -moz-border-radius: 225px;
    -ms-border-radius: 225px;
    -o-border-radius: 225px;
    margin: 13px;
    padding: 13px; }
    .des-testimonial__shape::before {
      position: absolute;
      top: -15px;
      left: -15px;
      width: 393px;
      height: 478px;
      border: 1px solid #CFCFD7;
      content: "";
      border-radius: 225px;
      -webkit-border-radius: 225px;
      -moz-border-radius: 225px;
      -ms-border-radius: 225px;
      -o-border-radius: 225px; }
  .des-testimonial__shape-bg {
    position: absolute;
    top: 67%;
    left: 45%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -3;
    width: 1000px; }
  .des-testimonial__rating {
    position: relative;
    -webkit-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    transform: translateY(-18px); }
    .des-testimonial__rating span {
      color: #FFB11B;
      font-size: 16px;
      display: inline-block; }
    .des-testimonial__rating img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .des-testimonial__authro-info h3 {
    font-size: 20px;
    color: #08151F;
    font-weight: 500; }
  .des-testimonial__authro-info span {
    color: #0D3845;
    font-size: 16px;
    font-weight: 400; }
  .des-testimonial__icon-shape .shape {
    position: absolute; }
    .des-testimonial__icon-shape .shape--1 {
      top: 31%;
      left: 23%; }
    .des-testimonial__icon-shape .shape--2 {
      left: 22%;
      bottom: 44%; }
    .des-testimonial__icon-shape .shape--3 {
      right: 25%;
      top: 26%;
      animation: zoominup 2s infinite linear;
      -webkit-animation: zoominup 2s infinite linear; }
    .des-testimonial__icon-shape .shape--4 {
      right: 0%;
      top: 15%; }
  .des-testimonial__quote {
    position: absolute;
    bottom: 90px;
    right: 12%; }
.fin-marquee__text {
  font-size: 180px;
  font-weight: 500;
  line-height: 1.2;
  font-family: var(--font-archivo);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(126, 112, 112, 0.6);
  min-height: 180px; }
  @media (max-width: 1199px) {
    .fin-marquee__text {
      font-size: 120px;
      min-height: 120px; } }
  @media (max-width: 991px) {
    .fin-marquee__text {
      font-size: 80px;
      min-height: 80px; } }
  @media (max-width: 767px) {
    .fin-marquee__text {
      font-size: 60px;
      min-height: 60px; } }
  .fin-marquee__text span {
    position: relative;
    padding-left: 30px;
    z-index: 1; }
    .fin-marquee__text span img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 94%;
      z-index: -1; }
@media (max-width: 991px) {
  .fin-marquee.pb-135 {
    padding-bottom: 120px; } }

.marquee__text {
  font-size: 118px;
  font-weight: 500;
  line-height: 1.2;
  font-family: var(--font-archivo);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(126, 112, 112, 0.6);
  min-height: 118px; }
  @media (max-width: 991px) {
    .marquee__text {
      font-size: 80px;
      min-height: 80px; } }
  .marquee__text span {
    position: relative;
    padding-left: 30px;
    z-index: 1; }
    .marquee__text span img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 94%;
      z-index: -1; }

.management-system {
  position: relative; }
  .management-system .tx-item--title.fs-42 {
    line-height: 1.2; }
  .management-system__wrap {
    margin-left: -100px;
    text-align: right;
    margin-right: 100px; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .management-system__wrap {
        margin-left: 0; } }
    @media (max-width: 1199px) {
      .management-system__wrap {
        margin-left: 0; } }
  .management-system__img {
    margin-right: -62px;
    margin-top: -25px; }
  .management-system__shape {
    position: absolute;
    top: 90px;
    z-index: -1; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .management-system__shape {
        max-width: 48%; } }
    @media (max-width: 1199px) {
      .management-system__shape {
        top: 121px;
        max-width: 46%; } }
    .management-system__shape.t-125 {
      top: 125px; }
  .management-system__info {
    padding-left: 27px;
    border-left: 1px solid #D9D9D9; }
  .management-system__info-box:not(:last-child) {
    margin-bottom: 55px; }
  .management-system__info-box .icon {
    width: 20px;
    margin-right: 27px; }
  .management-system__info-box .content {
    width: calc(100% - 37px); }
    .management-system__info-box .content h4 {
      font-size: 17px;
      margin-bottom: 20px; }
    .management-system__info-box .content p {
      font-size: 16px;
      color: #677294; }
  .management-system__icon .icon {
    position: absolute; }
    .management-system__icon .icon--1 {
      top: 180px;
      left: 99px; }
    .management-system__icon .icon--2 {
      left: 0;
      bottom: 0; }
      @media (max-width: 991px) {
        .management-system__icon .icon--2 {
          display: none; } }

.powerhouse__bg {
  background-color: #F5F5F7; }
.powerhouse__nav {
  padding: 0;
  border: 0; }
  .powerhouse__nav .nav-item {
    position: relative;
    z-index: 1; }
    .powerhouse__nav .nav-item .nav-link {
      background: transparent;
      border: 1px solid transparent;
      padding: 30px 38px;
      position: relative;
      z-index: 1; }
      .powerhouse__nav .nav-item .nav-link::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--color-18);
        border: 1px solid #000;
        content: "";
        opacity: 0; }
      .powerhouse__nav .nav-item .nav-link::after {
        position: absolute;
        top: 50%;
        right: -18px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(../img/shape/p_arrow.png) no-repeat;
        content: "";
        width: 47px;
        height: 47px;
        opacity: 0;
        z-index: -1; }
      .powerhouse__nav .nav-item .nav-link.active::before {
        opacity: 1; }
      .powerhouse__nav .nav-item .nav-link.active::after {
        opacity: 1; }
      .powerhouse__nav .nav-item .nav-link.active .powerhouse__nav-item--2 p,
      .powerhouse__nav .nav-item .nav-link.active .powerhouse__nav-item--2 h3 {
        color: #fff; }
  .powerhouse__nav--2 .nav-item {
    position: relative;
    z-index: 1; }
    .powerhouse__nav--2 .nav-item .nav-link::before {
      border: 0;
      background: url(../img/bg/powerhouse_bg.jpg);
      overflow: hidden;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px; }
    .powerhouse__nav--2 .nav-item .nav-link::after {
      display: none; }
.powerhouse__nav-item {
  z-index: 1;
  position: relative; }
  .powerhouse__nav-item h3 {
    font-size: 20px;
    color: #101212;
    margin-bottom: 15px; }
  .powerhouse__nav-item p {
    color: #000; }
  .powerhouse__nav-item--2.active h3, .powerhouse__nav-item--2.active p {
    color: #fff; }
.powerhouse__content {
  padding-left: 60px; }
  @media (max-width: 991px) {
    .powerhouse__content {
      padding-left: 0; } }
.powerhouse__image .image--1 {
  -webkit-transform: translate(70px, 135px);
  -ms-transform: translate(70px, 135px);
  transform: translate(70px, 135px);
  max-width: 264px; }
  @media (max-width: 1199px) {
    .powerhouse__image .image--1 {
      -webkit-transform: translate(-45px, 135px);
      -ms-transform: translate(-45px, 135px);
      transform: translate(-45px, 135px); } }
  @media (max-width: 991px) {
    .powerhouse__image .image--1 {
      -webkit-transform: translate(0, 135px);
      -ms-transform: translate(0, 135px);
      transform: translate(0, 135px); } }
  @media (max-width: 767px) {
    .powerhouse__image .image--1 {
      max-width: 150px; } }
.powerhouse__image .image--2 {
  -webkit-transform: translate(-35px, -160px);
  -ms-transform: translate(-35px, -160px);
  transform: translate(-35px, -160px);
  text-align: right;
  max-width: 248px;
  margin-left: auto; }
  @media (max-width: 767px) {
    .powerhouse__image .image--2 {
      max-width: 150px;
      -webkit-transform: translate(-35px, -123px);
      -ms-transform: translate(-35px, -123px);
      transform: translate(-35px, -123px); } }
.powerhouse__image .image--3 {
  -webkit-transform: translate(140px, -90px);
  -ms-transform: translate(140px, -90px);
  transform: translate(140px, -90px);
  text-align: center;
  max-width: 176px;
  margin: auto; }
  @media (max-width: 767px) {
    .powerhouse__image .image--3 {
      max-width: 100px;
      -webkit-transform: translate(92px, -90px);
      -ms-transform: translate(92px, -90px);
      transform: translate(92px, -90px); } }
.powerhouse__circle-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 410px;
  opacity: 0.6; }
  .powerhouse__circle-shape img {
    animation: zoominup 2s infinite linear;
    -webkit-animation: zoominup 2s infinite linear; }
.powerhouse__shape .shape {
  position: absolute;
  z-index: -1; }
  .powerhouse__shape .shape--1 {
    top: 176px;
    left: -44px; }
  .powerhouse__shape .shape--2 {
    bottom: 75px;
    left: -56px; }
    @media (max-width: 767px) {
      .powerhouse__shape .shape--2 {
        bottom: -27px;
        left: -98px; } }
  .powerhouse__shape .shape--3 {
    bottom: -22px;
    right: 0; }
  .powerhouse__shape .shape--4 {
    top: 31px;
    right: 2px; }

.blog__item:hover .border_effect a {
  background-size: 100% 100%;
  color: inherit; }
.blog__thumb {
  margin: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden; }
  .blog__thumb img {
    width: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07); }
.blog__item:hover .blog__thumb img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.blog__content {
  padding: 20px 18px;
  padding-bottom: 0;
  border-top: 0; }
.blog__title {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0; }
  .blog__title a {
    color: #191B1E; }
.blog__date {
  font-size: 15px;
  color: var(--color-white);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 17px; }
.blog__btn .thm-btn {
  padding: 0;
  background-color: transparent;
  padding-right: 50px; }
.blog__meta li {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6); }
  .blog__meta li:not(:last-child) {
    margin-right: 12px; }
  .blog__meta li i {
    color: #13120D;
    margin-right: 5px; }
.blog__cat {
  padding: 2px 37px;
  position: absolute;
  bottom: 15px;
  left: 17px;
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  font-size: 15px;
  font-family: var(--font-poppins); }
.blog__btn a {
  color: #0B0B0B;
  font-size: 16px;
  font-weight: 500; }
  .blog__btn a i {
    font-size: 18px;
    line-height: 0;
    position: relative;
    overflow: hidden;
    text-shadow: -1.5em 0 0 currentColor;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    display: inline-block;
    margin-left: 7px; }
    .blog__btn a i::before {
      transition: transform 0.4s;
      display: inline-block;
      line-height: 1; }
  .blog__btn a:hover i::before {
    -webkit-transform: translateX(176%);
    -ms-transform: translateX(176%);
    transform: translateX(176%); }
.blog__slide {
  margin: -15px; }
  .blog__slide .blog-arrow {
    position: absolute;
    top: 0;
    right: 15px;
    width: 55px;
    height: 51px;
    background-color: var(--color-white);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.01);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -100px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .blog__slide .blog-arrow:hover {
      background-color: var(--color-primary);
      color: var(--color-white); }
    .blog__slide .blog-arrow.blog-prev {
      right: 90px; }

.tx-post-item .post-title {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 22px; }
  @media (max-width: 767px) {
    .tx-post-item .post-title {
      font-size: 24px; } }
      .post-meta li:before {
        position: absolute;
        top: 10px;
        right: 0;
        width: 1px;
        height: 10px;
        content: "";
        background-color: #d9dadd;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .post-meta li:last-child:before {
      background: none;
  }
  .post-details ul.post-meta {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.post-meta li {
   position: relative;
  color: #65676d;
  font-size: 15px;
  padding-right: 15px;
  margin-right: 15px; text-transform: capitalize; }
  .post-meta li i {
    margin-right: 4px; }
    .post-meta li.author span {
      color: #65676d; }
  .post-meta li.min {
    color: #65676d; }
  .post-meta__author .avatar {
    margin-right: 6px; }
    .post-meta__author .avatar img {
      width: 19px;
      height: 19px;
      object-fit: cover;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%; }
.post-meta .date i {
  margin-right: 7px; }
.post-meta--2 {
  font-size: 14px; }

.blog-post-wrap {
  margin-right: 35px; }
  @media (max-width: 991px) {
    .blog-post-wrap {
      margin-right: 0; } }

.blog-sidebar {
  padding: 30px;
  border: 1px solid #E0E0E0;
  margin-left: -20px; }
  @media (max-width: 1199px) {
    .blog-sidebar {
      padding: 30px 20px; } }
  @media (max-width: 991px) {
    .blog-sidebar {
      margin-left: 0; } }

.widget:not(:last-child) {
  margin-bottom: 40px; }
.widget__search {
  position: relative; }
  .widget__search input {
    height: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-width: 1px;
    border: 1px solid #E1E0E0; }
  .widget__search button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    width: 50px;
    height: 100%;
    font-size: 15px;
    color: #000; }
.widget__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 22px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E1E0E0; }
.widget__post-slide .post-item .date {
  font-size: 15px;
  color: #888686; }
.widget__post-slide .post-item .post-title {
  font-size: 15px;
  color: #0D0D0D;
  font-weight: 400; }
.widget__post-slide .slick-arrow {
  position: absolute;
  top: -54px;
  right: 0;
  width: 20px;
  height: 20px;
  color: #000000;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; }
  .widget__post-slide .slick-arrow.slick-prev {
    margin-right: 20px; }
.widget__post .tx-post:not(:last-child) {
  margin-bottom: 35px; }
.widget__post .post-thumb {
  width: 100px;
  height: 84px;
  margin-right: 15px; }
.widget__post .post-content {
  width: calc(100% - 115px); }
.widget__post .post-title {
  font-size: 16px;
  font-weight: 500; }

.widget__social li {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .widget__social li:not(:last-child) {
    margin-bottom: 29px; }
  .widget__social li .icon {
    border: 1px solid var(--color-border);
    width: 40px;
    height: 40px;
    color: var(--color-default);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 13px;
    font-size: 16px; }
  .widget__social li span {
    color: var(--color-black);
    font-size: 18px; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .widget__social li span {
        font-size: 16px; } }
  .widget__social li a {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-default);
    align-items: center;
    justify-content: center;
    width: 100px;
    display: flex;
    border: 1px solid var(--color-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px; }
    .widget__social li a:hover {
      color: #fff;
      background-color: var(--color-primary);
      border-color: var(--color-primary) !important;
      box-shadow: 0px 4px 11px rgba(255, 24, 78, 0.3);
      -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
      transform: translateY(-1px); }
.widget__twitter-feeds li {
  display: flex; }
  .widget__twitter-feeds li:not(:last-child) {
    margin-bottom: 25px; }
.widget__twitter-feeds .icon {
  font-size: 24px;
  color: #0095E9;
  width: 24px;
  margin-right: 10px; }
.widget__twitter-feeds .content {
  width: calc(100% - 34px);
  font-size: 14px;
  margin-top: -5px; }
.widget__twitter-feeds span {
  font-size: 14px;
  color: #656A7D; }
.widget__twitter-feeds .twitter-api {
  font-size: 14px;
  color: var(--color-black);
  font-weight: 500;
  margin-right: 11px; }
.widget__twitter-feeds p {
  font-size: 14px;
  color: #71737E;
  line-height: 21px;
  margin-bottom: 8px; }
  .widget__twitter-feeds p a {
    color: #585A6B;
    font-weight: 500; }
.widget__twitter-feeds .date i {
  margin-right: 5px; }

.author-info__avatar {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 15px; }
.author-info__name {
  font-size: 16px;
  text-transform: uppercase;
  color: #0A2C3D; }
.author-info__desig {
  font-size: 14px;
  color: #727A7D;
  display: inline-block;
  margin-bottom: 17px; }
.author-info__content {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 16px; }
.author-info__social li:not(:last-child) {
  margin-right: 10px; }
.author-info__social li a {
  width: 35px;
  height: 35px;
  border: 1px solid #E8E8E8;
  color: #777777;
  font-size: 14px;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .author-info__social li a:hover {
    color: #fff;
    border-color: transparent; }
    .author-info__social li a:hover::before {
      opacity: 1; }
  .author-info__social li a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(141.32deg, #C85BFF 17.05%, #FF5AA9 115.03%);
    content: "";
    z-index: -1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0; }

.tx-post:hover .post-thumb img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.tx-post:hover .border-effect a,
.tx-post:hover .border-effect-2 a {
  background-size: 100% 100%;
  color: inherit; }
.tx-post .post-thumb {
  position: relative;
  overflow: hidden; }
  .tx-post .post-thumb img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    object-fit: cover; }
  .tx-post .post-thumb::before {
    z-index: 1; }
  .tx-post .post-thumb.br-3 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px; }
  .tx-post .post-thumb.br-4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px; }
.tx-post .post-title a {
  color: var(--color-black); }
.tx-post .read-more a {
  color: var(--color-primary);
  font-size: 14px; }
  .tx-post .read-more a i {
    padding-left: 5px;
    font-size: 12px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .tx-post .read-more a:hover i {
    padding-left: 7px; }
.tx-post .cat {
  font-size: 12px;
  font-weight: 500;
  color: #999999;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1; }

.post-cat {
  background-color: var(--color-primary);
  padding: 1px 17px;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: .6px; }

.post-img .post-cat {
  position: absolute;
  top: 12px;
  left: 14px; }

.mxw_175 {
  max-width: 175px; }

.mxw_343 {
  max-width: 343px; }

.mxw_216 {
  max-width: 216px; }

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .tx-widget__wrap {
    padding-right: 0; } }

.post-details h1, .post-details h2, .post-details h3, .post-details h4, .post-details h5, .post-details h6 {
  font-weight: 500;
  margin-bottom: 15px; }
.post-details h2 {
  font-size: 34px;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .post-details h2 {
      font-size: 24px; } }
.post-details h3 {
  font-size: 30px; }
  @media (max-width: 767px) {
    .post-details h3 {
      font-size: 22px; } }
.post-details h4 {
  font-size: 28px; }
  @media (max-width: 767px) {
    .post-details h4 {
      font-size: 20px; } }
.post-details p {
  font-size: 18px;
  line-height: 32px; }
  .post-details p:not(:last-child) {
    margin-bottom: 32px; }

.video span {
  text-align: center;
  font-style: italic;
  font-size: 18px;
  color: #807A7A;
  margin-top: 20px;
  display: block;
  font-weight: 500; }

.post-tags-share {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .post-tags-share .title {
    font-size: 20px;
    font-weight: 500;
    margin-right: 20px;
    font-family: var(--font-body);
    margin-top: 10px; }
  .post-tags-share .tags ul {
    margin-top: 10px; }
    .post-tags-share .tags ul li {
      margin-top: 10px; }
      .post-tags-share .tags ul li:not(:last-child) {
        margin-right: 16px; }
      .post-tags-share .tags ul li a {
        padding: 4px 25px;
        display: inline-block;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 500;
        color: #071C1F;
        background-color: #F2F6F7;
        position: relative; }
        .post-tags-share .tags ul li a::before {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(104.79deg, #CA60FF 39.56%, #FF60AB 115.02%);
          content: "";
          z-index: -1;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          opacity: 0; }
        .post-tags-share .tags ul li a:hover {
          color: #fff; background: transparent; }
          .post-tags-share .tags ul li a:hover::before {
            opacity: 1;
            border-color: transparent; }
  .post-tags-share .social-share ul {
    margin-top: 10px; }
    .post-tags-share .social-share ul li:not(:last-child) {
      margin-right: 12px; }
    .post-tags-share .social-share ul li a {
      width: 43px;
      height: 38px;
      background-color: #F2F6F7;
      color: #071C1F;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      position: relative;
      z-index: 1; }
      .post-tags-share .social-share ul li a::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(104.79deg, #CA60FF 39.56%, #FF60AB 115.02%);
        content: "";
        z-index: -1;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        opacity: 0; }
      .post-tags-share .social-share ul li a:hover {
        color: #fff; }
        .post-tags-share .social-share ul li a:hover::before {
          opacity: 1; }

.post-nav {
  padding: 20px 90px;
  border-top: 1px solid #F6F6F6;
  border-bottom: 1px solid #F6F6F6;
  position: relative; }
  @media (max-width: 767px) {
    .post-nav {
      padding-left: 0;
      padding-right: 0; } }
  .post-nav::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    background-color: #D9D9D9;
    width: 1px;
    height: 66px; }
    @media (max-width: 1199px) {
      .post-nav::before {
        display: none; } }
  .post-nav__wrap {
    max-width: 300px; }
    .post-nav__wrap.right-post {
      margin-left: auto; }
  .post-nav__item .post-thumb {
    width: 85px;
    height: 85px;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%; }
  .post-nav__item .post-content {
    width: calc(100% - 100px); }
    @media (max-width: 767px) {
      .post-nav__item .post-content {
        width: 100%;
        margin-top: 15px; } }
  .post-nav__item .post-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: var(--font-body); }
  .post-nav__link {
    width: 56px;
    height: 36px;
    display: flex;
    color: var(--color-primary);
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    background: rgba(191, 170, 175, 0.11);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    overflow: hidden; }
    .post-nav__link::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, #D25AEF 0%, #F25ABC 100%);
      content: "";
      z-index: -1;
      opacity: 0;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .post-nav__link:hover {
      color: #fff; }
      .post-nav__link:hover::before {
        opacity: 1; }
    @media (max-width: 767px) {
      .post-nav__link {
        display: none; } }
  .right-post .post-nav__link {
    left: auto;
    right: 15px; }
  @media (max-width: 1199px) {
    .left-post .post-nav__item {
      padding-right: 0; } }
  @media (max-width: 1199px) {
    .right-post .post-nav__item {
      padding-left: 0; } }
  @media (max-width: 767px) {
    .right-post .post-nav__item {
      margin-top: 30px; } }

/* comment css */
.post-comments {
  padding-bottom: 55px; }
  .post-comments .title {
    font-size: 26px;
    margin-bottom: 25;
    font-weight: 500; }

.latest__comments .comments-box {
  border-top: 1px solid var(--color-border-2);
  padding: 30px 0; }
.latest__comments .comments-text {
  overflow: hidden; }
.latest__comments .comments-avatar {
  border-radius: 50%;
  float: left; }
  @media (max-width: 767px) {
    .latest__comments .comments-avatar {
      float: none;
      margin-bottom: 10px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .latest__comments .comments-avatar {
      float: left;
      margin-bottom: 0px; } }
  .latest__comments .comments-avatar img {
    border-radius: 50%;
    width: 100px !important;
    margin-right: 30px; }
.latest__comments li:last-child .comments-box {
  padding-bottom: 0px; }
.latest__comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0; }
.latest__comments li.children {
  margin-left: 100px; }
  @media (max-width: 767px) {
    .latest__comments li.children {
      margin-left: 0px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .latest__comments li.children {
      margin-left: 50px; } }
.latest__comments .avatar-name {
  margin-bottom: 15px;
  overflow: hidden;
  position: relative; }
  .latest__comments .avatar-name h5 {
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 500; }
  .latest__comments .avatar-name span {
    font-size: 15px;
    text-transform: capitalize; }
.latest__comments .reply a {
  color: var(--color-black);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  line-height: 1;
  position: absolute;
  right: 0;
  margin-top: 0;
  top: 0;
  text-decoration: none; }
  .latest__comments .reply a i {
    margin-right: 5px; }
  .latest__comments .reply a:hover {
    color: #52E472; }
.latest__comments--2 p {
  font-size: 14px;
  line-height: 24px;
  color: var(--color-black); }

.comment-form .title {
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: 500; }
.comment-form input, .comment-form textarea {
  height: 60px;
  margin-bottom: 20px;
  padding: 0 30px;
  width: 100%;
  font-size: 15px;
  color: var(--color-black);
  border-radius: 0px;
  background-color: #F8F8FB;
  border: 1px solid #E5E5E5; }
  .comment-form  input:hover, .comment-form input:focus, .comment-form textarea:hover, .comment-form textarea:focus {
    border-color: #52E472; }
.comment-form textarea {
  padding: 20px 30px;
  height: 150px; }
  .comments-form__btn button {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 18px 50px;
  background: linear-gradient(98.52deg, #D960E7 43.48%, #F060C2 116.34%); }

.meta-bottom-border {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-border); }

.post-details .post-tags a {
  color: var(--color-default); }
  .post-details .post-tags a:hover {
    color: var(--color-black); }

.has-dropcap:first-child::first-letter {
  font-size: 47px;
  line-height: 0.8;
  color: var(--color-primary);
  font-weight: 600;
  float: left;
  padding: 5px 10px;
  padding-left: 0;
  vertical-align: top;
  text-transform: uppercase; }

.pricing .mxw_1420 {
  max-width: 1420px; }
.pricing__info li {
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  position: relative;
  padding: 15px 30px;
  font-size: 16px;
  padding-left: 60px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  display: inline-block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media (max-width: 767px) {
    .pricing__info li {
      font-size: 14px; } }
  .pricing__info li.active, .pricing__info li:hover {
    background-color: var(--color-7);
    color: #fff;
    box-shadow: 0px 4px 36px rgba(59, 216, 239, 0.38); }
  .pricing__info li::before, .pricing__info li::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 14px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    z-index: 1; }
  .pricing__info li::after {
    width: 15px;
    height: 15px;
    background-color: var(--color-7);
    left: 22px; }
  .pricing__info li:not(:last-child) {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .pricing__info li:not(:last-child) {
        margin-bottom: 10px; } }
  .pricing__info li:nth-child(even) {
    margin-left: 45%; }
    @media (max-width: 1199px) {
      .pricing__info li:nth-child(even) {
        margin-left: 12%; } }
    @media (max-width: 767px) {
      .pricing__info li:nth-child(even) {
        margin-left: 0; } }
  .pricing__info li img {
    margin-left: 10px;
    max-width: 30px; }
.pricing__content {
  background-color: #ffff; }
.pricing__body {
  padding: 53px 58px 40px; }
  @media (max-width: 767px) {
    .pricing__body {
      padding: 53px 16px; } }
.pricing__list li {
  font-size: 16px;
  display: flex;
  align-items: center;
  color: #1B1A1A; }
  .pricing__single--2 .pricing__list li {
    line-height: 1.2;
  }
  .pricing__list li:not(:last-child) {
    margin-bottom: 28px; }
  .pricing__list li i.f-check {
    font-size: 13px;
    margin-right: 20px; }
  .pricing__list li i.far {
    margin-left: auto;
    width: 21px;
    height: 21px;
    background-color: var(--color-5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 11px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .pricing__list li.disable {
    color: #BBBBBB; }
    .pricing__list li.disable i.f-check {
      color: #BBBBBB; }
.pricing__link {
  padding: 14px 40px;
  padding-right: 24px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 70px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  -ms-border-radius: 70px;
  -o-border-radius: 70px;
  margin-top: 50px;
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  font-weight: 500; }
  .pricing__link i {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .pricing__link:hover {
    color: #000; }
    .pricing__link:hover i {
      background-color: var(--color-5);
      color: #fff; }
.pricing__nav {
  border: 0; }
  .pricing__nav .nav-item .nav-link {
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: #fff;
    padding: 18px 45px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .pricing__nav .nav-item .nav-link {
        padding: 12px 34px; } }
    .pricing__nav .nav-item .nav-link.active {
      background-color: var(--color-5); }
.pricing__price {
  padding: 32px 38px;
  position: relative; }
  @media (max-width: 767px) {
    .pricing__price {
      padding: 32px 15px; } }
  .pricing__price .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    background-color: var(--color-5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 20px; }
  .pricing__price .content h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 4px; }
  .pricing__price .content span {
    font-size: 15px;
    color: #888686; }
.pricing__price-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  font-size: 30px;
  color: #000; }
.pricing__price-down {
  position: absolute;
  left: 50%;
  top: -45px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #C9C5C5; }
.pricing__price-right h2 {
  font-size: 50px;
  color: #1B1A1A;
  font-weight: 500; }
  @media (max-width: 767px) {
    .pricing__price-right h2 {
      font-size: 30px; } }
  .pricing__price-right h2 span {
    font-size: 15px;
    color: #888686; }
.pricing__price-top {
  border-bottom: 4px solid var(--color-5);
  position: relative; }
  .pricing__price-top::before {
    position: absolute;
    left: 50%;
    bottom: -23px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid var(--color-5);
    content: ""; }
.pricing__price-bottom {
  box-shadow: 0px -11px 23px rgba(0, 0, 0, 0.03); }
.pricing__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
.pricing__single {
  width: 25%;
  border: 1px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.12);
  padding: 55px 30px 100px;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media (max-width: 1199px) {
    .pricing__single {
      width: 50%; } }
  @media (max-width: 767px) {
    .pricing__single {
      width: 100%;
      border: 1px solid rgba(0, 0, 0, 0.12);
      border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
      margin-top: -1px; } }
  .pricing__single:last-child {
    border-right: transparent; }
  .pricing__single.active {
    border-color: #FF65A4;
    background-color: #F7FBFF; }
    .pricing__single.active:last-child {
      border-right: 1px solid #FF65A4; }
  .pricing__single .icon {
    font-size: 55px;
    color: #CDD1D8;
    margin-bottom: 22px; }
  .pricing__single .title {
    font-size: 20px;
    font-weight: 500;
    color: #F53D5D;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .pricing__single .pricing__price-right h2 {
    font-weight: 700;
    margin-bottom: 30px; }
    .pricing__single .pricing__price-right h2 span {
      font-weight: 400; }
  .pricing__single .pricing__list li {
    font-size: 16px;
    font-weight: 400; }
    .pricing__single .pricing__list li:not(:last-child) {
      margin-bottom: 16px; }
.pricing__check-box {
  position: absolute;
  top: 31px;
  right: 28px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #E0E0E0;
  cursor: pointer; }
  .pricing__check-box::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #FF65A4;
    content: "";
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.pricing__single.active .pricing__check-box::before {
  opacity: 1; }
.pricing__down-arrow {
  position: absolute;
  bottom: 47px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 18px;
  color: #C9C5C5; }
.pricing__btn {
  font-size: 16px;
  display: block;
  text-align: center;
  background: linear-gradient(97.81deg, #FEBD8F -3.43%, #EB63D3 49.6%, #8A87F9 94.42%);
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  padding: 11px 20px; }
  .pricing__btn:hover {
    color: #fff; }
.pricing__nav-tabs {
  border: 0;
  justify-content: center;
  margin-bottom: 50px; }
  .pricing__nav-tabs .nav-link {
    border: 0;
    padding: 17px 44px;
    background-color: #fff;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.08);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .pricing__nav-tabs .nav-link {
        padding: 10px 30px;
        font-size: 14px; } }
    .pricing__nav-tabs .nav-link::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(99.23deg, var(--color-1) 34.28%, var(--color-2) 124.19%);
      content: "";
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      opacity: 0;
      z-index: -1; }
    .pricing__nav-tabs .nav-link.active {
      color: #fff; }
      .pricing__nav-tabs .nav-link.active::before {
        opacity: 1; }

.before-after__slide-1, .before-after__slide-2 {
  height: 246px; }
.before-after__item {
  background-color: transparent;
  width: 473px;
  height: 246px;
  perspective: 1000px;
  float: left;
  margin-right: 35px; }
  .before-after__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px; }
.before-after__inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d; }
.before-after__item:hover .before-after__inner {
  transform: rotateY(180deg); }
.before-after__front, .before-after__back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.before-after__front {
  color: black; }
.before-after__back {
  color: white;
  transform: rotateY(180deg); }
.before-after__text {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #fff;
  color: #000;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 1px 15px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500; }

.popup-video__text a i {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 1px solid #000;
  display: inline-block;
  line-height: 60px;
  text-align: center;
  margin-right: 28px;
  color: #000; }
.popup-video__text a span {
  color: #000;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 500;
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  display: inline-block; }

/* sidebar */
.sidebar-info .s-title {
  font-size: 24px;
  margin-bottom: 15px; color: #000; }
.slide-bar-black .sidebar-info .s-title {
   color: #fff; }

.sidebar-content p {
  margin-bottom: 30px; }

.sidebar-info-list {
  margin-top: 20px; }

.sidebar-info-list li {
  margin-bottom: 18px;
  color: #1b2026;
  font-size: 16px; }

.sidebar-info-list li span {
  margin-right: 10px;
  float: left;
  margin-top: 3px;
  font-size: 15px; }

.sidebar-info-list li p {
  overflow: hidden; }

.sidebar-info-list {
  list-style: none; }

.sidebar-info .sidebar-social a {
  font-size: 14px;
  width: 45px;
  height: 45px;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  color: #777;
  margin-right: 3px;
  background: #eeeeee;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px; }

.sidebar-info .sidebar-social a:hover {
  color: #fff;
  background: var(--color-13); }

.sidebar-info .thm-btn {
  padding: 17px 40px;
  background: var(--color-13); }

.breadcrumb {
  margin-bottom: 0;
  z-index: 1; }
  @media (max-width: 767px) {
    .breadcrumb.pt-230 {
      padding-top: 150px; }
    .breadcrumb.pb-115 {
      padding-bottom: 60px; } }
  .breadcrumb__list {
    padding: 4px 25px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.04);
    border-radius: 13px;
    font-family: var(--font-sfpro); }
  .breadcrumb__list-item {
    position: relative;
    line-height: 1.2; }
    .breadcrumb__list-item:not(:last-child) {
      margin-right: 20px; }
      .breadcrumb__list-item:not(:last-child)::after {
        position: absolute;
        content: "\f105";
        width: auto;
        height: auto;
        left: auto;
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        right: -13px;
        top: 4px;
        color: #706C6C;
        font-size: 13px; }
    .breadcrumb__list-item a {
      color: #000;
      background: transparent; }
    .breadcrumb__list-item.current span {
      color: red;
      background: linear-gradient(91.53deg, #BE3DFF 65.26%, #FF1C80 113.36%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      z-index: 1;
      position: relative; }
      .breadcrumb__list-item.current span::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 115, 189, 0.13);
        z-index: -1;
        content: ""; }
  .breadcrumb__shape .shape {
    position: absolute; }
    .breadcrumb__shape .shape--1 {
      top: 120px;
      left: 0; }
      @media (max-width: 991px) {
        .breadcrumb__shape .shape--1 {
          display: none; } }
    .breadcrumb__shape .shape--2 {
      bottom: 80px;
      left: 290px;
      animation: zoominup 2s infinite linear;
      -webkit-animation: zoominup 2s infinite linear; }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .breadcrumb__shape .shape--2 {
          left: 120px; } }
      @media (max-width: 1199px) {
        .breadcrumb__shape .shape--2 {
          bottom: 33px;
          left: 65px; } }
      @media (max-width: 991px) {
        .breadcrumb__shape .shape--2 {
          bottom: 3px; } }
      @media (max-width: 767px) {
        .breadcrumb__shape .shape--2 {
          display: none; } }
    .breadcrumb__shape .shape--3 {
      top: 24%;
      right: 24%; }
      @media (max-width: 1199px) {
        .breadcrumb__shape .shape--3 {
          top: 33%;
          right: 7%;
          max-width: 85px; } }
      @media (max-width: 767px) {
        .breadcrumb__shape .shape--3 {
          display: none; } }
  .breadcrumb__bg {
    position: absolute;
    bottom: 0;
    opacity: .8;
    z-index: -1; }
  .breadcrumb .tx-text--slide .highlight::before {
    transition-delay: .5s; }

.pt-230 {
  padding-top: 230px; }

.team-members {
  padding: 0 80px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -30px; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .team-members {
      padding: 0 30px; } }
  @media (max-width: 1199px) {
    .team-members {
      padding: 0 30px; } }
  @media (max-width: 767px) {
    .team-members {
      padding: 0 15px; } }
  .team-members__item {
    width: 25%;
    margin-top: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden; }
    .team-members__item:nth-child(1) {
      max-width: 320px;
      -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
      transform: translateY(-200px); }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .team-members__item:nth-child(1) {
          max-width: 240px;
          -webkit-transform: translateY(-100px);
          -ms-transform: translateY(-100px);
          transform: translateY(-100px); } }
      @media (max-width: 1199px) {
        .team-members__item:nth-child(1) {
          max-width: 220px;
          -webkit-transform: translateY(-100px);
          -ms-transform: translateY(-100px);
          transform: translateY(-100px); } }
      @media (max-width: 991px) {
        .team-members__item:nth-child(1) {
          max-width: 150px;
          -webkit-transform: translateY(-50px);
          -ms-transform: translateY(-50px);
          transform: translateY(-50px); } }
      @media (max-width: 767px) {
        .team-members__item:nth-child(1) {
          max-width: 60px;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); } }
    .team-members__item:nth-child(2) {
      max-width: 450px;
      -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
      transform: translateY(80px); }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .team-members__item:nth-child(2) {
          max-width: 240px; } }
      @media (max-width: 1199px) {
        .team-members__item:nth-child(2) {
          max-width: 220px; } }
      @media (max-width: 991px) {
        .team-members__item:nth-child(2) {
          max-width: 150px; } }
      @media (max-width: 767px) {
        .team-members__item:nth-child(2) {
          max-width: 60px; } }
    .team-members__item:nth-child(3) {
      max-width: 400px;
      -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
      transform: translateY(8px); }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .team-members__item:nth-child(3) {
          max-width: 240px;
          -webkit-transform: translateY(35px);
          -ms-transform: translateY(35px);
          transform: translateY(35px); } }
      @media (max-width: 1199px) {
        .team-members__item:nth-child(3) {
          max-width: 220px;
          -webkit-transform: translateY(35px);
          -ms-transform: translateY(35px);
          transform: translateY(35px); } }
      @media (max-width: 991px) {
        .team-members__item:nth-child(3) {
          max-width: 150px;
          -webkit-transform: translateY(35px);
          -ms-transform: translateY(35px);
          transform: translateY(35px); } }
      @media (max-width: 767px) {
        .team-members__item:nth-child(3) {
          max-width: 60px;
          -webkit-transform: translateY(50px);
          -ms-transform: translateY(50px);
          transform: translateY(50px); } }
    .team-members__item:nth-child(4) {
      max-width: 310px;
      -webkit-transform: translateY(-250px);
      -ms-transform: translateY(-250px);
      transform: translateY(-250px); }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .team-members__item:nth-child(4) {
          max-width: 240px;
          -webkit-transform: translateY(-100px);
          -ms-transform: translateY(-100px);
          transform: translateY(-100px); } }
      @media (max-width: 1199px) {
        .team-members__item:nth-child(4) {
          max-width: 220px;
          -webkit-transform: translateY(-100px);
          -ms-transform: translateY(-100px);
          transform: translateY(-100px); } }
      @media (max-width: 991px) {
        .team-members__item:nth-child(4) {
          max-width: 150px;
          -webkit-transform: translateY(-30px);
          -ms-transform: translateY(-30px);
          transform: translateY(-30px); } }
      @media (max-width: 767px) {
        .team-members__item:nth-child(4) {
          max-width: 60px;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); } }
  .team-members__line-shape {
    position: absolute;
    bottom: -50px;
    z-index: -1; }

@media (max-width: 767px) {
  .team.pb-170 {
    padding-bottom: 120px; } }
.team__wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 38px; }
  @media (max-width: 991px) {
    .team__wrap {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 767px) {
    .team__wrap {
      grid-template-columns: repeat(1, 1fr); } }
.team__item:nth-child(odd) {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px); }
  @media (max-width: 767px) {
    .team__item:nth-child(odd) {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
.team__img {
  filter: drop-shadow(0px 4px 22px rgba(0, 0, 0, 0.03));
  z-index: -3;
  position: relative; }
  .team__img img {
    width: 100%; }
.team__info {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 20px 10px; }
  .team__info h3 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 4px; }
  .team__info span {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5); }
.team__item:hover .team__info {
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.09); }
.team__social {
  position: absolute;
  top: -27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  padding: 15px 10px;
  max-width: 190px;
  width: 100%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: -1; }
  .team__social li:not(:last-child) {
    margin-right: 25px; }
  .team__social li a {
    color: #0E3C49; }
.team__item:hover .team__social {
  top: -37px;
  opacity: 1;
  visibility: visible; }

.location__map {
  padding-right: 70px; }
  @media (max-width: 1199px) {
    .location__map {
      padding-right: 20px; } }
  @media (max-width: 991px) {
    .location__map {
      padding-right: 0; } }
  .location__map iframe {
    width: 100%;
    height: 373px; }
.location__info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  margin-top: -90px; }
  @media (max-width: 767px) {
    .location__info {
      margin-top: -30px;
      grid-template-columns: repeat(1, 1fr); } }
.location__info-item {
  margin-top: 90px; }
  @media (max-width: 767px) {
    .location__info-item {
      margin-top: 30px; } }
  .location__info-item h3 {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 500; }
    .location__info-item h3 img {
      margin-right: 12px; }

/*----------------------------------------*/
/*  07. contact
/*----------------------------------------*/
.contact-info {
  position: relative; }
  .contact-info__item {
    padding: 25px 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid transparent; }
    .contact-info__item:hover, .contact-info__item.active {
      border-color: #EBEBF2; }
    .contact-info__item .icon {
      width: 53px;
      margin-right: 15px;
      -webkit-transform: translateY(7px);
      -ms-transform: translateY(7px);
      transform: translateY(7px); }
    .contact-info__item .content {
      width: calc(100% - 68px); }
    .contact-info__item h3 {
      font-size: 20px;
      margin-bottom: 7px;
      font-weight: 500; }
    .contact-info__item a, .contact-info__item p, .contact-info__item span {
      color: #555555;
      font-size: 14px;
      display: block;
      line-height: 26px; }
  .contact-info__content h3 {
    font-size: 28px;
    margin-bottom: 24px; }
  .contact-info__content p {
    font-size: 16px;
    line-height: 32px; }
    .contact-info__content p:not(:last-child) {
      margin-bottom: 20px; }
  .contact-info__shape {
    position: absolute;
    left: 0;
    top: -200px;
    z-index: -1; }
    @media (max-width: 991px) {
      .contact-info__shape {
        display: none; } }

.contact-us__item {
  position: relative;
  margin: 0 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px; }
  @media (max-width: 991px) {
    .contact-us__item {
      margin: 0; } }
.contact-us__img {
  background-color: #F5F5F7;
  min-height: 324px;
  display: flex;
  align-items: center;
  justify-content: center; }
.contact-us__content {
  padding: 27px;
  border: 1px solid #E5E5E5;
  border-top: 0; }
  .contact-us__content h3 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 20px; }
    .contact-us__content h3 span {
      position: relative;
      padding: 0 3px; }
      .contact-us__content h3 span img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .contact-us__content p {
    font-size: 16px;
    color: #6E6D79;
    line-height: 33px;
    font-weight: 500; }
.contact-us__number {
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #fff;
  color: #000;
  font-size: 15px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500; }
.contact-us__btn a {
  padding: 12px 38px;
  border: 1px solid #000;
  color: #000;
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  position: relative;
  font-size: 15px;
  font-weight: 500; }
  .contact-us__btn a:hover {
    color: #fff;
    border-color: transparent; }
    .contact-us__btn a:hover::before {
      opacity: 1; }
  .contact-us__btn a::before {
    position: absolute;
    top: 0;
    left: 0;
    left: -1px;
    width: 101%;
    height: 101%;
    content: "";
    z-index: -1;
    background: linear-gradient(96.58deg, #CC62FF 4.22%, #FF5DA7 107.64%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px; }

.contact-from__img {
  margin-left: -304px;
  margin-right: 140px;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px); }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .contact-from__img {
      margin-left: -35px;
      margin-right: 20px; } }
  @media (max-width: 1199px) {
    .contact-from__img {
      margin-left: -35px;
      margin-right: 20px; } }
  @media (max-width: 991px) {
    .contact-from__img {
      margin-left: 0;
      margin-right: 0;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); } }
.contact-from__field input, .contact-from__field textarea {
  width: 100%;
  border: 1px solid #E0E0E0;
  margin-bottom: 26px;
  height: 62px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 15px;
  padding: 0 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #fff;
  box-shadow: 0px 15px 10px rgba(242, 242, 242, 0.18); }
.contact-from__field textarea {
  min-height: 218px;
  padding: 20px; }
.contact-from__chekbox input {
  margin-right: 5px; }
.contact-from__chekbox label {
  font-size: 15px;
  color: #949392;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px); }

.form-check-input {
  width: 15px;
  height: 15px;
  border: 1px solid #D9D9D9;
  margin-right: 10px; }
  .form-check-input:focus {
    box-shadow: none; }

.project__wrap {
  display: flex;
  flex-wrap: wrap; }
.project__item {
  position: relative; }
.project__thumb {
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px; }
  .project__thumb img {
    width: 100%;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
.project__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 22px;
  background-color: #fff;
  box-shadow: -2.034px 12.84px 21px 0px rgba(27, 27, 27, 0.15);
  padding: 22px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden; }
  .project__content h3 {
    font-size: 20px;
    color: #020202;
    font-weight: 500; }
    .project__content h3 a {
      color: currentColor; }
  .project__content i {
    color: #020202;
    font-size: 18px; }
.project__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.project__item:hover .project__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible; }
.project__item:hover .project__thumb img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.project__item:hover
.project__img {
  filter: drop-shadow(0px 4px 22px rgba(0, 0, 0, 0.03));
  z-index: -3;
  position: relative; }
  .project__item:hover
  .project__img img {
    width: 100%; }
.project__info {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 20px 10px; }
  .project__info h3 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 4px; }
  .project__info span {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5); }
.project__item:hover .project__info {
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.09); }
.project__social {
  position: absolute;
  top: -27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  padding: 15px 10px;
  max-width: 190px;
  width: 100%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: -1; }
  .project__social li:not(:last-child) {
    margin-right: 25px; }
  .project__social li a {
    color: #0E3C49; }
.project__item:hover .project__social {
  top: -37px;
  opacity: 1;
  visibility: visible; }

.project-details__info-item:not(:last-child) {
  margin-right: 65px; }
.project-details__info-item .icon {
  margin-right: 10px;
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px); }
.project-details__info-item .content h3 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1; }
.project-details__info-item .content span {
  font-size: 14px;
  font-weight: 500;
  display: inline-block; }
.project-details__content h3 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 32px;
  text-transform: capitalize; }
.project-details__content p {
  margin-bottom: 55px;
  font-size: 16px; }
.project-details__content h4 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 35px; }
.project-details__list li {
  font-size: 16px;
  color: #6E6D79; }
  .project-details__list li:not(:last-child) {
    margin-bottom: 13px; }
  .project-details__list li i {
    font-size: 12px;
    margin-right: 14px; }
.project-details__widget {
  padding: 60px 60px 45px;
  background-color: #fff;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px; }
  @media (max-width: 1199px) {
    .project-details__widget {
      padding: 50px 30px 40px; } }
.project-details__widget-item:not(:last-child) {
  margin-bottom: 34px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(21, 19, 19, 0.11); }
.project-details__widget-item .c-address {
  padding-left: 37px;
  position: relative; }
  .project-details__widget-item .c-address img {
    position: absolute;
    top: 6px;
    left: 0; }
.project-details__widget-item h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize; }
  .project-details__widget-item h3 img {
    margin-right: 12px; }
.project-details__widget-item p, .project-details__widget-item a {
  font-size: 16px;
  color: #696969; }
.project-details__social li:not(:last-child) {
  margin-right: 18px; }
.project-details__social li a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #F6FBFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FF5DAA;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .project-details__social li a:hover {
    color: #fff; }
    .project-details__social li a:hover::before {
      opacity: 1; }
  .project-details__social li a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #C960FF 0%, #FF5DAA 100%);
    content: "";
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.opening-hour {
  display: flex;
  flex-wrap: wrap; }
  .opening-hour .icon {
    width: 76px;
    height: 78px;
    background-color: #F6FBFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 17px; }
  .opening-hour .content {
    width: calc(100% - 93px); }
    .opening-hour .content h4 {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 7px; }
    .opening-hour .content p {
      font-size: 14px;
      line-height: 24px; }

      .integration__nav .slick-track {
        display: flex;
        align-items: center; }
      .integration__nav .slick-arrow {
        display: flex;
        position: absolute;
        top: 43%;
        left: -50px;
        background: transparent;
        color: var(--color-black);
        font-size: 15px;
        width: 20px;
        height: 20px;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        @media only screen and (min-width: 1200px) and (max-width: 1500px) {
          .integration__nav .slick-arrow {
            left: 0; } }
        @media (max-width: 1199px) {
          .integration__nav .slick-arrow {
            left: 0; } }
        .integration__nav .slick-arrow.slick-next {
          left: auto;
          right: -50px; }
          @media only screen and (min-width: 1200px) and (max-width: 1500px) {
            .integration__nav .slick-arrow.slick-next {
              right: 0; } }
          @media (max-width: 1199px) {
            .integration__nav .slick-arrow.slick-next {
              right: 0; } }
      .integration__item {
        left: 0;
        right: 0;
        text-align: center; }
        .integration__item.slick-center .integration__icon {
          width: 195px;
          height: 122px;
          box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.09); }
        .integration__item.slick-center .integration__content {
          opacity: 1;
          visibility: visible; }
      .integration__content {
        max-width: 600px;
        margin: auto; }
      .integration__content-item {
        margin-top: 30px;
        position: relative;
        background-color: var(--color-white);
        padding: 40px 50px;
        text-align: center;
        border: 1px solid #F6F4FD;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
        box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.08);
        border-radius: 6px;
        margin: 20px; }
        @media (max-width: 767px) {
          .integration__content-item {
            padding: 20px 15px; } }
      .integration__content-item h4 {
        font-weight: 700;
        font-size: 18px;
        line-height: 74px;
        text-align: center;
        text-transform: uppercase;
        background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.9) 6.88%, rgba(188, 42, 141, 0.9) 52.57%, rgba(251, 0, 241, 0.9) 69.82%, rgba(255, 0, 107, 0.9) 87.36%, rgba(255, 24, 135, 0.9) 93.2%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-shadow: 0px 4px 123px rgba(206, 59, 200, 0.75); }
      .integration__content-item p {
        line-height: 28px;
        font-size: 16px;
        color: #717171;
        margin-bottom: 12px; }
      .integration__content-item a {
        font-size: 15px;
        color: #1173BE; }
        .integration__content-item a img {
          display: inline-block;
          margin-left: 6px; }
      .integration__nav-item.slick-center .integration__icon {
        width: 190px;
        height: 122px; }
        .integration__nav-item.slick-center .integration__icon::before {
          opacity: 1; }
        .integration__slider .integration__nav-item.slick-center .integration__icon img {
          max-width: 80px; }
      .integration__icon {
        text-align: center;
        width: 80px;
        height: 80px;
        box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.09);
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 20px auto;
        cursor: pointer;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        position: relative; }
        .integration__slider .integration__icon img {
          max-width: 40px; }
        .integration__icon::before {
          position: absolute;
          bottom: -22px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          border-left: 10px solid transparent;
          border-top: 11px solid var(--color-white);
          border-right: 10px solid transparent;
          border-bottom: 11px solid transparent;
          content: "";
          opacity: 0;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
/* preloader */
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  left: 0;
  top: 0;
  z-index: 9999999999; }
  .preloader__v2 .lds-ellipsis div {
    background: #000; }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--color-1);
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
  animation: lds-ellipsis3 0.6s infinite; }

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0); } }
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0); } }
/* backtoup */
.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 40px;
  height: 35px;
  width: 35px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(82, 228, 114, 0.08);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  transform: translateY(15px);
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px); }
  .progress-wrap::after {
    position: absolute;
    content: '\f176';
    font-family: "Font Awesome 5 Pro";
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    color: #52E472;
    left: 0;
    top: 0;
    height: 35px;
    width: 35px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; }
  .progress-wrap svg path {
    fill: none; }
  .progress-wrap svg.progress-circle path {
    stroke: #52E472;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; }
  .progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }

.fin__hero {
  min-height: 920px;
  position: relative; z-index: 1; }
  @media (max-width: 991px) {
    .fin__hero {
      padding: 200px 0px 100px; } }
@media (max-width: 991px) {
  .fin__img {
    margin-top: 40px; } }
.fin__img-img1 {
  position: absolute;
  top: 200px;
  left: 220px;
  z-index: 1; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .fin__img-img1 {
      left: 30px;
      max-width: 220px; } }
  @media (max-width: 1199px) {
    .fin__img-img1 {
      left: 10px;
      max-width: 200px; } }
  @media (max-width: 991px) {
    .fin__img-img1 {
      position: unset;
      left: 30px;
      bottom: 0;
      max-width: 240px;
      margin-left: 40px; } }
  @media (max-width: 991px) {
    .fin__img-img1 {
      max-width: 100px;
      margin-left: 15px; } }
  .fin__img-img1 .shape {
    position: absolute;
    top: -96px;
    z-index: -1;
    left: -180px;
    opacity: .6; }
    @media (max-width: 767px) {
      .fin__img-img1 .shape {
        display: none; } }
  .fin__img-img1 .shape-2 {
    position: absolute;
    right: -35px;
    top: 44%;
    transform: translateY(-50%);
    z-index: -1; }
.fin__img-img2 {
  position: absolute;
  right: 120px;
  bottom: 0;}
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .fin__img-img2 {
      right: 20px;
      bottom: 0;
      max-width: 286px; } }
  @media (max-width: 1199px) {
    .fin__img-img2 {
      right: 20px;
      bottom: 0;
      max-width: 200px; } }
  @media (max-width: 991px) {
    .fin__img-img2 {
      max-width: 300px; } }
  @media (max-width: 767px) {
    .fin__img-img2 {
      max-width: 150px; } }
  .fin__img-img2 .shape {
    position: absolute;
    bottom: -50px;
    z-index: -1;
    right: -110px;
    width: 600px; }
  .fin__img-img2 .shape2 {
    position: absolute;
    top: -120px;
    z-index: -1;
    left: -23px; }

.finh__content .tx-heading h3 {
  font-size: 58px;
  line-height: 66px; }
  @media (max-width: 1199px) {
    .finh__content .tx-heading h3 {
      font-size: 45px;
      line-height: 55px; } }
  @media (max-width: 767px) {
    .finh__content .tx-heading h3 {
      font-size: 35px;
      line-height: 45px; } }
.finh__list li {
  font-size: 20px;
  color: #393D4B;
  display: flex;
  align-items: center;
  margin-top: 20px; }
  .finh__list li:not(:last-child) {
    margin-right: 35px; }
  .finh__list li i {
    width: 27px;
    height: 27px;
    color: var(--color-11);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 11px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); }
.finh__form {
  max-width: 680px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  padding: 10px;
  border: 1px solid #EBF0F7;
  box-shadow: 0px 30px 29px rgba(27, 62, 73, 0.04);
  border-radius: 69px; }
  @media (max-width: 1199px) {
    .finh__form {
      max-width: 550px; } }
  @media (max-width: 767px) {
    .finh__form {
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px; } }
  .finh__form input {
    height: 86px;
    border-radius: 64px;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    -ms-border-radius: 64px;
    -o-border-radius: 64px;
    background-color: #F6F3EC;
    padding: 20px 35px;
    font-size: 22px; }
    @media (max-width: 767px) {
      .finh__form input {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        font-size: 17px; } }
  .finh__form button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 19px;
    height: 70px;
    background-color: var(--color-13);
    color: #fff;
    padding: 10px 30px;
    border-radius: 49px;
    -webkit-border-radius: 49px;
    -moz-border-radius: 49px;
    -ms-border-radius: 49px;
    -o-border-radius: 49px; }
    @media (max-width: 767px) {
      .finh__form button {
        position: unset;
        width: 100%;
        margin-top: 10px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px; } }
    .finh__form button:hover {
      opacity: .90; }
.finh__shape .icon {
  position: absolute; }
  @media (max-width: 767px) {
    .finh__shape .icon {
      display: none; } }
  .finh__shape .icon--1 {
    left: 86px;
    top: 196px;
    animation: animationFramesOne 35s alternate infinite linear;
    -webkit-animation: animationFramesOne 35s alternate infinite linear; }
    @media (max-width: 991px) {
      .finh__shape .icon--1 {
        left: 52px;
        top: 179px; } }
  .finh__shape .icon--2 {
    left: 82px;
    bottom: 10px;
    animation: animationFramesFour 35s alternate infinite linear;
    -webkit-animation: animationFramesFour 35s alternate infinite linear; }
  .finh__shape .icon--3 {
    top: 173px;
    right: 27%;
    animation: animationFramesTwo 35s alternate infinite linear;
    -webkit-animation: animationFramesTwo 35s alternate infinite linear; }
    @media (max-width: 991px) {
      .finh__shape .icon--3 {
        top: 185px;
        right: 7%; } }
  .finh__shape .icon--4 {
    bottom: 173px;
    left: 25px; }

/*----------------------------------------*/
/*  14. footer
/*----------------------------------------*/
.footer {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .footer .tx-col:nth-child(1) {
    width: 33%; }
    @media (max-width: 991px) {
      .footer .tx-col:nth-child(1) {
        width: 50%; } }
    @media (max-width: 767px) {
      .footer .tx-col:nth-child(1) {
        width: 100%; } }
  .footer .tx-col:nth-child(2) {
    width: 19%; }
    @media (max-width: 991px) {
      .footer .tx-col:nth-child(2) {
        width: 50%; } }
    @media (max-width: 767px) {
      .footer .tx-col:nth-child(2) {
        width: 100%; } }
  .footer .tx-col:nth-child(3) {
    width: 21%; }
    @media (max-width: 991px) {
      .footer .tx-col:nth-child(3) {
        width: 50%; } }
    @media (max-width: 767px) {
      .footer .tx-col:nth-child(3) {
        width: 100%; } }
  .footer .tx-col:nth-child(4) {
    width: 27%; }
    @media (max-width: 991px) {
      .footer .tx-col:nth-child(4) {
        width: 50%; } }
    @media (max-width: 767px) {
      .footer .tx-col:nth-child(4) {
        width: 100%; } }
  .footer__widget p {
    color: #565F66;
    font-size: 15px;
    line-height: 28px; }
  .footer__widget h3 {
    font-size: 18px;
    margin-bottom: 28px;
    font-weight: 700;
    color: #152A38; }
  .footer__widget ul {
    list-style: none; }
    .footer__widget ul li:not(:last-child) {
      margin-bottom: 8px; }
    .footer__widget ul li a {
      color: #565F66;
      font-size: 15px;
      font-weight: 500; }
      .footer__widget ul li a:hover {
        color: #152A38; }
  .footer__apps-icon a {
    width: 45px;
    height: 45px;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 16px; }
    .footer__apps-icon a:hover {
      color: #fff;
      background-color: var(--color-7); }
    .footer__apps-icon a:not(:last-child) {
      margin-right: 25px; }
    .footer__apps-icon a i {
      line-height: 1; }
  .footer .apps-img {
    margin: -10px;
    margin-top: 40px; }
    .footer .apps-img a {
      margin: 10px;
      max-width: 140px; }
      @media (max-width: 1199px) {
        .footer .apps-img a {
          max-width: 110px; } }
  .footer__shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1; }
    .footer__shape img{
      width: 100%;
    }
  .footer__bottom {
    padding: 10px 0 25px;
    border-top: 1px solid rgba(58, 104, 130, 0.1); }
  .footer__copyright, .footer__link a {
    font-size: 15px;
    font-weight: 500;
    color: #565F66;
    font-weight: 500; }
  .footer__copyright a {
    color: currentColor; }
    .footer__copyright a:hover {
      color: #152A38; }
  .footer__link a:not(:first-child) {
    margin-left: 60px; }
    @media (max-width: 767px) {
      .footer__link a:not(:first-child) {
        margin-left: 20px; } }
  .footer__link a:hover {
    color: #152A38; }
  .footer--finance-app {
    font-family: var(--font-archivo); background-color: #F6F3EC; }
  .footer--finance-app .footer__apps-icon a:hover {
    background-color: var(--color-12); }
  .footer--finance-app .footer__widget h3 {
    font-family: var(--font-archivo);
    font-weight: 600; }
  .footer--tma .footer__apps-icon a {
    box-shadow: none;
    color: rgba(21, 42, 56, 0.5); }
    .footer--tma .footer__apps-icon a:not(:last-child) {
      margin-right: 13px; }
    .footer--tma .footer__apps-icon a:hover {
      background-color: #423EF3;
      color: #fff; }
  .footer--tma .footer__widget h3 {
    font-weight: 600; }
  .footer__newsletter {
    max-width: 324px;
    position: relative; }
    .footer__newsletter input {
      width: 100%;
      height: 60px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      box-shadow: 0px 13px 22px rgba(6, 34, 51, 0.06);
      font-size: 15px;
      border: 0; }
    .footer__newsletter button {
      position: absolute;
      top: 0;
      right: 0;
      width: 65px;
      height: 60px;
      background-color: #423EF3;
      color: #fff;
      border-radius: 11px;
      -webkit-border-radius: 11px;
      -moz-border-radius: 11px;
      -ms-border-radius: 11px;
      -o-border-radius: 11px;
      font-size: 16px; }
      .footer__newsletter button:hover {
        opacity: 0.9; }

.js-marquee h3 {
  display: inline-block;
  font-size: 100px; }
  @media only screen and (min-width: 1500px) and (max-width: 1600px) {
    .header__finance .main-menu ul li:not(:last-child) {
      margin-right: 40px;
    }
  }
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
    .fin__img-img1 {
      left: 80px;
    }
    .fin__img-img2 {
      right: 30px;
      max-width: 391px;
    }
}
@media (max-width: 1199px) {
  .header__button a.thm-btn--white {
      display: none;
  }
}
@keyframes tx_up_down {
  0% {
   transform:translateY(0)
  }
  100% {
   transform:translateY(-20px)
  }
 }
 .slide-up-down {
  animation:tx_up_down 1.2s ease infinite alternate
 }
 @media (max-width: 767px) {
  .tmah__shape .shape--2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .tmah__shape .shape--2 {
    top: 136px;
    left: 61px;
  }
  .fin__img-img2 .shape {
    width: 450px;
  }
  .header__button a.download-btn {
    display: none;
  }
}
@media (max-width: 1199px) {
  .tmah__shape .shape--2,
  .tmah__shape .shape--3 {
    display: none;
  }
  .tmah__shape-icon .shape--1 {
    top: 0;
    left: -48px;
  }
  .tmah__shape-icon .shape--2 {
    top: -100px;
    right: 30px;
  }
  .tmah__shape-icon .shape--3 {
    right: 5px;
    bottom: 0;
  }
  .fin__img-img2 .shape {
    width: 350px;
  }
}
@media (max-width: 991px) {
  .tmah__shape-icon .shape--1 {
    top: 100px;
  }
  .tmah__shape-icon .shape--2 {
    top: 0;
  }
  .tmah__shape-icon .shape--3 {
    bottom: 100px;
  }
  .fin__img-img2 {
    max-width: 200px;
  }
  .finh__shape .icon--2 {
    left: 300px;
    bottom: 141px;
  }
  .fin__img-img1 .shape {
    display: none;
  }
}
@media (max-width: 767px) {
  .fin__img-img2 .shape {
    width: 300px;
  }
}
@media (max-width: 1199px) {
  .tx-heading--fin br {
    display: none;
  }
  .testimonial__shape {
    display: none;
  }
  .des-testimonial__bg {
    height: 374px;
  }
  .des-testimonial__bg img {
    height: 100%;
  }
}
@media (max-width: 991px) {
  .counter__item {
    text-align: center;
  }
  .counter__wrap .tx-col {
    width: 50%;
  }
  .des-testimonial__bg {
    height: 374px;
  }
  .des-testimonial__bg img {
    height: 100%;
  }
  .des-testimonial__nav .nav-link:nth-child(4) {
    right: 4%;
    bottom: 19%;
    width: 78px;
    height: 78px;
  }
  .des-testimonial__nav .nav-link:nth-child(2) {
    bottom: 14%;
    left: 6%;
    width: 60px;
    height: 60px;
  }
  .des-testimonial__content {
    padding: 0 20px;
  }
  .des-testimonial__bg {
    background-color: #fff;
  }
  .des-testimonial__content {
    max-width: 700px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 37px;
    color: #221414;
    margin-bottom: 40px;
    padding: 0 10px;
    padding: 0 22px;
  }
  .author-info__content {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .pricing__info li:nth-child(even) {
    margin-left: 0;
  }
  .client-benifit__slide .slick-dots {
    bottom: -80px;
  }
}
@media (max-width: 767px) {
  .counter__wrap .tx-col {
    width: 100%;
  }
  .des-testimonial__nav .nav-link:nth-child(1) {
    top: 21%;
    left: 12%;
    width: 60px;
    height: 60px;
    top: auto;
    bottom: 11%;
    left: 10px;
  }
  .des-testimonial__nav .nav-link:nth-child(2) {
    bottom: 11%;
    left: 30%;
    width: 60px;
    height: 60px;
  }
  .des-testimonial__nav .nav-link:nth-child(3) {
    top: 29%;
    right: 16%;
    width: 60px;
    height: 60px;
    top: auto;
    bottom: 11%;
    right: auto;
    left: 55%;
  }
  .des-testimonial__nav .nav-link:nth-child(4) {
    right: 4%;
    bottom: 19%;
    width: 60px;
    height: 60px;
    right: 0;
    bottom: 11%;
  }
  .des-testimonial {
    padding-bottom: 230px;
  }
  .des-testimonial__quote {
    display: none;
  }
  .des-testimonial__bg {
    height: 76%;
    width: 100%;
    background: #fff;
  }
  .des-testimonial__content {
    max-width: 700px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 37px;
    color: #221414;
    margin-bottom: 40px;
    padding: 0 10px;
  }
  .client-benifit__slide .slick-dots {
    bottom: -60px;
  }
}
.mxw_1420{
  max-width: 1420px;
}
@media (min-width: 601px) and (max-width:782px){
	.admin-bar header.header.header__global .sticky_header {
		margin-top: 46px;
	}
}
@media (max-width: 600px){
	.admin-bar header.header.header__global .sticky_header {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
  .popup-video__text {
      margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__content .tx-item--title {
      font-size: 41px;
      line-height: 45px;
  }
  .hero__fitness-icon {
      display: none;
  }
  .fit-cta__s a:not(:first-child) {
      margin-left: 20px;
  }
  .client-benifit__slide .slick-dots {
      bottom: -58px;
  }
}
@media (max-width: 991px){
  .header__fitness .container{
      max-width: 100%;
  }
}
.header__fitness .main-menu ul li .submenu li.current-menu-item > a,
  .header__fitness .main-menu ul li.current-menu-parent > a,
  .header__fitness .main-menu ul li .submenu li > a:hover {
  color: var(--color-1);
}

    
/*----------------------------------------*/
/*  desktop app css start
/*----------------------------------------*/
.demo_desktop_app {
  color: var(--color-default-3);
  font-family: var(--font-jost); }
  .demo_desktop_app h1, .demo_desktop_app h2, .demo_desktop_app h3, .demo_desktop_app h4, .demo_desktop_app h5, .demo_desktop_app h6 {
    color: var(--color-black);
    font-family: var(--font-jost);
    font-weight: 500; }

.tx-heading--da .subtitle {
  font-size: 14px;
  color: var(--color-da-2);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 1.2; }
.tx-heading--da .tx-item--title.fs-42 {
  font-size: 42px; }
  @media (max-width: 1199px) {
    .tx-heading--da .tx-item--title.fs-42 {
      font-size: 30px; } }
  @media (max-width: 767px) {
    .tx-heading--da .tx-item--title.fs-42 {
      font-size: 24px; } }

.header__desktop-app .main-menu ul li a {
  color: var(--color-white); font-family: var(--font-jost); }
.header__desktop-app .main-menu ul li .submenu li:hover > a, .header__desktop-app .main-menu ul li .submenu li.current-menu-item > a {
  color: var(--color-da); }


  
  
.header__desktop-app .main-menu ul li .submenu {
  border-color: var(--color-da); }
.header__desktop-app.sticky_header {
  background-color: var(--color-da); }
.header__desktop-app .header__button .hamburger_menu .icon {
  color: var(--color-white); }

.hero__desktop-app {
  background-color: var(--color-da);
  min-height: 992px;
  position: relative; }
.hero__desktop-app-content {
  -webkit-transform: translateY(-27px);
  -ms-transform: translateY(-27px);
  transform: translateY(-27px); }
  .hero__desktop-app-content .tx-item--title {
    font-size: 60px;
    line-height: 1.1; }
    @media (max-width: 1199px) {
      .hero__desktop-app-content .tx-item--title {
        font-size: 45px; } }
    @media (max-width: 767px) {
      .hero__desktop-app-content .tx-item--title {
        font-size: 35px;
        line-height: 1.2; }
        .hero__desktop-app-content .tx-item--title br {
          display: none; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .hero__desktop-app-content .tx-item--title {
        font-size: 42px; } }
    .hero__desktop-app-content .tx-item--title span {
      color: var(--color-white); }
  .hero__desktop-app-content p {
    font-size: 20px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.8); }
  .hero__desktop-app-content .subtitle {
    color: var(--color-da-1); }
.hero__desktop-app-icon {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
  z-index: -1; }
  @media (max-width: 767px) {
    .hero__desktop-app-icon {
      display: none; } }
  .hero__desktop-app-icon .icon {
    position: absolute; }
    .hero__desktop-app-icon .icon .layer {
      width: 120px;
      height: 120px;
      display: flex !important;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background-color: var(--color-white);
      box-shadow: 0px 38px 47px rgba(7, 21, 74, 0.06); }
      @media (max-width: 1199px) {
        .hero__desktop-app-icon .icon .layer {
          width: 100px;
          height: 100px; } }
      @media (max-width: 991px) {
        .hero__desktop-app-icon .icon .layer {
          width: 80px;
          height: 80px; }
          .hero__desktop-app-icon .icon .layer img {
            max-width: 50px; } }
    .hero__desktop-app-icon .icon--1 {
      top: 17%;
      left: 13.2%; }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .hero__desktop-app-icon .icon--1 {
          left: 5%; } }
      @media (max-width: 1199px) {
        .hero__desktop-app-icon .icon--1 {
          top: 13%;
          left: 4%; } }
    .hero__desktop-app-icon .icon--2 {
      top: 46%;
      left: 8%; }
      @media (max-width: 991px) {
        .hero__desktop-app-icon .icon--2 {
          left: 5%; } }
      .hero__desktop-app-icon .icon--2 .layer {
        width: 100px;
        height: 100px; }
        @media (max-width: 991px) {
          .hero__desktop-app-icon .icon--2 .layer {
            width: 80px;
            height: 80px; } }
    .hero__desktop-app-icon .icon--3 {
      bottom: 27%;
      left: 13.9%; }
      .hero__desktop-app-icon .icon--3 .layer {
        width: 110px;
        height: 110px; }
        @media (max-width: 991px) {
          .hero__desktop-app-icon .icon--3 .layer {
            width: 80px;
            height: 80px; } }
    .hero__desktop-app-icon .icon--4 {
      top: 17%;
      right: 18%; }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .hero__desktop-app-icon .icon--4 {
          right: 13%; } }
    .hero__desktop-app-icon .icon--5 {
      bottom: 46%;
      right: 10.5%; }
      .hero__desktop-app-icon .icon--5 .layer {
        width: 100px;
        height: 100px; }
        @media (max-width: 991px) {
          .hero__desktop-app-icon .icon--5 .layer {
            width: 80px;
            height: 80px; } }
    .hero__desktop-app-icon .icon--6 {
      bottom: 26%;
      right: 18%; }
      .hero__desktop-app-icon .icon--6 .layer {
        width: 112px;
        height: 112px; }
        @media (max-width: 991px) {
          .hero__desktop-app-icon .icon--6 .layer {
            width: 80px;
            height: 80px; } }
.hero__desktop-app-circle {
  left: 10%;
  right: 10%;
  bottom: 0;
  position: absolute;
  z-index: -2; }
  .hero__desktop-app-circle img {
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear; }
.hero__desktop-app-btn {
  margin: -5px -12px;
  margin-top: 40px; }
  .hero__desktop-app-btn a {
    padding-right: 50px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--color-white);
    margin: 5px 12px; }
    .hero__desktop-app-btn a:hover {
      -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      transform: translateY(-4px); }
    .hero__desktop-app-btn a img {
      position: absolute;
      top: 50%;
      right: 25px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .hero__desktop-app-btn a.thm-btn--white {
      background-color: var(--color-white);
      color: var(--color-black); }

.tmah__video .text.color-white {
  color: var(--color-white); }

.da-login-btn {
  border-color: #DADADA;
  filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.06));
  color: var(--color-white); }
  .da-login-btn:hover {
    color: var(--color-white); }

.da-brand__wrap {
  background-color: var(--color-white);
  padding: 46px 20px 30px;
  margin-top: -140px;
  z-index: 1;
  position: relative; }
.da-brand__slide .slick-arrow {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: -60px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -65px;
  background: transparent;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-black); }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .da-brand__slide .slick-arrow {
      left: -15px; } }
  @media (max-width: 1199px) {
    .da-brand__slide .slick-arrow {
      left: -15px; } }
  .da-brand__slide .slick-arrow.slick-next {
    left: auto;
    right: -65px; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .da-brand__slide .slick-arrow.slick-next {
        right: -15px; } }
    @media (max-width: 1199px) {
      .da-brand__slide .slick-arrow.slick-next {
        right: -15px; } }
.da-brand__item > div {
  width: 75px !important;
  height: 75px;
  background-color: var(--color-white);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin: 40px auto;
  box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.08);
  display: flex !important;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media (max-width: 767px) {
    .da-brand__item > div {
      width: 50px !important;
      height: 50px; } }
  .da-brand__item > div img {
    max-width: 40px; }
    @media (max-width: 767px) {
      .da-brand__item > div img {
        max-width: 30px; } }
.da-brand__item.slick-active.slick-center > div {
  transform: scale(1.5); }

.da-feature__item {
  border-color: #E8E8E8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .da-feature__item:hover {
    box-shadow: 0px 12px 29px rgba(0, 0, 0, 0.04);
    border-color: transparent; }

.da-download-app__wrap {
  padding: 60px 110px;
  background: rgba(95, 45, 237, 0.02);
  border: 1px solid #E8E8E8; }
  @media (max-width: 1199px) {
    .da-download-app__wrap {
      padding: 60px; } }
  @media (max-width: 767px) {
    .da-download-app__wrap {
      padding: 0;
      background-color: transparent;
      border: 0; } }
.da-download-app__img {
  background-color: #F5F5F7;
  min-height: 334px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 767px) {
    .da-download-app__img {
      min-height: 240px; } }
  .da-download-app__img.img-bottom {
    align-items: end; }
.da-download-app__number {
  position: absolute;
  top: 12px;
  left: 12px;
  color: var(--color-black);
  font-size: 15px;
  font-weight: 500;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
.da-download-app__item:hover .da-download-app__number {
  background-color: var(--color-da);
  color: var(--color-white); }
.da-download-app__content {
  padding: 35px 27px;
  border: 1px solid #E5E5E5;
  border-top-color: transparent;
  background-color: var(--color-white);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .da-download-app__content h3 {
    font-size: 20px;
    color: var(--color-black);
    font-weight: 500;
    margin-bottom: 16px; }
.da-download-app__link:not(:last-child) {
  margin-bottom: 15px; }
.da-download-app__link a {
  display: inline-block;
  font-size: 16px;
  color: #3258F6;
  font-weight: 500;
  text-decoration: underline; }
  .da-download-app__link a img {
    margin-left: 15px; }

.da-process {
  background-color: #FAF9FE; }
  .da-process__img-wrap {
    z-index: 1;
    margin-left: -300px; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .da-process__img-wrap {
        margin-left: 0; } }
    @media (max-width: 1199px) {
      .da-process__img-wrap {
        margin-left: 0; } }
  .da-process__img-shape {
    position: absolute;
    top: -70px;
    left: 0;
    z-index: -1; }
    @media (max-width: 991px) {
      .da-process__img-shape {
        top: -30px; } }
  .da-process__content-item {
    padding: 30px 15px 25px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: flex;
    flex-wrap: wrap; }
    .da-process__content-item:not(:last-child) {
      margin-bottom: 10px; }
    .da-process__content-item:hover, .da-process__content-item.active {
      border-color: #E2D9FC; }
    .da-process__content-item:hover .icon {
      animation: icon-bounce 0.8s ease-out;
      -webkit-animation: icon-bounce 0.8s ease-out; }
    .da-process__content-item .icon {
      width: 37px;
      margin-right: 26px; }
    .da-process__content-item .content {
      width: calc(100% - 63px);
      -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
      transform: translateY(-4px); }
      @media (max-width: 767px) {
        .da-process__content-item .content {
          width: 100%;
          margin-top: 20px; } }
      .da-process__content-item .content h3 {
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 14px; }
  .da-process__nav {
    position: relative;
    z-index: 2; }
    .da-process__nav::before {
      position: absolute;
      top: 37%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 80%;
      height: 1px;
      content: "";
      z-index: -1;
      border-top: 1px dashed #C7BED6; }
      @media (max-width: 767px) {
        .da-process__nav::before {
          display: none; } }
  .da-process__nav-item .icon {
    width: 83px;
    height: 80px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: var(--color-white);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px; }
  .da-process__nav-item h3 {
    font-size: 20px;
    font-weight: 500;
    color: #101212; }

.footer--da {
  background-color: var(--color-da);
  margin-left: 80px;
  margin-right: 80px;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  z-index: 1; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .footer--da {
      margin-left: 0;
      margin-right: 0; } }
  @media (max-width: 1199px) {
    .footer--da {
      margin-left: 0;
      margin-right: 0;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0; } }
  .footer--da .footer__widget p, .footer--da .footer__widget h3, .footer--da .footer__widget ul li a, .footer--da .footer__widget ul li a:hover {
    color: var(--color-white); }
  .footer--da .footer__copyright,
  .footer--da .footer__link a {
    color: var(--color-white); }
    .footer--da .footer__copyright:hover,
    .footer--da .footer__link a:hover {
      color: var(--color-white); }
  .footer--da .footer__bottom {
    margin-left: -60px;
    margin-right: -60px;
    padding-left: 60px;
    padding-right: 60px;
    background: rgba(255, 255, 255, 0.04);
    border-top-left-radius: 17px;
    border-top-right-radius: 17px; }
  .footer--da .footer__newsletter button {
    background-color: var(--color-18); }
  .footer--da .footer__apps-icon a:hover {
    background-color: var(--color-da-1); }
  @media (max-width: 1199px) {
    .footer--da .pb-130 {
      padding-bottom: 100px; } }
.footer__apps {
  margin-left: -10px;
  margin-right: -10px; }
  .footer__apps a {
    max-width: 140px;
    display: inline-block;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px; }
.footer__shape-da .shape {
  position: absolute;
  z-index: -1; }
  .footer__shape-da .shape--1 {
    left: -50px;
    bottom: 0; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .footer__shape-da .shape--1 {
        display: none; } }
    @media (max-width: 1199px) {
      .footer__shape-da .shape--1 {
        display: none; } }
  .footer__shape-da .shape--2 {
    right: 0;
    bottom: 0; }

.des-testimonial__quote {
  z-index: 1; }

@media (max-width: 1199px) {
  .tx-heading--fin br {
    display: none; }

  .testimonial__shape {
    display: none; }

  .des-testimonial__bg {
    height: 374px; }

  .des-testimonial__bg img {
    height: 100%; }

  .des-testimonial__nav .nav-link:nth-child(2) {
    bottom: 21%;
    left: 5%; }

  .des-testimonial__nav .nav-link:nth-child(4) {
    right: 4%; } }
@media (max-width: 991px) {
  .counter__item {
    text-align: center; }

  .counter__wrap .tx-col {
    width: 50%; }

  .des-testimonial__bg {
    height: 374px; }

  .des-testimonial__bg img {
    height: 100%; }

  .des-testimonial__nav .nav-link:nth-child(4) {
    right: 4%;
    bottom: 19%;
    width: 78px;
    height: 78px; }

  .des-testimonial__nav .nav-link:nth-child(2) {
    bottom: 14%;
    left: 6%;
    width: 60px;
    height: 60px; }

  .des-testimonial__content {
    padding: 0 20px; }

  .des-testimonial__bg {
    background-color: #fff; }

  .des-testimonial__content {
    max-width: 700px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 37px;
    color: #221414;
    margin-bottom: 40px;
    padding: 0 10px;
    padding: 0 22px; }

  .author-info__content {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }

  .pricing__info li:nth-child(even) {
    margin-left: 0; }

  .client-benifit__slide .slick-dots {
    bottom: -80px; } }
@media (max-width: 767px) {
  .counter__wrap .tx-col {
    width: 100%; }

  .des-testimonial__nav .nav-link:nth-child(1) {
    top: 21%;
    left: 12%;
    width: 60px;
    height: 60px;
    top: auto;
    bottom: 11%;
    left: 10px; }

  .des-testimonial__nav .nav-link:nth-child(2) {
    bottom: 11%;
    left: 30%;
    width: 60px;
    height: 60px; }

  .des-testimonial__nav .nav-link:nth-child(3) {
    top: 29%;
    right: 16%;
    width: 60px;
    height: 60px;
    top: auto;
    bottom: 11%;
    right: auto;
    left: 55%; }

  .des-testimonial__nav .nav-link:nth-child(4) {
    right: 4%;
    bottom: 19%;
    width: 60px;
    height: 60px;
    right: 0;
    bottom: 11%; }

  .des-testimonial {
    padding-bottom: 230px; }

  .des-testimonial__quote {
    display: none; }

  .des-testimonial__bg {
    height: 76%;
    width: 100%;
    background: #fff; }

  .des-testimonial__content {
    max-width: 700px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 37px;
    color: #221414;
    margin-bottom: 40px;
    padding: 0 10px; }

  .client-benifit__slide .slick-dots {
    bottom: -60px; } }
/*----------------------------------------*/
/*  desktop app css end
/*----------------------------------------*/

/*----------------------------------------*/
/*  Video Calling app css end
/*----------------------------------------*/

/*Header Section*/
/*----------------------------------------------------*/
.bar-video-header-section {
  width: 100%;
  z-index: 15;
  margin-top: 15px;
  position: absolute;
  padding-left: 40px;
  border-top: 1px solid #2A2928;
  border-bottom: 1px solid #2A2928;
}
.bar-video-header-section .brand-logo {
  width: 225px;
  margin-right: 30px;
  border-right: 1px solid #2A2928;
}
.bar-video-header-section .bar-video-main-navigation .navbar-nav {
  display: inherit;
}
.bar-video-header-section .bar-video-main-navigation li {
  font-family: "Archivo", sans-serif;
  margin-right: 85px;
}
.bar-video-header-section .bar-video-main-navigation li a {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6784313725);
  font-weight: 500;
  padding-bottom: 30px;
}
.bar-video-header-section .bar-video-main-navigation .dropdown {
  position: relative;
}
.bar-video-header-section .bar-video-main-navigation .dropdown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  clip: inherit;
  -webkit-transform: scaleY(1);
  -khtml-transform: scaleY(1);
  transform: scaleY(1);
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu {
  left: 0;
  top: 55px;
  z-index: 100;
  margin: 0px;
  padding: 20px 0;
  height: auto;
  min-width: 250px;
  display: block;
  border: none;
  border-radius: 0;
  position: absolute;
  opacity: 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  transform-origin: 0 0 0;
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu .dropdown-menu {
  top: 30px;
  left: 250px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  opacity: 0 !important;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu .dropdown-menu a {
  font-size: 12px;
  font-weight: 600;
  color: #1a2428;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu .dropdown-menu a:before {
  display: none;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu li {
  display: block;
  margin: 0 !important;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu li:last-child {
  border-bottom: none;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu li:after {
  display: none;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu li:hover .dropdown-menu {
  top: 0;
  opacity: 1 !important;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu a {
  width: 100%;
  display: block;
  position: relative;
  padding: 10px 30px !important;
  color: #1a2428 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu a:before {
  display: none;
}
.bar-video-header-section .bar-video-main-navigation .dropdown-menu a:hover {
  color: var(--main-color) !important;
}
.bar-video-header-section .bar-video-header-cta .inner-icon {
  margin-right: 20px;
}
.bar-video-header-section .bar-video-header-cta .inner-text {
  font-size: 18px;
}
.bar-video-header-section .bar-video-header-cta .inner-text .v-text {
  font-size: 13px;
}
.bar-video-header-section .bar-video-header-cta .inner-text span {
  display: block;
}
.bar-video-header-section .var-video-header-login {
  margin-left: 48px;
  border-left: 1px solid #2A2928;
}
.bar-video-header-section .var-video-header-login button {
  color: #fff;
  height: 88px;
  border: none;
  width: 190px;
  font-size: 15px;
  background-color: transparent;
}
.bar-video-header-section .var-video-header-side-btn {
  height: 88px;
  width: 125px;
  cursor: pointer;
  background-color: rgba(161, 155, 151, 0.0588235294);
  border-left: 1px solid #2A2928;
}

.bar-video-header-section.sticky_on {
  top: 0;
  padding: 0;
  width: 100%;
  z-index: 20;
  margin-top: 0;
  position: fixed;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  background-color: var(--black-color);
  -webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}

.bar-video-section-title h2 {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 38px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bar-video-section-title h2 span {
  z-index: 1;
  position: relative;
  white-space: nowrap;
  display: inline-block;
}
.bar-video-section-title h2 span:after {
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 3px;
  bottom: 10px;
  position: absolute;
  background-color: var(--color-3);
}
.bar-video-section-title h2 i {
  width: 100%;
  height: 1.1px;
  position: relative;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
}
.bar-video-section-title.text-center h2 span {
  margin: 0px 20px;
}
.ul-li ul li {
  list-style: none;
  display: inline-block;
}
/*Footer Section*/
/*----------------------------------------------------*/
.bar-video-footer-section {
  padding: 75px;
  background: #000;
}
.bar-video-footer-section, .bar-video-footer-section p, 
.bar-video-footer-section ul li a, 
.bar-video-footer-section .f-widget-title, 
.bar-video-footer-section h3, 
.bar-video-footer-section .footer__link a:hover, 
.bar-video-footer-section .footer__link a, 
.bar-video-footer-section .footer__copyright {
  color: #fff;
}
.bar-video-footer-content {
  padding-top: 120px;
  background: rgba(255, 255, 255, 0.04);
}
.header__vc .main-menu ul li a {
  color: rgba(255, 255, 255, 0.6784313725);
}

.header__vc .header__button .account-btn a {
  color: #fff;
}
.header__finance.header__vc .header__logo {
  border-right: 1px solid #2A2928;
}
.header.header__vc.sticky_header {
  background: #000;
}
.header__vc {
  border-bottom: 1px solid #2A2928;
}

.header__vc .header__button .account-btn {
  border-left: 1px solid #2A2928;
}
.header__finance.header__vc .main-menu ul li > a{
  font-family: var(--font-archivo);
}
.header__vc .header__sidbar {
  border-left: 1px solid #2A2928;
}
.header__vc .header__button a.thm-btn {
  margin-right: 18px;
}
.admin-bar .sticky_header {
  margin-top: 32px;
}
.header__finance .main-menu ul li .submenu li.current-menu-item > a,
.header__finance .main-menu ul li.current-menu-parent > a {
  color: var(--color-13);
}






/*Responsive Section*/
/*----------------------------------------------------*/
@media screen and (max-width: 1600px) {
  .bar-video-header-section .bar-video-main-navigation li {
    margin-right: 30px;
  }

  .bar-video-header-section .var-video-header-login button {
    width: 150px;
  }

  .bar-video-header-section .var-video-header-side-btn {
    width: 90px;
  }

  .bar-video-header-section {
    padding-left: 15px;
  }

  .bar-video-counter-item-box {
    width: 740px;
  }

  .bar-video-counter-section:before {
    display: none;
  }

  .bar-video-core-feature-item {
    padding: 35px 25px 30px;
  }

  .bar-video-side-social {
    display: none;
  }

  .bar-video-cta-section:before {
    width: 100%;
  }

  .bar-video-download-section .bar-video-download-img {
    right: -320px;
  }

  .bar-video-footer-section {
    padding: 70px 20px;
  }

  .bar-video-footer-widget-wrap {
    padding: 0px 20px 50px;
  }
}
@media screen and (max-width: 1200px) {
  .bar-video-counter-text {
    font-size: 30px;
  }

  .bar-video-cta-section:before {
    top: 50px;
  }

  .bar-video-download-section .bar-video-download-img {
    right: -350px;
  }
}
@media screen and (max-width: 1100px) {
  .bar-video-header-section {
    margin-top: 0;
  }

  .bar-video-header-cta {
    display: none !important;
  }

  .bar-video-header-section .brand-logo {
    width: 120px;
    padding: 0px 15px;
  }

  .bar-video-header-section .var-video-header-login button {
    width: 135px;
  }

  .bar-video-header-section .var-video-header-side-btn {
    width: 80px;
  }

  .bar-video-counter-item-wrapper .bar-vector3 {
    display: none;
  }

  .bar-video-counter-item-box {
    top: 0;
    margin-top: 40px;
  }

  .bar-video-counter-item-box {
    width: 100%;
  }

  .bar-video-download-section .bar-video-download-img {
    text-align: center;
    margin-bottom: 40px;
    position: static !important;
  }

  .bar-video-testimonial-item .arrow-shape {
    display: none;
  }

  .bar-video-testimonial-item .testimonial-text-wrap {
    max-width: 670px;
  }

  .bar-video-testimonial-item .testimonial-text-wrap .testimonial-text {
    font-size: 20px;
    line-height: 30px;
  }

  .bar-video-app-store-shape {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .mobile_menu {
    display: block;
  }

  .bar-video-testimonial-section .bar-video-quote-icon,
.bar-video-testimonial-section .bar-video-shape {
    display: none;
  }

  .bar-video-testimonial-section {
    padding-bottom: 90px;
  }

  .bar-video-testimonial-item .testimonial-img {
    margin-right: 50px;
  }

  .bar-video-testimonial-slider .owl-dots {
    left: 160px;
  }

  .bar-video-faq-img-wrapper {
    text-align: center;
  }

  .bar-video-footer-widget .menu-widget {
    padding-left: 0;
  }

  .bar-video-footer-widget .widget_title {
    padding-bottom: 20px;
  }

  .bar-video-footer-widget .newslatter-widget p {
    padding-bottom: 25px;
  }

  .bar-video-footer-widget {
    margin-bottom: 40px;
  }

  .bar-video-main-navigation {
    display: none;
  }

  .bar-video-header-section .var-video-header-login {
    display: none;
  }

  .bar-video-header-section .var-video-header-side-btn {
    display: none !important;
  }

  .mobile_menu_button {
    display: block;
  }
  .header__finance.header__vc .header__main, .header__finance.header__vc .header__logo, .header__vc .header__sidbar {
    height: 60px;
  }
  .header__vc {
    position: relative;
    background: #000;
  }
  .bar-video-app-play-btn-qr {
    margin-top: 20px;
  }
}
@media screen and (max-width: 680px) {
  .bar-video-counter-section .bar-vector2,
.bar-video-counter-section .bar-vector1 {
    display: none;
  }
  
  .bar-video-counter-item h3 {
    font-size: 36px;
  }

  .bar-video-counter-item:after {
    display: none;
  }

  .bar-vd-video-call-feature ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .bar-video-counter-section {
    padding: 70px 0px;
  }

  .bar-video-counter-text {
    font-size: 24px;
    line-height: 30px;
  }

  .bar-video-section-title h2 span:after {
    bottom: 5px;
  }

  .bar-video-cta-section:before {
    display: none;
  }

  .bar-video-cta-item-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .bar-video-cta-item {
    margin-left: 0;
    margin-bottom: 30px;
  }

  .bar-video-cta-text {
    padding-bottom: 30px;
  }

  .bar-video-download-section {
    padding: 60px 0px;
  }

  .bar-video-cta-section {
    padding: 30px 0px 0px;
  }

  .bar-video-download-counter-content {
    width: 100%;
    margin-bottom: 40px;
  }

  .bar-video-download-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .bar-video-testimonial-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .bar-video-download-item-content {
    padding-left: 0;
  }

  .bar-video-testimonial-slider .owl-dots {
    left: 0;
    position: static;
    margin-top: 30px;
  }

  .bar-video-testimonial-item .testimonial-img {
    margin-bottom: 20px;
  }

  .bar-video-testimonial-section {
    padding-bottom: 30px;
  }

  .bar-video-app-store-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .bar-video-banner-section {
    padding-top: 100px;
  }
  
  .bar-video-section-title h2 {
    font-size: 32px;
  }

  .bar-video-main-feature-content {
    padding-top: 40px;
  }

  .bar-video-main-feature-item .inner-text p {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 26px;
  }

  .bar-vd-video-call-feature li {
    margin-bottom: 15px;
  }

  .bar-video-counter-item-box {
    padding: 30px 15px;
  }

  .bar-video-counter-item-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .bar-video-core-feature-content {
    padding: 40px 0px 20px;
  }

  .bar-video-cta-text {
    font-size: 26px;
    line-height: 30px;
  }

  .bar-video-download-title h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .bar-video-download-title h2:before {
    bottom: 5px;
  }

  .bar-video-app-store-text h2 {
    font-size: 30px;
    line-height: 1.5;
    padding-bottom: 15px;
  }

  .bar-video-footer-content {
    padding-top: 60px;
  }

  .bar-video-footer-copyright {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .bar-vidoe-copyright-text {
    text-align: center;
    padding-bottom: 10px;
  }

  .bar-vidoe-copyright-menu {
    text-align: center;
  }
  .bar-vidoe-copyright-menu li {
    margin: 0px 8px;
  }

  .bar-video-faq-accordion-content .accordion-button {
    padding: 15px;
    height: auto;
  }

  .bar-video-sponsor-slider .sponsor-img {
    height: 120px;
  }

  .bar-video-sponsor-slider-area {
    top: 0;
    margin-bottom: 0;
  }

  .bar-vd-video-call-section .bar-vd-video-call-emoji {
    display: none;
  }
}


/*----------------------------------------*/
/*  banking app css start
/*----------------------------------------*/
.demo_banking_app {
  background-color: #07020F;
  font-family: var(--space-grotesk); }
  .demo_banking_app h1, .demo_banking_app h2, .demo_banking_app h3, .demo_banking_app h4, .demo_banking_app h5, .demo_banking_app h6 {
    font-family: var(--space-grotesk);
    color: var(--color-white);
    line-height: 1.2;
    font-weight: 500; }

.mxw_1420 {
  max-width: 1420px; }

.progress-wrap__banking-app::after {
  color: var(--color-ba); }
.progress-wrap__banking-app svg.progress-circle path {
  stroke: var(--color-ba); }

.preloader__banking-app {
  background-color: #07020F; }
  .preloader__banking-app .lds-ellipsis div {
    background: var(--color-ba); }

.tx-heading--ba .subtitle {
  color: var(--color-ba);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-jost);
  margin-bottom: 5px; }
.tx-heading--ba .tx-item--title {
  font-size: 42px;
  font-weight: 700; }
  @media (max-width: 1199px) {
    .tx-heading--ba .tx-item--title {
      font-size: 35px; } }
  @media (max-width: 767px) {
    .tx-heading--ba .tx-item--title {
      font-size: 25px; } }
  .tx-heading--ba .tx-item--title span {
    color: var(--color-white); }
.tx-heading--ba p {
  color: #6E6D79; }

.thm-btn--ba {
  font-family: var(--font-jost);
  background-image: url(../img/shape/btn_bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px; }
  .thm-btn--ba:hover {
    color: var(--color-white);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }

.header__banking-app.sticky_header {
  background-color: #0F1120; }
.header__banking-app .hamburger_menu a {
  color: var(--color-white);
  font-size: 22px; }
.header__banking-app .main-menu ul li:not(:last-child) {
  margin-right: 35px; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .header__banking-app .main-menu ul li:not(:last-child) {
      margin-right: 15px; } }
  @media (max-width: 1199px) {
    .header__banking-app .main-menu ul li:not(:last-child) {
      margin-right: 10px; } }
.header__banking-app .main-menu ul li .submenu li {
  margin-right: 0; }
.header__banking-app .main-menu ul li > a {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 18px;
  color: var(--color-white); }
  .header__banking-app .main-menu ul li > a::before {
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 0;
    content: "";
    z-index: -1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-image: url(../img/shape/header_active.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
.header__banking-app .main-menu ul li:hover > a,
.header__banking-app .main-menu ul li.active > a {
  position: relative;
  z-index: 1;
  color: var(--color-white); }
  .header__banking-app .main-menu ul li:hover > a::before,
  .header__banking-app .main-menu ul li.current-menu-parent > a::before {
    height: calc(100% - 7px); }
.header__banking-app .main-menu ul li .submenu li > a::before {
  display: none; }
.header__banking-app .main-menu ul li .submenu li a {
  color: var(--color-white); }
.header__banking-app .main-menu ul li .submenu li:hover > a,
.header__banking-app .main-menu ul li .submenu li.current-menu-item > a {
  color: var(--color-ba); }
.header__banking-app .main-menu ul li .submenu {
  background-color: #0F1120;
  border-color: var(--color-ba); }
.header__banking-app-sidebar .sidebar-panel a {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--color-white);
  margin-left: 28px; }

.header__app-landing .main-menu ul li:hover > a,
.header__app-landing .main-menu ul li.current-menu-parent > a,
.header__app-landing .main-menu ul li.current_page_item > a {
  color: #F539F9;
}
.header__app-landing .main-menu ul li .submenu {
  border-color: #F539F9;

}

.ba-login-btn {
  border: 1px solid rgba(218, 218, 218, 0.2);
  filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.06));
  border-radius: 2px;
  color: var(--color-white); }
  .ba-login-btn:hover {
    color: var(--color-white); }
.slide-bar-black .side-mobile-menu .header-mobile-search input {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.1);
    }
    
    .slide-bar-black .side-mobile-menu .header-mobile-search input {
        background-color: rgba(255, 255, 255, 0.1);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.1);
    }
    .slide-bar-black .side-mobile-menu .header-mobile-search input:focus {
      border-color: var(--color-ba);
    }
.slide-bar-black .side-mobile-menu ul li ul li:hover > a::before {
        background-color: var(--color-ba);
        border-color: var(--color-ba);
    }
  .slide-bar-black  .side-mobile-menu ul li a:hover,
  .slide-bar-black .side-mobile-menu ul li ul li:hover > a {
        color: var(--color-ba);
    }
.slide-bar-black {
  background-color: #0F1120; }
  .slide-bar-black .tx-close {
    background-color: rgba(255, 255, 255, 0.1); }
    .slide-bar-black .tx-close::before, .slide-bar-black .tx-close::after {
      background-color: var(--color-white); }
  .slide-bar-black .sidebar-info .thm-btn {
    background-image: url(../img/shape/btn_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: unset; }
  .slide-bar-black .sidebar-info-list li,
  .slide-bar-black .sidebar-info-list li p {
    color: var(--color-white);
    opacity: 0.8; }
  .slide-bar-black .sidebar-content p {
    color: var(--color-white);
    opacity: 0.8; }
  .slide-bar-black .sidebar-info .sidebar-social a {
    background-image: url(../img/shape/btn_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    background-color: transparent;
    color: var(--color-white); }
    .slide-bar-black .sidebar-info .sidebar-social a:hover {
      -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      transform: translateY(-2px); }
  .slide-bar-black .side-mobile-menu ul li a {
    color: var(--color-white);
    opacity: .8;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); }

.sidebar-panel__inner {
  width: 18px;
  height: 16px;
  line-height: 0;
  cursor: pointer;
  position: relative;
  text-align: left;
  overflow: hidden; }
  .sidebar-panel__inner span {
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 19px;
    border-radius: 0;
    background-color: currentColor;
    color: inherit;
    vertical-align: top;
    transition: 0s ease-in-out;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px; }
    .sidebar-panel__inner span:nth-child(1) {
      transform: translate(0, -7px); }
    .sidebar-panel__inner span:nth-child(2) {
      transform: translate(0, 0); }
    .sidebar-panel__inner span:nth-child(3) {
      transform: translate(0, 7px); }
    .sidebar-panel__inner span:nth-child(4) {
      transform: translate(0, 14px); }
a:hover .sidebar-panel__inner span {
  transition: 0.3s ease-in-out; }
  a:hover .sidebar-panel__inner span:nth-child(1) {
    transform: translate(0, 0); }
  a:hover .sidebar-panel__inner span:nth-child(2) {
    transform: translate(0, 7px); }
  a:hover .sidebar-panel__inner span:nth-child(3) {
    transform: translate(0, 14px); }
  a:hover .sidebar-panel__inner span:nth-child(4) {
    transform: translate(0, 21px); }

.hero__banking-app {
  min-height: 960px; }
  @media (max-width: 1199px) {
    .hero__banking-app {
      min-height: 800px; } }
  @media (max-width: 767px) {
    .hero__banking-app {
      padding-top: 150px; } }
.hero__banking-app-content .tx-heading .tx-item--title {
  font-size: 60px; }
  @media (max-width: 1199px) {
    .hero__banking-app-content .tx-heading .tx-item--title {
      font-size: 45px; } }
  @media (max-width: 991px) {
    .hero__banking-app-content .tx-heading .tx-item--title {
      font-size: 40px; } }
  @media (max-width: 767px) {
    .hero__banking-app-content .tx-heading .tx-item--title {
      font-size: 35px; } }
.hero__banking-app-content p {
  font-size: 20px;
  line-height: 32px; }
  @media (max-width: 1199px) {
    .hero__banking-app-content p br {
      display: none; } }
.hero__banking-app-btn .thm-btn {
  margin-right: 34px; }
.hero__banking-app-img {
  position: absolute;
  bottom: 0;
  right: -40px; }
  @media (max-width: 1199px) {
    .hero__banking-app-img {
      right: 0;
      max-width: 400px; } }
  @media (max-width: 991px) {
    .hero__banking-app-img {
      max-width: 250px; } }
  @media (max-width: 767px) {
    .hero__banking-app-img {
      left: 0;
      right: 0;
      position: relative;
      margin: auto;
      margin-top: 30px; } }
@media (max-width: 767px) {
  .hero__banking-app-shape {
    display: none; } }
.hero__banking-app-shape img {
  position: absolute;
  bottom: 0;
  left: 0; }
  .hero__banking-app-shape img:nth-child(1) {
    bottom: 180px; }
    @media (max-width: 1199px) {
      .hero__banking-app-shape img:nth-child(1) {
        display: none; } }
  .hero__banking-app-shape img:nth-child(2) {
    animation: tx_up_down 1s ease infinite alternate; }
.hero__banking-app-img-shape .shape {
  position: absolute; }
  @media (max-width: 1199px) {
    .hero__banking-app-img-shape .shape {
      display: none; } }
  .hero__banking-app-img-shape .shape--1 {
    left: -170px;
    top: 200px; }
  .hero__banking-app-img-shape .shape--2 {
    left: -140px;
    bottom: 108px;
    animation: tx_ltr 1s ease infinite alternate; }
  .hero__banking-app-img-shape .shape--3 {
    top: 40px;
    right: -110px;
    animation: tx_up_down 1.2s ease infinite alternate; }
  .hero__banking-app-img-shape .shape--4 {
    bottom: 155px;
    right: -140px;
    animation: tx_up_down 1.3s ease infinite alternate; }

@keyframes tx_ltr {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateX(-20px); } }
.slide-ltr {
  animation: tx_ltr 1s ease infinite alternate; }

.ba-feature__wrap {
  padding: 80px 70px;
  background: rgba(50, 31, 171, 0.02);
  border: 1px solid rgba(239, 235, 235, 0.15);
  box-shadow: 0px 4px 29px rgba(0, 0, 0, 0.02);
  border-radius: 20px;
  position: relative;
  margin-left: -50px;
  margin-right: -50px; }
  @media (max-width: 767px) {
    .ba-feature__wrap {
      padding: 80px 50px; } }
.ba-feature__item {
  padding: 0 20px; }
  @media (max-width: 991px) {
    .ba-feature__item {
      padding: 0; } }
  .ba-feature__item h3 {
    font-size: 18px;
    margin-bottom: 15px; color: var(--color-white); }
    .ba-feature__item h3 img {
      margin-right: 15px; }
  .ba-feature__item p {
    font-size: 16px;
    line-height: 28px; }
.ba-feature__shape img {
  position: absolute;
  z-index: -1; }
  .ba-feature__shape img:nth-child(1) {
    left: -180px;
    bottom: -180px; }
  .ba-feature__shape img:nth-child(2) {
    top: -180px;
    right: -180px; }
.ba-feature__wrapper {
  margin-left: -60px;
  margin-right: -60px;
  padding-left: 60px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(255, 255, 255, 0.06); }
  @media (max-width: 991px) {
    .ba-feature__wrapper {
      padding-top: 50px;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0; } }
.ba-feature__list {
  display: flex;
  flex-wrap: wrap; }
  .ba-feature__list li {
    min-width: 220px;
    font-size: 18px;
    color: var(--color-white);
    margin-top: 27px;
    margin-right: 60px; }
    .ba-feature__list li i {
      color: #EE2071;
      margin-right: 12px; }
.ba-feature__img {
  height: 650px; }
  @media (max-width: 991px) {
    .ba-feature__img {
      margin-top: 30px; } }
  @media (max-width: 767px) {
    .ba-feature__img {
      height: 500px; } }
  .ba-feature__img .ss--1 {
    -webkit-transform: translateX(9%);
    -ms-transform: translateX(9%);
    transform: translateX(9%); }
    @media (max-width: 1199px) {
      .ba-feature__img .ss--1 {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }
    @media (max-width: 767px) {
      .ba-feature__img .ss--1 {
        max-width: 200px; } }
  .ba-feature__img .ss--2 {
    -webkit-transform: translate(55%, -50px);
    -ms-transform: translate(55%, -50px);
    transform: translate(55%, -50px); }
    @media (max-width: 1199px) {
      .ba-feature__img .ss--2 {
        -webkit-transform: translate(31%, -50px);
        -ms-transform: translate(31%, -50px);
        transform: translate(31%, -50px); } }
    @media (max-width: 767px) {
      .ba-feature__img .ss--2 {
        -webkit-transform: translate(50%, -50px);
        -ms-transform: translate(50%, -50px);
        transform: translate(50%, -50px);
        max-width: 200px; } }
  .ba-feature__img .ss--3 {
    -webkit-transform: translate(53%, -362px);
    -ms-transform: translate(53%, -362px);
    transform: translate(53%, -362px); }
    @media (max-width: 1199px) {
      .ba-feature__img .ss--3 {
        -webkit-transform: translate(26%, -416px);
        -ms-transform: translate(26%, -416px);
        transform: translate(26%, -416px); } }
    @media (max-width: 767px) {
      .ba-feature__img .ss--3 {
        -webkit-transform: translate(26%, -346px);
        -ms-transform: translate(26%, -346px);
        transform: translate(26%, -346px); } }
  .ba-feature__img .ss--4 {
    -webkit-transform: translate(34%, 110px);
    -ms-transform: translate(34%, 110px);
    transform: translate(34%, 110px); }
    @media (max-width: 1199px) {
      .ba-feature__img .ss--4 {
        -webkit-transform: translate(4%, 110px);
        -ms-transform: translate(4%, 110px);
        transform: translate(4%, 110px); } }
  .ba-feature__img .ss--5 {
    position: relative;
    z-index: -1;
    -webkit-transform: translate(27%, -130px);
    -ms-transform: translate(27%, -130px);
    transform: translate(27%, -130px); }

.tx-heading .tx-item--title.fs-32 {
  font-size: 32px; }

.ba-counter__content h4 {
  font-size: 32px;
  line-height: 50px;
  font-weight: 400; }
  @media (max-width: 767px) {
    .ba-counter__content h4 {
      font-size: 22px;
      line-height: 42px; } }
  .ba-counter__content h4 span {
    background: linear-gradient(96.86deg, #FF42CA 27.5%, #FE4757 48.22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; }
@media (max-width: 1199px) {
  .ba-counter__icon {
    display: none; } }
.ba-counter__wrap {
  display: flex;
  align-items: center;
  justify-content: end; }
  @media (max-width: 1199px) {
    .ba-counter__wrap {
      justify-content: start;
      margin-top: 30px;
      flex-wrap: wrap; } }
.ba-counter__item {
  border: 2px solid #211C28;
  margin-right: -1px;
  margin-top: -1px;
  min-height: 215px;
  min-width: 268px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(217, 217, 217, 0.02);
  text-align: center;
  padding: 20px; }
  @media (max-width: 1199px) {
    .ba-counter__item {
      width: 100%;
      min-width: auto; } }
  .ba-counter__item:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .ba-counter__item:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .ba-counter__item p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.51); }
.ba-counter__number {
  font-size: 60px;
  font-weight: 400 !important;
  margin-bottom: 25px; }
  @media (max-width: 991px) {
    .ba-counter__number {
      font-size: 45px; } }
  .ba-counter__number .suffix {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    display: inline-block; }
.ba-counter__shape {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
@media (max-width: 1199px) {
  .ba-counter__icon-shape {
    display: none; } }

.ba-management__img {
  min-height: 650px; }
  .ba-management__img .ss {
    position: relative; }
    .ba-management__img .ss--1 {
      left: -34px; }
    .ba-management__img .ss--2 {
      left: -100px;
      top: 20px; }
    .ba-management__img .ss--3 {
      top: -315px;
      -webkit-transform: translateX(39%);
      -ms-transform: translateX(39%);
      transform: translateX(39%); }
    .ba-management__img .ss--4 {
      -webkit-transform: translate(32%, 10%);
      -ms-transform: translate(32%, 10%);
      transform: translate(32%, 10%); }
.ba-management__shape {
  position: absolute;
  left: 0;
  z-index: -1;
  top: -17%; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .ba-management__shape {
      left: -14%; } }
  @media (max-width: 1199px) {
    .ba-management__shape {
      left: -20%; } }
  @media (max-width: 991px) {
    .ba-management__shape {
      top: -2%; } }
.ba-management__info {
  border-color: rgba(217, 217, 217, 0.07); }
  .ba-management__info .content p {
    color: #6E6D79; }
.ba-management__content {
  padding-left: 50px; }
  @media (max-width: 991px) {
    .ba-management__content {
      padding-left: 0;
      margin-top: 50px; } }

.brand-marquee__heading--3::before {
  background: rgba(255, 255, 255, 0.09); }
.brand-marquee__heading--3 h3 {
  background-color: #07020F; }
.brand-marquee__item--3 {
  background: #0B0210;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0px 24px 16px rgba(16, 23, 54, 0.03);
  border-radius: 10px; }

.ba-testimonial__item {
  padding: 50px 40px;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 630px;
  float: left;
  margin-right: 30px; }
  @media (max-width: 767px) {
    .ba-testimonial__item {
      width: 400px; } }
.ba-testimonial__author .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%; }
.ba-testimonial__author .content {
  width: calc(100% - 75px);
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px); }
  .ba-testimonial__author .content h4 {
    font-size: 18px; color: var(--color-white); }
  .ba-testimonial__author .content span {
    font-weight: 600;
    font-size: 12px;
    color: #525A75;
    text-transform: uppercase;
    letter-spacing: 1px; }
.ba-testimonial__content {
  font-size: 18px;
  line-height: 32px; }
.ba-testimonial__marquee {
  height: 320px; }
  @media (max-width: 767px) {
    .ba-testimonial__marquee {
      height: 420px; } }

.accordion_box__black .block {
  background: transparent; }
  .accordion_box__black .block .acc_btn {
    color: var(--color-white);
    border-bottom: 1px solid rgba(217, 217, 217, 0.15); }
    .accordion_box__black .block .acc_btn::before {
      color: var(--color-white); }
  .accordion_box__black .block .acc_content {
    color: rgba(255, 255, 255, 0.5); }
  .accordion_box__black .block.active_block .acc_btn::before {
    color: var(--color-white); }

.ba-faq__img {
  padding-right: 80px;
  margin-left: -80px; }
  @media (max-width: 1199px) {
    .ba-faq__img {
      padding-right: 20px;
      margin-left: 0; } }
.ba-faq__overlay {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: -1; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .ba-faq__overlay {
      left: -14%; } }
  @media (max-width: 1199px) {
    .ba-faq__overlay {
      top: 17%;
      left: -24%; } }

@media (max-width: 767px) {
  .ba-marquee {
    padding: 100px 0; } }
.ba-marquee__text {
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.2); }

.ba-cta__content h3 {
  font-size: 42px;
  text-transform: capitalize;
  margin-bottom: 15px; }
  .ba-cta__content h3 span {
    color: #F20F4D; }
.ba-cta__content p {
  color: var(--color-white); }
.ba-cta__shape {
  position: absolute;
  right: 27%; }
  @media (max-width: 1199px) {
    .ba-cta__shape {
      display: none; } }

.download-app__s--2 a {
  max-width: 138px; }

.footer {
  z-index: 2; }
  .footer--ba {
    margin-left: 80px;
    margin-right: 80px;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .footer--ba {
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0; } }
    @media (max-width: 1199px) {
      .footer--ba {
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0; } }
    .footer--ba .footer__widget h3 {
      color: var(--color-white); }
    .footer--ba .footer__widget p {
      color: var(--color-white);
      opacity: .8; }
    .footer--ba .footer__widget ul li a {
      color: var(--color-white);
      opacity: .8; }
      .footer--ba .footer__widget ul li a:hover {
        color: var(--color-white);
        opacity: 1; }
    .footer--ba .footer__apps-icon a {
      background: transparent;
      width: auto;
      height: auto;
      color: var(--color-white);
      opacity: .5;
      font-size: 20px; }
      .footer--ba .footer__apps-icon a:not(:last-child) {
        margin-right: 40px; }
      .footer--ba .footer__apps-icon a:hover {
        background-color: transparent;
        color: var(--color-ba); }
    .footer--ba .footer__newsletter input {
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0px 13px 22px rgba(6, 34, 51, 0.06);
      background-color: transparent;
      color: var(--color-white); }
    .footer--ba .footer__newsletter button {
      background-image: url(../img/shape/btn_bg.svg);
      background-repeat: no-repeat;
      background-size: cover; }
    .footer--ba .footer__copyright, .footer--ba .footer__link a {
      color: var(--color-white); }
      .footer--ba .footer__copyright:hover, .footer--ba .footer__link a:hover {
        color: var(--color-white); }
    .footer--ba .footer__copyright a {
      color: var(--color-ba); }
  .footer__overlay-shape img {
    position: absolute;
    z-index: -1; }
    .footer__overlay-shape img:nth-child(1) {
      left: 0;
      top: 0; }
    .footer__overlay-shape img:nth-child(2) {
      right: 0;
      bottom: 0; }
      footer.footer.banking_footer {
        background: #07020F;
    }
/*----------------------------------------*/
/*  app landing css start
/*----------------------------------------*/
.demo_app_landing {
  font-family: var(--font-arimo);
  color: #717171; }
  .demo_app_landing h1, .demo_app_landing h2, .demo_app_landing h3, .demo_app_landing h4, .demo_app_landing h5, .demo_app_landing h6 {
    font-family: var(--font-sfpro);
    font-weight: 500;
    color: #121933;
    line-height: 1.2; }

.tx-heading--al .subtitle {
  color: var(--color-al);
  text-transform: uppercase;
  background: transparent;
  font-size: 15px;
  font-weight: 600;
  padding: 0;
  margin-bottom: 10px; }
  .tx-heading--al .subtitle img {
    margin-right: 6px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }
.tx-heading--al .tx-item--title {
  font-size: 46px;
  font-weight: 700; }
  @media (max-width: 1199px) {
    .tx-heading--al .tx-item--title {
      font-size: 36px; } }
  .tx-heading--al .tx-item--title span {
    line-height: 1.1; }
  .tx-heading--al .tx-item--title .highlight {
    padding-left: 10px;
    padding-right: 10px;
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.9) 6.88%, rgba(188, 42, 141, 0.9) 52.57%, rgba(251, 0, 241, 0.9) 69.82%, rgba(255, 0, 107, 0.9) 87.36%, rgba(255, 24, 135, 0.9) 93.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; }
    .tx-heading--al .tx-item--title .highlight::before {
      background: linear-gradient(93.8deg, rgba(190, 69, 247, 0.2) 46.89%, rgba(209, 32, 96, 0) 125.37%);
      height: 100%;
      bottom: 0; }
      .tx-heading--al .tx-item--title .highlight.animated::before {
        width: 100%;
      }
    .tx-heading--al .tx-item--title .highlight.bg-none::before {
      display: none; }
  .tx-heading--al .tx-item--title.fs-36 {
    font-size: 36px; }
    @media (max-width: 767px) {
      .tx-heading--al .tx-item--title.fs-36 {
        font-size: 30px; } }
.tx-heading--al--white .subtitle {
  color: var(--color-white);
  background: linear-gradient(93.8deg, rgba(190, 69, 247, 0.2) 46.89%, rgba(209, 32, 96, 0) 125.37%);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  padding: 0 25px;
  margin-bottom: 12px; }
.tx-heading--al--white .tx-item--title span {
  color: var(--color-white); }
.tx-heading--al--white .tx-item--title .highlight::before {
  background: transparent; }

.mxw_1470 {
  max-width: 1470px; }

.thm-btn--al {
  background: linear-gradient(97.81deg, #FEBD8F -3.43%, #EB63D3 49.6%, #8A87F9 94.42%); }

/*----------------------------------------*/
/*  app landing hero
/*----------------------------------------*/
.hero__app-landing {
  padding-top: 130px;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1; }
.hero__app-landing-bg {
  position: absolute;
  width: 100%;
  min-height: 983px;
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover; }
.hero__app-landing-content .tx-heading .subtitle {
  color: #05B9A3; }
.hero__app-landing-content .tx-heading .tx-item--title {
  font-size: 50px;
  line-height: 1; }
  @media (max-width: 991px) {
    .hero__app-landing-content .tx-heading .tx-item--title {
      font-size: 42px; } }
  @media (max-width: 767px) {
    .hero__app-landing-content .tx-heading .tx-item--title {
      font-size: 35px;
      line-height: 1.2; } }
.hero__app-landing-app {
  margin: -16px;
  margin-top: 40px; }
  .hero__app-landing-app a {
    margin: 16px; }
.hero__app-landing-info {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 40px 65px;
  z-index: 1;
  -webkit-transform: rotate(-26deg);
  -ms-transform: rotate(-26deg);
  transform: rotate(-26deg); }
  @media (max-width: 991px) {
    .hero__app-landing-info {
      display: none; } }
  .hero__app-landing-info img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1; }
  .hero__app-landing-info h3 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0; }
  .hero__app-landing-info span {
    color: var(--color-black); }

.app-landing__slider {
  max-width: 400px;
  margin: auto; }
  @media (max-width: 1199px) {
    .app-landing__slider {
      max-width: 300px; } }
  @media (max-width: 991px) {
    .app-landing__slider {
      max-width: 270px; } }
  .app-landing__slider .slick-arrow {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0px 4px 9px rgba(125, 36, 148, 0.06);
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: -380px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--color-black);
    font-size: 18px;
    z-index: 1; }
    @media (max-width: 1199px) {
      .app-landing__slider .slick-arrow {
        left: -300px; } }
    @media (max-width: 991px) {
      .app-landing__slider .slick-arrow {
        left: -215px; } }
    @media (max-width: 767px) {
      .app-landing__slider .slick-arrow {
        left: -15px; } }
    .app-landing__slider .slick-arrow.slick-next {
      left: auto;
      right: -380px; }
      @media (max-width: 1199px) {
        .app-landing__slider .slick-arrow.slick-next {
          right: -300px; } }
      @media (max-width: 991px) {
        .app-landing__slider .slick-arrow.slick-next {
          right: -215px; } }
      @media (max-width: 767px) {
        .app-landing__slider .slick-arrow.slick-next {
          right: -15px; } }
.app-landing__slider-text {
  position: absolute;
  top: 50%;
  left: 48%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1; }
  .app-landing__slider-text h1 {
    font-size: 200px;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-family: var(--font-poppins);
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.6) 6.88%, rgba(188, 42, 141, 0.6) 52.57%, rgba(251, 172, 0, 0.6) 69.82%, rgba(255, 0, 107, 0.6) 87.36%, rgba(255, 24, 135, 0.6) 93.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; }
    @media (max-width: 1199px) {
      .app-landing__slider-text h1 {
        font-size: 140px; } }
    @media (max-width: 991px) {
      .app-landing__slider-text h1 {
        font-size: 120px; } }

/*----------------------------------------*/
/*  app landing about
/*----------------------------------------*/
.about__bg {
  background-color: var(--color-black); }
.about__content > span {
  font-family: var(--font-sfpro);
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-white);
  display: inline-block;
  margin-bottom: 10px; }
.about__content h3 {
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
  background: linear-gradient(90.61deg, #CE1C8D 31.47%, #5A23BB 101.66%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 10px;
  margin-bottom: 35px; }
.about__content p {
  color: #9EA1AD; }
.about__info-app-link:not(:last-child) {
  margin-bottom: 2px; }
.about__info-app-link a {
  color: var(--color-al-2);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-sfpro); }
  .about__info-app-link a span {
    color: var(--color-al); }
.about__info {
  padding-left: 57px; }
  @media (max-width: 991px) {
    .about__info {
      padding-left: 0; } }
.about__list li {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-sfpro);
  color: #9EA1AD; }
  .about__list li:not(:last-child) {
    margin-bottom: 10px; }
  .about__list li img {
    margin-right: 10px; }
.about__content-text-bg {
  position: absolute;
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
  top: -5px;
  right: 50px; }
  @media (max-width: 767px) {
    .about__content-text-bg {
      display: none; } }
  .about__content-text-bg span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #F98F2E;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--font-sfpro);
    display: inline-block; }
.about__img {
  position: absolute;
  bottom: 0;
  right: 80px; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .about__img {
      max-width: 280px;
      right: 0; } }
  @media (max-width: 1199px) {
    .about__img {
      display: none; } }
.about__wrap {
  position: relative; }
  .about__wrap::before {
    position: absolute;
    top: 55%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1px;
    height: 130%;
    background: rgba(255, 255, 255, 0.13);
    content: ""; }
    @media (max-width: 991px) {
      .about__wrap::before {
        display: none; } }

/*----------------------------------------*/
/*  app landing feature
/*----------------------------------------*/
.al-feature__list li {
  font-size: 16px;
  color: #777A86;
  font-weight: 500;
  font-family: var(--font-sfpro); }
  .al-feature__list li img {
    margin-right: 10px; }
.al-feature__btn {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-white);
  background-color: var(--color-black);
  display: inline-block;
  padding: 17px 58px;
  letter-spacing: 1px; }
  .al-feature__btn:hover {
    color: var(--color-white);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }
.al-feature__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative; }
  @media (max-width: 767px) {
    .al-feature__wrap {
      grid-template-columns: repeat(1, 1fr); } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .al-feature__wrap {
      grid-template-columns: repeat(2, 1fr); } }
  .al-feature__wrap::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed rgba(0, 0, 0, 0.25);
    content: ""; }
    @media (max-width: 767px) {
      .al-feature__wrap::before {
        display: none; } }
  .al-feature__wrap::after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    border-right: 1px dashed rgba(0, 0, 0, 0.25);
    content: ""; }
    @media (max-width: 767px) {
      .al-feature__wrap::after {
        display: none; } }
.al-feature__item {
  padding: 60px 35px;
  padding-right: 20px; }
  @media (max-width: 767px) {
    .al-feature__item {
      padding: 0; }
      .al-feature__item:not(:last-child) {
        margin-bottom: 30px; } }
  .al-feature__item h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 27px;
    color: #0D0D0D; }
  .al-feature__item:nth-child(1) {
    padding-top: 0; }
  .al-feature__item:nth-child(2) {
    padding-top: 0; }
  .al-feature__item:nth-child(3) {
    padding-bottom: 0;
    padding-top: 25px; }
  .al-feature__item:nth-child(4) {
    padding-bottom: 0;
    padding-top: 25px; }
.al-feature__item:hover .al-feature__icon {
  animation: icon-bounce 0.8s ease-out;
  -webkit-animation: icon-bounce 0.8s ease-out; }
.al-feature__shape {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1; }
  @media (max-width: 767px) {
    .al-feature__shape {
      display: none; } }

/*----------------------------------------*/
/*  app landing fact
/*----------------------------------------*/
.fact__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-left: -142px;
  margin-right: -130px; }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .fact__wrap {
      margin-left: -100px;
      margin-right: -100px; } }
  @media (max-width: 1199px) {
    .fact__wrap {
      margin-left: -100px;
      margin-right: -100px; } }
  @media (max-width: 991px) {
    .fact__wrap {
      margin: 0; } }
  @media (max-width: 767px) {
    .fact__wrap {
      justify-content: center; } }
  .fact__wrap > h1 {
    font-size: 80px;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.6) 6.88%, rgba(188, 42, 141, 0.6) 52.57%, rgba(251, 0, 241, 0.6) 69.82%, rgba(255, 0, 107, 0.6) 87.36%, rgba(255, 24, 135, 0.6) 93.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .fact__wrap > h1 {
        font-size: 50px; } }
    @media (max-width: 1199px) {
      .fact__wrap > h1 {
        font-size: 40px; } }
    @media (max-width: 991px) {
      .fact__wrap > h1 {
        font-size: 30px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .fact__wrap .shape {
      max-width: 180px; } }
  @media (max-width: 1199px) {
    .fact__wrap .shape {
      max-width: 140px; } }
  @media (max-width: 991px) {
    .fact__wrap .shape {
      display: none; } }
.fact__text-box {
  text-align: center;
  padding: 39px 41px;
  background: linear-gradient(180deg, #FFFFFF -542.22%, rgba(255, 255, 255, 0) 125.56%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 320px;
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative; }
  @media (max-width: 1199px) {
    .fact__text-box {
      width: 280px;
      height: 280px; } }
  @media (max-width: 767px) {
    .fact__text-box {
      margin-top: 30px;
      margin-bottom: 30px;
      width: 240px;
      height: 240px; } }
  .fact__text-box::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px dashed rgba(0, 0, 0, 0.24);
    content: "";
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: spin 10s infinite linear;
    -webkit-animation: spin 10s infinite linear; }
  .fact__text-box h2 {
    font-size: 70px;
    text-transform: uppercase;
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.9) 6.88%, rgba(188, 42, 141, 0.9) 52.57%, rgba(251, 0, 241, 0.9) 69.82%, rgba(255, 0, 107, 0.9) 87.36%, rgba(255, 24, 135, 0.9) 93.2%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.8;
    text-shadow: 0px 4px 123px rgba(206, 59, 200, 0.75);
    font-weight: 600;
    margin-bottom: 10px; }
    @media (max-width: 1199px) {
      .fact__text-box h2 {
        font-size: 50px; } }
.fact__text-box-number {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: var(--color-white);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.09);
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .fact__text-box-number span {
    font-size: 30px;
    font-weight: 600;
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.9) 6.88%, rgba(188, 42, 141, 0.9) 52.57%, rgba(251, 0, 241, 0.9) 69.82%, rgba(255, 0, 107, 0.9) 87.36%, rgba(255, 24, 135, 0.9) 93.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0px 4px 123px rgba(206, 59, 200, 0.75); }
.fact__text-box-text {
  text-transform: uppercase;
  color: var(--color-al);
  font-size: 14px;
  font-weight: 600; }

.al-fact {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .al-fact {
      flex-wrap: wrap; } }
  .al-fact__text {
    font-size: 80px;
    text-transform: uppercase;
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.6) 6.88%, rgba(188, 42, 141, 0.6) 52.57%, rgba(251, 0, 241, 0.6) 69.82%, rgba(255, 0, 107, 0.6) 87.36%, rgba(255, 24, 135, 0.6) 93.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
    line-height: 1.1;
    font-weight: 700; }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .al-fact__text {
        font-size: 40px; } }
    @media (max-width: 1199px) {
      .al-fact__text {
        font-size: 30px; } }
    @media (max-width: 991px) {
      .al-fact__text {
        font-size: 22px; } }
    .al-fact__text--1 {
      -webkit-transform: translateX(-138px);
      -ms-transform: translateX(-138px);
      transform: translateX(-138px); }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .al-fact__text--1 {
          -webkit-transform: translateX(-65px);
          -ms-transform: translateX(-65px);
          transform: translateX(-65px); } }
      @media (max-width: 1199px) {
        .al-fact__text--1 {
          -webkit-transform: translateX(-38px);
          -ms-transform: translateX(-38px);
          transform: translateX(-38px); } }
      @media (max-width: 767px) {
        .al-fact__text--1 {
          -webkit-transform: translateX(10px);
          -ms-transform: translateX(10px);
          transform: translateX(10px); } }
    .al-fact__text--2 {
      -webkit-transform: translateX(96px);
      -ms-transform: translateX(96px);
      transform: translateX(96px); }
      @media (max-width: 1199px) {
        .al-fact__text--2 {
          -webkit-transform: translateX(16px);
          -ms-transform: translateX(16px);
          transform: translateX(16px); } }
      @media (max-width: 767px) {
        .al-fact__text--2 {
          -webkit-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          transform: translateX(-10px); } }
  .al-fact__text-box {
    text-align: center;
    padding: 39px 41px;
    background: linear-gradient(180deg, #FFFFFF -542.22%, rgba(255, 255, 255, 0) 125.56%);
    border: 1px solid #914EFF;
    box-shadow: 0px 10px 38px rgba(23, 19, 75, 0.1);
    border-radius: 126px; }
    .al-fact__text-box h2 {
      font-size: 63px;
      text-transform: uppercase;
      background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.9) 6.88%, rgba(188, 42, 141, 0.9) 52.57%, rgba(251, 0, 241, 0.9) 69.82%, rgba(255, 0, 107, 0.9) 87.36%, rgba(255, 24, 135, 0.9) 93.2%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      opacity: 0.8;
      text-shadow: 0px 4px 123px rgba(206, 59, 200, 0.75);
      font-weight: 600; }
      @media only screen and (min-width: 1200px) and (max-width: 1500px) {
        .al-fact__text-box h2 {
          font-size: 40px; } }
      @media (max-width: 1199px) {
        .al-fact__text-box h2 {
          font-size: 30px; } }
    .al-fact__text-box span {
      font-size: 14px;
      font-weight: 600;
      color: #F53D5D;
      text-transform: uppercase; }
      @media (max-width: 1199px) {
        .al-fact__text-box span {
          font-size: 13px; } }
  @media (max-width: 1199px) {
    .al-fact__emoji {
      max-width: 100px; } }
  .al-fact__emoji--1 {
    -webkit-transform: translate(-53px, 43px);
    -ms-transform: translate(-53px, 43px);
    transform: translate(-53px, 43px); }
    @media (max-width: 1199px) {
      .al-fact__emoji--1 {
        -webkit-transform: translate(-22px, 32px);
        -ms-transform: translate(-22px, 32px);
        transform: translate(-22px, 32px); } }
    .al-fact__emoji--1 img {
      animation: zoominup 3s infinite linear;
      -webkit-animation: zoominup 3s infinite linear; }
  .al-fact__emoji--2 {
    -webkit-transform: translate(43px, 22px);
    -ms-transform: translate(43px, 22px);
    transform: translate(43px, 22px); }
    @media (max-width: 1199px) {
      .al-fact__emoji--2 {
        -webkit-transform: translate(15px, 22px);
        -ms-transform: translate(15px, 22px);
        transform: translate(15px, 22px); } }
    .al-fact__emoji--2 img {
      animation: zoominup 2s infinite linear;
      -webkit-animation: zoominup 2s infinite linear; }

/*----------------------------------------*/
/*  app landing app
/*----------------------------------------*/
.al-app__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  z-index: -1;
  background-position: bottom center;
  background-repeat: no-repeat; }
.al-app__wrap {
  z-index: 1; }
@media (max-width: 991px) {
  .al-app__frame {
    display: none; } }
.al-app__list li {
  font-size: 18px;
  color: #0C0909;
  position: relative;
  padding-left: 28px; }
  .al-app__list li:not(:last-child) {
    margin-bottom: 35px; }
  .al-app__list li::before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #AF79EA;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .al-app__list li:hover::before {
    background-color: #AF79EA; }
.al-app__content {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 50px 200px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 1199px) {
    .al-app__content {
      padding: 50px 130px; } }
  @media (max-width: 991px) {
    .al-app__content {
      position: unset;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      padding: 0; } }
  @media (max-width: 767px) {
    .al-app__content {
      flex-wrap: wrap; } }
.al-app__nav {
  border: 0; }
  .al-app__nav .nav-item {
    margin-top: 10px; }
    .al-app__nav .nav-item:not(:last-child) {
      margin-right: 20px; }
    .al-app__nav .nav-item .nav-link {
      border: 0;
      background: transparent;
      padding: 0; }
      .al-app__nav .nav-item .nav-link.active .icon {
        color: var(--color-white); }
        .al-app__nav .nav-item .nav-link.active .icon::before {
          opacity: 1; }
.al-app__item .icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #010002;
  margin: 0 auto 5px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
  position: relative; }
  .al-app__item .icon i {
    z-index: 2;
    position: relative;
    line-height: 1; }
  .al-app__item .icon::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FAAD9A 0%, #EA63D3 44.09%, #9682F4 100%);
    content: "";
    z-index: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0; }
.al-app__item span {
  color: var(--color-black); }
@media (max-width: 767px) {
  .al-app__info {
    margin-top: 30px; } }
.al-app__info h3 {
  font-size: 32px;
  font-weight: 700;
  background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.9) 6.88%, rgba(188, 42, 141, 0.9) 52.57%, rgba(251, 0, 241, 0.9) 69.82%, rgba(255, 0, 107, 0.9) 87.36%, rgba(255, 24, 135, 0.9) 93.2%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 28px; }
.al-app__info > span {
  font-size: 20px;
  color: var(--color-black); }
.al-app__button {
  background: linear-gradient(97.81deg, #FEBD8F -3.43%, #EB63D3 49.6%, #8A87F9 94.42%);
  padding: 13px 40px;
  color: var(--color-white);
  display: inline-block;
  font-size: 15px;
  font-weight: 600; }
  .al-app__button:hover {
    color: var(--color-white);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }
.al-app__icon img {
  position: absolute;
  z-index: -1; }
  .al-app__icon img:nth-child(1) {
    left: 15%;
    bottom: 12%; }
    @media (max-width: 991px) {
      .al-app__icon img:nth-child(1) {
        bottom: -14%; } }
  .al-app__icon img:nth-child(2) {
    left: 47%;
    bottom: 34px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 1199px) {
      .al-app__icon img:nth-child(2) {
        left: 43%;
        bottom: 29px;
        max-width: 265px; } }
    @media (max-width: 991px) {
      .al-app__icon img:nth-child(2) {
        display: none; } }

/*----------------------------------------*/
/*  app landing counter
/*----------------------------------------*/
.counter {
  overflow: hidden; }
  .counter .counter__title--2 {
    color: #ACACAC;
    font-weight: 400; }
  .counter__shape-right {
    position: absolute;
    bottom: -25px;
    right: 0; }

/*----------------------------------------*/
/*  app landing process
/*----------------------------------------*/
.al-process__slide-wrap {
  padding: 0 130px; }
  @media (max-width: 991px) {
    .al-process__slide-wrap {
      padding: 0 50px; } }
  @media (max-width: 767px) {
    .al-process__slide-wrap {
      padding: 0 15px; } }
.al-process__slide {
  margin: 0 -15px; }
  .al-process__slide .slick-arrow {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-shadow: 0px 4px 9px rgba(125, 36, 148, 0.06);
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: -85px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--color-black);
    font-size: 18px;
    z-index: 1; }
    @media (max-width: 991px) {
      .al-process__slide .slick-arrow {
        left: -15px; } }
    .al-process__slide .slick-arrow.slick-next {
      left: auto;
      right: -85px; }
      @media (max-width: 991px) {
        .al-process__slide .slick-arrow.slick-next {
          right: -15px; } }
.al-process__item {
  background-color: #F5F5F7;
  padding: 50px 45px 0;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  min-height: 555px;
  overflow: hidden;
  position: relative;
  margin: 0 15px; }
  .al-process__item p {
    margin-bottom: 20px; }
  .al-process__item > span {
    text-transform: uppercase;
    color: var(--color-black);
    font-size: 15px;
    font-weight: 700;
    font-family: var(--font-sfpro);
    display: inline-block;
    margin-bottom: 22px; }
  .al-process__item h3 {
    font-size: 28px;
    line-height: 43px;
    font-weight: 500; }
    .al-process__item h3 span {
      color: #F539F9; }
  .al-process__item--2 h3 {
    font-size: 22px;
    line-height: 36px; }
  .al-process__item--2 .al-process__img {
    bottom: -50px; }
  .al-process__item--3 h3 {
    font-size: 25px;
    list-style: 37px;
    margin-bottom: 12px; }
  .al-process__item--4 h3 {
    font-size: 25px;
    list-style: 37px; }
.al-process__icon img {
  display: inline-block; }
.al-process__link {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-black); }
  .al-process__link:hover {
    color: var(--color-black);
  }
  .al-process__link img {
    margin-left: 9px;
    display: inline-block; }
.al-process__img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  position: relative; }
.al-process__shape {
  position: absolute;
  top: -15px;
  left: -15px; }

/*----------------------------------------*/
/*  app landing pricing
/*----------------------------------------*/
.pricing__wrap-al {
  position: relative;
  border: 18px solid #F8F9FA;
  border-bottom: 0; }
  .pricing__wrap-al::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.12);
    content: "";
    z-index: 1; }
    @media (max-width: 767px) {
      .pricing__wrap-al::before {
        display: none; } }
.pricing__single--2 {
  width: 50%;
  padding: 48px 30px 0;
  position: relative;
  background-color: var(--color-white); }
  @media (max-width: 767px) {
    .pricing__single--2 {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; } }
  .pricing__single--2 .icon {
    font-size: 55px;
    color: #CDD1D8;
    margin-bottom: 22px; }
  .pricing__single--2 .title {
    font-size: 20px;
    font-weight: 500;
    color: #F53D5D;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .pricing__single--2 .pricing__price-right h2 {
    font-weight: 700;
    margin-bottom: 30px; }
    .pricing__single--2 .pricing__price-right h2 span {
      font-weight: 400; }
  .pricing__single--2 .pricing__down-arrow {
    bottom: 75px; }
  .pricing__single--2 .badge {
    position: absolute;
    top: 17px;
    right: 17px;
    display: inline-block;
    background-color: #74C947;
    font-size: 15px;
    padding: 9px 20px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    font-weight: 400; }
.pricing__discount-text {
  position: absolute;
  bottom: 55px;
  z-index: -1;
  left: -304px; }
  .pricing__discount-text h2 {
    font-size: 80px;
    font-weight: 700;
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.9) 6.88%, rgba(188, 42, 141, 0.9) 52.57%, rgba(251, 0, 241, 0.9) 69.82%, rgba(255, 0, 107, 0.9) 87.36%, rgba(255, 24, 135, 0.9) 93.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.5;
    text-transform: uppercase; }

.al-pricing__nav {
  position: relative;
  display: inline-block; }
  .al-pricing__nav::before {
    position: absolute;
    top: 0px;
    left: 14px;
    right: 0px;
    margin: 0 auto;
    height: 32px;
    width: 67px;
    content: "";
    border-radius: 30px;
    background-color: #23CD89; }
  .al-pricing__nav .nav-item {
    float: left;
    cursor: pointer;
    z-index: 1;
    position: relative; }
    .al-pricing__nav .nav-item:not(:last-child) .nav-link {
      padding-right: 92px; }
    .al-pricing__nav .nav-item:last-child .nav-link::before {
      display: none; }
    .al-pricing__nav .nav-item:last-child .nav-link::after {
      position: absolute;
      content: '';
      left: -49px;
      top: 2px;
      width: 34px;
      height: 28px;
      border-radius: 50px;
      display: inline-block; }
    .al-pricing__nav .nav-item .nav-link {
      padding: 0;
      background: transparent;
      color: #696871;
      -webkit-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      transition: all 300ms ease; }
      .al-pricing__nav .nav-item .nav-link::before {
        position: absolute;
        top: 2px;
        height: 28px;
        width: 28px;
        content: "";
        right: 15px;
        border-radius: 50px;
        -webkit-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        background-color: var(--color-white); }
      .al-pricing__nav .nav-item .nav-link.active {
        color: var(--color-al); }
        .al-pricing__nav .nav-item .nav-link.active::before {
          right: 49px; }
.al-pricing__link {
  font-size: 15px;
  display: inline-block;
  padding: 12px 30px;
  color: var(--color-white);
  background: linear-gradient(97.81deg, #FEBD8F -3.43%, #EB63D3 49.6%, #8A87F9 94.42%);
  margin-top: 70px;
  width: 100%; }
  .al-pricing__link:hover {
    color: var(--color-white);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px); }

/*----------------------------------------*/
/*  app landing intigration
/*----------------------------------------*/
.al-intigration__bg {
  background: linear-gradient(180deg, #F5F5F7 0%, rgba(245, 245, 247, 0) 100%); }

  @media (max-width: 767px) {
    .al-intigration__marquee {
      height: 335px; } }
.al-intigration__item {
  width: 473px;
  background-color: var(--color-white);
  padding: 50px 43px;
  position: relative;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  float: left;
  margin-right: 30px; }
  @media (max-width: 767px) {
    .al-intigration__item {
      width: 300px; } }
  .al-intigration__item h3 {
    text-transform: uppercase;
    background: linear-gradient(91.22deg, rgba(113, 47, 254, 0.9) 6.88%, rgba(188, 42, 141, 0.9) 52.57%, rgba(251, 0, 241, 0.9) 69.82%, rgba(255, 0, 107, 0.9) 87.36%, rgba(255, 24, 135, 0.9) 93.2%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px; }
  .al-intigration__item p {
    font-size: 15px;
    line-height: 29px;
    color: var(--color-black);
    margin-bottom: 15px; }
  .al-intigration__item a {
    font-size: 15px;
    color: #1173BE; }
.al-intigration__brand {
  position: absolute;
  right: 20px;
  bottom: 20px; }

/*----------------------------------------*/
/*  app landing testimonial
/*----------------------------------------*/
.al-testimonial__slide {
  margin: -50px; }
  .al-testimonial__slide .slick-arrow::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "ddd"; }
.al-testimonial__item {
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 4px 31px rgba(0, 0, 0, 0.07);
  padding: 100px;
  margin: 50px;
  position: relative; }
  .al-testimonial__item p {
    max-width: 790px;
    margin: auto;
    font-size: 22px;
    line-height: 43px; }
.al-testimonial__avatar {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 auto 40px; }

/*----------------------------------------*/
/*  app landing footer
/*----------------------------------------*/
.footer--al .footer__apps-icon a:hover {
  background-color: var(--color-al-3); }
.footer--al .footer__newsletter button {
  background: linear-gradient(97.81deg, #FEBD8F -3.43%, #EB63D3 49.6%, #8A87F9 94.42%); }
@media (max-width: 1199px) {
  .footer--al .footer__shape {
    display: none; } }
.footer--al .footer__shape img {
  position: absolute; 
  width: auto;
}
  .footer--al .footer__shape img:nth-child(1) {
    left: 0;
    bottom: 250px; }
  .footer--al .footer__shape img:nth-child(2) {
    left: 0;
    bottom: 0; }
  .footer--al .footer__shape img:nth-child(3) {
    bottom: 140px;
    right: 0; }

    /*---------------------------------------------------- */
/* Invoice CSS*/
/*----------------------------------------------------*/


.form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.relative-position {
  position: relative;
}

.pera-content p {
  margin-bottom: 0;
}

.is-headline h1,
.is-headline h2,
.is-headline h3,
.is-headline h4,
.is-headline h5,
.is-headline h6 {
  margin: 0;
  font-weight: normal;
  font-family: "Quicksand";
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-right {
  text-align: right;
}

.background_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.background_position {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.is-section-title .sub-title {
  color: #101211;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}
.is-section-title .sub-title span {
  color: #EC0D0D;
}
.is-section-title h2 {
  color: #101212;
  font-size: 26px;
  font-weight: 600;
}
.is-section-title h2 span {
  z-index: 1;
  position: relative;
  display: inline-block;
}
.is-section-title h2 span:before {
  left: 0;
  z-index: -1;
  bottom: 4px;
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  background-color: #f3a80f;
}

.is-section-title-2 h2 {
  color: #101212;
  font-size: 44px;
  font-weight: 600;
  padding-bottom: 25px;
}
.is-section-title-2 h2 span {
  z-index: 1;
  position: relative;
  display: inline-block;
}
.is-section-title-2 h2 span:before {
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 4px;
  bottom: 12px;
  position: absolute;
  background-color: #f3a80f;
}
.is-section-title-2 p {
  max-width: 580px;
}
@-webkit-keyframes VD_animation_1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes VD_animation_1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  75% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/*---------------------------------------------------- */
/*Header area*/
/*----------------------------------------------------*/
.header__invoice .container {
  max-width: 1640px;
}
.header__invoice .main-menu ul li a {
	font-family: "Nunito";
}
.header__invoice .main-menu__wrap {
  padding-left: 45px;
}
.header__invoice .main-menu ul li:not(:last-child) {
	margin-right: 65px;
}
.header__invoice .main-menu ul li .submenu li {
	margin-right: 0;
}
.header__invoice .main-menu ul > li:nth-child(5) > a,
.header__invoice .main-menu ul > li:nth-child(6) > a {
  color: #fff;
}
.header__invoice .main-menu ul li .submenu li a {
	color: #000;
}
.header__invoice .login-btn {
  /* color: #182B39; */
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Nunito";
}

.header__invoice .main-menu ul li .submenu li.current-menu-item > a, .header__invoice .main-menu ul li.current-menu-parent > a,
.header__invoice .main-menu ul li:hover > a,
.header__invoice .main-menu ul li .submenu li:hover > a {
	color: #f3a80f;
}
.header__invoice .main-menu ul li .submenu {
  border-color: #f3a80f;
}
.header__invoice .header__button a {
	margin-right: 0;
}
.header__invoice .header__button .invoice-btn {
	margin-left: 30px;
}
.header__invoice .invoice-btn {
  padding: 15px 30px;
  background-color: #fff;
  color: #000;
}
.header__invoice.sticky_header .invoice-btn {
  background-color: #182B39;
  color: #fff;
}
.header__invoice .invoice-btn:hover {
  background-color: #f3a80f;
  color: #fff;
}
.header__invoice.sticky_header .main-menu ul > li:nth-child(5) > a,
.header__invoice.sticky_header .main-menu ul > li:nth-child(6) > a {
	color: #000;
}
.header__invoice.sticky_header .login-btn {
	color: #182B39;
}



/*---------------------------------------------------- */
/*Banner area*/
/*----------------------------------------------------*/
.is-banner-section {
    z-index: 1;
    padding: 120px 0px 80px;
  }
  .is-banner-section:before {
    top: 0;
    right: 0;
    width: 46%;
    z-index: -1;
    content: "";
    height: 690px;
    position: absolute;
    background-color: #0B3948;
    background-image: url(../img/shape/dot.png);
  }
  .is-banner-section .is-banner-shape1 {
    top: 180px;
    left: 20px;
  }
  .is-banner-section .is-banner-shape3 {
    left: 0;
    bottom: 0;
  }
  .is-banner-section .is-banner-shape2 {
    right: 0;
    left: -220px;
    bottom: 250px;
    text-align: center;
    -webkit-animation: VD_animation_1 12s infinite linear alternate;
            animation: VD_animation_1 12s infinite linear alternate;
  }
  .is-banner-section .is-banner-ratting-review {
    top: -65px;
    margin-bottom: -65px;
  }
  .is-banner-section .is-banner-ratting-review li {
    color: #FFC955;
    font-size: 18px;
    margin-right: 5px;
  }
  .is-banner-section .is-banner-ratting-review span {
    color: #132047;
    font-size: 20px;
    font-weight: 600;
    margin-left: 20px;
  }
  
  .is-banner-text-content {
    padding-top: 110px;
  }
  .is-banner-text-content .banner-slug {
    color: #101211;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
  }
  .is-banner-text-content .banner-slug span {
    color: #EC0D0D;
  }
  .is-banner-text-content h1 {
    color: #101212;
    font-size: 52px;
    font-weight: 600;
    line-height: 66px;
    padding-bottom: 18px;
  }
  .is-banner-text-content h1 span {
    z-index: 1;
    position: relative;
    display: inline-block;
  }
  .is-banner-text-content h1 span:before {
    left: 0;
    bottom: 0;
    content: "";
    height: 5px;
    width: 100%;
    z-index: -1;
    bottom: 12px;
    position: absolute;
    background-color: #f3a80f;
  }
  .is-banner-text-content p {
    font-size: 18px;
    max-width: 440px;
    line-height: 32px;
    padding-bottom: 35px;
  }
  .is-banner-text-content .banner-btn-grp {
    margin-bottom: 40px;
  }
  .is-banner-text-content .banner-btn-grp .is-btn a,
  .is-banner-text-content .banner-btn-grp .is-btn-play a {
    width: 210px;
    height: 60px;
    font-weight: 500;
    margin-right: 25px;
  }
  .is-banner-text-content .banner-btn-grp .is-btn a:hover,
  .is-banner-text-content .banner-btn-grp .is-btn-play a:hover {
    color: #fff;
    background-color: #f3a80f;
  }
  .is-banner-text-content .banner-btn-grp .is-btn a {
    color: #fff;
    background-color: #0B3948;
  }
  .is-banner-text-content .banner-btn-grp .is-btn-play a {
    color: #000000;
    font-weight: 600;
    background-color: #fff;
  }
  .is-banner-text-content .free-trial-text {
    color: #161010;
  }
  .is-banner-text-content .free-trial-text i {
    margin-right: 5px;
  }
  
/*---------------------------------------------------- */
/*Sponsor area*/
/*----------------------------------------------------*/
.is-sponsor-item .inner-img {
  width: 215px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.is-sponsor-item .inner-img img {
  width: auto;
  margin: 0 auto;
}
.is-sponsor-item .inner-img:hover {
  background-color: #fff;
}
/*---------------------------------------------------- */
/*CTA area*/
/*----------------------------------------------------*/
.is-cta-section {
  padding-top: 85px;
}

.is-cta-number-text .inner-icon {
  width: 85px;
  height: 85px;
  color: #0B3948;
  font-size: 25px;
  margin-right: 15px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 15px 18px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 0px 15px 18px 0px rgba(0, 0, 0, 0.0392156863);
}
.is-cta-number-text .inner-text {
  width: 70px;
  color: #888686;
  font-size: 14px;
  font-weight: 700;
  margin-right: 30px;
}
.is-cta-number-text .cta-number {
  color: #0A3543;
  font-size: 30px;
  font-weight: 700;
  font-family: "Quicksand";
}

.is-cta-details {
  max-width: 515px;
  z-index: 10;
}
.is-cta-details a {
  display: block;
  color: #1B1A1A;
  font-size: 18px;
  font-weight: 700;
  margin-top: 30px;
}

/*---------------------------------------------------- */
/*Service Counter area*/
/*----------------------------------------------------*/
.is-service-counter-section {
  padding-top: 60px;
}

.is-service-counter-cta {
  border-radius: 5px;
}
.is-service-counter-cta .is-shape1 {
  top: 40px;
  left: 40px;
}
.is-service-counter-cta .is-shape2 {
  top: 60px;
  right: 100px;
}
.is-service-counter-cta .is-shape3 {
  right: 30px;
  bottom: 30px;
}
.is-service-counter-cta .inner-text {
  padding: 190px 45px 60px 50px;
}
.is-service-counter-cta .inner-text h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 40px;
}
.is-service-counter-cta .inner-text p {
  color: #8B8E95;
  padding-bottom: 50px;
}
.is-service-counter-cta .inner-text a {
  color: #000000;
  font-weight: 700;
  padding: 18px 35px;
  display: inline-block;
  background-color: #fff;
}
.is-service-counter-cta .inner-text a:hover {
  color: #fff;
  background-color: #f3a80f;
}

.is-counter-content {
  padding-bottom: 85px;
}

.is-counter-item {
  background-color: #fff;
  padding: 65px 20px 50px 45px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  border-bottom: 6px solid rgba(23, 17, 17, 0.1098039216);
}
.is-counter-item:hover {
  border-bottom: 6px solid #0A3543;
}
.is-counter-item .icon-bg {
  top: 30px;
  right: 35px;
}
.is-counter-item h3 {
  color: #182B39;
  font-size: 46px;
  font-weight: 600;
  padding-bottom: 10px;
}
.is-counter-item p {
  color: #182B39;
  font-size: 18px;
  font-weight: 500;
}

.is-service-item .inner-icon {
  height: 55px;
  margin-bottom: 35px;
}
.is-service-item .inner-icon img {
  width: auto;
}
.is-service-item h3 {
  color: #1B1A1A;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  margin-bottom: 25px;
  display: inline-block;
}
.is-service-item h3 a {
  color: #1B1A1A; 
}
.is-service-item h3:before {
  left: 0;
  width: 0%;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  background-color: #182B39;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.is-service-item h3:hover:before {
  width: 100%;
}
.invoice-counter-item .elementor-counter-number-prefix {
  flex-grow: unset !important;
}
.invoice-counter-item .elementor-counter .elementor-counter-title {
	text-align: left;
	line-height: 1;
	margin-top: 24px;
}
.is-service-counter-cta .elementor-widget-wrap {
	border-radius: 5px;
}
/*---------------------------------------------------- */
/*Feature area*/
/*----------------------------------------------------*/
.is-feature-section {
  z-index: 1;
  padding: 80px 0px 0px;
}
.is-feature-section:before {
  left: 0;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 150px;
  position: absolute;
  background-color: #0b3948;
  background-image: url(../img/shape/dot.png);
}

.is-feature-content {
  background-color: #fff;
  padding: 70px 100px 0px;
}

.is-feature-item-content {
  z-index: 1;
  padding-top: 60px;
}
.is-feature-item-content:before, .is-feature-item-content:after {
  right: 0;
  top: 55px;
  width: 1px;
  content: "";
  height: 80%;
  left: -85px;
  margin: 0 auto;
  position: absolute;
  background-color: rgba(27, 27, 27, 0.0784313725);
}
.is-feature-item-content:after {
  top: 47%;
  height: 1px;
  width: 100%;
  z-index: -1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.is-feature-item-content .is-wp-shape {
  top: 47%;
  right: 0;
  z-index: -1;
  left: -80px;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.is-feature-item {
  padding-bottom: 75px;
}
.is-feature-item .inner-icon {
  width: 75px;
  height: 70px;
  margin-right: 35px;
  background-color: rgba(105, 229, 221, 0.0784313725);
}
.is-feature-item .inner-icon i {
  color: #0A3543;
  font-size: 30px;
}
.is-feature-item .inner-text {
  max-width: 405px;
}
.is-feature-item .inner-text h3 {
  color: #201F1F;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 18px;
}
.is-feature-item .inner-text p {
  color: #888686;
  padding-bottom: 25px;
  font-size: 16px;
}
.is-feature-item .inner-text a {
  color: #888686;
  font-weight: 700;
}
.is-feature-item .inner-text a i {
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.is-feature-item .inner-text a:hover {
  color: #f3a80f;
}
.is-feature-item .inner-text a:hover i {
  margin-left: 5px;
}

.is-core-feature-section {
  padding: 20px 0px 80px;
}
.is-core-feature-section .side-shape1 {
  top: 0;
  left: 0;
}
.is-core-feature-section .side-shape2 {
  left: 40px;
  bottom: 30px;
}

.is-core-feature-text-area {
  padding-top: 30px;
}

.is-core-feature-wrapper {
  padding-top: 45px;
}

.is-core-feature-item {
  border-radius: 24px;
  border: 1px solid #E5E5E5;
  padding: 50px 20px 0px 30px;
}
.is-core-feature-item span {
  left: 0;
  right: 0;
  top: -10px;
  width: 65px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FF055F;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  border-radius: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
}
.is-core-feature-item .inner-item-wrap {
  padding-bottom: 45px;
}
.is-core-feature-item .inner-item-wrap .inner-icon {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  background-color: #36ABFF;
  border-top-right-radius: 10px;
}
.is-core-feature-item .inner-item-wrap .inner-icon i {
  color: #fff;
}
.is-core-feature-item .inner-item-wrap .inner-icon.color-2 {
  background-color: #B310EC;
}
.is-core-feature-item .inner-item-wrap .inner-icon.color-3 {
  background-color: #FF3257;
}
.is-core-feature-item .inner-item-wrap .inner-icon.color-4 {
  background-color: #00D36E;
}
.is-core-feature-item .inner-item-wrap .inner-text {
  max-width: 165px;
}
.is-core-feature-item .inner-item-wrap .inner-text h3 {
  color: #020202;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px;
}
.is-core-feature-item .inner-item-wrap .inner-text p {
	font-size: 13px;
	line-height: 1.5;
}
/*---------------------------------------------------- */
/*work process area*/
/*----------------------------------------------------*/
.is-work-process-section {
  z-index: 1;
  position: relative;
  padding-bottom: 50px;
  background-color: #0b3948;
}

.is-work-process-item {
  margin: 50px 0px;
}
.is-work-process-item:before {
  top: 62%;
  right: -15px;
  color: #fff;
  content: "\f054";
  font-weight: 900;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(-35deg);
          transform: translateY(-50%) rotate(-35deg);
  font-family: "Font Awesome 5 Pro";
}
.is-work-process-item:after {
  top: 55%;
  width: 50px;
  right: -35px;
  content: "";
  height: 30px;
  position: absolute;
  border-radius: 20px;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
  border: 1px solid rgba(229, 229, 229, 0.2);
}
.is-work-process-item .inner-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 100%;
  border: 1px solid #E5E5E5;
}
.is-work-process-item .inner-icon i {
  color: #fff;
  font-size: 26px;
}
.is-work-process-item .inner-text h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 28px;
}
.is-work-process-item .inner-text p {
  color: #817E7E;
  margin: 0 auto;
  max-width: 300px;
}

.is-work-process-content .col-lg-3:last-child .is-work-process-item:before, .is-work-process-content .col-lg-3:last-child .is-work-process-item:after {
  display: none;
}
.is-work-process-content .col-lg-3:nth-child(2) .is-work-process-item .inner-icon {
  border: 1px solid #FF243E;
  background-color: #FF243E;
}
.is-work-process-content .col-lg-3:nth-child(4) .is-work-process-item .inner-icon {
  border: 1px solid #FFB000;
  background-color: #FFB000;
}
/*---------------------------------------------------- */
/*Text Scroll area*/
/*----------------------------------------------------*/
.is-text-scroll-section {
  overflow: hidden;
  padding: 30px 0px 110px;
}

.is-text-scroll-item {
  font-family: "Quicksand";
}
.is-text-scroll-item {
  font-size: 80px;
  font-weight: 500;
  color: #000;
}
.is-text-scroll-item span {
  color: #D8D5D2;
}
/*---------------------------------------------------- */
/*Associate area*/
/*----------------------------------------------------*/
.is-associate-section {
  overflow: hidden;
  background-color: #fff;
  padding: 85px 0px 70px;
}

.is-associate-top-content {
  padding-bottom: 70px;
}
.is-associate-top-content .is-section-title-2 {
  max-width: 580px;
}
.is-associate-top-content .is-section-title-2 h2 {
  padding-bottom: 0;
}

.is-associate-logo-wrapper {
  z-index: 1;
}
.is-associate-logo-wrapper .associate-line {
  left: 0;
  z-index: -1;
  top: -135px;
  margin-bottom: -135px;
}

.is-associate-logo-area .is-associate-logo {
  position: absolute;
}
.is-associate-logo-area .is-associate-logo:nth-child(1) {
  left: 125px;
  bottom: 120px;
}
.is-associate-logo-area .is-associate-logo:nth-child(2) {
  left: 22%;
  top: 140px;
}
.is-associate-logo-area .is-associate-logo:nth-child(3) {
  top: 60px;
  left: 38%;
}
.is-associate-logo-area .is-associate-logo:nth-child(4) {
  left: 54%;
  top: 60px;
}
.is-associate-logo-area .is-associate-logo:nth-child(5) {
  top: 85px;
  right: 18%;
}
.is-associate-logo-area .is-associate-logo:nth-child(6) {
  right: 2%;
  top: -40px;
}
.is-associate-logo-area .is-associate-logo:nth-child(7) {
  left: 45%;
  bottom: 20%;
}
.is-associate-logo-area .is-associate-logo:nth-child(8) {
  right: 15%;
  bottom: 10%;
}

/*---------------------------------------------------- */
/*Case Study area*/
/*----------------------------------------------------*/
.is-case-study-section {
  overflow: hidden;
  padding: 100px 0px 100px;
  background-color: #0b3543;
}
.is-case-study-top-content .is-case-study-title {
  width: 100%;
  max-width: 310px;
}
.is-case-study-top-content .is-case-study-title h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  padding-bottom: 10px;
}
.is-case-study-top-content .is-case-study-title h2 span {
  z-index: 1;
  position: relative;
  display: inline-block;
}
.is-case-study-top-content .is-case-study-title h2 span:before {
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 4px;
  bottom: 8px;
  position: absolute;
  background-color: #f3a80f;
}
.is-case-study-top-content .is-case-study-title h3 {
  color: #FFB000;
  font-size: 93px;
  font-weight: 700;
}
.is-case-study-top-content .is-case-video-play a {
  color: #fff;
  font-weight: 500;
}
.is-case-study-top-content .is-case-video-play a i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 100%;
  margin-right: 25px;
  border: 1px solid #FFFFFF;
}
.is-case-study-top-content .is-case-video-play a:hover {
  color: #FFB000;
}
.is-case-study-top-content .is-case-text {
  color: #fff;
  max-width: 435px;
  line-height: 32px;
}

.is-case-study-scroll-item {
  height: 280px;
  overflow: hidden;
  margin: 10px;
  border-radius: 10px;
  display: inline-block;
}
.is-case-study-scroll-item .inner-img img {
  height: 100%;
}
.is-case-study-scroll-item .inner-text {
  left: 0;
  right: 0;
  width: 85%;
  bottom: 0px;
  opacity: 0;
  margin: 0 auto;
  padding: 10px 20px;
  background-color: #fff;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.2392156863);
          box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.2392156863);
}
.is-case-study-scroll-item .inner-text h3 {
  color: #020202;
  font-size: 16px;
  font-weight: 600;
}
.is-case-study-scroll-item .inner-text h3 a {
  color: #020202;
}
.is-case-study-scroll-item .inner-text .more-btn {
  color: #fff;
  width: 45px;
  height: 45px;
  border-radius: 23px;
  background-color: #0A3543;
  border-top-right-radius: 0;
}
.is-case-study-scroll-item:hover .inner-text {
  opacity: 1;
  bottom: 30px;
}
/*---------------------------------------------------- */
/*App Download area*/
/*----------------------------------------------------*/
.is-app-download-section {
  padding: 80px 0px 60px;
}

.is-app-store-content {
  z-index: 1;
  padding: 55px;
  background-color: #FFFFFF;
}
.is-app-store-content:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  position: absolute;
  background-color: #fff;
}
.is-app-store-content .is-app-download-shape1 {
  top: 50px;
  left: 38%;
}
.is-app-store-content .is-app-download-shape2 {
  top: 88px;
  right: 35%;
}
.is-app-store-content .is-app-download-shape3 {
  right: -100px;
  bottom: -50px;
  z-index: -2;
}
.is-app-store-content .is-section-title {
  max-width: 495px;
}
.is-app-store-content .is-section-title h2 {
  color: #000000;
  font-size: 36px;
}
.is-app-store-content .is-app-play-btn a {
  display: block;
  margin-bottom: 25px;
}
.is-app-store-content .is-app-play-btn a:last-child {
  margin-bottom: 0;
}
.is-app-store-content .is-qr-code {
  margin-left: 55px;
}
/*---------------------------------------------------- */
/*Testimonial area*/
/*----------------------------------------------------*/
.is-testimonial-section {
  padding-bottom: 75px;
}

.is-testimonial-content {
  z-index: 1;
}
.is-testimonial-content .is-testi-shape1 {
  top: 0;
  left: -15%;
  z-index: -1;
}

.is-testimonial-item {
  position: relative;
}
.is-testimonial-item:after {
  right: 0;
  bottom: 30px;
  color: #c7c7c7;
  font-size: 30px;
  content: "\f10e";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Pro";
}
.is-testimonial-item .is-testimonial-img {
  z-index: 1;
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  max-width: 395px;
}
.is-testimonial-item .is-testimonial-img .img-shape {
  top: 0px;
  left: 0px;
  z-index: -1;
}
.is-testimonial-item .is-testimonial-img .img-shape2 {
  top: 0;
  z-index: -1;
  right: -30px;
}
.is-testimonial-item .is-testimonial-text {
  width: 100%;
  max-width: 805px;
}
.is-testimonial-item .is-testimonial-text h3 {
  color: #020202;
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 20px;
}
.is-testimonial-item .is-testimonial-text h3 span {
  position: relative;
  display: inline-block;
}
.is-testimonial-item .is-testimonial-text h3 span:before {
  left: 0;
  z-index: -1;
  bottom: 4px;
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  background-color: #f3a80f;
}
.is-testimonial-item .is-testimonial-text p {
  color: #000000;
  font-size: 20px;
  line-height: 45px;
  padding-bottom: 20px;
}
.is-testimonial-item .is-testimonial-text .is-name {
  color: #445658;
  margin-right: 25px;
  position: relative;
}
.is-testimonial-item .is-testimonial-text .is-name:before {
  top: 12px;
  right: -20px;
  content: "";
  width: 13px;
  height: 1px;
  position: absolute;
  background-color: #D9D9D9;
}
.is-testimonial-item .is-testimonial-text .is-desig {
  color: #445658;
  font-size: 13px;
}

.is-testimonial-slider .owl-nav {
  left: 0;
  right: 170px;
  bottom: 70px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
}
.is-testimonial-slider .owl-nav .owl-prev,
.is-testimonial-slider .owl-nav .owl-next {
  color: #020202;
  font-size: 18px;
  margin: 0px 10px;
  display: inline-block;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
.is-testimonial-slider .owl-nav .owl-prev:hover,
.is-testimonial-slider .owl-nav .owl-next:hover {
  color: #0A3543;
}
/*---------------------------------------------------- */
/*Blog area*/
/*----------------------------------------------------*/
.is-blog-section {
  padding-bottom: 100px;
}

.is-blog-text-content {
  max-width: 350px;
}
.is-blog-text-content .is-section-title {
  padding-bottom: 30px;
}
.is-blog-text-content .is-section-title h2 {
  font-size: 42PX;
  font-weight: 700;
}
.is-blog-text-content .is-blog-description {
  margin-bottom: 20px;
}
.is-blog-text-content .is-blog-description p {
  padding-bottom: 35px;
}
.is-blog-text-content .blog-more-btn a {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 20px 45px;
  display: inline-block;
  background-color: #0A3543;
}
.is-blog-text-content .blog-more-btn a:hover {
  background-color: #FFB000;
}

.is-blog-post-item {
  padding: 40px;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
  -webkit-box-shadow: 0px 14px 16px 0px rgba(224, 224, 224, 0.2509803922);
          box-shadow: 0px 14px 16px 0px rgba(224, 224, 224, 0.2509803922);
}
.is-blog-post-item .is-blog-img-meta {
  width: 120px;
  margin-right: 40px;
}
.is-blog-post-item .is-blog-img-meta .blog-img {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 100%;
  margin-bottom: 30px;
  border: 5px solid #fff;
}
.is-blog-post-item .is-blog-img-meta .blog-meta span {
  display: block;
  color: #888686;
  font-size: 12px;
}
.is-blog-post-item .is-blog-img-meta .blog-meta span a {
  color: #888686;
}
.is-blog-post-item .is-blog-img-meta .blog-meta .name a {
  color: #FFB000;
}
.is-blog-post-item .is-blog-text-title {
  width: 100%;
  max-width: 430px;
}
.is-blog-post-item .is-blog-text-title h3 {
  color: #1B1A1A;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.6;
  padding-bottom: 18px;
}
.is-blog-post-item .is-blog-text-title h3 a {
  color: #1B1A1A;
}
.is-blog-post-item .is-blog-text-title p {
  color: #888686;
  font-size: 15px;
}
.is-blog-post-item .is-blog-more-btn {
  top: 65px;
  right: 50px;
  color: #888686;
  font-size: 14px;
  font-weight: 700;
}
.is-blog-post-item .is-blog-more-btn a {
  color: #888686;
}
.is-blog-post-item .is-blog-more-btn i {
  margin-left: 5px;
  -webkit-transition: 400ms all ease;
  transition: 400ms all ease;
}
.is-blog-post-item .is-blog-more-btn a:hover {
  color: #EC0D0D;
}
.is-blog-post-item .is-blog-more-btn:hover i {
  margin-left: 8px;
}
.is-blog-post-item:hover {
  background-color: #0A3543;
}
.is-blog-post-item:hover .is-blog-text-title h3 a {
  color: #fff;
}

/*---------------------------------------------------- */
/*Social area*/
/*----------------------------------------------------*/
.is-social-content {
  background-color: #fff;
}
.is-social-content .is-social-item {
  width: 16.667%;
}
.is-social-content .is-social-item a {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 1px solid #D9D9D9;
  color: #526a8b;
}
.is-social-content .is-social-item a:hover i {
  color: #0A3543;
}
.is-social-content .is-social-item i {
  color: #000000;
  margin-right: 8px;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}
/*Footer Section*/
/*---------------------------------------------------*/
.invoice_footer {
  background-color: #0A3543;
}
.invoice_footer .container {
  max-width: 1410px;
}
.invoice_footer .footer__widget h3 {
  font-size: 20px;
  font-weight: 600;
  font-family: "Quicksand";
  color: #fff;
}
.invoice_footer .footer__widget p {
	color: #B4B4B4;
	font-size: 16px;
	line-height: 30px;
}
.invoice_footer .footer__widget ul li a,
.invoice_footer .footer__copyright, 
.invoice_footer .footer__link a {
  color: #B4B4B4;
}
.invoice_footer .footer__widget ul li a:hover,
.invoice_footer .footer__copyright a:hover, 
.invoice_footer .footer__link a:hover {
  color: #FFB000;
}
.invoice_footer .footer__apps-icon a {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
  font-size: 16px;
}
.invoice_footer .footer__apps-icon a:hover {
  background-color: #FFB000;
}




/*---------------------------------------------------- */
/*Responsive area*/
/*----------------------------------------------------*/
@media screen and (max-width: 1600px) {
  .is-header-section,
.is-header-section.sticky-on {
    padding: 15px 40px;
  }

  .is-banner-section .is-banner-shape3,
.is-banner-section .is-banner-shape1 {
    display: none;
  }

  .is-associate-logo-wrapper .associate-line {
    top: -90px;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(1) {
    left: 30px;
    bottom: 30px;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(2) {
    left: 15%;
    top: 160px;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(3) {
    top: 75px;
    left: 30%;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(4) {
    left: 50%;
    top: 70px;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(7) {
    bottom: 5%;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(8) {
    right: 10%;
    bottom: 0%;
  }

  .is-core-feature-section .side-shape2,
.is-core-feature-section .side-shape1 {
    display: none;
  }
}
@media screen and (max-width: 1380px) {
  .is-associate-logo-area .is-associate-logo:nth-child(1) {
    left: 0;
    bottom: 15px;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(2) {
    top: 110px;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(3) {
    top: 40px;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(4) {
    top: 45px;
  }

  .is-associate-logo-area .is-associate-logo:nth-child(5) {
    top: 48px;
  }

  .is-body .is-side-shape {
    display: none;
  }

}
@media screen and (max-width: 1280px) {
  .is-main-navigation li {
    margin: 0px 30px;
  }

  .is-header-section, .is-header-section.sticky-on {
    padding: 15px;
  }
  .header__invoice .main-menu ul li:not(:last-child) {
    margin-right: 40px;
  }
}
@media screen and (max-width: 1100px) {
  .is-main-navigation li {
    margin: 0px 15px;
  }

  .is-header-cta-btn-group .cta-btn a {
    width: 150px;
    height: 55px;
    font-size: 14px;
  }

  .is-feature-item-content:before, .is-feature-item-content:after,
.is-feature-item-content .is-wp-shape {
    display: none;
  }

  .is-associate-logo-wrapper .associate-line {
    display: none;
  }

  .is-associate-logo-area .is-associate-logo {
    position: static;
  }

  .is-associate-logo-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .is-testimonial-item .inner-img-text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .is-testimonial-content .is-testi-shape1 {
    display: none;
  }

  .is-testimonial-item .is-testimonial-img {
    margin-bottom: 30px;
  }

  .is-testimonial-slider .owl-nav {
    position: static;
    text-align: left;
    margin-top: 30px;
  }

  .is-blog-post-item {
    padding-bottom: 60px;
  }

  .is-blog-post-item .is-blog-more-btn {
    top: auto;
    left: 40px;
    bottom: 25px;
  }

  .is-footer-content .is-footer-widget .aw-instagram-wrap li a {
    height: 70px;
    width: 70px;
  }

  .is-footer-content .is-footer-widget .aw-btn-wrap .aw-line {
    display: none;
  }

  .is-counter-item {
    padding: 65px 25px 50px 25px;
  }

  .is-service-counter-cta .is-shape2,
.is-service-counter-cta .is-shape1,
.is-service-counter-cta .is-shape3 {
    display: none;
  }
  .header__invoice .login-btn {
display: none;
  }
}
@media screen and (max-width: 991px) {
  .is-header-section .is-header-cta-btn-group .cta-btn a {
    margin-right: 40px;
  }

  .is-header-section .mobile_menu_button {
    display: block;
  }

  .is-banner-section:before {
    display: none;
  }

  .is-main-navigation-area {
    display: none;
  }

  .is-header-cta-btn-group .sign-in-btn button {
    display: none;
  }

  .is-header-cta-btn-group .cta-btn a {
    color: #fff;
    background-color: #000;
  }

  .is-banner-text-content {
    text-align: center;
  }

  .is-banner-text-content p {
    margin: 0 auto;
  }

  .is-banner-text-content .banner-btn-grp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .is-banner-img {
    margin: 30px 0px;
    text-align: center;
  }

  .is-banner-section .is-banner-ratting-review {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .is-service-counter-cta {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .is-service-counter-cta .inner-text {
    padding: 60px 45px 60px 50px;
  }

  .is-service-item {
    margin: 0 auto;
    max-width: 370px;
    margin-bottom: 30px;
  }

  .is-work-process-item:before,
.is-work-process-item:after {
    display: none;
  }

  .is-footer-content .is-footer-widget .menu-widget {
    padding-left: 0;
  }

  .is-footer-content .is-footer-widget {
    margin-bottom: 40px;
  }

  .is-footer-content .is-footer-widget .widget-title {
    padding-bottom: 15px;
  }

  .is-blog-text-content {
    max-width: 100%;
  }

  .is-blog-text-content .is-blog-description p {
    padding-bottom: 15px;
  }

  .is-cta-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .is-cta-details {
    margin-top: 30px;
  }

  .is-case-study-top-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .is-core-feature-img {
    text-align: center;
  }

  .is-app-store-content .is-app-download-shape1,
.is-app-store-content .is-app-download-shape2 {
    display: none;
  }

  .is-blog-text-content {
    margin-bottom: 40px;
  }

  .is-app-store-content .is-qr-code {
    margin-left: 15px;
  }
  .header__invoice .login-btn {
    color: #182B39;
  }
}
@media screen and (max-width: 767px) {
  .is-associate-top-content,
.is-app-store-content,
.is-social-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .is-app-store-content .is-section-title {
    padding-bottom: 30px;
  }

  .is-social-content .is-social-item {
    width: 33.33%;
  }

  .is-newslatter-content-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .is-newslatter-form {
    margin-top: 40px;
  }
  .header__invoice .login-btn,
  .header__invoice .invoice-btn {
    display: none;
  }
}
@media screen and (max-width: 680px) {

  

  .is-footer-copyright {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .is-footer-copyright-text {
    padding-bottom: 30px;
  }

  .is-footer-content {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .is-banner-text-content h1 {
    font-size: 40px;
    line-height: 1.2;
  }

  .is-banner-text-content h1 span:before {
    bottom: 8px;
  }

  .is-banner-text-content .banner-btn-grp .is-btn-play a {
    margin-right: 0;
  }

  .is-banner-text-content .banner-btn-grp .is-btn a,
.is-banner-text-content .banner-btn-grp .is-btn-play a {
    height: 50px;
    width: 165px;
  }

  .is-banner-section .is-banner-ratting-review {
    top: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }

  .is-sponsor-item .inner-img {
    margin: 0 auto;
  }

  .is-cta-number-text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .is-cta-number-text .cta-number {
    font-size: 26px;
    padding-top: 15px;
  }

  .is-cta-details {
    margin-top: 20px;
  }

  .is-counter-item {
    margin-bottom: 30px;
  }

  .is-banner-section {
    padding: 80px 0px 60px;
  }

  .is-cta-section {
    padding-top: 60px;
  }

  .is-counter-content {
    padding-bottom: 60px;
  }

  .is-service-item h3 {
    margin-bottom: 20px;
  }

  .is-feature-section {
    padding-top: 60px;
  }

  .is-feature-content {
    padding: 60px 15px 0px;
  }

  .is-text-scroll-section {
    padding-bottom: 30px;
  }

  .is-text-scroll-item {
    font-size: 50px;
  }

  .is-section-title-2 h2 {
    font-size: 30px;
  }

  .is-section-title-2 h2 span:before {
    bottom: 6px;
  }

  .is-associate-section {
    padding: 60px 0px;
  }

  .is-case-study-top-content .is-case-study-title h3 {
    font-size: 60px;
  }

  .is-case-study-section {
    padding: 60px 0px;
  }

  .is-app-store-content {
    padding: 40px 30px;
  }

  .is-blog-post-item .is-blog-text-title h3 {
    font-size: 18px;
  }

  .is-blog-post-item .is-blog-img-meta {
    margin-right: 20px;
  }

  .is-newslatter-form {
    width: 100%;
  }

  .is-newslatter-content-area .is-newslatter-form input {
    width: 100%;
  }

  .is-footer-copyright-text {
    text-align: center;
  }

  .is-header-content .brand-logo {
    width: 120px;
  }

  .is-app-store-content .is-section-title h2 {
    font-size: 28px;
  }

  .is-blog-post-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .is-blog-post-item .is-blog-text-title {
    margin-top: 30px;
  }

  .is-blog-text-content .is-section-title h2,
.is-newslatter-content-area .is-newslatter-text h3 {
    font-size: 30PX;
  }

  .is-newslatter-content-area .is-newslatter-form button {
    width: 135px;
    font-size: 14px;
  }

  .is-associate-logo-area .is-associate-logo {
    width: 33.33%;
  }

  .is-footer-content .is-footer-widget .aw-instagram-wrap li a {
    margin-right: 15px;
  }
}
/*---------------------------------------------------- */
  
/*# sourceMappingURL=main.css.map */