:root {
--fb: "C-InterTight", sans-serif;
--f1: JuraVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
--f2: InterVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
--f3: RalewayVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
--f4: ManropeVariable, "Helvetica CY", "Nimbus Sans L", sans-serif;
--cb: #171b2b;
--c1: #fff;
--c2: #000;
--c3: #064cea;
--c4: #f7f8fd;
--c5: #f8f9fd;
--c6: #5b5d72;
--c7: #272b3f;
--c8: #a3a7c7;
--c9: #dee0ef;
--c10: #0f1323;
--c11: #102557;
--c12: #838fb5;
--c13: #0a66c2;
--c14: #d44570;
--c15: #1873ea;
--c16: #e00420;
--c17: #3390ec;
--c18: #4ec95b;
--c19: #583fbb;
--c20: red;
--c21: #fb5a8e;
--c22: #3d3d3d;
--c23: #8993af;
--c24: #dde1ff;
--c25: #777;
--c26: #001652;
--c27: #393939;
--c28: #272727;
--c29: #e9e9e9;
--c30: #1b1b1f;
--c31: #686868;
--c32: #252525;
--c33: #36394a;
--c34: #ebecf4;
--c35: #54567c;
--c36: #36374b;
--c37: #40434b;
--c38: #dfe1e7;
--c39: #3c6aff;
--c40: #ecf1fa;
--c41: #f3f3f3;
--c42: #475569;
--c43: #f5f7fc;
--c44: #4c4c4c;
--c45: #f9fafe;
--c46: #eef0f6;
--c47: #eff1fa;
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: var(--cb);
font: 1em var(--fb);
scroll-behavior: smooth;
--swiper-theme-color: #007aff;
--swiper-navigation-size: 44px;
--hero-bg-height: 50%
}
@media (min-width:1201px) {
:root {
scroll-padding-top: 120px
}
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
line-height: 1.15
}
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
background: 0 0;
border: 0;
font-size: inherit;
font: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline
}
html:has(.body-style-1) {
height: 100%
}
html:has(.body-style-1) body {
height: 100%
}
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1;
margin: 0;
min-height: 100vh;
min-height: -webkit-fill-available;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-ms-scroll-chaining: none;
background-color: #fdfdfd;
overscroll-behavior: contain
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
display: block
}
address,
cite,
dfn,
em,
i,
var {
font-style: normal
}
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
font-weight: 400
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
summary {
display: list-item
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent;
text-decoration: none;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
:focus,
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
img {
border: 0;
color: transparent;
font-size: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
svg:not(:root) {
overflow: hidden
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
mark {
background: #ff0;
color: #000
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
border-collapse: collapse;
border-collapse: initial;
border-spacing: 0;
border-spacing: 8px;
width: 100%
}
td,
th {
padding: 0
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline-offset: -2px
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto;
resize: vertical
}
optgroup {
font-weight: 700
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
body,
html {
scrollbar-gutter: stable
}
body:has(dialog[open]) {
overflow-y: hidden
}
body.body-style-1 main {
padding-top: 0
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
footer,
header {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding-top: 40px
}
a::-moz-selection,
b::-moz-selection,
em::-moz-selection,
h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
h6::-moz-selection,
img::-moz-selection,
input:not([type=checkbox], [type=radio])::-moz-selection,
li::-moz-selection,
p::-moz-selection,
picture::-moz-selection,
span::-moz-selection,
strong::-moz-selection,
table td::-moz-selection,
table th::-moz-selection {
background-color: var(--cb);
color: var(--c1)
}
a::selection,
b::selection,
em::selection,
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection,
img::selection,
input:not([type=checkbox], [type=radio])::selection,
li::selection,
p::selection,
picture::selection,
span::selection,
strong::selection,
table td::selection,
table th::selection {
background-color: var(--cb);
color: var(--c1)
}
.container,
.container-lg,
.container-md {
margin-left: auto;
margin-right: auto
}
.container {
max-width: 1200px
}
.container-lg {
max-width: 1400px
}
.container-md {
max-width: 774px
}
@media (max-width:1430px) {
.container-lg {
padding-left: 2.7972027972%;
padding-right: 2.7972027972%
}
}
@media (max-width:1230px) {
.container,
.container-lg {
padding-left: 3.2520325203%;
padding-right: 3.2520325203%
}
}
@media (max-width:1200px) {
:root {
scroll-padding-top: 80px
}
main {
padding-top: 20px
}
.container,
.container-lg {
padding-left: 3.3333333333%;
padding-right: 3.3333333333%
}
}
@media (max-width:804px) {
.container-md {
padding-left: 4.9751243781%;
padding-right: 4.9751243781%
}
}
@media (max-width:1024px) {
.container,
.container-lg,
.container-md {
padding-left: 3.90625%;
padding-right: 3.90625%
}
}
@media (max-width:767px) {
.container,
.container-lg,
.container-md {
padding-left: 20px;
padding-right: 20px
}
.table-style-3,
.table-style-3 tbody {
display: block
}
.table-style-3 tr {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 7px 120px;
gap: 7px;
grid-template-columns: 1fr 120px
}
.table-style-3 tr+tr {
margin-top: 28px
}
.table-style-3 td:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.table-style-3 td:nth-child(3) {
grid-column: 1/-1;
padding: 0
}
}
@media (max-width:415px) {
.container,
.container-lg,
.container-md {
padding-left: 15px;
padding-right: 15px
}
}
h1,
h2,
h3 {
font-weight: 500;
overflow-wrap: anywhere
}
h2,
h3 {
line-height: 1.15
}
h1 {
font-size: 2.8125rem;
line-height: 1.125;
margin-bottom: 40px
}
h2 {
font-size: 2.1875rem;
line-height: 1.3;
margin-bottom: 20px
}
h2 strong {
color: rgba(91, 93, 114, .5);
font-weight: inherit
}
h3 {
font-size: 1.25rem;
margin-bottom: 23px
}
@media (max-width:375px) {
:root {
font-size: .875em
}
main {
padding-top: 10px
}
.container,
.container-lg,
.container-md {
padding-left: 10px;
padding-right: 10px
}
h1,
h2 {
font-size: 2.5rem
}
h3 {
font-size: 1.4285714286rem
}
}
td {
background-color: var(--c46);
border-radius: 7px;
color: var(--c2);
font-weight: 500;
letter-spacing: .25px;
line-height: 1.2;
padding: 16px 15px 14px
}
.table-style-1 td:nth-child(2) {
text-align: center
}
.table-style-2 td {
vertical-align: middle
}
@media (min-width:768px) {
.table-style-1 td:nth-child(2) {
min-width: 120px;
width: 120px
}
.table-style-1 td:nth-child(3) {
min-width: 238px;
padding: 0;
width: 238px
}
}
@media (max-width:576px) {
.table-style-3 tr {
-ms-grid-columns: 1fr 100px;
grid-template-columns: 1fr 100px
}
.table-style-3 td {
font-size: .875rem;
padding-bottom: 19px;
padding-top: 22px
}
}
@media (max-width:415px) {
.table-style-3 tr {
gap: 15px
}
}
@media (max-width:375px) {
td {
padding: 22px 10px 20px
}
.table-style-3 tr {
-ms-grid-columns: 1fr 10px 80px;
gap: 10px;
grid-template-columns: 1fr 80px
}
.table-style-3 td {
font-size: .8571428571rem
}
}
blockquote,
ol:not(.reset-list),
p,
ul:not(.reset-list) {
line-height: 1.4
}
ol:not(.reset-list),
p,
ul:not(.reset-list) {
margin-bottom: 20px
}
a:hover {
text-decoration: none
}
a:not(.reset-link):not(.button) {
color: var(--c3);
text-decoration: none;
text-underline-offset: 3px
}
a:not(.reset-link):not(.button):hover {
text-decoration: underline
}
img,
picture {
height: auto;
max-width: 100%
}
picture {
display: block
}
b,
strong {
font-weight: 600
}
ol:not(.reset-list):not(.ab-top-menu),
ul:not(.reset-list):not(.ab-top-menu) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
ol:not(.reset-list):not(.ab-top-menu) li,
ul:not(.reset-list):not(.ab-top-menu) li {
padding-left: 24px;
position: relative
}
ol:not(.reset-list):not(.ab-top-menu) li:before,
ul:not(.reset-list):not(.ab-top-menu) li:before {
position: absolute
}
ul:not(.reset-list) li:before {
background-color: var(--cb);
border-radius: 50%;
content: "";
height: 6px;
left: 9px;
top: 7px;
width: 6px
}
ol:not(.reset-list) {
counter-reset: num
}
ol:not(.reset-list) li {
position: relative
}
ol:not(.reset-list) li:before {
content: counter(num) ".";
counter-increment: num;
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;
font-size: .875rem;
height: 18px;
left: 0;
line-height: 1;
top: 2px;
width: 18px
}
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) {
background-color: var(--c5);
border-radius: 10px;
margin-bottom: 30px;
padding: 24px 20px 26px
}
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) ol:not(.reset-list),
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) ul:not(.reset-list) {
row-gap: 9px
}
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) strong {
font-weight: 500
}
blockquote ol:not(.reset-list):last-child,
blockquote p:last-child,
blockquote ul:not(.reset-list):last-child {
margin-bottom: 0
}
@media (max-width:320px) {
h1,
h2 {
font-size: 2.1428571429rem
}
.table-style-3 td {
font-size: .7857142857rem
}
blockquote:not(.info-blockquote, .reviews-list-item-blockquote) {
padding-left: 10px;
padding-right: 10px
}
ol:not(.reset-list) li:before {
font-size: 1rem
}
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 100;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Thin.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Thin.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Thin.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 100;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ThinItalic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ThinItalic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ThinItalic.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 200;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraLight.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraLight.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraLight.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 200;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraLightItalic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraLightItalic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraLightItalic.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 300;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Light.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Light.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Light.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 300;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-LightItalic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-LightItalic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-LightItalic.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 400;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Regular.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Regular.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Regular.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 400;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Italic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Italic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Italic.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 500;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Medium.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Medium.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Medium.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 500;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-MediumItalic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-MediumItalic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-MediumItalic.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 600;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-SemiBold.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-SemiBold.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-SemiBold.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 600;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-SemiBoldItalic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-SemiBoldItalic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-SemiBoldItalic.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 700;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Bold.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Bold.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Bold.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 700;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-BoldItalic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-BoldItalic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-BoldItalic.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 800;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraBold.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraBold.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraBold.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 800;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraBoldItalic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraBoldItalic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-ExtraBoldItalic.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: normal;
font-weight: 900;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Black.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Black.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-Black.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: C-InterTight;
font-style: italic;
font-weight: 900;
src: url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-BlackItalic.ttf) format("truetype"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-BlackItalic.woff2) format("woff2"), url(//casecraft.ai/wp-content/themes/casecraft/assets/fonts/InterTight/InterTight-BlackItalic.woff) format("woff")
}
.wrapper {
margin: auto;
max-width: 1295px;
padding: .1px 50px;
position: relative;
width: 100%
}
.wrapper--overflow-hidden {
overflow: hidden
}
@media screen and (max-width:1200px) {
.wrapper {
padding: .1px 10px
}
}
@media screen and (max-width:993px) {
.wrapper--lg-overflow-visible {
overflow: visible
}
}
@media screen and (max-width:586px) {
.wrapper--sm-overflow-visible {
overflow: visible
}
}
.hel {
font-size: 0;
height: 0;
line-height: 0;
opacity: 0;
text-indent: -9999px;
visibility: hidden;
width: 0
}
.db {
display: block
}
.dn {
display: none
}
.disabled,
.hidden {
pointer-events: none
}
.hidden {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
visibility: hidden
}
.visible {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
visibility: visible
}
.ovh {
overflow: hidden
}
.ovyh {
overflow-y: hidden
}
.tac {
text-align: center
}
.ttu {
text-transform: uppercase
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.logo-company {
display: inline-block;
text-decoration: none
}
.logo-company svg {
height: 100%;
width: 100%
}
.logo-company:hover {
text-decoration: none
}
.logo-company-path {
fill: currentColor;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.dotlottie-wrapper canvas,
.spline-viewer-wrapper canvas {
height: auto;
max-width: 100%
}
.list-img,
.list-img-2 {
position: relative
}
.list-img {
overflow: hidden
}
.list-img img,
.list-img picture {
height: 100%;
left: 0;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0
}
.list-img-2 div {
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: absolute
}
.list-img-2 img,
.list-img-2 picture {
max-height: 100%;
width: auto
}
iframe:not(.facebook),
iframe:not(.instagram-media),
iframe:not([id^=telegram]),
video {
border: none;
margin-bottom: 0
}
.video-wrapper {
margin-bottom: 45px;
padding-top: 56.25%;
position: relative
}
.video-wrapper iframe:not(.facebook),
.video-wrapper iframe:not(.instagram-media),
.video-wrapper iframe:not([id^=telegram]),
.video-wrapper video {
border: none;
height: 100%;
left: 0;
margin-bottom: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.carousel-wrapper,
.slider-wrapper {
position: relative
}
.carousel-wrapper .carousel-btn,
.carousel-wrapper .slider-btn,
.slider-wrapper .carousel-btn,
.slider-wrapper .slider-btn {
position: absolute
}
.slider-wrapper .swiper-horizontal>.swiper-pagination-bullets,
.slider-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
.slider-wrapper .swiper-pagination-custom,
.slider-wrapper .swiper-pagination-fraction {
bottom: auto;
top: 40px
}
.slider-wrapper .swiper-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
justify-content: center
}
.slider-wrapper .swiper-pagination-bullet {
background-color: var(--c6);
border-radius: 50%;
height: 8px;
opacity: 1;
width: 8px
}
.slider-wrapper .swiper-pagination-bullet-active {
background-color: var(--c1)
}
.carousel-wrapper.slider-wrapper-not-initialized,
.carousel-wrapper.slider-wrapper-not-initialized .carousel-btn,
.carousel-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized,
.slider-wrapper.slider-wrapper-not-initialized .carousel-btn,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn {
position: static
}
.carousel-wrapper:not(.slider-wrapper-not-initialized),
.slider-wrapper:not(.slider-wrapper-not-initialized) {
position: relative
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn {
position: absolute;
z-index: 2
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
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;
background-color: var(--c1);
border: 1px solid var(--c24);
border-radius: 5px;
cursor: pointer;
padding: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
fill: currentColor
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover {
background-color: var(--c24)
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock {
display: none;
pointer-events: none
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) {
height: 26px;
width: 26px
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg {
height: 8px;
width: 14px
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
color: var(--cb);
height: 50px;
width: 50px
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
height: 16px;
width: 18px;
fill: currentColor
}
.slider-single-item .slider-btn,
.slider-single-item .swiper-pagination,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized .swiper-pagination {
display: none
}
.s_ocial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.s_ocial a,
.s_ocial li {
display: inline-block;
height: 20px;
width: 20px
}
.s_ocial:not(.social-style-1, .social-style-2) a {
color: var(--cb)
}
.s_ocial.social-style-1 a {
color: var(--c5)
}
.s_ocial.social-style-2 li:has(.s_ocial__e_mail) {
height: 18px;
width: 24px
}
.s_ocial.social-style-2 a {
color: var(--c3)
}
.s_ocial.social-style-2 a.s_ocial__e_mail {
height: 18px;
width: 24px
}
.s_ocial a,
.s_ocial a:hover {
text-decoration: none
}
.s_ocial a.s_ocial__l_inkedin:hover {
color: var(--c13)
}
.s_ocial a.s_ocial__i_nstagram:hover,
.s_ocial a.s_ocial__t_alk:hover {
color: var(--c14)
}
.s_ocial a.s_ocial__f_acebook:hover {
color: var(--c15)
}
.s_ocial a.s_ocial__p_interest:hover {
color: var(--c16)
}
.s_ocial a.s_ocial__t_elegram:hover {
color: var(--c17)
}
.s_ocial a.s_ocial__w_hatsapp:hover {
color: var(--c18)
}
.s_ocial a.s_ocial__v_iber:hover {
color: var(--c19)
}
.s_ocial a.s_ocial__y_outube:hover {
color: var(--c20)
}
.s_ocial a.s_ocial__m_essenger:hover {
color: var(--c21)
}
.s_ocial svg {
height: 100%;
width: 100%;
fill: currentColor;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.social-style-4 {
gap: 13px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.social-style-4 .s_ocial__e_mail path,
.social-style-4 .s_ocial__l_inkedin path {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.social-style-4 .s_ocial__l_inkedin path {
fill: var(--c3)
}
.social-style-4 .s_ocial__l_inkedin:hover path {
fill: var(--c13)
}
.social-style-4 .s_ocial__e_mail .path-1 {
fill: var(--c3)
}
.social-style-4 .s_ocial__e_mail .path-2 {
fill: var(--c1)
}
.social-style-4 .s_ocial__e_mail:hover .path-1 {
fill: var(--c13)
}
.social-style-5 {
gap: 5px
}
.social-style-5 a,
.social-style-5 li {
height: 50px;
width: 50px
}
.social-style-5 a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
border: 1px solid rgba(48, 48, 48, .1);
border-radius: 5px;
justify-content: center
}
.social-style-5 a path {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.social-style-5 .s_ocial__f_acebook svg,
.social-style-5 .s_ocial__i_nstagram svg,
.social-style-5 .s_ocial__l_inkedin svg {
height: 20px;
width: 20px
}
.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.social-style-5 .s_ocial__y_outube svg {
height: 15px;
width: 21px
}
.social-style-5 .s_ocial__f_acebook,
.social-style-5 .s_ocial__i_nstagram,
.social-style-5 .s_ocial__l_inkedin,
.social-style-5 .s_ocial__y_outube {
color: var(--cb)
}
.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path,
.social-style-5 .s_ocial__y_outube path {
fill: currentColor
}
.social-style-5 .s_ocial__f_acebook:hover,
.social-style-5 .s_ocial__i_nstagram:hover,
.social-style-5 .s_ocial__l_inkedin:hover,
.social-style-5 .s_ocial__y_outube:hover {
color: var(--c3)
}
.header--dark .social-style-5 a {
border-color: var(--c8);
color: var(--c8)
}
.body-style-1 {
padding: 20px 0 20px 20px;
position: relative
}
.body-style-1.mobile-user-agent {
padding-right: 20px
}
.body-style-1 main {
position: relative
}
.body-style-1 section {
height: 100%;
position: relative;
z-index: 2;
-webkit-box-pack: center;
-ms-flex-pack: center;
background: var(--c4) url(//casecraft.ai/wp-content/themes/casecraft/assets/img/bg.svg) no-repeat 0 100%;
background-size: cover;
border-radius: 10px;
justify-content: center
}
.body-style-1 .container-md,
.body-style-1 section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.body-style-1 .container-md {
padding: 20px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.body-style-1 h1 {
font-size: 3.4375rem;
margin-bottom: 22px;
text-align: center
}
.body-style-1 h1~p {
font-size: 1.125rem;
line-height: 1.4;
max-width: 530px;
text-align: center
}
.body-style-1 h1~p:last-of-type {
margin-bottom: 0
}
.body-style-1 h1~p+.btn {
margin-top: 38px
}
.body-style-1 h1~p+.form {
margin-top: 39px
}
@media (max-width:576px) {
.body-style-1 h1 {
font-size: 2.8125rem
}
.body-style-1 p {
font-size: 1rem
}
}
@media (max-width:415px) {
.body-style-1 h1 {
font-size: 2.1875rem
}
}
@media (max-width:375px) {
.body-style-1 {
padding: 10px 0 10px 10px
}
.body-style-1.mobile-user-agent {
padding-right: 10px
}
.body-style-1 .container-md {
padding: 10px
}
.body-style-1 h1 {
font-size: 2.5rem
}
.body-style-1 h1~p {
font-size: 1.1428571429rem
}
}
@media (max-width:320px) {
.body-style-1 h1 {
font-size: 1.875rem
}
}
.scroll-table-content {
background-color: var(--c5);
border-radius: 15px;
margin-bottom: 30px;
overflow-x: auto;
overflow-y: hidden;
padding: 20px 16px
}
.scroll-table-content table {
margin-bottom: 0
}
@media (max-width:415px) {
.scroll-table-content {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.scroll-table-content {
padding-left: 10px;
padding-right: 10px
}
}
.map-wrapper {
border-radius: 5px;
overflow: hidden;
padding-top: 71.845%;
position: relative
}
.map-wrapper iframe {
border: none;
height: 100%;
left: 0;
min-width: 100%;
position: absolute;
top: 0
}
.style-1 {
margin-bottom: 150px
}
.style-2 {
max-height: 400px;
overflow: hidden
}
.style-3 {
margin-bottom: 130px
}
.style-4 {
margin-bottom: 100px
}
.style-5 {
margin-bottom: 60px
}
.style-6 {
margin-bottom: 64px
}
.style-7 {
margin-bottom: 77px
}
.style-8 {
margin-bottom: 70px
}
@media (max-width:767px) {
.style-1,
.style-4 {
margin-bottom: 80px
}
}
.alert {
border-radius: 15px;
margin-bottom: 40px;
padding: 24px 27px
}
.alert p {
letter-spacing: .5px;
line-height: 1.4
}
.alert p:last-child {
margin-bottom: 0
}
.alert strong {
font-weight: 600
}
@media (max-width:767px) {
.alert {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.alert {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.alert {
padding-left: 10px;
padding-right: 10px
}
}
.alert--info p,
.alert--primary p {
color: var(--c1)
}
.alert--info {
background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%)
}
.alert--primary {
background-color: hsla(0, 0%, 100%, .13)
}
.alert-success {
background-color: var(--c5)
}
.alert-style-1 {
border-radius: 7px;
padding: 18px 16px 16px
}
.alert-style-1 p {
font-size: .875rem;
letter-spacing: .25px
}
.alert-style-2 {
border-left: 5px solid var(--c3);
border-radius: 0;
padding: 15px
}
.alert-style-2 p {
color: var(--c2);
font-weight: 600
}
.alert-style-3 {
padding-bottom: 19px;
padding-top: 19px
}
.alert-style-3 p {
font-weight: 500
}
.alert-style-3 p a {
text-decoration: underline
}
.alert-style-3 p a:hover {
text-decoration: none
}
.alert--has-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: 34px;
-moz-column-gap: 34px;
column-gap: 34px
}
.alert--has-icon svg {
-ms-flex-negative: 0;
flex-shrink: 0
}
.alert--has-icon ol,
.alert--has-icon p,
.alert--has-icon ul {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.alert--has-icon.icon-bell svg {
height: 46px;
width: 37px
}
.alert--has-icon.icon-info svg {
height: 29px;
width: 25px
}
.alert--has-icon-style-1 {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.title-1 {
font-size: 2.8125rem
}
.title-2 {
color: var(--c28);
font-size: 1.25rem;
line-height: 1.3
}
.title-2+.add-info {
padding-top: 12px
}
@media (max-width:375px) {
.alert--has-icon {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.alert-style-1 p {
font-size: 1rem
}
.alert--has-icon.icon-bell svg {
height: 25px;
width: 20px
}
.title-1 {
font-size: 2.5rem
}
.title-2 {
font-size: 1.4285714286rem
}
}
@media (max-width:320px) {
.title-1 {
font-size: 2.1428571429rem
}
}
.chips {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px
}
.chips-btn {
background-color: var(--c5);
border-radius: 5px;
color: var(--cb);
display: inline-block;
font: 700 .875rem/1 var(--f1);
letter-spacing: -.42px;
padding: 8px 10px
}
.chips-btn:hover {
background-color: #e4e8f7;
border-color: #e4e8f7
}
.chips-btn.active {
background-color: var(--c3);
color: var(--c1);
pointer-events: none
}
@media (min-width:577px) {
.chips {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.add-info-style-7 h2 {
translate: 0 16px
}
}
@media (max-width:576px) {
.chips {
overflow-x: auto;
overflow-y: hidden;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch
}
.chips::-webkit-scrollbar {
display: none
}
.chips-btn {
scroll-snap-align: start;
white-space: nowrap
}
}
@media (max-width:375px) {
.chips-btn {
font-size: 1rem
}
}
.tooltip {
cursor: pointer;
position: relative
}
.tooltip:hover .tooltip__content {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
visibility: visible
}
.tooltip__content {
background-color: var(--c1);
border: 1px solid var(--c41);
border-radius: 8px;
-webkit-box-shadow: 3px 3px 12px 0 var(--c40);
box-shadow: 3px 3px 12px 0 var(--c40);
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
opacity: 0;
padding: 15px 16px 13px;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) .2s;
transition: .3s cubic-bezier(.175, .885, .32, 1.275) .2s;
visibility: hidden;
width: min(100vw, 305px);
z-index: 1
}
.tooltip-icon {
-ms-flex-negative: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
flex-shrink: 0;
height: 20px;
width: 20px
}
.tooltip-icon.tooltip-icon--info {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%233c6aff' fill-rule='evenodd' d='M19.6 10A9.6 9.6 0 1 1 .4 10a9.6 9.6 0 0 1 19.2 0m-8.4-4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M8.8 8.8a1.2 1.2 0 1 0 0 2.4v3.6A1.2 1.2 0 0 0 10 16h1.2a1.2 1.2 0 1 0 0-2.4V10A1.2 1.2 0 0 0 10 8.8z' clip-rule='evenodd'/%3E%3C/svg%3E")
}
.tooltip-text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
color: var(--c42);
flex-grow: 1;
font-size: .75rem;
font-weight: 400;
line-height: 1.3
}
@media (max-width:375px) {
.tooltip-text {
font-size: .8571428571rem
}
}
@media (max-width:767px) {
.breadcrumbs+.top-section-dark-content {
margin-top: 40px
}
}
.add-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px
}
.add-info+.blog-list,
.add-info+.recall {
margin-top: 60px
}
.add-info .breadcrumbs {
margin-bottom: 0
}
.add-info+.article {
margin-top: 64px
}
.add-info+.article-preview-info-content {
margin-top: 40px
}
.add-info-style-1 h2,
.add-info-style-1 p {
max-width: 520px
}
.add-info-style-1 h2 {
margin-bottom: 0
}
.add-info-style-2 p {
color: var(--c6);
font-size: 1.125rem
}
.add-info-style-2 p:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.add-info+.article-preview-info-content {
margin-top: 58px
}
.add-info-style-4>div:last-child {
display: none
}
.add-info-style-6 {
-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;
row-gap: 35px
}
.add-info-style-6 h2 {
margin-bottom: 0
}
}
@media (max-width:576px) {
.add-info-style-3 {
display: block
}
.add-info-style-3>div+div {
margin-top: 18px
}
}
@media (max-width:375px) {
.add-info+.article-preview-info-content {
margin-top: 10px
}
.tag-style-3+.add-info.add-info-style-5 {
margin-top: 0
}
.add-info-style-2 p {
font-size: 1rem
}
.add-info-style-5 {
-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;
row-gap: 22px
}
.add-info-style-5>div:has(.btn-full-mobile) {
width: 100%
}
.add-info-style-5 h2 {
margin-bottom: 0
}
}
.icon,
.icon-2 {
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
}
.icon {
background-color: var(--c1);
border-radius: 15px;
-webkit-box-shadow: 0 4px 20px 0 rgba(23, 15, 73, .08);
box-shadow: 0 4px 20px 0 rgba(23, 15, 73, .08)
}
.icon-2 {
border: 1px solid var(--c35);
border-radius: 7px
}
.icon-stars-2 svg {
height: 33px;
width: 28px
}
.icon-success svg {
height: 33px;
width: 33px
}
.icon-check--round svg {
height: 20px;
width: 20px
}
.icon-success-2 svg {
height: 25px;
width: 25px
}
.icon-costs svg {
height: 26px;
width: 24px
}
.icon-learning svg {
height: 35px;
width: 36px
}
.icon-collaboration svg {
height: 31px;
width: 31px
}
.icon-customer svg {
height: 20px;
width: 35px
}
.icon-design svg,
.icon-responsibility svg {
height: 34px;
width: 34px
}
.icon-design-2 svg {
height: 36px;
width: 32px
}
.icon-style-1 {
height: 60px;
width: 60px
}
.icon-style-2 {
height: 85px;
width: 85px
}
.icon-style-2.icon-success svg {
height: 46px;
width: 46px
}
.icon-style-2.icon-costs svg {
height: 35px;
width: 32px
}
.icon-style-3 {
height: 32px;
width: 32px
}
.icon-style-4 {
height: 45px;
width: 45px
}
.tag {
border-radius: 20px;
color: var(--c6);
display: inline-block;
font: 700 .875rem/1 var(--f1);
letter-spacing: -.42px;
margin-bottom: 26px;
padding: 8px 15px 6px;
text-align: center
}
@media (max-width:375px) {
.tag {
font-size: 1rem
}
}
.tag-default {
background-color: var(--c1)
}
.tag-primary {
background-color: var(--c5)
}
.tag-info {
background-color: var(--c33);
color: var(--c1)
}
.tag-info.tag-with-border-animation:before {
background-color: var(--c33)
}
.tag-style-1 {
min-width: 158px
}
.tag-style-2 {
padding: 12px 20px
}
.tag-style-2.tag-with-icon.tag-icon-lock {
padding-left: 45px
}
.tag-style-2.tag-with-icon.tag-icon-lock svg {
left: 20px
}
.tag-style-3+.add-info {
margin-top: -14px
}
.tag-style-4+h2 {
margin-top: -2px
}
.tag-style-5 {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border: 1px solid var(--c3);
border-radius: 5px;
color: var(--c3);
font-size: .625rem;
font-weight: 600;
letter-spacing: normal;
min-width: 110px;
text-transform: uppercase
}
@media (max-width:375px) {
.tag-style-5 {
font-size: .7142857143rem
}
}
.tag-style-6 {
min-width: 126px
}
.tag-style-7 {
font: 600 .75rem var(--fb);
letter-spacing: .25px
}
.tag-style-8 {
min-width: 166px
}
.tag-style-9 {
padding: 7px 14px 5px
}
.tag-style-10 {
border-radius: 15px
}
.tag-style-11 {
background-color: hsla(0, 0%, 100%, .13);
color: var(--c1)
}
.tag-style-12 {
background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
color: var(--c1)
}
.tag-style-13 {
min-width: min(200px, 100%)
}
.tag-style-14 {
font-weight: 400
}
@media (max-width:375px) {
.tag-style-7 {
font-size: .8571428571rem
}
}
.tag-with-icon {
position: relative
}
.tag-with-icon svg {
left: 0;
position: absolute;
top: 50%;
translate: 0 -50%;
fill: currentColor
}
.tag-icon-lock svg {
height: 17px;
width: 13px
}
.tag-with-border-animation {
background-color: transparent;
overflow: hidden;
position: relative
}
.tag-with-border-animation.tag-with-icon svg {
z-index: 2
}
.tag-with-border-animation span {
display: inline-block;
position: relative;
z-index: 2
}
.tag-with-border-animation:after,
.tag-with-border-animation:before {
content: "";
position: absolute
}
.tag-with-border-animation:before {
border-radius: inherit;
inset: 1px;
z-index: 1
}
.tag-with-border-animation:after {
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
background: conic-gradient(from 0 at 50% 50%, hsla(0, 0%, 100%, .5) 0deg, hsla(0, 0%, 100%, 0) 60deg, hsla(0, 0%, 100%, 0) 310deg, hsla(0, 0%, 100%, .5) 1turn);
left: 50%;
min-height: 20rem;
rotate: -45deg;
top: 50%;
translate: -50% -50%;
width: 100%
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.menu-with-active-marker-wrapper {
position: relative
}
.active-marker {
background-color: var(--c3);
display: inline-block;
height: 40px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 3px
}
.menu-with-active-marker {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 20px;
row-gap: 23px
}
.menu-with-active-marker .active a {
color: var(--c3)
}
.menu-with-active-marker a {
color: var(--c1);
display: inline-block;
line-height: 1.2
}
.menu-with-active-marker a:hover {
color: var(--c3)
}
.list-1,
.list-2,
.list-3,
.list-4,
.list-5,
.list-6,
.list-7,
.list-8,
.list-9 {
display: -ms-grid;
display: grid
}
.list-1,
.list-2,
.list-3,
.list-7 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.list-1 {
gap: 57px 10px
}
.list-2 {
gap: 15px
}
.list-3,
.list-5 {
gap: 20px
}
.list-4,
.list-5,
.list-6,
.list-8,
.list-9 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.list-4 {
gap: 56px 20px
}
.list-6 {
gap: 120px 30px
}
.list-7 {
gap: 23px 10px
}
.list-9 {
gap: 10px
}
.list-10 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 26px
}
@media (max-width:767px) {
.list-1,
.list-2,
.list-3,
.list-7 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.list-6,
.list-8,
.list-9 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.list-4 {
row-gap: 40px
}
.list-6 {
row-gap: 34px
}
.list-8 {
row-gap: 60px
}
}
@media (max-width:576px) {
.list-1,
.list-2,
.list-3,
.list-4,
.list-5,
.list-7 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.list-1 {
row-gap: 37px
}
}
@media (max-width:320px) {
.accordion-style-6 .accordion__btn {
font-size: 1.2857142857rem
}
.accordion-style-6 .accordion__btn:after {
top: 22px
}
.list-2,
.list-3,
.list-5 {
row-gap: 10px
}
}
.list-style-1 .list-item {
display: block;
height: 100%
}
.list-style-1 .list-item p {
color: var(--cb);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
margin-bottom: 0
}
.list-style-1 .list-item img,
.list-style-1 .list-item p {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.list-style-1 .list-item:hover p {
color: var(--c3)
}
.list-style-1 .list-item:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.list-style-1 .list-item-img {
border-radius: 5px;
padding-top: 63.563%
}
.list-style-1 .list-item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 15px;
margin-bottom: 12px;
margin-top: 10px
}
.list-style-1 .list-item-info span {
display: inline-block;
line-height: 1
}
.list-style-1 .list-item-info-category {
margin-bottom: 0
}
.list-style-1 .list-item-info-date {
color: rgba(91, 93, 114, .5);
font-size: .875rem
}
@media (max-width:375px) {
.list-style-1 .list-item p {
font-size: 1.4285714286rem
}
.list-style-1 .list-item-info-date {
font-size: 1rem
}
}
.list-style-2 .list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
background-color: var(--c5);
border-radius: 10px;
-ms-flex-direction: column;
flex-direction: column;
padding: 23px 25px 37px;
row-gap: 19px
}
.list-style-2 .list-item strong {
display: block;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
padding-top: 14px
}
.list-style-2 .list-item p {
color: var(--c6);
font-size: .875rem;
max-width: 320px
}
.list-style-2 .list-item p:last-of-type {
margin-bottom: 0
}
@media (max-width:375px) {
.list-style-2 .list-item {
padding-left: 20px;
padding-right: 20px;
padding-top: 30px
}
.list-style-2 .list-item strong {
font-size: 1.4285714286rem;
padding-top: 3px
}
.list-style-2 .list-item p {
font-size: 1rem
}
}
@media (max-width:320px) {
.list-style-2 .list-item {
padding: 20px 10px 32px
}
}
.list-style-3 .list-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.list-style-3 .list-item p,
.list-style-3 .list-item strong {
text-align: center
}
.list-style-4 .list-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.list-style-5 .list-item p+.btn {
margin-top: 20px
}
.list-style-6 .list-item .icon-success+strong {
margin-top: 4px
}
.list-style-6 .list-item p,
.list-style-6 .list-item strong {
color: var(--c6)
}
.list-style-6 .list-item strong {
display: block;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.4;
margin-bottom: 20px;
padding-top: 14px
}
.list-style-6 .list-item p {
font-size: .875rem
}
.list-style-6 .list-item p:last-of-type {
margin-bottom: 0
}
.list-style-7-item {
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: justify;
-ms-flex-pack: justify;
background-color: var(--c43);
border-radius: 15px;
cursor: pointer;
justify-content: space-between;
padding: 20px;
row-gap: 30px
}
.list-style-7-item:hover .list-style-7-bl-2 span {
background-color: var(--c39);
color: var(--c1)
}
.list-style-7-bl-1 p,
.list-style-7-bl-1 span {
color: var(--c2)
}
.list-style-7-bl-1 span {
background-color: var(--c1);
border-radius: 15px;
display: inline-block;
font-size: .75rem;
letter-spacing: .25px;
line-height: 1;
min-width: 82px;
padding: 9px 10px 7px;
text-align: center
}
.list-style-7-bl-1 span+p {
margin-top: 15px
}
.list-style-7-bl-1 p {
font-size: 1.125rem;
line-height: 1.4;
max-width: 335px
}
.list-style-7-bl-1 p strong {
font-weight: 600
}
.list-style-7-bl-1 p:last-child {
margin-bottom: 0
}
.list-style-7-bl-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 15px 30px;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
grid-template-columns: 1fr 30px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
.list-style-7-bl-2:has(p) div:first-child {
background-color: var(--c39);
border: 1px solid var(--c39);
border-radius: 7px;
padding: 11px 10px 9px
}
.list-style-7-bl-2:has(p) div:first-child p {
color: var(--c1);
font-size: .6875rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 1.2;
max-width: 285px
}
.list-style-7-bl-2:has(p) div:first-child p:last-child {
margin-bottom: 0
}
.list-style-7-bl-2 span {
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;
background-color: var(--c1);
border-radius: 50%;
color: var(--c44);
cursor: pointer;
height: 30px;
padding: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 30px
}
.list-style-7-bl-2 span svg {
height: 17px;
width: 17px;
fill: currentColor
}
@media (max-width:375px) {
.list-style-6 .list-item strong {
font-size: 1.2857142857rem
}
.list-style-6 .list-item p {
font-size: 1rem
}
.list-style-7-item {
padding-left: 10px;
padding-right: 10px
}
.list-style-7-bl-1 span {
font-size: .8571428571rem
}
.list-style-7-bl-1 p {
font-size: 1.1428571429rem
}
}
.list-style-8 div {
background-color: var(--c45);
border: 1px solid var(--c45);
border-radius: 15px;
color: var(--c2);
font-size: 1rem;
font-weight: 500;
line-height: 1.3;
padding: 23px 22px 21px
}
.list-style-8 div:nth-child(odd) {
position: relative
}
.list-style-8 div:nth-child(odd):after {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' fill='none' viewBox='0 0 29 30'%3E%3Cpath fill='%23064cea' d='M28.414 16.414a2 2 0 0 0 0-2.828L15.686.858a2 2 0 1 0-2.828 2.828L24.172 15 12.858 26.314a2 2 0 1 0 2.828 2.828zM0 17h27v-4H0z'/%3E%3C/svg%3E") 50% 50% no-repeat;
content: "";
height: 30px;
position: absolute;
width: 29px
}
.list-style-8 div:nth-child(2n) {
border-color: var(--c3);
color: var(--c3);
font-size: 1.125rem;
font-weight: 600
}
@media (min-width:768px) {
.list-8 {
gap: 10px 79px
}
.list-style-8 div:nth-child(odd):after {
left: 100%;
top: 50%;
translate: 25px -50%
}
}
.list-style-9-item {
background-color: var(--c39);
border-radius: 15px;
padding: 20px;
row-gap: 15px
}
.list-style-9-item,
.list-style-9__bl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.list-style-9__bl {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
background-color: hsla(0, 0%, 100%, .16);
border-radius: 7px;
justify-content: center;
padding: 20px 24px
}
.list-style-9__bl p {
color: var(--c1);
font-size: 1.25rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 1.4
}
.list-style-9__bl p:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.list-style-8 div {
padding-left: 20px;
padding-right: 20px
}
.list-style-8 div:nth-child(odd):after {
left: 50%;
rotate: 90deg;
top: 100%;
translate: -50% 18px
}
.list-style-9-item,
.list-style-9__bl {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.list-style-8 div,
.list-style-9-item,
.list-style-9__bl {
padding-left: 15px;
padding-right: 15px
}
.list-style-9__bl p {
font-size: 1.125rem
}
}
@media (max-width:375px) {
.list-style-8 div {
padding-left: 10px;
padding-right: 10px
}
.list-style-8 div:nth-child(2n) {
font-size: 1.1428571429rem
}
.list-style-9-item,
.list-style-9__bl {
padding-left: 10px;
padding-right: 10px
}
.list-style-9__bl p {
font-size: 1.1428571429rem
}
}
.list-style-10 div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--c5);
border-radius: 15px;
padding: 28px 25px 26px
}
.list-style-10 div p {
color: var(--c2);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.list-style-10 div p:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.list-style-10 div {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.list-style-10 div {
padding-left: 15px;
padding-right: 15px
}
.list-style-10 div p {
font-size: 1.125rem
}
}
@media (max-width:375px) {
.list-style-10 div {
padding-left: 10px;
padding-right: 10px
}
.list-style-10 div p {
font-size: 1.1428571429rem
}
}
.list-style-11-item .tag {
margin-bottom: 19px
}
.list-style-11-item div {
background-color: var(--c47);
border-radius: 7px;
padding: 14px 16px
}
.list-style-11-item div ol,
.list-style-11-item div p,
.list-style-11-item div ul {
color: var(--cb);
font-size: .875rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 1.5
}
.list-style-11-item div ol:last-child,
.list-style-11-item div p:last-child,
.list-style-11-item div ul:last-child {
margin-bottom: 0
}
.list-style-11-item div ul:not(.reset-list) li {
padding-left: 12px
}
.list-style-11-item div ul:not(.reset-list) li:before {
background-color: var(--cb);
height: 4px;
left: 0;
top: 8px;
width: 4px
}
button,
input,
select,
textarea {
background: 0 0;
border: none;
border-radius: 0
}
button:focus,
input:focus,
select:focus,
textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0
}
.style-check {
cursor: pointer;
display: inline-block;
line-height: 1.2;
padding-left: 25px;
position: relative
}
.style-check input[type=checkbox],
.style-check input[type=radio] {
left: 0;
overflow: hidden;
position: absolute;
top: 0;
clip: rect(0 0 0 0);
height: 16px;
width: 16px
}
.style-check input[type=checkbox]+span,
.style-check input[type=radio]+span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 16px;
left: 0;
position: absolute;
top: -2px;
width: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--c1);
border: 1px solid var(--c31);
border-radius: 2px
}
.style-check input[type=checkbox]+span svg,
.style-check input[type=radio]+span svg {
height: 9px;
scale: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 10px;
fill: var(--cb)
}
.style-check input[type=checkbox]:checked+span,
.style-check input[type=radio]:checked+span {
pointer-events: none
}
.style-check input[type=checkbox]:checked+span svg,
.style-check input[type=radio]:checked+span svg {
scale: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.style-check input[type=radio]+span {
border-radius: 50%
}
.style-check-style-1 {
color: var(--c1);
font: .625rem var(--f3)
}
input:not([type=checkbox], [type=radio], [type=number]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input:not([type=checkbox], [type=radio])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--c8);
opacity: 1;
text-overflow: ellipsis
}
input:not([type=checkbox], [type=radio])::-webkit-input-placeholder:focus,
textarea::-webkit-input-placeholder:focus {
color: transparent
}
input:not([type=checkbox], [type=radio]):-moz-placeholder,
textarea:-moz-placeholder {
color: var(--c8);
opacity: 1;
text-overflow: ellipsis
}
input:not([type=checkbox], [type=radio]):-moz-placeholder:focus,
textarea:-moz-placeholder:focus {
color: transparent
}
input:not([type=checkbox], [type=radio])::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--c8);
opacity: 1;
text-overflow: ellipsis
}
input:not([type=checkbox], [type=radio])::-moz-placeholder:focus,
textarea::-moz-placeholder:focus {
color: transparent
}
input:not([type=checkbox], [type=radio]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--c8);
opacity: 1;
text-overflow: ellipsis
}
input:not([type=checkbox], [type=radio]):-ms-input-placeholder:focus,
textarea:-ms-input-placeholder:focus {
color: transparent
}
.form {
position: relative
}
.form label:not(.style-check) {
display: block;
line-height: 1;
margin-bottom: 9px
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form label:not(.style-check),
.form select,
.form textarea {
padding-left: 15px;
padding-right: 15px
}
.form .label--required span {
display: inline-block;
padding-right: 12px;
position: relative
}
.form .label--required span:after {
content: "*";
position: absolute;
right: 0;
top: -1px
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form select,
.form textarea {
background-color: var(--c1);
border: 1px solid var(--c9);
border-radius: 5px;
font-weight: 700;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):focus,
.form select:focus,
.form textarea:focus {
border-color: #cdd0e7
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form select {
height: 50px
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input).surname {
bottom: 0;
height: 0;
opacity: 0;
padding: 0;
pointer-events: none;
position: absolute;
right: 0;
width: 0;
z-index: -1
}
.form textarea {
border: 1px solid transparent;
line-height: 1.2;
min-height: 135px;
padding-bottom: 15px;
padding-top: 15px;
resize: vertical
}
.form textarea:focus {
-webkit-text-size-adjust: 100%
}
.form.has-required input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):required,
.form.has-required textarea:required {
border-color: var(--c20)
}
.form.has-required input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):required:valid,
.form.has-required textarea:required:valid {
border-color: var(--c3)
}
.form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: var(--c1)
}
.form-style-2 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-2 select,
.form-style-2 textarea {
background-color: hsla(0, 0%, 100%, .05);
border-color: hsla(0, 0%, 100%, .05);
color: var(--c8);
font: 400 .875rem var(--fb)
}
@media (max-width:375px) {
.list-style-11-item div ol,
.list-style-11-item div p,
.list-style-11-item div ul {
font-size: 1rem
}
.style-check-style-1 {
font-size: .7142857143rem
}
.form-style-2 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-2 select,
.form-style-2 textarea {
font-size: 1rem
}
}
.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select,
.form-style-3 textarea {
background-color: var(--c5);
border-color: var(--c5);
color: var(--c8);
font-size: .875rem
}
.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):focus,
.form-style-3 select:focus,
.form-style-3 textarea:focus {
border-color: #e4e8f7
}
.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select {
height: 30px;
padding-left: 10px;
padding-right: 10px
}
@media (max-width:375px) {
.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select,
.form-style-3 textarea {
font-size: 1rem
}
}
.form-style-4 label:not(.style-check) {
color: var(--c1);
font-weight: 700;
margin-bottom: 14px;
padding-left: 0;
padding-right: 0
}
.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select,
.form-style-4 textarea {
background-color: hsla(0, 0%, 100%, .05);
border-color: hsla(0, 0%, 100%, .05);
color: var(--c8);
font: 400 .625rem var(--f3)
}
.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select {
height: 40px
}
.form-style-4 textarea {
min-height: 96px
}
.form-style-5 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-5 select,
.form-style-5 textarea {
background-color: var(--c7);
border-color: var(--c6);
color: var(--c8);
font-weight: 700
}
@media (min-width:416px) {
.form-style-1 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-1 label:not(.style-check),
.form-style-1 select,
.form-style-1 textarea {
padding-left: 25px;
padding-right: 25px
}
.subscribe-form .fluentform fieldset .ff-t-container,
.subscribe-form-content {
-ms-grid-columns: 1fr 156px;
grid-template-columns: 1fr 156px
}
}
.form .dn,
.form .hidden {
display: none
}
.style-select {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' fill='none' viewBox='0 0 5 3'%3E%3Cpath fill='%23021320' fill-rule='evenodd' d='M2.77 2.885A.37.37 0 0 1 2.505 3a.37.37 0 0 1-.266-.115L.115.673A.4.4 0 0 1 0 .395a.4.4 0 0 1 .11-.28A.38.38 0 0 1 .379 0a.36.36 0 0 1 .267.12l1.859 1.936L4.364.119a.37.37 0 0 1 .526.005.4.4 0 0 1 .005.549z' clip-rule='evenodd'/%3E%3C/svg%3E") calc(100% - 10px) 50% no-repeat
}
.style-select:focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' fill='none' viewBox='0 0 5 3'%3E%3Cpath fill='%23021320' fill-rule='evenodd' d='M2.23.115A.37.37 0 0 1 2.495 0c.1 0 .195.041.266.115l2.124 2.212A.4.4 0 0 1 5 2.605a.4.4 0 0 1-.11.28.38.38 0 0 1-.269.115.36.36 0 0 1-.267-.12L2.495.945.636 2.881a.37.37 0 0 1-.526-.005.4.4 0 0 1-.005-.549z' clip-rule='evenodd'/%3E%3C/svg%3E")
}
.form__submit {
display: block;
text-decoration: none;
width: 100%
}
.form__submit:hover {
text-decoration: none
}
.form-close {
color: var(--cb);
cursor: pointer;
opacity: 0;
padding: 0;
position: absolute;
right: 20px;
scale: 0;
top: 20px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
visibility: hidden;
z-index: 2
}
.form-close svg {
height: 14px;
width: 14px;
fill: currentColor
}
.form-close:hover {
color: var(--c20)
}
.form-close.show {
opacity: 1;
scale: 1;
visibility: visible
}
div.form-message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
background-color: var(--cb);
justify-content: center;
padding: 25px 30px
}
div.form-message h3,
div.form-message p {
max-width: 400px
}
div.form-message h3 {
color: var(--c1);
font: 700 1.625rem/1.3 var(--f1);
margin-bottom: 20px
}
div.form-message h3:has(.icon-style-4) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px
}
div.form-message h3:has(.icon-style-4) .icon-2 {
translate: 0 8px;
-ms-flex-negative: 0;
flex-shrink: 0
}
div.form-message h3:has(.icon-style-4)~p {
max-width: 440px;
padding-left: 60px
}
div.form-message p {
color: hsla(0, 0%, 100%, .5);
font-size: .875rem
}
div.form-message p:last-of-type {
margin-bottom: 0
}
@media (max-width:767px) {
.form-message {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.form-message {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select,
.form-style-4 textarea {
font-size: .7142857143rem
}
.form-message {
padding-left: 10px;
padding-right: 10px
}
.form-message h3 {
font-size: 1.4285714286rem
}
.form-message p {
font-size: 1rem
}
}
.subscribe-form {
width: min(472px, 100%)
}
.subscribe-form .fluentform~p {
color: var(--c8);
font-size: .625rem;
line-height: 1.25;
margin-bottom: 0;
margin-top: 11px
}
.subscribe-form .fluentform~p a {
color: inherit;
text-decoration: underline
}
.subscribe-form .fluentform~p a:hover {
text-decoration: none
}
.subscribe-form .fluentform fieldset .ff-t-container,
.subscribe-form-content {
display: -ms-grid;
display: grid;
gap: 20px 10px
}
.subscribe-form-content+p {
color: var(--c8);
font-size: .625rem;
line-height: 1.25;
margin-bottom: 0;
margin-top: 11px
}
.subscribe-form-content+p a {
color: inherit;
text-decoration: underline
}
.subscribe-form-content+p a:hover {
text-decoration: none
}
.subscribe-form-style-1 .fluentform+p,
.subscribe-form-style-1 .subscribe-form-content+p {
color: var(--c8);
margin-top: 30px
}
@media (max-width:375px) {
.subscribe-form .fluentform~p,
.subscribe-form-content+p {
font-size: .7142857143rem
}
}
.subscribe-newsletter-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16px
}
.subscribe-newsletter-form:has(fieldset) {
display: block
}
.subscribe-newsletter-form:has(fieldset) fieldset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16px
}
.subscribe-newsletter-form .fluentform .ff-el-input--label {
display: none
}
.subscribe-newsletter-form .fluentform .ff-el-group {
margin-bottom: 0
}
.subscribe-newsletter-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: var(--c1)
}
@media (min-width:641px) {
.subscribe-newsletter-form:has(.form__submit) .form__submit {
width: min(132px, 100%)
}
}
.experts-form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr;
gap: 20px 10px;
grid-template-columns: repeat(2, 1fr)
}
.experts-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: #fff
}
.experts-form-item-3,
.experts-form-item-4,
.experts-form-item-5 {
grid-column: 1/-1
}
.experts-form-item-4 {
margin-top: -5px
}
.experts-form-item-5 {
padding-top: 15px
}
.content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.content__aside {
-ms-flex-negative: 0;
flex-shrink: 0
}
.content__main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media (min-width:768px) {
.content-1__aside {
-ms-flex-preferred-size: 30.4166666667%;
flex-basis: 30.4166666667%
}
.content-2__aside {
-ms-flex-preferred-size: 42.25%;
flex-basis: 42.25%
}
.content-3__aside {
-ms-flex-preferred-size: 38.1666666667%;
flex-basis: 38.1666666667%
}
.content-4__aside {
-ms-flex-preferred-size: 46%;
flex-basis: 46%
}
.content-5__aside {
-ms-flex-preferred-size: 29.1666666667%;
flex-basis: 29.1666666667%
}
.content-6__aside {
-ms-flex-preferred-size: 49%;
flex-basis: 49%
}
.content-7__aside {
-ms-flex-preferred-size: 39.3333333333%;
flex-basis: 39.3333333333%
}
.content-8__aside {
-ms-flex-preferred-size: 37.5%;
flex-basis: 37.5%
}
.content-9__aside {
-ms-flex-preferred-size: 30.1652892562%;
flex-basis: 30.1652892562%
}
.content-10__aside {
-ms-flex-preferred-size: 29.5%;
flex-basis: 29.5%
}
.content-style-1 {
-webkit-column-gap: 3.75%;
-moz-column-gap: 3.75%;
column-gap: 3.75%
}
.content-style-2 {
-webkit-column-gap: 7.75%;
-moz-column-gap: 7.75%;
column-gap: 7.75%
}
.content-style-3 {
-webkit-column-gap: 6.6666666667%;
-moz-column-gap: 6.6666666667%;
column-gap: 6.6666666667%
}
.content-style-4 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.content-style-5 {
-webkit-column-gap: 4.75%;
-moz-column-gap: 4.75%;
column-gap: 4.75%
}
.content-style-6 {
-webkit-column-gap: 9.1666666667%;
-moz-column-gap: 9.1666666667%;
column-gap: 9.1666666667%
}
.content-style-7 {
-webkit-column-gap: 10.4166666667%;
-moz-column-gap: 10.4166666667%;
column-gap: 10.4166666667%
}
.content-style-8 {
-webkit-column-gap: 11.4166666667%;
-moz-column-gap: 11.4166666667%;
column-gap: 11.4166666667%
}
.content-style-9 {
-webkit-column-gap: 6.1983471074%;
-moz-column-gap: 6.1983471074%;
column-gap: 6.1983471074%
}
}
@media (min-width:768px) and (max-width:1200px) {
.subscribe-form-style-1 .subscribe-form-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.content-style-10 {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px
}
}
@media (min-width:1201px) {
.content-style-10 {
-webkit-column-gap: 9.1666666667%;
-moz-column-gap: 9.1666666667%;
column-gap: 9.1666666667%
}
}
@media (max-width:767px) {
.subscribe-form-style-1 .subscribe-form-content+p {
margin-top: 25px
}
.content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 45px
}
.content-9__aside {
width: min(292px, 100%)
}
}
body:has(.top-section+.media) .top-section-content {
padding-bottom: 190px;
padding-top: 193px
}
body:not(:has(.top-section+.media)) .top-section-content {
padding-bottom: 120px;
padding-top: 120px
}
.top-section-author {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--c3);
-webkit-column-gap: 13px;
-moz-column-gap: 13px;
column-gap: 13px;
font-size: .75rem;
letter-spacing: -.36px;
line-height: 1.2
}
.top-section-author .spline-viewer-wrapper {
height: 100px;
padding-top: 0;
width: 100px
}
.top-section-author svg {
height: 20px;
width: 19px;
fill: currentColor
}
.top-section-content {
row-gap: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.top-section-content h1 {
font-size: 3.4375rem;
font-weight: 500;
line-height: 1.3;
max-width: 774px;
padding-top: 7px;
text-align: center
}
.top-section-content h1~p {
font-size: 1.125rem;
line-height: 1.4;
max-width: 532px;
text-align: center
}
.top-section-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
padding-top: 20px
}
.top-section-style-1 {
border-radius: 10px;
margin-left: 20px;
margin-right: 20px
}
@media (min-width:768px) {
.top-section-content {
min-height: 800px
}
body:not(:has(.top-section+.media)) .top-section-content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width:1200px) {
.top-section-style-1 {
margin-top: -120px
}
}
@media (max-width:767px) {
body:has(.top-section+.media) .top-section-content,
body:not(:has(.top-section+.media)) .top-section-content {
padding-top: 188px
}
body:not(:has(.top-section+.media)) .top-section-content {
padding-bottom: 90px
}
}
@media (min-width:431px) {
.top-section {
background: var(--c4) url(//casecraft.ai/wp-content/themes/casecraft/assets/img/bg.svg) no-repeat 50% 100%;
background-size: cover
}
}
@media (max-width:430px) {
body:has(.top-section+.media) .top-section-content,
body:not(:has(.top-section+.media)) .top-section-content {
padding-bottom: 40px;
padding-top: 35px
}
.top-section-style-1 {
margin-left: 20px;
margin-right: 20px;
margin-top: 1px
}
}
@media (max-width:415px) {
.content-9__aside {
width: 100%
}
.top-section-style-1 {
margin-left: 15px;
margin-right: 15px
}
}
@media (max-width:430px) {
.top-section {
background-color: var(--c4)
}
.top-section-style-1 {
margin-left: 10px;
margin-right: 10px
}
.top-section-content h1 {
font-size: 2.1875rem
}
.top-section-content h1~p {
font-size: 1rem;
max-width: 290px
}
.top-section-btns {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.top-section-btns+.media-content {
display: block;
margin-top: 20px;
width: 100%
}
}
@media (max-width:375px) {
.top-section-content h1 {
font-size: 2.5rem
}
}
.top-section-style-2 .top-section-content,
.top-section-style-2 .top-section-dark-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.top-section-style-2 .top-section-content h1,
.top-section-style-2 .top-section-content p:last-of-type,
.top-section-style-2 .top-section-dark-main h1,
.top-section-style-2 .top-section-dark-main p:last-of-type {
margin-bottom: 0
}
.top-section-dark {
background-color: var(--c10);
border-radius: 10px;
padding-bottom: 107px;
padding-top: 178px
}
.top-section-dark h1 {
color: var(--c5);
padding-bottom: 3px
}
.top-section-dark p {
color: hsla(0, 0%, 100%, .6);
max-width: 590px
}
.top-section-dark .top-section-author {
color: var(--c1)
}
.top-section-dark .breadcrumbs {
background-color: rgba(39, 43, 63, .3);
margin-bottom: 8px
}
.top-section-dark .breadcrumbs li:not(:last-child) a,
.top-section-dark .breadcrumbs li:not(:last-child):after {
color: var(--c6)
}
.top-section-dark .breadcrumbs li:not(:last-child) a:hover {
color: var(--c3)
}
.top-section-dark .breadcrumbs li:last-child a {
color: var(--c1);
pointer-events: none
}
.top-section-dark-aside .form-message {
padding-left: 0;
padding-right: 0
}
@media (max-width:767px) {
.top-section-dark .breadcrumbs {
margin-bottom: 0
}
.top-section-dark-style-6 {
padding-bottom: 134px
}
}
.top-section-dark-main {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
row-gap: 28px
}
.top-section-dark-img img,
.top-section-dark-img picture {
border-radius: 10px
}
.top-section-dark-style-1 p {
color: var(--c5);
max-width: 455px
}
.top-section-dark-style-2 .breadcrumbs {
margin-bottom: 40px
}
.top-section-dark-style-3 .top-section-dark-main {
row-gap: 19px
}
.top-section-dark-style-3 .top-section-dark-main h1 {
line-height: 1.3;
padding-bottom: 0;
padding-top: 4px
}
.top-section-dark-style-3 .top-section-dark-main p+.btn {
margin-top: 20px
}
.top-section-dark-style-4 {
padding-top: 140px
}
.top-section-dark-style-5 .top-section-dark-main {
row-gap: 18px
}
.top-section-dark-style-5 .top-section-dark-main h1 {
line-height: 1.3;
padding-bottom: 0
}
.top-section-dark-style-5 .top-section-dark-main p {
color: hsla(0, 0%, 100%, .6);
font-size: 1.125rem
}
.top-section-dark-style-5 .top-section-dark-main p+.btn {
margin-top: 20px
}
@media (max-width:430px) {
.top-section-dark-style-4 {
padding-top: 40px
}
.top-section-dark-style-5 .top-section-dark-main p {
font-size: 1.125rem
}
.top-section-dark-style-6 {
padding-bottom: 120px
}
}
@media (max-width:375px) {
.top-section-dark-style-5 .top-section-dark-main p {
font-size: 1.2857142857rem
}
}
@media (min-width:768px) {
.top-section-dark-style-7 .content__main {
min-height: 370px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.top-section-dark-style-9 h1 {
max-width: 570px
}
.top-section-dark-style-9 p {
max-width: 455px
}
.top-section-dark-style-10 {
padding-bottom: 60px
}
@media (max-width:430px) {
.top-section-dark-style-10 {
padding-bottom: 40px
}
}
.top-section-dark-style-11 .top-section-dark-aside {
border-radius: 10px
}
.top-section-dark-style-12 .top-section-dark-aside {
background-color: var(--cb);
padding: 60px 5%
}
@media (max-width:767px) {
.top-section-dark-style-8 .breadcrumbs {
margin-bottom: 0
}
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 8.7336244541%;
padding-right: 8.7336244541%
}
}
@media (max-width:640px) {
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 10.7142857143%;
padding-right: 10.7142857143%
}
}
@media (max-width:576px) {
.experts-form {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.top-section-dark-style-12 .top-section-dark-aside {
padding: 40px 20px
}
}
@media (max-width:320px) {
.top-section-content h1 {
font-size: 2.1428571429rem
}
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px
}
}
.top-section-dark-style-13 .top-section-dark-aside {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background: rgba(39, 43, 63, .5);
padding: 40px 3.3333333333%
}
@media (max-width:1024px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 3.90625%;
padding-right: 3.90625%
}
.recall-content {
-webkit-column-gap: 8.4745762712%;
-moz-column-gap: 8.4745762712%;
column-gap: 8.4745762712%
}
}
@media (max-width:767px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 40px;
padding-right: 40px
}
}
@media (max-width:576px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:320px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px
}
}
.top-section-dark-style-14 .top-section-dark-aside {
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
}
.top-section-dark-style-15 .top-section-dark-aside h2 {
color: var(--c1);
font-size: 1.125rem;
line-height: 1.4;
margin-bottom: 22px
}
.top-section-dark-style-16 .breadcrumbs+.top-section-dark-content {
margin-top: 32px
}
.top-section-dark-style-33 .top-section-dark-main {
row-gap: 18px
}
.top-section-dark-style-33 .top-section-dark-main h1 {
line-height: 1.3;
padding-bottom: 0
}
.top-section-dark-style-33 .top-section-dark-main p {
color: hsla(0, 0%, 100%, .69);
font-size: 1rem
}
.top-section-dark-style-33 .top-section-dark-main p+.btn {
margin-top: 20px
}
.top-section-dark-style-34 h1,
.top-section-dark-style-34 p {
max-width: 500px
}
.top-section-dark-style-35 {
background: linear-gradient(250deg, #0f1323 48.75%, #14204c 109.33%)
}
.top-section-dark-style-36 .content__aside h2 {
color: var(--c1);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.2
}
.top-section-dark-style-37 .top-section-dark-aside {
background-color: var(--cb);
padding: 30px 2.5% 45px
}
.top-section-dark-style-38 {
padding-bottom: 100px
}
.top-section-dark-style-39 .content__aside h2 {
margin-bottom: 32px
}
@media (max-width:767px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 4.3668122271%;
padding-right: 4.3668122271%
}
}
@media (max-width:640px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 5.3571428571%;
padding-right: 5.3571428571%
}
}
@media (max-width:576px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:430px) {
.top-section-dark-style-38 {
padding-bottom: 40px
}
}
@media (max-width:320px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px
}
}
@media (max-width:767px) {
.top-section-dark-style-17 h1 {
max-width: 574px
}
.top-section-dark-style-17 p {
max-width: 455px
}
.top-section-dark-style-18 {
padding-bottom: 20px
}
.top-section-dark-style-19 .top-section-dark-main p {
font-size: 1.125rem
}
.top-section-dark-style-20 .content {
row-gap: 30px
}
.top-section-dark-style-21 {
padding-bottom: 97px
}
.top-section-dark-style-22 .top-section-dark-aside h2 {
display: none
}
.top-section-dark-style-23 .content {
row-gap: 38px
}
.top-section-dark-style-24 .breadcrumbs+.top-section-dark-content {
margin-top: 70px
}
.top-section-dark-style-28 {
padding-bottom: 60px;
padding-top: 120px
}
.top-section-dark-style-29 .breadcrumbs {
margin-bottom: 12px
}
.top-section-dark-style-30 .top-section-dark-main p {
color: hsla(0, 0%, 100%, .6);
max-width: 600px
}
}
@media (max-width:430px) {
.top-section-dark-style-18 {
padding-bottom: 40px
}
.top-section-dark-style-19 .top-section-dark-main p {
font-size: 1rem
}
.top-section-dark-style-20 .content {
row-gap: 40px
}
.top-section-dark-style-25 .top-section-dark-main p {
color: var(--c1)
}
.top-section-dark-style-26 .breadcrumbs+.top-section-dark-content {
margin-top: 24px
}
.top-section-dark-style-27 .content {
row-gap: 80px
}
.top-section-dark-style-28 {
padding-bottom: 40px;
padding-top: 40px
}
.top-section-dark-style-31 .top-section-dark-main {
row-gap: 16px
}
.top-section-dark-style-32 .top-section-dark-main p+.btn {
margin-top: 24px
}
}
.media {
margin-top: -320px
}
.media-content {
border: 1px solid var(--c24);
border-radius: 10px;
margin-left: auto;
margin-right: auto;
max-width: 870px;
overflow: hidden;
position: relative
}
.media-play-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
left: 50%;
position: absolute;
top: 50%;
translate: -50% -50%;
z-index: 1;
-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(0, 22, 82, .11);
border: 1px dashed rgba(0, 22, 82, .11);
border-radius: 50%;
color: var(--c1);
cursor: pointer;
height: 72px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 72px
}
.media-play-btn svg {
height: 30px;
margin-left: 6px;
position: relative;
width: 27px;
z-index: 1;
fill: currentColor
}
.media-play-btn svg path {
fill: currentColor
}
.media-play-btn span {
-webkit-animation: smallScale 3s infinite;
animation: smallScale 3s infinite;
background-color: rgba(223, 225, 231, .64);
border: 1px solid rgba(0, 22, 82, .22);
border-radius: 50%;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.media-play-btn:hover {
color: var(--c3)
}
@-webkit-keyframes smallScale {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@keyframes smallScale {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
.media-content-img {
padding-top: 71.15%
}
.media-video-wrapper {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
@media (max-width:767px) {
.media {
margin-top: -220px
}
}
@media (min-width:576px) and (max-width:767px) {
.media {
padding-left: 40px;
padding-right: 40px
}
}
@media (min-width:376px) and (max-width:575px) {
.media {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:430px) {
.media {
margin-top: 0
}
.media,
.media-content {
display: none
}
.media-play-btn {
height: 50px;
width: 50px
}
.media-play-btn svg {
height: 22px;
width: 19px
}
}
.info h2,
.info h3 {
color: var(--c28);
margin-bottom: 28px
}
.info h3 {
line-height: 1.3
}
.info ol:not(.reset-list),
.info p,
.info ul:not(.reset-list) {
margin-bottom: 28px
}
.info p {
color: var(--c27);
max-width: 550px
}
.info p:last-child {
margin-bottom: 0
}
.info-content {
display: -ms-grid;
display: grid
}
@media (min-width:768px) {
.info-content {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
@media (min-width:376px) {
.info h3 {
font-size: 1.375rem
}
}
.info-img img,
.info-img picture {
border-radius: 10px
}
.info-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px
}
.info-style-1 .info-content {
gap: 35px 6.6666666667%
}
.info-style-2 .info-content {
gap: 30px 4.5833333333%
}
.info-style-3 .info-content {
-ms-grid-columns: min(650px, 100%);
grid-template-columns: min(650px, 100%)
}
.info-style-3 .info-content h2:last-child {
margin-bottom: 0
}
.info-style-5 .info-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:768px) {
.info-style-4 .info-content {
-ms-grid-columns: 49.1666666667% 4.1666666667% 1fr;
gap: 30px 4.1666666667%;
grid-template-columns: 49.1666666667% 1fr
}
.info-style-6 .info-content,
.info-style-8 .info-content {
-ms-grid-columns: 45.8333333333% 1fr;
grid-template-columns: 45.8333333333% 1fr;
row-gap: 30px
}
.info-style-6 .info-content {
-webkit-column-gap: 4.5833333333%;
-moz-column-gap: 4.5833333333%;
column-gap: 4.5833333333%
}
.info-style-8 .info-content {
-ms-grid-columns: 45.8333333333% 8.3333333333% 1fr;
-webkit-column-gap: 8.3333333333%;
-moz-column-gap: 8.3333333333%;
column-gap: 8.3333333333%;
grid-template-columns: 45.8333333333% 1fr
}
}
@media (max-width:767px) {
.info-style-6 .info-content,
.info-style-8 .info-content {
max-width: 555px
}
.info-style-4 .info-content {
row-gap: 40px
}
.info-style-6 .info-content {
row-gap: 60px
}
.info-style-8 .info-content {
row-gap: 30px
}
}
.info-media {
border-radius: 10px;
overflow: hidden;
position: relative
}
.info-media-play-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
left: 50%;
position: absolute;
top: 50%;
translate: -50% -50%;
z-index: 1;
-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(0, 22, 82, .11);
border: 1px dashed var(--c1);
border-radius: 50%;
color: var(--c1);
cursor: pointer;
height: 72px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 72px
}
.info-media-play-btn svg {
height: 30px;
margin-left: 6px;
position: relative;
width: 27px;
z-index: 1;
fill: currentColor
}
.info-media-play-btn svg path {
fill: currentColor
}
.info-media-play-btn span {
-webkit-animation: smallScale 3s infinite;
animation: smallScale 3s infinite;
background-color: hsla(0, 0%, 100%, .3);
border: 1px solid var(--c1);
border-radius: 50%;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.info-media-play-btn:hover {
color: var(--c3)
}
.info-media-img {
padding-top: 70.536%
}
.info-media-video-wrapper {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
@media (max-width:375px) {
.info-style-6 .info-content {
row-gap: 40px
}
.info-style-9 .info-content p {
color: var(--c6)
}
.info-media-play-btn {
height: 50px;
width: 50px
}
.info-media-play-btn svg {
height: 22px;
width: 19px
}
.info-1 h2 {
font-size: 2.1428571429rem
}
}
.info-1 {
margin-bottom: 35px
}
.info-1>h2,
.info-1>h3 {
font-weight: 600;
letter-spacing: .5px;
line-height: 1.3
}
.info-1>h2 {
font-size: 1.875rem;
margin-bottom: 26px
}
.info-1>h3 {
color: var(--c2);
font-size: 1.125rem;
margin-bottom: 32px
}
.info-1>p {
color: var(--c37);
letter-spacing: .5px;
margin-bottom: 32px;
max-width: 760px
}
.info-1>p:last-child {
margin-bottom: 0
}
.info-1-style-1 {
max-width: 788px
}
.info-1-style-2 {
margin-bottom: 26px
}
.info-1-style-3 {
margin-bottom: 35px
}
.info-1-style-4 {
background-color: var(--c43);
border-radius: 15px;
padding: 33px 30px
}
.info-1-style-5>h3 {
margin-bottom: 20px
}
.info-1-style-6 {
margin-bottom: 94px
}
.info-1-style-7 {
margin-bottom: 45px
}
.info-1-style-8 {
max-width: 920px
}
.info-1-style-9 {
margin-bottom: 80px
}
.info-1-style-10>h2 {
margin-bottom: 10px
}
.info-1-style-10>p {
margin-bottom: 40px
}
.info-1-style-11 {
max-width: 768px
}
.info-1-style-12>p {
max-width: 715px
}
.info-1-style-13 blockquote {
background-color: var(--c5);
border-left: 5px solid var(--c3);
border-radius: 0;
margin-bottom: 40px;
padding: 15px
}
.info-1-style-13 blockquote p {
color: var(--c2);
font-weight: 600;
letter-spacing: .5px;
line-height: 1.4
}
.info-1-style-13 blockquote p:last-child {
margin-bottom: 0
}
.info-1-style-13 blockquote strong {
font-weight: 600
}
.info-1-style-14 blockquote {
padding-bottom: 19px;
padding-top: 19px
}
.info-1-style-14 blockquote p {
font-weight: 500
}
.info-1-style-14 blockquote p a {
text-decoration: underline
}
.info-1-style-14 blockquote p a:hover {
text-decoration: none
}
@media (max-width:767px) {
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.info-1>h2 {
font-size: 2.1428571429rem
}
.info-1>h3 {
font-size: 1.2857142857rem
}
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 10px;
padding-right: 10px
}
}
.quiz-to-guide {
background-color: var(--c5);
border-radius: 16px;
padding: 80px 10.152284264%
}
.quiz-to-guide h2 {
font-size: 1.5625rem;
font-weight: 600;
letter-spacing: .25px;
margin-bottom: 27px
}
.quiz-to-guide h2 span {
color: var(--c39)
}
.quiz-to-guide-content.quiz-to-guide--hide {
max-height: 0;
opacity: 0;
overflow: hidden
}
.quiz-to-guide-content.quiz-to-guide--show {
max-height: 9999px;
opacity: 1
}
.quiz-to-guide-content[data-quiz-status=end] h2 {
margin-bottom: 0
}
.quiz-to-guide-content-title-has-icon {
padding-left: 40px;
position: relative
}
.quiz-to-guide-content-title-has-icon-1 {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='27' fill='none' viewBox='0 0 29 27'%3E%3Cpath fill='%233c6aff' d='M22.275.962c-2.33 1.19-5.11 3.505-7.775 6.51-2.668-3.008-5.445-5.32-7.776-6.51-6.227-3.183-8.7 2.387-4.966 4.4 2.724 1.47 5.99 3.965 9.05 6.862-2.496 3.672-4.592 7.868-5.679 12.123-.624 2.44 2.054 4.334 3.626.345 1.053-2.673 3.173-5.724 5.745-8.648 2.572 2.924 4.691 5.975 5.745 8.648 1.571 3.989 4.246 2.095 3.625-.345-1.086-4.255-3.18-8.45-5.68-12.123 3.062-2.897 6.327-5.393 9.05-6.863 3.735-2.015 1.265-7.582-4.965-4.4'/%3E%3C/svg%3E") 0 3px no-repeat
}
.quiz-to-guide-progress {
background-color: var(--c38);
border-radius: 3px;
height: 6px;
position: relative
}
.quiz-to-guide-progress span {
background-color: var(--c3);
border-radius: 3px;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 0
}
.quiz-to-guide-progress+.quiz-to-guide-counter {
margin-top: 20px
}
.quiz-to-guide-counter {
color: var(--c2);
font-size: .9375rem;
letter-spacing: .15px;
line-height: 1;
margin-bottom: 32px
}
.quiz-to-guide-content-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px
}
.quiz-to-guide-content-info {
background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%);
border-radius: 15px;
color: var(--c1);
padding: 30px 20px
}
.quiz-to-guide-content-info .alert {
margin-bottom: 50px
}
.quiz-to-guide-content-info .tag {
margin-bottom: 12px
}
.quiz-to-guide-content-info ol,
.quiz-to-guide-content-info p,
.quiz-to-guide-content-info ul {
font-size: .875rem;
letter-spacing: .25px
}
.quiz-to-guide-content-info ul:not(.reset-list) li {
padding-left: 12px
}
.quiz-to-guide-content-info ul:not(.reset-list) li:before {
background-color: var(--c1);
height: 4px;
left: 0;
width: 4px
}
.quiz-to-guide-content-info ul:not(.reset-list):last-child {
margin-bottom: 0
}
.quiz-to-guide-content-info p {
margin-bottom: 30px
}
@media (max-width:767px) {
.quiz-to-guide {
border-radius: 0;
margin-left: -20px;
margin-right: -20px;
padding: 60px 20px
}
}
@media (max-width:415px) {
.quiz-to-guide {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px
}
.quiz-to-guide .btn-style-10 {
width: calc(50% - 5px)
}
}
@media (max-width:375px) {
.quiz-to-guide {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px
}
.quiz-to-guide h2 {
font-size: 1.4285714286rem
}
.quiz-to-guide-counter {
font-size: 1.0714285714rem
}
.quiz-to-guide-content-info ol,
.quiz-to-guide-content-info p,
.quiz-to-guide-content-info ul {
font-size: 1rem
}
}
.recall {
margin-bottom: 15px
}
.recall-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px 6.6666666667%
}
.recall-content>div:first-child {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 32.0833333333%;
flex-basis: 32.0833333333%
}
.recall-content>div:last-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-grow: 1;
-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;
padding: 20px 44px 20px 0
}
.recall-content p {
font-size: 1.1875rem
}
.recall-content p:last-of-type {
margin-bottom: 0
}
.recall-content p+.recall-name {
margin-top: 22px
}
.recall-img {
min-height: 316px
}
.recall-img .list-img {
border-radius: 10px;
height: 100%
}
.recall-date,
.recall-name {
display: block;
line-height: 1
}
.recall-name {
font-size: .875rem
}
.recall-name+.recall-date {
margin-top: 12px
}
.recall-date {
color: var(--c6);
font-size: .75rem
}
@media (min-width:577px) {
.recall-content {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--c5)), to(var(--c5))), #fff;
background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), #fff;
border-radius: 10px;
overflow: hidden
}
}
@media (max-width:767px) {
.recall-content {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px
}
.recall-content>div:first-child {
-ms-flex-preferred-size: 36.3136176066%;
flex-basis: 36.3136176066%
}
.recall-content p {
font-size: .875rem
}
}
@media (max-width:576px) {
.recall {
margin-bottom: 35px
}
.recall-content>div:first-child {
display: none
}
.recall-content>div:last-child {
padding: 0
}
.recall-content p {
color: var(--c6);
text-align: center
}
.recall-date,
.recall-name {
display: none
}
.case-studies-style-1 .case-studies-content {
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;
row-gap: 18px
}
.case-studies-style-1 .case-studies-content .tag {
margin-bottom: 0
}
.case-studies-style-1 .case-studies-content .tag-style-3+.add-info {
margin-top: 7px
}
.case-studies-style-1 .add-info+.blog-list,
.case-studies-style-1 .add-info+.recall {
margin-top: 0
}
.case-studies-style-1 .add-info h2 {
margin-bottom: 0
}
.case-studies-style-1 .case-studies-add-info {
-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
}
.case-studies-style-1 .case-studies-add-info>div:last-child {
display: none
}
.case-studies-style-3 .case-studies-content .tag {
display: table;
margin-left: auto;
margin-right: auto
}
.case-studies-style-3 .case-studies-content .tag-style-3+.add-info {
margin-top: 7px
}
.case-studies-style-3 .add-info+.blog-list,
.case-studies-style-3 .add-info+.recall {
margin-top: 0
}
.case-studies-style-3 .add-info h2 {
margin-bottom: 18px
}
.case-studies-style-3 .case-studies-add-info {
-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
}
.case-studies-style-3 .case-studies-add-info>div:last-child {
display: none
}
}
.not-found h1 {
text-transform: uppercase
}
.cooming-soon p+.form {
margin-top: 45px
}
@media (max-width:375px) {
.recall-content p {
font-size: 1rem
}
.case-studies-style-2 .case-studies-content>.tag {
display: table;
margin-left: auto;
margin-right: auto
}
}
.why-case-craft-add-info+.why-case-craft-list {
margin-top: 48px
}
.why-case-craft-list .icon path,
.why-case-craft-list .icon svg {
fill: var(--c3)
}
@media (max-width:767px) {
.why-case-craft-content>.tag {
display: table;
margin-left: auto;
margin-right: auto
}
.why-case-craft-add-info h2,
.why-case-craft-add-info p {
text-align: center
}
.why-case-craft-add-info+.why-case-craft-list {
margin-top: 40px
}
.why-case-craft-list-style-1 {
margin-left: auto;
margin-right: auto;
width: min(415px, 100%);
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
}
.process .tag {
display: table;
margin-left: auto;
margin-right: auto
}
.process h2 {
margin-bottom: 38px;
text-align: center
}
.process-list-wrapper {
position: relative
}
.process-list-progressbar {
height: 100%;
position: absolute;
top: 0;
width: 1px
}
.process-list-progressbar span {
background-color: var(--c3);
left: 0;
position: absolute;
top: 0;
width: 1px
}
.desktop-user-agent .process-list-progressbar span {
-webkit-transition: height .3s ease-in-out;
transition: height .3s ease-in-out
}
.process-list-item>strong {
display: block;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
margin-bottom: 20px
}
.process-list-item p,
.process-list-item ul {
color: var(--c6);
font-size: 1.125rem;
margin-bottom: 24px
}
.process-list-item p:last-child,
.process-list-item ul:last-child {
margin-bottom: 0
}
.process-list-item ul:not(.reset-list) li {
padding-left: 26px
}
.process-list-item ul strong {
color: var(--c10);
font-weight: 400
}
.process-list-counter {
color: var(--c24);
font-size: 1.875rem;
font-weight: 500;
line-height: 1;
margin-bottom: 19px;
position: relative;
z-index: 2
}
.process-list-counter span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 30px;
position: absolute;
top: -3px;
width: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--c1);
border: 1px solid var(--c24);
border-radius: 50%;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.process-list-counter span:after {
background-color: var(--c24);
border-radius: 50%;
content: "";
height: 15px;
-webkit-transition: .3s ease-in-out .3s;
transition: .3s ease-in-out .3s;
width: 15px
}
.process-list-counter.active span {
border-color: var(--c3)
}
.process-list-counter.active span:after {
background-color: var(--c3)
}
@media (min-width:768px) {
.process-list {
grid-auto-flow: dense
}
.process-list-counter span {
left: -60px
}
.process-list-progressbar {
left: 50%;
translate: -50% 0
}
.process-list-item:nth-child(4n+2),
.process-list-item:nth-child(4n+3) {
padding-right: 30px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.process-list-item:nth-child(4),
.process-list-item:nth-child(4n+1),
.process-list-item:nth-child(8) {
padding-left: 30px
}
.process-list-item:nth-child(4n+1) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/span 1
}
.process-list-item:nth-child(4n+3) .process-list-counter span {
left: auto;
right: -60px
}
}
@media (max-width:767px) {
.process-list-counter span {
left: -50px
}
.process-list-progressbar {
left: 35px
}
.process-list-item {
padding-left: 70px
}
.process-list-item p,
.process-list-item ul,
.process-list-item>strong {
max-width: 500px
}
.process-list-item>strong {
font-size: 1.25rem
}
.process-list-item p,
.process-list-item ul {
font-size: .875rem;
margin-bottom: 24px
}
}
@media (max-width:375px) {
.process-list-counter span {
left: -45px
}
.process-list-progressbar {
left: 30px
}
.process-list-counter {
font-size: 2.1428571429rem
}
.process-list-item {
padding-left: 60px
}
.process-list-item>strong {
font-size: 1.4285714286rem
}
.process-list-item p,
.process-list-item ul {
font-size: 1rem
}
}
.features h2 {
margin-bottom: 57px;
max-width: 500px
}
.features-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
grid-template-columns: repeat(3, 1fr)
}
.features-list p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3
}
.features-list p:last-of-type {
margin-bottom: 0
}
.features-list-progress {
background-color: rgba(91, 93, 114, .5);
display: block;
height: 1px;
margin-bottom: 15px;
position: relative
}
.features-list-progress i {
background-color: var(--c3);
height: 2px;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 0
}
.features-slider-wrapper {
padding-bottom: 80px
}
.features-slider-wrapper .slider-btn {
bottom: 0
}
.features-slider-wrapper .slider-btn--prev {
left: 0
}
.features-slider-wrapper .slider-btn--next {
left: 54px;
right: auto
}
.features-item {
background-color: var(--c10);
border-radius: 10px;
overflow: hidden
}
.features-item,
.features-item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.features-item-info {
-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;
padding: 45px 20px 40px
}
.features-item-info h3,
.features-item-info p {
max-width: 500px
}
.features-item-info h3 {
color: var(--c1);
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
margin-bottom: 18px
}
.features-item-info p {
color: var(--c5);
font-size: 1.125rem
}
.features-item-info p:last-of-type {
margin-bottom: 0
}
.features-item-info p+.features-item-btns {
margin-top: 40px
}
.features-item-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px
}
@media (min-width:376px) {
.features-item {
-webkit-column-gap: 5%;
-moz-column-gap: 5%;
column-gap: 5%
}
.features-slider-wrapper .swiper-pagination {
display: none
}
}
@media (max-width:1024px) {
.features-list p {
font-size: .875rem
}
}
@media (min-width:768px) {
.features-list+.features-slider-wrapper {
margin-top: 78px
}
.features-item-img {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 44.1666666667%;
flex-basis: 44.1666666667%;
min-height: 430px
}
.features-item-img .list-img {
height: 100%
}
.features-item-info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
@media (max-width:767px) {
.features-list+.features-slider-wrapper {
margin-top: 54px
}
.features-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.features-item-img .list-img {
padding-top: 81.134%
}
}
@media (max-width:576px) {
.features-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
row-gap: 30px
}
.features-list div {
display: none
}
.features-list div.db {
display: block
}
.features-list p {
font-size: 1.25rem
}
.features-list+.features-slider-wrapper {
margin-top: 39px
}
}
@media (max-width:375px) {
.features .tag {
display: table;
margin-left: auto;
margin-right: auto
}
.features h2 {
text-align: center
}
.features-list p {
font-size: 1.4285714286rem
}
.features-slider-wrapper {
margin-left: -10px;
margin-right: -10px;
padding-bottom: 70px
}
.features-slider-wrapper .slider-btn {
left: 50%;
translate: -50% 0
}
.features-slider-wrapper .slider-btn--prev {
margin-left: -27px
}
.features-slider-wrapper .slider-btn--next {
margin-left: 27px
}
.features-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 10px 60px
}
.features-item-img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.features-item-img .list-img {
border-radius: 10px;
padding-top: 112.997%
}
.features-item-info {
padding: 100px 0 40px
}
.features-item-info h3,
.features-item-info p {
text-align: center
}
.features-item-info h3 {
font-size: 2.1428571429rem
}
.features-item-info p {
font-size: 1rem;
margin-left: auto;
margin-right: auto;
max-width: 320px
}
.features-item-btns a {
-ms-flex-preferred-size: calc(50% - 5px);
flex-basis: calc(50% - 5px)
}
}
@media (max-width:320px) {
.features-item-btns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 10px
}
.features-item-btns a {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.small-claims-resolution {
overflow: hidden
}
.small-claims-resolution h2 {
margin-bottom: 55px;
margin-left: auto;
margin-right: auto;
max-width: 694px;
text-align: center
}
.small-claims-resolution-list {
display: -ms-grid;
display: grid;
gap: 40px 20px
}
.small-claims-resolution-list .list-item {
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;
border-radius: 10px;
justify-content: center;
row-gap: 30px
}
.small-claims-resolution-list .list-item>div:not(.spline-viewer-wrapper) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 30px
}
.small-claims-resolution-list .list-item .icon-style-2 .dotlottie-wrapper {
height: 46px;
width: 46px
}
.small-claims-resolution-list .list-item p,
.small-claims-resolution-list .list-item strong {
max-width: 500px
}
.small-claims-resolution-list .list-item .icon+strong {
padding-top: 15px
}
.small-claims-resolution-list .list-item strong {
display: block;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3
}
.small-claims-resolution-list .list-item p {
color: var(--c6);
font-size: 1.125rem;
line-height: 1.4
}
.small-claims-resolution-list .list-item p:last-of-type {
margin-bottom: 0
}
.small-claims-resolution-list .list-item p+div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 4px
}
@media (min-width:768px) {
.small-claims-resolution-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.small-claims-resolution-list .list-item {
padding: 90px 40px
}
.small-claims-resolution-list .list-item:nth-child(4n+2),
.small-claims-resolution-list .list-item:nth-child(4n+3) {
background-color: var(--c5);
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.small-claims-resolution-list .list-item:nth-child(4n+2):after,
.small-claims-resolution-list .list-item:nth-child(4n+3):before {
background-color: var(--c5);
content: "";
height: 100%;
position: absolute;
top: 0
}
.small-claims-resolution-list .list-item:nth-child(4n+2) {
border-radius: 10px 0 0 10px
}
.small-claims-resolution-list .list-item:nth-child(4n+2):after {
border-radius: 0 10px 10px 0;
left: 100%;
width: calc(50vw - 720px)
}
.small-claims-resolution-list .list-item:nth-child(4n+3) {
border-radius: 0 10px 10px 0
}
.small-claims-resolution-list .list-item:nth-child(4n+3):before {
border-radius: 10px 0 0 10px;
left: calc(-50vw + 720px);
width: calc(50vw - 700px)
}
.small-claims-resolution-list .list-item:nth-child(4n+1),
.small-claims-resolution-list .list-item:nth-child(4n+4) {
background-color: var(--c1);
padding-left: 14.4927536232%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.simplifying-legal-process-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:767px) {
.small-claims-resolution-content h2 {
margin-bottom: 0
}
.small-claims-resolution-list .list-item {
padding: 80px 40px
}
.small-claims-resolution-list .list-item:nth-child(2),
.small-claims-resolution-list .list-item:nth-child(3) {
background-color: var(--c5)
}
.small-claims-resolution-list .list-item:nth-child(3) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media (max-width:576px) {
.small-claims-resolution-list .list-item {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:415px) {
.small-claims-resolution-list .list-item {
padding-left: 20px;
padding-right: 20px
}
}
.parallax-wrapper {
overflow: hidden
}
.parallax {
background: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/bg-3.svg) 50% 100%/auto 100% no-repeat;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%
}
.simplifying-legal-proces-style-2 {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--c5)), to(var(--c5))), var(--c5);
background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), var(--c5)
}
@media (max-width:767px) {
.simplifying-legal-process-list-item {
padding-left: 40px;
padding-right: 40px
}
}
@media (max-width:415px) {
.simplifying-legal-process-list-item {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:375px) {
.small-claims-resolution-list {
row-gap: 10px
}
.small-claims-resolution-list .list-item {
padding-bottom: 60px;
padding-top: 60px
}
.small-claims-resolution-list .list-item strong {
font-size: 1.7857142857rem
}
.small-claims-resolution-list .list-item p {
font-size: 1rem
}
.small-claims-resolution-list .list-item .btn-style-1 {
min-width: 144px
}
.simplifying-legal-process-content h2 {
margin-bottom: 36px
}
.simplifying-legal-process-content h2~p {
font-size: 1rem;
font-weight: 400
}
.simplifying-legal-process-content .tag {
margin-bottom: 22px
}
.simplifying-legal-process-content+.simplifying-legal-process-list {
margin-top: 40px
}
.simplifying-legal-process-btns {
padding-top: 40px
}
.simplifying-legal-process-list-item {
padding: 57px 20px 60px
}
.simplifying-legal-process-list-item h3 {
font-size: 1.7857142857rem;
margin-bottom: 12px
}
.simplifying-legal-process-list-item p {
font-size: 1rem
}
}
@media (max-width:320px) {
.simplifying-legal-process-list-item,
.small-claims-resolution-list .list-item {
padding-left: 10px;
padding-right: 10px
}
}
.case-studies-add-info+.case-studies-slider-wrapper {
margin-top: 58px
}
.case-studies-slider-wrapper {
padding-bottom: 90px
}
.case-studies-slider-wrapper .slider-btn {
bottom: 0
}
.case-studies-slider-wrapper .slider-btn--prev {
left: calc(50% - 53px)
}
.case-studies-slider-wrapper .slider-btn--next {
right: calc(50% - 53px)
}
.case-studies-slider {
min-width: 100%;
width: 0
}
@media (max-width:375px) {
.case-studies-slider-wrapper {
padding-bottom: 70px
}
.case-studies-add-info+.case-studies-slider-wrapper {
margin-top: 40px
}
}
.reviews-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 27px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
background-color: var(--c5);
border-radius: 10px;
justify-content: space-between;
padding: 42px 10.2564102564% 45px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.reviews-list-item:hover {
background-color: var(--c34)
}
.reviews-list-item-blockquote {
font-size: 1.125rem;
line-height: 1.4;
margin-bottom: 0
}
.reviews-list-item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.reviews-list-item-info>div:first-child {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 65px;
flex-basis: 65px
}
.reviews-list-item-info>div:last-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.reviews-list-item-info .list-img {
border-radius: 50%;
padding-top: 100%
}
.reviews-list-item-info p,
.reviews-list-item-info span {
font-size: .875rem;
line-height: 1
}
.reviews-list-item-info span {
display: block
}
.reviews-list-item-info span+p {
margin-top: 10px
}
.reviews-list-item-info p {
color: var(--c25);
margin-bottom: 0
}
@media (max-width:1200px) {
.reviews-list-item {
padding-left: 11.0192837466%;
padding-right: 11.0192837466%
}
}
@media (max-width:1024px) {
.reviews-list-item {
padding-left: 13.1578947368%;
padding-right: 13.1578947368%
}
}
@media (max-width:767px) {
.reviews-list-item {
padding: 39px 10.2389078498%;
row-gap: 45px
}
.reviews-list-item-blockquote {
font-size: .875rem
}
}
@media (max-width:576px) {
.reviews-list-item {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:375px) {
.reviews-list-item {
padding-bottom: 48px;
padding-top: 48px;
row-gap: 24px
}
.reviews-list-item-info>div:first-child {
-ms-flex-preferred-size: 50px;
flex-basis: 50px
}
.reviews-list-item-blockquote,
.reviews-list-item-info p,
.reviews-list-item-info span {
font-size: 1rem
}
}
@media (max-width:320px) {
.reviews-list-item {
padding-left: 10px;
padding-right: 10px
}
}
.pagination-navigation-content {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between
}
.navigation,
.pagination {
-webkit-column-gap: 2px;
-moz-column-gap: 2px;
column-gap: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.navigation-btn,
.pagination-btn {
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;
background-color: var(--c1);
border-radius: 5px;
color: var(--cb);
cursor: pointer;
height: 50px;
padding: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 50px
}
.pagination-btn {
border: 1px solid var(--c29);
font: 600 .875rem/1 var(--f4);
letter-spacing: -.21px
}
.pagination-btn:hover {
background-color: var(--c29)
}
.pagination-btn.pagination-btn-active {
background-color: var(--c10);
color: var(--c1)
}
.navigation-btn {
border: 1px solid var(--c24)
}
.navigation-btn svg {
height: 16px;
width: 18px;
fill: currentColor
}
.navigation-btn:hover {
background-color: var(--c24)
}
.build-with-privacy {
background: var(--c10) url(//casecraft.ai/wp-content/themes/casecraft/assets/img/built-with-privacy.svg) no-repeat calc(207px + 50%) calc(100% + 15px);
padding-bottom: 80px;
padding-top: 108px
}
.build-with-privacy-content .tag+p {
margin-top: 43px
}
.build-with-privacy-content p {
color: var(--c1);
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
max-width: 782px
}
.build-with-privacy-content p:last-of-type {
margin-bottom: 0
}
.build-with-privacy-content p+.build-with-privacy__icons {
margin-top: 52px
}
.build-with-privacy__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px
}
.build-with-privacy__icons .list-img-2 {
background-color: var(--c36);
border-radius: 10px;
padding-top: 96.27%;
width: 107px
}
.build-with-privacy__icons .list-img-2 div {
bottom: 10px;
left: 10px;
right: 10px;
top: 10px
}
@media (max-width:1200px) {
.build-with-privacy {
background-position: 100% 100%
}
}
@media (max-width:767px) {
.build-with-privacy-content p {
font-size: 1.5625rem
}
}
@media (max-width:375px) {
.build-with-privacy {
background: var(--cb);
padding-top: 80px
}
.build-with-privacy-content .tag+p {
margin-top: 15px
}
.build-with-privacy-content p {
font-size: 1.7857142857rem
}
.build-with-privacy-content p+.build-with-privacy__icons {
margin-top: 37px
}
.build-with-privacy__icons {
gap: 10px
}
.build-with-privacy__icons .list-img-2 {
width: 64px
}
}
@media (max-width:320px) {
.build-with-privacy-content p {
font-size: 1.4285714286rem
}
}
.how-it-works h2 {
margin-bottom: 57px
}
.how-it-works-img {
border-radius: 5px;
overflow: hidden
}
.how-it-works-img img {
cursor: -webkit-zoom-in;
cursor: zoom-in;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.how-it-works-img img:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
@media (max-width:767px) {
.how-it-works .content {
row-gap: 20px
}
.how-it-works h2 {
margin-bottom: 45px
}
.how-it-works-img-list {
display: none
}
}
.claims-system {
background-color: var(--c5);
border-radius: 5px;
padding-bottom: 77px;
padding-top: 79px
}
.claims-system h2 {
text-align: center
}
.claims-system h2+p {
margin-top: -2px
}
.claims-system h2~p {
color: var(--c6);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
margin-left: auto;
margin-right: auto;
max-width: 718px;
text-align: center
}
.claims-system h2~p:last-of-type {
margin-bottom: 0
}
.claims-system h2~p+.claims-system-list {
margin-top: 72px
}
.claims-system-list {
text-align: center
}
.claims-system-list-item>div {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-size: 2.8125rem;
font-weight: 500;
line-height: 1 !important
}
.claims-system-list-item>div>i:not(:empty),
.claims-system-list-item>div>span:not(.claims-system-list__decor) {
display: inline-block
}
.claims-system-list-item>div>i:not(:empty) {
color: rgba(91, 93, 114, .5);
font-style: normal
}
.claims-system-list-item>div+p {
margin-top: 14px
}
.claims-system-list-item p {
color: var(--c6);
font-size: 1.125rem;
margin-bottom: 0
}
@media (min-width:768px) {
.how-it-works-img-list-item {
display: none
}
.how-it-works-img-list-item.db {
display: block
}
.claims-system-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
gap: 30px 20px;
justify-content: space-between
}
.claims-system-list>div:not(:first-child) {
position: relative
}
.claims-system-list__decor {
background-color: var(--c23);
bottom: 5px;
height: 88px;
opacity: 0;
pointer-events: none;
position: absolute;
width: 1px
}
}
@media (max-width:767px) {
.claims-system {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 83px
}
.claims-system-list {
display: -ms-grid;
display: grid;
gap: 100px 30px
}
.claims-system-list>div:nth-child(odd) {
position: relative
}
.claims-system-list>div:nth-child(odd):after {
background-color: var(--c23);
content: "";
pointer-events: none;
position: absolute
}
.faqs h2~p {
max-width: 365px
}
}
@media (min-width:416px) and (max-width:767px) {
.claims-system-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.claims-system-list>div:nth-child(odd):after {
height: 88px;
left: calc(100% + 15px);
top: 50%;
translate: 0 -50%;
width: 1px
}
}
@media (max-width:415px) {
.claims-system-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
row-gap: 60px
}
.claims-system-list>div:nth-child(odd):after {
height: 1px;
top: 50%;
top: calc(100% + 15px);
translate: -50% 0;
width: 88px
}
}
@media (max-width:375px) {
.claims-system {
padding-bottom: 60px;
padding-top: 60px
}
.claims-system h2~p {
font-size: 1.2857142857rem
}
.claims-system h2~p+.claims-system-list {
margin-top: 43px
}
.claims-system-list span:not(.claims-system-list__decor) {
font-size: 2.5rem
}
.claims-system-list p {
font-size: 1.2857142857rem
}
}
@media (max-width:320px) {
.claims-system {
margin-left: 10px;
margin-right: 10px
}
.claims-system h2~p {
font-size: 1.1428571429rem
}
.claims-system-list span:not(.claims-system-list__decor) {
font-size: 1.7857142857rem
}
.claims-system-list p {
font-size: 1.1428571429rem
}
}
.blog-add-info+.list-style-1 {
margin-top: 58px
}
@media (max-width:576px) {
.blog-content>.tag {
display: table;
margin-bottom: 38px;
margin-left: auto;
margin-right: auto
}
.blog-add-info {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.blog-add-info>div:last-child {
display: none
}
.blog-add-info h2 {
margin-bottom: 0
}
.blog-add-info+.list-style-1 {
margin-top: 40px
}
}
.faqs h2~p {
color: var(--c6);
font-size: 1.125rem
}
.faqs h2~p:last-of-type {
margin-bottom: 0
}
.faqs-accordion>div:not(.item-visible):nth-child(1n+6) {
display: none
}
.faqs-accordion+.btn {
margin-top: 20px
}
.ai-powered-platform {
background-color: var(--c5);
padding-bottom: 140px;
padding-top: 140px
}
.ai-powered-platform-content {
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: 50px 20px
}
.ai-powered-platform-content p {
font: 1.375rem var(--f2);
max-width: 560px
}
.ai-powered-platform-content p:last-of-type {
margin-bottom: 0
}
.ai-powered-platform-content p+.btn {
margin-top: 22px
}
@media (min-width:641px) {
.ai-powered-platform-content {
-webkit-column-gap: 34px;
-moz-column-gap: 34px;
column-gap: 34px
}
.ai-powered-platform-content>div {
-ms-flex-preferred-size: calc(50% - 17px);
flex-basis: calc(50% - 17px)
}
}
@media (min-width:768px) {
.ai-powered-platform-content h2 {
font-size: 2.8125rem
}
}
@media (min-width:641px) and (max-width:767px) {
.ai-powered-platform-content {
-webkit-column-gap: 34px;
-moz-column-gap: 34px;
column-gap: 34px
}
.ai-powered-platform-content>div {
-ms-flex-preferred-size: calc(50% - 17px);
flex-basis: calc(50% - 17px)
}
.ai-powered-platform-content p {
font-weight: 500
}
}
@media (max-width:767px) {
.ai-powered-platform {
padding-bottom: 80px;
padding-top: 80px
}
.ai-powered-platform-content p {
font-size: 1.125rem
}
}
@media (max-width:640px) {
.ai-powered-platform-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 65px
}
.ai-powered-platform-content>div:first-child {
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
}
.ai-powered-platform-content h2,
.ai-powered-platform-content p {
text-align: center
}
.ai-powered-platform-content p {
font-size: .875rem;
max-width: 345px
}
.ai-powered-platform-content p+.btn {
margin-top: 43px
}
}
@media (max-width:375px) {
.faqs h2~p {
font-size: .8571428571rem
}
.faqs-accordion+.btn {
margin-top: 10px
}
.ai-powered-platform-content p {
font-size: 1rem
}
}
.experts-add-info {
row-gap: 42px
}
.experts-add-info+.experts-list {
margin-top: 58px
}
.experts-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
gap: 40px 10px;
grid-template-columns: repeat(4, 1fr)
}
.experts-list-photo {
margin-bottom: 10px;
position: relative
}
.experts-list-photo .list-img {
border-radius: 10px;
padding-top: 119.66%
}
.experts-list-photo .list-img:after {
background: -webkit-gradient(linear, left top, left bottom, color-stop(63.73%, rgba(23, 27, 43, 0)), color-stop(81.45%, rgba(23, 27, 43, .34)), to(#171b2b));
background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, .34) 81.45%, #171b2b);
content: "";
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%
}
.experts-list-photo span {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none' viewBox='0 0 15 14'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' d='M7.5.5v13M1 6.96h13'/%3E%3C/svg%3E") 100% 50% no-repeat;
bottom: 28px;
color: var(--c1);
left: 30px;
line-height: 1;
opacity: 0;
padding-right: 24px;
pointer-events: none;
position: absolute;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
z-index: 2
}
.experts-list-modal-btn {
cursor: pointer
}
.experts-list-modal-btn li span,
.experts-list-modal-btn p {
color: var(--c32)
}
.experts-list-modal-btn p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3
}
.experts-list-modal-btn p:last-of-type {
margin-bottom: 0
}
.experts-list-modal-btn p+ul {
margin-top: 4px
}
.experts-list-modal-btn ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 10px
}
.experts-list-modal-btn li {
color: rgba(91, 93, 114, .5);
font-weight: 700;
line-height: 1
}
.experts-list-modal-btn+.s_ocial {
margin-top: 9px
}
.experts-list-modal-btn:hover .experts-list-photo span {
opacity: 1
}
.experts-list-modal-btn:hover .experts-list-photo .list-img:after {
border-radius: 10px;
opacity: 1
}
.experts-dialog .list-img {
border-radius: 10px;
padding-top: 119.865%
}
.experts-dialog .list-img+.s_ocial {
margin-top: 14px
}
.experts-dialog .tag {
margin-bottom: 21px
}
.experts-dialog h2 {
margin-bottom: 16px
}
.experts-dialog h2+strong {
color: rgba(91, 93, 114, .5);
display: block;
font-weight: 700;
line-height: 1
}
.experts-dialog h2+strong+p {
margin-top: 21px
}
.experts-dialog p {
color: var(--c6);
font-size: .875rem
}
.experts-dialog p:last-of-type {
margin-bottom: 0
}
@media (max-width:1024px) {
.experts-list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
}
@media (max-width:767px) {
.experts-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.experts-dialog .dialog-content-aside {
display: none
}
.experts-dialog .dialog-content-main h2+strong+.dialog-content-aside {
display: block;
margin-bottom: 38px;
margin-top: 38px
}
}
@media (max-width:375px) {
.experts-add-info {
row-gap: 20px
}
.experts-add-info h2,
.experts-add-info p {
text-align: center
}
.experts-add-info .tag {
display: table;
margin-left: auto;
margin-right: auto
}
.experts-add-info+.experts-list {
margin-top: 40px
}
.experts-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.experts-list-modal-btn p {
font-size: 1.4285714286rem
}
.experts-dialog p {
font-size: 1rem
}
}
.download-logo-list {
display: -ms-grid;
display: grid;
gap: 40px 10px
}
@media (min-width:501px) {
.download-logo-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
.download-logo-list-item-img {
background-color: var(--c5);
border-radius: 5px;
padding-top: 250px
}
.download-logo-list-item-img div {
bottom: 20px;
left: 15px;
right: 15px;
top: 20px
}
.download-logo-list-item-img+.btn {
margin-top: 20px
}
.article-preview+.article {
margin-top: 64px
}
.article h1 {
font-size: 2.1875rem;
line-height: 1.3
}
.article h2 {
font-size: 1.125rem;
font-weight: 600;
line-height: 1.4
}
.article img,
.article picture {
border-radius: 10px
}
.article ol:last-child,
.article p:last-child,
.article ul:last-child {
margin-bottom: 0
}
.article-style-1 {
max-width: 750px
}
.article-style-2 h1 {
margin-bottom: 17px
}
.article-style-2 img,
.article-style-2 picture {
margin-bottom: 60px
}
.article-style-2 picture img {
margin-bottom: 0
}
.article-style-2 ol,
.article-style-2 p,
.article-style-2 ul {
color: var(--c7)
}
.article-style-2 ol+img,
.article-style-2 ol+picture,
.article-style-2 p+img,
.article-style-2 p+picture,
.article-style-2 ul+img,
.article-style-2 ul+picture {
padding-top: 40px
}
.article-style-2 ol+picture img,
.article-style-2 p+picture img,
.article-style-2 ul+picture img {
padding-top: 0
}
.article-style-2 h2 {
font-size: 1.25rem
}
.article-preview-info {
bottom: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 30px;
position: absolute;
right: 30px;
top: 30px;
z-index: 2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.article-preview-info .tag {
margin-bottom: 13px
}
.article-preview-info h1 {
color: var(--c1);
font-size: 2.1875rem;
line-height: 1.3;
margin-bottom: 9px;
max-width: 580px
}
.article-preview {
position: relative
}
.article-preview:after {
background: -webkit-gradient(linear, left top, left bottom, color-stop(63.73%, rgba(23, 27, 43, 0)), color-stop(81.45%, rgba(23, 27, 43, .34)), to(#171b2b));
background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, .34) 81.45%, #171b2b);
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.article-preview-img {
border-radius: 10px;
padding-top: 62.667%
}
.article-preview-add {
-webkit-column-gap: 9px;
-moz-column-gap: 9px;
column-gap: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.article-preview-add span {
display: inline-block
}
.article-preview-add span:not(.article-preview-add-decor) {
color: var(--c1);
font: 700 .875rem/1 var(--f1);
letter-spacing: -.42px
}
.article-preview-add-decor {
background-color: var(--c1);
border-radius: 50%;
height: 3px;
width: 3px
}
.article-info {
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: 100%;
row-gap: 40px
}
.article-info h2 {
color: var(--c30);
font-size: 1.25rem;
margin-bottom: 19px
}
.article-info-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 10px
}
.article-info-list a {
border-left: 3px solid transparent;
color: var(--c6);
display: block;
line-height: 1.4;
padding: 9px 17px 10px
}
.article-info-list a.active,
.article-info-list a:hover {
border-color: var(--c3);
color: var(--cb)
}
.article-info-social {
background-color: var(--cb);
border-radius: 5px;
padding: 20px
}
.article-info-social strong {
color: var(--c1);
display: block;
font-weight: 600;
line-height: 1.2;
margin-bottom: 10px
}
.article-info-social .s_ocial a,
.article-info-social .s_ocial li {
height: 30px;
width: 30px
}
@media (max-width:375px) {
.article h1 {
font-size: 1.7857142857rem
}
.article h2 {
font-size: 1.4285714286rem
}
.article-style-2 img,
.article-style-2 picture {
margin-bottom: 42px
}
.article-style-2 ol+img,
.article-style-2 ol+picture,
.article-style-2 p+img,
.article-style-2 p+picture,
.article-style-2 ul+img,
.article-style-2 ul+picture {
padding-top: 20px
}
.article-preview+.article {
margin-top: 76px
}
.article-preview-img {
padding-top: 145%
}
.article-preview-info {
bottom: 60px
}
.article-preview-info h1 {
font-size: 2.5rem
}
.article-info h2,
.article-style-2 h2 {
font-size: 1.4285714286rem
}
.article-info-list a {
font-size: 1.1428571429rem
}
.article-preview-add span:not(.article-preview-add-decor) {
font-size: 1rem
}
}
@media (max-width:360px) {
.article-preview-info {
left: 20px;
right: 20px;
top: 20px
}
}
@media (max-width:320px) {
.article h1 {
font-size: 1.5714285714rem
}
.article h2 {
font-size: 1.2857142857rem
}
.article-preview-info {
left: 10px;
right: 10px
}
.article-preview-info h1 {
font-size: 1.7857142857rem
}
.article-info h2,
.article-style-2 h2 {
font-size: 1.2857142857rem
}
.article-info-list a {
font-size: 1rem
}
}
.information {
background-color: var(--c5);
margin-left: 20px;
margin-right: 20px;
padding-bottom: 70px;
padding-top: 70px
}
.information-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.information-img .list-img {
border-radius: 10px
}
.information-img-list svg {
height: 35px;
fill: var(--c3)
}
.information-img-list .icon-security svg {
width: 34px
}
.information-img-list .icon-empowerment svg {
width: 33px
}
.information-img-list .icon-accessibility svg {
width: 35px
}
.information-img-list .icon-innovation svg {
width: 34px
}
@media (min-width:768px) {
.information-content {
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px
}
.information-img {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 47.5%;
flex-basis: 47.5%
}
.information-img .list-img {
height: 100%
}
.information-info {
padding-bottom: 16px;
padding-top: 22px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
@media (max-width:767px) {
.information {
padding-bottom: 20px;
padding-top: 20px
}
.information-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 70px
}
.information-img .list-img {
padding-top: 65.56%
}
}
@media (max-width:415px) {
.information {
margin-left: 15px;
margin-right: 15px
}
}
@media (max-width:375px) {
.information {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 35px;
padding-top: 40px
}
}
.as-seen-in {
background-color: var(--c5);
border-radius: 10px;
padding-bottom: 80px;
padding-top: 70px
}
.as-seen-in-content h2,
.as-seen-in-content p {
text-align: center
}
.as-seen-in-content h2 {
font-size: 2.8125rem;
margin-bottom: 17px
}
.as-seen-in-content p {
color: var(--c6);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
margin-left: auto;
margin-right: auto;
max-width: 718px
}
.as-seen-in-content p:last-of-type {
margin-bottom: 0
}
.as-seen-in-content p+.as-seen-in-list {
margin-top: 64px
}
.as-seen-in-list {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px
}
@media (min-width:1231px) {
.info-style-7 .info-content>div:last-child {
padding-right: 7.5630252101%
}
.as-seen-in-list {
padding-left: 24px;
padding-right: 24px
}
}
@media (max-width:767px) {
.as-seen-in-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
gap: 40px 50px;
justify-content: center
}
.as-seen-in-content p {
max-width: 490px
}
}
@media (max-width:375px) {
.as-seen-in-content h2 {
font-size: 2.5rem
}
.as-seen-in-content p {
font-size: 1.1428571429rem
}
.as-seen-in-content p+.as-seen-in-list {
margin-top: 40px
}
}
@media (max-width:360px) {
.as-seen-in-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width:320px) {
.as-seen-in-content h2 {
font-size: 2.1428571429rem
}
.as-seen-in-content p {
font-size: 1rem
}
}
.for-companies-content {
background-color: var(--cb);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden
}
.for-companies-info .tag {
margin-bottom: 21px
}
.for-companies-info h2,
.for-companies-info p {
max-width: 500px
}
.for-companies-info h2 {
color: var(--c1)
}
.for-companies-info p {
color: var(--c5);
font-size: 1.125rem
}
.for-companies-info p:last-of-type {
margin-bottom: 0
}
.for-companies-info p+.btn {
margin-top: 36px
}
@media (min-width:768px) {
.for-companies-content {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
padding-left: 30px
}
.for-companies-img {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 44.1666666667%;
flex-basis: 44.1666666667%
}
.for-companies-img .list-img {
height: 100%
}
.for-companies-info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-bottom: 53px;
padding-top: 53px
}
}
@media (max-width:767px) {
.for-companies .container {
padding-left: 0;
padding-right: 0
}
.for-companies-content {
padding: 40px 20px 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 60px
}
.for-companies-img .list-img {
border-radius: 10px;
padding-top: 62.646%
}
}
@media (max-width:415px) {
.for-companies-content {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.for-companies-content {
padding-left: 10px;
padding-right: 10px;
row-gap: 40px
}
.for-companies-info {
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
}
.for-companies-info .tag {
margin-bottom: 38px
}
.for-companies-info h2,
.for-companies-info p {
text-align: center
}
.for-companies-info p {
font-size: 1rem;
max-width: 320px
}
.for-companies-img .list-img {
padding-top: 112.87%
}
}
.our-culture-values-content p {
color: var(--c6);
font-size: .875rem;
max-width: 380px
}
.our-culture-values-content p:last-of-type {
margin-bottom: 0
}
.our-culture-values-content p+.btn {
margin-top: 18px
}
.our-culture-values-list .icon path {
fill: var(--c3)
}
@media (max-width:767px) {
.our-culture-values-content {
row-gap: 57px
}
.our-culture-values-content p {
max-width: 350px
}
}
@media (max-width:375px) {
.our-culture-values-content p {
font-size: 1rem
}
}
footer {
background: #171b2b;
padding-bottom: 60px;
padding-top: 58px
}
@media (max-width:1201px) {
footer {
padding-bottom: 56px
}
}
.footer-top {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px
}
.footer-top p {
color: var(--c1);
line-height: 1.4;
margin-bottom: 0
}
.footer-logo-company {
color: var(--c1);
height: 54px;
width: 230px
}
@media (min-width:1201px) {
.footer-top {
padding-bottom: 56px
}
.footer-top p {
font-size: 1.125rem;
max-width: 558px
}
}
@media (max-width:1200px) {
footer {
padding-bottom: 60px
}
.footer-top>div:last-child {
-ms-flex-preferred-size: 30.2678571429%;
flex-basis: 30.2678571429%;
padding-left: 15px
}
.footer-top p {
font-size: .875rem;
max-width: 285px
}
}
@media (max-width:1024px) {
.footer-top>div:last-child {
-ms-flex-preferred-size: 35.9110169492%;
flex-basis: 35.9110169492%
}
}
@media (max-width:767px) {
.footer-top>div:last-child {
-ms-flex-preferred-size: 46.3548830812%;
flex-basis: 46.3548830812%
}
}
@media (max-width:640px) {
footer {
padding-top: 34px
}
.footer-top {
padding-bottom: 37px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 37px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.footer-top>div:last-child {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 0
}
.footer-top p {
font-size: 1.25rem;
font-weight: 500;
max-width: 345px
}
}
.footer-middle {
display: -ms-grid;
display: grid;
gap: 20px
}
.footer-info h3 {
color: var(--c1);
font: 700 1rem/1 var(--f1);
margin-bottom: 0
}
.footer-info h3 a {
color: inherit;
display: inline-block
}
.footer-info h3 a:hover {
color: var(--c3)
}
.footer-info h3+ul {
margin-top: 24px
}
.footer-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.footer-info ul a {
color: var(--c8);
display: inline-block;
line-height: 1
}
.footer-info ul a:hover {
color: var(--c1)
}
.footer-middle-bl-5 h3 {
color: var(--c1);
font: 400 1.375rem/1.25 var(--f2);
margin-bottom: 0
}
.footer-middle-bl-5 h3+p {
color: var(--c8);
font-size: .875rem;
line-height: 1.35;
margin-bottom: 0;
margin-top: 22px
}
.footer-middle-bl-5 p+.form {
margin-top: 23px
}
@media (min-width:1201px) {
.footer-middle {
-ms-grid-columns: 1fr 1fr 1fr 1fr 32.5%;
border-top: 1px solid var(--c12);
grid-template-columns: 1fr 1fr 1fr 1fr 32.5%;
padding-bottom: 90px;
padding-top: 50px
}
.footer-info ul {
row-gap: 15px
}
.footer-info ul a {
font-size: .875rem
}
.footer-middle-bl-5 {
padding-left: 10.7692307692%
}
}
@media (max-width:1200px) {
.footer-middle {
-ms-grid-columns: 1fr 4.0178571429% 1fr 4.0178571429% 30.2678571429%;
gap: 65px 4.0178571429%;
grid-template-columns: 1fr 1fr 30.2678571429%;
padding-bottom: 62px;
padding-top: 63px
}
.footer-info h3 {
font-size: .875rem
}
.footer-info ul {
row-gap: 11px
}
.footer-info ul a {
font-size: .75rem
}
}
@media (min-width:641px) and (max-width:1200px) {
.footer-middle-bl-5 {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/span 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
padding-left: 15px
}
}
@media (max-width:1024px) {
.footer-middle {
-ms-grid-columns: 1fr 4.7669491525% 1fr 4.7669491525% 35.9110169492%;
-webkit-column-gap: 4.7669491525%;
-moz-column-gap: 4.7669491525%;
column-gap: 4.7669491525%;
grid-template-columns: 1fr 1fr 35.9110169492%
}
}
@media (max-width:767px) {
.footer-middle {
-ms-grid-columns: 150px 6.1898211829% 150px 6.1898211829% 1fr;
-webkit-column-gap: 6.1898211829%;
-moz-column-gap: 6.1898211829%;
column-gap: 6.1898211829%;
grid-template-columns: repeat(2, 150px) 1fr
}
}
@media (max-width:640px) {
.footer-middle {
-ms-grid-columns: 37.6% 20px 1fr;
border-top: 1px solid var(--c8);
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
grid-template-columns: 37.6% 1fr;
padding-top: 70px
}
.footer-middle-bl-5 {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/-1;
grid-row: 1/span 1
}
.footer-middle-bl-5 h3 {
font-size: 1.25rem
}
.footer-middle-bl-5 h3+p {
font-size: .75rem
}
}
@media (min-width:361px) and (max-width:640px) {
.footer-info h3 {
font-size: 1rem
}
.footer-info ul a {
font-size: .875rem
}
}
@media (max-width:320px) {
.footer-info h3 {
font-size: .75rem
}
.footer-info ul a {
font-size: .625rem
}
}
.footer-accordion-list {
display: -ms-grid;
display: grid;
gap: 65px 20px
}
@media (min-width:1201px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[4] 32.5%;
grid-template-columns: repeat(4, 1fr) 32.5%
}
.footer-add {
padding-top: 50px
}
}
@media (max-width:1200px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[4] 30.2678571429%;
grid-template-columns: repeat(4, 1fr) 30.2678571429%
}
}
@media (max-width:1024px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr)
}
}
@media (max-width:767px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
}
@media (max-width:640px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
}
@media (max-width:576px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
.footer-add {
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;
border-top: 1px solid var(--c12);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 20px
}
.footer__copyright p {
color: var(--c8);
font-size: .875rem;
line-height: 1.4
}
.footer__copyright p:last-child {
margin-bottom: 0
}
@media (max-width:1200px) {
.footer-add {
padding-top: 60px
}
}
@media (max-width:640px) {
.footer-add {
border-top: 1px solid var(--c8)
}
footer .accordion-style-1 .accordion__btn {
border-top-color: var(--c8);
font-size: .875rem
}
.footer__copyright p {
font-size: .625rem;
font-weight: 600;
max-width: 160px
}
}
.dialog {
background-color: var(--c5);
border: none;
border-radius: 10px;
-webkit-box-shadow: none;
box-shadow: none;
max-height: calc(100dvh - 40px);
overflow-y: auto;
overscroll-behavior-y: contain;
padding: 40px;
text-align: left;
-webkit-transition: .3s ease-in-out .1s;
transition: .3s ease-in-out .1s;
width: min(1048px, 100%)
}
.dialog[open] {
-webkit-animation: dialogShow .3s ease-in-out;
animation: dialogShow .3s ease-in-out
}
.dialog[open]::-ms-backdrop {
background-color: rgba(23, 27, 43, .3)
}
.dialog[open]::backdrop {
background-color: rgba(23, 27, 43, .3)
}
.dialog.dialog--hide {
-webkit-animation: dialogHide .3s ease-in-out;
animation: dialogHide .3s ease-in-out
}
@-webkit-keyframes dialogShow {
0% {
opacity: 0;
scale: 0;
visibility: hidden
}
to {
opacity: 1;
scale: 1;
visibility: visible
}
}
@keyframes dialogShow {
0% {
opacity: 0;
scale: 0;
visibility: hidden
}
to {
opacity: 1;
scale: 1;
visibility: visible
}
}
@-webkit-keyframes dialogHide {
0% {
opacity: 1;
scale: 1;
visibility: visible
}
to {
opacity: 0;
scale: 0;
visibility: hidden
}
}
@keyframes dialogHide {
0% {
opacity: 1;
scale: 1;
visibility: visible
}
to {
opacity: 0;
scale: 0;
visibility: hidden
}
}
.modal__close {
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;
background: 0 0;
border: 1px solid var(--c9);
border-radius: 5px;
color: var(--c3);
cursor: pointer;
height: 36px;
padding: 0;
position: absolute;
right: 40px;
top: 40px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 36px;
z-index: 2
}
.modal__close:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0
}
.modal__close svg {
height: 9px;
margin-top: 1px;
width: 9px;
fill: var(--cb);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.modal__close:hover {
background-color: var(--c9)
}
@media (max-width:768px) {
.dialog {
max-height: calc(100dvh - 20px);
padding-left: 20px;
padding-right: 20px
}
.modal__close {
right: 20px;
top: 20px
}
}
@media (max-width:415px) {
.dialog {
max-height: calc(100dvh - 15px);
padding-left: 15px;
padding-right: 15px
}
.modal__close {
right: 15px;
top: 15px
}
}
.dialog-style-1 {
border-radius: 10px;
width: min(780px, 100%)
}
.dialog-style-1 section>h3,
.dialog-style-1 section>p {
color: var(--cb);
font-size: 1.375rem;
margin-bottom: 34px;
max-width: 548px
}
.dialog-style-1 section>h3 {
font-weight: 600;
margin-bottom: 3px
}
.dialog-style-1 section>h3~p:empty {
display: none;
margin-bottom: 0
}
.dialog-style-1 section>h3+.dialog-content,
.dialog-style-1 section>h3~p:empty+.dialog-content {
margin-top: 36px
}
.dialog-style-1 .dialog-content {
max-width: 600px
}
.dialog-style-1 .list-10+.btn {
margin-top: 43px
}
.dialog-style-1 .modal__close {
border: none;
border-radius: 0;
color: var(--cb);
height: 18px;
width: 18px
}
.dialog-style-1 .modal__close svg {
height: 18px;
margin-top: 0;
width: 18px
}
.dialog-style-1 .modal__close:hover {
background-color: transparent;
color: var(--c3)
}
.dialog-style-2 .dialog-content h2 {
background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
border-radius: 15px;
color: var(--c1);
display: inline-block;
font: 400 .75rem/1 var(--fb);
letter-spacing: .25px;
margin-bottom: 19px;
min-width: min(200px, 100%);
padding: 8px 15px 6px;
text-align: center
}
.dialog-style-2 .dialog-content ol,
.dialog-style-2 .dialog-content p,
.dialog-style-2 .dialog-content ul {
background-color: var(--c47);
border-radius: 7px;
color: var(--cb);
font-size: .875rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 1.5;
margin-bottom: 26px;
padding: 14px 16px
}
.dialog-style-2 .dialog-content ol:last-child,
.dialog-style-2 .dialog-content p:last-child,
.dialog-style-2 .dialog-content ul:last-child {
margin-bottom: 0
}
.dialog-style-2 .dialog-content ol+.btn,
.dialog-style-2 .dialog-content p+.btn,
.dialog-style-2 .dialog-content ul+.btn {
margin-top: 17px
}
.dialog-style-2 .dialog-content ul:not(.reset-list) li {
padding-left: 12px
}
.dialog-style-2 .dialog-content ul:not(.reset-list) li:before {
background-color: var(--cb);
height: 4px;
left: 0;
top: 8px;
width: 4px
}
@media (max-width:375px) {
.dialog {
padding-left: 10px;
padding-right: 10px
}
.modal__close {
right: 10px;
top: 10px
}
.dialog-style-2 .dialog-content h2 {
font-size: .8571428571rem
}
.dialog-style-2 .dialog-content ol,
.dialog-style-2 .dialog-content p,
.dialog-style-2 .dialog-content ul {
font-size: 1rem
}
.dialog-style-1 section>h3,
.dialog-style-1 section>p {
font-size: 1.5714285714rem
}
}
@media (min-width:769px) {
.dialog-style-1 {
padding: 45px 30px
}
.dialog-style-1 .modal__close {
right: 28px;
top: 38px
}
}
@font-face {
font-family: swiper-icons;
font-style: normal;
font-weight: 400;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}
.swiper {
list-style: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
width: 100%;
z-index: 1
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
width: 100%
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-backface-hidden .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper:before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
height: 100%;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before {
height: var(--swiper-centered-offset-after);
width: 100%
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .3s;
transition: opacity .3s;
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
background: var(--swiper-pagination-bullet-inactive-color, #000);
border-radius: 50%;
display: inline-block;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}
button.swiper-pagination-bullet {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
opacity: var(--swiper-pagination-bullet-opacity, 1)
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: top .2s, -webkit-transform .2s;
transition: top .2s, -webkit-transform .2s;
transition: transform .2s, top .2s;
transition: transform .2s, top .2s, -webkit-transform .2s
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: left .2s, -webkit-transform .2s;
transition: left .2s, -webkit-transform .2s;
transition: transform .2s, left .2s;
transition: transform .2s, left .2s, -webkit-transform .2s
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: right .2s, -webkit-transform .2s;
transition: right .2s, -webkit-transform .2s;
transition: transform .2s, right .2s;
transition: transform .2s, right .2s, -webkit-transform .2s
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
width: 100%
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: 4px;
left: 0;
top: 0;
width: 100%
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
height: 100%;
left: 0;
top: 0;
width: 4px
}
.swiper-pagination-lock {
display: none
}
.swiper-button-next,
.swiper-button-prev {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size)/2);
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/44*27);
z-index: 10;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
justify-content: center
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
cursor: auto;
opacity: .35;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
cursor: auto;
opacity: 0;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
font-variant: normal;
letter-spacing: 0;
line-height: 1;
text-transform: none !important
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
left: auto;
right: 10px
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-button-lock {
display: none
}
.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
position: relative;
vertical-align: baseline
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: baseline;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
bottom: 0;
display: block;
left: 0;
overflow: hidden;
padding-top: 1px;
position: absolute;
right: 0;
text-align: left;
top: 0
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center
}
.accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.accordion__btn,
.accordion__btn:after {
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out
}
.accordion__btn {
cursor: pointer;
display: block;
position: relative;
text-align: left;
width: 100%
}
.accordion__btn span {
font-weight: 400
}
.accordion__btn:after {
content: "";
position: absolute;
top: 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
translate: 0 -50%
}
.accordion__btn.open+.accordion__toggle-content {
max-height: 9999px;
opacity: 1
}
.accordion__toggle-content {
height: 0;
overflow: hidden
}
.accordion__toggle-content>div {
padding-bottom: 60px
}
.accordion-style-1>div {
overflow: hidden
}
.accordion-style-1 .accordion__btn {
border-top: 1px solid var(--c12);
color: var(--c1);
font-weight: 700;
line-height: 1;
padding: 30px 50px 30px 0
}
.accordion-style-1 .accordion__btn:after {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='11' fill='none' viewBox='0 0 22 11'%3E%3Cpath stroke='%23a3a7c7' d='m1 .454 10 9 10-9'/%3E%3C/svg%3E") 50% no-repeat;
height: 11px;
right: 14px;
width: 22px
}
.accordion-style-1 .accordion__btn.open+.accordion__toggle-content {
padding-bottom: 65px;
padding-top: 2px
}
.accordion-style-2 {
row-gap: 10px
}
.accordion-style-3 .accordion__toggle-content p:last-child {
margin-bottom: 0
}
.accordion-style-4 .accordion__btn.open:after {
rotate: 180deg
}
.accordion-style-5.accordion-numeric .accordion__btn span {
left: 30px;
top: 33px
}
.accordion-style-5 .accordion__btn {
background-color: var(--c5);
border-radius: 7px;
font-size: 1.125rem;
font-weight: 500;
line-height: 1;
padding: 33px 55px 33px 60px
}
.accordion-style-5 .accordion__btn:after {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3E%3Cpath fill='%23171b2b' fill-rule='evenodd' d='M.25 9.371a.5.5 0 0 1 .5-.5h16.5a.5.5 0 0 1 0 1H.75a.5.5 0 0 1-.5-.5' clip-rule='evenodd'/%3E%3Cpath fill='%23171b2b' fill-rule='evenodd' d='M9 .621a.5.5 0 0 1 .5.5v16.5a.5.5 0 0 1-1 0v-16.5a.5.5 0 0 1 .5-.5' clip-rule='evenodd'/%3E%3C/svg%3E") 50% no-repeat;
height: 19px;
right: 30px;
top: 30px;
translate: none;
width: 18px
}
.accordion-style-5 .accordion__btn.open {
padding-bottom: 23px
}
.accordion-style-5 .accordion__btn.open:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='2' fill='none'%3E%3Cpath fill='%23171b2b' fill-rule='evenodd' d='M.25 1a.5.5 0 0 1 .5-.5h16.5a.5.5 0 0 1 0 1H.75a.5.5 0 0 1-.5-.5' clip-rule='evenodd'/%3E%3C/svg%3E")
}
.accordion-style-5 .accordion__btn.open+.accordion__toggle-content {
padding-bottom: 28px
}
.accordion-style-5 .accordion__toggle-content {
background-color: var(--c5);
padding-left: 60px;
padding-right: 30px
}
.accordion-style-5 .accordion__toggle-content p {
color: var(--c6);
max-width: 650px
}
@media (max-width:375px) {
.accordion-style-5.accordion-numeric .accordion__btn span {
left: 18px;
top: 23px
}
.accordion-style-5 .accordion__btn {
font-size: 1rem;
padding-bottom: 23px;
padding-left: 48px;
padding-top: 23px
}
.accordion-style-5 .accordion__btn:after {
right: 20px;
top: 20px
}
.accordion-style-5 .accordion__btn.open+.accordion__toggle-content {
padding-bottom: 28px
}
.accordion-style-5 .accordion__toggle-content {
padding-left: 50px;
padding-right: 20px
}
.accordion-style-5 .accordion__toggle-content p {
font-size: 1rem;
max-width: 235px
}
}
@media (max-width:320px) {
.accordion-style-5.accordion-numeric .accordion__btn span {
left: 10px
}
.accordion-style-5 .accordion__btn {
padding-left: 30px;
padding-right: 35px
}
.accordion-style-5 .accordion__btn:after {
right: 10px
}
.accordion-style-5 .accordion__toggle-content {
padding-left: 30px;
padding-right: 10px
}
}
.accordion-style-6.accordion-numeric .accordion__btn span {
left: 0;
top: 19px
}
.accordion-style-6 .accordion__btn {
border-top: 1px solid rgba(91, 93, 114, .5);
font-size: 1.25rem;
font-weight: 500;
line-height: 1;
padding: 19px 20px 53px 39px
}
.accordion-style-6 .accordion__btn:after {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' fill='none' viewBox='0 0 16 8'%3E%3Cpath stroke='%235b5d72' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.5' d='m15 1.129-7 6-7-6'/%3E%3C/svg%3E") 50% no-repeat;
height: 8px;
right: 0;
top: 24px;
translate: none;
width: 16px
}
.accordion-style-6 .accordion__btn.open {
padding-bottom: 18px
}
.accordion-style-6 .accordion__btn.open:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' fill='none' viewBox='0 0 16 8'%3E%3Cpath stroke='%23171b2b' stroke-linecap='round' stroke-linejoin='round' d='m15 7.258-7-6-7 6'/%3E%3C/svg%3E")
}
.accordion-style-6 .accordion__btn.open+.accordion__toggle-content {
padding-bottom: 28px
}
.accordion-style-6 .accordion__toggle-content {
-webkit-transition: none;
transition: none
}
.accordion-style-6 .accordion__toggle-content p {
color: var(--c6);
font-size: .875rem;
max-width: 650px
}
@media (max-width:767px) {
.accordion-style-6 .accordion__btn.open+.accordion__toggle-content {
padding-bottom: 30px
}
}
@media (max-width:375px) {
.accordion-style-6 .accordion__btn {
font-size: 1.4285714286rem
}
.accordion-style-6 .accordion__toggle-content p {
font-size: 1rem
}
}
.accordion-style-7>div:first-child .accordion__btn {
padding-left: 35px
}
.accordion-style-8 .accordion__progressbar {
background-color: var(--cb);
display: block;
height: 2px;
pointer-events: none;
translate: 0 2px;
width: 0
}
.accordion-numeric {
position: relative
}
.accordion-numeric .accordion__btn span {
color: rgba(91, 93, 114, .5);
font-weight: 500;
line-height: 1;
position: absolute
}
.ad-banner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
background-color: #f7f8fd;
border: 1px solid #dde1ff;
border-radius: 8px;
justify-content: space-between;
max-width: 100%;
padding: 16px;
width: 800px
}
.ad-banner,
.ad-banner__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.ad-banner__left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px
}
.ad-banner__title p {
color: #171b2b;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
margin: 0
}
.ad-banner__title p span {
color: #064cea
}
.ad-banner__text p {
color: rgba(26, 26, 28, .502);
font-size: 16px;
font-weight: 400;
line-height: 1.2;
margin: 0
}
@media screen and (max-width:768px) {
.ad-banner {
-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: 32px
}
}
@media screen and (max-width:586px) {
.ad-banner__right .button {
padding-bottom: 14px;
padding-top: 14px
}
.ad-banner__title p {
font-size: 32px
}
}
.author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.author__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 56px;
flex: 0 0 56px;
max-width: 56px
}
.author__image img {
border-radius: 50%;
max-width: 56px
}
.author__content {
-webkit-box-flex: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 calc(100% - 68px);
flex: 0 0 calc(100% - 68px);
max-width: calc(100% - 68px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 122px
}
.author__name span {
color: #fff;
font-size: 24px;
font-weight: 600;
line-height: 1.2
}
.author__position span {
color: hsla(0, 0%, 100%, .4);
font-size: 14px;
font-weight: 500;
line-height: 1.2
}
.block-blue {
background-color: #064cea;
border: 1px solid #dde1ff;
border-radius: 15px;
padding: 30px
}
.block-blue__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.block-blue__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.block-blue__column:first-child {
padding-right: 14px
}
.block-blue__column:last-child {
padding-left: 14px
}
.block-blue__column p {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 1.4;
margin-bottom: .5em
}
.block-blue__column p:last-child {
margin-bottom: 0
}
@media screen and (max-width:586px) {
.block-blue {
padding: 32px 18px
}
.block-blue__row {
gap: 27px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.block-blue__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.block-blue__column:first-child {
padding-right: 0
}
.block-blue__column:last-child {
padding-left: 0
}
.block-blue__column p {
font-size: 16px;
font-weight: 400
}
}
.breadcrumbs {
background-color: #f7f8fd;
border-radius: 5px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px 5px;
margin: 0;
padding: 8px 10px
}
.breadcrumbs span {
color: #171b2b;
display: block;
font-size: 10px;
font-weight: 400;
line-height: 1
}
.breadcrumbs a span {
color: #a3a7c7
}
.breadcrumbs a:hover span {
color: var(--c3)
}
.breadcrumbs li {
position: relative
}
.breadcrumbs li:not(:last-child) {
padding-right: 12px
}
.breadcrumbs li:not(:last-child):after {
color: var(--c8);
content: "/";
font: .625rem/1.2 var(--f3);
position: absolute;
right: 3px;
top: -1px
}
.breadcrumbs li>span {
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
display: -webkit-box;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.breadcrumbs--dark {
background-color: #1e2440
}
.breadcrumbs--dark span {
color: #a3a7c7
}
.breadcrumbs--dark a span {
color: #5b5d72
}
.breadcrumbs--dark a span:hover {
color: #a3a7c7
}
@media (max-width:375px) {
.breadcrumbs li:not(:last-child):after {
font-size: .7142857143rem
}
.breadcrumbs a {
font-size: .7142857143rem
}
}
.btn {
border: 1px solid transparent;
border-radius: 5px;
cursor: pointer;
display: inline-block;
font-weight: 700;
line-height: 1;
padding: 16px 15px;
position: relative;
text-align: center;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.btn.dn {
display: none
}
.btn span {
display: inline-block;
position: relative
}
.btn span svg {
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
fill: currentColor;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.btn span.arrow-right-diagonal {
padding-right: 25px
}
.btn span.arrow-right-diagonal svg {
height: 10px;
left: auto;
right: 0;
width: 10px
}
.btn span.arrow-right {
padding-right: 25px
}
.btn span.arrow-right svg {
height: 12px;
left: auto;
right: 0;
width: 12px
}
.btn span.download {
padding-left: 27px
}
.btn span.download svg {
height: 19px;
width: 19px
}
.btn span.sturdy {
padding-left: 25px
}
.btn span.sturdy svg {
height: 17px;
width: 16px
}
.btn span.exit svg {
height: 16px;
width: 17px
}
.btn:hover .arrow-right-diagonal svg {
-webkit-transform: translate(3px, calc(-50% - 3px));
-ms-transform: translate(3px, calc(-50% - 3px));
transform: translate(3px, calc(-50% - 3px))
}
.btn-default {
background-color: var(--c1);
border-color: var(--c4);
color: var(--cb)
}
.btn-default:hover {
background-color: #e3e6f8;
border-color: #e3e6f8
}
.btn-primary {
background-color: var(--c3);
border-color: var(--c3);
color: var(--c1)
}
.btn-primary:hover {
background-color: #0544d1;
border-color: #0544d1
}
.btn-success {
background-color: var(--c5);
border-color: var(--c5);
color: var(--c3)
}
.btn-success:hover {
background-color: #e4e8f7;
border-color: #e4e8f7
}
.btn-success-2 {
background-color: var(--c5);
border-color: var(--c5);
color: var(--cb)
}
.btn-success-2:hover {
background-color: #e4e8f7;
border-color: #e4e8f7
}
.btn-success-3 {
background-color: var(--c1);
border-color: var(--c3);
color: var(--c3)
}
.btn-success-3:hover {
border-color: #0544d1;
color: #0544d1
}
.btn-info {
background-color: var(--cb);
border-color: var(--cb);
color: var(--c1)
}
.btn-info:hover {
background-color: #0e111a;
border-color: #0e111a
}
.btn-info-2 {
background-color: hsla(0, 0%, 100%, .1);
border-color: hsla(0, 0%, 100%, .1);
color: var(--c1)
}
.btn-info-2:hover {
background-color: hsla(0, 0%, 100%, .05);
border-color: hsla(0, 0%, 100%, .05)
}
.btn-info-3 {
color: var(--c6)
}
.btn-info-3:hover {
color: var(--c3)
}
.btn-info-4 {
background-color: var(--c1);
border-color: var(--c9);
color: var(--cb)
}
.btn-info-4:hover {
background-color: #cdd0e7;
border-color: #cdd0e7
}
.btn-info-5 {
background-color: var(--c5);
border-color: var(--c5);
color: var(--c6)
}
.btn-info-5:hover {
background-color: #e4e8f7;
border-color: #e4e8f7
}
.btn-info-6 {
background-color: var(--c5);
border-color: var(--c4);
color: var(--cb)
}
.btn-info-6:hover {
background-color: #e4e8f7;
border-color: #e3e6f8
}
.btn-info-7 {
background-color: var(--c1);
border-color: var(--c1);
color: var(--cb)
}
.btn-info-7:hover {
background-color: #e3e6f8;
border-color: #e3e6f8
}
.btn-info-8 {
background-color: var(--c7);
border-color: var(--c7);
color: var(--c1)
}
.btn-info-8:hover {
background-color: #1d202f;
border-color: #1d202f
}
.btn-info-9 {
color: var(--c3)
}
.btn-info-9:hover {
color: #0544d1
}
.btn-info-10 {
background-color: var(--c1);
border-color: var(--c5);
color: var(--cb)
}
.btn-info-10:hover {
background-color: #e4e8f7;
border-color: #e4e8f7
}
.btn-info-11 {
border-color: var(--c1);
color: var(--c1)
}
.btn-info-11:hover {
background-color: hsla(0, 0%, 100%, .13)
}
.btn-style-1 {
min-width: 160px
}
.btn-style-2 {
min-width: 140px
}
.btn-style-3 {
padding-bottom: 13px;
padding-top: 13px
}
.btn-style-4 {
min-width: 132px
}
.btn-style-5 {
padding: 0
}
.btn-style-6 {
width: min(250px, 100%)
}
.btn-style-7 {
min-width: 148px
}
.btn-style-8 {
border-radius: 4px
}
.btn-style-9 {
font-weight: 500;
letter-spacing: .25px
}
.btn-style-10 {
width: min(175px, 100%)
}
.btn-style-11 {
width: min(245px, 100%)
}
.btn-style-12 {
font-size: .875rem;
font-weight: 400
}
.btn-style-13 {
letter-spacing: .25px
}
.btn-style-15 {
padding-bottom: 17px;
padding-top: 17px
}
.btn-style-16 {
border-radius: 7px
}
.btn-style-17 {
padding-bottom: 20px;
padding-top: 22px
}
.btn-style-18 {
width: min(238px, 100%)
}
.btn-full {
width: 100%
}
@media (max-width:375px) {
.btn-full-mobile {
width: 100%
}
.btn-style-12 {
font-size: 1rem
}
}
.btn-justify {
display: table;
margin-left: auto;
margin-right: auto;
max-width: 100%
}
.built-in-your-privacy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px
}
.built-in-your-privacy__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 48px
}
.built-in-your-privacy__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 525px;
flex: 0 0 525px
}
.built-in-your-privacy__image-inner {
border-radius: 20px;
max-width: 100%;
overflow: hidden
}
.built-in-your-privacy__image img {
border-radius: 20px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.built-in-your-privacy__image img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.built-in-your-privacy__tag span {
background: rgba(91, 93, 114, .5);
border-radius: 20px;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 9px 30px 9px 57px;
position: relative
}
.built-in-your-privacy__tag span:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M14.143 7.072H3.857c-.71 0-1.286.575-1.286 1.285v7.715c0 .71.576 1.286 1.286 1.286h10.286c.71 0 1.286-.576 1.286-1.286V8.357c0-.71-.576-1.285-1.286-1.285'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M13.5 7.072V5.143a4.5 4.5 0 1 0-9 0v1.929M9 12.858a.643.643 0 1 0 0-1.286.643.643 0 0 0 0 1.286'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
left: 30px;
margin: auto;
position: absolute;
top: 0;
width: 18px
}
.built-in-your-privacy__text {
padding-right: 40px
}
.built-in-your-privacy__text p {
color: #fff;
font-size: 28px;
font-weight: 500;
line-height: 1.3;
margin: 0
}
.built-in-your-privacy__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width:993px) {
.built-in-your-privacy {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px
}
.built-in-your-privacy__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.built-in-your-privacy__text {
padding-right: 0
}
}
@media screen and (max-width:586px) {
.built-in-your-privacy__text p {
font-size: 22px
}
}
.button {
background-color: #fff;
border: .5px solid transparent;
border-radius: 8px;
color: #000;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 14px;
padding: 15px 33px 13px;
position: relative;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
font-weight: 500;
justify-content: center;
line-height: 1
}
.button,
.button img {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.button:hover {
opacity: .7;
text-decoration: none
}
.button.button--orange:hover {
opacity: 1;
}
.button:hover img {
-webkit-transform: translateX(.2777777778rem);
-ms-transform: translateX(.2777777778rem);
transform: translateX(.2777777778rem)
}
.button--outline {
background-color: transparent;
border-color: #a3a7c7;
color: #000
}
.button--primary {
background-color: #171b2b;
border-color: #171b2b;
color: #fff
}
.button--login {
background-color: var(--c7);
border-radius: 4px;
height: 44px;
width: 44px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--c1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0
}
.button--login:focus {
background-color: var(--c7)
}
.button--login svg {
height: 16px;
width: 17px;
fill: currentColor
}
.button--hamburger {
background-color: var(--c7);
border-radius: 4px;
height: 44px;
padding: 0;
position: relative;
width: 44px
}
.button--hamburger:after,
.button--hamburger:before {
background-color: var(--c1);
content: "";
display: block;
height: 1px;
left: 0;
margin: auto;
position: absolute;
right: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 18px
}
.button--hamburger:before {
bottom: calc(50% + 1.5px)
}
.button--hamburger:after {
top: calc(50% + 1.5px)
}
.button--hamburger.active {
background-color: var(--c7)
}
.button--hamburger.active:before {
bottom: calc(50% - .5px);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.button--hamburger.active:after {
top: calc(50% - .5px);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.button--go {
background-color: #eeeff7;
border-radius: 8px;
font-size: 16px;
padding: 14px 38px 14px 21px
}
.button--go:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath stroke='%23171b2b' stroke-linecap='round' d='M.5 5h8.357M5.643 1.143l3.403 3.402a.643.643 0 0 1 0 .91L5.643 8.857'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
height: 12px;
margin: auto;
position: absolute;
right: 21px;
top: 2px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 12px
}
.button--go:hover:before {
-webkit-transform: translateX(.2777777778rem);
-ms-transform: translateX(.2777777778rem);
transform: translateX(.2777777778rem)
}
.button--orange {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
border-radius: 15px;
padding: 0; padding: 5px
}
.button--orange:before {
background-color: hsla(0, 0%, 100%, .5);
border-radius: 15px;
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10
}
.hero__prefers {
margin: auto;
width: 100%;
max-width: 180px;
display: flex;
align-items: center;
justify-content: center;
}
.button--orange:not(.button--no-animation):before {
-webkit-animation: buttonPulse 1.5s linear infinite normal;
animation: buttonPulse 1.5s linear infinite normal
}
.button--orange div {
background: #ff5630;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 15px 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
gap: 5px;
line-height: 1;
position: relative;
z-index: 20
}
.button--orange span {
line-height: 1
}
.button--orange img {
max-width: 16px
}
.button--blue {
border-radius: 15px;
padding: 5px;
position: relative
}
.button--blue:before {
background-color: rgba(6, 76, 234, .2);
border-radius: 15px;
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10
}
.button--blue:not(.button--no-animation):before {
-webkit-animation: buttonPulse 1.5s linear infinite normal;
animation: buttonPulse 1.5s linear infinite normal
}
.button--blue div {
background: #064cea;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 17px 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
gap: 8px;
line-height: 1;
position: relative;
z-index: 20
}
.button--blue span {
line-height: 1
}
.button--blue img,
.button--blue svg {
max-width: 16px
}
.button--blue-lite {
background: #dde1ff;
color: #000;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 17px 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
gap: 8px;
line-height: 1;
position: relative;
z-index: 20
}
.button--blue-lite span {
line-height: 1
}
.button--blue-lite img,
.button--blue-lite svg {
max-width: 16px
}
.button--white {
background: #fff;
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 14px 30px 15px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
gap: 5px;
line-height: 1;
position: relative
}
.button--white span {
line-height: 1
}
.button--white img,
.button--white span {
position: relative;
z-index: 10
}
.button--white:before {
background-color: hsla(0, 0%, 100%, .5);
border-radius: 15px;
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10
}
.button--white:not(.button--no-animation):before {
-webkit-animation: buttonPulse 1.5s linear infinite normal;
animation: buttonPulse 1.5s linear infinite normal
}
.button--white img {
max-width: 16px
}
.button--black {
background: #1b2034;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 17px 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 12px;
font-size: 16px;
font-weight: 500;
gap: 5px;
line-height: 1;
position: relative
}
.button--black svg {
max-width: 16px
}
.button--dark {
background: hsla(0, 0%, 100%, .17);
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 17px 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 12px;
font-size: 16px;
font-weight: 500;
gap: 5px;
line-height: 1;
position: relative
}
.button--dark svg {
max-width: 16px
}
.button--light {
background: #f6f7fa;
color: #0f1323;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 17px 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 12px;
font-size: 16px;
font-weight: 500;
gap: 5px;
line-height: 1;
position: relative;
width: 230px
}
.button--light svg {
max-width: 16px
}
@-webkit-keyframes buttonPulse {
0% {
opacity: 1;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 0;
-webkit-transform: scale(1.15, 1.3);
transform: scale(1.15, 1.3)
}
}
@keyframes buttonPulse {
0% {
opacity: 1;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 0;
-webkit-transform: scale(1.15, 1.3);
transform: scale(1.15, 1.3)
}
}
@-webkit-keyframes buttonPulse2 {
0% {
opacity: 1;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 0;
-webkit-transform: scale(1.15, 1.45);
transform: scale(1.15, 1.45)
}
}
@keyframes buttonPulse2 {
0% {
opacity: 1;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 0;
-webkit-transform: scale(1.15, 1.45);
transform: scale(1.15, 1.45)
}
}
@-webkit-keyframes buttonPulse3 {
0% {
opacity: 1;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 0;
-webkit-transform: scale(1.15, 1.4);
transform: scale(1.15, 1.4)
}
}
@keyframes buttonPulse3 {
0% {
opacity: 1;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 0;
-webkit-transform: scale(1.15, 1.4);
transform: scale(1.15, 1.4)
}
}
.cart-information a {
color: #1a1a1c;
text-decoration: none
}
.cart-information__inner {
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: justify;
-ms-flex-pack: justify;
border: 1px solid #f5f5f5;
border-radius: 8px;
gap: 16px;
justify-content: space-between;
padding: 16px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.cart-information__inner:hover {
background-color: #f7f8fe
}
.cart-information__title span {
color: #1a1a1c;
font-size: 20px;
font-weight: 600;
line-height: 1.2
}
.cart-information__text p {
color: rgba(26, 26, 28, .5);
font-size: 16px;
font-weight: 500;
line-height: 1.2;
margin: 0
}
.case-study__inner {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/case-study-bg.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
color: #fff;
margin-left: -100px;
padding: 76px 100px 84px;
width: calc(100% + 200px)
}
.case-study__title.section__title h2 {
color: #fff;
font-weight: 600
}
.case-study__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.case-study__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.case-study__column:first-child {
padding-right: 50px
}
.case-study__column:last-child {
padding-left: 50px
}
.case-study__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.case-study__item,
.case-study__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px
}
.case-study__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: hsla(0, 0%, 100%, .15);
border-radius: 12px;
padding: 15px 23px
}
.case-study__item img {
max-width: 24px
}
.case-study__item span {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 2
}
.case-study__item span b {
font-weight: 600
}
.case-study__item--white {
background-color: #fff
}
.case-study__item--white span {
color: #064cea
}
.case-study__content .button {
width: 211px
}
.case-study__content .button div {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
justify-content: center
}
@media screen and (max-width:1440px) {
.case-study__inner {
margin-left: 0;
padding: 60px;
width: 100%
}
.case-study__item span {
line-height: 1.3
}
}
@media screen and (max-width:993px) {
.case-study__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.case-study__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.case-study__column:first-child {
padding-right: 0
}
.case-study__column:last-child {
padding-left: 0
}
.case-study__author {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.case-study__inner .section__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px
}
.case-study__inner .section__title {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
@media screen and (max-width:586px) {
.case-study__inner {
padding: 40px 20px
}
.case-study__content p {
font-weight: 500
}
.case-study__item span {
font-weight: 16px;
font-weight: 500
}
.case-study__item span b {
font-weight: 600
}
.case-study__item:not(.case-study__item--white) img {
display: none
}
.case-study__item:not(.case-study__item--white) span {
color: hsla(0, 0%, 100%, .8)
}
.case-study__item:not(.case-study__item--white) span b {
color: #fff
}
}
.check-if-you-cant__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.check-if-you-cant__row--align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.check-if-you-cant__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.check-if-you-cant__column:first-child {
padding-right: 25px
}
.check-if-you-cant__column:last-child {
padding-left: 25px
}
.check-if-you-cant__column iframe,
.check-if-you-cant__column img,
.check-if-you-cant__column video {
border-radius: 15px
}
.check-if-you-cant__content>p {
color: #393939;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 28px
}
.check-if-you-cant__content>p:last-child {
margin-bottom: 0
}
.check-if-you-cant__content .numbered-list {
margin-bottom: 28px
}
.check-if-you-cant__content ul {
list-style: disc;
margin-bottom: 28px;
padding-left: 20px
}
.check-if-you-cant__content ul:last-child {
margin-bottom: 0
}
.check-if-you-cant__content ul li {
color: #393939;
font-size: 16px;
font-weight: 400;
line-height: 1.4
}
.check-if-you-cant__right {
height: 100%;
position: relative
}
.check-if-you-cant__image {
border-radius: 15px;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10
}
.check-if-you-cant__image iframe,
.check-if-you-cant__image img,
.check-if-you-cant__image video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%
}
.check-if-you-cant__button {
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
padding-bottom: 40px;
position: absolute;
right: 0;
z-index: 20;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.check-if-you-cant__button .button {
background-color: hsla(0, 0%, 100%, .1);
width: 240px
}
.check-if-you-cant__button .button div {
width: 100%
}
@media screen and (max-width:993px) {
.check-if-you-cant__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 22px
}
.check-if-you-cant__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.check-if-you-cant__column:first-child {
padding-right: 0
}
.check-if-you-cant__column:last-child {
padding-left: 0
}
.check-if-you-cant__content>p {
margin-bottom: 22px
}
.check-if-you-cant__content>p:last-child {
margin-bottom: 0
}
.check-if-you-cant__content .numbered-list {
margin-bottom: 22px
}
.check-if-you-cant__right {
padding-bottom: 56%
}
}
.early-access-message {
background-color: var(--cb);
color: var(--c1);
display: block;
font-size: .875rem;
line-height: 1.2;
margin-bottom: 40px;
padding: 13px 10px 11px;
position: relative;
text-align: center;
text-decoration: none;
z-index: 100
}
.early-access-message:hover {
text-decoration: none
}
.early-access-message.dn {
display: none
}
@media (max-width:430px) {
.early-access-message {
font-size: .75rem;
margin-bottom: 20px
}
}
@media (max-width:375px) {
.early-access-message {
font-size: .8571428571rem
}
}
.faq-item {
background-color: rgba(244, 245, 247, .729);
border: 1px solid transparent;
border-radius: 12px;
-webkit-transition: all .3 ease;
transition: all .3 ease;
-webkit-transition: border .3s ease;
transition: border .3s ease
}
.faq-item__question {
cursor: pointer;
padding: 23px;
position: relative
}
.faq-item__question:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='31' fill='none' viewBox='0 0 32 31'%3E%3Crect width='30.951' height='31' x='.09' fill='%23fff' rx='15.475'/%3E%3Cpath stroke='%23171b2b' stroke-linecap='round' d='M15.796 8v14.645m5.678-4.732-5.01 5.009a.946.946 0 0 1-1.338 0l-5.009-5.01'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
height: 30px;
margin: auto;
position: absolute;
right: 17px;
top: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
width: 30px
}
.faq-item__question p {
color: #171b2b;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
margin: 0
}
.faq-item__answer {
height: 0;
overflow: hidden;
padding-bottom: 0;
padding-left: 23px;
padding-right: 23px;
-webkit-transition: all .3 ease;
transition: all .3 ease;
will-change: height
}
.faq-item__answer p {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
margin: 0
}
.faq-item__answer p:last-child {
margin-bottom: 23px !important
}
.faq-item.open,
.faq-item:hover {
border-color: #064cea
}
.faq-item.open .faq-item__question:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
@media screen and (max-width:993px) {
.faq-item__question {
padding-right: 60px
}
}
.faq-list__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 5.5px;
padding-right: 5.5px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 11px
}
.faq-list__column,
.faq-list__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.faq-list__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -5.5px;
row-gap: 11px;
width: calc(100% + 11px)
}
.faq-list__row--full-width {
margin-left: 0;
width: 100%
}
.faq-list__row--full-width .faq-list__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
@media screen and (max-width:993px) {
.faq-list__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
.faq__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 45px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 11px
}
.faq__text {
margin-bottom: 30px
}
.faq__text p {
color: #303030;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
margin: 0;
text-align: center
}
.faq__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.faq__button a {
border: 1px solid #064cea;
border-radius: 8px;
color: #064cea;
display: block;
font-weight: 500;
padding: 11px 33px
}
.get-started-block {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/get-started-block.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
gap: 50px;
justify-content: space-between
}
.get-started-block__title {
margin-bottom: 10px
}
.get-started-block__title span {
color: #fff;
font-size: 26px;
font-weight: 700;
line-height: 1.3
}
.get-started-block__text p {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
margin: 0
}
.get-started-block__logo {
margin-top: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.get-started,
.get-started-block__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.get-started {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.get-started__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 620px;
flex: 0 0 620px;
max-width: 620px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 55px
}
.get-started__content,
.get-started__image {
-webkit-box-flex: 0;
position: relative;
z-index: 20
}
.get-started__image {
-ms-flex: 0 0 506px;
flex: 0 0 506px;
max-width: 506px
}
.get-started__image img {
max-width: 100%
}
.get-started__suptitle {
margin-bottom: 20px
}
.get-started__suptitle span {
background-color: hsla(0, 0%, 100%, .3);
border-radius: 40px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
padding: 6px 18px;
text-align: center
}
.get-started__title {
margin-bottom: 20px
}
.get-started__title h2,
.get-started__title p {
color: #fff;
font-size: 50px;
font-weight: 700;
line-height: 1.2;
margin: 0
}
.get-started__text {
margin-bottom: 27px
}
.get-started__text p {
color: #fff;
font-size: 22px;
font-weight: 400;
line-height: 1.3;
margin: 0
}
.get-started__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 586px) {
.get-started__rate {
display: flex;
align-items: center;
justify-content: center;
}
}
.get-started__rate ul {
gap: 17px;
list-style: none;
padding-left: 0
}
.get-started__rate ul,
.get-started__rate ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.get-started__rate ul li {
gap: 4px
}
.get-started__rate ul li:nth-child(1) {
display: none;
}
.get-started__rate ul li span {
color: #fff
}
.get-started--blue {
background-color: #f7f8fd;
border-radius: 15px;
margin-left: -100px;
padding: 90px 100px;
width: calc(100% + 200px)
}
.get-started--blue .get-started__text h2,
.get-started--blue .get-started__text p,
.get-started--blue .get-started__title h2,
.get-started--blue .get-started__title p {
color: #171b2b
}
.get-started--blue .get-started__suptitle span {
background-color: #fff;
border: 1px solid #dde1ff;
color: #064cea
}
.get-started--blue .get-started__rate ul li span {
color: #171b2b
}
.get-started--blue:before {
background-color: #3c6aff;
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
bottom: 0;
content: "";
position: absolute;
right: -50px;
top: 0;
z-index: 10;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(48% + 50px);
flex: 0 0 calc(48% + 50px);
height: 100%;
width: calc(48% + 50px)
}
@media screen and (max-width:1200px) {
.get-started__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
padding-right: 20px
}
.get-started__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
padding-left: 20px
}
.get-started--blue {
border-radius: 0;
margin-left: -10px;
padding-left: 10px;
padding-right: 10px;
width: calc(100% + 20px)
}
.get-started--blue:before {
right: -10px;
-webkit-box-flex: 0;
border-radius: 0;
-ms-flex: 0 0 calc(45% + 10px);
flex: 0 0 calc(45% + 10px);
width: calc(45% + 10px)
}
}
@media screen and (max-width:993px) {
.get-started {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px
}
.get-started__content {
padding-right: 0
}
.get-started__content,
.get-started__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.get-started__image {
padding-left: 0
}
.get-started--blue {
padding-bottom: 60px;
padding-top: 60px
}
.get-started--blue:before {
display: none
}
.get-started--blue .get-started__image {
background-color: #3c6aff;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
width: 100%
}
}
@media screen and (max-width:586px) {
.get-started__suptitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.get-started__title h2 {
font-size: 40px;
text-align: center
}
.get-started__text {
margin-bottom: 40px
}
.get-started__text p {
font-size: 20px;
text-align: center
}
.get-started__text p br {
display: none
}
.get-started__content {
gap: 40px
}
.get-started__button,
.get-started__rate ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.header-navigation>ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 34px;
list-style: none;
padding-left: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.header-navigation>ul>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.header-navigation>ul>li>a {
color: #171b2b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 1.2;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
-webkit-box-pack: center;
-ms-flex-pack: center;
border-radius: 8px;
justify-content: center;
padding: 10px 16px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.header-navigation>ul>li>a:hover {
background-color: #fff
}
.header-navigation>ul>li>a[data-child-selector] {
padding: 7px 16px
}
.header-navigation>ul>li>a[data-child-selector]:after {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/icons/angle-bottom.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: block;
height: 24px;
position: relative;
width: 24px
}
.header-navigation--dark>ul>li>a {
color: #fff
}
.header-navigation--dark>ul>li>a[data-child-selector]:after {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/icons/angle-bottom-white.svg)
}
.header-navigation--dark>ul>li>a:hover {
background-color: #fff;
color: #000
}
.header-navigation--dark>ul>li>a:hover[data-child-selector]:after {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/icons/angle-bottom.svg)
}
@media screen and (max-width:1231px) {
.header-navigation>ul {
gap: 5px
}
}
.header {
left: 0;
position: absolute;
right: 0;
top: 60px;
z-index: 100
}
.header--fixed {
position: fixed;
top: 20px
}
.header__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
background: #f7f8fd;
border: 1px solid #fff;
border-radius: 10px;
-webkit-box-shadow: 12px 12px 25px 0 rgba(0, 0, 0, .031);
box-shadow: 12px 12px 25px 0 rgba(0, 0, 0, .031);
justify-content: space-between
}
.header__logo img {
width: 170px
}
.header__login {
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;
gap: 5px;
justify-content: flex-end
}
.header .container {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.header.menu-is-open .container {
padding-left: 0;
padding-right: 0
}
.header--dark .header__inner {
background: #1e2440;
border: 1px solid #3c4466
}
.header--dark .button--outline {
border-color: #fff !important;
color: #fff !important
}
.header--dark .button--primary {
background-color: #fff !important;
border-color: #fff !important;
color: #000 !important
}
@media screen and (min-width:993px) {
.header__mobile {
display: none
}
.header__login .button {
min-width: 140px
}
}
@media screen and (max-width:993px) {
.header__navigation,
.header__right {
display: none
}
.header__inner {
border-radius: 12px
}
.header__login .button {
border-radius: 8px
}
}
.helpful-links {
background-color: #064cea;
border-radius: 10px;
padding: 17px 28px
}
.helpful-links__title {
margin-bottom: 14px
}
.helpful-links__title span {
background-color: #3c6aff;
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin: 0;
padding: 6px 20px
}
.helpful-links__list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding-left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
margin: 0
}
.helpful-links__list ul li {
padding-left: 20px;
position: relative
}
.helpful-links__list ul li:before {
background-color: #fff;
border-radius: 50%;
bottom: 0;
content: "";
display: block;
height: 6px;
left: 7px;
margin: auto;
position: absolute;
top: 0;
width: 6px
}
.helpful-links__list ul li a {
color: #fff;
font-size: 18px;
font-weight: 500;
text-decoration: underline
}
.helpful-links__list ul li a:hover {
text-decoration: none
}
@media screen and (max-width:768px) {
.helpful-links {
padding-left: 22px;
padding-right: 22px
}
}
.hero-seo {
margin-top: -70px;
padding-bottom: 47px
}
.hero-seo__inner {
background: -webkit-gradient(linear, left top, left bottom, color-stop(47.92%, #0e1329), color-stop(147%, #283463));
background: linear-gradient(180deg, #0e1329 47.92%, #283463 147%);
border-radius: 15px;
margin-left: -100px;
padding: 150px 100px 110px;
width: calc(100% + 200px)
}
.hero-seo__row {
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
}
.hero-seo__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 537px);
flex: 0 0 calc(100% - 537px);
max-width: calc(100% - 537px);
padding-top: 24px
}
.hero-seo__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 537px;
flex: 0 0 537px;
max-width: 537px
}
.hero-seo__breadcrumps,
.hero-seo__title {
margin-bottom: 30px
}
.hero-seo__title h1 {
color: #f8f9fd;
font-size: clamp(35px, 5vw, 55px);
font-weight: 600;
line-height: 1.2;
margin: 0
}
.hero-seo__text {
margin-bottom: 30px
}
.hero-seo__text p {
color: hsla(0, 0%, 100%, .6);
font-size: clamp(14px, 3vw, 20px);
font-weight: 500;
line-height: 1.4;
margin: 0
}
.hero-seo__button {
margin-bottom: 35px
}
.hero-seo__button .button {
background-color: hsla(0, 0%, 100%, 0);
padding: 0;
width: 240px
}
.hero-seo__button .button:before {
-webkit-animation: buttonPulse2 1.5s linear infinite normal;
animation: buttonPulse2 1.5s linear infinite normal;
background-color: hsla(0, 0%, 100%, .2)
}
.hero-seo__button .button div {
width: 100%
}
.hero-seo__trustpilot ul {
gap: 13px
}
.hero-seo__trustpilot ul,
.hero-seo__trustpilot ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.hero-seo__trustpilot ul li {
gap: 4px
}
.hero-seo__trustpilot ul li span {
color: #a3a7c7;
font-size: 14px
}
.hero-seo__trustpilot ul li span b {
font-weight: 600
}
.hero-seo__trustpilot ul li img {
display: block;
margin-bottom: 4px;
width: 14px
}
@media screen and (max-width:1440px) {
.hero-seo__inner {
margin-left: 0;
padding: 60px;
width: 100%
}
.hero-seo__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%
}
.hero-seo__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
}
@media screen and (max-width:993px) {
.hero-seo__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 60px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.hero-seo__content {
padding-top: 0
}
.hero-seo__content,
.hero-seo__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
@media screen and (max-width:586px) {
.hero-seo {
margin-top: 30px
}
.hero-seo__row {
gap: 40px
}
.hero-seo__inner {
padding: 40px 13px
}
.hero-seo__title {
margin-bottom: 20px
}
.hero-seo__text {
margin-bottom: 40px
}
.hero-seo__text p {
color: #fff
}
.hero-seo__button {
margin-bottom: 20px
}
.hero-seo__trustpilot ul li span {
font-size: 16px
}
.hero-seo__trustpilot ul li img {
width: 16px
}
}
.hero {
margin-bottom: 50px;
padding-top: 72px;
position: relative
}
.hero video {
width: 100vw;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
left: 0;
right: 0;
top: -80px;
bottom: 0;
z-index: -1;
}
.hero:after {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/hero-bg.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 110%;
border-radius: 15px; display: block;
height: var(--hero-bg-height);
left: 20px; opacity: 1!important;
position: absolute;
right: 20px;
top: 3px;
-webkit-transform: var(--hero-transform);
-ms-transform: var(--hero-transform);
transform: var(--hero-transform);
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
z-index: -1
}
.hero__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px
}
.hero__inner,
.hero__top {
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
}
.hero__top {
gap: 20px
}
.hero__middle {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
align-items: center;
gap: 17px
}
.hero__middle,
.hero__powered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.hero__title h1 {
font-size: clamp(32px, 5vw, 55px);
font-weight: 600;
line-height: 1.2;
margin: 0;
text-align: center
}
.hero__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.hero__text p {
color: #011452;
font-size: clamp(14px, 5vw, 18px);
line-height: 1.4;
margin: 0;
max-width: 532px;
text-align: center
}
.hero__prefers ul {
gap: 13px
}
.hero__prefers ul,
.hero__prefers ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.hero__prefers ul li {
gap: 4px
}
.hero__prefers ul li span {
color: #455a8c;
font-size: 14px
}
.hero__prefers ul li span b {
font-weight: 600
}
.hero__prefers ul li img {
display: block;
margin-bottom: 4px;
width: 14px
}
.hero__button,
.hero__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.hero__image {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: transform 1s cubic-bezier(.23,1,.32,1),opacity 1s cubic-bezier(.23,1,.32,1);
}
.hero__image:before {
-webkit-backdrop-filter: blur(19px);
backdrop-filter: blur(19px);
background: hsla(0, 0%, 100%, .478);
border: 1px solid #cddef4;
border-radius: 15px;
content: "";
display: block;
height: calc(100% + 20px);
position: absolute;
width: 969px;
z-index: 10
}
.hero__image img {
-webkit-backface-visibility: hidden;
border-radius: 12px;
-webkit-filter: none;
filter: none;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 949px;
will-change: transform;
z-index: 20
}
@media screen and (max-width:993px) {
.hero {
position: relative
}
.hero:after {
background-size: cover;
border-radius: 12px;
bottom: -30px;
height: auto;
left: 8px;
right: 8px;
top: 6px
}
.hero__image:before {
width: calc(100% + 20px)
}
.hero__image img {
width: 100%
}
}
@media screen and (max-width:768px) {
.hero {
padding-top: 124px
}
.hero__image:before {
width: 100%
}
.hero__image img {
width: calc(100% - 20px) !important
}
}
.how-it-works__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.how-it-works__navigation {
padding-right: 20px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 420px;
flex: 0 0 420px;
max-width: 420px
}
.how-it-works__navigation-inner {
height: 100%
}
.how-it-works__navigation-inner:after,
.how-it-works__navigation-inner:before {
content: "";
display: block;
left: 0;
position: absolute;
top: 26px
}
.how-it-works__navigation-inner:before {
background-image: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 73%, 0)), color-stop(48.56%, #064cea), to(hsla(0, 0%, 87%, 0)));
background-image: linear-gradient(0deg, hsla(0, 0%, 73%, 0), #064cea 48.56%, hsla(0, 0%, 87%, 0));
height: 50%;
width: 2px;
z-index: 20
}
.how-it-works__navigation-inner:after {
background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#afafaf));
background-image: linear-gradient(0deg, #fff, #afafaf);
height: calc(100% - 20px);
width: 1px;
z-index: 10
}
.how-it-works__navigation-inner ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding-left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
max-height: 100%;
padding-top: 20px;
position: sticky;
top: 20%;
z-index: 30
}
.how-it-works__navigation-inner ul li {
color: hsla(233, 4%, 44%, .659);
cursor: pointer;
font-size: 18px;
line-height: 1.3;
padding-left: 30px;
position: relative;
-webkit-transition: all 0s ease;
transition: all 0s ease;
z-index: 30
}
.how-it-works__navigation-inner ul li:before {
background-color: #064cea;
border-radius: 50%;
bottom: 0;
content: "";
display: block;
height: 11px;
left: -5.0px;
margin: auto;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 11px
}
.how-it-works__navigation-inner ul li.visible,
.how-it-works__navigation-inner ul li.active {
color: #171b2b;
font-weight: 600
}
.how-it-works__navigation-inner ul li.visible:before,
.how-it-works__navigation-inner ul li.active:before {
opacity: 1
}
.how-it-works__navigation-inner ul li.visible span,
.how-it-works__navigation-inner ul li.active span {
color: #064cea;
font-weight: 500
}
.how-it-works__blocks-list {
gap: 40px;
padding-left: 10px
}
.how-it-works__block,
.how-it-works__blocks-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.how-it-works__block {
background-color: #f3f4fc;
border-radius: 15px;
gap: 38px;
padding: 34px 25px 25px;
}
.how-it-works__content h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 30px;
font-weight: 500;
gap: 17px;
line-height: 1.3;
margin-bottom: 22px;
padding-right: 95px;
position: relative;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.how-it-works__content h3 img {
margin-top: 7px;
max-width: 26px
}
.how-it-works__content p {
font-size: 20px;
line-height: 1.4;
margin: 0;
padding-left: 0;
padding-right: 95px
}
.how-it-works__image {
background-color: #e3e8f4;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.how-it-works__image img { max-width: 100%;
border-radius: 15px;
}
.how-it-works__link {
bottom: 18px;
position: absolute;
right: 14px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.how-it-works__link a {
background-color: #fff;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' fill='none' viewBox='0 0 21 22'%3E%3Cg stroke='%23978f8f' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M4.888 17.564 16.836 5.855M4.888 5.855h11.948v11.71'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M21 22H0V0h21z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: 22px;
border: 1px solid #dde1ff;
border-radius: 50%;
display: block;
height: 46px;
width: 46px
}
.how-it-works__mobile-blocks-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px
}
.how-it-works:hover .how-it-works__link {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
@media screen and (min-width:994px) {
.how-it-works--mobile {
display: none
}
}
@media screen and (max-width:993px) {
.how-it-works {
position: relative
}
.how-it-works--desktop {
display: none
}
.how-it-works__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 13px;
max-width: 100vw
}
.how-it-works__swiper {
max-width: 100vw
}
.how-it-works__title h3 {
gap: 11px
}
.how-it-works__swiper-navigation {
background-color: #fff;
margin-left: -10px;
overflow: hidden;
position: sticky;
top: 96px;
width: 100vw;
z-index: 100
}
.how-it-works__swiper-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ececec;
list-style: none;
margin-left: -10px;
overflow: auto;
padding-left: 20px;
padding-right: 10px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 100%
}
.how-it-works__swiper-navigation ul::-webkit-scrollbar {
background-color: #fff;
height: 2px
}
.how-it-works__swiper-navigation ul::-webkit-scrollbar-thumb {
background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 73%, 0)), color-stop(48.56%, #064cea), to(hsla(0, 0%, 87%, 0)));
background-image: linear-gradient(90deg, hsla(0, 0%, 73%, 0), #064cea 48.56%, hsla(0, 0%, 87%, 0));
width: 50vw
}
.how-it-works__swiper-navigation ul li {
color: #6c6d75;
font-size: 18px;
padding-bottom: 18px;
padding-left: 21px;
padding-top: 18px;
position: relative;
white-space: nowrap
}
.how-it-works__swiper-navigation ul li:before {
background-color: transparent;
border-radius: 50%;
bottom: 0;
content: "";
display: block;
height: 11px;
left: 0;
margin: auto;
position: absolute;
top: 0;
width: 11px
}
.how-it-works__swiper-navigation ul li.active {
color: #171b2b;
font-weight: 500
}
.how-it-works__swiper-navigation ul li.active:before {
background-color: #064cea
}
.how-it-works__swiper-navigation ul li.active span {
color: #064cea
}
.how-it-works__content h3,
.how-it-works__content p {
padding-right: 0px
}
}
.mobile-menu {
background-color: #fff;
bottom: 0;
left: 0;
max-height: 100vh;
opacity: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 140px 20px 20px;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 90
}
.mobile-menu__inner {
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: justify;
-ms-flex-pack: justify;
gap: 24px;
height: 100%;
justify-content: space-between
}
.mobile-menu.active {
opacity: 1;
pointer-events: all
}
.mobile-menu__navigation nav>ul ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 0;
list-style: none;
margin: 0;
overflow: hidden;
padding-left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px
}
.mobile-menu__navigation nav>ul ul>li:first-child {
margin-top: 17px
}
.mobile-menu__navigation nav>ul ul>li:last-child {
margin-bottom: 17px
}
.mobile-menu__navigation nav>ul ul a {
background-color: #f7f8fd;
border: 1px solid #a3a7c7;
border-radius: 12px;
color: #171b2b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 15px 10px 27px;
position: relative;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px
}
.mobile-menu__navigation nav>ul ul a b {
color: #171b2b;
font-size: 14px;
font-weight: 500;
line-height: 1.4
}
.mobile-menu__navigation nav>ul ul a span {
color: rgba(91, 93, 114, .502);
font-size: 12px;
font-weight: 400;
line-height: 1.3
}
.mobile-menu__navigation nav>ul ul a:after {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.mobile-menu__navigation nav>ul ul a:before {
border-radius: 50%;
content: "";
display: block;
height: 6px;
left: 15px;
pointer-events: none;
position: absolute;
top: 17px;
width: 6px
}
.mobile-menu__navigation nav>ul li.active>a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.mobile-menu__navigation nav>ul li li.active>a:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
.mobile-menu__navigation nav>ul>li>a {
border-bottom: 1px solid #dee0ef;
color: var(--cb);
display: block;
font-size: 14px;
padding-bottom: 16px;
padding-right: 16px;
padding-top: 16px;
position: relative;
text-decoration: none
}
.mobile-menu__navigation nav>ul>li>a.mobile-menu__link--has-child:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23a3a7c7' stroke-linecap='square' stroke-linejoin='round' d='m3 6 5 5 5-5'/%3E%3C/svg%3E");
height: 12px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 12px
}
.mobile-menu__navigation nav>ul>li ul ul li a {
background-color: transparent;
border: 0;
padding-right: 0
}
.mobile-menu__navigation nav>ul>li ul ul li a:before {
display: none
}
.mobile-menu__link {
border-bottom: 1px solid #dedede;
color: var(--cb);
display: block;
padding-bottom: 15px;
padding-top: 15px;
position: relative;
text-decoration: none
}
.mobile-menu__link--has-child:after {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/icons/angle-bottom.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px;
bottom: 0;
content: "";
display: block;
height: 40px;
margin: auto;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 40px
}
.mobile-menu__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px
}
.mobile-menu__social-networks ul {
gap: 5px
}
.mobile-menu__social-networks ul,
.mobile-menu__social-networks ul a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mobile-menu__social-networks ul a {
border: 1px solid rgba(48, 48, 48, .1);
border-radius: 5px;
height: 50px;
width: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.mobile-menu__social-networks ul a img {
width: 20px
}
.mobile-menu__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.mobile-menu__buttons>div {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.mobile-menu__buttons>div .button {
width: 100%
}
.mobile-menu__buttons>div:first-child {
padding-right: 2.5px
}
.mobile-menu__buttons>div:last-child {
padding-left: 2.5px
}
.numbered-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1px
}
.numbered-list,
.numbered-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.numbered-list__item {
background-color: #f8f9fd;
padding: 20px 30px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px
}
.numbered-list__item:first-child {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding-top: 30px
}
.numbered-list__item:last-child {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding-bottom: 30px
}
.numbered-list__item span {
display: block;
height: 24px;
width: 24px;
-webkit-box-flex: 0;
background-color: #064cea;
border-radius: 50%;
color: #fff;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
font-size: 12px;
line-height: 24px;
margin-top: 0;
text-align: center
}
.numbered-list__item p {
font-size: 16px;
font-weight: 500;
line-height: 1.3;
margin: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 94px);
flex: 0 0 calc(100% - 94px)
}
@media screen and (max-width:768px) {
.numbered-list__item {
padding: 15px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.numbered-list__item:first-child {
padding-top: 25px
}
.numbered-list__item:last-child {
padding-bottom: 25px
}
.numbered-list__item p {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 64px);
flex: 0 0 calc(100% - 64px)
}
}
@media screen and (max-width:586px) {
.numbered-list {
gap: 10px
}
.numbered-list__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
border-radius: 12px;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px
}
.numbered-list__item span {
margin: 0
}
.numbered-list__item p {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
font-size: 16px;
font-weight: 500
}
}
.possibilities-list__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -7px;
row-gap: 14px;
width: calc(100% + 14px);
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.possibilities-list__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding-left: 7px;
padding-right: 7px
}
@media screen and (max-width:993px) {
.possibilities-list__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media screen and (max-width:768px) {
.possibilities-list__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
.possibility {
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px 35px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
background-color: #f7f8fd;
gap: 30px;
height: 100%;
justify-content: space-between; position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;    
}
@media (max-width: 993px) {
.possibility__footer {
height: auto !important;
}
}
.possibility:not(.possibility--blue):not(.possibility--image):hover {
background-color: #f0f2fb
}
.possibility__bottom,
.possibility__footer,
.possibility__header,
.possibility__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px
}
.possibility__title p {
font-size: 26px;
font-weight: 600;
line-height: 1.4;
margin: 0
}
.possibility__text p {
color: #272b3f;
font-size: 18px;
font-weight: 500;
line-height: 1.4;
margin: 0
}
.possibility__link a {
color: #5b5d72;
display: inline-block;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
min-height: 12px;
padding-right: 30px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.possibility__link a:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none' viewBox='0 0 7 11'%3E%3Cpath stroke='%230a0a0a' stroke-linecap='round' d='m1.233.798 4.278 4.277a.81.81 0 0 1 0 1.143l-4.278 4.278'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
height: 12px;
margin: auto;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 12px
}
.possibility__link a:hover {
color: rgba(91, 93, 114, .8)
}
.possibility__link a:hover:before {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px)
}
.possibility--blue {
background-color: #3c6aff;
color: #fff
}
.possibility--blue .possibility__link a,
.possibility--blue .possibility__text p {
color: #fff
}
.possibility--blue .possibility__link a:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' fill='none' viewBox='0 0 6 11'%3E%3Cpath stroke='%23fff' stroke-linecap='round' d='M.849.651 5.126 4.93a.81.81 0 0 1 0 1.142L.85 10.35'/%3E%3C/svg%3E")
}
.possibility__image {
border-radius: 20px;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10
}
.possibility__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 100%
}
.possibility__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px
}
.possibility--image,
.possibility__bottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.possibility--image {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.possibility--image .possibility__bottom,
.possibility--image .possibility__top {
position: relative;
z-index: 20
}
.possibility--image .possibility__title p {
color: #fff;
font-weight: 600;
text-align: center
}
.possibility--image:hover .possibility__image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
@media screen and (max-width:768px) {
.possibility {
gap: 40px;
padding: 33px 28px
}
.possibility__top {
gap: 28px
}
.possibility__header {
gap: 33px
}
.possibility__title p {
font-size: 24px
}
.possibility__text p {
font-size: 16px
}
.possibility--image {
gap: 0;
min-height: 378px
}
}
.post-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding-left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px
}
.post-navigation ul a {
border-left: 3px solid transparent;
color: #5b5d72;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
padding: 10px 0 10px 17px
}
.post-navigation ul a.active {
border-color: #064cea;
color: #171b2b
}
.post-navigation ul a.active span {
color: #064cea
}
.post-preview__image {
border-radius: 16px;
margin-bottom: 15px;
overflow: hidden
}
.post-preview__image img {
border-radius: 16px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 100%
}
.post-preview__image img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.post-preview__meta {
gap: 20px;
margin-bottom: 20px
}
.post-preview__meta,
.post-preview__tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.post-preview__tags ul {
gap: 10px
}
.post-preview__tags ul li {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #f7f8fd;
border: 1px solid #dde1ff;
border-radius: 8px;
color: #064cea;
font-size: 12px;
line-height: 1;
padding: 5px 30px;
text-align: center
}
.post-preview__time time {
color: #5b5d72;
font-size: 14px
}
.post-preview__title a {
color: #171b2b !important;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
text-decoration: none !important
}
.powered-by {
background: #F7F8FE;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
border-radius: 8px;
-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 22, 82, .051);
box-shadow: 5px 5px 10px 0 rgba(0, 22, 82, .051);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 31px;
padding: 13px 16px 13px 46px;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.powered-by:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='none' viewBox='0 0 23 23'%3E%3Crect width='22.16' height='22.16' y='.42' fill='url(%23a)' rx='5'/%3E%3Cpath fill='%23f8f9fd' d='m11.683 8.64-1.286-4.31-1.22 4.236-.043.149-.153.043-4.419 1.254 4.343 1.19.152.042.044.15 1.286 4.309 1.22-4.236.043-.148.153-.044 4.419-1.254-4.343-1.19-.152-.042zM15.881 14.985l-.67-2.249-.637 2.21-.023.077-.08.023-2.305.654 2.266.621.08.022.022.078.671 2.248.637-2.21.022-.077.08-.023 2.305-.654-2.265-.62-.08-.023z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='11.08' x2='24.115' y1='.42' y2='28.446' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23064cea'/%3E%3Cstop offset='1' stop-color='%236181e9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
height: 22px;
left: 13px;
margin: auto;
position: absolute;
top: 0;
width: 22px
}
.powered-by span {
color: #064cea;
font-size: 12px;
line-height: 1;
line-height: -.03em
}
.prices {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -6px;
width: calc(100% + 12px)
}
.prices__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left: 6px;
padding-right: 6px
}
.prices__item {
background-color: #f0f2fb;
border-radius: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 22px 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
gap: 40px;
justify-content: space-between
}
.prices__title {
margin-bottom: 24px
}
.prices__title p {
font-size: 22px;
font-weight: 500;
line-height: 1.4;
margin: 0
}
.prices__text p {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
margin: 0
}
@media screen and (max-width:768px) {
.prices {
gap: 24px;
margin-left: 0;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.prices__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.prices__item {
gap: 24px
}
.prices__title p {
font-size: 22px !important;
font-weight: 600 !important
}
.prices__text p,
.prices__title p {
color: #272b3f !important;
line-height: 1.4 !important;
margin: 0 !important
}
.prices__text p {
font-size: 16px !important;
font-weight: 400 !important
}
}
.risks__inner {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/risks-bg.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px;
margin-left: -100px;
padding: 74px 100px;
width: calc(100% + 200px)
}
.risks__title.section__title h2 {
color: #fff;
font-weight: 600
}
.risks__subtitle.section__subtitle p {
color: #fff
}
.risks__subtitle.section__subtitle p a {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 1.4em;
text-decoration: underline
}
.risks__subtitle.section__subtitle p a:hover {
text-decoration: none
}
.risks__column,
.risks__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.risks__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 35px;
max-height: 450px;
overflow: auto;
scrollbar-color: #2d64e3 hsla(0, 0%, 100%, 0);
scrollbar-width: 4px
}
.risks__column::-webkit-scrollbar {
width: 4px
}
.risks__column::-webkit-scrollbar-track {
background-color: transparent
}
.risks__column::-webkit-scrollbar-thumb {
background-color: #2d64e3;
border: .1px solid #2d64e3;
border-radius: 8px;
width: 1px
}
.risks__column:first-child {
padding-right: 45px
}
.risks__column:last-child {
padding-left: 45px
}
.risks__item {
color: #fff
}
.risks__item h3 {
font-size: 22px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 22px
}
.risks__item p {
font-size: 16px;
font-weight: 400;
line-height: 1.4
}
.risks__item p a {
color: #fff;
text-decoration: underline
}
.risks__item p a:hover {
text-decoration: none
}
.risks__item p:last-child {
margin-bottom: 0
}
.risks__footer {
margin-top: 52px
}
.risks__footer .button--blue {
background-color: hsla(0, 0%, 100%, 0);
padding: 0;
width: 240px
}
.risks__footer .button--blue:before {
-webkit-animation: buttonPulse3 1.5s linear infinite normal;
animation: buttonPulse3 1.5s linear infinite normal;
background-color: hsla(0, 0%, 100%, .2)
}
.risks__footer .button--blue div {
width: 100%
}
@media screen and (max-width:1440px) {
.risks__inner {
margin-left: 0;
padding: 60px;
width: 100%
}
}
@media screen and (min-width:768px) {
.risks--mobile {
display: none
}
}
@media screen and (max-width:768px) {
.risks--desktop {
display: none
}
.risks__column {
max-height: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
gap: 40px;
max-width: 100%
}
.risks__column:first-child {
padding-right: 0
}
.risks__column:last-child {
display: none;
padding-left: 0
}
.risks__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px
}
.risks__row.open .risks__column {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.risks__item--small {
max-height: none
}
.risks__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.risks__footer .button {
width: 240px
}
.risks__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 30px
}
}
@media screen and (max-width:586px) {
.risks__inner {
padding: 40px 20px
}
}
.search-form__inner {
position: relative;
width: 400px
}
.search-form__icon {
bottom: 0;
height: 16px;
left: 10px;
margin: auto;
pointer-events: none;
position: absolute;
top: 0;
width: 16px
}
.search-form__input input {
background-color: #f7f8fd;
border: 1px solid #a3a7c7;
border-radius: 10px;
color: #272b3f;
font-size: 14px;
line-height: 1.4;
padding: 12px 10px 12px 36px;
width: 100%
}
.section {
padding-bottom: 50px;
padding-top: 50px
}
.section--pb100 {
padding-bottom: 100px
}
.section--pb95 {
padding-bottom: 95px
}
.section--pt95 {
padding-top: 95px
}
.section--dark-inner {
padding-bottom: 0;
padding-top: 0
}
.section--dark-inner.section--pb95 .section__inner {
padding-bottom: 95px
}
.section--dark-inner.section--pt95 .section__inner {
padding-top: 95px
}
.section--dark-inner .section__inner {
background-color: #171b2b;
padding-bottom: 50px;
padding-top: 50px
}
.section--blue {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/blue-bg.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.section__inner {
border-radius: 15px;
margin-left: -100px;
padding-left: 100px;
padding-right: 100px;
width: calc(100% + 200px)
}
.section__header {
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;
gap: 20px;
margin-bottom: 56px;
text-align: center
}
.section__header--horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.section__header--horizontal .section__suptitle {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.section__header-left,
.section__header-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px
}
.section__header--w50p {
max-width: 50%
}
.section__header--title-w60p {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.section__header--title-w60p .section__title {
max-width: 60%;
text-align: left
}
.section__header--align-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left
}
.section__header--justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.section__suptitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.section__suptitle p {
background-color: #f3f4fc;
border-radius: 8px;
font-size: 14px;
margin: 0;
padding: 5px 13px
}
.section__title h2,
.section__title p {
color: #171b2b;
font-size: clamp(35px, 5vw, 45px);
font-weight: 500;
line-height: 1.2;
margin: 0
}
.section__title h2 span,
.section__title p span {
color: #064cea
}
.section__title--w600 h2,
.section__title--w600 h2 span,
.section__title--w600 p,
.section__title--w600 p span {
font-weight: 600
}
.section__subtitle p {
color: #393939;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
margin: 0
}
.section__subtitle p a {
color: #393939;
text-decoration: underline
}
.section__subtitle p a:hover {
text-decoration: none
}
.section__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 56px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:1440px) {
.section__inner {
margin-left: 0;
padding-left: 60px;
padding-right: 60px;
width: 100%
}
}
@media screen and (max-width:1200px) {
.section__header--title-w60p .section__title,
.section__header--w50p {
max-width: 100%
}
}
@media screen and (max-width:993px) {
.section__title br {
display: none
}
}
@media screen and (min-width:768px) {
.section--mobile {
display: none
}
}
@media screen and (max-width:768px) {
.section {
padding-bottom: 42px;
padding-top: 42px
}
.section--pb100,
.section--pb95 {
padding-bottom: 84px
}
.section--pt95 {
padding-top: 84px
}
.section--desktop {
display: none
}
.section__header {
margin-bottom: 45px
}
}
@media screen and (max-width:586px) {
.section--sm-mb40,
.section--sm-mb40.style-1 {
margin-bottom: 40px
}
.section--sm-pt40 {
padding-top: 40px
}
.section--sm-pt60 {
padding-top: 60px
}
.section__inner {
padding-left: 20px;
padding-right: 20px
}
.section--dark-inner.section--pb95 .section__inner {
padding-bottom: 50px
}
.section--dark-inner.section--pt95 .section__inner {
padding-top: 50px
}
.section--dark-inner .section__inner {
padding-bottom: 50px;
padding-top: 50px
}
.section__header--sm-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.section__header--sm-center,
.section__header--sm-center .section__suptitle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.section__header--sm-left {
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.section__header--sm-left,
.section__header--sm-left .section__suptitle {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.share-block {
background-color: #f7f8fd;
border-radius: 10px;
padding: 20px
}
.share-block__title {
margin-bottom: 10px
}
.share-block__title span {
font-size: 16px;
font-weight: 500;
line-height: 1
}
.share-block__list ul {
gap: 16px
}
.share-block__list ul,
.share-block__list ul a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.share-block__list ul a {
border-radius: 50%;
height: 40px;
width: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
border: 1px solid #5c6dff;
justify-content: center
}
.share-block__list ul a svg {
width: 18px
}
.simplifying-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 60px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.simplifying-footer ul {
gap: 13px
}
.simplifying-footer ul,
.simplifying-footer ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.simplifying-footer ul li {
gap: 4px
}
.simplifying-footer ul li span {
color: #fff;
font-size: 20px
}
.simplifying-footer ul li span b {
font-weight: 600
}
.simplifying-footer ul li img {
display: block;
margin-bottom: 4px;
width: 20px
}
@media screen and (max-width:586px) {
.simplifying-footer {
padding-top: 20px
}
.simplifying-footer ul li span {
font-size: 12px
}
.simplifying-footer ul li img {
margin-bottom: 3px;
width: 11px
}
}
.simplifying-legal-process {
border-radius: 10px;
padding-bottom: 80px;
padding-top: 80px
}
@media screen and (max-width:586px) {
.simplifying-legal-process {
padding-bottom: 65px;
padding-top: 65px
}
}
.simplifying-legal-process-content {
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
}
.simplifying-legal-process-content .tag {
margin-bottom: 40px
}
@media screen and (max-width:586px) {
.simplifying-legal-process-content .tag {
margin-bottom: 20px
}
}
.simplifying-legal-process-content h2 {
margin-bottom: 7px;
max-width: 810px;
text-align: center
}
@media screen and (max-width:586px) {
.simplifying-legal-process-content h2 {
font-size: 35px;
margin: 0
}
}
.simplifying-legal-process-content h2~p {
font-size: 1.125rem;
font-weight: 500;
max-width: 718px;
text-align: center
}
.simplifying-legal-process-content h2~p:last-of-type {
margin-bottom: 0
}
.simplifying-legal-process-content+.simplifying-legal-process-list {
margin-top: 66px
}
@media screen and (max-width:586px) {
.simplifying-legal-process-content+.simplifying-legal-process-list {
margin-top: 40px
}
}
@media (max-width:767px) {
.simplifying-legal-process-content h2 {
margin-bottom: 20px
}
}
.simplifying-legal-process-list {
display: -ms-grid;
display: grid;
gap: 15px
}
.simplifying-legal-process-list-item {
border-radius: 10px;
padding: 38px 40px
}
.simplifying-legal-process-list-item section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100%;
-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
}
.simplifying-legal-process-list-item__flexbox {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
gap: 25px;
justify-content: space-between
}
.simplifying-legal-process-list-item h3 {
font-size: clamp(24px, 5vw, 28px);
font-weight: 600;
line-height: 1.3;
margin-bottom: 20px
}
@media screen and (max-width:586px) {
.simplifying-legal-process-list-item h3 {
text-align: center
}
}
.simplifying-legal-process-list-item p {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
margin: 0
}
@media screen and (max-width:586px) {
.simplifying-legal-process-list-item p {
font-size: 14px;
text-align: center
}
}
.simplifying-legal-process-list-item .btn {
margin-top: 0
}
.simplifying-legal-process-list-item:nth-child(2n),
.simplifying-legal-process-list-item:nth-child(odd) {
background-color: var(--c7)
}
.simplifying-legal-process-list-item:nth-child(odd) {
background-color: var(--c1)
}
.simplifying-legal-process-list-item:nth-child(odd) p {
color: var(--c6)
}
.simplifying-legal-process-list-item:nth-child(2n) h3,
.simplifying-legal-process-list-item:nth-child(2n) p {
color: var(--c1)
}
@media screen and (max-width:586px) {
.simplifying-legal-process-list-item .button {
margin: auto
}
.simplifying-legal-process-list-item .button span {
font-size: 14px
}
}
.simplifying-legal-process-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
padding-top: 19px
}
.simplifying-legal-proces-style-1 {
background: linear-gradient(127.17deg, #3a4574 9.01%, #171b2b 79.85%), linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
margin-left: -100px;
padding-left: 100px;
padding-right: 100px;
position: relative;
width: calc(100% + 200px)
}
@media screen and (max-width:1440px) {
.simplifying-legal-proces-style-1 {
margin-left: auto;
max-width: 100%;
padding-left: 60px;
padding-right: 60px
}
}
@media screen and (max-width:586px) {
.simplifying-legal-proces-style-1 {
padding-left: 12px;
padding-right: 12px
}
}
.simplifying-legal-proces-style-1 .simplifying-legal-process-content h2,
.simplifying-legal-proces-style-1 .simplifying-legal-process-content h2~p {
color: var(--c1)
}
.single-overview {
background-color: #f8f9fd;
border: .5px solid #dde1ff;
border-radius: 8px;
margin-bottom: 28px;
margin-top: 17px;
padding: 20px
}
.single-overview__title {
margin-bottom: 15px
}
.single-overview__title span {
background-color: #3c6aff;
border-radius: 8px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 1;
padding: 6px 18px 6px 37px;
position: relative
}
.single-overview__title span:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none' viewBox='0 0 9 9'%3E%3Cpath fill='%23f8f9fd' d='M4.682 2.705 3.837 0l-.803 2.658-.028.094-.1.027L0 3.566l2.855.747.1.026.03.094.845 2.705.803-2.659.028-.093.1-.027 2.906-.787-2.856-.747-.1-.026zM7.443 6.687l-.441-1.411-.42 1.387-.014.049-.052.014L5 7.136l1.49.39.052.014.015.049L6.998 9l.419-1.387.015-.049.052-.014L9 7.14l-1.49-.39-.052-.014z'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
height: 9px;
left: 18px;
margin: auto;
position: absolute;
top: 0;
width: 9px;
z-index: 20
}
.single-overview p {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
margin: 0
}
.single-post__main {
padding-top: 83px
}
.single-post__top {
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;
margin-bottom: 18px
}
.single-post__header {
height: 386px;
margin-bottom: 50px;
position: relative;
width: 100%
}
.single-post__image {
border-radius: 15px;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10
}
.single-post__image img {
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
width: 100% !important
}
.single-post__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
width: 100%;
z-index: 20;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.single-post__header-content {
padding: 30px
}
.single-post__tags {
margin-bottom: 20px
}
.single-post__tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
list-style: none;
padding-left: 0
}
.single-post__tags ul li {
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
background-color: hsla(0, 0%, 100%, .3);
border-radius: 5px;
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 1;
padding: 7px 17px;
text-transform: uppercase
}
.single-post__title {
margin-bottom: 28px
}
.single-post__title h1 {
color: #fff;
font-size: 45px;
font-weight: 600;
line-height: 1.2;
margin: 0
}
.single-post__meta {
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
}
.single-post__read span {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
padding-left: 27px;
position: relative
}
.single-post__read span:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M11.25 20a7.841 7.841 0 1 1 7.841-7.84 7.85 7.85 0 0 1-7.84 7.84M13.78 3.224a.87.87 0 0 0 .068-1.23 3.487 3.487 0 0 0-5.194 0 .871.871 0 0 0 1.299 1.162 1.8 1.8 0 0 1 2.596 0 .87.87 0 0 0 1.23.068m-.17 11.294a.87.87 0 0 0 0-1.232l-1.488-1.488V8.674a.871.871 0 0 0-1.742 0v3.485a.87.87 0 0 0 .255.616l1.743 1.742a.87.87 0 0 0 1.231 0'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
top: 0;
width: 20px
}
.single-post__published time {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
text-align: right
}
.single-post__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.single-post__aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
max-width: 300px;
position: relative
}
.single-post__aside aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 36px;
max-width: 300px;
top: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.single-post__aside aside.active {
bottom: 0;
position: fixed;
top: 120px
}
.single-post__aside aside.fix-bottom {
bottom: 0;
position: absolute;
top: auto
}
.single-post__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 324px);
flex: 0 0 calc(100% - 324px);
max-width: calc(100% - 324px)
}
.single-post__author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px
}
.single-post__author img {
max-width: 57px
}
.single-post__author span {
font-size: 16px;
font-weight: 500;
line-height: 1.4
}
.single-post__updated time {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
text-align: right
}
.single-post__article {
border-top: 1px solid #dee0ef;
margin-top: 18px;
padding-top: 18px
}
.single-post__article article p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px
}
.single-post__article article p a {
color: #064cea !important;
font-weight: 700 !important
}
.single-post__article article p:last-child {
margin-bottom: 0
}
.single-post__article article h2:not(:first-child) {
border-top: 0.5px solid #CBCEDF;
padding-top: 28px;
margin-top: 58px;
}
.single-post__article article h2,
.single-post__article article h2 strong {
color: #000;
font-size: 32px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 28px
}
.single-post__article article blockquote {
background-color: #f8f9fd;
border: .5px solid #dde1ff;
border-radius: 15px;
font-weight: 500;
margin-bottom: 30px;
margin-top: 30px;
padding: 20px
}
.single-post__article article blockquote p {
font-weight: 500
}
.single-post__article article .faq {
border-bottom: 1px solid #dee0ef;
margin-bottom: 27px;
padding-bottom: 58px
}
.single-post__article article .helpful-links,
.single-post__article article .numbered-list,
.single-post__article article .prices {
margin-bottom: 28px;
margin-top: 28px
}
.single-post__article article figure {
margin-left: 0;
margin-right: 0
}
.single-post__article article figure img {
border-radius: 12px
}
.single-post__article article figure figcaption {
margin-top: 8px
}
@media screen and (min-width:993px) {
.single-post--mobile {
display: none
}
.single-post__title h1 {
max-width: 55%
}
}
@media screen and (max-width:993px) {
.single-post__aside {
display: none
}
.single-post__top>div:last-child {
display: none
}
.single-post__article {
border-top: 0;
margin-top: 55px;
padding-top: 0
}
.single-post__article article .faq {
padding-bottom: 27px
}
.single-post__article article .faq__list {
margin-bottom: 0
}
.single-post__article article .single-overview p {
font-size: 18px !important
}
.single-post__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.single-post__content .single-post__meta {
border-bottom: 1px solid #dee0ef;
margin-bottom: 18px;
padding-bottom: 18px
}
}
@media screen and (max-width:600px) {
.single-post__image:before {
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background: -webkit-gradient(linear, left top, right top, color-stop(.44%, rgba(0, 0, 0, .6)), color-stop(97.17%, rgba(0, 0, 0, 0)));
background: linear-gradient(90deg, rgba(0, 0, 0, .6) .44%, rgba(0, 0, 0, 0) 97.17%);
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 20
}
.single-post__header {
margin-bottom: 25px
}
.single-post__header-content {
padding: 120px 20px 30px
}
.single-post__title h1 {
font-size: 28px;
font-weight: 500
}
.single-post__published {
display: none
}
}
.small-claim {
position: relative
}
.small-claim,
.small-claim__bg {
border-radius: 15px;
height: 100%
}
.small-claim__bg {
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 10
}
.small-claim__bg img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
width: 100%
}
.small-claim__content {
height: 100%;
position: relative;
z-index: 20
}
.small-claim__content:after {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .45)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(180deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0));
border-radius: 15px;
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 5
}
.small-claim__content a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
color: #fff;
-ms-flex-direction: column;
flex-direction: column;
gap: 230px;
height: 100%;
position: relative;
text-decoration: none;
z-index: 20
}
.small-claim__content a,
.small-claim__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.small-claim__header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 28px
}
.small-claim__title p {
font-size: 24px;
font-weight: 700;
line-height: 1.3;
margin: 0;
}
.small-claim__plus {
height: 40px;
width: 40px;
-webkit-box-flex: 0;
background-color: hsla(0, 0%, 100%, .2);
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.small-claim__plus,
.small-claim__plus svg line {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.small-claim__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-backdrop-filter: blur(22px);
backdrop-filter: blur(22px);
background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 85%, 0)), to(hsla(0, 0%, 45%, .2)));
background: linear-gradient(180deg, hsla(0, 0%, 85%, 0), hsla(0, 0%, 45%, .2));
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
padding: 20px 28px
}
.small-claim__footer,
.small-claim__tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.small-claim__tags ul {
gap: 10px;
list-style: none;
padding-left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.small-claim__tags ul li {
background-color: #3c6aff;
border-radius: 7px;
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
padding: 8px 8px 6px
}
.small-claim__text p {
font-size: 16px;
font-weight: 400;
line-height: 1.3
}
.small-claim__text p b {
font-weight: 700
}
.small-claim:hover .small-claim__plus {
background-color: #fff
}
.small-claim:hover .small-claim__plus svg line {
stroke: #000
}
.small-claim:hover .small-claim__bg img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.steps-you-need-item {
background-color: #ebedf9;
border: 1px solid #064cea;
border-radius: 12px;
padding: 30px
}
.steps-you-need-item__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
margin-bottom: 20px
}
.steps-you-need-item__header span {
background-color: #064cea;
border-radius: 50%;
color: #fff;
display: block;
font-size: 12px;
height: 24px;
line-height: 24px;
text-align: center;
width: 24px
}
.steps-you-need-item__header p {
margin: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 29px);
flex: 0 0 calc(100% - 29px);
font-size: 18px;
font-weight: 500;
line-height: 1.4;
max-width: calc(100% - 29px)
}
.steps-you-need-item__body p {
font-size: 16px;
font-weight: 400;
line-height: 1.4
}
.steps-you-need-item__body p:last-child {
margin-bottom: 0
}
.steps-you-need-item__body ul {
font-weight: 500;
line-height: 1.4;
list-style: disc;
margin-bottom: 20px;
padding-left: 20px
}
.steps-you-need-item__body ul:last-child {
margin-bottom: 0
}
@media screen and (max-width:586px) {
.steps-you-need-item {
padding: 23px 18px
}
.steps-you-need-item__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 17px
}
.steps-you-need-item__header p {
font-size: 20px;
font-weight: 600
}
}
.steps-you-need__inner {
background: #f7f8fd;
border-radius: 15px;
margin-left: -100px;
padding: 71px 100px;
width: calc(100% + 200px)
}
.steps-you-need__row {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.steps-you-need__column,
.steps-you-need__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.steps-you-need__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px
}
.steps-you-need__column:first-child {
padding-right: 6px
}
.steps-you-need__column:last-child {
padding-left: 6px
}
.steps-you-need__column--double>div {
height: 50%
}
@media screen and (max-width:1440px) {
.steps-you-need__inner {
margin-left: 0;
padding: 60px;
width: 100%
}
}
@media screen and (max-width:768px) {
.steps-you-need__inner {
padding: 32px 10px
}
}
@media screen and (max-width:586px) {
.steps-you-need__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 18px
}
.steps-you-need__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
gap: 18px;
max-width: 100%
}
.steps-you-need__column:first-child {
padding-right: 0
}
.steps-you-need__column:last-child {
padding-left: 0
}
}
.submenu {
background: #fff;
border: 1px solid #fff;
border-radius: 10px;
-webkit-box-shadow: 12px 12px 25px 0 rgba(0, 0, 0, .031);
box-shadow: 12px 12px 25px 0 rgba(0, 0, 0, .031);
opacity: 0;
padding: 14px 13px;
pointer-events: none;
position: fixed;
top: 95px;
z-index: 100
}
.submenu:before {
content: "";
height: 10px;
left: 0;
position: absolute;
right: 0;
top: -10px;
width: 100%
}
.submenu__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.submenu__column:first-child {
padding-right: 36px
}
.submenu__column:first-child:last-child {
padding-right: 0
}
.submenu--has-message {
top: 144px
}
.submenu--has-message.submenu--fixed {
top: 104px
}
.submenu.open {
opacity: 1;
pointer-events: all
}
.submenu__list {
gap: 7px
}
.submenu__item a,
.submenu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.submenu__item a {
border: 1px solid transparent;
border-radius: 12px;
color: #171b2b;
gap: 2px;
padding: 10px 15px 10px 27px;
position: relative;
width: 336px
}
.submenu__item a:before {
border-radius: 50%;
content: "";
display: block;
height: 6px;
left: 15px;
position: absolute;
top: 18px;
width: 6px
}
.submenu__item a.active,
.submenu__item a:hover {
border-color: #a3a7c7
}
.submenu__item a:hover {
background-color: #f7f8fd
}
.submenu__item a b {
font-weight: 500;
line-height: 1.4
}
.submenu__item a span {
color: rgba(91, 93, 114, .502);
font-size: 12px;
line-height: 1.3
}
.submenu__item--point-blue a:before {
background-color: #064cea
}
.submenu__item--point-gray-dark a:before {
background-color: #5b5d72
}
.submenu__item--point-red a:before {
background-color: #ff3b30
}
.submenu__item--point-gray-lite a:before {
background-color: #a3a7c7
}
.submenu__item[data-submenu-lvl2-selector] a:after {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/icons/angle-right.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
height: 9px;
margin: auto;
position: absolute;
right: 16px;
top: 0;
width: 9px
}
.submenu--dark .submenu__item[data-submenu-lvl2-selector] a:after {
filter: invert(98%) sepia(11%) saturate(331%) hue-rotate(232deg) brightness(119%) contrast(100%);
}
.submenu__lvl2 {
display: none;
height: 100%; min-height: auto;
}
.submenu__lvl2.open {
border-left: 1px solid #dde1ff;
display: block;
padding-left: 12px
}
.submenu__lvl2 a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
border: 1px solid transparent;
border-radius: 12px;
color: #171b2b;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
padding: 10px 15px 10px 27px;
position: relative;
width: 300px
}
.submenu__lvl2 a:hover {
border-color: #a3a7c7
}
.submenu__lvl2 a b {
font-weight: 500;
line-height: 1.4
}
.submenu__lvl2 a span {
color: rgba(91, 93, 114, .502);
font-size: 12px;
line-height: 1.3
}
.submenu__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px
}
.submenu--dark {
background: #1e2440;
border: 1px solid #3c4466;
color: #fff
}
.submenu--dark .submenu__item a {
color: #fff
}
.submenu--dark .submenu__item a.active,
.submenu--dark .submenu__item a:hover {
border-color: #fafafa
}
.submenu--dark .submenu__item a:hover {
background-color: #272f51
}
.submenu--dark .submenu__item a span {
color: #fafafa
}
.submenu--dark .submenu[data-submenu-lvl2-selector] a:after {
background-image: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/icons/angle-right.svg)
}
.submenu--dark .submenu__lvl2.open {
border-left: 1px solid #272f51
}
.submenu--dark .submenu__lvl2 a {
color: #fff
}
.submenu--dark .submenu__lvl2 a:hover {
border-color: #fafafa
}
.submenu--dark .submenu__lvl2 a span {
color: #fafafa
}
.supports__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -8px;
row-gap: 16px;
width: calc(100% + 16px)
}
.supports__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding-left: 8px;
padding-right: 8px
}
.supports__ad {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width:993px) {
.supports__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
}
@media screen and (max-width:768px) {
.supports__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media screen and (min-width:586px) {
.supports--mobile {
display: none
}
}
@media screen and (max-width:586px) {
.supports__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.supports__column:not(:first-child, :nth-child(2), :nth-child(3), :nth-child(4)) {
display: none
}
.supports__row.open .supports__column {
display: block !important
}
.supports--mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 20px
}
.supports__ad {
padding-top: 20px
}
}
.triple-slider__container {
position: relative
}
.triple-slider__container .swiper-button-next,
.triple-slider__container .swiper-button-prev {
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
background-color: rgba(231, 232, 242, .82);
border-radius: 50%;
bottom: 67px;
display: block;
height: 50px;
margin: auto;
top: 0;
width: 50px
}
.triple-slider__container .swiper-button-next:after,
.triple-slider__container .swiper-button-prev:after {
display: none
}
.triple-slider__container .swiper-button-next:before,
.triple-slider__container .swiper-button-prev:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='square' stroke-linejoin='round' d='M3.75 12h16.5m0 0L13.5 5.25M20.25 12l-6.75 6.75'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
display: block;
height: 24px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
width: 24px
}
.triple-slider__container .swiper-button-prev {
left: -25px
}
.triple-slider__container .swiper-button-prev:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.triple-slider__container .swiper-button-prev:hover:before {
-webkit-transform: rotate(180deg) translateX(.2777777778rem);
-ms-transform: rotate(180deg) translateX(.2777777778rem);
transform: rotate(180deg) translateX(.2777777778rem)
}
.triple-slider__container .swiper-button-next {
right: -25px
}
.triple-slider__container .swiper-button-next:hover:before {
-webkit-transform: translateX(.2777777778rem);
-ms-transform: translateX(.2777777778rem);
transform: translateX(.2777777778rem)
}
.triple-slider__container--blog .swiper-button-next,
.triple-slider__container--blog .swiper-button-prev {
bottom: 177px
}
.triple-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
background-color: #e4e5eb;
border-radius: 20px;
bottom: auto;
display: inline-block;
padding: 4px 10px 7px;
position: relative;
width: auto
}
.triple-slider .swiper-pagination-bullet {
background-color: #fff;
cursor: pointer;
opacity: 1;
position: relative
}
.triple-slider .swiper-pagination-bullet-active:before {
background-color: #dfe1e7;
border-radius: 50%;
bottom: 0;
content: "";
display: block;
height: 6px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 6px
}
.triple-slider .swiper-pagination__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 37px
}
@media screen and (max-width:1200px) {
.triple-slider__container .swiper-button-next {
right: 10px
}
.triple-slider__container .swiper-button-prev {
left: 10px
}
}
@media screen and (min-width:768px) {
.triple-slider__container .swiper-wrapper {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.triple-slider__container .swiper-slide {
height: auto
}
}
@media screen and (max-width:993px) {
.triple-slider__container .swiper-button-next,
.triple-slider__container .swiper-button-prev {
bottom: -10px;
top: auto
}
.triple-slider__container .swiper-button-prev {
left: 0
}
.triple-slider__container .swiper-button-next {
right: 0
}
.triple-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
padding-top: 5px
}
}
@media screen and (max-width: 540px) {
.triple-slider__container .swiper-button-prev {
left: 20px !important
}
.triple-slider__container .swiper-button-next {
right: 20px !important
}
}
.what-happens__inner {
background-color: #f7f8fd;
border-radius: 15px;
margin-left: -100px;
padding: 76px 100px 60px;
width: calc(100% + 200px)
}
.what-happens__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.what-happens__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.what-happens__column:first-child {
padding-right: 25px
}
.what-happens__column:last-child {
padding-left: 25px
}
.what-happens__content p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px
}
.what-happens__content p a {
color: #171b2b !important;
text-decoration: underline
}
.what-happens__content p a:hover {
text-decoration: none
}
.what-happens__content p:last-child {
margin-bottom: 0
}
.what-happens__content h2 {
color: #171b2b;
font-size: 32px;
font-weight: 500;
line-height: 1.4;
margin-bottom: 28px
}
.what-happens__content ul {
list-style: disc;
margin-bottom: 28px;
padding-left: 20px
}
.what-happens__content ul li {
font-size: 16px;
line-height: 1.5
}
.what-happens__content blockquote {
background-color: #ebedf9;
border: .5px solid #dde1ff;
border-radius: 15px;
font-weight: 500;
margin-bottom: 30px;
padding: 20px
}
.what-happens__content blockquote p {
color: #171b2b;
font-weight: 500
}
.what-happens__content blockquote p a {
color: #171b2b;
text-decoration: underline
}
.what-happens__content blockquote p a:hover {
text-decoration: none
}
@media screen and (max-width:1440px) {
.what-happens__inner {
margin-left: 0;
padding: 60px;
width: 100%
}
}
@media screen and (max-width:768px) {
.what-happens__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.what-happens__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.what-happens__column:first-child {
padding-right: 0
}
.what-happens__column:last-child {
padding-left: 0
}
}
@media screen and (max-width:586px) {
.what-happens__inner {
padding: 32px 10px
}
.what-happens .section__header,
.what-happens__content blockquote {
margin-bottom: 18px
}
.what-happens__content p {
margin-bottom: 1em
}
}
.widget {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px
}
.widget__title span {
color: #1b1b1f;
font-size: 22px;
font-weight: 500;
line-height: 1.3
}
.hel {
font-size: 0;
height: 0;
line-height: 0;
opacity: 0;
text-indent: -9999px;
visibility: hidden;
width: 0
}
.db {
display: block
}
.dn {
display: none
}
.disabled,
.hidden {
pointer-events: none
}
.hidden {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
visibility: hidden
}
.visible {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
visibility: visible
}
.ovh {
overflow: hidden
}
.ovyh {
overflow-y: hidden
}
.tac {
text-align: center
}
.ttu {
text-transform: uppercase
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.logo-company {
display: inline-block;
text-decoration: none
}
.logo-company svg {
height: 100%;
width: 100%
}
.logo-company:hover {
text-decoration: none
}
.logo-company-path {
fill: currentColor;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.dotlottie-wrapper canvas,
.spline-viewer-wrapper canvas {
height: auto;
max-width: 100%
}
.list-img,
.list-img-2 {
position: relative
}
.list-img {
overflow: hidden
}
.list-img img,
.list-img picture {
height: 100%;
left: 0;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0
}
.list-img-2 div {
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: absolute
}
.list-img-2 img,
.list-img-2 picture {
max-height: 100%;
width: auto
}
iframe:not(.facebook),
iframe:not(.instagram-media),
iframe:not([id^=telegram]),
video {
border: none;
margin-bottom: 0
}
.video-wrapper {
margin-bottom: 45px;
padding-top: 56.25%;
position: relative
}
.video-wrapper iframe:not(.facebook),
.video-wrapper iframe:not(.instagram-media),
.video-wrapper iframe:not([id^=telegram]),
.video-wrapper video {
border: none;
height: 100%;
left: 0;
margin-bottom: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%
}
.carousel-wrapper,
.slider-wrapper {
position: relative
}
.carousel-wrapper .carousel-btn,
.carousel-wrapper .slider-btn,
.slider-wrapper .carousel-btn,
.slider-wrapper .slider-btn {
position: absolute
}
.slider-wrapper .swiper-horizontal>.swiper-pagination-bullets,
.slider-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal,
.slider-wrapper .swiper-pagination-custom,
.slider-wrapper .swiper-pagination-fraction {
bottom: auto;
top: 40px
}
.slider-wrapper .swiper-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
justify-content: center
}
.slider-wrapper .swiper-pagination-bullet {
background-color: var(--c6);
border-radius: 50%;
height: 8px;
opacity: 1;
width: 8px
}
.slider-wrapper .swiper-pagination-bullet-active {
background-color: var(--c1)
}
.carousel-wrapper.slider-wrapper-not-initialized,
.carousel-wrapper.slider-wrapper-not-initialized .carousel-btn,
.carousel-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized,
.slider-wrapper.slider-wrapper-not-initialized .carousel-btn,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn {
position: static
}
.carousel-wrapper:not(.slider-wrapper-not-initialized),
.slider-wrapper:not(.slider-wrapper-not-initialized) {
position: relative
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn {
position: absolute;
z-index: 2
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
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;
background-color: var(--c1);
border: 1px solid var(--c24);
border-radius: 5px;
cursor: pointer;
padding: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
fill: currentColor
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock):hover,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock):hover {
background-color: var(--c24)
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn.swiper-button-lock,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-disabled,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn.swiper-button-lock {
display: none;
pointer-events: none
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) {
height: 26px;
width: 26px
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .carousel-btn:not(.swiper-button-lock) svg {
height: 8px;
width: 14px
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock),
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) {
color: var(--cb);
height: 50px;
width: 50px
}
.carousel-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg,
.slider-wrapper:not(.slider-wrapper-not-initialized) .slider-btn:not(.swiper-button-lock) svg {
height: 16px;
width: 18px;
fill: currentColor
}
.slider-single-item .slider-btn,
.slider-single-item .swiper-pagination,
.slider-wrapper.slider-wrapper-not-initialized .slider-btn,
.slider-wrapper.slider-wrapper-not-initialized .swiper-pagination {
display: none
}
.s_ocial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.s_ocial a,
.s_ocial li {
display: inline-block;
height: 20px;
width: 20px
}
.s_ocial:not(.social-style-1, .social-style-2) a {
color: var(--cb)
}
.s_ocial.social-style-1 a {
color: var(--c5)
}
.s_ocial.social-style-2 li:has(.s_ocial__e_mail) {
height: 18px;
width: 24px
}
.s_ocial.social-style-2 a {
color: var(--c3)
}
.s_ocial.social-style-2 a.s_ocial__e_mail {
height: 18px;
width: 24px
}
.s_ocial a,
.s_ocial a:hover {
text-decoration: none
}
.s_ocial a.s_ocial__l_inkedin:hover {
color: var(--c13)
}
.s_ocial a.s_ocial__i_nstagram:hover,
.s_ocial a.s_ocial__t_alk:hover {
color: var(--c14)
}
.s_ocial a.s_ocial__f_acebook:hover {
color: var(--c15)
}
.s_ocial a.s_ocial__p_interest:hover {
color: var(--c16)
}
.s_ocial a.s_ocial__t_elegram:hover {
color: var(--c17)
}
.s_ocial a.s_ocial__w_hatsapp:hover {
color: var(--c18)
}
.s_ocial a.s_ocial__v_iber:hover {
color: var(--c19)
}
.s_ocial a.s_ocial__y_outube:hover {
color: var(--c20)
}
.s_ocial a.s_ocial__m_essenger:hover {
color: var(--c21)
}
.s_ocial svg {
height: 100%;
width: 100%;
fill: currentColor;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.social-style-4 {
gap: 13px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.social-style-4 .s_ocial__e_mail path,
.social-style-4 .s_ocial__l_inkedin path {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.social-style-4 .s_ocial__l_inkedin path {
fill: var(--c3)
}
.social-style-4 .s_ocial__l_inkedin:hover path {
fill: var(--c13)
}
.social-style-4 .s_ocial__e_mail .path-1 {
fill: var(--c3)
}
.social-style-4 .s_ocial__e_mail .path-2 {
fill: var(--c1)
}
.social-style-4 .s_ocial__e_mail:hover .path-1 {
fill: var(--c13)
}
.social-style-5 {
gap: 5px
}
.social-style-5 a,
.social-style-5 li {
height: 50px;
width: 50px
}
.social-style-5 a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
border: 1px solid rgba(48, 48, 48, .1);
border-radius: 5px;
justify-content: center
}
.social-style-5 a path {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.social-style-5 .s_ocial__f_acebook svg,
.social-style-5 .s_ocial__i_nstagram svg,
.social-style-5 .s_ocial__l_inkedin svg {
height: 20px;
width: 20px
}
.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.social-style-5 .s_ocial__y_outube svg {
height: 15px;
width: 21px
}
.social-style-5 .s_ocial__f_acebook,
.social-style-5 .s_ocial__i_nstagram,
.social-style-5 .s_ocial__l_inkedin,
.social-style-5 .s_ocial__y_outube {
color: var(--cb)
}
.social-style-5 .s_ocial__f_acebook path,
.social-style-5 .s_ocial__i_nstagram path,
.social-style-5 .s_ocial__l_inkedin path,
.social-style-5 .s_ocial__y_outube path {
fill: currentColor
}
.social-style-5 .s_ocial__f_acebook:hover,
.social-style-5 .s_ocial__i_nstagram:hover,
.social-style-5 .s_ocial__l_inkedin:hover,
.social-style-5 .s_ocial__y_outube:hover {
color: var(--c3)
}
.header--dark .social-style-5 a {
border-color: var(--c8);
color: var(--c8)
}
.body-style-1 {
padding: 20px 0 20px 20px;
position: relative
}
.body-style-1.mobile-user-agent {
padding-right: 20px
}
.body-style-1 main {
position: relative
}
.body-style-1 section {
height: 100%;
position: relative;
z-index: 2;
-webkit-box-pack: center;
-ms-flex-pack: center;
background: var(--c4) url(//casecraft.ai/wp-content/themes/casecraft/assets/img/bg.svg) no-repeat 0 100%;
background-size: cover;
border-radius: 10px;
justify-content: center
}
.body-style-1 .container-md,
.body-style-1 section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.body-style-1 .container-md {
padding: 20px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.body-style-1 h1 {
font-size: 3.4375rem;
margin-bottom: 22px;
text-align: center
}
.body-style-1 h1~p {
font-size: 1.125rem;
line-height: 1.4;
max-width: 530px;
text-align: center
}
.body-style-1 h1~p:last-of-type {
margin-bottom: 0
}
.body-style-1 h1~p+.btn {
margin-top: 38px
}
.body-style-1 h1~p+.form {
margin-top: 39px
}
@media (max-width:576px) {
.body-style-1 h1 {
font-size: 2.8125rem
}
.body-style-1 p {
font-size: 1rem
}
}
@media (max-width:415px) {
.body-style-1 h1 {
font-size: 2.1875rem
}
}
@media (max-width:375px) {
.body-style-1 {
padding: 10px 0 10px 10px
}
.body-style-1.mobile-user-agent {
padding-right: 10px
}
.body-style-1 .container-md {
padding: 10px
}
.body-style-1 h1 {
font-size: 2.5rem
}
.body-style-1 h1~p {
font-size: 1.1428571429rem
}
}
@media (max-width:320px) {
.body-style-1 h1 {
font-size: 1.875rem
}
}
.scroll-table-content {
background-color: var(--c5);
border-radius: 15px;
margin-bottom: 30px;
overflow-x: auto;
overflow-y: hidden;
padding: 20px 16px
}
.scroll-table-content table {
margin-bottom: 0
}
@media (max-width:415px) {
.scroll-table-content {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.scroll-table-content {
padding-left: 10px;
padding-right: 10px
}
}
.map-wrapper {
border-radius: 5px;
overflow: hidden;
padding-top: 71.845%;
position: relative
}
.map-wrapper iframe {
border: none;
height: 100%;
left: 0;
min-width: 100%;
position: absolute;
top: 0
}
.style-1 {
margin-bottom: 150px
}
.style-2 {
max-height: 400px;
overflow: hidden
}
.style-3 {
margin-bottom: 130px
}
.style-4 {
margin-bottom: 100px
}
.style-5 {
margin-bottom: 60px
}
.style-6 {
margin-bottom: 64px
}
.style-7 {
margin-bottom: 77px
}
.style-8 {
margin-bottom: 70px
}
@media (max-width:767px) {
.style-1,
.style-4 {
margin-bottom: 80px
}
}
.alert {
border-radius: 15px;
margin-bottom: 40px;
padding: 24px 27px
}
.alert p {
letter-spacing: .5px;
line-height: 1.4
}
.alert p:last-child {
margin-bottom: 0
}
.alert strong {
font-weight: 600
}
@media (max-width:767px) {
.alert {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.alert {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.alert {
padding-left: 10px;
padding-right: 10px
}
}
.alert--info p,
.alert--primary p {
color: var(--c1)
}
.alert--info {
background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%)
}
.alert--primary {
background-color: hsla(0, 0%, 100%, .13)
}
.alert-success {
background-color: var(--c5)
}
.alert-style-1 {
border-radius: 7px;
padding: 18px 16px 16px
}
.alert-style-1 p {
font-size: .875rem;
letter-spacing: .25px
}
.alert-style-2 {
border-left: 5px solid var(--c3);
border-radius: 0;
padding: 15px
}
.alert-style-2 p {
color: var(--c2);
font-weight: 600
}
.alert-style-3 {
padding-bottom: 19px;
padding-top: 19px
}
.alert-style-3 p {
font-weight: 500
}
.alert-style-3 p a {
text-decoration: underline
}
.alert-style-3 p a:hover {
text-decoration: none
}
.alert--has-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: 34px;
-moz-column-gap: 34px;
column-gap: 34px
}
.alert--has-icon svg {
-ms-flex-negative: 0;
flex-shrink: 0
}
.alert--has-icon ol,
.alert--has-icon p,
.alert--has-icon ul {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.alert--has-icon.icon-bell svg {
height: 46px;
width: 37px
}
.alert--has-icon.icon-info svg {
height: 29px;
width: 25px
}
.alert--has-icon-style-1 {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.title-1 {
font-size: 2.8125rem
}
.title-2 {
color: var(--c28);
font-size: 1.25rem;
line-height: 1.3
}
.title-2+.add-info {
padding-top: 12px
}
@media (max-width:375px) {
.alert--has-icon {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.alert-style-1 p {
font-size: 1rem
}
.alert--has-icon.icon-bell svg {
height: 25px;
width: 20px
}
.title-1 {
font-size: 2.5rem
}
.title-2 {
font-size: 1.4285714286rem
}
}
@media (max-width:320px) {
.title-1 {
font-size: 2.1428571429rem
}
}
.chips {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px
}
.chips-btn {
background-color: var(--c5);
border-radius: 5px;
color: var(--cb);
display: inline-block;
font: 700 .875rem/1 var(--f1);
letter-spacing: -.42px;
padding: 8px 10px
}
.chips-btn:hover {
background-color: #e4e8f7;
border-color: #e4e8f7
}
.chips-btn.active {
background-color: var(--c3);
color: var(--c1);
pointer-events: none
}
@media (min-width:577px) {
.chips {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.add-info-style-7 h2 {
translate: 0 16px
}
}
@media (max-width:576px) {
.chips {
overflow-x: auto;
overflow-y: hidden;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch
}
.chips::-webkit-scrollbar {
display: none
}
.chips-btn {
scroll-snap-align: start;
white-space: nowrap
}
}
@media (max-width:375px) {
.chips-btn {
font-size: 1rem
}
}
.tooltip {
cursor: pointer;
position: relative
}
.tooltip:hover .tooltip__content {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
visibility: visible
}
.tooltip__content {
background-color: var(--c1);
border: 1px solid var(--c41);
border-radius: 8px;
-webkit-box-shadow: 3px 3px 12px 0 var(--c40);
box-shadow: 3px 3px 12px 0 var(--c40);
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
opacity: 0;
padding: 15px 16px 13px;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) .2s;
transition: .3s cubic-bezier(.175, .885, .32, 1.275) .2s;
visibility: hidden;
width: min(100vw, 305px);
z-index: 1
}
.tooltip-icon {
-ms-flex-negative: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
flex-shrink: 0;
height: 20px;
width: 20px
}
.tooltip-icon.tooltip-icon--info {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%233c6aff' fill-rule='evenodd' d='M19.6 10A9.6 9.6 0 1 1 .4 10a9.6 9.6 0 0 1 19.2 0m-8.4-4.8a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0M8.8 8.8a1.2 1.2 0 1 0 0 2.4v3.6A1.2 1.2 0 0 0 10 16h1.2a1.2 1.2 0 1 0 0-2.4V10A1.2 1.2 0 0 0 10 8.8z' clip-rule='evenodd'/%3E%3C/svg%3E")
}
.tooltip-text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
color: var(--c42);
flex-grow: 1;
font-size: .75rem;
font-weight: 400;
line-height: 1.3
}
@media (max-width:375px) {
.tooltip-text {
font-size: .8571428571rem
}
}
@media (max-width:767px) {
.breadcrumbs+.top-section-dark-content {
margin-top: 40px
}
}
.add-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px
}
.add-info+.blog-list,
.add-info+.recall {
margin-top: 60px
}
.add-info .breadcrumbs {
margin-bottom: 0
}
.add-info+.article {
margin-top: 64px
}
.add-info+.article-preview-info-content {
margin-top: 40px
}
.add-info-style-1 h2,
.add-info-style-1 p {
max-width: 520px
}
.add-info-style-1 h2 {
margin-bottom: 0
}
.add-info-style-2 p {
color: var(--c6);
font-size: 1.125rem
}
.add-info-style-2 p:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.add-info+.article-preview-info-content {
margin-top: 58px
}
.add-info-style-4>div:last-child {
display: none
}
.add-info-style-6 {
-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;
row-gap: 35px
}
.add-info-style-6 h2 {
margin-bottom: 0
}
}
@media (max-width:576px) {
.add-info-style-3 {
display: block
}
.add-info-style-3>div+div {
margin-top: 18px
}
}
@media (max-width:375px) {
.add-info+.article-preview-info-content {
margin-top: 10px
}
.tag-style-3+.add-info.add-info-style-5 {
margin-top: 0
}
.add-info-style-2 p {
font-size: 1rem
}
.add-info-style-5 {
-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;
row-gap: 22px
}
.add-info-style-5>div:has(.btn-full-mobile) {
width: 100%
}
.add-info-style-5 h2 {
margin-bottom: 0
}
}
.icon,
.icon-2 {
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
}
.icon {
background-color: var(--c1);
border-radius: 15px;
-webkit-box-shadow: 0 4px 20px 0 rgba(23, 15, 73, .08);
box-shadow: 0 4px 20px 0 rgba(23, 15, 73, .08)
}
.icon-2 {
border: 1px solid var(--c35);
border-radius: 7px
}
.icon-stars-2 svg {
height: 33px;
width: 28px
}
.icon-success svg {
height: 33px;
width: 33px
}
.icon-check--round svg {
height: 20px;
width: 20px
}
.icon-success-2 svg {
height: 25px;
width: 25px
}
.icon-costs svg {
height: 26px;
width: 24px
}
.icon-learning svg {
height: 35px;
width: 36px
}
.icon-collaboration svg {
height: 31px;
width: 31px
}
.icon-customer svg {
height: 20px;
width: 35px
}
.icon-design svg,
.icon-responsibility svg {
height: 34px;
width: 34px
}
.icon-design-2 svg {
height: 36px;
width: 32px
}
.icon-style-1 {
height: 60px;
width: 60px
}
.icon-style-2 {
height: 85px;
width: 85px
}
.icon-style-2.icon-success svg {
height: 46px;
width: 46px
}
.icon-style-2.icon-costs svg {
height: 35px;
width: 32px
}
.icon-style-3 {
height: 32px;
width: 32px
}
.icon-style-4 {
height: 45px;
width: 45px
}
.tag {
border-radius: 20px;
color: var(--c6);
display: inline-block;
font: 700 .875rem/1 var(--f1);
letter-spacing: -.42px;
margin-bottom: 26px;
padding: 8px 15px 6px;
text-align: center
}
@media (max-width:375px) {
.tag {
font-size: 1rem
}
}
.tag-default {
background-color: var(--c1)
}
.tag-primary {
background-color: var(--c5)
}
.tag-info {
background-color: var(--c33);
color: var(--c1)
}
.tag-info.tag-with-border-animation:before {
background-color: var(--c33)
}
.tag-style-1 {
min-width: 158px
}
.tag-style-2 {
padding: 12px 20px
}
.tag-style-2.tag-with-icon.tag-icon-lock {
padding-left: 45px
}
.tag-style-2.tag-with-icon.tag-icon-lock svg {
left: 20px
}
.tag-style-3+.add-info {
margin-top: -14px
}
.tag-style-4+h2 {
margin-top: -2px
}
.tag-style-5 {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border: 1px solid var(--c3);
border-radius: 5px;
color: var(--c3);
font-size: .625rem;
font-weight: 600;
letter-spacing: normal;
min-width: 110px;
text-transform: uppercase
}
@media (max-width:375px) {
.tag-style-5 {
font-size: .7142857143rem
}
}
.tag-style-6 {
min-width: 126px
}
.tag-style-7 {
font: 600 .75rem var(--fb);
letter-spacing: .25px
}
.tag-style-8 {
min-width: 166px
}
.tag-style-9 {
padding: 7px 14px 5px
}
.tag-style-10 {
border-radius: 15px
}
.tag-style-11 {
background-color: hsla(0, 0%, 100%, .13);
color: var(--c1)
}
.tag-style-12 {
background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
color: var(--c1)
}
.tag-style-13 {
min-width: min(200px, 100%)
}
.tag-style-14 {
font-weight: 400
}
@media (max-width:375px) {
.tag-style-7 {
font-size: .8571428571rem
}
}
.tag-with-icon {
position: relative
}
.tag-with-icon svg {
left: 0;
position: absolute;
top: 50%;
translate: 0 -50%;
fill: currentColor
}
.tag-icon-lock svg {
height: 17px;
width: 13px
}
.tag-with-border-animation {
background-color: transparent;
overflow: hidden;
position: relative
}
.tag-with-border-animation.tag-with-icon svg {
z-index: 2
}
.tag-with-border-animation span {
display: inline-block;
position: relative;
z-index: 2
}
.tag-with-border-animation:after,
.tag-with-border-animation:before {
content: "";
position: absolute
}
.tag-with-border-animation:before {
border-radius: inherit;
inset: 1px;
z-index: 1
}
.tag-with-border-animation:after {
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
background: conic-gradient(from 0 at 50% 50%, hsla(0, 0%, 100%, .5) 0deg, hsla(0, 0%, 100%, 0) 60deg, hsla(0, 0%, 100%, 0) 310deg, hsla(0, 0%, 100%, .5) 1turn);
left: 50%;
min-height: 20rem;
rotate: -45deg;
top: 50%;
translate: -50% -50%;
width: 100%
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.menu-with-active-marker-wrapper {
position: relative
}
.active-marker {
background-color: var(--c3);
display: inline-block;
height: 40px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 3px
}
.menu-with-active-marker {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 20px;
row-gap: 23px
}
.menu-with-active-marker .active a {
color: var(--c3)
}
.menu-with-active-marker a {
color: var(--c1);
display: inline-block;
line-height: 1.2
}
.menu-with-active-marker a:hover {
color: var(--c3)
}
.list-1,
.list-2,
.list-3,
.list-4,
.list-5,
.list-6,
.list-7,
.list-8,
.list-9 {
display: -ms-grid;
display: grid
}
.list-1,
.list-2,
.list-3,
.list-7 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.list-1 {
gap: 57px 10px
}
.list-2 {
gap: 15px
}
.list-3,
.list-5 {
gap: 20px
}
.list-4,
.list-5,
.list-6,
.list-8,
.list-9 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.list-4 {
gap: 56px 20px
}
.list-6 {
gap: 120px 30px
}
.list-7 {
gap: 23px 10px
}
.list-9 {
gap: 10px
}
.list-10 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 26px
}
@media (max-width:767px) {
.list-1,
.list-2,
.list-3,
.list-7 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.list-6,
.list-8,
.list-9 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.list-4 {
row-gap: 40px
}
.list-6 {
row-gap: 34px
}
.list-8 {
row-gap: 60px
}
}
@media (max-width:576px) {
.list-1,
.list-2,
.list-3,
.list-4,
.list-5,
.list-7 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.list-1 {
row-gap: 37px
}
}
@media (max-width:320px) {
.accordion-style-6 .accordion__btn {
font-size: 1.2857142857rem
}
.accordion-style-6 .accordion__btn:after {
top: 22px
}
.list-2,
.list-3,
.list-5 {
row-gap: 10px
}
}
.list-style-1 .list-item {
display: block;
height: 100%
}
.list-style-1 .list-item p {
color: var(--cb);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
margin-bottom: 0
}
.list-style-1 .list-item img,
.list-style-1 .list-item p {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.list-style-1 .list-item:hover p {
color: var(--c3)
}
.list-style-1 .list-item:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.list-style-1 .list-item-img {
border-radius: 5px;
padding-top: 63.563%
}
.list-style-1 .list-item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 15px;
margin-bottom: 12px;
margin-top: 10px
}
.list-style-1 .list-item-info span {
display: inline-block;
line-height: 1
}
.list-style-1 .list-item-info-category {
margin-bottom: 0
}
.list-style-1 .list-item-info-date {
color: rgba(91, 93, 114, .5);
font-size: .875rem
}
@media (max-width:375px) {
.list-style-1 .list-item p {
font-size: 1.4285714286rem
}
.list-style-1 .list-item-info-date {
font-size: 1rem
}
}
.list-style-2 .list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
background-color: var(--c5);
border-radius: 10px;
-ms-flex-direction: column;
flex-direction: column;
padding: 23px 25px 37px;
row-gap: 19px
}
.list-style-2 .list-item strong {
display: block;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
padding-top: 14px
}
.list-style-2 .list-item p {
color: var(--c6);
font-size: .875rem;
max-width: 320px
}
.list-style-2 .list-item p:last-of-type {
margin-bottom: 0
}
@media (max-width:375px) {
.list-style-2 .list-item {
padding-left: 20px;
padding-right: 20px;
padding-top: 30px
}
.list-style-2 .list-item strong {
font-size: 1.4285714286rem;
padding-top: 3px
}
.list-style-2 .list-item p {
font-size: 1rem
}
}
@media (max-width:320px) {
.list-style-2 .list-item {
padding: 20px 10px 32px
}
}
.list-style-3 .list-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.list-style-3 .list-item p,
.list-style-3 .list-item strong {
text-align: center
}
.list-style-4 .list-item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.list-style-5 .list-item p+.btn {
margin-top: 20px
}
.list-style-6 .list-item .icon-success+strong {
margin-top: 4px
}
.list-style-6 .list-item p,
.list-style-6 .list-item strong {
color: var(--c6)
}
.list-style-6 .list-item strong {
display: block;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.4;
margin-bottom: 20px;
padding-top: 14px
}
.list-style-6 .list-item p {
font-size: .875rem
}
.list-style-6 .list-item p:last-of-type {
margin-bottom: 0
}
.list-style-7-item {
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: justify;
-ms-flex-pack: justify;
background-color: var(--c43);
border-radius: 15px;
cursor: pointer;
justify-content: space-between;
padding: 20px;
row-gap: 30px
}
.list-style-7-item:hover .list-style-7-bl-2 span {
background-color: var(--c39);
color: var(--c1)
}
.list-style-7-bl-1 p,
.list-style-7-bl-1 span {
color: var(--c2)
}
.list-style-7-bl-1 span {
background-color: var(--c1);
border-radius: 15px;
display: inline-block;
font-size: .75rem;
letter-spacing: .25px;
line-height: 1;
min-width: 82px;
padding: 9px 10px 7px;
text-align: center
}
.list-style-7-bl-1 span+p {
margin-top: 15px
}
.list-style-7-bl-1 p {
font-size: 1.125rem;
line-height: 1.4;
max-width: 335px
}
.list-style-7-bl-1 p strong {
font-weight: 600
}
.list-style-7-bl-1 p:last-child {
margin-bottom: 0
}
.list-style-7-bl-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 15px 30px;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
grid-template-columns: 1fr 30px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
.list-style-7-bl-2:has(p) div:first-child {
background-color: var(--c39);
border: 1px solid var(--c39);
border-radius: 7px;
padding: 11px 10px 9px
}
.list-style-7-bl-2:has(p) div:first-child p {
color: var(--c1);
font-size: .6875rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 1.2;
max-width: 285px
}
.list-style-7-bl-2:has(p) div:first-child p:last-child {
margin-bottom: 0
}
.list-style-7-bl-2 span {
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;
background-color: var(--c1);
border-radius: 50%;
color: var(--c44);
cursor: pointer;
height: 30px;
padding: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 30px
}
.list-style-7-bl-2 span svg {
height: 17px;
width: 17px;
fill: currentColor
}
@media (max-width:375px) {
.list-style-6 .list-item strong {
font-size: 1.2857142857rem
}
.list-style-6 .list-item p {
font-size: 1rem
}
.list-style-7-item {
padding-left: 10px;
padding-right: 10px
}
.list-style-7-bl-1 span {
font-size: .8571428571rem
}
.list-style-7-bl-1 p {
font-size: 1.1428571429rem
}
}
.list-style-8 div {
background-color: var(--c45);
border: 1px solid var(--c45);
border-radius: 15px;
color: var(--c2);
font-size: 1rem;
font-weight: 500;
line-height: 1.3;
padding: 23px 22px 21px
}
.list-style-8 div:nth-child(odd) {
position: relative
}
.list-style-8 div:nth-child(odd):after {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' fill='none' viewBox='0 0 29 30'%3E%3Cpath fill='%23064cea' d='M28.414 16.414a2 2 0 0 0 0-2.828L15.686.858a2 2 0 1 0-2.828 2.828L24.172 15 12.858 26.314a2 2 0 1 0 2.828 2.828zM0 17h27v-4H0z'/%3E%3C/svg%3E") 50% 50% no-repeat;
content: "";
height: 30px;
position: absolute;
width: 29px
}
.list-style-8 div:nth-child(2n) {
border-color: var(--c3);
color: var(--c3);
font-size: 1.125rem;
font-weight: 600
}
@media (min-width:768px) {
.list-8 {
gap: 10px 79px
}
.list-style-8 div:nth-child(odd):after {
left: 100%;
top: 50%;
translate: 25px -50%
}
}
.list-style-9-item {
background-color: var(--c39);
border-radius: 15px;
padding: 20px;
row-gap: 15px
}
.list-style-9-item,
.list-style-9__bl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.list-style-9__bl {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
background-color: hsla(0, 0%, 100%, .16);
border-radius: 7px;
justify-content: center;
padding: 20px 24px
}
.list-style-9__bl p {
color: var(--c1);
font-size: 1.25rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 1.4
}
.list-style-9__bl p:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.list-style-8 div {
padding-left: 20px;
padding-right: 20px
}
.list-style-8 div:nth-child(odd):after {
left: 50%;
rotate: 90deg;
top: 100%;
translate: -50% 18px
}
.list-style-9-item,
.list-style-9__bl {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.list-style-8 div,
.list-style-9-item,
.list-style-9__bl {
padding-left: 15px;
padding-right: 15px
}
.list-style-9__bl p {
font-size: 1.125rem
}
}
@media (max-width:375px) {
.list-style-8 div {
padding-left: 10px;
padding-right: 10px
}
.list-style-8 div:nth-child(2n) {
font-size: 1.1428571429rem
}
.list-style-9-item,
.list-style-9__bl {
padding-left: 10px;
padding-right: 10px
}
.list-style-9__bl p {
font-size: 1.1428571429rem
}
}
.list-style-10 div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--c5);
border-radius: 15px;
padding: 28px 25px 26px
}
.list-style-10 div p {
color: var(--c2);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.list-style-10 div p:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
.list-style-10 div {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.list-style-10 div {
padding-left: 15px;
padding-right: 15px
}
.list-style-10 div p {
font-size: 1.125rem
}
}
@media (max-width:375px) {
.list-style-10 div {
padding-left: 10px;
padding-right: 10px
}
.list-style-10 div p {
font-size: 1.1428571429rem
}
}
.list-style-11-item .tag {
margin-bottom: 19px
}
.list-style-11-item div {
background-color: var(--c47);
border-radius: 7px;
padding: 14px 16px
}
.list-style-11-item div ol,
.list-style-11-item div p,
.list-style-11-item div ul {
color: var(--cb);
font-size: .875rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 1.5
}
.list-style-11-item div ol:last-child,
.list-style-11-item div p:last-child,
.list-style-11-item div ul:last-child {
margin-bottom: 0
}
.list-style-11-item div ul:not(.reset-list) li {
padding-left: 12px
}
.list-style-11-item div ul:not(.reset-list) li:before {
background-color: var(--cb);
height: 4px;
left: 0;
top: 8px;
width: 4px
}
button,
input,
select,
textarea {
background: 0 0;
border: none;
border-radius: 0
}
button:focus,
input:focus,
select:focus,
textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0
}
.style-check {
cursor: pointer;
display: inline-block;
line-height: 1.2;
padding-left: 25px;
position: relative
}
.style-check input[type=checkbox],
.style-check input[type=radio] {
left: 0;
overflow: hidden;
position: absolute;
top: 0;
clip: rect(0 0 0 0);
height: 16px;
width: 16px
}
.style-check input[type=checkbox]+span,
.style-check input[type=radio]+span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 16px;
left: 0;
position: absolute;
top: -2px;
width: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--c1);
border: 1px solid var(--c31);
border-radius: 2px
}
.style-check input[type=checkbox]+span svg,
.style-check input[type=radio]+span svg {
height: 9px;
scale: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 10px;
fill: var(--cb)
}
.style-check input[type=checkbox]:checked+span,
.style-check input[type=radio]:checked+span {
pointer-events: none
}
.style-check input[type=checkbox]:checked+span svg,
.style-check input[type=radio]:checked+span svg {
scale: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.style-check input[type=radio]+span {
border-radius: 50%
}
.style-check-style-1 {
color: var(--c1);
font: .625rem var(--f3)
}
input:not([type=checkbox], [type=radio], [type=number]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input:not([type=checkbox], [type=radio])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--c8);
opacity: 1;
text-overflow: ellipsis
}
input:not([type=checkbox], [type=radio])::-webkit-input-placeholder:focus,
textarea::-webkit-input-placeholder:focus {
color: transparent
}
input:not([type=checkbox], [type=radio]):-moz-placeholder,
textarea:-moz-placeholder {
color: var(--c8);
opacity: 1;
text-overflow: ellipsis
}
input:not([type=checkbox], [type=radio]):-moz-placeholder:focus,
textarea:-moz-placeholder:focus {
color: transparent
}
input:not([type=checkbox], [type=radio])::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--c8);
opacity: 1;
text-overflow: ellipsis
}
input:not([type=checkbox], [type=radio])::-moz-placeholder:focus,
textarea::-moz-placeholder:focus {
color: transparent
}
input:not([type=checkbox], [type=radio]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: var(--c8);
opacity: 1;
text-overflow: ellipsis
}
input:not([type=checkbox], [type=radio]):-ms-input-placeholder:focus,
textarea:-ms-input-placeholder:focus {
color: transparent
}
.form {
position: relative
}
.form label:not(.style-check) {
display: block;
line-height: 1;
margin-bottom: 9px
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form label:not(.style-check),
.form select,
.form textarea {
padding-left: 15px;
padding-right: 15px
}
.form .label--required span {
display: inline-block;
padding-right: 12px;
position: relative
}
.form .label--required span:after {
content: "*";
position: absolute;
right: 0;
top: -1px
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form select,
.form textarea {
background-color: var(--c1);
border: 1px solid var(--c9);
border-radius: 15px;
font-weight: 700;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):focus,
.form select:focus,
.form textarea:focus {
border-color: #cdd0e7
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form select {
height: 50px
}
.form input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input).surname {
bottom: 0;
height: 0;
opacity: 0;
padding: 0;
pointer-events: none;
position: absolute;
right: 0;
width: 0;
z-index: -1
}
.form textarea {
border: 1px solid transparent;
line-height: 1.2;
min-height: 135px;
padding-bottom: 15px;
padding-top: 15px;
resize: vertical
}
.form textarea:focus {
-webkit-text-size-adjust: 100%
}
.form.has-required input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):required,
.form.has-required textarea:required {
border-color: var(--c20)
}
.form.has-required input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):required:valid,
.form.has-required textarea:required:valid {
border-color: var(--c3)
}
.form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: var(--c1)
}
.form-style-2 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-2 select,
.form-style-2 textarea {
background-color: hsla(0, 0%, 100%, .05);
border-color: hsla(0, 0%, 100%, .05);
color: var(--c8);
font: 400 .875rem var(--fb)
}
@media (max-width:375px) {
.list-style-11-item div ol,
.list-style-11-item div p,
.list-style-11-item div ul {
font-size: 1rem
}
.style-check-style-1 {
font-size: .7142857143rem
}
.form-style-2 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-2 select,
.form-style-2 textarea {
font-size: 1rem
}
}
.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select,
.form-style-3 textarea {
background-color: var(--c5);
border-color: var(--c5);
color: var(--c8);
font-size: .875rem
}
.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input):focus,
.form-style-3 select:focus,
.form-style-3 textarea:focus {
border-color: #e4e8f7
}
.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select {
height: 30px;
padding-left: 10px;
padding-right: 10px
}
@media (max-width:375px) {
.form-style-3 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-3 select,
.form-style-3 textarea {
font-size: 1rem
}
}
.form-style-4 label:not(.style-check) {
color: var(--c1);
font-weight: 700;
margin-bottom: 14px;
padding-left: 0;
padding-right: 0
}
.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select,
.form-style-4 textarea {
background-color: hsla(0, 0%, 100%, .05);
border-color: hsla(0, 0%, 100%, .05);
color: var(--c8);
font: 400 .625rem var(--f3)
}
.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select {
height: 40px
}
.form-style-4 textarea {
min-height: 96px
}
.form-style-5 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-5 select,
.form-style-5 textarea {
background-color: var(--c7);
border-color: var(--c6);
color: var(--c8);
font-weight: 700
}
@media (min-width:416px) {
.form-style-1 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-1 label:not(.style-check),
.form-style-1 select,
.form-style-1 textarea {
padding-left: 25px;
padding-right: 25px
}
.subscribe-form .fluentform fieldset .ff-t-container,
.subscribe-form-content {
-ms-grid-columns: 1fr 156px;
grid-template-columns: 1fr 156px
}
}
.form .dn,
.form .hidden {
display: none
}
.style-select {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' fill='none' viewBox='0 0 5 3'%3E%3Cpath fill='%23021320' fill-rule='evenodd' d='M2.77 2.885A.37.37 0 0 1 2.505 3a.37.37 0 0 1-.266-.115L.115.673A.4.4 0 0 1 0 .395a.4.4 0 0 1 .11-.28A.38.38 0 0 1 .379 0a.36.36 0 0 1 .267.12l1.859 1.936L4.364.119a.37.37 0 0 1 .526.005.4.4 0 0 1 .005.549z' clip-rule='evenodd'/%3E%3C/svg%3E") calc(100% - 10px) 50% no-repeat
}
.style-select:focus {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' fill='none' viewBox='0 0 5 3'%3E%3Cpath fill='%23021320' fill-rule='evenodd' d='M2.23.115A.37.37 0 0 1 2.495 0c.1 0 .195.041.266.115l2.124 2.212A.4.4 0 0 1 5 2.605a.4.4 0 0 1-.11.28.38.38 0 0 1-.269.115.36.36 0 0 1-.267-.12L2.495.945.636 2.881a.37.37 0 0 1-.526-.005.4.4 0 0 1-.005-.549z' clip-rule='evenodd'/%3E%3C/svg%3E")
}
.form__submit {
display: block;
text-decoration: none;
width: 100%
}
.form__submit:hover {
text-decoration: none
}
.form-close {
color: var(--cb);
cursor: pointer;
opacity: 0;
padding: 0;
position: absolute;
right: 20px;
scale: 0;
top: 20px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
visibility: hidden;
z-index: 2
}
.form-close svg {
height: 14px;
width: 14px;
fill: currentColor
}
.form-close:hover {
color: var(--c20)
}
.form-close.show {
opacity: 1;
scale: 1;
visibility: visible
}
div.form-message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
background-color: var(--cb);
justify-content: center;
padding: 25px 30px
}
div.form-message h3,
div.form-message p {
max-width: 400px
}
div.form-message h3 {
color: var(--c1);
font: 700 1.625rem/1.3 var(--f1);
margin-bottom: 20px
}
div.form-message h3:has(.icon-style-4) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px
}
div.form-message h3:has(.icon-style-4) .icon-2 {
translate: 0 8px;
-ms-flex-negative: 0;
flex-shrink: 0
}
div.form-message h3:has(.icon-style-4)~p {
max-width: 440px;
padding-left: 60px
}
div.form-message p {
color: hsla(0, 0%, 100%, .5);
font-size: .875rem
}
div.form-message p:last-of-type {
margin-bottom: 0
}
@media (max-width:767px) {
.form-message {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.form-message {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.form-style-4 input:not([type=checkbox], [type=radio], [type=hidden], [type=file], [type=range], .switch__input),
.form-style-4 select,
.form-style-4 textarea {
font-size: .7142857143rem
}
.form-message {
padding-left: 10px;
padding-right: 10px
}
.form-message h3 {
font-size: 1.4285714286rem
}
.form-message p {
font-size: 1rem
}
}
.subscribe-form {
width: min(472px, 100%)
}
.subscribe-form .fluentform~p {
color: var(--c8);
font-size: .625rem;
line-height: 1.25;
margin-bottom: 0;
margin-top: 11px
}
.subscribe-form .fluentform~p a {
color: inherit;
text-decoration: underline
}
.subscribe-form .fluentform~p a:hover {
text-decoration: none
}
.subscribe-form .fluentform fieldset .ff-t-container,
.subscribe-form-content {
display: -ms-grid;
display: grid;
gap: 20px 10px
}
.subscribe-form-content+p {
color: var(--c8);
font-size: .625rem;
line-height: 1.25;
margin-bottom: 0;
margin-top: 11px
}
.subscribe-form-content+p a {
color: inherit;
text-decoration: underline
}
.subscribe-form-content+p a:hover {
text-decoration: none
}
.subscribe-form-style-1 .fluentform+p,
.subscribe-form-style-1 .subscribe-form-content+p {
color: var(--c8);
margin-top: 30px
}
@media (max-width:375px) {
.subscribe-form .fluentform~p,
.subscribe-form-content+p {
font-size: .7142857143rem
}
}
.subscribe-newsletter-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16px
}
.subscribe-newsletter-form:has(fieldset) {
display: block
}
.subscribe-newsletter-form:has(fieldset) fieldset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 16px
}
.subscribe-newsletter-form .fluentform .ff-el-input--label {
display: none
}
.subscribe-newsletter-form .fluentform .ff-el-group {
margin-bottom: 0
}
.subscribe-newsletter-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: var(--c1)
}
@media (min-width:641px) {
.subscribe-newsletter-form:has(.form__submit) .form__submit {
width: min(132px, 100%)
}
}
.experts-form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr;
gap: 20px 10px;
grid-template-columns: repeat(2, 1fr)
}
.experts-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
color: #fff
}
.experts-form-item-3,
.experts-form-item-4,
.experts-form-item-5 {
grid-column: 1/-1
}
.experts-form-item-4 {
margin-top: -5px
}
.experts-form-item-5 {
padding-top: 15px
}
.content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.content__aside {
-ms-flex-negative: 0;
flex-shrink: 0
}
.content__main {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media (min-width:768px) {
.content-1__aside {
-ms-flex-preferred-size: 30.4166666667%;
flex-basis: 30.4166666667%
}
.content-2__aside {
-ms-flex-preferred-size: 42.25%;
flex-basis: 42.25%
}
.content-3__aside {
-ms-flex-preferred-size: 38.1666666667%;
flex-basis: 38.1666666667%
}
.content-4__aside {
-ms-flex-preferred-size: 46%;
flex-basis: 46%
}
.content-5__aside {
-ms-flex-preferred-size: 29.1666666667%;
flex-basis: 29.1666666667%
}
.content-6__aside {
-ms-flex-preferred-size: 49%;
flex-basis: 49%
}
.content-7__aside {
-ms-flex-preferred-size: 39.3333333333%;
flex-basis: 39.3333333333%
}
.content-8__aside {
-ms-flex-preferred-size: 37.5%;
flex-basis: 37.5%
}
.content-9__aside {
-ms-flex-preferred-size: 30.1652892562%;
flex-basis: 30.1652892562%
}
.content-10__aside {
-ms-flex-preferred-size: 29.5%;
flex-basis: 29.5%
}
.content-style-1 {
-webkit-column-gap: 3.75%;
-moz-column-gap: 3.75%;
column-gap: 3.75%
}
.content-style-2 {
-webkit-column-gap: 7.75%;
-moz-column-gap: 7.75%;
column-gap: 7.75%
}
.content-style-3 {
-webkit-column-gap: 6.6666666667%;
-moz-column-gap: 6.6666666667%;
column-gap: 6.6666666667%
}
.content-style-4 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.content-style-5 {
-webkit-column-gap: 4.75%;
-moz-column-gap: 4.75%;
column-gap: 4.75%
}
.content-style-6 {
-webkit-column-gap: 9.1666666667%;
-moz-column-gap: 9.1666666667%;
column-gap: 9.1666666667%
}
.content-style-7 {
-webkit-column-gap: 10.4166666667%;
-moz-column-gap: 10.4166666667%;
column-gap: 10.4166666667%
}
.content-style-8 {
-webkit-column-gap: 11.4166666667%;
-moz-column-gap: 11.4166666667%;
column-gap: 11.4166666667%
}
.content-style-9 {
-webkit-column-gap: 6.1983471074%;
-moz-column-gap: 6.1983471074%;
column-gap: 6.1983471074%
}
}
@media (min-width:768px) and (max-width:1200px) {
.subscribe-form-style-1 .subscribe-form-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.content-style-10 {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px
}
}
@media (min-width:1201px) {
.content-style-10 {
-webkit-column-gap: 9.1666666667%;
-moz-column-gap: 9.1666666667%;
column-gap: 9.1666666667%
}
}
@media (max-width:767px) {
.subscribe-form-style-1 .subscribe-form-content+p {
margin-top: 25px
}
.content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 45px
}
.content-9__aside {
width: min(292px, 100%)
}
}
body:has(.top-section+.media) .top-section-content {
padding-bottom: 190px;
padding-top: 193px
}
body:not(:has(.top-section+.media)) .top-section-content {
padding-bottom: 120px;
padding-top: 120px
}
.top-section-author {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--c3);
-webkit-column-gap: 13px;
-moz-column-gap: 13px;
column-gap: 13px;
font-size: .75rem;
letter-spacing: -.36px;
line-height: 1.2
}
.top-section-author .spline-viewer-wrapper {
height: 100px;
padding-top: 0;
width: 100px
}
.top-section-author svg {
height: 20px;
width: 19px;
fill: currentColor
}
.top-section-content {
row-gap: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.top-section-content h1 {
font-size: 3.4375rem;
font-weight: 500;
line-height: 1.3;
max-width: 774px;
padding-top: 7px;
text-align: center
}
.top-section-content h1~p {
font-size: 1.125rem;
line-height: 1.4;
max-width: 532px;
text-align: center
}
.top-section-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
padding-top: 20px
}
.top-section-style-1 {
border-radius: 10px;
margin-left: 20px;
margin-right: 20px
}
@media (min-width:768px) {
.top-section-content {
min-height: 800px
}
body:not(:has(.top-section+.media)) .top-section-content {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width:1200px) {
.top-section-style-1 {
margin-top: -120px
}
}
@media (max-width:767px) {
body:has(.top-section+.media) .top-section-content,
body:not(:has(.top-section+.media)) .top-section-content {
padding-top: 188px
}
body:not(:has(.top-section+.media)) .top-section-content {
padding-bottom: 90px
}
}
@media (min-width:431px) {
.top-section {
background: var(--c4) url(//casecraft.ai/wp-content/themes/casecraft/assets/img/bg.svg) no-repeat 50% 100%;
background-size: cover
}
}
@media (max-width:430px) {
body:has(.top-section+.media) .top-section-content,
body:not(:has(.top-section+.media)) .top-section-content {
padding-bottom: 40px;
padding-top: 35px
}
.top-section-style-1 {
margin-left: 20px;
margin-right: 20px;
margin-top: 1px
}
}
@media (max-width:415px) {
.content-9__aside {
width: 100%
}
.top-section-style-1 {
margin-left: 15px;
margin-right: 15px
}
}
@media (max-width:430px) {
.top-section {
background-color: var(--c4)
}
.top-section-style-1 {
margin-left: 10px;
margin-right: 10px
}
.top-section-content h1 {
font-size: 2.1875rem
}
.top-section-content h1~p {
font-size: 1rem;
max-width: 290px
}
.top-section-btns {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.top-section-btns+.media-content {
display: block;
margin-top: 20px;
width: 100%
}
}
@media (max-width:375px) {
.top-section-content h1 {
font-size: 2.5rem
}
}
.top-section-style-2 .top-section-content,
.top-section-style-2 .top-section-dark-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.top-section-style-2 .top-section-content h1,
.top-section-style-2 .top-section-content p:last-of-type,
.top-section-style-2 .top-section-dark-main h1,
.top-section-style-2 .top-section-dark-main p:last-of-type {
margin-bottom: 0
}
.top-section-dark {
background-color: var(--c10);
border-radius: 10px;
padding-bottom: 107px;
padding-top: 178px
}
.top-section-dark h1 {
color: var(--c5);
padding-bottom: 3px
}
.top-section-dark p {
color: hsla(0, 0%, 100%, .6);
max-width: 590px
}
.top-section-dark .top-section-author {
color: var(--c1)
}
.top-section-dark .breadcrumbs {
background-color: rgba(39, 43, 63, .3);
margin-bottom: 8px
}
.top-section-dark .breadcrumbs li:not(:last-child) a,
.top-section-dark .breadcrumbs li:not(:last-child):after {
color: var(--c6)
}
.top-section-dark .breadcrumbs li:not(:last-child) a:hover {
color: var(--c3)
}
.top-section-dark .breadcrumbs li:last-child a {
color: var(--c1);
pointer-events: none
}
.top-section-dark-aside .form-message {
padding-left: 0;
padding-right: 0
}
@media (max-width:767px) {
.top-section-dark .breadcrumbs {
margin-bottom: 0
}
.top-section-dark-style-6 {
padding-bottom: 134px
}
}
.top-section-dark-main {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
row-gap: 28px
}
.top-section-dark-img img,
.top-section-dark-img picture {
border-radius: 10px
}
.top-section-dark-style-1 p {
color: var(--c5);
max-width: 455px
}
.top-section-dark-style-2 .breadcrumbs {
margin-bottom: 40px
}
.top-section-dark-style-3 .top-section-dark-main {
row-gap: 19px
}
.top-section-dark-style-3 .top-section-dark-main h1 {
line-height: 1.3;
padding-bottom: 0;
padding-top: 4px
}
.top-section-dark-style-3 .top-section-dark-main p+.btn {
margin-top: 20px
}
.top-section-dark-style-4 {
padding-top: 140px
}
.top-section-dark-style-5 .top-section-dark-main {
row-gap: 18px
}
.top-section-dark-style-5 .top-section-dark-main h1 {
line-height: 1.3;
padding-bottom: 0
}
.top-section-dark-style-5 .top-section-dark-main p {
color: hsla(0, 0%, 100%, .6);
font-size: 1.125rem
}
.top-section-dark-style-5 .top-section-dark-main p+.btn {
margin-top: 20px
}
@media (max-width:430px) {
.top-section-dark-style-4 {
padding-top: 40px
}
.top-section-dark-style-5 .top-section-dark-main p {
font-size: 1.125rem
}
.top-section-dark-style-6 {
padding-bottom: 120px
}
}
@media (max-width:375px) {
.top-section-dark-style-5 .top-section-dark-main p {
font-size: 1.2857142857rem
}
}
@media (min-width:768px) {
.top-section-dark-style-7 .content__main {
min-height: 370px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.top-section-dark-style-9 h1 {
max-width: 570px
}
.top-section-dark-style-9 p {
max-width: 455px
}
.top-section-dark-style-10 {
padding-bottom: 60px
}
@media (max-width:430px) {
.top-section-dark-style-10 {
padding-bottom: 40px
}
}
.top-section-dark-style-11 .top-section-dark-aside {
border-radius: 10px
}
.top-section-dark-style-12 .top-section-dark-aside {
background-color: var(--cb);
padding: 60px 5%
}
@media (max-width:767px) {
.top-section-dark-style-8 .breadcrumbs {
margin-bottom: 0
}
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 8.7336244541%;
padding-right: 8.7336244541%
}
}
@media (max-width:640px) {
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 10.7142857143%;
padding-right: 10.7142857143%
}
}
@media (max-width:576px) {
.experts-form {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.top-section-dark-style-12 .top-section-dark-aside {
padding: 40px 20px
}
}
@media (max-width:320px) {
.top-section-content h1 {
font-size: 2.1428571429rem
}
.top-section-dark-style-12 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px
}
}
.top-section-dark-style-13 .top-section-dark-aside {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background: rgba(39, 43, 63, .5);
padding: 40px 3.3333333333%
}
@media (max-width:1024px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 3.90625%;
padding-right: 3.90625%
}
.recall-content {
-webkit-column-gap: 8.4745762712%;
-moz-column-gap: 8.4745762712%;
column-gap: 8.4745762712%
}
}
@media (max-width:767px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 40px;
padding-right: 40px
}
}
@media (max-width:576px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:320px) {
.top-section-dark-style-13 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px
}
}
.top-section-dark-style-14 .top-section-dark-aside {
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
}
.top-section-dark-style-15 .top-section-dark-aside h2 {
color: var(--c1);
font-size: 1.125rem;
line-height: 1.4;
margin-bottom: 22px
}
.top-section-dark-style-16 .breadcrumbs+.top-section-dark-content {
margin-top: 32px
}
.top-section-dark-style-33 .top-section-dark-main {
row-gap: 18px
}
.top-section-dark-style-33 .top-section-dark-main h1 {
line-height: 1.3;
padding-bottom: 0
}
.top-section-dark-style-33 .top-section-dark-main p {
color: hsla(0, 0%, 100%, .69);
font-size: 1rem
}
.top-section-dark-style-33 .top-section-dark-main p+.btn {
margin-top: 20px
}
.top-section-dark-style-34 h1,
.top-section-dark-style-34 p {
max-width: 500px
}
.top-section-dark-style-35 {
background: linear-gradient(250deg, #0f1323 48.75%, #14204c 109.33%)
}
.top-section-dark-style-36 .content__aside h2 {
color: var(--c1);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.2
}
.top-section-dark-style-37 .top-section-dark-aside {
background-color: var(--cb);
padding: 30px 2.5% 45px
}
.top-section-dark-style-38 {
padding-bottom: 100px
}
.top-section-dark-style-39 .content__aside h2 {
margin-bottom: 32px
}
@media (max-width:767px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 4.3668122271%;
padding-right: 4.3668122271%
}
}
@media (max-width:640px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 5.3571428571%;
padding-right: 5.3571428571%
}
}
@media (max-width:576px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:430px) {
.top-section-dark-style-38 {
padding-bottom: 40px
}
}
@media (max-width:320px) {
.top-section-dark-style-37 .top-section-dark-aside {
padding-left: 10px;
padding-right: 10px
}
}
@media (max-width:767px) {
.top-section-dark-style-17 h1 {
max-width: 574px
}
.top-section-dark-style-17 p {
max-width: 455px
}
.top-section-dark-style-18 {
padding-bottom: 20px
}
.top-section-dark-style-19 .top-section-dark-main p {
font-size: 1.125rem
}
.top-section-dark-style-20 .content {
row-gap: 30px
}
.top-section-dark-style-21 {
padding-bottom: 97px
}
.top-section-dark-style-22 .top-section-dark-aside h2 {
display: none
}
.top-section-dark-style-23 .content {
row-gap: 38px
}
.top-section-dark-style-24 .breadcrumbs+.top-section-dark-content {
margin-top: 70px
}
.top-section-dark-style-28 {
padding-bottom: 60px;
padding-top: 120px
}
.top-section-dark-style-29 .breadcrumbs {
margin-bottom: 12px
}
.top-section-dark-style-30 .top-section-dark-main p {
color: hsla(0, 0%, 100%, .6);
max-width: 600px
}
}
@media (max-width:430px) {
.top-section-dark-style-18 {
padding-bottom: 40px
}
.top-section-dark-style-19 .top-section-dark-main p {
font-size: 1rem
}
.top-section-dark-style-20 .content {
row-gap: 40px
}
.top-section-dark-style-25 .top-section-dark-main p {
color: var(--c1)
}
.top-section-dark-style-26 .breadcrumbs+.top-section-dark-content {
margin-top: 24px
}
.top-section-dark-style-27 .content {
row-gap: 80px
}
.top-section-dark-style-28 {
padding-bottom: 40px;
padding-top: 40px
}
.top-section-dark-style-31 .top-section-dark-main {
row-gap: 16px
}
.top-section-dark-style-32 .top-section-dark-main p+.btn {
margin-top: 24px
}
}
.media {
margin-top: -320px
}
.media-content {
border: 1px solid var(--c24);
border-radius: 10px;
margin-left: auto;
margin-right: auto;
max-width: 870px;
overflow: hidden;
position: relative
}
.media-play-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
left: 50%;
position: absolute;
top: 50%;
translate: -50% -50%;
z-index: 1;
-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(0, 22, 82, .11);
border: 1px dashed rgba(0, 22, 82, .11);
border-radius: 50%;
color: var(--c1);
cursor: pointer;
height: 72px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 72px
}
.media-play-btn svg {
height: 30px;
margin-left: 6px;
position: relative;
width: 27px;
z-index: 1;
fill: currentColor
}
.media-play-btn svg path {
fill: currentColor
}
.media-play-btn span {
-webkit-animation: smallScale 3s infinite;
animation: smallScale 3s infinite;
background-color: rgba(223, 225, 231, .64);
border: 1px solid rgba(0, 22, 82, .22);
border-radius: 50%;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.media-play-btn:hover {
color: var(--c3)
}
@-webkit-keyframes smallScale {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@keyframes smallScale {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
.media-content-img {
padding-top: 71.15%
}
.media-video-wrapper {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
@media (max-width:767px) {
.media {
margin-top: -220px
}
}
@media (min-width:576px) and (max-width:767px) {
.media {
padding-left: 40px;
padding-right: 40px
}
}
@media (min-width:376px) and (max-width:575px) {
.media {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:430px) {
.media {
margin-top: 0
}
.media,
.media-content {
display: none
}
.media-play-btn {
height: 50px;
width: 50px
}
.media-play-btn svg {
height: 22px;
width: 19px
}
}
.info h2,
.info h3 {
color: var(--c28);
margin-bottom: 28px
}
.info h3 {
line-height: 1.3
}
.info ol:not(.reset-list),
.info p,
.info ul:not(.reset-list) {
margin-bottom: 28px
}
.info p {
color: var(--c27);
max-width: 550px
}
.info p:last-child {
margin-bottom: 0
}
.info-content {
display: -ms-grid;
display: grid
}
@media (min-width:768px) {
.info-content {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
@media (min-width:376px) {
.info h3 {
font-size: 1.375rem
}
}
.info-img img,
.info-img picture {
border-radius: 10px
}
.info-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px
}
.info-style-1 .info-content {
gap: 35px 6.6666666667%
}
.info-style-2 .info-content {
gap: 30px 4.5833333333%
}
.info-style-3 .info-content {
-ms-grid-columns: min(650px, 100%);
grid-template-columns: min(650px, 100%)
}
.info-style-3 .info-content h2:last-child {
margin-bottom: 0
}
.info-style-5 .info-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:768px) {
.info-style-4 .info-content {
-ms-grid-columns: 49.1666666667% 4.1666666667% 1fr;
gap: 30px 4.1666666667%;
grid-template-columns: 49.1666666667% 1fr
}
.info-style-6 .info-content,
.info-style-8 .info-content {
-ms-grid-columns: 45.8333333333% 1fr;
grid-template-columns: 45.8333333333% 1fr;
row-gap: 30px
}
.info-style-6 .info-content {
-webkit-column-gap: 4.5833333333%;
-moz-column-gap: 4.5833333333%;
column-gap: 4.5833333333%
}
.info-style-8 .info-content {
-ms-grid-columns: 45.8333333333% 8.3333333333% 1fr;
-webkit-column-gap: 8.3333333333%;
-moz-column-gap: 8.3333333333%;
column-gap: 8.3333333333%;
grid-template-columns: 45.8333333333% 1fr
}
}
@media (max-width:767px) {
.info-style-6 .info-content,
.info-style-8 .info-content {
max-width: 555px
}
.info-style-4 .info-content {
row-gap: 40px
}
.info-style-6 .info-content {
row-gap: 60px
}
.info-style-8 .info-content {
row-gap: 30px
}
}
.info-media {
border-radius: 10px;
overflow: hidden;
position: relative
}
.info-media-play-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
left: 50%;
position: absolute;
top: 50%;
translate: -50% -50%;
z-index: 1;
-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(0, 22, 82, .11);
border: 1px dashed var(--c1);
border-radius: 50%;
color: var(--c1);
cursor: pointer;
height: 72px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 72px
}
.info-media-play-btn svg {
height: 30px;
margin-left: 6px;
position: relative;
width: 27px;
z-index: 1;
fill: currentColor
}
.info-media-play-btn svg path {
fill: currentColor
}
.info-media-play-btn span {
-webkit-animation: smallScale 3s infinite;
animation: smallScale 3s infinite;
background-color: hsla(0, 0%, 100%, .3);
border: 1px solid var(--c1);
border-radius: 50%;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.info-media-play-btn:hover {
color: var(--c3)
}
.info-media-img {
padding-top: 70.536%
}
.info-media-video-wrapper {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
@media (max-width:375px) {
.info-style-6 .info-content {
row-gap: 40px
}
.info-style-9 .info-content p {
color: var(--c6)
}
.info-media-play-btn {
height: 50px;
width: 50px
}
.info-media-play-btn svg {
height: 22px;
width: 19px
}
.info-1 h2 {
font-size: 2.1428571429rem
}
}
.info-1 {
margin-bottom: 35px
}
.info-1>h2,
.info-1>h3 {
font-weight: 600;
letter-spacing: .5px;
line-height: 1.3
}
.info-1>h2 {
font-size: 1.875rem;
margin-bottom: 26px
}
.info-1>h3 {
color: var(--c2);
font-size: 1.125rem;
margin-bottom: 32px
}
.info-1>p {
color: var(--c37);
letter-spacing: .5px;
margin-bottom: 32px;
max-width: 760px
}
.info-1>p:last-child {
margin-bottom: 0
}
.info-1-style-1 {
max-width: 788px
}
.info-1-style-2 {
margin-bottom: 26px
}
.info-1-style-3 {
margin-bottom: 35px
}
.info-1-style-4 {
background-color: var(--c43);
border-radius: 15px;
padding: 33px 30px
}
.info-1-style-5>h3 {
margin-bottom: 20px
}
.info-1-style-6 {
margin-bottom: 94px
}
.info-1-style-7 {
margin-bottom: 45px
}
.info-1-style-8 {
max-width: 920px
}
.info-1-style-9 {
margin-bottom: 80px
}
.info-1-style-10>h2 {
margin-bottom: 10px
}
.info-1-style-10>p {
margin-bottom: 40px
}
.info-1-style-11 {
max-width: 768px
}
.info-1-style-12>p {
max-width: 715px
}
.info-1-style-13 blockquote {
background-color: var(--c5);
border-left: 5px solid var(--c3);
border-radius: 0;
margin-bottom: 40px;
padding: 15px
}
.info-1-style-13 blockquote p {
color: var(--c2);
font-weight: 600;
letter-spacing: .5px;
line-height: 1.4
}
.info-1-style-13 blockquote p:last-child {
margin-bottom: 0
}
.info-1-style-13 blockquote strong {
font-weight: 600
}
.info-1-style-14 blockquote {
padding-bottom: 19px;
padding-top: 19px
}
.info-1-style-14 blockquote p {
font-weight: 500
}
.info-1-style-14 blockquote p a {
text-decoration: underline
}
.info-1-style-14 blockquote p a:hover {
text-decoration: none
}
@media (max-width:767px) {
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width:415px) {
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.info-1>h2 {
font-size: 2.1428571429rem
}
.info-1>h3 {
font-size: 1.2857142857rem
}
.info-1-style-13 blockquote,
.info-1-style-4 {
padding-left: 10px;
padding-right: 10px
}
}
.quiz-to-guide {
background-color: var(--c5);
border-radius: 16px;
padding: 80px 10.152284264%
}
.quiz-to-guide h2 {
font-size: 1.5625rem;
font-weight: 600;
letter-spacing: .25px;
margin-bottom: 27px
}
.quiz-to-guide h2 span {
color: var(--c39)
}
.quiz-to-guide-content.quiz-to-guide--hide {
max-height: 0;
opacity: 0;
overflow: hidden
}
.quiz-to-guide-content.quiz-to-guide--show {
max-height: 9999px;
opacity: 1
}
.quiz-to-guide-content[data-quiz-status=end] h2 {
margin-bottom: 0
}
.quiz-to-guide-content-title-has-icon {
padding-left: 40px;
position: relative
}
.quiz-to-guide-content-title-has-icon-1 {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='27' fill='none' viewBox='0 0 29 27'%3E%3Cpath fill='%233c6aff' d='M22.275.962c-2.33 1.19-5.11 3.505-7.775 6.51-2.668-3.008-5.445-5.32-7.776-6.51-6.227-3.183-8.7 2.387-4.966 4.4 2.724 1.47 5.99 3.965 9.05 6.862-2.496 3.672-4.592 7.868-5.679 12.123-.624 2.44 2.054 4.334 3.626.345 1.053-2.673 3.173-5.724 5.745-8.648 2.572 2.924 4.691 5.975 5.745 8.648 1.571 3.989 4.246 2.095 3.625-.345-1.086-4.255-3.18-8.45-5.68-12.123 3.062-2.897 6.327-5.393 9.05-6.863 3.735-2.015 1.265-7.582-4.965-4.4'/%3E%3C/svg%3E") 0 3px no-repeat
}
.quiz-to-guide-progress {
background-color: var(--c38);
border-radius: 3px;
height: 6px;
position: relative
}
.quiz-to-guide-progress span {
background-color: var(--c3);
border-radius: 3px;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 0
}
.quiz-to-guide-progress+.quiz-to-guide-counter {
margin-top: 20px
}
.quiz-to-guide-counter {
color: var(--c2);
font-size: .9375rem;
letter-spacing: .15px;
line-height: 1;
margin-bottom: 32px
}
.quiz-to-guide-content-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px
}
.quiz-to-guide-content-info {
background: linear-gradient(99deg, #064cea 38.19%, #032b84 90.42%);
border-radius: 15px;
color: var(--c1);
padding: 30px 20px
}
.quiz-to-guide-content-info .alert {
margin-bottom: 50px
}
.quiz-to-guide-content-info .tag {
margin-bottom: 12px
}
.quiz-to-guide-content-info ol,
.quiz-to-guide-content-info p,
.quiz-to-guide-content-info ul {
font-size: .875rem;
letter-spacing: .25px
}
.quiz-to-guide-content-info ul:not(.reset-list) li {
padding-left: 12px
}
.quiz-to-guide-content-info ul:not(.reset-list) li:before {
background-color: var(--c1);
height: 4px;
left: 0;
width: 4px
}
.quiz-to-guide-content-info ul:not(.reset-list):last-child {
margin-bottom: 0
}
.quiz-to-guide-content-info p {
margin-bottom: 30px
}
@media (max-width:767px) {
.quiz-to-guide {
border-radius: 0;
margin-left: -20px;
margin-right: -20px;
padding: 60px 20px
}
}
@media (max-width:415px) {
.quiz-to-guide {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px
}
.quiz-to-guide .btn-style-10 {
width: calc(50% - 5px)
}
}
@media (max-width:375px) {
.quiz-to-guide {
margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px
}
.quiz-to-guide h2 {
font-size: 1.4285714286rem
}
.quiz-to-guide-counter {
font-size: 1.0714285714rem
}
.quiz-to-guide-content-info ol,
.quiz-to-guide-content-info p,
.quiz-to-guide-content-info ul {
font-size: 1rem
}
}
.recall {
margin-bottom: 15px
}
.recall-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px 6.6666666667%
}
.recall-content>div:first-child {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 32.0833333333%;
flex-basis: 32.0833333333%
}
.recall-content>div:last-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-grow: 1;
-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;
padding: 20px 44px 20px 0
}
.recall-content p {
font-size: 1.1875rem
}
.recall-content p:last-of-type {
margin-bottom: 0
}
.recall-content p+.recall-name {
margin-top: 22px
}
.recall-img {
min-height: 316px
}
.recall-img .list-img {
border-radius: 10px;
height: 100%
}
.recall-date,
.recall-name {
display: block;
line-height: 1
}
.recall-name {
font-size: .875rem
}
.recall-name+.recall-date {
margin-top: 12px
}
.recall-date {
color: var(--c6);
font-size: .75rem
}
@media (min-width:577px) {
.recall-content {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--c5)), to(var(--c5))), #fff;
background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), #fff;
border-radius: 10px;
overflow: hidden
}
}
@media (max-width:767px) {
.recall-content {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px
}
.recall-content>div:first-child {
-ms-flex-preferred-size: 36.3136176066%;
flex-basis: 36.3136176066%
}
.recall-content p {
font-size: .875rem
}
}
@media (max-width:576px) {
.recall {
margin-bottom: 35px
}
.recall-content>div:first-child {
display: none
}
.recall-content>div:last-child {
padding: 0
}
.recall-content p {
color: var(--c6);
text-align: center
}
.recall-date,
.recall-name {
display: none
}
.case-studies-style-1 .case-studies-content {
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;
row-gap: 18px
}
.case-studies-style-1 .case-studies-content .tag {
margin-bottom: 0
}
.case-studies-style-1 .case-studies-content .tag-style-3+.add-info {
margin-top: 7px
}
.case-studies-style-1 .add-info+.blog-list,
.case-studies-style-1 .add-info+.recall {
margin-top: 0
}
.case-studies-style-1 .add-info h2 {
margin-bottom: 0
}
.case-studies-style-1 .case-studies-add-info {
-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
}
.case-studies-style-1 .case-studies-add-info>div:last-child {
display: none
}
.case-studies-style-3 .case-studies-content .tag {
display: table;
margin-left: auto;
margin-right: auto
}
.case-studies-style-3 .case-studies-content .tag-style-3+.add-info {
margin-top: 7px
}
.case-studies-style-3 .add-info+.blog-list,
.case-studies-style-3 .add-info+.recall {
margin-top: 0
}
.case-studies-style-3 .add-info h2 {
margin-bottom: 18px
}
.case-studies-style-3 .case-studies-add-info {
-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
}
.case-studies-style-3 .case-studies-add-info>div:last-child {
display: none
}
}
.not-found h1 {
text-transform: uppercase
}
.cooming-soon p+.form {
margin-top: 45px
}
@media (max-width:375px) {
.recall-content p {
font-size: 1rem
}
.case-studies-style-2 .case-studies-content>.tag {
display: table;
margin-left: auto;
margin-right: auto
}
}
.why-case-craft-add-info+.why-case-craft-list {
margin-top: 48px
}
.why-case-craft-list .icon path,
.why-case-craft-list .icon svg {
fill: var(--c3)
}
@media (max-width:767px) {
.why-case-craft-content>.tag {
display: table;
margin-left: auto;
margin-right: auto
}
.why-case-craft-add-info h2,
.why-case-craft-add-info p {
text-align: center
}
.why-case-craft-add-info+.why-case-craft-list {
margin-top: 40px
}
.why-case-craft-list-style-1 {
margin-left: auto;
margin-right: auto;
width: min(415px, 100%);
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
}
.process .tag {
display: table;
margin-left: auto;
margin-right: auto
}
.process h2 {
margin-bottom: 38px;
text-align: center
}
.process-list-wrapper {
position: relative
}
.process-list-progressbar {
height: 100%;
position: absolute;
top: 0;
width: 1px
}
.process-list-progressbar span {
background-color: var(--c3);
left: 0;
position: absolute;
top: 0;
width: 1px
}
.desktop-user-agent .process-list-progressbar span {
-webkit-transition: height .3s ease-in-out;
transition: height .3s ease-in-out
}
.process-list-item>strong {
display: block;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
margin-bottom: 20px
}
.process-list-item p,
.process-list-item ul {
color: var(--c6);
font-size: 1.125rem;
margin-bottom: 24px
}
.process-list-item p:last-child,
.process-list-item ul:last-child {
margin-bottom: 0
}
.process-list-item ul:not(.reset-list) li {
padding-left: 26px
}
.process-list-item ul strong {
color: var(--c10);
font-weight: 400
}
.process-list-counter {
color: var(--c24);
font-size: 1.875rem;
font-weight: 500;
line-height: 1;
margin-bottom: 19px;
position: relative;
z-index: 2
}
.process-list-counter span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 30px;
position: absolute;
top: -3px;
width: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--c1);
border: 1px solid var(--c24);
border-radius: 50%;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.process-list-counter span:after {
background-color: var(--c24);
border-radius: 50%;
content: "";
height: 15px;
-webkit-transition: .3s ease-in-out .3s;
transition: .3s ease-in-out .3s;
width: 15px
}
.process-list-counter.active span {
border-color: var(--c3)
}
.process-list-counter.active span:after {
background-color: var(--c3)
}
@media (min-width:768px) {
.process-list {
grid-auto-flow: dense
}
.process-list-counter span {
left: -60px
}
.process-list-progressbar {
left: 50%;
translate: -50% 0
}
.process-list-item:nth-child(4n+2),
.process-list-item:nth-child(4n+3) {
padding-right: 30px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.process-list-item:nth-child(4),
.process-list-item:nth-child(4n+1),
.process-list-item:nth-child(8) {
padding-left: 30px
}
.process-list-item:nth-child(4n+1) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/span 1
}
.process-list-item:nth-child(4n+3) .process-list-counter span {
left: auto;
right: -60px
}
}
@media (max-width:767px) {
.process-list-counter span {
left: -50px
}
.process-list-progressbar {
left: 35px
}
.process-list-item {
padding-left: 70px
}
.process-list-item p,
.process-list-item ul,
.process-list-item>strong {
max-width: 500px
}
.process-list-item>strong {
font-size: 1.25rem
}
.process-list-item p,
.process-list-item ul {
font-size: .875rem;
margin-bottom: 24px
}
}
@media (max-width:375px) {
.process-list-counter span {
left: -45px
}
.process-list-progressbar {
left: 30px
}
.process-list-counter {
font-size: 2.1428571429rem
}
.process-list-item {
padding-left: 60px
}
.process-list-item>strong {
font-size: 1.4285714286rem
}
.process-list-item p,
.process-list-item ul {
font-size: 1rem
}
}
.features h2 {
margin-bottom: 57px;
max-width: 500px
}
.features-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
grid-template-columns: repeat(3, 1fr)
}
.features-list p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3
}
.features-list p:last-of-type {
margin-bottom: 0
}
.features-list-progress {
background-color: rgba(91, 93, 114, .5);
display: block;
height: 1px;
margin-bottom: 15px;
position: relative
}
.features-list-progress i {
background-color: var(--c3);
height: 2px;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 0
}
.features-slider-wrapper {
padding-bottom: 80px
}
.features-slider-wrapper .slider-btn {
bottom: 0
}
.features-slider-wrapper .slider-btn--prev {
left: 0
}
.features-slider-wrapper .slider-btn--next {
left: 54px;
right: auto
}
.features-item {
background-color: var(--c10);
border-radius: 10px;
overflow: hidden
}
.features-item,
.features-item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.features-item-info {
-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;
padding: 45px 20px 40px
}
.features-item-info h3,
.features-item-info p {
max-width: 500px
}
.features-item-info h3 {
color: var(--c1);
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
margin-bottom: 18px
}
.features-item-info p {
color: var(--c5);
font-size: 1.125rem
}
.features-item-info p:last-of-type {
margin-bottom: 0
}
.features-item-info p+.features-item-btns {
margin-top: 40px
}
.features-item-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px
}
@media (min-width:376px) {
.features-item {
-webkit-column-gap: 5%;
-moz-column-gap: 5%;
column-gap: 5%
}
.features-slider-wrapper .swiper-pagination {
display: none
}
}
@media (max-width:1024px) {
.features-list p {
font-size: .875rem
}
}
@media (min-width:768px) {
.features-list+.features-slider-wrapper {
margin-top: 78px
}
.features-item-img {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 44.1666666667%;
flex-basis: 44.1666666667%;
min-height: 430px
}
.features-item-img .list-img {
height: 100%
}
.features-item-info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
@media (max-width:767px) {
.features-list+.features-slider-wrapper {
margin-top: 54px
}
.features-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.features-item-img .list-img {
padding-top: 81.134%
}
}
@media (max-width:576px) {
.features-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
row-gap: 30px
}
.features-list div {
display: none
}
.features-list div.db {
display: block
}
.features-list p {
font-size: 1.25rem
}
.features-list+.features-slider-wrapper {
margin-top: 39px
}
}
@media (max-width:375px) {
.features .tag {
display: table;
margin-left: auto;
margin-right: auto
}
.features h2 {
text-align: center
}
.features-list p {
font-size: 1.4285714286rem
}
.features-slider-wrapper {
margin-left: -10px;
margin-right: -10px;
padding-bottom: 70px
}
.features-slider-wrapper .slider-btn {
left: 50%;
translate: -50% 0
}
.features-slider-wrapper .slider-btn--prev {
margin-left: -27px
}
.features-slider-wrapper .slider-btn--next {
margin-left: 27px
}
.features-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 10px 60px
}
.features-item-img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.features-item-img .list-img {
border-radius: 10px;
padding-top: 112.997%
}
.features-item-info {
padding: 100px 0 40px
}
.features-item-info h3,
.features-item-info p {
text-align: center
}
.features-item-info h3 {
font-size: 2.1428571429rem
}
.features-item-info p {
font-size: 1rem;
margin-left: auto;
margin-right: auto;
max-width: 320px
}
.features-item-btns a {
-ms-flex-preferred-size: calc(50% - 5px);
flex-basis: calc(50% - 5px)
}
}
@media (max-width:320px) {
.features-item-btns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 10px
}
.features-item-btns a {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
}
.small-claims-resolution {
overflow: hidden
}
.small-claims-resolution h2 {
margin-bottom: 55px;
margin-left: auto;
margin-right: auto;
max-width: 694px;
text-align: center
}
.small-claims-resolution-list {
display: -ms-grid;
display: grid;
gap: 40px 20px
}
.small-claims-resolution-list .list-item {
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;
border-radius: 10px;
justify-content: center;
row-gap: 30px
}
.small-claims-resolution-list .list-item>div:not(.spline-viewer-wrapper) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 30px
}
.small-claims-resolution-list .list-item .icon-style-2 .dotlottie-wrapper {
height: 46px;
width: 46px
}
.small-claims-resolution-list .list-item p,
.small-claims-resolution-list .list-item strong {
max-width: 500px
}
.small-claims-resolution-list .list-item .icon+strong {
padding-top: 15px
}
.small-claims-resolution-list .list-item strong {
display: block;
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3
}
.small-claims-resolution-list .list-item p {
color: var(--c6);
font-size: 1.125rem;
line-height: 1.4
}
.small-claims-resolution-list .list-item p:last-of-type {
margin-bottom: 0
}
.small-claims-resolution-list .list-item p+div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 4px
}
@media (min-width:768px) {
.small-claims-resolution-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.small-claims-resolution-list .list-item {
padding: 90px 40px
}
.small-claims-resolution-list .list-item:nth-child(4n+2),
.small-claims-resolution-list .list-item:nth-child(4n+3) {
background-color: var(--c5);
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.small-claims-resolution-list .list-item:nth-child(4n+2):after,
.small-claims-resolution-list .list-item:nth-child(4n+3):before {
background-color: var(--c5);
content: "";
height: 100%;
position: absolute;
top: 0
}
.small-claims-resolution-list .list-item:nth-child(4n+2) {
border-radius: 10px 0 0 10px
}
.small-claims-resolution-list .list-item:nth-child(4n+2):after {
border-radius: 0 10px 10px 0;
left: 100%;
width: calc(50vw - 720px)
}
.small-claims-resolution-list .list-item:nth-child(4n+3) {
border-radius: 0 10px 10px 0
}
.small-claims-resolution-list .list-item:nth-child(4n+3):before {
border-radius: 10px 0 0 10px;
left: calc(-50vw + 720px);
width: calc(50vw - 700px)
}
.small-claims-resolution-list .list-item:nth-child(4n+1),
.small-claims-resolution-list .list-item:nth-child(4n+4) {
background-color: var(--c1);
padding-left: 14.4927536232%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.simplifying-legal-process-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:767px) {
.small-claims-resolution-content h2 {
margin-bottom: 0
}
.small-claims-resolution-list .list-item {
padding: 80px 40px
}
.small-claims-resolution-list .list-item:nth-child(2),
.small-claims-resolution-list .list-item:nth-child(3) {
background-color: var(--c5)
}
.small-claims-resolution-list .list-item:nth-child(3) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media (max-width:576px) {
.small-claims-resolution-list .list-item {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:415px) {
.small-claims-resolution-list .list-item {
padding-left: 20px;
padding-right: 20px
}
}
.parallax-wrapper {
overflow: hidden
}
.parallax {
background: url(//casecraft.ai/wp-content/themes/casecraft/assets/img/bg-3.svg) 50% 100%/auto 100% no-repeat;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%
}
.simplifying-legal-proces-style-2 {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--c5)), to(var(--c5))), var(--c5);
background: linear-gradient(0deg, var(--c5) 0, var(--c5) 100%), var(--c5)
}
@media (max-width:767px) {
.simplifying-legal-process-list-item {
padding-left: 40px;
padding-right: 40px
}
}
@media (max-width:415px) {
.simplifying-legal-process-list-item {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:375px) {
.small-claims-resolution-list {
row-gap: 10px
}
.small-claims-resolution-list .list-item {
padding-bottom: 60px;
padding-top: 60px
}
.small-claims-resolution-list .list-item strong {
font-size: 1.7857142857rem
}
.small-claims-resolution-list .list-item p {
font-size: 1rem
}
.small-claims-resolution-list .list-item .btn-style-1 {
min-width: 144px
}
.simplifying-legal-process-content h2 {
margin-bottom: 36px
}
.simplifying-legal-process-content h2~p {
font-size: 1rem;
font-weight: 400
}
.simplifying-legal-process-content .tag {
margin-bottom: 22px
}
.simplifying-legal-process-content+.simplifying-legal-process-list {
margin-top: 40px
}
.simplifying-legal-process-btns {
padding-top: 40px
}
.simplifying-legal-process-list-item {
padding: 57px 20px 60px
}
.simplifying-legal-process-list-item h3 {
font-size: 1.7857142857rem;
margin-bottom: 12px
}
.simplifying-legal-process-list-item p {
font-size: 1rem
}
}
@media (max-width:320px) {
.simplifying-legal-process-list-item,
.small-claims-resolution-list .list-item {
padding-left: 10px;
padding-right: 10px
}
}
.case-studies-add-info+.case-studies-slider-wrapper {
margin-top: 58px
}
.case-studies-slider-wrapper {
padding-bottom: 90px
}
.case-studies-slider-wrapper .slider-btn {
bottom: 0
}
.case-studies-slider-wrapper .slider-btn--prev {
left: calc(50% - 53px)
}
.case-studies-slider-wrapper .slider-btn--next {
right: calc(50% - 53px)
}
.case-studies-slider {
min-width: 100%;
width: 0
}
@media (max-width:375px) {
.case-studies-slider-wrapper {
padding-bottom: 70px
}
.case-studies-add-info+.case-studies-slider-wrapper {
margin-top: 40px
}
}
.reviews-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 27px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
background-color: var(--c5);
border-radius: 10px;
justify-content: space-between;
padding: 42px 10.2564102564% 45px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.reviews-list-item:hover {
background-color: var(--c34)
}
.reviews-list-item-blockquote {
font-size: 1.125rem;
line-height: 1.4;
margin-bottom: 0
}
.reviews-list-item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.reviews-list-item-info>div:first-child {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 65px;
flex-basis: 65px
}
.reviews-list-item-info>div:last-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.reviews-list-item-info .list-img {
border-radius: 50%;
padding-top: 100%
}
.reviews-list-item-info p,
.reviews-list-item-info span {
font-size: .875rem;
line-height: 1
}
.reviews-list-item-info span {
display: block
}
.reviews-list-item-info span+p {
margin-top: 10px
}
.reviews-list-item-info p {
color: var(--c25);
margin-bottom: 0
}
@media (max-width:1200px) {
.reviews-list-item {
padding-left: 11.0192837466%;
padding-right: 11.0192837466%
}
}
@media (max-width:1024px) {
.reviews-list-item {
padding-left: 13.1578947368%;
padding-right: 13.1578947368%
}
}
@media (max-width:767px) {
.reviews-list-item {
padding: 39px 10.2389078498%;
row-gap: 45px
}
.reviews-list-item-blockquote {
font-size: .875rem
}
}
@media (max-width:576px) {
.reviews-list-item {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:375px) {
.reviews-list-item {
padding-bottom: 48px;
padding-top: 48px;
row-gap: 24px
}
.reviews-list-item-info>div:first-child {
-ms-flex-preferred-size: 50px;
flex-basis: 50px
}
.reviews-list-item-blockquote,
.reviews-list-item-info p,
.reviews-list-item-info span {
font-size: 1rem
}
}
@media (max-width:320px) {
.reviews-list-item {
padding-left: 10px;
padding-right: 10px
}
}
.pagination-navigation-content {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between
}
.navigation,
.pagination {
-webkit-column-gap: 2px;
-moz-column-gap: 2px;
column-gap: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.navigation-btn,
.pagination-btn {
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;
background-color: var(--c1);
border-radius: 5px;
color: var(--cb);
cursor: pointer;
height: 50px;
padding: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 50px
}
.pagination-btn {
border: 1px solid var(--c29);
font: 600 .875rem/1 var(--f4);
letter-spacing: -.21px
}
.pagination-btn:hover {
background-color: var(--c29)
}
.pagination-btn.pagination-btn-active {
background-color: var(--c10);
color: var(--c1)
}
.navigation-btn {
border: 1px solid var(--c24)
}
.navigation-btn svg {
height: 16px;
width: 18px;
fill: currentColor
}
.navigation-btn:hover {
background-color: var(--c24)
}
.build-with-privacy {
background: var(--c10) url(//casecraft.ai/wp-content/themes/casecraft/assets/img/built-with-privacy.svg) no-repeat calc(207px + 50%) calc(100% + 15px);
padding-bottom: 80px;
padding-top: 108px
}
.build-with-privacy-content .tag+p {
margin-top: 43px
}
.build-with-privacy-content p {
color: var(--c1);
font-size: 1.875rem;
font-weight: 500;
line-height: 1.3;
max-width: 782px
}
.build-with-privacy-content p:last-of-type {
margin-bottom: 0
}
.build-with-privacy-content p+.build-with-privacy__icons {
margin-top: 52px
}
.build-with-privacy__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px
}
.build-with-privacy__icons .list-img-2 {
background-color: var(--c36);
border-radius: 10px;
padding-top: 96.27%;
width: 107px
}
.build-with-privacy__icons .list-img-2 div {
bottom: 10px;
left: 10px;
right: 10px;
top: 10px
}
@media (max-width:1200px) {
.build-with-privacy {
background-position: 100% 100%
}
}
@media (max-width:767px) {
.build-with-privacy-content p {
font-size: 1.5625rem
}
}
@media (max-width:375px) {
.build-with-privacy {
background: var(--cb);
padding-top: 80px
}
.build-with-privacy-content .tag+p {
margin-top: 15px
}
.build-with-privacy-content p {
font-size: 1.7857142857rem
}
.build-with-privacy-content p+.build-with-privacy__icons {
margin-top: 37px
}
.build-with-privacy__icons {
gap: 10px
}
.build-with-privacy__icons .list-img-2 {
width: 64px
}
}
@media (max-width:320px) {
.build-with-privacy-content p {
font-size: 1.4285714286rem
}
}
.how-it-works h2 {
margin-bottom: 57px
}
.how-it-works-img {
border-radius: 5px;
overflow: hidden
}
.how-it-works-img img {
cursor: -webkit-zoom-in;
cursor: zoom-in;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.how-it-works-img img:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
@media (max-width:767px) {
.how-it-works .content {
row-gap: 20px
}
.how-it-works h2 {
margin-bottom: 45px
}
.how-it-works-img-list {
display: none
}
}
.claims-system {
background-color: var(--c5);
border-radius: 5px;
padding-bottom: 77px;
padding-top: 79px
}
.claims-system h2 {
text-align: center
}
.claims-system h2+p {
margin-top: -2px
}
.claims-system h2~p {
color: var(--c6);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
margin-left: auto;
margin-right: auto;
max-width: 718px;
text-align: center
}
.claims-system h2~p:last-of-type {
margin-bottom: 0
}
.claims-system h2~p+.claims-system-list {
margin-top: 72px
}
.claims-system-list {
text-align: center
}
.claims-system-list-item>div {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-size: 2.8125rem;
font-weight: 500;
line-height: 1 !important
}
.claims-system-list-item>div>i:not(:empty),
.claims-system-list-item>div>span:not(.claims-system-list__decor) {
display: inline-block
}
.claims-system-list-item>div>i:not(:empty) {
color: rgba(91, 93, 114, .5);
font-style: normal
}
.claims-system-list-item>div+p {
margin-top: 14px
}
.claims-system-list-item p {
color: var(--c6);
font-size: 1.125rem;
margin-bottom: 0
}
@media (min-width:768px) {
.how-it-works-img-list-item {
display: none
}
.how-it-works-img-list-item.db {
display: block
}
.claims-system-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
gap: 30px 20px;
justify-content: space-between
}
.claims-system-list>div:not(:first-child) {
position: relative
}
.claims-system-list__decor {
background-color: var(--c23);
bottom: 5px;
height: 88px;
opacity: 0;
pointer-events: none;
position: absolute;
width: 1px
}
}
@media (max-width:767px) {
.claims-system {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 83px
}
.claims-system-list {
display: -ms-grid;
display: grid;
gap: 100px 30px
}
.claims-system-list>div:nth-child(odd) {
position: relative
}
.claims-system-list>div:nth-child(odd):after {
background-color: var(--c23);
content: "";
pointer-events: none;
position: absolute
}
.faqs h2~p {
max-width: 365px
}
}
@media (min-width:416px) and (max-width:767px) {
.claims-system-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.claims-system-list>div:nth-child(odd):after {
height: 88px;
left: calc(100% + 15px);
top: 50%;
translate: 0 -50%;
width: 1px
}
}
@media (max-width:415px) {
.claims-system-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
row-gap: 60px
}
.claims-system-list>div:nth-child(odd):after {
height: 1px;
top: 50%;
top: calc(100% + 15px);
translate: -50% 0;
width: 88px
}
}
@media (max-width:375px) {
.claims-system {
padding-bottom: 60px;
padding-top: 60px
}
.claims-system h2~p {
font-size: 1.2857142857rem
}
.claims-system h2~p+.claims-system-list {
margin-top: 43px
}
.claims-system-list span:not(.claims-system-list__decor) {
font-size: 2.5rem
}
.claims-system-list p {
font-size: 1.2857142857rem
}
}
@media (max-width:320px) {
.claims-system {
margin-left: 10px;
margin-right: 10px
}
.claims-system h2~p {
font-size: 1.1428571429rem
}
.claims-system-list span:not(.claims-system-list__decor) {
font-size: 1.7857142857rem
}
.claims-system-list p {
font-size: 1.1428571429rem
}
}
.blog-add-info+.list-style-1 {
margin-top: 58px
}
@media (max-width:576px) {
.blog-content>.tag {
display: table;
margin-bottom: 38px;
margin-left: auto;
margin-right: auto
}
.blog-add-info {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.blog-add-info>div:last-child {
display: none
}
.blog-add-info h2 {
margin-bottom: 0
}
.blog-add-info+.list-style-1 {
margin-top: 40px
}
}
.faqs h2~p {
color: var(--c6);
font-size: 1.125rem
}
.faqs h2~p:last-of-type {
margin-bottom: 0
}
.faqs-accordion>div:not(.item-visible):nth-child(1n+6) {
display: none
}
.faqs-accordion+.btn {
margin-top: 20px
}
.ai-powered-platform {
background-color: var(--c5);
padding-bottom: 140px;
padding-top: 140px
}
.ai-powered-platform-content {
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: 50px 20px
}
.ai-powered-platform-content p {
font: 1.375rem var(--f2);
max-width: 560px
}
.ai-powered-platform-content p:last-of-type {
margin-bottom: 0
}
.ai-powered-platform-content p+.btn {
margin-top: 22px
}
@media (min-width:641px) {
.ai-powered-platform-content {
-webkit-column-gap: 34px;
-moz-column-gap: 34px;
column-gap: 34px
}
.ai-powered-platform-content>div {
-ms-flex-preferred-size: calc(50% - 17px);
flex-basis: calc(50% - 17px)
}
}
@media (min-width:768px) {
.ai-powered-platform-content h2 {
font-size: 2.8125rem
}
}
@media (min-width:641px) and (max-width:767px) {
.ai-powered-platform-content {
-webkit-column-gap: 34px;
-moz-column-gap: 34px;
column-gap: 34px
}
.ai-powered-platform-content>div {
-ms-flex-preferred-size: calc(50% - 17px);
flex-basis: calc(50% - 17px)
}
.ai-powered-platform-content p {
font-weight: 500
}
}
@media (max-width:767px) {
.ai-powered-platform {
padding-bottom: 80px;
padding-top: 80px
}
.ai-powered-platform-content p {
font-size: 1.125rem
}
}
@media (max-width:640px) {
.ai-powered-platform-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 65px
}
.ai-powered-platform-content>div:first-child {
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
}
.ai-powered-platform-content h2,
.ai-powered-platform-content p {
text-align: center
}
.ai-powered-platform-content p {
font-size: .875rem;
max-width: 345px
}
.ai-powered-platform-content p+.btn {
margin-top: 43px
}
}
@media (max-width:375px) {
.faqs h2~p {
font-size: .8571428571rem
}
.faqs-accordion+.btn {
margin-top: 10px
}
.ai-powered-platform-content p {
font-size: 1rem
}
}
.experts-add-info {
row-gap: 42px
}
.experts-add-info+.experts-list {
margin-top: 58px
}
.experts-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
gap: 40px 10px;
grid-template-columns: repeat(4, 1fr)
}
.experts-list-photo {
margin-bottom: 10px;
position: relative
}
.experts-list-photo .list-img {
border-radius: 10px;
padding-top: 119.66%
}
.experts-list-photo .list-img:after {
background: -webkit-gradient(linear, left top, left bottom, color-stop(63.73%, rgba(23, 27, 43, 0)), color-stop(81.45%, rgba(23, 27, 43, .34)), to(#171b2b));
background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, .34) 81.45%, #171b2b);
content: "";
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%
}
.experts-list-photo span {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' fill='none' viewBox='0 0 15 14'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.5' d='M7.5.5v13M1 6.96h13'/%3E%3C/svg%3E") 100% 50% no-repeat;
bottom: 28px;
color: var(--c1);
left: 30px;
line-height: 1;
opacity: 0;
padding-right: 24px;
pointer-events: none;
position: absolute;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
z-index: 2
}
.experts-list-modal-btn {
cursor: pointer
}
.experts-list-modal-btn li span,
.experts-list-modal-btn p {
color: var(--c32)
}
.experts-list-modal-btn p {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3
}
.experts-list-modal-btn p:last-of-type {
margin-bottom: 0
}
.experts-list-modal-btn p+ul {
margin-top: 4px
}
.experts-list-modal-btn ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 10px
}
.experts-list-modal-btn li {
color: rgba(91, 93, 114, .5);
font-weight: 700;
line-height: 1
}
.experts-list-modal-btn+.s_ocial {
margin-top: 9px
}
.experts-list-modal-btn:hover .experts-list-photo span {
opacity: 1
}
.experts-list-modal-btn:hover .experts-list-photo .list-img:after {
border-radius: 10px;
opacity: 1
}
.experts-dialog .list-img {
border-radius: 10px;
padding-top: 119.865%
}
.experts-dialog .list-img+.s_ocial {
margin-top: 14px
}
.experts-dialog .tag {
margin-bottom: 21px
}
.experts-dialog h2 {
margin-bottom: 16px
}
.experts-dialog h2+strong {
color: rgba(91, 93, 114, .5);
display: block;
font-weight: 700;
line-height: 1
}
.experts-dialog h2+strong+p {
margin-top: 21px
}
.experts-dialog p {
color: var(--c6);
font-size: .875rem
}
.experts-dialog p:last-of-type {
margin-bottom: 0
}
@media (max-width:1024px) {
.experts-list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
}
@media (max-width:767px) {
.experts-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.experts-dialog .dialog-content-aside {
display: none
}
.experts-dialog .dialog-content-main h2+strong+.dialog-content-aside {
display: block;
margin-bottom: 38px;
margin-top: 38px
}
}
@media (max-width:375px) {
.experts-add-info {
row-gap: 20px
}
.experts-add-info h2,
.experts-add-info p {
text-align: center
}
.experts-add-info .tag {
display: table;
margin-left: auto;
margin-right: auto
}
.experts-add-info+.experts-list {
margin-top: 40px
}
.experts-list {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.experts-list-modal-btn p {
font-size: 1.4285714286rem
}
.experts-dialog p {
font-size: 1rem
}
}
.download-logo-list {
display: -ms-grid;
display: grid;
gap: 40px 10px
}
@media (min-width:501px) {
.download-logo-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
.download-logo-list-item-img {
background-color: var(--c5);
border-radius: 5px;
padding-top: 250px
}
.download-logo-list-item-img div {
bottom: 20px;
left: 15px;
right: 15px;
top: 20px
}
.download-logo-list-item-img+.btn {
margin-top: 20px
}
.article-preview+.article {
margin-top: 64px
}
.article h1 {
font-size: 2.1875rem;
line-height: 1.3
}
.article h2 {
font-size: 1.125rem;
font-weight: 600;
line-height: 1.4
}
.article img,
.article picture {
border-radius: 10px
}
.article ol:last-child,
.article p:last-child,
.article ul:last-child {
margin-bottom: 0
}
.article-style-1 {
max-width: 750px
}
.article-style-2 h1 {
margin-bottom: 17px
}
.article-style-2 img,
.article-style-2 picture {
margin-bottom: 60px
}
.article-style-2 picture img {
margin-bottom: 0
}
.article-style-2 ol,
.article-style-2 p,
.article-style-2 ul {
color: var(--c7)
}
.article-style-2 ol+img,
.article-style-2 ol+picture,
.article-style-2 p+img,
.article-style-2 p+picture,
.article-style-2 ul+img,
.article-style-2 ul+picture {
padding-top: 40px
}
.article-style-2 ol+picture img,
.article-style-2 p+picture img,
.article-style-2 ul+picture img {
padding-top: 0
}
.article-style-2 h2 {
font-size: 1.25rem
}
.article-preview-info {
bottom: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 30px;
position: absolute;
right: 30px;
top: 30px;
z-index: 2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.article-preview-info .tag {
margin-bottom: 13px
}
.article-preview-info h1 {
color: var(--c1);
font-size: 2.1875rem;
line-height: 1.3;
margin-bottom: 9px;
max-width: 580px
}
.article-preview {
position: relative
}
.article-preview:after {
background: -webkit-gradient(linear, left top, left bottom, color-stop(63.73%, rgba(23, 27, 43, 0)), color-stop(81.45%, rgba(23, 27, 43, .34)), to(#171b2b));
background: linear-gradient(180deg, rgba(23, 27, 43, 0) 63.73%, rgba(23, 27, 43, .34) 81.45%, #171b2b);
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.article-preview-img {
border-radius: 10px;
padding-top: 62.667%
}
.article-preview-add {
-webkit-column-gap: 9px;
-moz-column-gap: 9px;
column-gap: 9px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.article-preview-add span {
display: inline-block
}
.article-preview-add span:not(.article-preview-add-decor) {
color: var(--c1);
font: 700 .875rem/1 var(--f1);
letter-spacing: -.42px
}
.article-preview-add-decor {
background-color: var(--c1);
border-radius: 50%;
height: 3px;
width: 3px
}
.article-info {
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: 100%;
row-gap: 40px
}
.article-info h2 {
color: var(--c30);
font-size: 1.25rem;
margin-bottom: 19px
}
.article-info-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 10px
}
.article-info-list a {
border-left: 3px solid transparent;
color: var(--c6);
display: block;
line-height: 1.4;
padding: 9px 17px 10px
}
.article-info-list a.active,
.article-info-list a:hover {
border-color: var(--c3);
color: var(--cb)
}
.article-info-social {
background-color: var(--cb);
border-radius: 5px;
padding: 20px
}
.article-info-social strong {
color: var(--c1);
display: block;
font-weight: 600;
line-height: 1.2;
margin-bottom: 10px
}
.article-info-social .s_ocial a,
.article-info-social .s_ocial li {
height: 30px;
width: 30px
}
@media (max-width:375px) {
.article h1 {
font-size: 1.7857142857rem
}
.article h2 {
font-size: 1.4285714286rem
}
.article-style-2 img,
.article-style-2 picture {
margin-bottom: 42px
}
.article-style-2 ol+img,
.article-style-2 ol+picture,
.article-style-2 p+img,
.article-style-2 p+picture,
.article-style-2 ul+img,
.article-style-2 ul+picture {
padding-top: 20px
}
.article-preview+.article {
margin-top: 76px
}
.article-preview-img {
padding-top: 145%
}
.article-preview-info {
bottom: 60px
}
.article-preview-info h1 {
font-size: 2.5rem
}
.article-info h2,
.article-style-2 h2 {
font-size: 1.4285714286rem
}
.article-info-list a {
font-size: 1.1428571429rem
}
.article-preview-add span:not(.article-preview-add-decor) {
font-size: 1rem
}
}
@media (max-width:360px) {
.article-preview-info {
left: 20px;
right: 20px;
top: 20px
}
}
@media (max-width:320px) {
.article h1 {
font-size: 1.5714285714rem
}
.article h2 {
font-size: 1.2857142857rem
}
.article-preview-info {
left: 10px;
right: 10px
}
.article-preview-info h1 {
font-size: 1.7857142857rem
}
.article-info h2,
.article-style-2 h2 {
font-size: 1.2857142857rem
}
.article-info-list a {
font-size: 1rem
}
}
.information {
background-color: var(--c5);
margin-left: 20px;
margin-right: 20px;
padding-bottom: 70px;
padding-top: 70px
}
.information-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.information-img .list-img {
border-radius: 10px
}
.information-img-list svg {
height: 35px;
fill: var(--c3)
}
.information-img-list .icon-security svg {
width: 34px
}
.information-img-list .icon-empowerment svg {
width: 33px
}
.information-img-list .icon-accessibility svg {
width: 35px
}
.information-img-list .icon-innovation svg {
width: 34px
}
@media (min-width:768px) {
.information-content {
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px
}
.information-img {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 47.5%;
flex-basis: 47.5%
}
.information-img .list-img {
height: 100%
}
.information-info {
padding-bottom: 16px;
padding-top: 22px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
}
@media (max-width:767px) {
.information {
padding-bottom: 20px;
padding-top: 20px
}
.information-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 70px
}
.information-img .list-img {
padding-top: 65.56%
}
}
@media (max-width:415px) {
.information {
margin-left: 15px;
margin-right: 15px
}
}
@media (max-width:375px) {
.information {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 35px;
padding-top: 40px
}
}
.as-seen-in {
background-color: var(--c5);
border-radius: 10px;
padding-bottom: 80px;
padding-top: 70px
}
.as-seen-in-content h2,
.as-seen-in-content p {
text-align: center
}
.as-seen-in-content h2 {
font-size: 2.8125rem;
margin-bottom: 17px
}
.as-seen-in-content p {
color: var(--c6);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.3;
margin-left: auto;
margin-right: auto;
max-width: 718px
}
.as-seen-in-content p:last-of-type {
margin-bottom: 0
}
.as-seen-in-content p+.as-seen-in-list {
margin-top: 64px
}
.as-seen-in-list {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px
}
@media (min-width:1231px) {
.info-style-7 .info-content>div:last-child {
padding-right: 7.5630252101%
}
.as-seen-in-list {
padding-left: 24px;
padding-right: 24px
}
}
@media (max-width:767px) {
.as-seen-in-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
gap: 40px 50px;
justify-content: center
}
.as-seen-in-content p {
max-width: 490px
}
}
@media (max-width:375px) {
.as-seen-in-content h2 {
font-size: 2.5rem
}
.as-seen-in-content p {
font-size: 1.1428571429rem
}
.as-seen-in-content p+.as-seen-in-list {
margin-top: 40px
}
}
@media (max-width:360px) {
.as-seen-in-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width:320px) {
.as-seen-in-content h2 {
font-size: 2.1428571429rem
}
.as-seen-in-content p {
font-size: 1rem
}
}
.for-companies-content {
background-color: var(--cb);
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden
}
.for-companies-info .tag {
margin-bottom: 21px
}
.for-companies-info h2,
.for-companies-info p {
max-width: 500px
}
.for-companies-info h2 {
color: var(--c1)
}
.for-companies-info p {
color: var(--c5);
font-size: 1.125rem
}
.for-companies-info p:last-of-type {
margin-bottom: 0
}
.for-companies-info p+.btn {
margin-top: 36px
}
@media (min-width:768px) {
.for-companies-content {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
padding-left: 30px
}
.for-companies-img {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 44.1666666667%;
flex-basis: 44.1666666667%
}
.for-companies-img .list-img {
height: 100%
}
.for-companies-info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-bottom: 53px;
padding-top: 53px
}
}
@media (max-width:767px) {
.for-companies .container {
padding-left: 0;
padding-right: 0
}
.for-companies-content {
padding: 40px 20px 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 60px
}
.for-companies-img .list-img {
border-radius: 10px;
padding-top: 62.646%
}
}
@media (max-width:415px) {
.for-companies-content {
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width:375px) {
.for-companies-content {
padding-left: 10px;
padding-right: 10px;
row-gap: 40px
}
.for-companies-info {
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
}
.for-companies-info .tag {
margin-bottom: 38px
}
.for-companies-info h2,
.for-companies-info p {
text-align: center
}
.for-companies-info p {
font-size: 1rem;
max-width: 320px
}
.for-companies-img .list-img {
padding-top: 112.87%
}
}
.our-culture-values-content p {
color: var(--c6);
font-size: .875rem;
max-width: 380px
}
.our-culture-values-content p:last-of-type {
margin-bottom: 0
}
.our-culture-values-content p+.btn {
margin-top: 18px
}
.our-culture-values-list .icon path {
fill: var(--c3)
}
@media (max-width:767px) {
.our-culture-values-content {
row-gap: 57px
}
.our-culture-values-content p {
max-width: 350px
}
}
@media (max-width:375px) {
.our-culture-values-content p {
font-size: 1rem
}
}
footer {
background: #171b2b;
padding-bottom: 60px;
padding-top: 58px
}
@media (max-width:1201px) {
footer {
padding-bottom: 56px
}
}
.footer-top {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px
}
.footer-top p {
color: var(--c1);
line-height: 1.4;
margin-bottom: 0
}
.footer-logo-company {
color: var(--c1);
height: 54px;
width: 230px
}
@media (min-width:1201px) {
.footer-top {
padding-bottom: 56px
}
.footer-top p {
font-size: 1.125rem;
max-width: 558px
}
}
@media (max-width:1200px) {
footer {
padding-bottom: 60px
}
.footer-top>div:last-child {
-ms-flex-preferred-size: 30.2678571429%;
flex-basis: 30.2678571429%;
padding-left: 15px
}
.footer-top p {
font-size: .875rem;
max-width: 285px
}
}
@media (max-width:1024px) {
.footer-top>div:last-child {
-ms-flex-preferred-size: 35.9110169492%;
flex-basis: 35.9110169492%
}
}
@media (max-width:767px) {
.footer-top>div:last-child {
-ms-flex-preferred-size: 46.3548830812%;
flex-basis: 46.3548830812%
}
}
@media (max-width:640px) {
footer {
padding-top: 34px
}
.footer-top {
padding-bottom: 37px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 37px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.footer-top>div:last-child {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 0
}
.footer-top p {
font-size: 1.25rem;
font-weight: 500;
max-width: 345px
}
}
.footer-middle {
display: -ms-grid;
display: grid;
gap: 20px
}
.footer-info h3 {
color: var(--c1);
font: 700 1rem/1 var(--f1);
margin-bottom: 0;
line-height: 1.3;
}
.footer-info h3 a {
color: inherit;
display: inline-block
}
.footer-info h3 a:hover {
color: var(--c3)
}
.footer-info h3+ul {
margin-top: 24px
}
.footer-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.footer-info ul a {
color: var(--c8);
display: inline-block;
line-height: 1
}
.footer-info ul a:hover {
color: var(--c1)
}
.footer-middle-bl-5 h3 {
color: var(--c1);
font: 400 1.375rem/1.25 var(--f2);
margin-bottom: 0
}
.footer-middle-bl-5 h3+p {
color: var(--c8);
font-size: .875rem;
line-height: 1.35;
margin-bottom: 0;
margin-top: 22px
}
.footer-middle-bl-5 p+.form {
margin-top: 23px
}
@media (min-width:1201px) {
.footer-middle {
-ms-grid-columns: 1fr 1fr 1fr 1fr 32.5%;
border-top: 1px solid var(--c12);
grid-template-columns: 1fr 1fr 1fr 1fr 32.5%;
padding-bottom: 90px;
padding-top: 50px
}
.footer-info ul {
row-gap: 15px
}
.footer-info ul a {
font-size: .875rem
}
.footer-middle-bl-5 {
padding-left: 10.7692307692%
}
}
@media (max-width:1200px) {
.footer-middle {
-ms-grid-columns: 1fr 4.0178571429% 1fr 4.0178571429% 30.2678571429%;
gap: 65px 4.0178571429%;
grid-template-columns: 1fr 1fr 30.2678571429%;
padding-bottom: 62px;
padding-top: 63px
}
.footer-info h3 {
font-size: .875rem
}
.footer-info ul {
row-gap: 11px
}
.footer-info ul a {
font-size: .75rem
}
}
@media (min-width:641px) and (max-width:1200px) {
.footer-middle-bl-5 {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/span 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/span 2;
padding-left: 15px
}
}
@media (max-width:1024px) {
.footer-middle {
-ms-grid-columns: 1fr 4.7669491525% 1fr 4.7669491525% 35.9110169492%;
-webkit-column-gap: 4.7669491525%;
-moz-column-gap: 4.7669491525%;
column-gap: 4.7669491525%;
grid-template-columns: 1fr 1fr 35.9110169492%
}
}
@media (max-width:767px) {
.footer-middle {
-ms-grid-columns: 150px 6.1898211829% 150px 6.1898211829% 1fr;
-webkit-column-gap: 6.1898211829%;
-moz-column-gap: 6.1898211829%;
column-gap: 6.1898211829%;
grid-template-columns: repeat(2, 150px) 1fr
}
}
@media (max-width:640px) {
.footer-middle {
-ms-grid-columns: 37.6% 20px 1fr;
border-top: 1px solid var(--c8);
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
grid-template-columns: 37.6% 1fr;
padding-top: 70px
}
.footer-middle-bl-5 {
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/-1;
grid-row: 1/span 1
}
.footer-middle-bl-5 h3 {
font-size: 1.25rem
}
.footer-middle-bl-5 h3+p {
font-size: .75rem
}
}
@media (min-width:361px) and (max-width:640px) {
.footer-info h3 {
font-size: 1rem
}
.footer-info ul a {
font-size: .875rem
}
}
@media (max-width:320px) {
.footer-info h3 {
font-size: .75rem
}
.footer-info ul a {
font-size: .625rem
}
}
.footer-accordion-list {
display: -ms-grid;
display: grid;
gap: 65px 20px
}
@media (min-width:1201px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[4] 32.5%;
grid-template-columns: repeat(4, 1fr) 32.5%
}
.footer-add {
padding-top: 50px
}
}
@media (max-width:1200px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[4] 30.2678571429%;
grid-template-columns: repeat(4, 1fr) 30.2678571429%
}
}
@media (max-width:1024px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr)
}
}
@media (max-width:767px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
}
@media (max-width:640px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
}
@media (max-width:576px) {
.footer-accordion-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
}
.footer-add {
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;
border-top: 1px solid var(--c12);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 20px
}
.footer__copyright p {
color: var(--c8);
font-size: .875rem;
line-height: 1.4
}
.footer__copyright p:last-child {
margin-bottom: 0
}
@media (max-width:1200px) {
.footer-add {
padding-top: 60px
}
}
@media (max-width:640px) {
.footer-add {
border-top: 1px solid var(--c8)
}
footer .accordion-style-1 .accordion__btn {
border-top-color: var(--c8);
font-size: .875rem
}
.footer__copyright p {
font-size: .625rem;
font-weight: 600;
max-width: 160px
}
}
.dialog {
background-color: var(--c5);
border: none;
border-radius: 10px;
-webkit-box-shadow: none;
box-shadow: none;
max-height: calc(100dvh - 40px);
overflow-y: auto;
overscroll-behavior-y: contain;
padding: 40px;
text-align: left;
-webkit-transition: .3s ease-in-out .1s;
transition: .3s ease-in-out .1s;
width: min(1048px, 100%)
}
.dialog[open] {
-webkit-animation: dialogShow .3s ease-in-out;
animation: dialogShow .3s ease-in-out
}
.dialog[open]::-ms-backdrop {
background-color: rgba(23, 27, 43, .3)
}
.dialog[open]::backdrop {
background-color: rgba(23, 27, 43, .3)
}
.dialog.dialog--hide {
-webkit-animation: dialogHide .3s ease-in-out;
animation: dialogHide .3s ease-in-out
}
@-webkit-keyframes dialogShow {
0% {
opacity: 0;
scale: 0;
visibility: hidden
}
to {
opacity: 1;
scale: 1;
visibility: visible
}
}
@keyframes dialogShow {
0% {
opacity: 0;
scale: 0;
visibility: hidden
}
to {
opacity: 1;
scale: 1;
visibility: visible
}
}
@-webkit-keyframes dialogHide {
0% {
opacity: 1;
scale: 1;
visibility: visible
}
to {
opacity: 0;
scale: 0;
visibility: hidden
}
}
@keyframes dialogHide {
0% {
opacity: 1;
scale: 1;
visibility: visible
}
to {
opacity: 0;
scale: 0;
visibility: hidden
}
}
.modal__close {
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;
background: 0 0;
border: 1px solid var(--c9);
border-radius: 5px;
color: var(--c3);
cursor: pointer;
height: 36px;
padding: 0;
position: absolute;
right: 40px;
top: 40px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 36px;
z-index: 2
}
.modal__close:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0
}
.modal__close svg {
height: 9px;
margin-top: 1px;
width: 9px;
fill: var(--cb);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.modal__close:hover {
background-color: var(--c9)
}
@media (max-width:768px) {
.dialog {
max-height: calc(100dvh - 20px);
padding-left: 20px;
padding-right: 20px
}
.modal__close {
right: 20px;
top: 20px
}
}
@media (max-width:415px) {
.dialog {
max-height: calc(100dvh - 15px);
padding-left: 15px;
padding-right: 15px
}
.modal__close {
right: 15px;
top: 15px
}
}
.dialog-style-1 {
border-radius: 10px;
width: min(780px, 100%)
}
.dialog-style-1 section>h3,
.dialog-style-1 section>p {
color: var(--cb);
font-size: 1.375rem;
margin-bottom: 34px;
max-width: 548px
}
.dialog-style-1 section>h3 {
font-weight: 600;
margin-bottom: 3px
}
.dialog-style-1 section>h3~p:empty {
display: none;
margin-bottom: 0
}
.dialog-style-1 section>h3+.dialog-content,
.dialog-style-1 section>h3~p:empty+.dialog-content {
margin-top: 36px
}
.dialog-style-1 .dialog-content {
max-width: 600px
}
.dialog-style-1 .list-10+.btn {
margin-top: 43px
}
.dialog-style-1 .modal__close {
border: none;
border-radius: 0;
color: var(--cb);
height: 18px;
width: 18px
}
.dialog-style-1 .modal__close svg {
height: 18px;
margin-top: 0;
width: 18px
}
.dialog-style-1 .modal__close:hover {
background-color: transparent;
color: var(--c3)
}
.dialog-style-2 .dialog-content h2 {
background: linear-gradient(97deg, #064cea 55.66%, #032b84 109.49%);
border-radius: 15px;
color: var(--c1);
display: inline-block;
font: 400 .75rem/1 var(--fb);
letter-spacing: .25px;
margin-bottom: 19px;
min-width: min(200px, 100%);
padding: 8px 15px 6px;
text-align: center
}
.dialog-style-2 .dialog-content ol,
.dialog-style-2 .dialog-content p,
.dialog-style-2 .dialog-content ul {
background-color: var(--c47);
border-radius: 7px;
color: var(--cb);
font-size: .875rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 1.5;
margin-bottom: 26px;
padding: 14px 16px
}
.dialog-style-2 .dialog-content ol:last-child,
.dialog-style-2 .dialog-content p:last-child,
.dialog-style-2 .dialog-content ul:last-child {
margin-bottom: 0
}
.dialog-style-2 .dialog-content ol+.btn,
.dialog-style-2 .dialog-content p+.btn,
.dialog-style-2 .dialog-content ul+.btn {
margin-top: 17px
}
.dialog-style-2 .dialog-content ul:not(.reset-list) li {
padding-left: 12px
}
.dialog-style-2 .dialog-content ul:not(.reset-list) li:before {
background-color: var(--cb);
height: 4px;
left: 0;
top: 8px;
width: 4px
}
@media (max-width:375px) {
.dialog {
padding-left: 10px;
padding-right: 10px
}
.modal__close {
right: 10px;
top: 10px
}
.dialog-style-2 .dialog-content h2 {
font-size: .8571428571rem
}
.dialog-style-2 .dialog-content ol,
.dialog-style-2 .dialog-content p,
.dialog-style-2 .dialog-content ul {
font-size: 1rem
}
.dialog-style-1 section>h3,
.dialog-style-1 section>p {
font-size: 1.5714285714rem
}
}
@media (min-width:769px) {
.dialog-style-1 {
padding: 45px 30px
}
.dialog-style-1 .modal__close {
right: 28px;
top: 38px
}
}
@font-face {
font-family: swiper-icons;
font-style: normal;
font-weight: 400;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}
.swiper {
list-style: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
width: 100%;
z-index: 1
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
width: 100%
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.swiper-backface-hidden .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper:before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
height: 100%;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before {
height: var(--swiper-centered-offset-after);
width: 100%
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .3s;
transition: opacity .3s;
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
background: var(--swiper-pagination-bullet-inactive-color, #000);
border-radius: 50%;
display: inline-block;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}
button.swiper-pagination-bullet {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
opacity: var(--swiper-pagination-bullet-opacity, 1)
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: top .2s, -webkit-transform .2s;
transition: top .2s, -webkit-transform .2s;
transition: transform .2s, top .2s;
transition: transform .2s, top .2s, -webkit-transform .2s
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: left .2s, -webkit-transform .2s;
transition: left .2s, -webkit-transform .2s;
transition: transform .2s, left .2s;
transition: transform .2s, left .2s, -webkit-transform .2s
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: right .2s, -webkit-transform .2s;
transition: right .2s, -webkit-transform .2s;
transition: transform .2s, right .2s;
transition: transform .2s, right .2s, -webkit-transform .2s
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
width: 100%
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: 4px;
left: 0;
top: 0;
width: 100%
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
height: 100%;
left: 0;
top: 0;
width: 4px
}
.swiper-pagination-lock {
display: none
}
.swiper-button-next,
.swiper-button-prev {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size)/2);
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/44*27);
z-index: 10;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
justify-content: center
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
cursor: auto;
opacity: .35;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
cursor: auto;
opacity: 0;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
font-variant: normal;
letter-spacing: 0;
line-height: 1;
text-transform: none !important
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
left: auto;
right: 10px
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-button-lock {
display: none
}
.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
position: relative;
vertical-align: baseline
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: baseline;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
bottom: 0;
display: block;
left: 0;
overflow: hidden;
padding-top: 1px;
position: absolute;
right: 0;
text-align: left;
top: 0
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 2s;
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center
}