/* ------------------------------------------------------------------
   style.css - sayfa ici <style> bloklarindan derlendi
   ------------------------------------------------------------------ */

.solutions-modal-frame::-webkit-scrollbar {
    display: none;/* Hide scrollbar for Chrome, Safari and Opera */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

/* ---------- */

.home-logos-slider {
    touch-action: pan-y;
  }

  .home-logos-slider .home-logos-swiper.swiper-wrapper {
    -webkit-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
    transform:translate3d(0px,0,0);
    transition-property: transform;
    transform-style: preserve-3d;
    box-sizing: content-box;
  } 

  .home-logos-slider .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform;
  }

/* ---------- */

.banner {
    top: auto;
    display: flex !important; 
    position: relative;
    z-index: 101 !important;
  }

  /* Banner active state */
  html:not([banner_hide='yes']) body > section:first-of-type {
    margin-top: 56px;
  }


  @media only screen and (max-width: 991px) {
    html:not([banner_hide='yes']) body > section:first-of-type {
      margin-top: 56px;
    }
  }

  @media only screen and (max-width: 767px) {
    html:not([banner_hide='yes']) body > section:first-of-type {
      margin-top: 74px;
    }
  }

  @media only screen and (max-width: 479px) {
    html:not([banner_hide='yes']) .banner-inner {
      height:98px;
    }
    html:not([banner_hide='yes']) body > section:first-of-type {
      margin-top: 98px;
    }
  }

  [banner_hide='yes'] .banner{
    display: none !Important;
  }

/* ---------- */

.navbar {
    position: relative;
  }

  .navbar-shadow {
    position: absolute;
  }

  .banner {
    top: auto;
    display: flex !important; 
    position: relative;
    z-index: 101 !important;
  }

  @media only screen and (min-width: 992px) {
    .dropdown-underlay {
      position: absolute;
    } 
  }

  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .dropdown-underlay {
      top: auto;
    }
  }

  @media only screen and (max-width: 767px) {
    .nav-menu {
      height: auto !important;
    }
  }

/* ---------- */

/* New styles*/

  body {
    overflow-x: hidden;
  }
  
  /* Body no scroll on Menu and Modal open - (the class "o.hidden" will be toggled from the global script) */
  .o-hidden {
    overflow: hidden !important;
  }

/* ---------- */

.tippy-box[data-theme~='light-border'] {
    background: #fff;
    color: #2E3538;
    border: 1px solid #DFE3E7;
    border-radius: 8px;
    box-shadow: 0 3px 0px rgba(95, 115, 137, 0.08);
    font-size: 14px;
    line-height: 1.4;
    padding: 20px;
    max-width: 400px;
}

.solutions__swiper-item.swiper-slide {
	opacity: 0 !important;
	position: absolute;
	inset: 0%;
	z-index: 0;
}

.solutions__swiper-item.swiper-slide.swiper-slide-active {
	opacity: 1 !important;
  position: relative;
	z-index: 10;
} 

.swiper-pagination-bullet {
	width: 0.5rem;
  height: 0.5rem;
  background: #111C2D;
  opacity: 0.6;
  border-radius: 1rem;
  transition: width .1s, background .1s;
  cursor: pointer;
}

.pagination__bullet-light {
	width: 0.5rem;
  height: 0.5rem;
  background: #FFF;
  opacity: 0.6;
  border-radius: 1rem;
  transition: width .1s, background .1s;
  cursor: pointer;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 2rem;
  height: 0.625rem;
  background: #111C2D;
  opacity: 1;
  border-radius: 1rem;
  align-content: center;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active .pagination__center,
.pagination__bullet-light.swiper-pagination-bullet-active .pagination__center {
	display: block;
	margin-left: 2px;

	animation: fill 2500ms linear forwards;
}

@keyframes fill {
  from { width: 0%; }
  to   { width: 85%; }
}

/* ---------- */

:root,
  :after,
  :before {
    --body--font-size: 16;
    --container--medium: 1530;
  }
  html {
    font-size: var(--body--font-size);
  }

  /* Stop scaling from 1560px and up */
  @media (min-width: 1561px) {
    html {
      font-size: calc
        (1400vw / var(--container--medium)
        );
    }
  }

/* ---------- */

/* Button sizes */
  [btn-size="xSmall"] {
    padding: var(--_button-sizes---button--xs-pad-top-bottom) var(--_button-sizes---button--xs-pad-left-right) !important;
    font-size: var(--_button-sizes---button--xs-font-size) !important;
    font-weight: var(--_button-sizes---button--xs-font-weight) !important;
    border-radius: var(--_button-sizes---button--xs-border-radius) !important;
  }

  [btn-size="small"] {
    padding: var(--_button-sizes---button--s-pad-top-bottom) var(--_button-sizes---button--s-pad-left-right) !important;
    font-size: var(--_button-sizes---button--s-font-size) !important;
    font-weight: var(--_button-sizes---button--s-font-weight) !important;
    border-radius: var(--_button-sizes---button--s-border-radius) !important;
  }

  [btn-size="medium"] {
    padding: var(--_button-sizes---button--m-pad-top-bottom) var(--_button-sizes---button--m-pad-left-right) !important;
    font-size: var(--_button-sizes---button--m-font-size) !important;
    font-weight: var(--_button-sizes---button--m-font-weight) !important;
    border-radius: var(--_button-sizes---button--m-border-radius) !important;
  }

  [btn-size="large"] {
    padding: var(--_button-sizes---button--l-pad-top-bottom) var(--_button-sizes---button--l-pad-left-right) !important;
    font-size: var(--_button-sizes---button--l-font-size) !important;
    font-weight: var(--_button-sizes---button--l-font-weight) !important;
    border-radius: var(--_button-sizes---button--l-border-radius) !important;
  }

  [btn-size="xLarge"] {
    padding: var(--_button-sizes---button--xl-pad-top-bottom) var(--_button-sizes---button--xl-pad-left-right) !important;
    font-size: var(--_button-sizes---button--xl-font-size) !important;
    font-weight: var(--_button-sizes---button--xl-font-weight) !important;
    border-radius: var(--_button-sizes---button--xl-border-radius) !important;
  }


  /* Button - Icon only */
  .button[icon-only="yes"] .btn-link {
    display: none;
  }

  .button[btn-size="xSmall"][icon-only="yes"] {
    padding: var(--_button-sizes---button--xs-pad-top-bottom) var(--_button-sizes---button--xs-pad-top-bottom) !important;
  }
  .button[btn-size="small"][icon-only="yes"] {
    padding: var(--_button-sizes---button--s-pad-top-bottom) var(--_button-sizes---button--s-pad-top-bottom) !important;
  }
  .button[btn-size="medium"][icon-only="yes"] {
    padding: var(--_button-sizes---button--m-pad-top-bottom) var(--_button-sizes---button--m-pad-top-bottom) !important;
  }  .button[btn-size="large"][icon-only="yes"] {
    padding: var(--_button-sizes---button--l-pad-top-bottom) var(--_button-sizes---button--l-pad-top-bottom) !important;
  }  .button[btn-size="xLarge"][icon-only="yes"] {
    padding: var(--_button-sizes---button--xl-pad-top-bottom) var(--_button-sizes---button--xl-pad-top-bottom) !important;
  }


  .button[btn-size="xSmall"][icon-only="yes"] .button__trailing-icon {
    width: 12px !important;
    height: 12px !important;
  }
  .button[btn-size="small"][icon-only="yes"] .button__trailing-icon {
    width: 12px !important;
    height: 12px !important;
  }
  /*.button[btn-size="medium"][icon-only="yes"] .button__trailing-icon {
    width: 20px !important;
    height: 20px !important;
  } 
  .button[btn-size="large"][icon-only="yes"] .button__trailing-icon {
    width: 16px !important;
    height: 16px !important;
  }  
  .button[btn-size="xLarge"][icon-only="yes"] .button__trailing-icon {
    width: 50px !important;
    height: 45px !important;
  }*/
  .video__btn {
    transition: transform 0.3s ease;
  }
  .video__btn:hover {
    transform: scale(1.1);
  }


  /* FA icons Sizes */
  [g-icon="xsmall"] {
    font-size: 12px !important;
  }
  
  [g-icon="small"] {
    font-size: 16px !important;
  }
  
  [g-icon="normal"] {
    font-size: 20px !important;
  }
  
   [g-icon="medium"] {
    font-size: 24px !important;
  }

  [g-icon="large"] {
    font-size: 30px !important;
  }

  [g-icon="xlarge"] {
    font-size: 40px !important;
  }
  
   /* Icons - Mobile */
  @media only screen and (max-width: 767px) {
    [fa-icon="xlarge"] {
      font-size: 24px !important;
    }

    [fa-icon="xxlarge"] {
      font-size: 30px !important;
    }
  }


  [data-wf--button--variant="link"],
  [data-wf--n_button--variant="link"] {
    padding: 0px !important;
    border-radius: 0 !important;
    border-bottom: 1px dashed transparent;
    transition: border 0.2s ease;
  }
  
  [data-wf--button--variant="link"]:hover,
  [data-wf--n_button--variant="link"]:hover {
    border-bottom: 1px dashed var(--_theme---button-link--text-hover);
  }
  
  [data-wf--button--variant="link-secondary"],
  [data-wf--n_button--variant="link-secondary"] {
    padding: 0px !important;
    border-radius: 0 !important;
    border-bottom: 1px dashed var(--_theme---button-link--border);
    color: 
  }
  
  [data-wf--button--variant="link-secondary"] .g-icon,
  [data-wf--n_button--variant="link-secondary"] .g-icon {
    color: var(--_default-colors---colors--blue--enterprise) !important;
  }
  
  [data-wf--n_button--variant="link-secondary"]:hover {
    color: var(--_default-colors---colors--blue--enterprise) !important;
    border-bottom: 1px dashed var(--_theme---button-link--text-hover);
    padding-left: 0px;
  }
  
  .article-link-wrap:hover {
    color: var(--_default-colors---colors--blue--enterprise) !important;
    border-bottom: 1px dashed var(--_theme---button-link--text-hover);
  }

/* ---------- */

.container__wrapper.outline-padding {
  padding-left: 30px;
  padding-right: 30px;
}

/* Screens above 1670px */
@media (min-width: 1671px) {
  .container__wrapper.outline-padding {
    padding-left: 50px;
    padding-right: 50px;
  }
}

/* ---------- */

:root {
    --cubic-default: ease-in-out;
    --duration-fast: 0.2s;
    --duration-default: 0.35s;
  }
  /* Container Max Width + Center alignment */
  .container-medium,
  .container-small,
  .container-large,
  .container-none {
    width: 100%;
    height: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* No bounce scroll on top or bottom of page, no horizontal scrolling + Crisper font */
  body {
    overscroll-behavior: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  * {
    text-wrap: pretty;
  }

  /* Prevents horizontal scroll, but still allows sticky elements */
  .main-wrapper {
    overflow: clip;
  }

  /* Border radius fix SAFARI (add more classes if necessary) */
  .br-0,
  .br-2,
  .br-4,
  .br-6,
  .br-8,
  .br-10,
  .br-12,
  .br-16,
  .br-20,
  .br-24,
  .br-32,
  .br-40,
  .br-pill {
    -webkit-transform: translateZ(0);
  }

  /* Balance the lines in longer descriptions */
  .text-balanced {
    text-wrap: balance;
  }

  /* Break any link on new row (Default is no wrap) */
  a {
    word-wrap: break-word;
  }

  /* Limit long paragraphs to less lines */
  .text-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .text-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .text-4lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  /* Get rid of top margin on first element in any rich text element */
  .w-richtext > :not(div):first-child,
  .w-richtext > div:first-child > :first-child {
    margin-top: 0 !important;
  }

  /* Get rid of bottom margin on last element in any rich text element */
  .w-richtext > :last-child,
  .w-richtext ol li:last-child,
  .w-richtext ul li:last-child {
    margin-bottom: 0 !important;
  }

  /*Breadcrumbs*/
  .breadcrumb__link .p-text-xs {
    transition: text-decoration 0.3s ease;
  }

  .breadcrumb__link:hover .p-text-xs {
    text-decoration: underline;
  }

  /* Hide elements if empty */
  .features-hero__benefits-item:empty,
  .feature__child-item:empty {
    display: none;
  }

  /*Hide scrollbar*/
  .tabs-menu__col-list::-webkit-scrollbar {
    display: none;
  }

  /*Hide links in Designer but show them on live site*/
  html.wf-design-mode .overlay__link {
    display: none !important;
  }

  /*News card hover*/
  @media only screen and (min-width: 992px) {
    .news-hero__col-item-featured .img-full,
    .news-hero__col-item .img-full {
      transition: transform 0.3s ease-out;
    }

    .news-hero__col-item-featured:hover .img-full,
    .news-hero__col-item:hover .img-full {
      transform: scale(1.1);
    }

    .news-list__col-item .card__item {
      transition:
        transform 0.3s ease,
        box-shadow 0.2s ease,
        border 0.2s ease;
    }

    .news-list__col-item:hover .card__item {
      border: 3px solid var(--_default-colors---colors--blue--enterprise);
      box-shadow: 0px 5px 0px 0px #558ae026;
      transform: scale(1.1);
    }
  }

  /*List counter for most popular news section*/
  .popular__col-list {
    counter-reset: number-counter; /* start the counter */
  }

  .popular__col-list .number__wrapper {
    counter-increment: number-counter;
    position: relative;
  }

  .popular__col-list .number__wrapper .p-text-m::before {
    content: counter(number-counter);
    margin-left: 4px;
  }

  @media (max-width: 1580px) and (min-width: 990px) {
    .leadership__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  /* User personas */
  /* Desktop */
  @media (min-width: 992px) {
    .nested__col-item:nth-child(even) .child-horizontal__right,
    .personas__item:nth-child(even) .child-horizontal__right {
      order: 2;
    }
  }

  /* Tablet below */
  @media (max-width: 991px) {
    .nested__col-item .child-horizontal__right,
    .personas__item .child-horizontal__right {
      order: 2 !important;
    }
  }

  /* Rich text styling */
  .rich-text__personas ul + p,
  .rich-text__personas li > p {
    padding-top: 0.625rem;
    padding-left: 1.875rem;
  }

  .rich-text__services ul + p,
  .rich-text__services li > p {
    padding-left: 1.875rem;
  }

  .rich-text__about ul + p,
  .rich-text__about li > p {
    padding-left: 1.875rem;
    font-size: var(--_typography---content--p-m-size);
    line-height: var(--_typography---content--p-m-height);
  }

  .rich-text__assistants ul + p,
  .rich-text__assistantss li > p {
    padding-left: 1.875rem;
  }

  .rich-text__framework ul + p,
  .rich-text__framework li > p {
    padding-left: 1.875rem;
    text-shadow: 0 3px 0 rgba(95, 115, 137, 0.08);
  }

  .rich-text__framework-templ ul + p,
  .rich-text__framework-templ li > p {
    padding-left: 1.875rem;
  }

  body.o-hidden {
    overflow: hidden !important;
  }

  .main-wrapper.relative {
    position: relative;
    z-index: 200;
  }

  /* Tabs wraper padding */
  @media (max-width: 1580px) {
    .tabs__navigation.padding-included > :first-child {
      margin-left: var(--_responsive---container--global-padding);
    }

    .tabs__navigation.padding-included > :last-child {
      margin-right: var(--_responsive---container--global-padding);
    }
  }

  /*Page tabs animation*/
  .tabs-nav__link .p-text-m {
    opacity: 0.7;
    transition: opacity var(--duration-default) var(--cubic-default);
  }

  .tab-progress-bar {
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s var(--cubic-default);
  }

  .tabs-nav__link.w--current .p-text-m,
  .tabs-nav__link.current .p-text-m {
    opacity: 1;
  }

  .tabs-nav__link.w--current .tab-progress-bar,
  .tabs-nav__link.current .tab-progress-bar {
    transform: scaleX(1);
  }

  .tabs-nav__link:not(.w--current) .tab-progress-bar {
    transform-origin: right; /* collapse right → left */
    transform: scaleX(0);
  }

  /*Featured resources hover border*/
  [data-resource='Webinar']:hover {
    border-color: #558ae0 !important;
    outline: 1px solid #558ae0 !important;
  }

  [data-resource='eBook']:hover {
    border-color: #edb740 !important;
    outline: 1px solid #edb740 !important;
  }

  [data-resource='Case Study']:hover {
    border-color: #2fa9a9 !important;
    outline: 1px solid #2fa9a9 !important;
  }

  [data-resource='Blog']:hover {
    border-color: #5f7389 !important;
    outline: 1px solid #5f7389 !important;
  }

  [data-resource='Video']:hover {
    border-color: #8663b5 !important;
    outline: 1px solid #8663b5 !important;
  }

  /*What is articles link wrap*/
  .articles__grid .button__icon-text-wrapper {
    justify-content: flex-start;
  }

  .articles__grid .btn-link {
    white-space: normal;
    word-break: break-word;
    max-width: 100%;
  }

  /*Hide element if child collection is empty*/
  [data-hide-if-empty-cms]:not(:has(.w-dyn-item)) {
    display: none;
  }

/* ---------- */

html.w-editor .tooltip__content {
	opacity: 1 !important;
  transform: translateY(-100%) translateX(0%) !important;
  pointer-events: auto !important;
}


html.w-editor .btn-overlay-link {
	display:none;
}

/* ---------- */

.cs-hero-pagination-dot-wrapper.cs-slide-active {
    width: 32px;
    background-color: #111C2D;
  }

  .cs-hero-pagination-dot-wrapper:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #111c2d99;
    border-radius: 3px;
    transition: width linear 4s, background-color ease .4s;
    will-change: width;
    display: block;
    flex: none;
    transform-origin: left; 
  }

  .cs-hero-pagination-dot-wrapper.cs-slide-active:before {
    background-color: #fff;
    width: 100%;
  }

  @media only screen and (min-width: 1280px) {
    .nav-container, .breadcrumbs-component .container {
      width: 100% !important;
      max-width: 1610px!important;
      padding: 0 50px!important;
    }

    .swiper-slide.w-dyn-item:nth-child(n + 5) {
      display: none;
    }
  }
  @media only screen and (max-width: 991px) {
    .breadcrumbs-component .container {
      padding: 0 50px;
    }
  }

  .cs-filter-toggle-new.w-dropdown-toggle .cs-dd-chevron {
    color: #2E3538;
  }

  .cs-filter-toggle-new.w-dropdown-toggle.w--open .cs-dd-chevron {
    color: #558AE0 !important;
  }

  @media only screen and (min-width: 992px) {
    .vc-lightbox-wrapper:hover  .lightbox-icon-l {
      background-color: #558ae0ff;
    }


    .video-center-card-l:hover .vc-thumbnail > .vc-thumbnail {
      transform: scale(1.05, 1.05);
    }

    .video-center-card-l h3 {
      transition: color .3s;
    }

    .video-center-card-l:hover h3 {
      color: #558AE0;
    }

    .video-center-card-l:hover .lightbox-icon-l,
    .event-card:hover .lightbox-icon-l {
      background-color: #558ae0ff;
    }
  }

  /*.secondary-button-light.w-inline-block.w-lightbox {
    display: none;
  }*/

/* ---------- */

@media only screen and (min-width: 992px) {
    p a:hover {
      text-decoration: none;
    }
  }

  p a {
    color: #3A86FF ;
    text-decoration: underline;
  }

  html:not([banner_hide='yes']) .vc-sticky-nav {
    top: 166px;
  }

/* ---------- */

.video__item .p-text-xl {
	transition: color 0.3s ease;
}

.video__item:hover .video-item__top {
	transform: scale(1.03);
}

.video__item:hover .video-btn {
	background: #558AE0;
}

.video__item:hover .p-text-xl {
	color: #558AE0;
}

/* ---------- */

@media only screen and (min-width: 992px) {
    #whats-new {
      background-color: #F2EAFA80 !important;
      border: 1px solid #883CD01A !important;
      transition: background-color .3s linear, border-color .3s linear;
    }

    #whats-new:hover {
      background-color: #F2EAFAFF !important;
      border: 1px solid #883CD033 !important;
    }
  }

/* ---------- */

.nav-container, .breadcrumbs-component .container {
    width: 100% !important;
    max-width: 1630px!important;
    padding: 0 var(--_responsive---container--global-padding) !important;
 }

/* ---------- */

.navbar {
    position: relative;
  }

  .navbar-shadow {
    position: absolute;
  }

  .banner {
    top: auto;
    display: flex !important; 
    position: relative;
    z-index: 101 !important;
  }

  @media only screen and (min-width: 992px) {
    .dropdown-underlay {
      position: absolute;
    } 
  }

  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .dropdown-underlay {
      top: auto;
    }
  }

  @media only screen and (max-width: 767px) {
    .nav-menu {
      height: auto !important;
    }
  }

/* ---------- */

@media only screen and (min-width: 992px) {
    .leader-card-link:hover,
    .leader-social:hover {
      background-color: #3A86FF !important;
      color: #fff !important;
    }

    .leader-social:hover .leader-linkedin,
    .leader-social:hover .paragraph-s-regular {
      color: #fff !important;
    }

    .leader-card-link:hover .paragraph-s-regular {
      color: #fff !important;
    }
    .leader-card-link .paragraph-s-regular {
      transition: color .2s;
    }
  }

/* ---------- */

/* Style for accordion content */
  .faq__content {
    height: 0px; /* Initially hide content */
    overflow: hidden;
  }

/* ---------- */

.platform__card .flex-col {
  margin-bottom: 70px;
}

.platform-card__bg-hover.is--blue { 
  background: linear-gradient(180deg, #1A2943 38.03%, #558AE0 149.7%);
}

.platform-card__bg-hover.is--teal { 
  background: linear-gradient(180deg, #0E3333 38.18%, #2FA9A9 151.82%);
}

.platform-card__bg-hover.is--purple { 
  background: linear-gradient(180deg, #281E36 38.18%, #8663B5 151.82%);
}

.platform-card__bg-hover.is--yellow { 
  background: linear-gradient(180deg, #473713 38.18%, #EDB740 151.82%);
}

.platform-card__bg-hover.is--red { 
  background: linear-gradient(180deg, #431C1C 38.18%, #E05C5C 151.82%);
}

.platform-card__bg-hover.is--green { 
  background: linear-gradient(180deg, #1C2F1D 38.18%, #5D9C5F 151.82%);
}

.platform-card__bg-hover.is--orange { 
  background: linear-gradient(180deg, #482C12 38.18%, #F0923D 151.82%);
}

.platform-card__bg-hover.is--pink { 
  background: linear-gradient(180deg, #432128 38.18%, #E06F84 151.82%);
}
  
/*Desktop only*/
@media screen and (min-width: 992px) {
  .platform__card {
    transition: transform 0.35s ease,
                color 0.2s ease;
  }

  .platform-card__bg-hover {
    top: 2.5rem;
    left: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;

    transition:
      top .35s ease-in-out,
      left .35s ease-in-out,
      width .35s ease-in-out,
      height .35s ease-in-out;
  }
  
  .icon__wrapper {
   transition: transform .35s ease-in-out,
               background .35s ease-in-out;
  }

  .platform__card .flex-col {
    transition: transform .35s ease-in-out;
  }

  .platform-card__bottom {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--duration-default) var(--cubic-default);
  }


  .platform__card:hover {
    color: white;
    transform: scale(1.05);
  }

  .platform__card:hover .platform-card__bg-hover {
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
  }

  .platform__card:hover .icon__wrapper {
    background: transparent;
    transform: translate(-0.75rem, -0.75rem);
    background: transparent !important;
  }

  .platform__card:hover .flex-col {
    transform: translate(0rem, -1rem);
  }

  .platform__card:hover .platform-card__bottom {
    grid-template-rows: 1fr;
  }
}

.swiper-slide.w-dyn-item:nth-child(n + 5) {
 display: block;
    }

/* ---------- */

@media screen and (min-width: 992px) {
/*Benefits cards*/
  .benefits__child .benefits__text-hover {
    height: 0rem;
    transition: height var(--duration-default) var(--cubic-default),
                opacity var(--duration-default) var(--cubic-default); 
  }

  .benefits__child .icon__wrapper {
    transform: scale(1);
    transition:
      transform        var(--duration-default) var(--cubic-default) 0.05s;
      background-color var(--duration-fast) var(--cubic-default);
  }


  .benefits__child .benefits__title {
    transition: height var(--duration-default) var(--cubic-default),
                padding var(--duration-fast) var(--cubic-default);
  }
  
  .benefits__bg {
  	transform: scale(0);
    transition: transform var(--duration-default) var(--cubic-default);
  }

  .benefits__child:hover .benefits__text-hover {
    height: 8rem;
    opacity: 1;
  }

  .benefits__child:hover .icon__wrapper {
    transform: scale(0.6);
  }

  .benefits__child:hover .benefits__title {
    height: 0px;
    padding-top: 0px;
  }

  .benefits__child:hover .benefits__content {
    margin-top: -10px;
  }
  
  .benefits__child:hover .benefits__bg {
    transform: scale(1);
  }
  
/*Solution cards*/
	.solution__card {
   transition: background var(--duration-default) var(--cubic-default);
  }
  
  .overlay-wrapper.is--solution-card {
    transition: all var(--duration-default) var(--cubic-default);
  }
  
  .solution-card__text {
    overflow: hidden;
  }
  
  .solution-card__text-wrap {
  	display: grid;
  	grid-template-rows: 0fr;
    transition: grid-template-rows var(--duration-default) var(--cubic-default);
  }
  
  .solution__card:hover {
  	background: var(--_default-colors---colors--blue--bg-dark);
  }

  .solution__card:hover .overlay-wrapper.is--solution-card {
    top: 0%;
  }
  
  .solution__card:hover .solution-card__text-wrap {
  	grid-template-rows: 1fr;
  } 
  
  /*Tabs internal links hover*/
  .solution__tab-link .icon__wrapper {
    opacity: 0.6; 
    transition: opacity .3s ease;
  }

  .solution__tab-link:hover .icon__wrapper {
    opacity: 1;
  }
}

@media screen and (max-width: 991px) {
  /* Marquee Animation  */
  @keyframes translateX { 
    to {
      transform: translateX(-100%);
    }
  }

  [data-css-marquee-list] {
    animation: translateX 30s linear; /* Tweak this number in seconds */
    animation-iteration-count: infinite;
  }
}

/*Active tabs bg*/
.roi__tab-link.w--current .roi__tab-bg {
	opacity: 1 !important;
}

/*Tabs scrollbar css*/
/*width*/
.solution__tab-list::-webkit-scrollbar {
  width:8px;
}

/*track*/
.solution__tab-list::-webkit-scrollbar-track {
  background:rgba(255, 255, 255, 0);
}

/*thumb*/
.solution__tab-list::-webkit-scrollbar-thumb {
  background:rgba(155, 156, 158, 0.4);
  border-width:5px;
  border-style:none;
  border-radius:5px;
}

/* ---------- */

@media (min-width: 992px) {
  .assistants__swiper-item.swiper-slide {
    transform: scale(0.8) !important;
    transition: transform 0.45s ease-in-out;
  }

  .assistants__swiper-item.swiper-slide.swiper-slide-active {
    transform: scale(1) !important;
  }
}

/* ---------- */

/*Video tabs*/
.video-tab__link .p-text-m {
  opacity: 0.7;
  transition: opacity var(--duration-default) var(--cubic-default);
}

.tab-progress-bar {
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .5s var(--cubic-default);
}

.video-tab__link.w--current .p-text-m {
	opacity: 1;
}

.video-tab__link.w--current .tab-progress-bar {
	transform: scaleX(1);
}

.video-tab__link:not(.w--current) .tab-progress-bar {
  transform-origin: right; /* collapse right → left */
  transform: scaleX(0);
}

/* ---------- */

.footer-link-new.w--current:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #558AE0;
    position: absolute;
    left: -12px;
    border-radius: 50%;
    top: 6px;
  }

/* ---------- */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
  }


  * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  }
  /* Navbar Headings Hover Colors (to match the icons/BG colors) */
  .dropdown-link:hover .turns-blue,
  .dropdown-product-overview:hover .turns-blue,
  .dropdown-resource-link:hover .turns-blue,
  .dropdown-plan-link:hover .turns-blue,
  .integration-card.centered-icon:hover .turns-blue {
    color: #3A86FF;
  }
  .dropdown-link:hover .turns-light-blue,
  .dropdown-product-overview:hover .turns-light-blue,
  .dropdown-resource-link:hover .turns-light-blue,
  .dropdown-plan-link:hover .turns-light-blue,
  .integration-card.centered-icon:hover .turns-light-blue {
    color: #4ECCFD;
  }
  .dropdown-link:hover .turns-green,
  .dropdown-product-overview:hover .turns-green,
  .dropdown-resource-link:hover .turns-green,
  .dropdown-plan-link:hover .turns-green,
  .integration-card.centered-icon:hover .turns-green{
    color: #3EAC40;
  }
  .dropdown-link:hover .turns-purple,
  .dropdown-plan-link:hover .turns-purple,
  .dropdown-product-overview:hover .turns-purple,
  .dropdown-resource-link:hover .turns-purple,
  .integration-card.centered-icon:hover .turns-purple {
    color: #883CD0;
  }
  .dropdown-link:hover .turns-teal,
  .dropdown-product-overview:hover .turns-teal,
  .dropdown-resource-link:hover .turns-teal,
  .integration-card.centered-icon:hover .turns-teal {
    color: #17C4C4;
  }
  .dropdown-link:hover .turns-red,
  .dropdown-plan-link:hover .turns-red,
  .dropdown-product-overview:hover .turns-red,
  .dropdown-resource-link:hover .turns-red,
  .integration-card.centered-icon:hover .turns-red {
    color: #FF5757;
  }
  .dropdown-link:hover .turns-yellow,
  .dropdown-product-overview:hover .turns-yellow,
  .dropdown-resource-link:hover .turns-yellow,
  .dropdown-plan-link:hover .turns-yellow,
  .integration-card.centered-icon:hover .turns-yellow {
    color: #FFB938;
  }
  .dropdown-link:hover .turns-orange,
  .dropdown-product-overview:hover .turns-orange,
  .dropdown-resource-link:hover .turns-orange,
  .dropdown-plan-link:hover .turns-orange,
  .integration-card.centered-icon:hover .turns-orange {
    color: #FF9210;
  }
  .integration-card.centered-icon:hover .turns-grey {
    color: #6A849B;
  }
  /* Navbar Headings Hover Colors (to match the icons/BG colors) END */
  /* Overrides Dropdown Toggle text color set by interaction*/
  .dropdown-toggle:hover {
    color: #3A86FF !important;
  }
  .integration-card.centered-icon .h5-style{
    transition: color 300ms linear;
  }
  /* Form Fields Settings */
  textarea {
    resize: none !important;
  }
  select.input-select-field {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
  }
  .dropdown-scroll::-webkit-scrollbar {
    width:8px;
    height:200px;
    z-index: 5;
  }
  .dropdown-scroll::-webkit-scrollbar-thumb {
    background:rgba(155, 156, 158, 0.4);
    border-radius:5px;
  }
  .dropdown-link-item .dropdown-plan-paragraph {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
  }

  @media only screen and (max-width: 767px) {
    p.dropdown-plan-paragraph {
      display: none !important;
    }
  }
  /* Safari animation issue fix */
  @media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (display:flow-root) {
      @media (min-width: 1280px) {
        * { 
          -webkit-backface-visibility: hidden !important;
          -webkit-transform-style: preserve-3d !important;
        }
        .feature-tab-list-wrapper  *,
        .section.vc-tabs * {
          -webkit-transform-style: flat !important;
        } 
      } 
    }
  }
  .footer-dropdown-links {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .footer-dropdown-links::-webkit-scrollbar {
    width: 8px;
    height: 200px;
  }
  .footer-dropdown-links::-webkit-scrollbar-thumb {
    background:rgba(155, 156, 158, 0.4);
    border-radius:5px;
  }  
  .w-lightbox-close {
    opacity: 1;
    top: 30px;
    right: 30px;
    width: 56px;
    height: 56px;
    background-image: url('images/lightbox-close.svg');
    background-size: 100%;
    transition: transform .6s ease-out;
  }
  .w-lightbox-close:hover {
    transform: rotate(360deg) !important;
    -webkit-transform: rotate(360deg) !important;
  }

  @media only screen and (min-width: 991px){

    .big-blue-outline-button {
      --clr: #3A86FF;
      --outline: 2px solid #3A86FF;
      background-color:#ffffff00;
      color: #2E3538;
      outline: var(--outline);
      border: var(--outline);
      outline-offset: -2px;
      transition: outline-width 150ms ease, outline-offset 150ms ease;
    }

    .big-blue-outline-button:hover,
    .big-blue-outline-button:focus {
      outline: var(--outline);
      outline-width: 4px;
      outline-offset: -4px;

    }
  };