@charset "UTF-8";
*{padding:0;margin:0;border:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;width:100%;margin:0;padding:0;font-size:16px;scroll-behavior:smooth}article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display:block}ol,ul{list-style:none;padding:0;margin:0}img{vertical-align:top;max-width:100%}sup{vertical-align:text-top}sub{vertical-align:text-bottom}table{border-collapse:collapse;border-spacing:0}address{font-style:normal}a{background:0 0;text-decoration:none;outline:0;border:none;color:inherit}a:active,a:focus{outline:0}a{-webkit-tap-highlight-color:transparent}:active,:focus{outline:0}body{line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,input,textarea{font-family:inherit}button,input,textarea{font-size:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1}input::placeholder,textarea::placeholder{opacity:1}input::-ms-clear{display:none}[role=button],button{background:inherit;cursor:pointer;font-size:inherit;-webkit-tap-highlight-color:transparent;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}:focus::-webkit-input-placeholder{color:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button}

@font-face {
font-family: HelveticaNeue;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/HelveticaNeue-Bold.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/HelveticaNeue-Bold.woff) format("woff");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: HelveticaNeue;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/HelveticaNeue-Medium.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/HelveticaNeue-Medium.woff) format("woff");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: HelveticaNeue;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/HelveticaNeue-Thin.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/HelveticaNeue-Thin.woff) format("woff");
font-weight: 100;
font-style: normal
}
@font-face {
font-family: SFProDisplay;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Black.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Black.woff) format("woff");
font-weight: 900;
font-style: normal
}
@font-face {
font-family: SFProDisplay;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Bold.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Bold.woff) format("woff");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: icons;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/icons.woff2?v=1776152503120) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/icons.woff?v=1776152503120) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: SFProDisplay;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Light.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Light.woff) format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: SFProDisplay;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Medium.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Medium.woff) format("woff");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: SFProDisplay;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Heavy.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Heavy.woff) format("woff");
font-weight: 800;
font-style: normal
}
@font-face {
font-family: SFProDisplay;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Regular.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Regular.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: SFProDisplay;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Semibold.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Semibold.woff) format("woff");
font-weight: 600;
font-style: normal
}
@font-face {
font-family: SFProDisplay;
font-display: swap;
src: url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Thin.woff2) format("woff2"), url(//stive.ai/wp-content/themes/themestive/assets/fonts/SFProDisplay-Thin.woff) format("woff");
font-weight: 100;
font-style: normal
}
.faq .saswp-faq-block-section .saswp-faq-question-title::before, .faq .saswp-faq-block-section ol li.active .faq__item-question::before, .faq .saswp-faq-block-section ol li.active .saswp-faq-question-title::before, .faq__item-question::before, .faq__item.active .faq__item-question::before, .form__checkbox-input:checked+.form__checkbox-content::before, .form__checkbox-input:checked+.wpcf7-list-item-label::before, [class*=" icon-"]:before, [class^=icon-]:before {
font-family: icons;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[class*=" icon-"]:before, [class^=icon-]:before {
display: block
}
.icon-next:before {
content: "\e90e"
}
.icon-prev:before {
content: "\e90f"
}
.icon-clock:before {
content: "\e90b"
}
.icon-date:before {
content: "\e90c"
}
.icon-update:before {
content: "\e90d"
}
.faq .saswp-faq-block-section .saswp-faq-question-title:before, .faq__item-question:before, .icon-add:before {
content: "\e909"
}
.faq .saswp-faq-block-section .faq__item.active .saswp-faq-question-title:before, .faq .saswp-faq-block-section ol li.active .faq__item-question:before, .faq .saswp-faq-block-section ol li.active .saswp-faq-question-title:before, .faq__item.active .faq .saswp-faq-block-section .saswp-faq-question-title:before, .faq__item.active .faq__item-question:before, .icon-minus:before {
content: "\e90a"
}
.icon-chevron-down:before {
content: "\e908"
}
.icon-plus:before {
content: "\e907"
}
.icon-arrow-top-right:before {
content: "\e906"
}
.icon-long-arrow:before {
content: "\e905"
}
.icon-arrow-right:before {
content: "\e904"
}
.form__checkbox-input:checked+.form__checkbox-content:before, .form__checkbox-input:checked+.wpcf7-list-item-label:before, .icon-check:before {
content: "\e903"
}
.icon-star:before {
content: "\e902"
}
.icon-whatsapp:before {
content: "\e901"
}
.icon-calendar:before {
content: "\e900"
}
html {
scrollbar-gutter: stable
}
* {
scroll-margin-top: 10rem
}
body {
font-family: SFProDisplay, sans-serif;
font-size: 1rem;
min-width: 320px;
min-height: 100%;
line-height: normal;
background: #fafafa;
color: #192a3f;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.wrapper {
position: relative;
width: 100%;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: clip
}
.container {
margin: 0 auto;
max-width: 100%;
padding: 0 1rem
}
.main {
position: relative;
z-index: 1;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: clip
}
.fancybox__container {
max-width: 100% !important;
padding: 0 !important
}
.fancybox__slide {
padding: 0
}
.fancybox__slide.has-ajax .f-button.is-close-button {
--f-close-button-width: 4rem;
--f-close-button-height: 4rem;
--f-button-bg: rgba(194, 194, 194, 0.40);
--f-close-button-color: #000;
top: 0;
right: 0;
opacity: .7;
--f-button-hover-bg: rgba(194, 194, 194, 0.40)
}
.fancybox__backdrop {
background: rgba(0, 0, 0, .65);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px)
}
.fancybox__content {
color: inherit;
background: 0 0;
padding: 0
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: 0
}
.f-button.is-close-button {
--f-close-button-width: 2rem;
--f-close-button-height: 2rem;
--f-close-button-svg-stroke-width: 0.3125rem;
--f-close-button-svg-width: 1.25rem;
--f-close-button-svg-height: 1.25rem;
--f-close-border-radius: 0;
--f-close-button-color: #7c8698;
--f-close-button-hover-color: #000;
top: 1.875rem;
right: 2rem
}
.f-button.is-close-button path {
stroke-linecap: square
}
.popup {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
color: #192a3f;
border-radius: 1rem;
max-width: 100%;
padding: 0;
width: 100%;
max-width: 32.3125rem;
padding: 2rem;
cursor: default
}
.popup__form {
margin-top: 2rem
}
.breadcrumbs {
position: relative;
z-index: 3;
padding: 1.375rem 0
}
.breadcrumbs__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: hidden;
white-space: nowrap;
gap: .375rem
}
.breadcrumbs__item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
gap: .375rem;
font-size: .875rem;
letter-spacing: .0175rem
}
.breadcrumbs__item:not(:last-child) {
-ms-flex-negative: 1;
flex-shrink: 1
}
.breadcrumbs__item:not(:last-child)::before {
content: "–";
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
color: #7c8698
}
.breadcrumbs__item:not(:last-child) {
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: visible;
text-overflow: clip
}
.breadcrumbs__link:is(a) {
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.breadcrumbs__current {
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
color: #7c8698
}
.pagination {
padding: .625rem 0;
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;
gap: .5rem
}
.pagination__item {
width: 4rem;
height: 4rem;
border-radius: .375rem;
font-weight: 800;
border: .0625rem solid #f2f2f2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .3s ease, color .3s ease;
transition: background-color .3s ease, color .3s ease;
color: #bebebe
}
.pagination__item.current {
color: #fff;
background: #16eedc
}
.pagination__next, .pagination__prev {
border-radius: .375rem;
border: .0625rem solid #f2f2f2;
background: #f2f2f2;
color: #192a3f;
width: 4rem;
height: 4rem;
font-size: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease
}
.pagination__next[aria-disabled=true], .pagination__prev[aria-disabled=true] {
color: #d6d6d6;
pointer-events: none
}
.title-lg, .typography-block h1 {
font-weight: 800;
line-height: 100%;
font-size: 2rem
}
.title {
font-weight: 800;
line-height: 100%;
font-size: 2rem
}
.title-sm {
font-weight: 800;
line-height: 100%;
font-size: 1.75rem
}
.title-xs, .typography-block h2, .typography-block h3, .typography-block h4, .typography-block h5, .typography-block h6 {
font-weight: 800;
line-height: 100%;
font-size: 1.75rem;
letter-spacing: -.0425rem
}
.gradient-text, .typography-block h1, .typography-block h2, .typography-block h3, .typography-block h4, .typography-block h5, .typography-block h6 {
background: linear-gradient(105deg, #272727 25.41%, #2cdacc 221.5%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-block: .125rem
}
.socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
font-size: .8125rem
}
.socials__item {
color: #19d6c7;
display: inline-block;
min-width: 1.6875rem;
text-align: center;
padding-block: .0625rem;
border-bottom: .0625rem solid rgba(25, 214, 199, .2)
}
.text-center {
text-align: center
}
.text-nowrap {
white-space: nowrap
}
.color-accent {
color: #16eedc
}
.label-badge {
display: inline-block;
color: #192a3f;
font-size: 1rem;
padding: .4375rem .9375rem;
font-weight: 500;
line-height: 100%;
border-radius: 62.4375rem;
border: .0625rem solid #eaeaea;
background: #f2f2f2;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease
}
.label-badge.label-badge--small {
font-size: .875rem
}
.label-badge.label-badge--medium {
font-size: .875rem;
padding: .8rem 1rem
}
.swiper-button-next .swiper-navigation-icon, .swiper-button-prev .swiper-navigation-icon {
display: none !important
}
.swiper-button-next, .swiper-button-prev {
-webkit-transition: background-color .3s ease 0s, color .3s ease 0s;
transition: background-color .3s ease 0s, color .3s ease 0s;
z-index: 2;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #d9d9d9;
color: #353535;
--swiper-navigation-size: 2.1875rem;
border-radius: 50%
}
.swiper-button-next.swiper-button-lock, .swiper-button-prev.swiper-button-lock {
display: none
}
.swiper-button-next.swiper-button-disabled, .swiper-button-next:disabled, .swiper-button-next[aria-disabled=true], .swiper-button-prev.swiper-button-disabled, .swiper-button-prev:disabled, .swiper-button-prev[aria-disabled=true] {
pointer-events: none;
opacity: .3
}
.person {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.person__thumb {
width: 8rem;
height: 8rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden
}
.person__info {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.person__position {
color: #7c8698;
font-size: .875rem;
line-height: 100%;
letter-spacing: .0875rem;
text-transform: uppercase;
margin-top: .4rem
}
.metrics {
display: -ms-grid;
display: grid;
gap: 1rem
}
.metrics__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
font-size: .875rem;
line-height: 100%;
letter-spacing: .0875rem;
text-transform: uppercase;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.metrics__item-label {
color: #7c8698
}
.metrics__item-value {
font-weight: 700
}
.filter-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #737f94;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600;
line-height: 100%;
border-radius: 62.4375rem;
border: .0625rem solid rgba(216, 216, 216, .5);
background: #fff;
-webkit-transition: border-color .3s ease, color .3s ease, background-color .3s ease;
transition: border-color .3s ease, color .3s ease, background-color .3s ease;
font-size: 1rem;
padding: .9375em 1.4375em
}
.filter-btn.active, .filter-btn.swiper-slide-thumb-active {
border: .0625rem solid #00e5d2;
background: #16eedc;
color: #192a3f
}
.author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.author__thumb {
border-radius: .5rem;
background: #fff;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 3rem;
height: 3rem
}
.author__name {
font-size: .875rem;
font-weight: 600;
line-height: 100%
}
.author__position {
margin-top: .5rem;
color: #7c8698;
font-size: .8125rem;
line-height: 100%
}
.stats-block {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.stats-block__item {
color: #7c8698;
font-size: .875rem;
line-height: 120%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: .5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.stats-block__item::before {
width: 1rem;
height: 1.1rem;
font-size: 1rem;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #16eedc
}
.swiper-pagination.swiper-pagination-fraction {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: static;
inset: auto;
margin: 0;
width: auto;
color: #414651;
line-height: 140%;
font-size: 1rem
}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
color: var(--swiper-pagination-fraction-color, #000);
font-weight: 700;
line-height: 140%;
margin-right: .25rem;
font-size: 2rem
}
.swiper-pagination.swiper-pagination-lock {
display: none
}
.swiper-pagination.swiper-pagination-bullets {
position: static;
margin: auto;
width: auto;
--swiper-pagination-bullet-horizontal-gap: 0.375rem
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
background: #fff;
opacity: 1;
position: relative
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1.5rem;
height: 1.5rem
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
background: #16eedc
}
.swiper-lazy-preloader {
--swiper-preloader-color: #16eedc
}
._loading {
color: transparent !important;
pointer-events: none;
-webkit-transition: none;
transition: none
}
._loading::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1.25rem;
height: 1.25rem;
border: .1875rem solid var(--btn-text-color, #000);
border-bottom-color: transparent;
border-radius: 50%;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
z-index: 3
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@keyframes rotation {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
.grecaptcha-badge {
visibility: hidden;
opacity: 0;
pointer-events: none
}
.typography-block {
font-size: 1rem;
line-height: 1.3;
color: #7c8698
}
.typography-block h2:first-child, .typography-block h3:first-child, .typography-block h4:first-child, .typography-block h5:first-child, .typography-block h6:first-child {
margin-top: 0
}
.typography-block h2, .typography-block h3, .typography-block h4, .typography-block h5, .typography-block h6 {
margin: 2.5rem 0 2rem
}
.typography-block h1 {
margin-top: 0;
margin-bottom: 2.4rem
}
.typography-block p a {
color: #1570ef
}
.typography-block p:not(:last-child) {
margin-bottom: 1.4rem
}
.typography-block ol, .typography-block ul {
margin: 0 0 1.5em
}
.typography-block ol:last-child, .typography-block ul:last-child {
margin-bottom: 0
}
.typography-block ol li, .typography-block ul li {
font-size: 1rem;
line-height: 130%
}
.typography-block ol li:not(:last-child), .typography-block ul li:not(:last-child) {
margin-bottom: 1.35rem
}
.typography-block ul li::before {
content: "";
display: inline-block;
min-width: .25rem;
width: .25rem;
height: .25rem;
margin-right: .25rem;
vertical-align: middle;
background: #16eedc;
border-radius: 50%
}
.typography-block ol {
counter-reset: i
}
.typography-block ol li::before {
counter-increment: i;
content: counter(i) ".";
color: #16eedc;
margin-right: .25rem
}
.typography-block a:not(.article__more, .btn) {
color: #1570ef
}
.typography-block blockquote, .typography-block cite {
margin: 1rem 0 2rem;
padding: 1rem;
border-radius: .5rem;
background: #fefbf6;
color: #7c8698;
display: block;
font-size: 1rem;
line-height: 130%;
position: relative
}
.typography-block blockquote::before, .typography-block cite::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: .125rem;
background: #16eedc
}
.typography-block figure {
margin: 3rem 0 2rem
}
.typography-block figure:last-child {
margin-bottom: 0
}
.typography-block figure:first-child {
margin-top: 0
}
.typography-block figure figcaption {
margin-top: 1rem;
margin-bottom: 0;
font-size: .875rem;
line-height: 142.857%
}
.typography-block .wp-block-columns {
margin: 2.1rem 0 2rem;
gap: 2rem !important
}
.typography-block .wp-block-columns .wp-block-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.typography-block .wp-block-columns .wp-block-column:last-child figcaption {
text-align: right
}
.typography-block .wp-block-columns .wp-block-column figure {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0
}
.typography-block .wp-block-columns .wp-block-column figure img {
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-o-object-fit: cover;
object-fit: cover
}
.typography-block .wp-block-image img {
width: 100% !important;
height: 100% !important;
border-radius: .5rem
}
.typography-block>img {
border-radius: 1rem;
width: 100%;
height: auto
}
::-webkit-scrollbar {
width: .5rem
}
::-webkit-scrollbar-track {
background: #fff
}
::-webkit-scrollbar-thumb {
background: #16eedc;
border-radius: .5rem
}
.hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden
}
.cover-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.form__fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem
}
.form__field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: .375rem;
position: relative
}
.form__field .wpcf7-form-control-wrap {
width: 100%;
display: block
}
.form__field .wpcf7-form-control-wrap .iti {
width: 100%
}
.form__field-label {
font-size: .875rem;
font-weight: 600;
line-height: 100%;
display: block
}
.form__control {
text-overflow: ellipsis;
-webkit-transition: border-color .3s ease 0s, color .3s ease 0s, background-color .3s ease, -webkit-box-shadow .3s ease;
transition: border-color .3s ease 0s, color .3s ease 0s, background-color .3s ease, -webkit-box-shadow .3s ease;
transition: border-color .3s ease 0s, color .3s ease 0s, box-shadow .3s ease, background-color .3s ease;
transition: border-color .3s ease 0s, color .3s ease 0s, box-shadow .3s ease, background-color .3s ease, -webkit-box-shadow .3s ease;
width: 100%;
border-radius: .5rem;
border: .0625rem solid #e8e8e8;
background: #fff;
color: #000;
font-size: 1rem;
padding: 1rem;
caret-color: #16eedc
}
.form__control.form__control--large {
font-size: 1.25rem;
min-height: 4.3125rem
}
.form__control::-webkit-input-placeholder {
opacity: 1;
color: #7c8698
}
.form__control::-moz-placeholder {
opacity: 1;
color: #7c8698
}
.form__control:-ms-input-placeholder {
opacity: 1;
color: #7c8698
}
.form__control::-ms-input-placeholder {
opacity: 1;
color: #7c8698
}
.form__control::placeholder {
opacity: 1;
color: #7c8698
}
.form__control:focus {
border-color: #16eedc;
-webkit-box-shadow: inset 0 0 0 .0625rem #16eedc;
box-shadow: inset 0 0 0 .0625rem #16eedc
}
.form__control:disabled {
background: #ddd;
border-color: #ddd
}
.form__control._error, .form__control.wpcf7-not-valid {
border-color: #ff3f3f
}
.form__control:is(textarea) {
resize: none;
height: 7.5rem;
font-size: 1rem
}
.form__submit {
position: relative;
margin-top: 2.5rem;
cursor: pointer;
width: 100%
}
.form__submit:has(input:disabled) {
pointer-events: none;
cursor: default;
opacity: .5
}
.form__submit input {
background: 0 0;
color: inherit;
cursor: pointer;
width: 100%;
font-weight: 700;
font-size: 1.125rem;
font-family: SFProDisplay
}
.form__submit .wpcf7-spinner {
display: none
}
.form__success-btn {
margin-top: 2.5rem;
width: 100%
}
.form__checkbox {
display: block
}
.form__checkbox * {
display: block
}
.form__checkbox .wpcf7-list-item {
margin-left: 0
}
.form__checkbox .form__checkbox-input._error+.wpcf7-list-item-label::before, .form__checkbox .form__checkbox-input[aria-invalid=true]+.wpcf7-list-item-label::before, .form__checkbox-input._error+.form__checkbox-content::before, .form__checkbox-input[aria-invalid=true]+.form__checkbox-content::before {
border-color: #ff3f3f
}
.form__checkbox-input._error+.wpcf7-list-item-label::before, .form__checkbox-input[aria-invalid=true]+.wpcf7-list-item-label::before {
border-color: #ff3f3f
}
.form__checkbox .wpcf7-list-item-label, .form__checkbox-content {
line-height: 1.5625;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
font-size: .75rem
}
.form__checkbox .wpcf7-list-item-label::before, .form__checkbox-content::before {
content: "";
border-radius: .25rem;
border: .0625rem solid #e8e8e8;
background: #fff;
width: 1.5625rem;
height: 1.5625rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: start;
align-self: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.form__checkbox .wpcf7-list-item-label:has(.form__checkbox-text)::before, .form__checkbox-content:has(.form__checkbox-text)::before {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.form__checkbox-text {
text-align: left;
max-width: 31rem
}
.form__checkbox-text a {
display: inline-block;
color: #16eedc;
text-decoration: underline
}
.btn {
position: relative;
z-index: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
gap: .75rem;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-weight: 700;
padding: 1rem 1.5rem;
border-radius: .5rem;
line-height: 1.1;
min-height: 4.25rem;
font-size: 1.125rem
}
.btn::before {
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.btn.btn-primary {
color: #192a3f;
background: #16eedc
}
.btn.btn-primary:hover {
background-color: #50f2e5
}
.btn.btn-primary:active {
background: #12beb0
}
.btn.btn-primary-outline {
border-color: #b1df1d;
background: rgba(34, 34, 34, .5);
color: #fff
}
.btn.btn-primary-outline:hover {
border-color: #b1df1d;
background: #b1df1d;
color: #262624
}
.btn.btn-primary-outline:active {
background: rgb(141.1785714286, 177.869047619, 23.130952381);
border-color: rgb(141.1785714286, 177.869047619, 23.130952381);
color: #262624
}
.btn.btn-secondary {
background: #192a3f;
color: #fff
}
.btn.btn-secondary:hover {
background: #203145
}
.btn.btn-secondary:active {
background: #172639
}
.btn.btn-blue {
background: #224b79;
color: #fff
}
.btn.btn-blue:hover {
background: rgb(22.8129032258, 50.3225806452, 81.1870967742)
}
.btn.btn-blue:active {
background: rgb(17.2193548387, 37.9838709677, 61.2806451613)
}
.btn.btn-tertiary {
background: rgba(255, 255, 255, .8);
color: #192a3f;
border: .09375rem solid #fff
}
.btn.btn-tertiary:hover {
background: rgba(255, 255, 255, .9)
}
.btn.btn-tertiary:active {
background: rgba(255, 255, 255, .6);
border: .09375rem solid rgba(255, 255, 255, .4)
}
.btn.btn-grey {
border: .0625rem solid #e3e3e3;
background: #eaeaea
}
.btn.btn-grey:hover {
background: rgb(208.5, 208.5, 208.5)
}
.btn.btn-grey:active {
background: rgb(195.75, 195.75, 195.75)
}
.btn:disabled, .btn[aria-disabled=true] {
cursor: default;
color: #fff;
pointer-events: none
}
.wpcf7 {
min-height: 100%
}
.wpcf7-response-output {
display: none !important
}
.wpcf7-not-valid-tip {
margin-top: .25em;
text-align: left;
color: #ff3f3f
}
.wpcf7-form:has(.wpcf7-submit[disabled]) .form__btn {
cursor: not-allowed;
opacity: .7
}
.wpcf7-form.submitting .form__btn {
pointer-events: none
}
.wpcf7-form.submitting .wpcf7-submit {
color: transparent
}
.wpcf7-form.submitting .wpcf7-spinner {
opacity: 1;
visibility: visible;
display: block;
background: 0 0;
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
margin: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.wpcf7-form.submitting .wpcf7-spinner::before {
display: none
}
.wpcf7-form.submitting .wpcf7-spinner::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 3px solid currentColor;
border-bottom-color: transparent;
border-radius: 50%;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation: rotation 1s linear infinite;
animation: rotation 1s linear infinite;
z-index: 3
}
@keyframes rotation {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
.header {
position: sticky;
top: 0;
z-index: 6;
padding: .375rem 0;
border-radius: .5rem
}
.header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: .5rem;
border: .0625rem solid #d2f5f2;
background: url(//stive.ai/wp-content/themes/themestive/assets/img/header-bg-blur-mobile.svg) 0 0/cover no-repeat, #fff
}
.header__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .5rem
}
.header__logo {
position: relative;
z-index: 6;
margin-right: auto
}
.header__languages-toggler {
border-radius: .5rem;
border: .0625rem solid rgba(25, 214, 199, .1);
background: rgba(25, 214, 199, .05);
color: #192a3f;
font-size: 1.125rem;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
min-height: 4.25rem;
padding: 1.375rem .75rem;
min-width: 12.25rem
}
.header__languages-toggler::before {
margin-left: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 1.5rem;
height: 1.5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.5rem;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}
.header__languages-toggler:hover {
background: rgba(25, 214, 199, .1)
}
.header__languages-toggler:active {
background: rgba(25, 214, 199, .15)
}
.header__languages-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 1.375rem;
flex: 0 0 1.375rem;
height: 1rem;
border-radius: .0625rem
}
.header__languages-icon img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.header__btn::before {
font-size: 1.25rem
}
.header__btn-text {
display: none
}
.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .5rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.menu__list {
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;
gap: 2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.menu__link {
color: #192a3f;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-size: 1.75rem;
font-weight: 700;
letter-spacing: -.035rem;
line-height: 1.175
}
.menu__socials.socials {
font-size: 1.25rem;
gap: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.icon-menu {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: .75rem;
color: #192a3f;
border-radius: .5rem;
border: .0625rem solid rgba(25, 214, 199, .1);
background: rgba(25, 214, 199, .05);
z-index: 11;
-webkit-transition: all .3s ease;
transition: all .3s ease;
min-width: 3rem;
height: 3rem
}
.icon-menu span {
display: block;
padding: .125rem 0;
width: 100%;
-webkit-transition: opacity .4s ease .4s, -webkit-transform .4s ease .4s;
transition: opacity .4s ease .4s, -webkit-transform .4s ease .4s;
transition: transform .4s ease .4s, opacity .4s ease .4s;
transition: transform .4s ease .4s, opacity .4s ease .4s, -webkit-transform .4s ease .4s;
will-change: transform
}
.icon-menu span::before {
content: "";
display: block;
height: .1875rem;
border-radius: .1875rem;
background: currentColor;
-webkit-transition: -webkit-transform .3s ease 0s;
transition: -webkit-transform .3s ease 0s;
transition: transform .3s ease 0s;
transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
will-change: transform
}
.header.open-menu .icon-menu span {
-webkit-transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
transition: transform .3s ease 0s, opacity .3s ease 0s;
transition: transform .3s ease 0s, opacity .3s ease 0s, -webkit-transform .3s ease 0s
}
.header.open-menu .icon-menu span::before {
-webkit-transition: width .3s ease 0s, -webkit-transform .45s ease .35s;
transition: width .3s ease 0s, -webkit-transform .45s ease .35s;
transition: transform .45s ease .35s, width .3s ease 0s;
transition: transform .45s ease .35s, width .3s ease 0s, -webkit-transform .45s ease .35s
}
.header.open-menu .icon-menu span:first-child {
-webkit-transform: translateY(.4375rem);
-ms-transform: translateY(.4375rem);
transform: translateY(.4375rem)
}
.header.open-menu .icon-menu span:first-child::before {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.header.open-menu .icon-menu span:nth-child(2) {
opacity: 0
}
.header.open-menu .icon-menu span:nth-child(3) {
-webkit-transform: translateY(-.4375rem);
-ms-transform: translateY(-.4375rem);
transform: translateY(-.4375rem);
width: 100%
}
.header.open-menu .icon-menu span:nth-child(3)::before {
-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg)
}
.footer__header {
display: -ms-grid;
display: grid;
gap: 2rem
}
.footer__header-main {
display: contents
}
.footer__logo {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
display: block;
max-width: 5.9375rem
}
.footer__desc {
color: #838383;
font-size: .8125rem;
font-weight: 300;
line-height: 1.2
}
.footer__addresses {
margin-top: .9375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .6875rem
}
.footer__addresses address {
font-size: .8125rem;
font-weight: 500
}
.footer__menu {
display: -ms-grid;
display: grid;
gap: 1rem;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.footer__menu-block:not(:last-child) {
padding-bottom: 1rem;
border-bottom: .0625rem solid rgba(0, 0, 0, .05)
}
.footer__menu-caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: .875rem;
font-weight: 500;
width: 100%
}
.footer__menu-caption.active::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.footer__menu-caption::before {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #7c8698
}
.footer__menu-list {
display: none;
margin-top: 1rem
}
.footer__menu-list li {
line-height: 100%
}
.footer__menu-list li:not(:last-child) {
margin-bottom: .75rem
}
.footer__menu-list li a {
font-size: .875rem;
font-weight: 400;
color: #7c8698;
text-decoration: none;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 1.5rem;
gap: 1rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer__copyright {
font-size: .75rem;
color: #7c8698;
-webkit-box-flex: 0;
-ms-flex: 0 0 5.8125rem;
flex: 0 0 5.8125rem
}
.footer__terms {
margin-left: auto
}
.footer__terms ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem
}
.footer__terms ul a {
font-size: .75rem;
font-weight: 400;
color: #16eedc;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.footer__socials {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border-bottom: .0625rem solid rgba(0, 0, 0, .05);
padding-bottom: 1.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.heading {
padding: .5rem 0 1rem
}
.heading.heading--blog-post {
padding: 1.75rem 0 1rem
}
.heading.heading--blog-post .heading__title {
margin-top: 2.5rem;
line-height: 120%
}
.heading.heading--blog-post .heading__image {
display: block
}
.heading.heading--blog .heading__title {
line-height: 120%
}
.heading__container {
gap: 1.5rem;
display: -ms-grid;
display: grid
}
.heading__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.heading__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .25rem
}
.heading__title:not(:first-child) {
margin-top: 2rem
}
.heading__description {
margin-top: 1rem;
color: #7c8698;
font-size: 1.125rem;
font-weight: 300;
line-height: 135%
}
.heading__actions {
margin-top: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: .5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.heading__image {
display: none;
width: 100%;
border-radius: 1rem;
overflow: hidden
}
.heading__stats {
margin-top: 1.25rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.heading__author {
margin-top: 1.25rem
}
.features {
padding: 1rem 0 2.5rem
}
.features__list {
display: -ms-grid;
display: grid;
gap: 1rem
}
.features__card {
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
padding: 2rem
}
.features__card-caption {
font-size: .875rem;
line-height: 100%;
letter-spacing: .0875rem;
text-transform: uppercase
}
.features__card-desc {
color: #7c8698;
font-size: 1rem;
line-height: 100%
}
.case-details {
padding: 2.5rem 0 1.25rem
}
.case-details__container {
display: -ms-grid;
display: grid;
gap: 2.5rem
}
.case-details__card {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
background: #fff;
padding: 1.5rem 1.875rem
}
.case-details__list {
margin-top: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem
}
.case-details__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: .875rem;
line-height: 100%;
letter-spacing: .0875rem;
text-transform: uppercase
}
.case-details__item-property {
color: #7c8698
}
.case-details__item-value {
font-weight: 500
}
.case-details__categories {
border-top: .0625rem solid #f2f2f2;
margin-top: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .5rem;
padding-top: 1.2rem
}
.case-details__description {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.goals {
padding: 1.25rem 0
}
.goals__list {
gap: .5rem;
display: -ms-grid;
display: grid
}
.goals__card {
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
padding: 2rem
}
.goals__card-num {
color: #16eedc;
font-size: .875rem;
line-height: 100%;
letter-spacing: .0875rem;
text-transform: uppercase
}
.goals__card-title {
font-size: 1.75rem;
font-weight: 800;
line-height: 100%
}
.goals__card-desc {
color: #7c8698;
font-size: 1rem;
line-height: 100%
}
.conclusion {
padding: 1.5rem 0
}
.conclusion__container.container {
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.3rem
}
.conclusion__main {
padding-left: 2rem
}
.conclusion__title {
color: #28d8ca;
font-size: .875rem;
font-weight: 500;
letter-spacing: .0875rem
}
.conclusion__qoute {
margin-top: 2.5rem;
font-weight: 500;
max-width: 27rem;
position: relative;
font-size: 1.75rem
}
.conclusion__qoute::before {
content: "“";
position: absolute;
top: -1.5rem;
right: 100%;
color: rgba(0, 0, 0, .12);
font-size: 4rem;
font-weight: 500
}
.conclusion__review {
max-width: 36.5rem
}
.results {
overflow: hidden;
padding: 1.25rem 0
}
.results__list {
margin-top: 1.25rem;
display: -ms-grid;
display: grid;
gap: .5rem
}
.results__card {
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1rem
}
.results__card.results__card--button {
background: 0 0;
border: 0;
padding: 0
}
.results__card-caption {
margin-top: 1rem;
font-size: 1.375rem;
font-weight: 800;
line-height: 100%
}
.results__card-desc {
margin-top: .5rem;
color: #7c8698;
font-size: 1rem
}
.results__card-link {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 2rem;
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
background: #16eedc;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease
}
.results__card-link:hover {
background-color: #50f2e5
}
.results__card-link:hover .results__card-image {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.results__card-link:active {
background-color: #12beb0
}
.results__card-link:active .results__card-image {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.results__card-title {
position: relative;
z-index: 2;
font-weight: 800;
line-height: 100%;
font-size: 1.5rem
}
.results__card-image {
position: absolute;
z-index: 1;
pointer-events: none;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
right: -.75rem;
width: 11.25rem
}
.contacts {
padding: 1.5rem 0
}
.contacts__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contacts__offer {
max-width: 22rem
}
.contacts__subtitle {
margin-top: 2rem;
color: #7c8698;
font-size: 1.5rem;
line-height: 110%;
letter-spacing: .03rem
}
.contacts__actions {
margin-top: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: .5rem
}
.cases-heading {
padding: 1.7rem 0 .25rem
}
.cases-heading__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.cases-heading__title {
font-size: 2.125rem;
line-height: 120%
}
.cases-heading__description {
margin-top: .875rem;
color: #7c8698;
font-size: 1.125rem;
font-weight: 300;
line-height: 120%
}
.cases-heading__logotypes {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .25rem;
opacity: .5
}
.cases-heading__logotype {
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;
height: 3.875rem
}
.cases-heading__logotype img {
-o-object-fit: contain;
object-fit: contain;
height: 1.85rem
}
.main-case {
padding: .25rem 0 1rem
}
.main-case__container {
gap: 1rem;
display: -ms-grid;
display: grid
}
.main-case__poster {
position: relative;
display: block;
border-radius: 1rem;
overflow: hidden
}
.main-case__caption {
margin-top: 1rem
}
.main-case__details {
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
background: #fff;
padding: 2rem
}
.main-case__person.person {
gap: 2rem
}
.main-case__person.person .person__position {
margin-top: .75rem
}
.main-case__description {
margin-top: 1.5rem;
color: #7c8698;
font-weight: 300;
line-height: 120%;
font-size: 1rem;
font-weight: 300;
line-height: 120%
}
.main-case__metrics {
margin-top: 1.5rem
}
.main-case__item-value {
font-weight: 700;
text-align: right
}
.main-case__footer {
margin-top: 2rem;
padding-top: 1.5rem;
border-top: .0625rem solid #f2f2f2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem
}
.main-case__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .25rem
}
.main-case__btn {
-ms-flex-negative: 0;
flex-shrink: 0
}
.main-case__btn.btn {
padding: .75rem 1rem;
font-size: 1rem;
min-height: 2.5rem;
border-radius: 62.4375rem
}
.cases {
padding: 2.25rem 0
}
.cases__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.cases__header {
display: contents
}
.cases__header .cases__title, .cases__header .why__title {
text-align: center
}
.cases__title.title, .title.why__title {
width: 100%;
text-align: center;
background: linear-gradient(92deg, #272727 41.3%, #2cdacc 73.65%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-block: .125rem
}
.cases__slider {
margin-top: 2rem;
overflow: visible;
min-width: 0;
max-width: 100%
}
.cases__slider:not(.swiper-initialized) {
margin-inline: auto
}
.cases__slider:not(.swiper-initialized) .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 2rem;
margin: 0 auto
}
.cases__slider:not(.swiper-initialized) .swiper-slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
opacity: 1
}
.cases__more {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 2rem
}
.cases__grid {
margin-top: 2rem;
display: -ms-grid;
display: grid;
gap: 1.25rem;
row-gap: 2rem
}
.cases__pagination {
margin-top: 2rem
}
.case-card.swiper-slide {
height: auto;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: .15;
cursor: pointer
}
.case-card.swiper-slide .case-card__link-wrapper {
pointer-events: none
}
.case-card.swiper-slide.swiper-slide-active {
opacity: 1
}
.case-card.swiper-slide.swiper-slide-active .case-card__link-wrapper {
pointer-events: all
}
.case-card.case-card--white {
border: .0625rem solid #f2f2f2;
background: #fff;
border-radius: 1rem;
overflow: hidden
}
.case-card.case-card--white .case-card__image {
padding-bottom: 56.3953488372%
}
.case-card.case-card--white .case-card__desc {
margin-top: .4rem;
line-height: 120%
}
.case-card__link-wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.case-card__image {
position: relative;
border-radius: 1rem;
overflow: hidden;
height: 0;
width: 100%;
display: block;
background: #f5f5f5;
padding-bottom: 47.7272727273%
}
.case-card__image img, .case-card__image source {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.case-card__details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.5rem;
margin-top: 1rem
}
.case-card__arrow {
display: none
}
.case-card__details-main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .5rem
}
.case-card__name {
font-size: 1rem;
font-weight: 700;
color: #192a3f
}
.case-card__desc {
font-size: 1rem;
line-height: 140%;
color: #7c8698
}
.case-card__metrics {
margin-top: 1.3rem
}
.hero {
padding: 0 0 .5rem
}
.hero__container {
display: -ms-grid;
display: grid;
gap: 1rem
}
.hero__left {
border-radius: 1rem;
background: url(//stive.ai/wp-content/themes/themestive/assets/img/hero-left-bg.webp) center/cover no-repeat, #16eedc;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 2rem 1rem 3rem;
text-align: center
}
.hero__tagline {
display: inline-block;
border-radius: 62.4375rem;
background: #fff;
padding: .375rem 1rem .3125rem;
text-align: center;
font-size: .75rem;
letter-spacing: .075rem;
color: #192a3f
}
.hero__title {
margin-top: 2.8rem
}
.hero__desc {
margin-top: 1.875rem;
line-height: 140%;
max-width: 27.5rem;
font-size: 1.125rem
}
.hero__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 2.625rem;
width: 100%
}
.hero__btn.icon-whatsapp::before {
color: #25d366
}
.hero__right {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
border-radius: 1rem;
border: .0625rem solid #ffebdb;
background: radial-gradient(66.67% 66.67% at 50% 50%, #f9f2ee 0, #fef5ee 100%);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 35.5rem
}
.hero__right-services {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative
}
.hero__right-service {
position: absolute;
-o-object-fit: contain;
object-fit: contain;
pointer-events: none
}
.hero__right-service.img-center {
top: 14px;
width: 180px;
height: 180px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.hero__right-service.img-top-left {
top: -30px;
left: -30px;
width: 135px;
height: 135px
}
.hero__right-service.img-bottom-left {
top: 63px;
left: -87px;
width: 180px;
height: 180px
}
.hero__right-service.img-top-right {
top: -10px;
right: -49px;
width: 158px;
height: 158px
}
.hero__right-service.img-bottom-right {
top: 120px;
right: -51px;
width: 184px;
height: 184px
}
.hero__badge {
padding: .3125rem .4375rem;
font-size: .875rem;
position: absolute
}
.hero__badge--primary {
-webkit-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
transform: rotate(-23deg);
bottom: 1.375rem;
left: 1.75rem;
background: #16eedc;
-webkit-box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, .1);
box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, .1)
}
.hero__badge--secondary {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
z-index: -1;
bottom: .125rem;
left: 3.375rem;
background: #ffc49f
}
.hero__form {
margin-top: .5rem;
padding: 0 1.1875rem
}
.hero__form-caption {
text-align: center;
font-size: 1.5rem;
font-weight: 500
}
.hero__form-row {
margin-top: 1.375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem
}
.hero__form-row .form__control {
text-align: center;
border-color: #f2f2f2
}
.hero__form-row .form__control::-webkit-input-placeholder {
color: #bebebe
}
.hero__form-row .form__control::-moz-placeholder {
color: #bebebe
}
.hero__form-row .form__control:-ms-input-placeholder {
color: #bebebe
}
.hero__form-row .form__control::-ms-input-placeholder {
color: #bebebe
}
.hero__form-row .form__control::placeholder {
color: #bebebe
}
.hero__features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1.1875rem 1.875rem
}
.hero__feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .25rem
}
.hero__feature-icon {
border: .0625rem solid #ffebdb;
background: #fff;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
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;
width: 1.375rem;
height: 1.375rem;
border-radius: .5rem
}
.hero__feature-text {
font-weight: 500;
color: #000;
font-size: .875rem
}
.testimonials {
padding: .5rem 0 2rem
}
.testimonials__slider {
overflow: visible
}
.testimonials__slider:not(.swiper-initialized) {
overflow: hidden
}
.testimonials__slider:not(.swiper-initialized) .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.testimonials__slider:not(.swiper-initialized) .swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0
}
.testimonials__slider:not(.swiper-initialized) .swiper-slide:not(:last-child) {
margin-right: 1rem
}
.testimonial {
background: #fff;
border: .0625rem solid #f2f2f2;
border-radius: .75rem;
padding: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem
}
.testimonial.swiper-slide {
height: auto;
width: 19.75rem
}
.testimonial__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .75rem
}
.testimonial__author-name {
font-size: 1rem;
font-weight: 500;
color: #192a3f;
margin-bottom: .25rem
}
.testimonial__author-title {
font-size: .875rem;
font-weight: 500;
color: #28d8ca
}
.testimonial__rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0
}
.testimonial__rating .icon-star {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1rem;
height: 1rem;
font-size: 1rem;
color: #ffc49f
}
.testimonial__text {
font-size: .875rem;
font-weight: 300;
line-height: 120%;
color: #6e6e6e
}
.solutions {
padding: 2rem 0 0
}
.solutions__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.solutions__header {
display: contents
}
.solutions__logotypes {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: .5rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .25rem
}
.solutions__logotype {
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;
height: 3.875rem
}
.solutions__logotype img {
-o-object-fit: contain;
object-fit: contain;
height: 1.85rem
}
.solutions__slider {
margin-top: 2.625rem;
overflow: visible;
min-width: 0;
max-width: 100%
}
.solutions__slider:not(.swiper-initialized) .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.solutions__slider:not(.swiper-initialized) .solution-card {
width: 14rem
}
.solutions__slider:not(.swiper-initialized) .solution-card:not(:last-child) {
margin-right: 1rem
}
.solutions__more {
margin-top: 2.5rem;
width: 100%
}
.solution-card.swiper-slide {
height: auto;
width: 14rem
}
.solution-card__wrapper {
padding: 1rem 1rem 2rem 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
background: #fff;
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.solution-card__wrapper::after {
content: "";
position: absolute;
top: -1.19rem;
right: -.38rem;
width: 10.0625rem;
height: 10.0625rem;
background: rgba(25, 214, 199, .17);
-webkit-filter: blur(2rem);
filter: blur(2rem);
z-index: -1;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: opacity .3s ease, visibility .3s ease;
transition: opacity .3s ease, visibility .3s ease
}
.solution-card__wrapper::before {
display: none
}
.solution-card__image {
width: 11.875rem;
height: 11.875rem;
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
}
.solution-card__title {
font-size: 1.25rem;
font-weight: 700;
line-height: 100%;
max-width: 22rem;
max-width: 11rem
}
.why {
padding: 1.25rem 0 2.25rem
}
.why__slider {
margin-top: 1rem
}
.why__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: 1rem
}
.why__card-title {
position: relative;
z-index: 2;
font-size: 1.5rem;
font-weight: 700;
line-height: 100%;
padding-block: .25rem;
background: linear-gradient(103deg, #272727 8.18%, #2cdacc 130.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.why__card-title br {
display: none
}
.industries {
padding: 2.25rem 0
}
.industries__tabs {
overflow: visible
}
.industries__tabs:not(.swiper-initialized) .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-y: auto;
gap: .5rem
}
.industries__tabs:not(.swiper-initialized) .swiper-slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.industries__slider {
margin-top: 1rem
}
.industries__slider:not(.swiper-initialized) {
overflow: hidden
}
.industries__slider:not(.swiper-initialized) .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.industries__slider:not(.swiper-initialized) .swiper-slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
.industries__slide-image {
position: relative;
height: 0;
width: 100%;
padding-bottom: 39.8936170213%;
z-index: 1;
overflow: hidden;
display: block;
background: radial-gradient(66.67% 66.67% at 50% 50%, #1f3445 0, #303942 100%);
border-radius: .5rem
}
.industries__slide-image img, .industries__slide-image source {
position: absolute;
inset: 0
}
.industries__slide-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1e6e8c), color-stop(50%, rgba(102, 102, 102, 0)));
background: linear-gradient(to top, #1e6e8c 0, rgba(102, 102, 102, 0) 50%);
z-index: 2
}
.industries__slide-content {
margin-top: 1rem
}
.industries__slide-text {
line-height: 130%
}
.industries__slide-arrow {
display: none
}
.media {
padding: 2.25rem 0
}
.media.media--small {
padding: 1.5rem 0
}
.media__filters {
overflow: visible
}
.media__blocks {
display: -ms-grid;
display: grid;
gap: 2rem
}
.media__block {
min-width: 0;
max-width: 100%
}
.media__block-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.media__block-slider {
margin-top: 1.2rem;
overflow: visible
}
.media__block-slider .article-card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 2rem
}
.media__block-slider .article-card .article-card__image {
width: 100%
}
.media__block-grid {
margin-top: 1rem;
display: -ms-grid;
display: grid;
gap: 2.5rem
}
.media__block-grid .article-card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem
}
.media__block-grid .article-card .article-card__image {
width: 100%
}
.media__block-title {
font-size: 1.125rem;
font-weight: 700;
line-height: 100%;
letter-spacing: .1125rem;
text-transform: uppercase
}
.media__block-all {
color: #16eedc;
font-size: .875rem;
font-weight: 400;
line-height: 100%;
letter-spacing: .04375rem;
text-transform: uppercase;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.media__block-events {
margin-top: 1.3rem;
gap: 1.5rem;
display: -ms-grid;
display: grid
}
.media__block-event {
border-radius: 1rem;
display: block;
overflow: hidden
}
.media__block-articles {
overflow: visible
}
.media__block-articles {
margin-top: 1rem
}
.media__pagination {
margin-top: 3rem
}
.article-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.article-card__image {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
aspect-ratio: 1.5555555556;
border-radius: 1rem;
width: 100%
}
.article-card__image img, .article-card__image source {
position: absolute;
inset: 0
}
.article-card__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem
}
.article-card__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .25rem
}
.article-card__category {
color: #7c8698;
font-size: .75rem;
line-height: 130%;
padding: .25rem .5rem;
border-radius: 62.4375rem;
border: .0625rem solid #efefef;
background: #fff
}
.article-card__category.is-main {
background: #ffc49f;
color: #192a3f
}
.article-card__desc {
color: #000;
font-size: 1.125rem;
font-weight: 500;
line-height: 130%;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 5;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.article-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
color: #7c8698;
font-size: .8125rem;
font-weight: 500;
line-height: 130%
}
.steps {
padding: 2rem 0 2.25rem
}
.steps__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: .5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.steps__item {
-webkit-transition: max-width .8s cubic-bezier(.16, 1, .3, 1), height .8s cubic-bezier(.16, 1, .3, 1), margin .8s cubic-bezier(.16, 1, .3, 1), -webkit-box-flex .8s cubic-bezier(.16, 1, .3, 1);
transition: max-width .8s cubic-bezier(.16, 1, .3, 1), height .8s cubic-bezier(.16, 1, .3, 1), margin .8s cubic-bezier(.16, 1, .3, 1), -webkit-box-flex .8s cubic-bezier(.16, 1, .3, 1);
transition: max-width .8s cubic-bezier(.16, 1, .3, 1), flex .8s cubic-bezier(.16, 1, .3, 1), height .8s cubic-bezier(.16, 1, .3, 1), margin .8s cubic-bezier(.16, 1, .3, 1);
transition: max-width .8s cubic-bezier(.16, 1, .3, 1), flex .8s cubic-bezier(.16, 1, .3, 1), height .8s cubic-bezier(.16, 1, .3, 1), margin .8s cubic-bezier(.16, 1, .3, 1), -webkit-box-flex .8s cubic-bezier(.16, 1, .3, 1), -ms-flex .8s cubic-bezier(.16, 1, .3, 1);
-ms-touch-action: manipulation;
touch-action: manipulation;
width: 100%;
height: 8.75rem
}
.steps__item.active .steps__item-wrapper {
background: url(//stive.ai/wp-content/themes/themestive/assets/img/steps/steps-pattern.png) 0 0/cover no-repeat, #16eedc;
border-color: #16eedc
}
.steps__item.active .steps__item-image {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-transition: opacity .6s cubic-bezier(.16, 1, .3, 1) .15s, -webkit-transform .8s cubic-bezier(.16, 1, .3, 1) .1s;
transition: opacity .6s cubic-bezier(.16, 1, .3, 1) .15s, -webkit-transform .8s cubic-bezier(.16, 1, .3, 1) .1s;
transition: opacity .6s cubic-bezier(.16, 1, .3, 1) .15s, transform .8s cubic-bezier(.16, 1, .3, 1) .1s;
transition: opacity .6s cubic-bezier(.16, 1, .3, 1) .15s, transform .8s cubic-bezier(.16, 1, .3, 1) .1s, -webkit-transform .8s cubic-bezier(.16, 1, .3, 1) .1s
}
.steps__item.active .steps__item-bottom {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .6s cubic-bezier(.16, 1, .3, 1) .2s, -webkit-transform .8s cubic-bezier(.16, 1, .3, 1) .2s;
transition: opacity .6s cubic-bezier(.16, 1, .3, 1) .2s, -webkit-transform .8s cubic-bezier(.16, 1, .3, 1) .2s;
transition: opacity .6s cubic-bezier(.16, 1, .3, 1) .2s, transform .8s cubic-bezier(.16, 1, .3, 1) .2s;
transition: opacity .6s cubic-bezier(.16, 1, .3, 1) .2s, transform .8s cubic-bezier(.16, 1, .3, 1) .2s, -webkit-transform .8s cubic-bezier(.16, 1, .3, 1) .2s
}
.steps__item.active .steps__item-num text {
fill: url(#fill-grad-active);
stroke: url(#stroke-grad-active)
}
.steps__item-wrapper {
position: relative;
background: #fff;
border: .0625rem solid #f3f3f3;
border-radius: 1rem;
padding: 1.375rem 1.75rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: background-color .8s cubic-bezier(.16, 1, .3, 1), border-color .8s cubic-bezier(.16, 1, .3, 1);
transition: background-color .8s cubic-bezier(.16, 1, .3, 1), border-color .8s cubic-bezier(.16, 1, .3, 1);
height: 100%
}
.steps__item-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -9.25rem;
margin-right: .9375rem;
margin-left: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: all .15s ease;
transition: all .15s ease;
pointer-events: none;
position: relative;
z-index: 1;
width: 18.125rem;
height: 18.125rem;
-webkit-transform: translateY(1.25rem) scale(.75);
-ms-transform: translateY(1.25rem) scale(.75);
transform: translateY(1.25rem) scale(.75)
}
.steps__item-image img, .steps__item-image source {
position: relative;
z-index: 2
}
.steps__item-image::before {
content: "";
position: absolute;
top: 6.25rem;
right: 3.5rem;
width: 10rem;
height: 10rem;
-webkit-transform: rotate(13.47deg);
-ms-transform: rotate(13.47deg);
transform: rotate(13.47deg);
border-radius: 19.9375rem;
background: rgba(178, 178, 178, .5);
-webkit-filter: blur(2rem);
filter: blur(2rem);
z-index: -1
}
.steps__item-bottom {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(1.25rem);
-ms-transform: translateY(1.25rem);
transform: translateY(1.25rem);
-webkit-transition: opacity .4s ease, visibility .4s, -webkit-transform .4s ease;
transition: opacity .4s ease, visibility .4s, -webkit-transform .4s ease;
transition: opacity .4s ease, transform .4s ease, visibility .4s;
transition: opacity .4s ease, transform .4s ease, visibility .4s, -webkit-transform .4s ease;
position: relative;
z-index: 2;
margin-bottom: auto
}
.steps__item-num {
position: absolute;
font-weight: 800;
line-height: .5;
z-index: 1;
pointer-events: none;
top: -1.5rem;
left: 1.7rem;
font-size: 8rem
}
.steps__item-num text {
fill: none;
stroke: url(#stroke-grad-inactive);
-webkit-transition: fill .8s cubic-bezier(.16, 1, .3, 1), stroke .8s cubic-bezier(.16, 1, .3, 1);
transition: fill .8s cubic-bezier(.16, 1, .3, 1), stroke .8s cubic-bezier(.16, 1, .3, 1)
}
.steps__item-title {
position: relative;
z-index: 2;
color: #fff;
font-weight: 700;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
line-height: 1;
text-align: center
}
.steps__item-title.title {
font-size: 3rem
}
.steps__item-title.title-sm {
font-size: 3rem
}
.steps__item-arrow {
display: none
}
.ready {
padding: 1.3rem 0
}
.ready__content {
position: relative
}
.ready__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ready__map {
-webkit-box-flex: 0;
-ms-flex: 0 0 76rem;
flex: 0 0 76rem
}
.ready__map img {
width: 100%
}
.ready__main {
margin-inline: auto;
max-width: 24.5rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -11rem
}
.ready__title {
text-align: center
}
.ready__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 1rem;
gap: .5rem
}
.ready__btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.ready__badges {
margin-top: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: .25rem;
-moz-column-gap: .25rem;
column-gap: .25rem;
row-gap: .5rem
}
.ready__badge {
border-radius: 62.4375rem;
border: .0625rem solid #e6e6e6;
background: #fcfcfc;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .5rem;
padding: .625rem 1rem
}
.ready__badge-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 1.125rem;
flex: 0 0 1.125rem
}
.ready__badge-text {
font-size: 1rem;
line-height: 130%
}
.book {
padding: .75rem 0 2.25rem
}
.book__image {
max-width: 24rem;
margin-inline: auto;
display: block;
position: relative;
margin-bottom: 1.5rem
}
.book__image::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100vw;
height: 50%;
z-index: -1;
background: url(//stive.ai/wp-content/themes/themestive/assets/img/book-bottom-decor.svg) 0 0/cover no-repeat, url(//stive.ai/wp-content/themes/themestive/assets/img/book-pattern-mobile.png) 0 0/cover no-repeat, radial-gradient(66.67% 66.67% at 50% 50%, #1f3445 0, #303942 100%)
}
.book__image img, .book__image source {
width: 100%;
height: 100%
}
.book__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.book__tagline {
font-size: 1.25rem;
color: #16eedc;
font-weight: 500
}
.book__title {
max-width: 38rem;
margin-top: 1.5rem
}
.book__subtitle {
margin-top: 1rem;
line-height: 130%;
color: #7c8698;
max-width: 28.625rem;
font-size: 1.125rem
}
.book__bottom {
margin-top: 2.19rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem
}
.book__features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-weight: 500;
line-height: 100%;
font-size: 1rem;
gap: 1.25rem
}
.book__features li {
position: relative
}
.book__features li::before {
content: "";
width: .8125rem;
height: .25rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='4' viewBox='0 0 13 4' fill='none'%3E%3Cpath d='M1.7864 0H12.6282V3.85676H0L1.7864 0Z' fill='%23129E92'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-ms-flex-negative: 0;
flex-shrink: 0
}
.book__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: .5rem
}
.book__action.btn.btn-sm {
font-size: 1rem
}
.book__action.btn.btn-tertiary {
color: #192a3f;
border-radius: .5rem;
border: .0625rem solid rgba(255, 255, 255, .16);
background: rgba(234, 234, 234, .48)
}
.book__action.btn.btn-tertiary:hover {
background: rgba(234, 234, 234, .58)
}
.book__action.btn.btn-tertiary:active {
background: rgba(234, 234, 234, .68)
}
.cooming-soon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
color: #fff;
padding: 2.8rem 0;
background: url(//stive.ai/wp-content/themes/themestive/assets/img/cooming-soon/cooming-soon-blur-1-mobile.svg) 0 0/100% auto no-repeat, url(//stive.ai/wp-content/themes/themestive/assets/img/cooming-soon/cooming-soon-blur-2-mobile.svg) 100% 100%/100% auto no-repeat, radial-gradient(50% 50% at 50% 50%, #1f2228 0, #18191b 100%)
}
.cooming-soon__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.cooming-soon__logo {
max-width: 9.0625rem
}
.cooming-soon__logo img {
width: 100%;
height: auto
}
.cooming-soon__content {
margin-top: 6rem;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.cooming-soon__badge {
color: #19d6c7;
font-size: 1rem;
letter-spacing: .2rem;
text-transform: uppercase;
line-height: 1;
min-height: 2.9375rem;
border-radius: 62.4375rem;
border: .0625rem solid rgba(255, 255, 255, .16);
background: rgba(25, 214, 199, .12);
padding: .9375rem 1.375rem .8125rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .75rem
}
.cooming-soon__badge::before {
content: "";
width: .375rem;
height: .375rem;
-ms-flex-negative: 0;
flex-shrink: 0;
background: #19d684;
border-radius: 50%
}
.cooming-soon__title {
margin-top: 2rem;
font-weight: 800;
font-size: 2.125rem
}
.cooming-soon__description {
margin-top: 2rem;
color: #bebebe;
line-height: 150%;
max-width: 40rem;
font-size: 1.25rem
}
.cooming-soon__actions {
margin-top: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.cooming-soon__button.btn {
padding: 1.5rem 2rem
}
.cooming-soon__button.btn.btn-secondary {
border: .09375rem solid rgba(255, 255, 255, .1);
background: rgba(255, 255, 255, .05)
}
.cooming-soon__button.btn.btn-secondary:hover {
background: rgba(255, 255, 255, .025)
}
.cooming-soon__button.btn.btn-secondary:active {
background: rgba(255, 255, 255, .0125)
}
.cooming-soon__socials {
margin-top: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
gap: 1.6rem
}
.cooming-soon__socials-link {
color: #d9d9d9;
font-weight: 300;
padding-bottom: .25rem;
border-bottom: .0625rem solid rgba(255, 255, 255, .14);
font-size: 1.75rem
}
.post-main {
padding: 1.2rem 0 1rem
}
.post-main__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.post-main__poster {
display: block;
border-radius: 1rem;
overflow: hidden;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.post-main__poster-image {
position: relative;
z-index: 1;
width: 100%;
height: 0;
display: block;
padding-bottom: 51.6818181818%
}
.post-main__poster-image img, .post-main__poster-image source {
position: absolute;
inset: 0
}
.post-main__details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.post-main__stats {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 1.35rem
}
.post-main__title {
margin-top: 1rem
}
.post-main__title-link {
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.post-main__description {
margin-top: 1rem;
color: #7c8698;
font-weight: 300;
line-height: 120%
}
.post-main__categories {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.post-main__author {
margin-top: 1rem
}
.article {
padding: 1.25rem 0
}
.article__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 1.375rem
}
.article__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
background: #fff;
padding: 2rem;
margin-inline: -1rem
}
.article__body.typography-block h2, .article__body.typography-block h3, .article__body.typography-block h4, .article__body.typography-block h5, .article__body.typography-block h6 {
font-size: 1.25rem;
letter-spacing: .035rem;
font-weight: 700
}
.article__body.typography-block h2:first-child, .article__body.typography-block h3:first-child, .article__body.typography-block h4:first-child, .article__body.typography-block h5:first-child, .article__body.typography-block h6:first-child {
margin-top: 0
}
.article__body.typography-block h2, .article__body.typography-block h3, .article__body.typography-block h4, .article__body.typography-block h5, .article__body.typography-block h6 {
margin: 2rem 0 1rem
}
.article__sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem
}
.article__toc {
background: #fff;
padding: 1.25rem 1.5rem
}
.article__toc-caption {
font-size: 1.25rem;
font-weight: 800;
line-height: 100%
}
.article__toc-list {
margin-top: 2.0625rem
}
.article__toc-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.article__toc-item:not(:last-child) {
padding-bottom: .9375rem;
margin-bottom: .9375rem;
border-bottom: .0625rem solid #f2f2f2
}
.article__toc-num {
color: #7c8698;
font-size: 1rem;
line-height: 130%;
-webkit-box-flex: 0;
-ms-flex: 0 0 2rem;
flex: 0 0 2rem
}
.article__toc-link {
font-size: 1rem;
font-weight: 600;
line-height: 130%;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.article__banner {
display: none
}
.article__banner-title {
margin-top: 2.0625rem;
font-size: 1.5rem;
font-weight: 800;
line-height: 130%
}
.article__banner-description {
margin-top: 1rem;
font-size: 1rem;
font-weight: 300;
line-height: 120%
}
.article__banner-btn {
margin-top: 2.0625rem;
width: 100%
}
.faq {
padding: 2rem 0
}
.faq .saswp-faq-block-section ol li.active .saswp-faq-question-title::before {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.faq .saswp-faq-block-section .saswp-faq-question-title {
cursor: pointer
}
.faq .saswp-faq-block-section ol, .faq__list {
margin-top: 1.5rem;
display: -ms-grid;
display: grid;
gap: .5rem
}
.faq .saswp-faq-block-section ol li, .faq__item {
border-radius: .5rem;
border: .0625rem solid #f2f2f2;
background: #fff
}
.faq .saswp-faq-block-section .faq__item.active .saswp-faq-question-title::before, .faq .saswp-faq-block-section ol li.active .faq__item-question::before, .faq .saswp-faq-block-section ol li.active .saswp-faq-question-title::before, .faq__item.active .faq .saswp-faq-block-section .saswp-faq-question-title::before, .faq__item.active .faq__item-question::before {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.faq .saswp-faq-block-section .saswp-faq-question-title, .faq__item-question {
font-size: 1.25rem;
font-weight: 700;
line-height: 150%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
width: 100%;
text-align: left;
padding: 1rem
}
.faq .saswp-faq-block-section .saswp-faq-question-title::before, .faq__item-question::before {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
width: 1.5rem;
height: 1.5rem;
font-size: 1.5rem;
color: #7c8698
}
.faq .saswp-faq-block-section .saswp-faq-answer-text, .faq__item-answer {
color: #7c8698;
font-size: 1.125rem;
line-height: 120%;
padding: 0 1rem 1rem;
display: none
}
@media (min-width:374.98px) {
.cooming-soon__socials {
gap: 3.2rem
}
}
@media (min-width:575.98px) {
.container {
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: 33.75rem
}
.f-button.is-close-button {
top: 2.25rem
}
.pagination__item.dotts {
display: none
}
.label-badge.label-badge--medium {
padding: .6rem 1rem
}
.person {
gap: 2rem;
text-align: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1rem
}
.person__info {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.person__position {
margin-top: 1rem
}
.filter-btn {
padding: 1em 2.6666666667em
}
.form__control.form__control--large {
min-height: 5rem
}
.form__control:is(textarea) {
height: 5.9375rem
}
.footer {
margin-bottom: .5rem
}
.footer__wrapper {
border-radius: 1rem 1rem 0 0;
background: #fff;
padding: 2rem 1.5rem
}
.footer__header-main {
display: block
}
.footer__desc {
max-width: 17.875rem;
margin-top: 2.875rem
}
.footer__menu {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
row-gap: 2rem;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.footer__menu-block:not(:last-child) {
padding-bottom: 0;
border-bottom: 0
}
.footer__menu-caption::before {
display: none
}
.footer__menu-list {
margin-top: 3.1875rem;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.heading__actions {
gap: 1rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.case-details__container {
gap: 1.5rem
}
.case-details__card {
padding: 2rem
}
.case-details__categories {
padding-top: 2rem
}
.cases-heading__logotype {
height: 5rem
}
.cases-heading__logotype img {
height: 2.25rem
}
.main-case__footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.main-case__categories {
gap: .5rem
}
.cases__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.cases__header .cases__title, .cases__header .why__title {
text-align: left
}
.cases__more {
margin-top: 0
}
.hero {
padding: 1rem 0 .5rem
}
.hero__left {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.hero__title {
margin-top: 2.5rem
}
.hero__desc {
margin-top: 2.5rem;
font-size: 1.25rem
}
.hero__desc br {
display: none
}
.hero__btns {
width: auto;
margin-top: 3.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1rem
}
.hero__right-service.img-top-left {
top: -30px;
left: 27px
}
.hero__right-service.img-bottom-left {
width: 209px;
height: 209px
}
.hero__right-service.img-top-right {
top: -8px;
right: -16px
}
.hero__form-row .form__control {
padding: 1.63rem 1.5rem;
text-align: left
}
.solutions {
padding: 2rem 0
}
.solutions__logotypes {
gap: 1.3125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.solutions__logotype {
height: 5rem;
width: 13.75rem
}
.solutions__logotype img {
height: 2.25rem
}
.solutions__more {
display: none
}
.why__slider {
margin-top: 2rem
}
.why__card-title br {
display: block
}
.industries__slide-content {
font-size: 1.25rem
}
.industries__slide-text {
font-weight: 800
}
.media__block-articles {
margin-top: 1.3rem
}
.article-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.article-card__image {
width: 17.5rem
}
.article-card__desc {
-webkit-line-clamp: 3;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.steps__item-title.title-sm {
font-size: 2rem
}
.ready__main {
margin-top: -5rem
}
.ready__actions {
gap: 1rem;
margin-top: 2rem
}
.ready__badges {
display: none
}
.book__actions {
gap: 1rem;
padding-left: 2.4rem
}
.cooming-soon__title {
font-weight: 600;
font-size: 3rem
}
.cooming-soon__actions {
width: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 3rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.cooming-soon__socials {
width: auto;
gap: 7.5rem
}
.article__banner {
border-radius: .5rem;
background: #16eedc;
color: #192a3f;
font-size: 1rem;
font-weight: 600;
line-height: 130%;
padding: 1rem;
display: block
}
}
@media (min-width:767.98px) {
.container {
max-width: 45rem
}
.fancybox__slide {
padding: 1.25rem
}
.breadcrumbs {
padding: 2.25rem 0
}
.title-lg, .typography-block h1 {
font-size: 2.5rem
}
.title {
font-size: 2.5rem
}
.title-sm {
font-size: 2rem
}
.title-xs, .typography-block h2, .typography-block h3, .typography-block h4, .typography-block h5, .typography-block h6 {
font-size: 2rem
}
.gradient-text, .typography-block h1, .typography-block h2, .typography-block h3, .typography-block h4, .typography-block h5, .typography-block h6 {
padding-block: .25rem
}
.metrics {
gap: 1.5rem;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.metrics__item {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.stats-block__item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left
}
.mobile-only {
display: none !important
}
.typography-block h2, .typography-block h3, .typography-block h4, .typography-block h5, .typography-block h6 {
margin: 2.5rem 0 1.5rem
}
.typography-block ol li:not(:last-child), .typography-block ul li:not(:last-child) {
margin-bottom: 0
}
.typography-block ol li, .typography-block ul li {
line-height: 200%
}
.btn.btn-sm {
padding: .9375rem 1.375rem
}
.btn.btn-md {
padding: 1rem 1.875rem;
min-height: 3.375rem
}
.header::before {
background: url(//stive.ai/wp-content/themes/themestive/assets/img/header-bg-blur.svg) 0 0/cover no-repeat, #fff
}
.header__logo {
margin-right: 0
}
.header__languages-toggler {
gap: .5rem;
min-height: 3rem;
padding: .625rem .75rem;
min-width: 0
}
.header__languages-toggler::before {
display: none
}
.menu {
position: relative;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
z-index: 6
}
.menu__navbar {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.menu__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
row-gap: .5rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.menu__link {
font-size: .875rem;
font-weight: 500;
letter-spacing: .0175rem;
line-height: normal
}
.menu__socials.socials {
display: none
}
.icon-menu {
display: none
}
.footer__header {
gap: 4rem;
padding-bottom: 2.22rem;
border-bottom: .0625rem solid rgba(0, 0, 0, .05)
}
.footer__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer__bottom {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.footer__copyright {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.footer__terms {
margin-left: 0
}
.footer__terms ul {
gap: 3rem
}
.footer__socials {
border-bottom: 0;
padding-bottom: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.heading.heading--blog-post {
padding: 1rem 0 1rem
}
.heading.heading--blog-post .heading__title {
line-height: 100%;
margin-top: 1rem
}
.heading.heading--blog .heading__title {
line-height: 100%
}
.heading {
padding: .5rem 0 2rem
}
.features__list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.case-details {
padding: 2.5rem 0 2rem
}
.goals {
padding: 2rem 0
}
.goals__list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.conclusion {
padding: 2rem 0 1.35rem
}
.conclusion__container.container {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 3rem
}
.results {
padding: 2rem 0
}
.results__list {
gap: 1rem;
margin-top: 1.5rem;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.results__card {
padding: 2rem
}
.results__card-title {
font-size: 2rem
}
.results__card-image {
width: 17.25rem
}
.contacts {
padding: 2rem 0
}
.cases-heading {
padding: 1rem 0
}
.cases-heading__logotypes {
gap: 1.3125rem;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.main-case {
padding: 2rem 0 1rem
}
.main-case__description {
margin-top: 2rem;
font-size: 1.125rem
}
.main-case__metrics {
margin-top: 2rem
}
.main-case__footer {
padding-top: 2rem
}
.cases__title.title, .title.why__title {
padding-block: .25rem
}
.cases__slider {
max-width: 44rem
}
.case-card.case-card--white .case-card__image {
padding-bottom: 53.164556962%
}
.case-card.case-card--white {
padding: 2rem
}
.case-card.case-card--white .case-card__desc {
margin-top: 2rem
}
.case-card__details {
margin-top: 1.4375rem
}
.case-card__arrow {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 6rem;
height: 6rem;
background: #fff;
border: .0625rem solid #e6e6e6;
border-radius: 1rem;
font-size: 1.75rem;
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;
flex-shrink: 0;
color: #7c8698
}
.case-card__arrow::before {
-webkit-transition: color .3s ease, -webkit-transform .3s ease;
transition: color .3s ease, -webkit-transform .3s ease;
transition: color .3s ease, transform .3s ease;
transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease
}
.why {
padding: 3rem 0 2.25rem
}
.industries__slide {
position: relative;
background: radial-gradient(66.67% 66.67% at 50% 50%, #1f3445 0, #303942 100%);
overflow: hidden;
border-radius: 1.5rem
}
.industries__slide-image {
border-radius: 1.5rem;
padding-bottom: 39.8876404494%;
background: 0 0
}
.industries__slide-content {
font-size: 1.5rem;
margin-top: 0;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 6.6875rem;
padding: 1rem;
z-index: 2
}
.industries__slide-arrow {
border: .0625rem solid #e6e6e6;
background: #fff;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 1rem;
width: 5rem;
height: 5rem
}
.industries__slide-arrow::before {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
color: #16eedc
}
.media__block-grid {
margin-top: 2.3rem;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 1rem
}
.media__block-events {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.media__block-articles .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.35rem
}
.article-card__content {
gap: 1.2rem
}
.ready {
padding: 2.5rem 0
}
.ready__map {
-webkit-box-flex: 0;
-ms-flex: 0 0 min(100vw, 120rem);
flex: 0 0 min(100vw, 120rem)
}
.book {
padding: 2.25rem 0 3rem
}
.book__title {
margin-top: 1.625rem
}
.book__subtitle {
font-size: 1.25rem
}
.book__features {
font-size: 1.25rem
}
.book__features li {
padding-left: 2.29rem
}
.book__features li::before {
position: absolute;
top: .5rem;
left: 0
}
.cooming-soon {
background: url(//stive.ai/wp-content/themes/themestive/assets/img/cooming-soon/cooming-soon-blur-1.svg) 0 0/auto no-repeat, url(//stive.ai/wp-content/themes/themestive/assets/img/cooming-soon/cooming-soon-blur-2.svg) 100% 100%/auto no-repeat, url(//stive.ai/wp-content/themes/themestive/assets/img/cooming-soon/coomin-soon-bg.png) center bottom/cover no-repeat, radial-gradient(50% 50% at 50% 50%, #1f2228 0, #18191b 100%);
padding: 3rem 0;
background-blend-mode: multiply
}
.cooming-soon__logo {
max-width: 12.875rem
}
.cooming-soon__title {
margin-top: 1rem;
font-size: 4rem
}
.cooming-soon__description {
margin-top: 1rem;
font-size: 1.5rem
}
.cooming-soon__socials-link {
font-size: 2rem
}
.post-main {
padding: .5rem 0 1rem
}
.article {
padding: 2rem 0
}
.faq .saswp-faq-block-section .saswp-faq-question-title, .faq__item-question {
padding: 1.5rem 2rem
}
.faq .saswp-faq-block-section .saswp-faq-answer-text, .faq__item-answer {
padding: 0 2rem 1.5rem
}
}
@media (min-width:991.98px) {
.container {
max-width: 60rem
}
.main {
padding-top: .5rem
}
.page-template-in-develop .main {
padding-top: 0
}
.form__checkbox .wpcf7-list-item-label, .form__checkbox-content {
font-size: 1rem
}
.header::before {
display: none
}
.header {
border-radius: 0;
padding: 0;
top: .5rem
}
.header__wrapper {
border-radius: .5rem;
border: .0625rem solid #d2f5f2;
background: url(//stive.ai/wp-content/themes/themestive/assets/img/header-bg-blur.svg) 0 0/cover no-repeat, #fff;
padding: .3125rem .3125rem .3125rem 1.5rem
}
.header__languages-toggler {
padding: 1.375rem .875rem;
min-height: 4.25rem
}
.header__btn::before {
display: none
}
.header__btn-text {
display: inline
}
.menu__list {
gap: 1.25rem
}
.footer__header {
-ms-grid-columns: 14.4375rem 4fr;
grid-template-columns: 14.4375rem 4fr
}
.footer__menu-caption {
cursor: default
}
.heading.heading--blog-post .heading__image {
min-height: 22.625rem
}
.heading__container {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.heading__image {
display: block;
height: 19.0625rem
}
.heading__stats {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.case-details__container {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.case-details__card {
width: 29rem;
position: sticky;
top: 6.25rem
}
.main-case__container {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.cases__grid {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.hero__container {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.hero__left {
min-height: 33.75rem;
padding: 4.25rem 2rem
}
.hero__right {
clip-path: inset(0 -1000% 0 -1000%);
min-height: 33.75rem
}
.hero__right-service.img-center {
left: 120px;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.testimonial.testimonial--large .testimonial__author-name {
font-size: 1.5rem
}
.testimonial.testimonial--large .testimonial__text {
font-size: 1.375rem;
line-height: 130%
}
.testimonial.testimonial--large .testimonial__rating .icon-star {
width: 1.5625rem;
height: 1.625rem;
font-size: 1.625rem
}
.testimonial.swiper-slide {
width: 21.25rem
}
.why__slider .swiper-wrapper {
display: -ms-grid;
display: grid;
gap: 1rem;
grid-auto-rows: 17.5rem;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.why__card {
position: relative;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
background: #fff;
border-radius: 1rem;
overflow: hidden;
padding: 2rem
}
.why__card.why__card--primary {
background: #cdfffb
}
.why__card.why__card--secondary {
background: radial-gradient(66.67% 66.67% at 50% 50%, #f9f2ee 0, #fef5ee 100%), #fff
}
.why__card.why__card--wide {
-ms-grid-column-span: 2;
grid-column: span 2;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.why__card.why__card--wide-tablet {
-ms-grid-column-span: 2;
grid-column: span 2
}
.why__card.why__card--tall {
-ms-grid-row-span: 2;
grid-row: span 2
}
.why__card-img {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none
}
.why__card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.why__card-title {
font-size: 1.75rem;
max-width: 13.75rem
}
.media__block-slider .article-card .article-card__image {
aspect-ratio: 2.5777777778
}
.media__block-slider .article-card .article-card__image img, .media__block-slider .article-card .article-card__image source {
-o-object-position: center 37%;
object-position: center 37%
}
.media__block-grid .article-card .article-card__image {
aspect-ratio: 2.5777777778
}
.media__block-grid .article-card .article-card__image img, .media__block-grid .article-card .article-card__image source {
-o-object-position: center 37%;
object-position: center 37%
}
.steps__list {
gap: 1.0625rem;
margin-top: 7.75rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.steps__item {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: 100%;
width: 8rem;
max-width: 8rem
}
.steps__item.active {
max-width: 44rem
}
.steps__item-wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 16rem
}
.steps__item-bottom {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 0
}
.steps__item-num {
font-size: 4.5rem;
bottom: .6875rem;
top: auto;
line-height: 1;
left: 1rem
}
.steps__item-title {
line-height: 1.2;
-ms-flex-negative: 0;
flex-shrink: 0;
text-align: left;
max-width: 33rem
}
.steps__item-title.title {
font-size: 2rem
}
.steps__item-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(255, 255, 255, .22);
border: .0625rem solid rgba(230, 230, 230, .35);
backdrop-filter: blur(.25rem);
-webkit-backdrop-filter: blur(.25rem);
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
border-radius: .5rem;
padding: 1rem;
width: 4rem;
height: 4rem
}
.ready__title {
text-align: left
}
.book__content {
position: relative
}
.book__image::before {
display: none
}
.book__image {
position: absolute;
height: auto;
top: 0;
left: 2rem;
width: 26.5625rem;
max-width: 100%;
margin-bottom: 0
}
.book__header {
padding-right: 1.875rem;
padding-left: 52.1%
}
.book__bottom {
gap: 2.6875rem;
border-radius: 1rem;
padding: 2.9375rem 1.875rem 3.75rem 49.4%;
background: url(//stive.ai/wp-content/themes/themestive/assets/img/book-bottom-decor.svg) 0 0/cover no-repeat, url(//stive.ai/wp-content/themes/themestive/assets/img/book-pattern.png) 0 0/cover no-repeat, radial-gradient(66.67% 66.67% at 50% 50%, #1f3445 0, #303942 100%);
color: #fff
}
.book__action.btn.btn-tertiary {
background: rgba(234, 234, 234, .1);
color: #fff
}
.book__action.btn.btn-tertiary:hover {
background: rgba(255, 255, 255, .26)
}
.book__action.btn.btn-tertiary:active {
background: rgba(255, 255, 255, .36)
}
.post-main__container {
gap: 2.5rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.post-main__poster {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 44rem
}
.post-main__details {
-webkit-box-flex: 0;
-ms-flex: 0 0 31.25rem;
flex: 0 0 31.25rem
}
.post-main__stats {
margin-top: 0;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.post-main__description {
max-width: 28.125rem;
font-size: 1.125rem
}
.post-main__categories {
margin-top: 2.5rem;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.post-main__author {
margin-top: 2.5rem
}
.article__wrapper {
gap: 1rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.article__body {
margin-inline: 0
}
.article__sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 21.5rem;
flex: 0 0 21.5rem;
position: sticky;
top: 6.25rem
}
.faq .saswp-faq-block-section ol, .faq__list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
@media (min-width:1199.98px) {
.container {
max-width: 71.25rem
}
.title-lg, .typography-block h1 {
font-size: 3rem
}
.title {
font-size: 3rem
}
.title-sm {
font-size: 2.5rem
}
.title-xs, .typography-block h2, .typography-block h3, .typography-block h4, .typography-block h5, .typography-block h6 {
font-size: 2.125rem
}
.filter-btn {
font-size: 1.25rem
}
.menu__list {
gap: 2.5rem
}
.footer__wrapper {
padding: 4.0625rem 7.4375rem 2.0625rem
}
.footer__bottom {
padding-top: 3rem
}
.footer__terms ul {
gap: 3.1875rem
}
.heading__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 6.25rem
}
.heading__main {
-webkit-box-flex: 0;
-ms-flex: 0 0 31.25rem;
flex: 0 0 31.25rem
}
.features {
padding: 2rem 0 2.5rem
}
.case-details__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8.5rem
}
.conclusion__qoute {
font-size: 2rem
}
.results__list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.contacts__container.container {
max-width: 73.75rem
}
.cases-heading__container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.cases-heading__offer {
-webkit-box-flex: 0;
-ms-flex: 0 0 31.25rem;
flex: 0 0 31.25rem
}
.cases-heading__title {
line-height: 100%;
font-size: 2.5rem
}
.cases-heading__logotypes {
gap: 2rem
}
.main-case__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.main-case__offer {
position: relative;
border-radius: 1rem;
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.main-case__poster {
min-height: 28.5rem;
height: 100%
}
.main-case__poster img, .main-case__poster source {
position: absolute;
inset: 0
}
.main-case__caption {
margin-top: 0;
position: absolute;
inset: 0;
-ms-flex-line-pack: end;
align-content: end;
padding: 2.5rem 3rem;
color: #fff;
border-radius: 1rem;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(196, 196, 196, 0)), to(rgba(0, 0, 0, .5)));
background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0, rgba(0, 0, 0, .5) 100%)
}
.main-case__details {
-webkit-box-flex: 0;
-ms-flex: 0 0 36.5rem;
flex: 0 0 36.5rem
}
.cases {
padding: 3rem 0
}
.hero__left {
padding: 5.125rem 2rem;
min-height: 37.5rem
}
.hero__right {
min-height: 37.5rem
}
.hero__right-service.img-center {
top: 80px;
left: 160px;
width: 240px;
height: 240px
}
.hero__right-service.img-top-left {
top: -40px;
left: 36px;
width: 180px;
height: 180px
}
.hero__right-service.img-bottom-left {
top: 84px;
width: 279px;
height: 279px;
left: -116px
}
.hero__right-service.img-top-right {
top: -11px;
right: -21px;
width: 211px;
height: 211px
}
.hero__right-service.img-bottom-right {
top: 189px;
right: -68px;
width: 245px;
height: 245px
}
.hero__form-row {
margin-top: .9375rem;
overflow: hidden;
position: relative
}
.hero__form-row .form__control {
padding: 1.63rem 13.44rem 1.63rem 1.5rem
}
.hero__form-submit {
-ms-flex-negative: 0;
flex-shrink: 0;
position: absolute;
top: .375rem;
bottom: .375rem;
right: .375rem
}
.hero__features {
padding: 1rem 1.5rem 1.875rem
}
.hero__feature {
gap: .5rem
}
.hero__feature-icon {
border-radius: .75rem;
width: 2.125rem;
height: 2.125rem
}
.testimonials {
padding: .5rem 0 3rem
}
.testimonials__slider {
overflow: hidden
}
.solutions {
padding: 3rem 0
}
.solutions__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.solutions__logotypes {
margin-top: 0;
opacity: .5
}
.solution-card__wrapper::before {
width: 1.5625rem;
height: 1.25rem;
font-size: 1.25rem;
color: #19d6c7;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: block;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: -3.2rem;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.solution-card__title {
-webkit-transition: color .3s ease;
transition: color .3s ease;
color: #7c8698
}
.why {
padding: 4rem 0 3rem
}
.why__slider .swiper-wrapper {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.why__card.why__card--wide-tablet {
grid-column: auto
}
.industries {
padding: 3rem 0
}
.industries__slide {
border-radius: 2rem
}
.industries__slide-image {
border-radius: 2rem
}
.industries__slide-content {
font-size: 2rem
}
.industries__slide-text {
max-width: 47rem
}
.industries__slide-arrow {
border-radius: 2rem;
width: 7.5rem;
height: 7.5rem
}
.media {
padding: 3rem 0
}
.media__blocks {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.media__block-grid {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.media__block-events {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.steps {
padding: 1.875rem 0 3rem
}
.steps__item {
width: 10rem;
max-width: 10rem
}
.steps__item-wrapper {
height: 20rem
}
.steps__item-image {
-webkit-transform: translateY(2.5rem) scale(.95);
-ms-transform: translateY(2.5rem) scale(.95);
transform: translateY(2.5rem) scale(.95);
width: 22.5rem;
height: 22.5rem
}
.steps__item-image::before {
width: 14.6875rem;
height: 19.9375rem
}
.steps__item-num {
left: 1.25rem;
font-size: 5.5rem
}
.steps__item-title.title {
font-size: 2.5rem
}
.steps__item-arrow {
border-radius: 1rem;
width: 5rem;
height: 5rem
}
.ready {
padding: 5rem 0 2.5rem
}
.ready__main {
margin-top: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0
}
.book {
padding: 2.625rem 0 4rem
}
.book__image {
width: 29.6875rem
}
}
@media (any-hover:hover) and (min-width:1199.98px) {
.solution-card {
min-height: 23.125rem
}
}
@media (min-width:1199.98px) and (any-hover:none) {
.solution-card__wrapper::before {
display: none
}
.solution-card__title {
color: #192a3f
}
}
@media (min-width:1399.98px) {
.container {
max-width: 82.5rem
}
.title-lg, .typography-block h1 {
font-size: 3.5rem
}
.filter-btn {
font-size: 1.5rem
}
.menu {
padding-left: 8.125rem
}
.footer__header {
gap: 8rem
}
.footer__terms {
margin-right: auto;
margin-left: 9.8rem
}
.cases-heading__logotype {
width: 11.25rem
}
.hero__left {
padding: 7.5rem 4rem 6.75rem;
min-height: 43.5rem
}
.hero__right {
min-height: 43.5rem
}
.hero__right-service.img-center {
top: 130px;
left: 164px;
width: 304px;
height: 304px
}
.hero__right-service.img-top-left {
width: 207px;
height: 207px
}
.hero__right-service.img-bottom-left {
left: -189px;
width: 372px;
height: 372px
}
.hero__right-service.img-top-right {
width: 282px;
height: 282px
}
.hero__right-service.img-bottom-right {
top: 227px;
right: -114px;
width: 313px;
height: 313px
}
.hero__features {
padding: 1.375rem 2rem 3.125rem
}
.hero__feature-text {
font-size: 1rem
}
.testimonial.swiper-slide {
width: 25.3125rem
}
.solution-card.swiper-slide {
width: 100%
}
.solution-card__image {
width: 11.875rem;
height: 11.875rem
}
.why__slider .swiper-wrapper {
grid-auto-rows: 21.5rem
}
.why__card {
padding: 3rem
}
.why__card.why__card--tall {
padding: 3rem 4rem
}
.why__card-title {
font-size: 2rem
}
.industries__slide-arrow {
width: 8.75rem;
height: 8.75rem
}
.media__blocks {
gap: 5.5rem
}
.steps__list {
margin-top: 9.25rem
}
.steps__item {
width: 13.9375rem;
max-width: 13.9375rem
}
.steps__item-wrapper {
height: 25rem
}
.steps__item-image {
width: 29.6875rem;
height: 29.6875rem
}
.steps__item-num {
left: 1.6875rem;
font-size: 8rem
}
.steps__item-title.title {
font-size: 3rem
}
.steps__item-title.title-sm {
font-size: 2.5rem
}
.steps__item-arrow {
width: 5.1875rem;
height: 5.1875rem
}
.ready {
padding: 5rem 0 0
}
.ready__main {
bottom: 4rem
}
.book__image {
left: 4.1rem;
top: -2.75rem;
width: 32.8125rem
}
}
@media (min-width:1455.98px) {
.container {
max-width: 89rem
}
.testimonial.swiper-slide {
width: 27.5rem
}
.steps__item-bottom {
padding-left: 1.3rem
}
.ready__main {
bottom: 8.8rem
}
}
@media (max-width:991.98px) {
body.lock-menu {
overflow: hidden
}
.header__container.container {
max-width: 100%
}
.header__btn {
padding: .5rem;
min-height: 3rem;
width: 3rem;
height: 3rem;
-ms-flex-negative: 0;
flex-shrink: 0
}
.heading.heading--blog-post .heading__image {
height: auto;
width: 100%
}
.why__card.swiper-slide {
width: 21rem
}
.why__card.why__card--primary .why__card-img {
background: #cdfffb
}
.why__card.why__card--secondary .why__card-img {
background: radial-gradient(66.67% 66.67% at 50% 50%, #f9f2ee 0, #fef5ee 100%), #fff
}
.why__card-img {
width: 21.5rem;
height: 12.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: .5rem;
overflow: hidden;
background: #fff
}
.why__card-img img {
max-height: 100%
}
.media__block-grid .article-card .article-card__image {
border-radius: .5rem
}
.steps__item.active {
margin-top: 2.5rem;
height: 24.75rem
}
.steps__item.active .steps__item-num {
top: 50%;
line-height: 1;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.post-main__title {
font-size: 2.125rem;
line-height: 120%
}
}
@media (max-width:767.98px) {
.typography-block ol, .typography-block ul {
margin-bottom: 1.2em
}
.menu {
position: fixed;
inset: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
padding: 7.125rem 1rem 2rem;
gap: 1rem;
-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
transition: transform .3s ease, opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
scrollbar-width: none
}
.menu::-webkit-scrollbar {
display: none
}
.header.open-menu .menu {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.heading.heading--blog-post .heading__description {
color: #7c8698;
font-size: 1rem;
font-weight: 300;
line-height: 120%
}
.heading.heading--blog .heading__description {
color: #7c8698;
font-size: 1rem;
font-weight: 300;
line-height: 120%
}
.heading__title.title-sm {
font-size: 2.125rem
}
.case-card.case-card--white .case-card__details {
padding: 0 1rem 1.25rem
}
.case-card.case-card--white .case-card__name {
font-size: 1.25rem
}
.case-card.case-card--white .metrics {
gap: .75rem
}
.book__features li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
line-height: 1.1
}
.book__features li:first-child {
max-width: 17rem
}
}
@media (max-width:575.98px) {
.pagination__item:not(.current, .dotts, .last) {
display: none
}
.person__name {
font-size: 2.125rem;
letter-spacing: normal
}
.footer {
padding: 2rem 0 1.5rem;
border-radius: 1rem 1rem 0 0;
background: #fff
}
.hero__btn.icon-whatsapp {
display: none
}
.hero__feature.hidden-mobile {
display: none
}
.testimonial.testimonial--large {
padding: 1rem
}
.testimonial.testimonial--large .testimonial__author-name {
font-size: 1.5rem
}
.testimonial.testimonial--large .testimonial__text {
font-size: 1.125rem;
line-height: 130%
}
.testimonial.testimonial--large .testimonial__rating .icon-star {
width: 1.5625rem;
height: 1.625rem;
font-size: 1.625rem
}
.testimonial.testimonial--large .testimonial__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.ready__btn {
padding-inline: .5rem
}
.book__action {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-inline: .5rem
}
}
@media (any-hover:hover) {
.fancybox__slide.has-ajax .f-button.is-close-button:hover {
opacity: 1
}
.breadcrumbs__link:is(a):hover {
color: #16eedc
}
.pagination__item:is(a):hover {
color: #fff;
background: #16eedc
}
.pagination__next:hover, .pagination__prev:hover {
background-color: rgb(216.5, 216.5, 216.5)
}
.label-badge:hover {
background: #ffc49f
}
.swiper-button-next:hover, .swiper-button-prev:hover {
background: #b0df1d
}
.filter-btn:hover {
color: #192a3f
}
.typography-block a:not(.article__more, .btn):hover {
text-decoration: underline
}
::-webkit-scrollbar-thumb:hover {
background: rgb(14.212, 194.788, 179.74)
}
.form__checkbox-text a:hover {
text-decoration: none
}
.menu__link:hover {
color: #737f94
}
.footer__menu-list li a:hover {
color: #16eedc
}
.footer__terms ul a:hover {
color: rgb(14.212, 194.788, 179.74)
}
.case-card.swiper-slide:hover {
opacity: .25
}
.case-card.swiper-slide.swiper-slide-active:hover {
opacity: 1
}
.case-card:hover .case-card__arrow::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
color: #000
}
.solution-card__wrapper:hover::after {
opacity: 1;
visibility: visible
}
.solution-card__wrapper:hover .solution-card__title {
color: #192a3f
}
.solution-card__wrapper:hover::before {
margin-top: 0;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
visibility: visible
}
.industries__slide:hover .industries__slide-arrow::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.media__block-all:hover {
color: rgb(14.212, 194.788, 179.74)
}
.steps__item-arrow:hover {
background-color: rgba(255, 255, 255, .5)
}
.cooming-soon__socials-link:hover {
border-bottom-color: transparent
}
.post-main__title-link:hover {
color: #16eedc
}
.article__toc-link:hover {
color: #16eedc
}
}