@import 'pricing-configurator.css';


html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
button {
   vertical-align: baseline;
   box-sizing: border-box;
   background: 0 0;
   border: 0;
   outline: 0;
   margin: 0;
   padding: 0;
   font-size: 100%
}

html:before,
html:after,
body:before,
body:after,
div:before,
div:after,
span:before,
span:after,
object:before,
object:after,
iframe:before,
iframe:after,
h1:before,
h1:after,
h2:before,
h2:after,
h3:before,
h3:after,
h4:before,
h4:after,
h5:before,
h5:after,
h6:before,
h6:after,
p:before,
p:after,
blockquote:before,
blockquote:after,
pre:before,
pre:after,
abbr:before,
abbr:after,
address:before,
address:after,
cite:before,
cite:after,
code:before,
code:after,
del:before,
del:after,
dfn:before,
dfn:after,
em:before,
em:after,
img:before,
img:after,
ins:before,
ins:after,
kbd:before,
kbd:after,
q:before,
q:after,
samp:before,
samp:after,
small:before,
small:after,
strong:before,
strong:after,
var:before,
var:after,
b:before,
b:after,
i:before,
i:after,
dl:before,
dl:after,
dt:before,
dt:after,
dd:before,
dd:after,
ol:before,
ol:after,
ul:before,
ul:after,
li:before,
li:after,
fieldset:before,
fieldset:after,
form:before,
form:after,
label:before,
label:after,
legend:before,
legend:after,
article:before,
article:after,
aside:before,
aside:after,
canvas:before,
canvas:after,
details:before,
details:after,
figcaption:before,
figcaption:after,
figure:before,
figure:after,
footer:before,
footer:after,
header:before,
header:after,
hgroup:before,
hgroup:after,
menu:before,
menu:after,
nav:before,
nav:after,
section:before,
section:after,
summary:before,
summary:after,
time:before,
time:after,
mark:before,
mark:after,
audio:before,
audio:after,
video:before,
video:after,
button:before,
button:after {
   box-sizing: border-box
}

sub,
sup {
   box-sizing: border-box;
   background: 0 0;
   border: 0;
   outline: 0;
   margin: 0;
   padding: 0;
   font-size: 100%
}

sub:before,
sub:after,
sup:before,
sup:after,
a:before,
a:after {
   box-sizing: border-box
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
   background: 0 0;
   border: 0;
   outline: 0;
   margin: 0;
   padding: 0;
   font-size: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block
}

ol,
ul,
li {
   list-style: none
}

blockquote,
q {
   quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: none
}

:focus {
   outline: 0
}

textarea {
   -webkit-appearance: none
}

input[type=text] {
   -webkit-appearance: none
}

input[type=text]::-ms-clear {
   display: none
}

textarea::-ms-clear {
   display: none
}

input,
textarea {
   box-sizing: border-box;
   border-radius: 0
}

input::-webkit-input-placeholder {
   color: rgba(0, 0, 0, .4)
}

textarea::-webkit-input-placeholder {
   color: rgba(0, 0, 0, .4)
}

input::-moz-placeholder {
   color: rgba(0, 0, 0, .4)
}

textarea::-moz-placeholder {
   color: rgba(0, 0, 0, .4)
}

input:-ms-input-placeholder {
   color: rgba(0, 0, 0, .4)
}

textarea:-ms-input-placeholder {
   color: rgba(0, 0, 0, .4)
}

input:focus::-webkit-input-placeholder {
   color: transparent
}

textarea:focus::-webkit-input-placeholder {
   color: transparent
}

input:focus::-moz-placeholder {
   color: transparent
}

textarea:focus::-moz-placeholder {
   color: transparent
}

input:focus:-ms-input-placeholder {
   color: transparent
}

textarea:focus:-ms-input-placeholder {
   color: transparent
}

textarea {
   resize: none
}

ins {
   text-decoration: none
}

del {
   text-decoration: line-through
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

* {
   box-sizing: border-box;
   word-wrap: break-word;
   letter-spacing: 0px;;
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter-Thin.woff2)format("woff2"), url(../fonts/Inter-Thin.woff)format("woff");
   font-weight: 100;
   font-style: normal;
   font-display: swap
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter-Light.woff2)format("woff2"), url(../fonts/Inter-Light.woff)format("woff");
   font-weight: 300;
   font-style: normal;
   font-display: swap
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter-Regular.woff2)format("woff2"), url(../fonts/Inter-Regular.woff)format("woff");
   font-weight: 400;
   font-style: normal;
   font-display: swap
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter-Medium.woff2)format("woff2"), url(../fonts/Inter-Medium.woff)format("woff");
   font-weight: 500;
   font-style: normal;
   font-display: swap
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter-Bold.woff2)format("woff2"), url(../fonts/Inter-Bold.woff)format("woff");
   font-weight: 700;
   font-style: normal;
   font-display: swap
}

@font-face {
   font-family: Inter;
   src: url(../fonts/Inter-Black.woff2)format("woff2"), url(../fonts/Inter-Black.woff)format("woff");
   font-weight: 900;
   font-style: normal;
   font-display: swap
}

:root {
   --full-screen: calc(var(--vh, 1vh) * 100);
   --height-footer: 10rem
}

@media screen and (min-width:1024px) {
   :root {
      --gl-vr-indent: 7rem;
      --gl-hr-indent: 4rem;
      --height-header: 7.1rem
   }
}

@media screen and (max-width:1023.5px) {
   :root {
      --gl-vr-indent: 4rem;
      --height-header: 5.6rem
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   :root {
      --gl-hr-indent: 2rem
   }
}

@media screen and (max-width:767px) {
   :root {
      --gl-hr-indent: 1.6rem
   }
}

html {
   letter-spacing: .03em;
   height: 100%;
   font: 400 10px/1.5 Inter, sans-serif
}

@media screen and (min-width:1920px) {
   html {
      font-size: .520833vw
   }
}

@media(max-width:1439px) and (min-width:1024px) {
   html {
      font-size: .694444vw
   }
}

@media screen and (max-width:375px) {
   html {
      font-size: 2.66667vw
   }
}

body {
   color: #64748B;
   -webkit-text-size-adjust: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background: #fff;
   height: 100%;
   font-size: 2rem;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

@supports(display:grid) {
   body {
      display: block
   }
}

@media screen and (max-width:1199px) {
   body.body--open_menu_state {
      overflow: hidden
   }
}

body.body--navigation_open_state,
body.body--popup_open {
   overflow: hidden
}

.preloader {
   opacity: 1;
   z-index: 1000;
   background-color: #fff;
   width: 100%;
   height: 100vh;
   transition: opacity .3s;
   position: fixed;
   top: 0;
   left: 0
}

.body--loaded .preloader {
   pointer-events: none;
   opacity: 0
}

.wrapper {
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   min-height: 100%;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   overflow-x: hidden;
   height: auto !important
}

.base {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   width: 100%;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

a {
   color: #FF4E32;
   text-decoration: none
}

a:hover,
a:focus {
   text-decoration: underline
}

.editor-styles-wrapper .wp-block {
   margin-bottom: 5rem
}

html :where(.wp-block) {
   max-width: 1200px
}

.editor-styles-wrapper {
   overflow-x: hidden
}

.hidden {
   display: none
}

@media screen and (min-width:1024px) {
   .wpcf7-not-valid-tip {
      padding-top: .5rem
   }
}

@media screen and (max-width:1023.5px) {
   .wpcf7-not-valid-tip {
      padding-top: .2rem
   }
}

.wpcf7-form-control-wrap {
   display: block
}

/* ================== MEGAMENU ==================

.megamenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: none;
    border-radius: 0 0 0.8rem 0.8rem;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem);
    transition: all 0.2s ease;
    z-index: 1000;
}

.header_menu__item--has-megamenu:hover .megamenu,
.header_menu__item--has-megamenu.header_menu__item--active .megamenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.megamenu__container {
    padding: 2.4rem 1.6rem;
}

.megamenu__content {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    max-width: 123.2rem; 
    margin: 0 auto;
}

.megamenu__services {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 1rem;
    flex: 1;
    width: 85.4rem; 
}

.megamenu__service-group {
    display: flex;
    flex-direction: column;
    width: 20.6rem; 
    height: 100%;
}

.megamenu__service-header {
    display: flex;
    gap: 0.8rem;
    padding: 0 0 0.4rem;
    border-bottom: 1px solid #E2E8F0;
    margin: 2rem 0 0 1.6rem;
}

.megamenu__service-title {
    font-family: Inter;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.333;
    text-transform: uppercase;
    color: #64748B;
    margin: 0;
}

.megamenu__service-list {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin: 5.6rem 0 0 1.6rem;
    width: 18.7rem;
}

.megamenu__service-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.4rem;
    width: 18.7rem; 
}

.megamenu__service-link {
    font-family: Inter;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.429;
    color: #020617;
    text-decoration: none;
    transition: color 0.2s ease;
}

.megamenu__service-link:hover {
    color: #FF4E32;
}

.megamenu__featured {
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
    padding: 2.4rem;
    background: #EFF6FF;
    border-radius: 0.8rem;
    width: auto;
    min-width: 24.8rem; 
}

.megamenu__featured-image {
    width: 20rem; 
    height: 13.6rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 0.8rem;
    flex-shrink: 0;
}

.megamenu__featured-content {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 0.4rem;
}

.megamenu__featured-title h4 {
    font-family: Inter;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #020617;
    margin: 0;
}

.megamenu__featured-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    height: 4rem; 
    font-family: Inter;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.429;
    color: #FF4E32;
    text-decoration: none;
    background: transparent;
    border-radius: 0.6rem;
    transition: all 0.2s ease;
}

.megamenu__featured-link:hover {
    background: rgba(255, 78, 50, 0.1);
}

.megamenu__featured-link svg {
    width: 1.6rem;
    height: 1.6rem;
    stroke: currentColor;
    stroke-width: 1.33px;
}


@media (max-width: 1024px) {
    .megamenu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        border: none;
        box-shadow: none;
        border-radius: 0;
        background: transparent;
    }
    
    .megamenu__content {
        flex-direction: column;
        gap: 2rem;
    }
    
    .megamenu__services {
        flex-direction: column;
        width: 100%;
        gap: 2rem;
    }
    
    .megamenu__service-group {
        width: 100%;
    }
    
    .megamenu__service-header {
        margin: 0 0 0 0;
    }
    
    .megamenu__service-list {
        margin: 1.6rem 0 0 0;
        width: 100%;
    }
    
    .megamenu__service-item {
        width: 100%;
    }
    
    .megamenu__featured {
        width: 100%;
        min-width: auto;
    }
    
    .megamenu__featured-image {
        width: 100%;
        height: 20rem;
    }
} */

.header {
   padding: var(--header-vr-indent)var(--gl-hr-indent);
   will-change: transform;
   z-index: 100;
   width: 100%;
   font-size: 1rem;
   transition: transform .3s ease-in-out, opacity .3s ease-in-out;
   position: fixed;
   top: 0;
   left: 0
}

/* body:not(:is(.body--open_menu_state, .body--open_submenu_state)) .header.header--scroll_state {
   opacity: 0;
   pointer-events: none;
   transform: translateY(-24%)
} */

@media screen and (min-width:1200px) {
   .header.header--locked_state {
      transform: translateY(-100%)
   }
}

@media screen and (min-width:1024px) {
   .header {
      --header-vr-indent: 1.2rem;
      --header-inner-height: 5.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .header {
      --header-vr-indent: .8rem;
      --header-inner-height: 4rem
   }

   .header {
      padding: var(--header-vr-indent) 1.6rem;
   }
}

.is_admin_bar .header {
   margin-top: 32px
}

.header__box {
   height: 100%
}

.header__in {
   min-height: var(--header-inner-height);
   max-width: calc(136rem - var(--gl-hr-indent)* 2);
   -ms-flex-align: center;
   align-items: center;
   gap: 1.6rem;
   width: 100%;
   margin: 0 auto;
   padding: .8rem 3.2rem;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   position: relative
}

.header__in:before {
   content: "";
   background-color: #F9FAFB;
   border-radius: .8rem;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0
}

@media screen and (min-width:1200px) {
   .header__in:before {
      /* filter: drop-shadow(0 0 1rem rgba(0, 0, 0, .05)); */
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
   }
}

@media screen and (max-width:1199px) {
   .header__in:before {
      /* filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15)) */
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
      max-height: 5.5rem;
   }

   .header__in {
      padding: .8rem 1.6rem;
      gap: .6rem;
   }

   .header__in:has(.header-blog-mobile) {
      background: #fff;
      border-radius: .8rem;
      box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
   }
}

.header-blog__devider {
   width: 100%;
   height: 1px;
   background-color: #E2E8F0;
   z-index: 1;
}

.header__banner {
   -webkit-box-align: center;
   -ms-flex-align: center;
   -ms-flex-negative: 0;
   align-items: center;
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-shrink: 0;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 0.004em;
   position: relative;
   z-index: 101;

   
   max-width: calc(144rem - var(--gl-hr-indent)* 2);
   width: 100%;
   margin: 0 auto;
   margin-top: -1.2rem;
   margin-bottom: 1.2rem;
 }
 .header__banner:before {
   background-color: #020617;
   bottom: 0;
   content: "";
   left: 50%;
   position: absolute;
   top: 0;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 100vw;
 }
 .header__banner a {
   color: #FF4E32;
   letter-spacing: 0.01em;
   text-decoration: underline;
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none;
   text-transform: uppercase;
   font-weight: 700;
   text-underline-offset: 0.3rem;
   -webkit-transition: color 0.3s ease;
   transition: color 0.3s ease;
 }
 .header__banner a:focus-visible,
 .header__banner a:hover {
   color: #fff;
 }
 .header__text_banner {
   position: relative;
   z-index: 1;
 }
 .header__close_banner {
   cursor: pointer;
   height: 2.4rem;
   margin-top: -1.2rem;
   position: absolute;
   right: 0;
   top: 50%;
   width: 2.4rem;
 }
 .header__close_banner:after,
 .header__close_banner:before {
   background-color: #fff;
   content: "";
   height: 2px;
   left: 50%;
   position: absolute;
   top: 50%;
   -webkit-transform-origin: center;
   transform-origin: center;
   -webkit-transition: background-color 0.3s ease;
   transition: background-color 0.3s ease;
   width: 1.8rem;
 }
 .header__close_banner:before {
   -webkit-transform: translate(-50%, -50%) rotate(45deg);
   transform: translate(-50%, -50%) rotate(45deg);
 }
 .header__close_banner:after {
   -webkit-transform: translate(-50%, -50%) rotate(-45deg);
   transform: translate(-50%, -50%) rotate(-45deg);
 }
 .header__close_banner:focus-visible:after,
 .header__close_banner:focus-visible:before,
 .header__close_banner:hover:after,
 .header__close_banner:hover:before {
   background-color: #0c1b2c;
 }

 @media screen and (min-width: 1024px) {
   .header__banner {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     font-size: 22px;
     height: 4.7rem;
     justify-content: center;
     line-height: 1.5;
     padding: 0.5rem 3.4rem;
     text-align: center;
   }
}

@media screen and (max-width: 1023px) {
   .header__banner {
     font-size: 1.4rem;
     height: 6.1rem;
     line-height: 1.4;
     padding: 0.5rem 6rem 0.5rem 0;
   }
}

.header__wrap {
   -ms-flex-pack: start;
   justify-content: flex-start;
   -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
   width: 100%;
   height: 100%;
   display: -ms-flexbox;
   display: flex
}

.header__logo {
   z-index: 2;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   position: relative
}

@media screen and (min-width:1200px) {
   .header__logo {
      width: 14.6rem;
      height: 2.6rem
   }
}

@media screen and (max-width:1199px) {
   .header__logo {
      width: 14.4rem;
      height: 2.6rem
   }

   .header__logo--small {
      max-width: 152px
   }
}

@media screen and (min-width: 1024px) {
   .header__logo--mobile {
      display: none;
   }
}

@media screen and (max-width: 1023px) {
   .header__logo--desktop {
      display: none;
   }
}

.header__logo_img {
   object-fit: contain;
   object-position: left center;
   width: 100%;
   height: 100%;
   display: block
}

.header__menu_body {
   -ms-flex: auto;
   flex: auto;
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1200px) {
   .header__menu_body {
      margin-left: auto
   }
}

@media screen and (max-width:1199px) {
   .header__menu_body {
      z-index: 99;
      height: var(--full-screen);
      padding: var(--header-vr-indent)var(--gl-hr-indent)1.4rem;
      opacity: 0;
      pointer-events: none;
      will-change: opacity;
      background-color: #fff;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      transition: opacity .3s ease-in-out;
      position: fixed;
      top: 0;
      left: 0
   }

   .body--open_menu_state .header__menu_body {
      opacity: 1;
      pointer-events: initial
   }
}

.header_menu {
   z-index: 2;
   position: relative
}

.header__menu_wrap {
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1200px) {
   .header__menu_wrap {
      gap: 6.8%
   }
}

@media screen and (max-width:1199px) {
   .header__menu_wrap {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex: auto;
      flex: auto;
      width: calc(100% + 1rem);
      height: calc(min(100vh, 100%) - 5.6rem);
      margin-right: -1rem;
      padding-top: 3rem;
      padding-bottom: 3rem;
      padding-right: 1rem
   }
}

@media screen and (min-width:1200px) {
   .header__menu_in {
      margin: 0 auto
   }
}

@media screen and (max-width:1199px) {
   .header__menu_in {
      -ms-flex-positive: 1;
      flex-grow: 1
   }
}

@media(max-width:1200px) and (min-width:768px) {
   .header__menu_in {
      -ms-flex-item-align: start;
      align-self: flex-start
   }
}

@media screen and (max-width:1199px) {
   .header__menu_in {
      width: 100%;
      overflow-y: auto
   }

   .header__menu_in:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:767px) {
   .header__menu_in {
      width: 100%
   }
}

@media screen and (min-width:1200px) {
   .header__menu_top {
      display: none
   }
}

@media screen and (max-width:1199px) {
   .header__menu_top {
      min-height: var(--header-inner-height);
      -ms-flex-align: center;
      align-items: center;
      gap: 2rem;
      width: 100%;
      margin: 0 auto;
      padding: 4px 2rem;
      display: -ms-flexbox;
      display: flex;
      position: relative
   }

   .header__menu_top:before {
      content: "";
      background-color: #fff;
      border-radius: .4rem;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
   }
}

@media screen and (max-width:1199px) and (min-width:1200px) {
   .header__menu_top:before {
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
   }
}

@media screen and (max-width:1199px) and (max-width:1199px) {
   .header__menu_top:before {
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
   }
}

.header__menu_close {
   color: #b0b3bc;
   cursor: pointer;
   width: 2rem;
   height: 1.6rem;
   margin-left: auto;
   transition: color .2s ease-in-out;
   position: relative
}

.header__menu_close:hover,
.header__menu_close:focus {
   text-decoration: none
}

@media(hover:hover) {
   .header__menu_close:hover {
      color: #FF4E32
   }
}

.header__menu_close:before {
   content: "";
   background: currentColor;
   width: 100%;
   height: .2rem;
   position: absolute;
   top: 50%;
   left: 0;
   transform: rotate(45deg)
}

.header__menu_close:after {
   content: "";
   background: currentColor;
   width: 100%;
   height: .2rem;
   position: absolute;
   top: 50%;
   left: 0;
   transform: rotate(-45deg)translate(0)
}

@media screen and (min-width:1200px) {
   .header_menu__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
      gap: .4rem;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (max-width:1199px) {

   .header_menu__item:not(.submenu_select--open_state):hover,
   .header_menu__item:not(.submenu_select--open_state):focus {
      background-color: rgba(255, 255, 255, .1)
   }

   .header_menu__item {
      z-index: 2;
      width: 100%;
      transition: padding .3s;
      position: relative
   }

   .header_menu__item:after {
      content: "";
      opacity: .1;
      background-color: #fff;
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 0
   }

   .submenu_select--open_state .header_menu__link_text {
      font-weight: 700;
   }

   .header_menu__item.submenu_select--open_state {
      padding-bottom: 0
   }
}

.header_menu__wrap {
   position: relative;
}

.header_menu__link {
   color: #020617;
   -webkit-appearance: none;
   cursor: pointer;
   -ms-flex-align: center;
   align-items: center;
   font-family: Inter, sans-serif;
   font-weight: 500;

   padding: 1rem 1.6rem;
   transition: color .2s ease-in-out;
   position: relative
}

@media screen and (min-width:1200px) {
   .header_menu__link.header_menu__link--submenu {
      padding: 1.3rem 3.5rem 1rem 1.6rem;
      /* padding-right: 2rem */
   }
}

@media screen and (max-width:1199px) {
   .header_menu__link.header_menu__link--submenu {
      padding-right: 3rem
   }
}
.submenu__item--active_mod,
.header_menu__item--active_mod .header_menu__link {
   /* font-weight: 700 */
   border-radius: .4rem;
   background: #e2e8f0;
}

@media screen and (min-width:1200px) {
   .header_menu__link {
      font-size: 1.4rem
   }
}

@media screen and (max-width:1199px) {
   .header_menu__link {
      width: 100%;
      padding: 1rem 1.6rem;
      font-size: 1.8rem;
      line-height: 1.2;
      display: -ms-flexbox;
      display: flex;
      position: relative
   }
}

.header_menu__link:hover,
.header_menu__link:focus {
   text-decoration: none
}

@media(hover:hover) {
   .header_menu__link--submenu.is-open,
   .header_menu__item:hover .header_menu__link {
      border-radius: 4px;
      background: var(--tailwind-colors-slate-200, #E2E8F0);
   }
}

.header_menu__link:after {
   z-index: 100;
   content: "";
   width: 100%;
   height: 2rem;
   position: absolute;
   top: 100%;
   right: 0
}

.header_menu__link_text {
   pointer-events: none;
   margin-top: -.3rem
}

.header_menu__icon_wrap {
   pointer-events: none;
   transition: transform .2s ease-in-out;
   position: absolute;
   top: 54%;
   transform: translateY(-50%)
}

@media screen and (min-width:1200px) {
   .header_menu__icon_wrap {
      /* width: 1rem; */
      /* height: .6rem; */
      right: 14px
   }

   .header_menu__icon_wrap:hover,
   .header_menu__icon_wrap:focus {
      text-decoration: none
   }

   .header_menu__item:hover .header_menu__icon_wrap {
      transform: translateY(-50%)rotate(180deg)
   }

   .header_menu__item:focus-within .header_menu__icon_wrap {
      transform: translateY(-50%)rotate(180deg)
   }
}

@media screen and (max-width:1199px) {
   .header_menu__icon_wrap {
      width: 1.6rem;
      height: .9rem;
      right: .2rem
   }

   .submenu_select--open_state .header_menu__icon_wrap {
      transform: translateY(-50%)rotate(180deg)
   }
}

@media screen and (min-width:1200px) {
   .header_menu__icon_wrap.header_menu__icon_wrap--mobile_mod {
      display: none
   }
}

@media screen and (max-width:1199px) {
   .header_menu__icon_wrap.header_menu__icon_wrap--desktop_mod {
      display: none
   }
}

.header__info {
   z-index: 3;
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

@media screen and (min-width:1200px) {
   .header__info {
      gap: 2rem
   }
}

@media screen and (max-width:1199px) {
   .header__info {
      -ms-flex-order: -1;
      order: -1;
      gap: 1.6rem;
      width: 100%
   }

   .header__info:not(:last-child) {
      margin-bottom: 2rem
   }
}

.header__info__list {
   -ms-flex-align: center;
   align-items: center;
   height: 100%;
   display: -ms-flexbox;
   display: flex;
   gap: 2rem
}

@media screen and (max-width:1199px) {
   .header__info__list {
      -ms-flex-positive: 1;
      flex-grow: 1
   }
}

@media screen and (max-width:767px) {
   .header__info__list {
      -ms-flex: auto;
      flex: auto;
      flex-flow: column
   }
}

@media screen and (max-width:1199px) {
   .header__info__item {
      -ms-flex: auto;
      flex: auto;
      width: 100%
   }
}

@media screen and (max-width:1199px) {
   .header__info__item:nth-child(2),
   .header__console_link.btn_minimal {
      display: none;
   }
}

.header__console_link.header__console_link {
   min-width: unset;
   /* text-transform: uppercase; */
}

.header__console_link.header__console_link-subscr {
   text-transform: capitalize !important
}

@media screen and (min-width:1200px) {
   .header__console_link.header__console_link {
      /* padding-bottom: 1px */
   }
}

@media screen and (min-width:1024px) {
   .header__console_link.header__console_link {
      /* height: 3.5rem; */
      font-size: 1.4rem;
      line-height: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .header__console_link.header__console_link {
      min-width: 6.8rem;
      height: 4.5rem;
      font-size: 1.6rem;
      line-height: 4.3rem
   }
}

@media screen and (max-width:1199px) {
   .header__console_link.header__console_link {
      width: 100%
   }
}

.header__user:hover,
.header__user:focus {
   color: #FF4E32;
   background-color: #fff
}

.body--header_green_mod .header__user:hover,
.body--header_transparent .header__user:hover,
.body--header_green_mod .header__user:focus,
.body--header_transparent .header__user:focus {
   color: #111
}

@media screen and (min-width:1200px) {
   .header__user {
      color: #fff;
      border-radius: 50%;
      width: 3.5rem;
      height: 3.5rem;
      transition: color .3s, background .3s;
      display: block
   }
}

@media screen and (max-width:1199px) {
   .header__info_link {
      text-align: center;
      color: #FF4E32;
      border-right: 1px solid rgba(255, 255, 255, .1);
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
      padding: 1rem 3rem;
      font-size: 1.6rem;
      font-weight: 400;
      display: -ms-flexbox;
      display: flex;
      position: relative
   }
}

@media screen and (min-width:1200px) {
   .header__languages {
      position: relative
   }
}

@media screen and (max-width:1199px) {
   .header__languages {
      display: none
   }
}

.header__languages_btn.header__languages_btn {
   border-color: #d9dde7;
   border-radius: 3rem;
   -ms-flex-pack: start;
   justify-content: start;
   width: 100%;
   min-width: 19.4rem;
   padding: 0 3.4rem 0 1.6rem;
   position: relative
}

@media screen and (min-width:1200px) {
   .header__languages_btn.header__languages_btn {
      display: none
   }
}

.header__languages_btn.header__languages_btn:after {
   content: "";
   z-index: 1;
   border: .6rem solid transparent;
   border-top-color: currentColor;
   border-radius: 3px;
   position: absolute;
   top: 1.5rem;
   transform: rotate(-90deg)
}

@media screen and (min-width:1024px) {
   .header__languages_btn.header__languages_btn:after {
      right: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .header__languages_btn.header__languages_btn:after {
      right: 2rem
   }
}

@media screen and (max-width:767px) {
   .header__languages_btn.header__languages_btn {
      font-size: 1.6rem
   }
}

.header__languages_btn.header__languages_btn img {
   object-fit: cover;
   width: 1.6rem !important;
   height: 1.2rem !important
}

@media screen and (min-width:1200px) {
   .header__languages_arrow {
      display: none
   }
}

@media screen and (max-width:1199px) {
   .header__languages_arrow {
      width: 1rem;
      height: 1rem;
      margin-bottom: .4rem;
      margin-left: 1.2rem
   }
}
.header__trigger_wrap {
   padding: 1.2rem;
   background-color: #fff;
   border-radius: 0.4rem;
   z-index: 1;
}

.header_trigger {
   text-transform: uppercase;
   color: #020617;
   cursor: pointer;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 1.6rem;
   height: 1rem;
   margin-left: auto;
   transition: color .3s;
   position: relative
}

.header_trigger:before {
   content: "";
   background: currentColor;
   width: 100%;
   height: .2rem;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-.7rem)
}

.header_trigger:after {
   content: "";
   background: currentColor;
   width: 100%;
   height: .2rem;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(.7rem)
}

.header_trigger:hover,
.header_trigger:focus {
   text-decoration: none
}

@media(hover:hover) {
   .header_trigger:hover {
      color: #FF4E32
   }
}

.header_trigger__decor {
   background: currentColor;
   width: 100%;
   height: .2rem;
   position: absolute;
   top: 50%;
   left: 0
}

.header__controls {
   -ms-flex-pack: start;
   justify-content: flex-start;
   -ms-flex-align: center;
   align-items: center;
   gap: 1.2rem;
   margin-left: auto;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1200px) {
   .header__controls {
      display: none
   }
}

.header__document {
   color: #fff;
   filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15));
   background-color: #FF4E32;
   border-radius: 0.4rem;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 4rem;
   height: 4.6rem;
   padding: 1.2rem 1rem;
   transition: background-color .2s ease-in-out;
   display: block
}

.header__mobile_subscr:hover,
.header__mobile_subscr:focus,
.header__document:hover,
.header__document:focus {
   text-decoration: none
}

@media(hover:hover) {
   .header__document:hover {
      background-color: #020617
   }
}

.header__mobile_subscr {
   filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15));
   color: #020617;
   text-align: center;
   font-family: Inter;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
   transition: font-weight .2s ease-in-out
}

.header__mobile_subscr:hover {
   font-weight: 700
}

.header__footer {
   color: #b0b3bc;
   border-top: 1px solid;
   width: 100%;
   margin-top: 3rem;
   padding-top: 1.2rem;
   font-size: 1.4rem
}

@media screen and (min-width:1200px) {
   .header__footer {
      display: none
   }
}

.section {
   padding: var(--gl-vr-indent)var(--gl-hr-indent);
   width: 100%;
   position: relative
}

@media screen and (min-width:1024px) {
   .section.section--indent_v1_mod:first-child {
      padding-top: 13.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .section.section--indent_v1_mod:first-child {
      padding-top: 8.8rem
   }
}

.section_in {
   width: 100%;
   max-width: 128rem;
   margin: 0 auto
}

@media screen and (max-width:1023.5px) {
   .footer_section {
      padding: 1rem 1.6rem; 
   }
}

.footer {
   min-height: var(--height-footer);
   will-change: transform;
   background-color: #F8FAFC; 
   border-radius: 1.2rem;
   -ms-flex: none;
   flex: none;
   width: 100%;
   max-width: 128rem;
   margin: 0 auto;
   margin-bottom: 2rem;
   font-size: 1rem
}

@media screen and (min-width:1024px) {
   .footer {
      padding: 3.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .footer {
      padding: 3.2rem 2.4rem;
   }
}

.footer_in {
   max-width: 134rem;
   margin: 0 auto
}

.footer__content {
   border-bottom: 1px solid #E2E8F0
}

@media screen and (min-width:1024px) {
   .footer__content {
      /* gap: 6rem; */
      padding-bottom: 2.8rem;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (max-width:1023.5px) {
   .footer__content {
      padding-bottom: 2rem
   }
}

@media screen and (min-width:1024px) {
   .footer__content:not(:last-child) {
      margin-bottom: 2.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .footer__content:not(:last-child) {
      margin-bottom: 0
   }
}

@media screen and (min-width:1024px) {
   .footer__info_top:not(:last-child) {
      margin-bottom: 3rem
   }
}

@media screen and (max-width:1023.5px) {
   .footer__info_top:not(:last-child) {
      margin-bottom: 4.2rem
   }
}

.footer__info_top_in {
   -ms-flex-align: center;
   align-items: center;
   justify-content: center;
   gap: 2rem;
   display: -ms-flexbox;
   display: flex
}

/* Mobile footer structure adjustments */
@media screen and (max-width: 1023px) {
   .footer__info_top_in {
      margin-bottom: 4.8rem;
   }
   
   .footer__content {
      flex-direction: column;
      align-items: center;
      border-bottom: 1px solid #E2E8F0;
      padding-bottom: 4.8rem;
   }
   
   /* Add separator before subscribe section */
   .subscribe {
      padding-top: 4.8rem;
      margin-bottom: 4.8rem;
   }
   
   /* Bottom section with separator */
   .footer__bottom {
      border-top: 1px solid #E2E8F0;
      padding-top: 4.8rem;
      margin-top: 0;
   }
}

.footer__info_top_in:not(:last-child) {
   margin-bottom: 1rem
}

.footer__logo {
   color: #fff;
   max-width: 24.6rem;
   height: 2.8rem;
   display: block
}

/* Mobile logo adjustments */
@media screen and (max-width: 1023px) {
   .footer__logo.mobile_mod {
      max-width: 14.6rem;
      height: 2.6rem;
      margin: 0 auto;
   }
}

.footer__logo_img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.footer__info_link {
   color: #475569;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2rem; /* 142.857% */   
}

/* Mobile footer info links */
@media screen and (max-width: 1023px) {
   .footer__info_link {
      text-align: center;
      display: block;
   }
}

@media screen and (min-width:1024px) {
   .footer__info_link:not(:last-child) {
      /* margin-bottom: 2px */
   }
}

@media screen and (max-width:1023.5px) {
   .footer__info_link:not(:last-child) {
      /* margin-bottom: 1.2rem */
   }
   .footer__info {
      margin-bottom: 3.2rem
   }
}

.footer__info_link:hover,
.footer__info_link:focus {
   color: #FF4E32;
   text-decoration: none
}

@media screen and (max-width:1023.5px) {
   .footer__info_link.footer__info_link--desktop_mod {
      display: none
   }
}

@media screen and (min-width:1024px) {
   .footer__info_link.footer__info_link--mobile_mod {
      display: none
   }
}

.footer__info_text {
   letter-spacing: 0;
   color: #475569;
   font-size: 1.6rem;
   line-height: 2.4
}

@media screen and (max-width:1023.5px) {
   .footer__info_text.footer__info_text--desktop_mod {
      display: none
   }
}

@media screen and (min-width:1024px) {
   .footer__info_text.footer__info_text--mobile_mod {
      display: none
   }
}

/* Footer links grid layout */
.footer__links.footer__links--desktop_mod {
   display: grid;
   width: 100%;
   gap: 6rem 9.6rem;
   grid-template-columns: repeat(4, 1fr);
}

/* Mobile: Single column layout (768px and below) */
@media screen and (max-width: 768px) {
   .footer__links.footer__links--desktop_mod {
      display: grid;
      grid-template-columns: 1fr;
      gap: 4.8rem;
      text-align: center;
   }
}

/* Tablet: Two column layout (769px - 1023px) */
@media screen and (min-width: 769px) and (max-width: 1023px) {
   .footer__links.footer__links--desktop_mod {
      grid-template-columns: repeat(2, 1fr);
      gap: 4.8rem 6rem;
   }
}

/* Footer links list styling */
.footer__links_list {
   display: flex;
   flex-direction: column;
   gap: 1.2rem;
   list-style: none;
   padding: 0;
   margin: 0;
}

/* Footer section titles */
.footer__links_title {
   display: block;
   width: 100%;
   color: #020617;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 600;
   line-height: 1.4285714285714286; /* 20px */
   margin-bottom: .4rem;
}

/* Desktop alignment: left */
@media screen and (min-width: 1024px) {
   .footer__links_title {
      text-align: left;
   }
}

/* Tablet and Mobile alignment: center */
@media screen and (max-width: 1023px) {
   .footer__links_title {
      text-align: center;
   }
}

/* Footer links styling */
.footer__links_link {
   display: block;
   width: 100%;
   color: #475569;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.4285714285714286; /* 20px */
   text-decoration: none;
   transition: color 0.2s ease;
}

/* Desktop alignment: left */
@media screen and (min-width: 1024px) {
   .footer__links_link {
      text-align: left;
   }
}

/* Tablet and Mobile alignment: center */
@media screen and (max-width: 1023px) {
   .footer__links_link {
      text-align: center;
   }
}

.footer__links_link:hover,
.footer__links_link:focus {
   color: #020617;
   text-decoration: none;
}

.footer__links_link.footer__links_link--strong_mod {
   font-weight: 700;
}

/* Social media styling */
.footer__social_links.footer__social_links--desktop_mod {
   margin-top: 2rem;
}

/* Tablet and Mobile: center social links */
@media screen and (max-width: 1023px) {
   .footer__social_links.footer__social_links--desktop_mod {
      display: flex;
      justify-content: center;
      margin-top: 3.6rem;
      margin-bottom: 4.8rem;
   }
}

/* Logo responsive display */
@media screen and (min-width: 1024px) {
   .footer__logo.mobile_mod {
      display: none;
   }
}

@media screen and (max-width: 1023.5px) {
   .footer__logo.desctop_mod {
      display: none;
   }
}

/* Social links layout */
.footer__social_links_list {
   display: flex;
   list-style: none;
   padding: 0;
   margin: 0;
}

/* Desktop: 8px gap, left aligned */
@media screen and (min-width: 1024px) {
   .footer__social_links_list {
      gap: 0.8rem;
      justify-content: flex-start;
   }
}

/* Tablet and Mobile: 16px gap, centered */
@media screen and (max-width: 1023px) {
   .footer__social_links_list {
      gap: 1.6rem;
      justify-content: center;
   }
}

/* Social link item styling */
.footer__social_link {
   display: flex;
   align-items: center;
   justify-content: center;
   background: #FFFFFF;
   border: 1px solid #E2E8F0;
   border-radius: 0.4rem;
   text-decoration: none;
   transition: all 0.2s ease;
}

/* Desktop: 40x40px */
@media screen and (min-width: 1024px) {
   .footer__social_link {
      width: 4rem;
      height: 4rem;
   }
}

/* Tablet and Mobile: 44x44px */
@media screen and (max-width: 1023px) {
   .footer__social_link {
      width: 4.4rem;
      height: 4.4rem;
   }
}

.footer__social_link:hover,
.footer__social_link:focus {
   border-color: #327DF6;
}

/* SVG icons inside social links */
.footer__social_link svg {
   fill: #327DF6;
   transition: fill 0.2s ease;
}

.footer__social_link:hover svg,
.footer__social_link:focus svg {
   fill: #1E40AF;
}

/* Footer content spacing - match Figma layout */
@media screen and (min-width: 1024px) {
   .footer__content {
      padding: 2.8rem 0;
   }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
   .footer__content {
      padding: 4.8rem 0;
   }
}

@media screen and (max-width: 768px) {
   .footer__content {
      padding: 4.8rem 0;
   }
}

.footer__bottom {
   display: -ms-flexbox;
   display: flex;
   justify-content: space-between;
}

.footer_right {
   display: flex;
}

@media screen and (min-width:1024px) {
   .footer_right,
   .footer__bottom {
      -ms-flex-align: center;
      align-items: center;
      gap: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .footer__bottom {
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 2.4rem;
      text-align: center;
   }

   .footer_right {
      flex-direction: column;
      gap: 2.4rem;
      order: 1;
   }
   
   .footer_left {
      order: 2;
   }
}

.footer__rights {
   color: #475569;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2.0rem;
}

@media screen and (max-width:1023.5px) {
   .footer__rights {
      -ms-flex-order: 2;
      order: 2;
      text-align: center;
   }
}

.footer__bottom_links {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .footer__bottom_links {
      gap: 5rem;
      margin-left: auto
   }
}

@media screen and (max-width:1023.5px) {
   .footer__bottom_links {
      -ms-flex-order: 1;
      order: 1;
      gap: 3.4rem
   }
}

.footer__bottom_link {
   letter-spacing: 0;
   color: #b0b3bc;
   font-size: 1.6rem;
   line-height: 1.4;
   transition: color .2s
}

.footer__bottom_link:hover,
.footer__bottom_link:focus {
   color: #fff;
   text-decoration: none
}

.icon {
   /* fill: currentColor; */
   display: block
}

.icon.icon--size_mod {
   width: 100%;
   height: 100%
}

.icon svg {
   /* fill: currentColor; */
   width: 100%;
   height: 100%;
   display: block
}

.btn_primary {
   --accent: #FF4E32;
   color: #fff;
   border: 1px solid var(--accent);
   background-color: var(--accent);
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   border-radius: .4rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   height: 4rem;
   padding: 0.8rem 1.6rem;
   font-family: Inter, sans-serif;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 2rem;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_primary[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_primary:hover,
.btn_primary:focus {
   text-decoration: none;
}

@media(hover:hover) {
   .btn_primary:hover {   
      background: linear-gradient(0deg, var(--alpha-90, rgba(255, 255, 255, 0.10)) 0%, var(--alpha-90, rgba(255, 255, 255, 0.10)) 100%), var(--tailwind-colors-apricot-500, #FF4E32);
   }
}

.btn_primary[aria-disabled],
.btn_primary:disabled {
   pointer-events: none;
   border-radius: 4px;
   opacity: var(--opacity-opacity-50, 0.5);
   background: var(--tailwind-colors-apricot-500, #FF4E32);
}

.btn_primary.btn_primary--size_mod {
   border-radius: 3rem;
   padding: 0 2.5rem 1px;
   font-size: 1.4rem
}

@media screen and (min-width:1024px) {
   .btn_primary.btn_primary--size_mod {
      height: 4rem;
      line-height: 3.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .btn_primary.btn_primary--size_mod {
      height: 4.5rem;
      /* line-height: 4.3rem */
   }
   .btn_primary {
      height: 4.4rem;
      /* line-height: 4.3rem */
   }
}

@media screen and (min-width:1024px) {
   .btn_primary.btn_primary--size_mod {
      min-height: 4.6rem;
      line-height: 4.4rem
   }
}

.btn_secondary {
   --accent: #FF4E32;
   border: 1px solid #FF4E32;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #FFF;
   color: var(--accent);
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   letter-spacing: .03em;
   background-color: #fff;
   border-radius: .4rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   height: 4rem;
   padding: 0.8rem 1.6rem;
   font-family: Inter, sans-serif;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 2rem;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_secondary[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_secondary:hover,
.btn_secondary:focus {
   text-decoration: none
}

@media(hover:hover) {

   .header__languages:hover .btn_secondary,
   .btn_secondary:hover {
      color: #fff;
      background-color: var(--accent)
   }
}

.btn_secondary[aria-disabled],
.btn_secondary:disabled {
   pointer-events: none;
   color: #d9dde7;
   border-color: #d9dde7
}

.btn_secondary.btn_secondary--size_mod {
   border-radius: 3rem;
   padding: 0 2.5rem 1px;
   font-size: 1.4rem
}

@media screen and (min-width:1024px) {
   .btn_secondary.btn_secondary--size_mod {
      height: 4rem;
      line-height: 3.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .btn_secondary.btn_secondary--size_mod {
      height: 4.5rem;
      line-height: 4.3rem
   }
}

@media screen and (min-width:1024px) {
   .btn_secondary.btn_secondary--size_mod {
      min-height: 4.6rem;
      line-height: 4.4rem
   }
}

.btn_v3 {
   color: #fff;
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   background-color: rgba(217, 221, 231, .2);
   border-radius: 1rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   font-family: Inter, sans-serif;
   font-weight: 700;
   line-height: 4.3rem;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_v3[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_v3:hover,
.btn_v3:focus {
   text-decoration: none
}

@media(hover:hover) {
   .btn_v3:hover {
      color: #020617;
      background-color: #fff
   }
}

.btn_v3[aria-disabled],
.btn_v3:disabled {
   pointer-events: none;
   color: #d9dde7;
   background-color: #fff;
   border-color: #d9dde7
}

@media screen and (min-width:1024px) {
   .btn_v3 {
      height: 6.6rem;
      padding: 0 2.2rem 1px;
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .btn_v3 {
      height: 5.4rem;
      padding: 0 1.5rem 1px;
      font-size: 2rem
   }
}

.btn_v4 {
   color: #020617;
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   background-color: #f9fafb;
   border-radius: 3rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   padding: 0 2.5rem 1px;
   font-family: Inter, sans-serif;
   font-size: 1.6rem;
   font-weight: 700;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_v4[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_v4:hover,
.btn_v4:focus {
   text-decoration: none
}

@media(hover:hover) {
   .btn_v4:hover {
      color: #f9fafb;
      background-color: #020617
   }
}

.btn_v4[aria-disabled],
.btn_v4:disabled {
   pointer-events: none;
   color: #d9dde7;
   background-color: #fff;
   border-color: #d9dde7
}

@media screen and (min-width:1024px) {
   .btn_v4 {
      height: 4rem;
      line-height: 3.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .btn_v4 {
      height: 4.5rem;
      line-height: 4.3rem
   }
}

.btn_minimal {
   color: #020617;
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: .4rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   height: 4rem;
   padding: .8rem 1.6rem ;
   font-family: Inter, sans-serif;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 2rem;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_minimal[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_minimal:hover,
.btn_minimal:focus {
   text-decoration: none
}

@media(hover:hover) {

   .header__languages:hover .btn_minimal,
   .btn_minimal:hover {
      border-color: #020617;
   }
}

.btn_minimal[aria-disabled],
.btn_minimal:disabled {
   pointer-events: none;
   color: #d9dde7;
   border-color: #d9dde7
}

.btn_minimal_1 {
   --accent: #020617;
   color: #fff;
   border: 1px solid var(--accent);
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   letter-spacing: .03em;
   background-color: var(--accent);
   border-radius: 3rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   height: 4.5rem;
   padding: 0 2.5rem 1px;
   font-family: Inter, sans-serif;
   font-size: 1.6rem;
   font-weight: 700;
   line-height: 4.3rem;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_minimal_1[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_minimal_1:hover,
.btn_minimal_1:focus {
   text-decoration: none
}

@media(hover:hover) {

   .header__languages:hover .btn_minimal_1,
   .btn_minimal_1:hover {
      color: var(--accent);
      background-color: #fff
   }
}

.btn_minimal_1[aria-disabled],
.btn_minimal_1:disabled {
   pointer-events: none;
   color: #d9dde7;
   border-color: #d9dde7
}

.btn_green {
   --accent: #FF4E32;
   color: #fff;
   border: 1px solid var(--accent);
   background-color: var(--accent);
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   letter-spacing: .03em;
   border-radius: 3rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   height: 4.5rem;
   padding: 0 2.5rem 1px;
   font-family: Inter, sans-serif;
   font-size: 1.6rem;
   font-weight: 700;
   line-height: 4.3rem;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_green[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_green:hover,
.btn_green:focus {
   text-decoration: none
}

@media(hover:hover) {
   .btn_green:hover {
      color: var(--accent);
      background-color: #fff
   }
}

.btn_green[aria-disabled],
.btn_green:disabled {
   pointer-events: none;
   color: #d9dde7;
   background-color: #fff;
   border-color: #d9dde7
}


@media screen and (max-width:1023.5px) {
   .btn_green {
      height: 4.5rem;
      line-height: 4.3rem
   }
}

.btn_minimal_2 {
   --accent: #FF4E32;
   color: #fff;
   border: 1px solid var(--accent);
   background-color: var(--accent);
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   border-radius: .4rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   height: 4rem;
   gap: .8rem;
   padding: .8rem 1.6rem;
   font-family: Inter, sans-serif;
   font-size: 1.4rem;
   font-weight: 500;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_minimal_2[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_minimal_2:hover,
.btn_minimal_2:focus {
   text-decoration: none
}

@media(hover:hover) {
   .btn_minimal_2:hover {
      color: var(--accent);
      background-color: #fff
   }
}

.btn_minimal_2[aria-disabled],
.btn_minimal_2:disabled {
   pointer-events: none;
   color: #d9dde7;
   background-color: #fff;
   border-color: #d9dde7
}

.btn_minimal_3 {
   --accent: #020617;
   color: var(--accent);
   text-align: center;
   white-space: nowrap;
   cursor: pointer;
   letter-spacing: .03em;
   background-color: #fff;
   border-radius: 3rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   height: 4.5rem;
   padding: 0 2.5rem 1px;
   font-family: Inter, sans-serif;
   font-size: 1.6rem;
   font-weight: 700;
   line-height: 4.3rem;
   transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.btn_minimal_3[type=submit] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none
}

.btn_minimal_3:hover,
.btn_minimal_3:focus {
   text-decoration: none
}

@media screen and (min-width:768px) {
   .btn_minimal_3 {
      border: 1px solid #fff
   }
}

@media screen and (max-width:767px) {
   .btn_minimal_3 {
      border: 1px solid var(--accent)
   }
}

@media(hover:hover) {
   .btn_minimal_3:hover {
      color: #fff
   }
}

@media screen and (hover:hover) and (min-width:768px) {
   .btn_minimal_3:hover {
      background-color: transparent
   }
}

@media screen and (hover:hover) and (max-width:767px) {
   .btn_minimal_3:hover {
      background-color: var(--accent)
   }
}

.btn_minimal_3[aria-disabled],
.btn_minimal_3:disabled {
   pointer-events: none;
   color: #d9dde7;
   border-color: #d9dde7
}

.btn_icon {
   color: inherit;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 1.6rem;
   height: 1.6rem
}

.btn_icon.btn_icon--size_mod {
   width: 2rem;
   height: 2rem
}

@media screen and (min-width:1024px) {
   .btn_icon.btn_icon--size_mod {
      margin-right: .4rem
   }
}

.btn_icon .btn_icon:not(.btn_icon--last_mod) {
   margin-right: 1.6rem
}

.btn_icon .btn_icon.btn_icon--last_mod {
   margin-left: 1.6rem
}

@media screen and (min-width:1024px) {
   .btn_mobile {
      display: none
   }
}

.form_input,
.form_textarea {
   position: relative
}

.form_input .wpcf7-response-output,
.form_input .wpcf7-not-valid-tip,
.form_textarea .wpcf7-response-output,
.form_textarea .wpcf7-not-valid-tip {
   color: #fc1b13;
   text-align: left;
   font-size: 1rem;
   /* position: absolute; */
   top: 100%
}

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

   .form_input .wpcf7-response-output,
   .form_input .wpcf7-not-valid-tip,
   .form_textarea .wpcf7-response-output,
   .form_textarea .wpcf7-not-valid-tip {
      padding: .4rem 0 0 0rem
   }
}

@media screen and (max-width:1023.5px) {

   .form_input .wpcf7-response-output,
   .form_input .wpcf7-not-valid-tip,
   .form_textarea .wpcf7-response-output,
   .form_textarea .wpcf7-not-valid-tip {
      padding-left: 1.6rem
   }

   .form_input .wpcf7-not-valid-tip{
      padding-left:0rem
   }
}

.form_textarea__label,
.form_input__label {
   text-overflow: ellipsis;
   letter-spacing: 0;
   white-space: nowrap;
   color: #b0b3bc;
   pointer-events: none;
   text-align: left;
   transform-origin: 0 0;
   width: calc(100% - 3.8rem);
   font-size: 1.6rem;
   transition: all .2s ease-in-out;
   display: block;
   position: absolute;
   top: 1.2rem;
   left: 2rem;
   overflow: hidden
}

.form_input:has([aria-invalid=true]) .form_textarea__label {
   color: #020617 !important
}

.form_textarea:has([aria-invalid=true]) .form_textarea__label {
   color: #020617 !important
}

.form_input:has([aria-invalid=true]) .form_input__label {
   color: #020617 !important
}

.form_textarea:has([aria-invalid=true]) .form_input__label {
   color: #020617 !important
}

[data-filled] .form_textarea__label,
[data-filled] .form_input__label {
   color: #020617;
   width: 160%;
}

.form_input:has(input:focus) .form_textarea__label {
   color: #020617;
   width: 160%;
}

.form_textarea:has(textarea:focus) .form_textarea__label {
   color: #020617;
   width: 160%;
}

.form_input:focus-within .form_textarea__label {
   color: #020617;
   width: 160%;
}

.form_textarea:focus-within .form_textarea__label {
   color: #020617;
   width: 160%;
}

.form_input:has(input:focus) .form_input__label {
   color: #020617;
   width: 160%;
}

.form_textarea:has(textarea:focus) .form_input__label {
   color: #020617;
   width: 160%;
}

.form_input:focus-within .form_input__label {
}

.form_textarea:focus-within .form_input__label {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.subscribe__form_field_wrap {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   gap: .4rem;
   margin-bottom: 1.6rem;
}

.form_input__element {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none;
   caret-color: #020617;
   color: #020617;
   background-color: #fff;
   border: 1px solid #E2E8F0;
   border-radius: .4rem;
   width: 100%;
   height: 4rem;
   padding: .8rem 1.2rem;
   font-family: inherit;
   font-size: 1.4rem;
   font-weight: 400;
   transition: border-color .3s;
   display: block
}

.form_input__element::-webkit-input-placeholder {
   color: #020617
}

.form_input__element::-moz-placeholder {
   color: #020617;
}

.form_input__element:-ms-input-placeholder {
   color: #020617
}

.form_input__element::-webkit-contacts-auto-fill-button {
   visibility: hidden;
   position: absolute;
   right: 0
}

.form_input__element[type=search]::-ms-clear {
   display: none
}

.form_input__element[type=search]::-ms-reveal {
   display: none
}

.form_input__element[type=search]::-webkit-search-decoration {
   display: none
}

.form_input__element[type=search]::-webkit-search-cancel-button {
   display: none
}

.form_input__element[type=search]::-webkit-search-results-button {
   display: none
}

.form_input__element[type=search]::-webkit-search-results-decoration {
   display: none
}

.form_input__element[type=date]::-webkit-calendar-picker-indicator {
   opacity: 0
}

select.form_input__element {
   -webkit-tap-highlight-color: transparent
}

.form_input__element[aria-invalid=true] {
   caret-color: #020617;
   border-color: #E4E4E7
}

.form_input__element:not([aria-invalid=true]):focus {
   caret-color: #020617;
   border-color: #020617
}

.form_input__element.form_input__element--v1_mod {
   height: 4.5rem;
   padding: 0 5.6rem 0 2rem
}

@media screen and (min-width:1024px) {
   .form_input__element.form_input__element--v1_mod {
      font-size: 1.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_input__element.form_input__element--v1_mod {
      font-size: 1.6rem
   }
}

.form_input__element.form_input__element--v1_mod:hover,
.form_input__element.form_input__element--v1_mod:focus {
   border-color: #FF4E32
}

.form_input__element::-webkit-input-placeholder {
   color: #64748B;
   transition: color .2s ease-in-out
}

.form_input__element::placeholder {
   color: #64748B;
   transition: color .2s ease-in-out
}

.form_input__element:-ms-input-placeholder {
   color: #64748B;
   transition: color .2s ease-in-out
}

.form_input__element:not([data-filled=true] .form_input__element):focus::-webkit-input-placeholder {
   color: #64748B !important
}

.form_input__element:not([data-filled=true] .form_input__element):focus::-moz-placeholder {
   color: #64748B !important
}

.form_input__element:not([data-filled=true] .form_input__element):focus:-ms-input-placeholder {
   color: #64748B !important
}

@media screen and (min-width:1024px) {
   .subscribe__form .form_input__element {
      /* padding-right: 15rem */
   }
}

.form_textarea__element {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none;
   caret-color: #020617;
   color: #020617;
   background-color: #fff;
   border: 1px solid #d9dde7;
   border-radius: 2.4rem;
   width: 100%;
   height: 5.1rem;
   padding: 1.6rem 2rem;
   font-family: inherit;
   font-size: 1.6rem;
   font-weight: 500;
   transition: border-color .3s;
   display: block
}

.form_textarea__element::-webkit-input-placeholder {
   color: #b0b3bc
}

.form_textarea__element::-moz-placeholder {
   color: #b0b3bc;
   opacity: 1
}

.form_textarea__element:-ms-input-placeholder {
   color: #b0b3bc
}

.form_textarea__element::-webkit-contacts-auto-fill-button {
   visibility: hidden;
   position: absolute;
   right: 0
}

.form_textarea__element[type=search]::-ms-clear {
   display: none
}

.form_textarea__element[type=search]::-ms-reveal {
   display: none
}

.form_textarea__element[type=search]::-webkit-search-decoration {
   display: none
}

.form_textarea__element[type=search]::-webkit-search-cancel-button {
   display: none
}

.form_textarea__element[type=search]::-webkit-search-results-button {
   display: none
}

.form_textarea__element[type=search]::-webkit-search-results-decoration {
   display: none
}

.form_textarea__element[type=date]::-webkit-calendar-picker-indicator {
   opacity: 0
}

select.form_textarea__element {
   -webkit-tap-highlight-color: transparent
}

.form_textarea__element[aria-invalid=true] {
   caret-color: #020617;
   border-color: #020617
}

.form_textarea__element:not([aria-invalid=true]):focus {
   caret-color: #020617;
   border-color: #020617
}

.form_textarea__element.form_input__element--v1_mod {
   height: 4.5rem;
   padding: 0 5.6rem 0 2rem
}

@media screen and (min-width:1024px) {
   .form_textarea__element.form_input__element--v1_mod {
      font-size: 1.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_textarea__element.form_input__element--v1_mod {
      font-size: 1.6rem
   }
}

.form_textarea__element.form_input__element--v1_mod:hover,
.form_textarea__element.form_input__element--v1_mod:focus {
   border-color: #FF4E32
}

.form_textarea__element::-webkit-input-placeholder {
   color: transparent;
   transition: color .2s ease-in-out
}

.form_textarea__element::placeholder {
   color: transparent;
   transition: color .2s ease-in-out
}

.form_textarea__element:-ms-input-placeholder {
   color: transparent;
   transition: color .2s ease-in-out
}

.form_textarea__element:not([data-filled=true] .form_textarea__element):focus::-webkit-input-placeholder {
   color: #b0b3bc !important
}

.form_textarea__element:not([data-filled=true] .form_textarea__element):focus::-moz-placeholder {
   color: #b0b3bc !important
}

.form_textarea__element:not([data-filled=true] .form_textarea__element):focus:-ms-input-placeholder {
   color: #b0b3bc !important
}

@media screen and (min-width:1024px) {
   .form_textarea__element {
      height: 10.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_textarea__element {
      border-radius: 1.6rem;
      height: 11rem
   }
}

.form_select__label {
   text-overflow: ellipsis;
   letter-spacing: 0;
   white-space: nowrap;
   color: #b0b3bc;
   pointer-events: none;
   text-align: left;
   transform-origin: 0 0;
   width: calc(100% - 3.8rem);
   font-size: 1.6rem;
   transition: all .2s ease-in-out;
   display: block;
   position: absolute;
   top: 1.2rem;
   left: 2rem;
   overflow: hidden
}

.form_input:has([aria-invalid=true]) .form_select__label {
   color: #b0b3bc !important
}

.form_textarea:has([aria-invalid=true]) .form_select__label {
   color: #b0b3bc !important
}

[data-filled] .form_select__label {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_input:has(input:focus) .form_select__label {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_textarea:has(textarea:focus) .form_select__label {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_input:focus-within .form_select__label {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_textarea:focus-within .form_select__label {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_select__field {
   position: relative
}

.form_select__placeholder {
   z-index: 2;
   white-space: nowrap;
   text-overflow: ellipsis;
   letter-spacing: 0;
   pointer-events: none;
   width: 100%;
   max-width: 100%;
   font-size: 1.4rem;
   position: absolute;
   top: 50%;
   left: 0;
   overflow: hidden;
   transform: translateY(-50%)
}

@media screen and (min-width:1024px) {
   .form_select__placeholder {
      padding: 0 3.2rem 0 1.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_select__placeholder {
      padding: 0 3.4rem 0 1.6rem
   }
}

.form_select__placeholder strong {
   letter-spacing: .01em;
   padding-left: .6rem;
   font-weight: 700
}

.form_select__element {
   letter-spacing: 0;
   position: relative
}

.form_select__element.has-items {
   z-index: 3
}

.form_select__element.has-items .remove-button {
   opacity: 1;
   pointer-events: initial
}

.js-clear-mod .form_select__element.has-items .ts-control:after {
   opacity: 0;
   pointer-events: none
}

.form_select__element strong {
   font-weight: 700
}

.form_select__element.dropdown-active .ts-control {
   border-color: #FF4E32 !important
}

.form_select__element.multi .ts-control {
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor: pointer;
   max-width: 100%;
   display: block;
   overflow: hidden
}

.form_select__element.multi .ts-control .item {
   color: #020617;
   letter-spacing: .01em;
   pointer-events: none;
   background: 0 0;
   -ms-flex-align: center;
   align-items: center;
   min-height: 4.3rem;
   margin: 0;
   padding: 0;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.form_select__element.multi .ts-control .item.active {
   color: #020617;
   background-color: transparent
}

.form_select__element.multi .ts-control .item:not(:first-child) .label,
.form_select__element.multi .ts-control .item:last-child .coma {
   display: none
}

.form_select__element .remove-button {
   z-index: 5;
   color: #fff;
   pointer-events: none;
   opacity: 0;
   cursor: pointer;
   background-color: rgba(0, 64, 82, .5);
   border-radius: 50%;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   width: 2.4rem;
   height: 2.4rem;
   margin-left: auto;
   font-size: 0;
   transition: opacity .3s, background .3s;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   right: 1rem
}

.form_select__element .remove-button:hover,
.form_select__element .remove-button:focus {
   background-color: rgba(0, 64, 82, .8)
}

.form_select__element .remove-button:before,
.form_select__element .remove-button:after {
   content: "";
   background-color: currentColor;
   border-radius: 10rem;
   width: 1px;
   height: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   overflow: hidden
}

.form_select__element .remove-button:before {
   transform: translate(-50%, -50%)rotate(45deg)
}

.form_select__element .remove-button:after {
   transform: translate(-50%, -50%)rotate(-45deg)
}

.form_select__element .option.selected .remove-button {
   opacity: 1;
   pointer-events: initial
}

.form_select__element .ts-dropdown {
   color: #020617;
   background-color: #fff;
   border: 1px solid #d9dde7;
   border-radius: 1.2rem;
   padding: .4rem .6rem;
   font-size: 1.4rem;
   top: calc(100% + 2px);
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

.form_select__element .ts-dropdown .option {
   color: inherit;
   border-radius: 1.7rem;
   -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   font-weight: 500;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .form_select__element .ts-dropdown .option {
      padding: .8rem 1.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_select__element .ts-dropdown .option {
      padding: .8rem 1.6rem
   }
}

.form_select__element .ts-dropdown .option:not(:last-child) {
   margin-bottom: 2px
}

.form_select__element .ts-dropdown .option.active {
   background-color: transparent
}

.form_select__element .ts-dropdown .option.selected {
   pointer-events: none;
   background-color: #d9dde7 !important
}

@media(any-hover:hover) {
   .form_select__element .ts-dropdown .option:hover {
      background-color: #f5f6f9
   }
}

.form_select__element .ts-dropdown .option:hover,
.form_select__element .ts-dropdown .option:focus {
   text-decoration: none
}

.form_select__element .icon {
   object-fit: contain;
   width: 2.2rem;
   height: 1.2rem;
   display: block
}

.form_select__element .item {
   -ms-flex-align: center;
   align-items: center;
   gap: .6rem;
   display: -ms-flexbox;
   display: flex
}

.form_select__element .ts-control {
   color: #020617;
   border-width: 1px;
   border-color: #d9dde7;
   border-radius: 2.4rem;
   -ms-flex-align: center;
   align-items: center;
   min-height: 4.5rem;
   font-size: 1.4rem;
   font-weight: 400;
   transition: border-color .3s;
   position: relative;
   background-color: #fff !important
}

@media screen and (min-width:1024px) {
   .form_select__element .ts-control:not(.rtl) {
      padding: 0 3.2rem 0 1.2rem !important
   }
}

@media screen and (max-width:1023.5px) {
   .form_select__element .ts-control:not(.rtl) {
      padding: 0 3.4rem 0 1.6rem !important
   }
}

.form_select__element .ts-control:after {
   content: "";
   z-index: 1;
   border: .6rem solid transparent;
   border-top-color: currentColor;
   border-radius: 3px;
   transition: opacity .3s;
   position: absolute;
   top: 1.9rem
}

@media screen and (min-width:1024px) {
   .form_select__element .ts-control:after {
      right: 1.7rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_select__element .ts-control:after {
      right: 2.2rem
   }
}

.form_select__element .ts-control:hover {
   border-color: #FF4E32
}

.form_checkbox__block {
   display: block
}

.form_checkbox__element {
   display: none
}

.form_checkbox__label {
   color: #000;
   cursor: pointer;
   padding-left: 3rem;
   font-size: 1.6rem;
   position: relative
}

.form_checkbox__label:before,
.form_checkbox__label:after {
   cursor: pointer;
   content: "";
   width: 2rem;
   height: 2rem;
   position: absolute;
   top: -1px;
   left: 0
}

.form_checkbox__label:before {
   will-change: transform;
   border: 1px solid #000;
   border-radius: 2px;
   transition: transform .2s, opacity .2s
}

.form_checkbox__element:checked+.form_checkbox__label:before {
   opacity: 0;
   transform: rotate(40deg)scaleX(.6)translateY(-3px)
}

.form_checkbox__label:after {
   opacity: 0;
   border-bottom: 2px solid #000;
   border-right: 3px solid #000;
   transition: transform .2s, opacity .2s
}

.form_checkbox__element:checked+.form_checkbox__label:after {
   opacity: 1;
   transform: rotate(40deg)scaleX(.6)translateY(-3px)
}

.form_radio__block {
   display: block
}

.form_radio__element {
   display: none
}

.form_radio__label {
   color: #000;
   cursor: pointer;
   padding-left: 3rem;
   font-size: 1.6rem;
   position: relative
}

.form_radio__label:before {
   content: "";
   cursor: pointer;
   border: 1px solid #000;
   border-radius: 100%;
   width: 2rem;
   height: 2rem;
   position: absolute;
   top: -1px;
   left: 0
}

.form_radio__label:after {
   will-change: opacity;
   content: "";
   opacity: 0;
   background: #000;
   border-radius: 100%;
   width: 1rem;
   height: 1rem;
   transition: opacity .3s;
   position: absolute;
   top: .4rem;
   left: .5rem
}

.form_radio__element:checked+.form_radio__label:after {
   opacity: 1
}

.section_ui {
   color: #000;
   background-color: #fff;
   padding: 2rem 10rem
}

.section_ui__block:not(:last-child) {
   margin-bottom: 6rem
}

.section_ui__in {
   margin: 0
}

.section_ui__in.section_ui__in--size_mod {
   max-width: 100%
}

.section_ui__in:not(:last-child) {
   margin-bottom: 4rem
}

.section_ui__pages_list {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   gap: 2rem;
   display: -ms-flexbox;
   display: flex;
   overflow: auto
}

.section_ui__page_item_wrap {
   aspect-ratio: 1/2;
   border: 2px solid #000;
   min-width: 23%;
   display: block;
   position: relative
}

.section_ui__page_item_wrap:after {
   color: tomato;
   content: attr(data-page);
   background-color: #fff;
   padding: .2rem 1rem;
   font-size: 2rem;
   position: absolute;
   top: 2rem;
   right: 0
}

.section_ui__page_item_wrap:hover:after {
   background-color: #b7b7b7
}

.section_ui__page_item {
   width: 100%;
   height: 100%
}

.section_ui__title {
   font-size: 7.2rem;
   font-weight: 700
}

.section_ui__title:not(:last-child) {
   margin-bottom: 1.4rem
}

.section_ui__text {
   font-size: 1.8rem
}

.section_ui__text:not(:last-child) {
   margin-bottom: 2.6rem
}

.section_ui__text p:not(:last-child) {
   margin-bottom: .6rem
}

.section_ui__category {
   font-size: 5.6rem;
   font-weight: 700
}

.section_ui__category:not(:last-child) {
   margin-bottom: 1.4rem
}

.ui_typography__line:not(:last-child) {
   border-bottom: 1px solid rgba(0, 0, 0, .6);
   margin-bottom: 2rem;
   padding-bottom: 2rem
}

@media screen and (min-width:1024px) {
   .ui_typography__line:first-child {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:first-child {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(2) {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(2) {
      font-size: 2.4rem;
      line-height: normal
   }
}

.ui_typography__line:nth-child(3) {
   font-size: 2rem;
   line-height: 1.4
}

.ui_typography__line:nth-child(4) {
   font-size: 1.6rem;
   line-height: 1.4
}

.ui_typography__line:nth-child(5) {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   border-bottom: 0;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(5) {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(5) {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.ui_typography__line:nth-child(5)strong,
.ui_typography__line:nth-child(5)span {
   color: var(--accent, #db073d)
}

.ui_typography__line:nth-child(5):after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

.ui_typography__line:nth-child(6) {
   --accent: #FF4E32;
   color: #fff;
   text-align: center;
   background-color: #020617;
   border-bottom: 0;
   padding-bottom: 2.2rem;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(6) {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(6) {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.ui_typography__line:nth-child(6)strong,
.ui_typography__line:nth-child(6)span {
   color: var(--accent, #db073d)
}

.ui_typography__line:nth-child(6):after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(6) :not(:last-child) {
      margin-bottom: 9rem
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(6) :not(:last-child) {
      margin-bottom: 5.8rem
   }
}

.ui_typography__line:nth-child(7) {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   border-bottom: 0;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(7) {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(7) {
      font-size: 2.4rem;
      line-height: normal
   }
}

.ui_typography__line:nth-child(7)strong,
.ui_typography__line:nth-child(7)span {
   color: var(--accent, #db073d)
}

.ui_typography__line:nth-child(7):after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(7) {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(7) {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(7) :not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(7) :not(:last-child) {
      margin-bottom: 3.2rem
   }
}

.ui_typography__line:nth-child(8) {
   --accent: #FF4E32;
   color: #fff;
   text-align: center;
   background-color: #020617;
   border-bottom: 0;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(8) {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(8) {
      font-size: 2.4rem;
      line-height: normal
   }
}

.ui_typography__line:nth-child(8)strong,
.ui_typography__line:nth-child(8)span {
   color: var(--accent, #db073d)
}

.ui_typography__line:nth-child(8):after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(8) {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(8) {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .ui_typography__line:nth-child(8) :not(:last-child) {
      margin-bottom: 4.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .ui_typography__line:nth-child(8) :not(:last-child) {
      margin-bottom: 6.2rem
   }
}

.ui_buttons,
.ui_buttons__item {
   -ms-flex-flow: wrap;
   flex-flow: wrap;
   -ms-flex-line-pack: center;
   -ms-flex-pack: start;
   align-content: center;
   justify-content: flex-start;
   -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
   display: -ms-flexbox;
   display: flex
}

.ui_form__list {
   -ms-flex-flow: wrap;
   flex-flow: wrap;
   -ms-flex-line-pack: start;
   -ms-flex-pack: start;
   align-content: flex-start;
   justify-content: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   margin: 0 -2rem -2rem 0;
   display: -ms-flexbox;
   display: flex
}

.ui_form__item {
   padding: 0 2rem 2rem 0
}

@media screen and (min-width:768px) {
   .ui_form__item:not(.ui_form__item--full_mod) {
      width: 50%
   }

   .ui_form__item.ui_form__item--full_mod {
      width: 100%
   }
}

@media screen and (max-width:767px) {
   .ui_form__item {
      width: 100%
   }
}

.ui_form__title {
   text-overflow: ellipsis;
   letter-spacing: 0;
   white-space: nowrap;
   color: #b0b3bc;
   pointer-events: none;
   text-align: left;
   transform-origin: 0 0;
   width: calc(100% - 3.8rem);
   font-size: 1.6rem;
   transition: all .2s ease-in-out;
   display: block;
   position: absolute;
   top: 1.2rem;
   left: 2rem;
   overflow: hidden
}

.form_input:has([aria-invalid=true]) .ui_form__title {
   color: #b0b3bc !important
}

.form_textarea:has([aria-invalid=true]) .ui_form__title {
   color: #b0b3bc !important
}

[data-filled] .ui_form__title {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_input:has(input:focus) .ui_form__title {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_textarea:has(textarea:focus) .ui_form__title {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_input:focus-within .ui_form__title {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.form_textarea:focus-within .ui_form__title {
   color: #020617;
   width: 160%;
   transform: translateY(-.8rem)scale(.625)
}

.ui_form__subitem:not(:last-child) {
   margin-bottom: 1.2rem
}

.ui_components__item:not(:last-child) {
   margin-bottom: 2rem
}

.ui_components__title {
   font-size: 3.2rem;
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .hero:first-child {
      padding-top: 13.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .hero:first-child {
      padding-top: 10.5rem;
      padding-bottom: 0;
   }
}

.subscription__card-btn {
   width: 100%;
}

.subscription__card-btn-desktop,
.subscription__card-btn-mobile {
   width: 100%;
   display: block;
}

.subscription__card-btn-mobile {
   display: none;
}

@media (max-width: 1024px) {
   .subscription__card-btn-desktop {
       display: none;
   }
   
   .subscription__card-btn-mobile {
       display: block;
   }
} 


.hero__button-desktop,
.hero__button-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hero__button-mobile {
    display: none;
}

@media (max-width: 1024px) {
    .hero__button-desktop {
        display: none;
    }
    
    .hero__button-mobile {
        display: inline-flex;
    }
} 

.hero .section_in {
   max-width: 128rem
}


.hero__cols {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   display: -ms-flexbox;
   display: flex
}

.hero__cols--align-center {
   align-items: center;
}

@media screen and (min-width:768px) {
   .hero__col:first-child {
      width: 54%;
      padding-right: 2rem
   }

   .hero .hero__cols {
      align-items: center;
   }
}

@media screen and (max-width:767px) {
   .hero__col:first-child {
      -ms-flex-order: 2;
      order: 2;
      width: 100%
   }
}

@media screen and (min-width:768px) {
   .hero__col:nth-child(2) {
      width: 46%;
      margin-left: auto
   }
}

@media screen and (max-width:767px) {
   .hero__col:nth-child(2) {
      width: 100%;
      margin-bottom: 3.2rem
   }
}

.hero__pic {
   aspect-ratio: 1.38;
   border-radius: 1.2rem;
   width: 100%;
   display: block;
   position: relative;
   overflow: hidden
}

.hero__img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   /* max-height: 51.2rem;
   max-width: 41rem; */
   display: block;
   position: absolute;
   top: 0;
   right: 0
}

@media (min-width: 768px) {
   .hero__img {
      right: -25px;
   }
}

.hero__content {
   position: relative
}

.hero__content.hero_enterprise_v2_title:before {
   display: none;
}

@media screen and (max-width:767px) {
   .hero__pic {
      aspect-ratio: 1.2;
   }
   .hero__img {
      object-fit: contain;
   }

   .hero__content.hero_enterprise_v2_title h1 {
      text-align: left;
   }
}

.hero__content h1 {
   line-height: 1.3;
   position: relative;
   color: #020617;
}

@media screen and (min-width:1024px) {
   .hero__content h1 {
      font-size: 4rem;
      line-height: 1.2
   }
}

@media screen and (max-width:1023.5px) {
   .hero__content h1 {
      font-size: 2.8rem;
      line-height: 1.2
   }
}

.hero__content h1 strong {
   color: #db073d
}

@media screen and (min-width:768px) {
   .hero__content h1:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:767px) {
   .hero__content h1:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

.hero__content p {
   font-size: 1.8rem;
   color: #475569;
   line-height: 2.8rem;
}

.hero__content p:last-child {
   margin: 3.2rem 0;
   color: #020617;
   font-size: 1.8rem;
   font-weight: 500;
   line-height: 1.3;
}

.hero__content p strong {
   font-weight: 700
}

@media screen and (max-width:767px) {
   .hero__content {
      text-align: left
   }
   .hero__content p:last-child {
      margin: 1.6rem 0 3.2rem 0;
   }
}

@media screen and (min-width:768px) {
   .hero__content:not(:last-child) {
      margin-bottom: 3.2rem
   }
   .hero__content.hero_enterprise_v2_title:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:767px) {
   .hero__content:not(:last-child) {
      margin-bottom: 3.2rem
   }

   .hero__button a {
      width: 100%
   }
}

/* Enterprise v2 */
.hero.hero_enterprise {
   background: #fff !important;
}
.hero_enterprise_v2_content p {
   color: #020617;
   font-size: 2rem;
   font-weight: 400;
   line-height: 150%; 
   margin-bottom: 2rem;
}
.hero_enterprise_v2_content h3 {
   color: #020617;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 140%;
}
.hero_enterprise_v2_content h3 span {
   color: #DB073D;
}
.enterprise_v2__list {
   margin: 2.4rem 0;
}
.enterprise_v2__list_item {
   display: flex;
   align-items: center; 
   flex-wrap: nowrap;
   gap: .8rem;
   padding: 0 2rem;
}
.enterprise_v2__list_item:not(:last-child) {
   margin-bottom: 1rem;
}
.enterprise_v2_check__text {
   color: #020617;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 140%;
}

/* Video Section Styles */
.video_section__video.hero__col {
   order: 3;
}
.fullheight_video {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
   border-radius: 12px;
}


/* Стили для кнопки на видео */
.video_section__button {
   position: absolute;
   bottom: 1.6rem;
   left: 1.6rem;
   z-index: 10;
   transition: all 0.3s ease;
}

.fullheight_video {
   position: relative;
}

.fullheight_video::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0);
   pointer-events: none;
   transition: background-color 0.3s ease;
   z-index: 4;
}

.fullheight_video .video_section__button:hover ~ .fullheight_video__player + .fullheight_video::after,
.fullheight_video:has(.video_section__button:hover)::after {
   background-color: rgba(0, 0, 0, 0.4);
}

.btn_minimal.video_button.desctop {
   padding: .8rem 1.6rem;
   background: rgba(255, 255, 255, 0.50);
   backdrop-filter: blur(2px);
   --accent: #002631;
   height: 3.4rem;
}

.btn_minimal.video_button.desctop:hover {
   background: rgba(255, 255, 255, 0.1);
   border-color: #fff;
   color: #fff;
   backdrop-filter: blur(2px);
}

.video_section__button_mobile {
   display: none;
   margin-top: 2rem;
}

.fullheight_video .video_section__button:hover + .fullheight_video__player,
.fullheight_video .video_section__button:hover ~ .fullheight_video__player {
    filter: brightness(0.6);
}

@media (min-width: 769px) {
   .fullheight_video {
      height: 54.2rem;
   }
}

@media (max-width: 768px) {
   .video_section__button {
       display: none;
   }
   .video_section__button_mobile {
       display: block;
       width: 100%;
       text-align: center;
   }
   .fullheight_video {
      height: 35rem;
   }
}

.hero_enterprise .section_in {
   max-width: 112.5rem;
}

.fullheight_video__player {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.fullheight_video__controls {
   position: absolute;
   bottom: 1.6rem;
   right: 1.6rem;
   display: flex;
   gap: 10px;
   opacity: 0;
   transition: opacity 0.3s ease;
}

.fullheight_video:hover .fullheight_video__controls {
   opacity: 1;
}

.fullheight_video__sound,
.fullheight_video__fullscreen {
   background-color: rgba(0, 0, 0, 0.5);
   border: none;
   border-radius: 50%;
   width: 3.4rem;
   height: 3.4rem;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.fullheight_video__sound:hover,
.fullheight_video__fullscreen:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

.hero__col {
   position: relative;
}

.video_section__video.hero__col {
   flex: 1;
   min-height: 45rem;
   max-height: 60rem;
}

@media (max-width: 767px) {
   .hero__cols {
       flex-direction: column-reverse;
       gap: 2rem;
   }
   
   .video_section__video.hero__col {
       min-height: auto;
       margin-top: 10px;
       margin-bottom: 0;
   }
   .enterprise_v2__list_item {
      align-items: flex-start;
      padding: 0;
   }
   .enterprise_v2_check__icon {
      margin-top: -3.5px;
   }
}

/* Demo Video Section */
.video_demo_section__buttons {
   margin: 0 auto;
   padding-top: 5rem;
   text-align: center;
}

.video_demo_section.hero__special_offer {
   background: linear-gradient(180deg, #020617 60%, #fff 0%);
   padding-bottom: 0;
}

.video_demo_section__title.hero__content.hero__special_offer_title {
   margin-bottom: 5rem;
   text-align: center;
}

@media (max-width: 767px) {
   .video_demo_section__buttons {
      padding-top: 2.8rem;
   }
   .video_demo_section__buttons .btn_primary {
      width: 100%;
   }
   .video_demo_section__title.hero__content.hero__special_offer_title {
      margin-bottom: 2.8rem;
   }
   .video_demo_section.hero__special_offer {
      background: linear-gradient(180deg, #020617 100%, #fff 0%);
      padding-bottom: 4rem;
   }
}


/* Enterprise Offers */
.enterprise_offers {
   padding: 4rem 0;
   background-color: #F9FAFB;
}

.enterprise_offers__cards {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2.4rem;
   margin-top: 4rem;
}

.enterprise_offers__card {
   border-radius: 8px;
   border: 1px solid var(--Neutral-colors-400, #E1E4ED);
   box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);

   background: #fff;
   padding: .8rem;
   display: flex;
   flex-direction: column;
   height: 100%;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.enterprise_offers__card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.enterprise_offers__card {
   position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
}

.enterprise_offers__content {
   display: flex;
   flex-direction: column;
   height: 100%; 
}

.enterprise_offers__body {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}

.enterprise_offers__description,
.enterprise_offers__list {
   flex-grow: 0;
}

.enterprise_offers__button {
   margin-top: auto; 
}

.enterprise_offers__content {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}

.enterprise_offers__header {
   margin-bottom: 1.5rem;
   padding: 3.2rem 1.4rem 3.2rem 2.4rem;
   border-radius: .8rem;
   border: 1px solid var(--Neutral-colors-400, #E1E4ED);
   background: var(--Grey-Bg-app, #F5F7FA);
   box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);

}

.enterprise_offers__body {
   padding: 2rem 2.6rem;
}

.enterprise_offers__title {
   color: var(--Secondary-90, #002631);
   font-size: 3.6rem;
   font-weight: 700;
   line-height: 140%;
   margin-bottom: 2.4rem;
}

.enterprise_offers__subtitle {
   color: var(--Secondary-Secondary, #020617);
   font-size: 2rem;
   font-weight: 400;
   line-height: 150%; 
}

.enterprise_offers__description {
   color: var(--Secondary-Secondary, #020617);
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 2.4rem; 
}

.enterprise_offers__list {
   margin: 2.4rem 0;
   list-style: none;
   padding: 0;
}

.enterprise_offers__list_item {
   display: flex;
   align-items: flex-start;
}
.enterprise_offers__list_item:not(:last-child) {
   margin-bottom: 2rem;
}

.enterprise_offers__check_icon {
   flex-shrink: 0;
   margin-right: .8rem;
   margin-top: -3px;
}

.enterprise_offers__check_text {
   color: var(--Secondary-Secondary, #020617);
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 2.2rem;
}

.enterprise_offers__check_text b {
   font-weight: 600;
}

.enterprise_offers__btn {
   width: 100%;
}

/* Responsive styles */
@media (max-width: 1024px) {
   .enterprise_offers__cards {
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   }
   .enterprise_offers__title_s.basic_enterprise__title,
   .enterprise_offers__title_s.basic_enterprise__title h2 {
      text-align: center;
   }
   .enterprise_offers__title_s.basic_enterprise__title h2::after {
      left: 50%;
   }
   .enterprise_offers {
      padding: 4rem 1.6rem;
   }
}

@media (max-width: 767px) {
   .enterprise_offers__cards {
      grid-template-columns: 1fr;
   }
   .enterprise_offers__title {
      font-size: 2.4rem;
   }
}

/* Hero Special Offer */
.hero__special_offer {
   background: #020617;
   position: relative;
}
.hero__special_offer::before {
   content: '';
   position: absolute;
   top: -50%;
   right: -40%;
   width: 155rem;
   height: 72rem;
   border-radius: 90rem;
   opacity: 0.2;
   background: radial-gradient(43.93% 48.5% at 50.11% 50.08%, #FBFBFB 1.48%, rgba(249, 249, 249, 0.00) 100%);
   filter: blur(28px);
}
.hero__special_offer_title.hero__content::before {
   display: none;
}
.hero__special_offer_title h1 {
   color: #fff;
   font-size: 4.8rem;
   font-weight: 700;
   line-height: 140%;
}
.hero__content.hero__special_offer_title h1 strong {
   color: #FF4E32;
}  
.hero__special_offer_content {
   color: #fff;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 140%; 
   margin-bottom: 1.2rem;
}
.hero__special_offer_list {
   display: flex;
   flex-direction: column;
   gap: 1.2rem;

   margin-bottom: 3.5rem;
}
.hero__special_offer_list_item {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: nowrap;
   gap: 1.2rem;
}
.hero__special_offer_list_item_icon {
   width: 2.7rem;
   height: 2.7rem;
   flex-shrink: 0;
   background: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;

   color: #205868;
   font-size: 1.8rem;
   font-weight: 700;
   line-height: 120%;
}
.hero__special_offer_list_item_text {
   color: #FFF;
   font-size: 2rem;
   font-weight: 400;
   line-height: normal;
}
.hero__special_offer_img {
   display: none;
   margin-bottom: 2.8rem;
}

@media screen and (min-width: 768px) {
   .hero__special_offer_title.hero__content:not(:last-child) {
       margin-bottom: 3.5rem;
   }
}
@media screen and (max-width: 767px) {
   .hide_mob {
      display: none;
   }
   .hero__special_offer_img.show_desk {
      display: block;
   }
   .hero__special_offer_title h1 {
      font-size: 3.2rem;
   }
   .hero__special_offer_list, 
   .hero__special_offer_title {
      margin-bottom: 2.8rem;
   }
   .hero__special_offer_content {
      margin-bottom: 2rem;
   }
   .hero__special_offer::before {
      width: 49rem;
      height: 62rem;
      top: -50%;
      right: -10%;
   }
}

/* Free Contracts Section */
.free-contracts {
   padding: 7rem 1.6rem;
   background-color: #fff;
}

.special_benefits .section_in,
.free-contracts .section_in {
   max-width: 119.6rem;
}

.free-contracts__container {
   display: flex;
   align-items: center;
   /* gap: 60px; */
}

.free-contracts__content {
   flex: 1;
}

.special_benefits__title,
.free-contracts__title {
   font-size: 3.6rem;
   color: var(--Secondary-Secondary, #020617);
   font-weight: 700;
   line-height: 140%; 

   margin-bottom: 2.8rem;
}
.special_benefits__title strong ,
.free-contracts__title strong{
   color: #DB073D;
}

.free-contracts__text p {
   color: var(--Secondary-Secondary, #020617);
   font-size: 2rem;
   font-weight: 400;
   line-height: normal;
}
.free-contracts__text p:not(:last-child) {
   margin-bottom: 1.6rem;
}
.free-contracts__text {
   margin-bottom: 2.8rem;
}

.free-contracts__img {
   width: 100%;
   max-width: 44rem;
   height: auto;
   border-radius: 12px;
}

/* Special Benefits Section */
.special_benefits {
   padding: 0 1.6rem 7rem ;
   background-color: #fff;
}

.special_benefits__item {
   display: flex;
   align-items: flex-start;
   gap: 1.2rem;
}
.special_benefits__item:not(:last-child) {
   margin-bottom: 2.8rem;
}

.special_benefits__icon {
   flex: 0 0 24px;
   height: 24px;
   color: #E31E24;
}

.special_benefits__text {
   color: var(--Secondary-Secondary, #020617);
   font-size: 2rem;
   font-style: normal;
   font-weight: 400;
   line-height: 140%; 
}

.special_benefits__media {
   text-align: right;
}

.special_benefits__pic img{
   max-width: 44rem;
   width: 100%;
   height: auto;
   border-radius: 12px;
}

/* Media Queries */
@media (max-width: 1024px) {
   .special_benefits {
      padding: 0rem 1.6rem 4rem;
   }
   .free-contracts {
      padding: 4rem 1.6rem;
   }
   .free-contracts__container {
       flex-direction: column;
       /* gap: 40px; */
   }

   .free-contracts__media {
       flex: 0 0 100%;
       max-width: 100%;
   }
}

@media (max-width: 767px) {
   .special_benefits__title,
   .free-contracts__title {
      font-size: 2.4rem;
   }

   .special_benefits__container.hero__cols {
      flex-direction: column-reverse;
   }

   .special_benefits__media.hero__col {
      margin-bottom: 0;
      margin-top: 4rem;
   }

   .special_benefits__list {
      margin-bottom: 0;
   }

   .special_benefits__item:not(:last-child) {
      margin-bottom: 1.6rem;
   }
} 


/* Enterprise Legal */
.enterprise_legal {
   position: relative;
   background: #020617;
   padding: 7rem 0;
   overflow: hidden;
}

.enterprise_legal::before,
.enterprise_legal::after {
   position: absolute;
   content: "";
   border-radius: 47rem;
   opacity: 0.3;
   background: var(--Accent-Accent, #FF4E32);
   filter: blur(125px);
   width: 477px;
   height: 461px;
}
.enterprise_legal::before {
   top: -10rem;
   right: -25rem;
}
.enterprise_legal::after {
   left: -20rem;
   bottom: 10rem;
}
.enterprise_legal__title_s h2 {
   color: var(--Neutral-colors-100, #FFF) !important;
   text-align: center;
   font-size: 3.6rem;
   font-weight: 700;
   line-height: 140%; 
}
.enterprise_legal__title_s p {
   color: var(--Neutral-colors-100, #FFF);
   text-align: center;
   font-size: 2rem;
   font-weight: 400;
   line-height: 150%; /* 30px */
}
.enterprise_legal__img {
   position: relative; 
   width: 100%; 
   /* height: 100%;  */
   max-height: 66.4rem;
   display: flex; 
   align-items: center; 
   justify-content: center;
   overflow: hidden; 
   object-fit: cover;
   margin-top: 4rem;
   border-radius: 8px;
}
.enterprise_cols {
   display: flex;
   gap: 2.4rem;
   flex-direction: row;
   align-items: stretch;
}
.enterprise_col {
   flex: 1 0 49%;
}

.legal__mod {
   color: #fff;
}
.enterprise_offers__card.legal__mod {
   background: transparent;
}
.enterprise_offers__card.legal__mod:hover {
   transform: translateY(0px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.enterprise_offers__description.legal__mod {
   font-size: 2rem;
}
.enterprise_offers__header.legal__mod {
   margin-bottom: 2.4rem;
}

/* Responsive styles */
@media (max-width: 1024px) {
   .enterprise_legal__title_s.basic_enterprise__title-v2,
   .enterprise_legal__title_s.basic_enterprise__title-v2 h2 {
      text-align: center;
   }
   .enterprise_legal__title_s.basic_enterprise__title-v2 h2::after {
      left: 50%;
   }
   .enterprise_legal {
      padding: 4rem 1.6rem;
   }
   .enterprise_legal::before,
   .enterprise_legal::after {
      display: none;
   }
}

@media (max-width: 767px) {
   .enterprise_cols {
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      flex-wrap: wrap;
      gap: 0;
   }
   .enterprise_combi_image {
      margin-top: 0;
      order: 1;
   }
   .enterprise_offers__cards.enterprise_col {
      order: 2;
      margin-top: 2rem;
   }
   .enterprise_offers__title {
      font-size: 2.4rem;
   }
   .enterprise_legal__img {
      max-height: 40rem;
   }
}


/* Custom template */
.enterprise_custom.enterprise_offers {
   padding: 7rem 0;
}
.custom__mod {
   background: #020617;
   color: #fff;
}
.custom_cards {
   margin-top: 0;
}
.enterprise_offers__header.custom__mod {
   margin-bottom: 0;
}
.enterprise_offers__title.custom__mod {
   margin-bottom: 1rem;
}
.enterprise_legal__img.custom_cards {
   height: 100%;
}

/* Responsive styles */
@media (max-width: 1024px) {
   .enterprise_custom.enterprise_offers {
      padding: 4rem 1.6rem;
   }
   .enterprise_offers__cards.custom_cards {
      margin-top: 0;
   }
}

@media (max-width: 767px) {
   .enterprise_col.hide_mob.enterprise_combi_image {
      display: none;
   }
}

/* Enterprise Benefits */
.enterprise_benefits {
   background: #fff;
   padding: 7rem 0;
}

.enterprise_benefits__title_s {
   color: var(--Secondary-Secondary, #020617);
   text-align: center;
   font-size: 3.6rem;
   font-weight: 700;
   line-height: 140%;

   max-width: 99rem;
   margin: 0 auto;
}

.enterprise_benefits__cards {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 2.4rem;
   margin-top: 4rem;
}

.enterprise_benefits__card {
   display: flex;
   flex-direction: column;
   height: 100%;
   border-radius: 8px;
   border: 1px solid var(--Neutral-colors-400, #E1E4ED);
   background: var(--Neutral-colors-100, #FFF);
   box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
   padding: 4rem 2.4rem;
   transition: transform 0.3s ease;
}

.enterprise_benefits__card:hover {
   transform: translateY(-5px);
}

.enterprise_benefits__icon {
   width: 5.4rem;
   height: 5.4rem;
   border-radius: 50%;
   background-color: #f5f9fa;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 2.4rem;
}

.enterprise_benefits__icon img {
   width: 5.4rem;
   height: 5.4rem;
   object-fit: contain;
}

.enterprise_benefits__title {
   color: var(--Secondary-Secondary, #020617);
   font-size: 2rem;
   font-weight: 700;
   line-height: 140%;

   margin-bottom: 1.6rem;
}

.enterprise_benefits__description {
   color: var(--Secondary-Secondary, #020617);
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 140%;
}

/* Responsive Styles */
@media (max-width: 1024px) {
   .enterprise_benefits {
       padding: 4rem 1.6rem;
   }
   .enterprise_benefits__cards {
       grid-template-columns: repeat(2, 1fr);
   }
   .enterprise_benefits__title_s {
      max-width: 90%;
      font-size: 2.4rem;
      line-height: 140%;

   }
   
}

@media (max-width: 767px) {
   .enterprise_benefits__cards {
       grid-template-columns: 1fr;
   }
   
   .enterprise_benefits__title_s {
       max-width: 100%;
       margin-bottom: 30px;
   }
   
   .enterprise_benefits__title_s h2 {
       font-size: 28px;
   }
   
   .enterprise_benefits__card {
       padding: 24px;
   }
}


/* Button */
.btn_minimal.second_hero__btn {
   border-color: transparent;
   background: transparent;
   color: #FF4E32;
}

.btn_minimal.second_hero__btn:hover {
   color: #FF4E32;
   text-decoration: underline;
   text-underline-offset: .3rem;
}

@media screen and (max-width:767px) {
   .btn_minimal.second_hero__btn {
      margin-top: 16px;
   }
}

/* Blog category/tag pagination styles - based on Figma design */
.blog_category__pagination {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 1rem;
   margin-bottom: 5.2rem;
}

.pagination_container {
   display: flex;
   justify-content: center;
   align-items: center;
}

.pagination {
   display: flex;
   justify-content: center;
   align-items: center;
}

.pagination__list {
   display: flex;
   align-items: center;
   gap: 0.4rem;
   list-style: none;
   margin: 0;
   padding: 0;
}

.pagination__item {
   display: flex;
}

.pagination__item .page-numbers {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 4rem;
   height: 4rem;
   color: #020617;
   background-color: transparent;
   border: none;
   border-radius: 0.6rem;
   font-family: Inter;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 1.428571429;
   text-decoration: none;
   transition: all 0.2s ease;
   cursor: pointer;
}

/* Previous button with icon */
.pagination__item .page-numbers.prev {
   width: auto;
   height: 4rem;
   padding: 0.8rem 1.6rem 0.8rem 1rem;
   gap: 0.4rem;
}

/* Next button with icon */
.pagination__item .page-numbers.next {
   width: auto;
   height: 4rem;
   padding: 0.8rem 1rem 0.8rem 1.6rem;
   gap: 0.4rem;
}

/* Current/active page */
.pagination__item .page-numbers.current {
   color: #020617;
   background-color: #FFFFFF;
   border: 1px solid #E2E8F0;
   pointer-events: none;
   font-weight: 500;
}

/* Hover states */
.pagination__item .page-numbers:not(.current):hover {
   background-color: rgba(217, 221, 231, 0.2);
   text-decoration: none;
}

/* Focus states */
.pagination__item .page-numbers:focus {
   outline: none;
   background-color: rgba(217, 221, 231, 0.2);
   text-decoration: none;
}

/* Icon styling */
.pagination svg {
   width: 1.6rem;
   height: 1.6rem;
   flex-shrink: 0;
}

/* Mobile styles */
@media screen and (max-width: 1023.5px) {
   .blog_category__pagination {
      padding-bottom: 4rem;
      margin-bottom: 0;
   }
   
   .pagination__item .page-numbers {
      font-size: 1.4rem;
   }
   
   .pagination__item .page-numbers.prev,
   .pagination__item .page-numbers.next {
      padding: 0.8rem 1.2rem;
   }
}

/* Fallback styles for general pagination (non-blog category/tag pages) */
.pagination:not(.blog_category__pagination .pagination) {
   display: flex;
   justify-content: center;
   align-items: center;
}

.pagination:not(.blog_category__pagination .pagination) ul {
   display: flex;
   align-items: center;
   list-style: none;
   margin: 0;
   padding: 0;
   gap: 0.8rem;
}

.pagination:not(.blog_category__pagination .pagination) li .page-numbers {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 4rem;
   height: 4rem;
   color: #020617;
   background-color: transparent;
   border-radius: 0.6rem;
   font-size: 1.6rem;
   font-weight: 500;
   text-decoration: none;
   transition: all 0.3s ease;
}

.pagination:not(.blog_category__pagination .pagination) li .page-numbers.prev,
.pagination:not(.blog_category__pagination .pagination) li .page-numbers.next {
   padding: 1.1rem 1rem;
}

.pagination:not(.blog_category__pagination .pagination) a:hover,
.pagination:not(.blog_category__pagination .pagination) a:focus {
   background-color: rgba(217, 221, 231, 0.2);
   text-decoration: none;
}

.pagination:not(.blog_category__pagination .pagination) .page-numbers.current {
   color: #FF4E32;
   background-color: #b0f1e1;
   font-weight: 600;
   pointer-events: none;
}

.pagination:not(.blog_category__pagination .pagination) svg {
   width: 100%;
   height: 100%;
   display: block;
}

.page404 {
   text-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: auto 0;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .page404 {
      padding: 17.4rem var(--gl-hr-indent)17.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .page404 {
      padding: 19rem var(--gl-hr-indent)6rem
   }
}

.page404 .section_in {
   max-width: 49rem
}

.page404__pic {
   z-index: -1;
   position: absolute;
   top: 50%;
   left: 50%
}

@media screen and (min-width:1024px) {
   .page404__pic {
      width: 85.4rem;
      height: 32.2rem;
      margin: -16.1rem 0 0 -42.7rem
   }
}

@media screen and (max-width:1023.5px) {
   .page404__pic {
      width: 34.4rem;
      height: 13rem;
      margin: -13.5rem 0 0 -17.2rem
   }
}

.page404__img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

@media screen and (max-width:767px) {
   .page404__content {
      padding: 0 2.6rem
   }
}

@media screen and (min-width:768px) {
   .page404__content:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (max-width:767px) {
   .page404__content:not(:last-child) {
      margin-bottom: 3rem
   }
}

@media screen and (min-width:1024px) {
   .page404__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .page404__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

@media screen and (min-width:768px) {
   .page404__title:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (max-width:767px) {
   .page404__title:not(:last-child) {
      margin-bottom: 3rem
   }
}

.page404__text {
   max-width: 45rem;
   margin: 0 auto;
   font-size: 1.6rem;
   line-height: 1.2
}

.page404__buttons {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 2.5rem;
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:767px) {

   .page404__buttons a,
   .page404__buttons_item {
      width: 100%
   }

   .page404__buttons_item:first-child {
      -ms-flex-order: 2;
      order: 2
   }
}

.legal_contracts {
   background-color: rgba(217, 221, 231, .2);
   border: 1px solid rgba(7, 219, 165, .04);
   border-radius: 3rem
}

@media screen and (min-width:1024px) {
   .legal_contracts {
      padding-bottom: 4.4rem
   }
   .legal_contracts.templates {
      padding-bottom: 7rem
   }
}

@media screen and (max-width:1023.5px) {
   .legal_contracts {
      padding-bottom: 4rem
   }
   .legal_contracts.templates {
      padding-bottom: 2rem;
      padding-top: 2rem;
   }
}

.legal_contracts .section_in {
   z-index: 2;
   max-width: 100rem;
   position: relative
}

.legal_contracts:before,
.legal_contracts:after {
   content: "";
   opacity: .6;
   background-color: #FF4E32;
   border-radius: 50%;
   position: absolute
}

@media screen and (min-width:1024px) {
   .legal_contracts:before {
      filter: blur(20rem);
      width: 22rem;
      height: 22rem;
      bottom: 18rem
   }
}

@media screen and (max-width:1023.5px) {
   .legal_contracts:before {
      filter: blur(6rem);
      width: 8rem;
      height: 8rem;
      bottom: 14rem;
      left: 4rem
   }
}

@media screen and (min-width:1024px) {
   .legal_contracts:after {
      filter: blur(20rem);
      width: 22rem;
      height: 22rem;
      top: 19.2rem;
      right: 4rem
   }
}

@media screen and (max-width:1023.5px) {
   .legal_contracts:after {
      filter: blur(6rem);
      width: 8rem;
      height: 8rem;
      top: 8rem;
      right: 4rem
   }
}

.legal_contracts__title {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .legal_contracts__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .legal_contracts__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

.legal_contracts__title strong,
.legal_contracts__title span {
   color: var(--accent, #db073d)
}

.legal_contracts__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .legal_contracts__title {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .legal_contracts__title {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .legal_contracts__title:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .legal_contracts__title:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

.legal_contracts__title strong {
   color: #db073d
}

.legal_contracts__dropdown {
   color: #020617;
   position: relative
}

@media screen and (min-width:768px) {
   .legal_contracts__dropdown {
      width: 31.2rem;
      margin: 0 auto 3.6rem
   }
}

@media screen and (max-width:767px) {
   .legal_contracts__dropdown {
      margin-bottom: 4rem
   }
}

.legal_contracts__dropdown_current {
   color: #020617;
   cursor: pointer;
   background-color: #fff;
   border: 1px solid #d9dde7;
   border-radius: 3rem;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   font-family: Inter, sans-serif;
   transition: border-color .3s;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

@media screen and (min-width:1024px) {
   .legal_contracts__dropdown_current {
      padding: 1.2rem 2.6rem 1.2rem 1rem
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .legal_contracts__dropdown_current {
      padding: 1rem 2.6rem 1rem 1rem
   }
}

@media screen and (max-width:767px) {
   .legal_contracts__dropdown_current {
      padding: 1.3rem 2.6rem 1.3rem 1.6rem
   }
}

.legal_contracts__dropdown_current:hover,
.legal_contracts__dropdown_current:focus {
   border-color: #FF4E32
}

.legal_contracts__dropdown_current:after {
   content: "";
   border: .5rem solid transparent;
   border-top: .6rem solid #020617;
   border-bottom-width: 0;
   margin-top: -.3rem;
   position: absolute;
   top: 50%
}

@media screen and (min-width:768px) {
   .legal_contracts__dropdown_current:after {
      right: 1.5rem
   }
}

@media screen and (max-width:767px) {
   .legal_contracts__dropdown_current:after {
      right: 2.1rem
   }
}

.legal_contracts__dropdown_current_prefix {
   margin-right: 1.4rem;
   font-size: 1.4rem
}

@media screen and (max-width:767px) {
   .legal_contracts__dropdown_current_prefix {
      letter-spacing: .05em
   }
}

.legal_contracts__dropdown_current_flag {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 1.6rem;
   height: 1.2rem;
   margin-right: .8rem
}

.legal_contracts__dropdown_list .legal_contracts__dropdown_current_flag {
   margin-right: 1.4rem
}

.legal_contracts__dropdown_current_img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.legal_contracts__dropdown_current_img img {
   object-fit: contain;
   display: block;
   width: 100% !important;
   height: 100% !important
}

.legal_contracts__dropdown_current_title {
   text-align: left;
   font-size: 1.4rem;
   font-weight: 500
}

.legal_contracts__dropdown_current .legal_contracts__dropdown_current_title {
   font-weight: 700
}

.legal_contracts__dropdown_list {
   opacity: 0;
   pointer-events: none;
   background-color: #fff;
   border: 1px solid #d9dde7;
   border-radius: 1rem;
   width: 100%;
   padding: .4rem;
   transition: opacity .3s;
   position: absolute;
   top: calc(100% + 1rem);
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

.legal_contracts__dropdown--active_state .legal_contracts__dropdown_list {
   opacity: 1;
   pointer-events: initial
}

.legal_contracts__dropdown_trigger {
   color: #020617;
   border-radius: 1.6rem;
   -ms-flex-align: center;
   align-items: center;
   padding: .6rem 1.5rem;
   transition: background-color .3s;
   display: -ms-flexbox;
   display: flex
}

.legal_contracts__dropdown_trigger:hover,
.legal_contracts__dropdown_trigger:focus {
   background-color: rgba(217, 221, 231, .2);
   text-decoration: none
}

.legal_contracts__dropdown_trigger.legal_contracts__dropdown_trigger--active_state {
   background-color: #d9dde7
}

@media screen and (min-width:1024px) {
   .legal_contracts__tabs:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .legal_contracts__tabs:not(:last-child) {
      margin-bottom: 3rem
   }
}

.legal_contracts__tabs_item {
   display: none
}

.legal_contracts__tabs_item.legal_contracts__tabs_item--active_state {
   display: block
}

.legal_contracts__button {
   -ms-flex-pack: center;
   justify-content: center;
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:767px) {
   .legal_contracts__button a {
      width: 100%
   }
}

@media screen and (min-width:1024px) {
   .advantages.section {
      padding-left: 0;
      padding-right: 0;
   }
}

.advantages__list {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 0 -2rem -1.6rem 0;
   display: -ms-flexbox;
   display: flex
}

.subscription .section_in {
   max-width: 125rem;
}
.subscription-cards .section_in {
   max-width: 128.5rem;
}

.subscription-advantages__item {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
}

@media screen and (max-width:1023.5px) {
   .subscription-advantages__item {
      gap: 4px;
   }

   .subscription-advantages__item img {
      width: 20px;
      height: 20px;
   }

   .subscription-advantages__text {
      line-height: normal;
      letter-spacing: -0.5px;
      font-size: 16px;
   }
}


.advantages__link {
   color: #020617;
   text-align: center;
   background-color: #fff;
   border: 1px solid #d9dde7;
   border-radius: 1rem;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   height: 100%;
   transition: all .3s;
   display: -ms-flexbox;
   display: flex;
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

@media screen and (min-width:1024px) {
   .advantages__link {
      padding: 2rem 4.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .advantages__link {
      padding: 1.1rem 2rem
   }
}

.advantages__icon {
   background-color: #ffebf7;
   border-radius: 50%;
   margin: 0 auto;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .advantages__icon {
      width: 8rem;
      height: 8rem
   }
}

@media screen and (max-width:1023.5px) {
   .advantages__icon {
      width: 5.4rem;
      height: 5.4rem
   }
}

.advantages__icon:not(:last-child) {
   margin-bottom: 1rem
}

.advantages__title {
   -ms-flex-positive: 1;
   flex-grow: 1;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex
}

.advantages__title_in {
   letter-spacing: -.005em
}

@media screen and (min-width:1024px) {
   .advantages__title_in {
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .advantages__title_in {
      font-size: 2rem
   }
}

.banner {
   color: #fff;
   background-color: #020617;
   border: 1px solid #020617;
   border-radius: 1.6rem;
   overflow: hidden
}

@media screen and (min-width:768px) {
   .banner {
      padding: 2.8rem 8rem
   }
}

@media screen and (max-width:767px) {
   .banner {
      text-align: center;
      padding: 2.3rem 3rem 1.8rem
   }
}

.banner__cols {
   z-index: 2;
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

@media screen and (max-width:767px) {
   .banner__cols {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
   }
}

@media screen and (min-width:768px) {
   .banner__col:first-child {
      max-width: 57rem;
      margin-right: 2rem
   }
}

@media screen and (max-width:767px) {
   .banner__col:first-child {
      width: 100%;
      margin-bottom: 2rem
   }
}

@media screen and (min-width:768px) {
   .banner__col:nth-child(2) {
      z-index: 1;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-left: auto;
      position: relative
   }
}

@media screen and (max-width:767px) {
   .banner__col:nth-child(2) {
      width: 100%
   }
}

.banner__title {
   font-weight: 700;
   line-height: 1.4
}

@media screen and (min-width:1024px) {
   .banner__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .banner__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

.banner__title strong {
   color: #FF4E32
}

@media screen and (min-width:1024px) {
   .banner__title {
      letter-spacing: .01em
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .banner__title {
      letter-spacing: .02em
   }
}

@media screen and (max-width:767px) {
   .banner__title {
      font-weight: 700;
      line-height: 1.5
   }
}

.banner__decor {
   z-index: -1;
   position: absolute;
   top: 50%;
   left: 50%
}

@media screen and (min-width:768px) {
   .banner__decor {
      width: 27.4rem;
      height: 27.4rem;
      margin: -13.7rem 0 0 -13.7rem
   }
}

@media screen and (max-width:767px) {
   .banner__decor {
      width: 25rem;
      height: 25rem;
      margin: -18.8rem 0 0 -27rem
   }
}

@media screen and (min-width:768px) {
   .banner--v1_mod .banner__decor {
      width: 4.7rem;
      height: 36rem;
      margin: -18rem 0 0 -2.7rem
   }
}

@media screen and (max-width:767px) {
   .banner--v1_mod .banner__decor {
      margin: -19.2rem 0 0 -27.2rem
   }
}

.banner__decor_img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

@media screen and (min-width:1024px) {
   .banner__decor_img.banner__decor_img--mobile_mod {
      display: none
   }
}

@media screen and (max-width:1023.5px) {
   .banner__decor_img.banner__decor_img--desktop_mod {
      display: none
   }
}

@media screen and (max-width:767px) {
   .banner__btn:not(.banner--v1_mod .banner__btn) a {
      width: 100%
   }
}

.banner--v1_mod .banner__btn {
   text-align: center;
   min-width: 28rem
}

.banner__btn .btn_primary {
   box-shadow: 0 2px 4px rgba(0, 64, 82, .2)
}

.templates .section_in {
   max-width: 120rem
}

.templates__cols {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .templates__col:first-child {
      width: 36%;
      padding-right: 8rem
   }
}

@media screen and (max-width:1023.5px) {
   .templates__col:first-child {
      display: none
   }
}

@media screen and (min-width:1024px) {
   .templates__col:nth-child(2) {
      width: 64%
   }
}

@media screen and (max-width:1023.5px) {
   .templates__col:nth-child(2) {
      width: 100%
   }
}

.templates__sidebar {
   background-color: #fff;
   border-radius: 1rem;
   padding: 2.8rem 4.2rem 2.6rem 2.2rem;
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15);
   max-height: unset !important;
   height: auto !important
}

@media screen and (min-width:1024px) {
   .templates__sidebar.templates__sidebar--mobile_mod {
      display: none
   }
}

.templates__sidebar.templates__sidebar--mobile_mod:not(:last-child) {
   margin-bottom: 4rem
}

.templates__sidebar__title {
   font-size: 2rem;
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .templates__sidebar__title {
      margin-left: 1.4rem
   }
}

.templates__sidebar__title:not(:last-child) {
   margin-bottom: 1.6rem
}

.templates__sidebar_item:not(:last-child) {
   margin-bottom: -.3rem
}

.templates__sidebar_trigger {
   letter-spacing: .01em;
   cursor: pointer;
   border-radius: 1rem;
   padding: 1rem 1rem 1rem 3.2rem;
   font-size: 1.6rem;
   line-height: 1.15;
   transition: background-color .3s, font-weight .3s;
   position: relative
}

.templates__sidebar_trigger.templates__sidebar_trigger--dropdown_mod:before {
   content: "";
   border: .5rem solid transparent;
   border-left: .6rem solid #020617;
   border-right-width: 0;
   transition: transform .3s;
   position: absolute;
   top: 1.4rem;
   left: 1rem
}

.templates__sidebar_item--active-state .templates__sidebar_trigger,
.templates__sidebar_trigger.templates__sidebar_dropdown_link--active_mod {
   font-weight: 700
}

.templates__sidebar_trigger:hover,
.templates__sidebar_item--active-state .templates__sidebar_trigger {
   background-color: rgba(217, 221, 231, .2)
}

.templates__sidebar_trigger:hover:before,
.templates__sidebar_item--active-state .templates__sidebar_trigger:before {
   border-color: transparent transparent transparent #db073d
}

.templates__sidebar_item--active-state .templates__sidebar_trigger:before {
   transform: rotate(-90deg)
}

.templates__sidebar_dropdown {
   max-height: 0;
   transition: max-height .3s;
   overflow: hidden
}

.templates__sidebar_dropdown_in {
   padding: 2px 0 .6rem 4rem
}

.templates__sidebar_dropdown_item:not(:last-child) {
   margin-bottom: -.2rem
}

.templates__sidebar_dropdown_link {
   display: inline-flex;
   letter-spacing: .03em;
   color: #020617;
   will-change: font-weight;
   font-size: 1.6rem;
   line-height: 1.25;
   transition: font-weight .3s
}

.templates__sidebar_dropdown_link.templates__sidebar_dropdown_link--active_mod,
.templates__sidebar_dropdown_link:hover,
.templates__sidebar_dropdown_link:focus {
   text-shadow: 1px 0;
   text-decoration: none
}

@media screen and (min-width:1024px) {
   .templates__search_wrap:not(:last-child) {
      margin-bottom: 6.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .templates__search_wrap:not(:last-child) {
      margin-bottom: 2.6rem
   }
}

.templates__search {
   position: relative
}

.templates__search .form_input__element {
   letter-spacing: .03em;
   height: 4.5rem;
   padding-top: 0;
   font-size: 1.4rem
}

@media screen and (max-width:1023.5px) {
   .templates__search .form_input__element {
      font-size: 1.6rem
   }
}

.templates__search .form_input__element::-webkit-input-placeholder {
   color: #b0b3bc;
   transition: color .2s ease-in-out
}

.templates__search .form_input__element::placeholder {
   color: #b0b3bc;
   transition: color .2s ease-in-out
}

.templates__search .form_input__element:-ms-input-placeholder {
   color: #b0b3bc;
   transition: color .2s ease-in-out
}

@media screen and (min-width:1024px) {
   .templates__search .form_input__label {
      font-size: 1.4rem
   }
}

.templates__search.templates__search--active_state .form_input__element {
   border-color: #FF4E32
}

.templates__search_submit {
   color: #FF4E32;
   cursor: pointer;
   pointer-events: none;
   border-left: 1px solid #d9dde7;
   border-radius: 0 .3rem .3rem 0;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   width: 4.6rem;
   transition: background-color .3s, color .3s;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   top: 1px;
   bottom: 1px;
   right: 1px
}

.templates__search--active_state .templates__search_submit {
   pointer-events: initial
}

.templates__search--active_state .templates__search_submit.templates__search_submit--reset_mod {
   opacity: 1
}

.templates__search_submit.templates__search_submit--reset_mod {
   opacity: 0;
   z-index: 2;
   background-color: #d9dde7;
   display: none
}

@media screen and (max-width:1023.5px) {
   .templates__search_submit.templates__search_submit--reset_mod {
      display: none
   }
}

.templates__search_submit.templates__search_submit--reset_mod:hover,
.templates__search_submit.templates__search_submit--reset_mod:focus {
   background-color: gray
}

.templates__search--active_state .templates__search_submit,
.templates__search--active_state .templates__search_submit:hover {
   color: #fff;
   background-color: #FF4E32
}

.templates__search_submit_icon {
   transition: opacity .3s;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-55%, -50%)
}

.templates__search_submit--submit_mod .templates__search_submit_icon {
   width: 1.4rem;
   height: 1.4rem
}

.templates__search_submit--reset_mod .templates__search_submit_icon {
   width: 1.1rem;
   height: 1.1rem
}

@media screen and (min-width:1024px) {
   .templates__block:not(:last-child) {
      margin-bottom: 6rem
   }
}

@media screen and (max-width:1023.5px) {
   .templates__block:not(:last-child) {
      margin-bottom: 3.8rem
   }
   .legal_contracts.templates .templates__sidebar.templates__sidebar--mobile_mod:not(:last-child) {
      margin-bottom: 0;
   }
}

@media screen and (min-width:1024px) {
   .templates__block_title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .templates__block_title {
      font-size: 2.4rem;
      line-height: normal
   }
}

.templates__block_title:not(:last-child) {
   margin-bottom: 2.4rem
}

.templates__no_results {
   text-align: center;
   max-width: 30rem;
   margin: 0 auto
}

/* Dots Animation */
@keyframes dots {
   0% { content: ""; }
   25% { content: "."; }
   50% { content: ".."; }
   75% { content: "..."; }
   100% { content: ""; }
}

.loading .dots::after {
   content: "";
   animation: dots 1.5s infinite steps(4);
}

.blog_list__row .templates__no_results {
   margin-top: 5rem
}

.templates__no_results_pic {
   width: 12.4rem;
   height: 10.2rem;
   margin: 0 auto 2.8rem
}

.templates__no_results_img {
   width: 100%;
   height: 100%;
   display: block
}

.templates__no_results_title {
   letter-spacing: .04em;
   font-size: 1.6rem;
   font-weight: 700;
}

.templates__no_results_title:not(:last-child) {
   margin-bottom: 1.4rem
}

.templates__no_results_text {
   letter-spacing: .01em;
   font-size: 1.4rem;
   line-height: 1.4;
}

.templates__no_results_text strong {
   color: #FF4E32;
   font-weight: 700
}

.templates_content {
   color: #020617;
   font-size: 1.8rem;
   font-weight: 400;
   line-height: 1.5
}

.templates_content h1:not(:first-child),
.templates_content h2:not(:first-child),
.templates_content h3:not(:first-child),
.templates_content h4:not(:first-child),
.templates_content h5:not(:first-child),
.templates_content h6:not(:first-child) {
   margin-top: 3rem
}

@media screen and (min-width:1024px) {
   .templates_content h1 {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .templates_content h1 {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.templates_content h1:not(:last-child) {
   margin-bottom: 3.8rem
}

@media screen and (min-width:1024px) {
   .templates_content h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .templates_content h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.templates_content h2:not(:last-child) {
   margin-bottom: 3.2rem
}

.templates_content h3 {
   font-size: 2rem;
   line-height: 1.4
}

@media screen and (min-width:1024px) {
   .templates_content h3 {
      font-size: 2.4rem
   }
}

.templates_content h3:not(:last-child) {
   margin-bottom: .8rem
}

.templates_content h4 {
   font-size: 1.6rem;
   line-height: 1.4
}

.templates_content h4:not(:last-child) {
   margin-bottom: 1rem
}

.templates_content h5 {
   font-size: 1.5rem;
   line-height: 1.4
}

.templates_content h5:not(:last-child) {
   margin-bottom: .8rem
}

.templates_content h6 {
   font-size: 1.4rem;
   line-height: 1.4
}

.templates_content h6:not(:last-child) {
   margin-bottom: .6rem
}

.templates_content strong {
   letter-spacing: .01em;
   font-weight: 700
}

.templates_content s {
   text-decoration: line-through
}

.templates_content u {
   text-decoration: underline
}

.templates_content em {
   font-style: italic
}

.templates_content a:not(:is(.article_banner a, .btn_primary)) {
   letter-spacing: .01em;
   color: #FF4E32;
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none;
   text-underline-offset: 3px;
   font-size: 1.8rem;
   font-weight: 700;
   line-height: 1.4;
   text-decoration: underline;
   transition: color .3s
}

.templates_content a:not(:is(.article_banner a, .btn_primary)):hover {
   text-decoration: none
}

.templates_content a:not(:is(.article_banner a, .btn_primary)):focus {
   text-decoration: none
}

.templates_content .btn_primary {
   letter-spacing: .03em
}

@media screen and (max-width:767px) {
   .templates_content .btn_primary {
      width: 100%
   }
}

.templates_content p {
   letter-spacing: 0
}

.templates_content p:not(:last-child) {
   margin-bottom: 1.5rem
}

.templates_content figure {
   border-radius: .8rem;
   width: 100%;
   height: 100%;
   display: block;
   overflow: hidden
}

.templates_content figure:not(:last-child) {
   margin-bottom: 3.2rem
}

.templates_content figure img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.templates_content figure img:not(:last-child) {
   margin-bottom: .6rem
}

.templates_content figure figcaption {
   font-size: 1.4rem
}

.templates_content ul:not(.article_banner ul),
.templates_content ol:not(.article_banner ol) {
   letter-spacing: 0;
   padding-left: 3rem
}

.templates_content ul:not(.article_banner ul):not(:last-child),
.templates_content ol:not(.article_banner ol) :not(:last-child) {
   margin-bottom: 1.5rem
}

.templates_content ul:not(.article_banner ul) li {
   position: relative
}

.templates_content ul:not(.article_banner ul) li:before {
   content: "";
   background-color: currentColor;
   border-radius: 50%;
   width: .6rem;
   height: .6rem;
   position: absolute;
   top: .6em;
   left: -1.8rem;
   overflow: hidden
}

.templates_content ol:not(.article_banner ol) li {
   list-style-type: decimal
}

.templates_content blockquote {
   border-left: 2px solid #FF4E32;
   padding-left: 2.4rem
}

.templates_content blockquote:not(:last-child) {
   margin-bottom: 1.5rem
}

.templates_content hr {
   border: 0;
   border-top: 2px solid #FF4E32;
   margin: 0
}

.templates_content .wp-block-separator {
   border: 0
}

.quality {
   background-color: #fff;
   border-radius: 1rem;
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

@media screen and (min-width:1024px) {
   .quality {
      padding: 3rem
   }
}

@media screen and (max-width:1023.5px) {
   .quality {
      padding: 2.4rem 1.6rem
   }
}

@media screen and (max-width:767px) {
   .quality {
      text-align: center
   }
}

.quality__cols {
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:767px) {
   .quality__cols {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
   }
}

.quality__cols:not(:last-child) {
   margin-bottom: 2rem
}

.quality__pic {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 6.4rem;
   height: 6.4rem
}

@media screen and (min-width:768px) {
   .quality__pic {
      margin-right: 2rem
   }
}

@media screen and (max-width:767px) {
   .quality__pic {
      margin: 0 auto 1.6rem
   }
}

.quality__img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.quality__title {
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .quality__title {
      letter-spacing: .03em;
      font-size: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .quality__title {
      letter-spacing: .01em;
      font-size: 2rem
   }
}

.quality__text {
   letter-spacing: .01em;
   font-size: 1.4rem
}

.quality__btn {
   letter-spacing: .03em;
   color: #020617;
   background-color: #f9fafb;
   border-radius: 1rem;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   width: 100%;
   padding: 0 2.5rem 1px;
   font-size: 1.6rem;
   font-weight: 700;
   display: -ms-inline-flexbox;
   display: inline-flex
}

@media screen and (min-width:1024px) {
   .quality__btn {
      height: 4rem;
      line-height: 3.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .quality__btn {
      height: 4.5rem;
      line-height: 4.3rem
   }
}

@media screen and (min-width:1024px) {
   .template_el__item:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .template_el__item:not(:last-child) {
      margin-bottom: .8rem
   }
}

@media screen and (min-width:1024px) {
   .template_el--v2_mod .template_el__item:not(:last-child) {
      margin-bottom: .5rem
   }
}

@media screen and (max-width:1023.5px) {
   .template_el--v2_mod .template_el__item:not(:last-child) {
      margin-bottom: .8rem
   }
}

.template_el__link {
   color: #020617;
   background-color: #fff;
   border: 1px solid #d9dde7;
   border-radius: 1rem;
   -ms-flex-align: center;
   align-items: center;
   transition: background-color .3s, box-shadow .3s;
   display: -ms-flexbox;
   display: flex;
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

@media screen and (min-width:1024px) {
   .template_el__link {
      padding: 1.9rem 3.3rem
   }
}

@media screen and (max-width:1023.5px) {
   .template_el__link {
      padding: 1.5rem
   }
}

@media screen and (min-width:1024px) {
   .template_el--v2_mod .template_el__link {
      padding: 1.1rem 2.6rem 1.1rem 3.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .template_el--v2_mod .template_el__link {
      padding: 1.5rem 1.6rem 1.5rem 1.3rem
   }
}

.template_el__link:hover,
.template_el__link:focus {
   background-color: rgba(217, 221, 231, .2);
   border-color: rgba(217, 221, 231, .2);
   text-decoration: none;
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

.template_el__icon {
   -ms-flex-negative: 0;
   flex-shrink: 0
}

@media screen and (min-width:1024px) {
   .template_el__icon {
      width: 2rem;
      height: 2.4rem;
      margin-right: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .template_el__icon {
      width: 1.3rem;
      height: 2rem;
      margin-right: 1rem
   }
}

.template_el__title {
   white-space: nowrap;
   text-overflow: ellipsis;
   letter-spacing: -.005em;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .template_el__title {
      padding-right: 2rem;
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .template_el__title {
      letter-spacing: .006em;
      padding-right: 1rem;
      font-size: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .template_el--v2_mod .template_el__title {
      letter-spacing: 0;
      font-size: 1.8rem
   }
}

.template_el__subtitle {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -ms-flex-align: center;
   align-items: center;
   margin-left: auto;
   display: -ms-flexbox;
   display: flex
}

.template_el__subtitle_in {
   letter-spacing: -.005em;
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .template_el__subtitle_in {
      font-size: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .template_el__subtitle_in {
      font-size: 1.4rem
   }
}

@media screen and (max-width:767px) {
   .template_el__subtitle_in {
      display: none
   }
}

.template_el--v2_mod .template_el__subtitle_in {
   display: none
}

.template_el__subtitle_icon {
   transform-origin: 50%;
   width: 1.6rem;
   height: 1.6rem;
   transition: transform .3s
}

@media screen and (min-width:768px) {
   .template_el__subtitle_icon {
      margin-left: 1rem
   }
}

.template_el--v2_mod .template_el__subtitle_icon {
   margin-left: 0
}

.template_el__link:hover .template_el__subtitle_icon {
   transform: scale(1.2)
}

.protection {
   color: #fff;
   background-color: #020617;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .protection {
      padding-top: 4.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .protection {
      padding-top: 2.6rem
   }
}

.protection .section_in {
   z-index: 2;
   max-width: 79.2rem;
   position: relative
}

.protection:before,
.protection:after {
   content: "";
   opacity: .6;
   background-color: #FF4E32;
   border-radius: 50%;
   position: absolute
}

@media screen and (min-width:1024px) {
   .protection:before {
      filter: blur(25rem);
      width: 48.6rem;
      height: 48.6rem;
      top: -21.8rem;
      left: -12.5rem
   }
}

@media screen and (max-width:1023.5px) {
   .protection:before {
      filter: blur(15rem);
      width: 36.2rem;
      height: 36.2rem;
      top: -18rem;
      left: -19.8rem
   }
}

.protection:after {
   filter: blur(40rem);
   width: 86.4rem;
   height: 86.4rem;
   top: -4.8rem;
   right: -40rem
}

@media screen and (max-width:1023.5px) {
   .protection:after {
      display: none
   }
}

.protection__title {
   text-align: center;
   letter-spacing: .003em
}

@media screen and (min-width:1024px) {
   .protection__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .protection__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

@media screen and (min-width:1024px) {
   .protection__title:not(:last-child) {
      margin-bottom: 6.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .protection__title:not(:last-child) {
      margin-bottom: 3.8rem
   }
}

.protection__item {
   text-align: center;
   max-width: 41.6rem;
   margin: 0 auto
}

@media screen and (min-width:1024px) {
   .protection__item:not(:last-child) {
      margin-bottom: 2.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .protection__item:not(:last-child) {
      margin-bottom: 2.2rem
   }
}

.protection__item_pic {
   margin: 0 auto 2.4rem
}

@media screen and (min-width:1024px) {
   .protection__item_pic {
      width: 11rem;
      height: 11rem
   }
}

@media screen and (max-width:1023.5px) {
   .protection__item_pic {
      width: 8.8rem;
      height: 8.8rem
   }
}

.protection__item_img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.protection__item_title {
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .protection__item_title {
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .protection__item_title {
      font-size: 2rem
   }
}

.protection__item_title:not(:last-child) {
   margin-bottom: .7rem
}

.protection__item_text {
   letter-spacing: -.05em;
   font-size: 1.8rem
}

.protection__button {
   pointer-events: none;
   -ms-flex-pack: center;
   justify-content: center;
   display: -ms-flexbox;
   display: flex
}

.latest_blogs .section_in {
   max-width: 117.6rem
}

.latest_blogs__title {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .latest_blogs__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .latest_blogs__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

.latest_blogs__title strong,
.latest_blogs__title span {
   color: var(--accent, #db073d)
}

.latest_blogs__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .latest_blogs__title {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .latest_blogs__title {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .latest_blogs__title:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .latest_blogs__title:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

.latest_blogs__title strong {
   color: #db073d
}

@media screen and (min-width:1024px) {
   .latest_blogs__list_w:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .latest_blogs__list_w:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

@media screen and (min-width:768px) {
   .latest_blogs__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -3rem;
      margin-right: -3rem;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (min-width:1024px) {
   .latest_blogs__item {
      width: 33.3333%
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .latest_blogs__item {
      width: 50%
   }
}

@media screen and (min-width:768px) {
   .latest_blogs__item {
      padding-bottom: 3rem;
      padding-right: 3rem
   }
}

@media screen and (max-width:767px) {
   .latest_blogs__item {
      width: 100%
   }

   .latest_blogs__item:not(:last-child) {
      margin-bottom: 2rem
   }
}

.latest_blogs__link_w {
   -ms-flex-pack: center;
   justify-content: center;
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:767px) {
   .latest_blogs__link {
      width: 100%
   }
}

.latest_blogs__link_icon {
   width: 1.6rem;
   height: 1.6rem;
   display: block
}


/* Hero Post for blog Page */

/* Blog Hero Section Styles */
.blog_post__hero {
   margin-bottom: 4.8rem;
}

.blog_hero__container {
   display: flex;
   align-items: center;
   gap: 6.4rem;
}

/* Desktop Layout */
@media screen and (min-width: 1024px) {
   .blog_hero__container {
      flex-direction: row-reverse;
   }
   
   .blog_hero__image {
      flex: 0 0 51.2rem;
      order: 2;
   }
   
   .blog_hero__content {
      flex: 1;
      order: 1;
   }
}

/* Mobile Layout */
@media screen and (max-width: 1023px) {
   .blog_hero__container {
      flex-direction: column;
      gap: 3.2rem;
      padding: 9.6rem 1.6rem 1.6rem;
   }
   
   .blog_hero__image {
      order: 2;
      width: 100%;
   }
   
   .blog_hero__content {
      order: 1;
      width: 100%;
   }
   .blog_post__hero {
      margin-bottom: .8rem;
   }
}

.blog_hero__image img {
   width: 100%;
   height: auto;
   border-radius: 1.2rem;
   object-fit: cover;
}

/* Desktop image dimensions */
@media screen and (min-width: 1024px) {
   .blog_hero__image img {
      height: 41rem;
   }
}

/* Mobile image dimensions */
@media screen and (max-width: 1023px) {
   .blog_hero__image img {
      height: 28.9rem;
   }
}

.blog_hero__content {
   display: flex;
   flex-direction: column;
   gap: 3.2rem;
}

/* Mobile content gap adjustment */
@media screen and (max-width: 1023px) {
   .blog_hero__content {
      gap: 2.4rem;
   }
}

.blog_hero__info {
   display: flex;
   flex-direction: column;
   gap: 2rem;
}

/* Mobile info gap adjustment */
@media screen and (max-width: 1023px) {
   .blog_hero__info {
      gap: 1.6rem;
   }
}

.blog_hero__meta .article_card__meta {
   margin-bottom: 0;
}

.blog_hero__text {
   display: flex;
   flex-direction: column;
   gap: 0.4rem;
}

.blog_hero__title {
   color: #020617;
   font-family: Inter;
   font-weight: 700;
   margin: 0;
   margin-bottom: 2rem;
}

/* Desktop title */
@media screen and (min-width: 1024px) {
   .blog_hero__title {
      font-size: 4rem;
      line-height: 1.25; /* 50px */
      max-width: 62.6rem;
   }
}

/* Mobile title */
@media screen and (max-width: 1023px) {
   .blog_hero__title {
      font-size: 2.8rem;
      line-height: 1.2; /* 33.6px */
   }
}

.blog_hero__description {
   color: #475569;
   font-family: Inter;
   font-size: 1.8rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.556; /* 28px */
   margin: 0;
}

/* Desktop description */
@media screen and (min-width: 1024px) {
   .blog_hero__description {
      max-width: 62.6rem;
   }
}

.blog_hero__action {
   display: flex;
   align-items: flex-start;
}

/* Desktop action button */
@media screen and (min-width: 1024px) {
   .blog_hero__action .btn_primary {
      padding: 0.8rem 1.6rem;
      height: 4rem;
   }
}

/* Mobile action button */
@media screen and (max-width: 1023px) {
   .blog_hero__action {
      width: 100%;
   }
   
   .blog_hero__action .btn_primary {
      width: 100%;
      text-align: center;
      justify-content: center;
      padding: 0.8rem 3.2rem;
   }
}

/* Add section posts */

/* Blog Category Sections Styles */
.blog_category_section {
	padding: 5.2rem 0;
}

.blog_category__container {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}

.blog_category__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4.8rem;
	gap: 4.8rem;
}

.blog_category__title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.2;
	color: #030712;
	margin: 0;
}

.blog_category__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	padding: 0.8rem 1.6rem;
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.428;
	color: #030712;
	background: #ffffff;
	border: 1px solid #020617;
	border-radius: 4px;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.3s ease;
}

.blog_category__button:hover {
   border-color: #FF4E32;
	background: #fff;
	color: #FF4E32;
   text-decoration: none;
}

/* Posts Layout */
.blog_category__posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}

.blog_category__post_card {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}

.blog_category__separator {
	display: none; /* Hide separators on desktop */
}

.blog_category__footer {
   display: none;
}

/* SMB Guide Special Styles */
.blog_category_section--smb-guide {
	background: #F6F9FC;
}

.blog_category_section--smb-guide .blog_category__container {
	margin: 0 auto;
}

.blog_category__smb_wrapper {
	display: flex;
	align-items: stretch;
	gap: 4.8rem;
}

.blog_category__smb_info {
	display: flex;
	flex-direction: column;
	gap: 3.2rem;
	flex: 1;
}

.blog_category__smb_text {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.blog_category__smb_title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.2;
	color: #030712;
	margin: 0;
}

.blog_category__smb_description {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.556;
	color: #475569;
	margin: 0;
}

.blog_category__smb_description p {
	margin: 0;
}

.blog_category__smb_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16.4rem;
	flex-shrink: 0;
}

.blog_category__smb_posts {
	display: flex;
	flex-direction: row;
	gap: 2.4rem;
	/* flex: 1; */
}

.blog_category__smb_card {
	background: #ffffff;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	overflow: hidden;
   max-width: 34.8rem;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}

.blog_category__smb_image {
	width: 100%;
	height: 26.1rem;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}

.blog_category__smb_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.blog_category__smb_card:hover .blog_category__smb_img {
	transform: scale(1.05);
}

.blog_category__smb_card_content {
	padding: 2.4rem;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	flex: 1;
}

.blog_category__smb_meta {
	display: flex;
	align-items: center;
	gap: 1.2rem;
}

.blog_category__smb_date {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.428;
	color: #64748B;
}

.blog_category__smb_divider {
	width: 4px;
	height: 4px;
	background: #64748B;
	border-radius: 0;
	flex-shrink: 0;
}

.blog_category__smb_tag {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.428;
	color: #1D4ED8;
	text-decoration: none;
	text-transform: uppercase;
}

.blog_category__smb_tag:hover {
	text-decoration: underline;
}

.blog_category__smb_card_title {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #030712;
	text-decoration: none;
	margin: 0;
	transition: color 0.3s ease;
}

.blog_category__smb_card_title:hover {
   text-decoration: underline;
   text-underline-offset: 3px;
}

.blog_category__smb_card_text {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.428;
	color: #475569;
	margin: 0;
}

/* SMB Guide Mobile Styles */
@media (max-width: 768px) {
	.blog_category_section--smb-guide {
		padding: 1.6rem 0 0;
	}
	
	.blog_category_section--smb-guide .blog_category__container {
		/* padding: 0 1.6rem; */
	}

   .blog_category__smb_card {
      max-width: 100%;
   }

   .blog_category_section {
      padding-left: 1.6rem;
      padding-right: 1.6rem;
   }
	
	.blog_category__smb_wrapper {
		flex-direction: column;
		align-items: center;
		gap: 3.6rem;
	}
	
	.blog_category__smb_info {
		text-align: start;
		gap: 3.2rem;
		align-self: stretch;
	}
	
	.blog_category__smb_title {
		font-size: 2.4rem;
		line-height: 1.25;
	}
	
	.blog_category__smb_description {
		font-size: 1.8rem;
		line-height: 1.556;
	}
	
	.blog_category__smb_button {
		width: 100%;
		height: auto;
		padding: 0.8rem 3.2rem;
		align-self: stretch;
	}
	
	.blog_category__smb_posts {
      flex-direction: column;
		align-self: stretch;
		gap: 2.4rem;
	}
}

/* Responsive Styles */
@media (max-width: 1023px) {
	.blog_category_section {
		padding: 1.6rem 1.6rem 3.2rem 1.6rem;
	}
	
	.blog_category__container {
		padding: 0;
	}
	
	.blog_category__header {
		flex-direction: column;
		align-items: stretch;
		gap: 1.6rem;
		margin-bottom: .8rem;
	}
	.blog_category__header .blog_category__button {
		display: none;
	}

   .blog_category__footer {
      display: block;
      width: 100%;
      margin-top: 0.8rem;
   }
   .blog_category__button {
      width: 100%;
   }
	
	.blog_category__title {
		font-size: 2.4rem;
		line-height: 1.25;
	}
	
	.blog_category__button {
      height: 4.4rem;
		align-self: stretch;
		justify-content: center;
		padding: 0.8rem 3.2rem;
	}
	
	/* Mobile: single column, hide images, add borders */
	.blog_category__posts {
		grid-template-columns: 1fr;
		gap: 0;
	}
	
	.blog_category__post_card {
		padding: 2.4rem 0;
		border-bottom: 1px solid #E2E8F0;
		gap: 1.2rem;
	}

   .blog_category__post_card:hover .article_card__img {
      transform: scale(1.05) !important;
   }
	
	.blog_category__post_card:last-child {
		border-bottom: none;
	}
	
	.blog_category__post_card .article_card__media {
		display: none;
	}
	
	.blog_category__separator {
		display: none; /* Keep separators hidden on mobile too */
	}
	
	/* SMB Guide Mobile Styles */
	.blog_category__smb_header {
		flex-direction: column;
		align-items: stretch;
		gap: 3.2rem;
		margin-bottom: 3.6rem;
	}
	
	.blog_category__smb_title {
		font-size: 2.4rem;
		line-height: 1.25;
	}
	
	.blog_category__smb_description {
		font-size: 1.8rem;
		line-height: 1.556;
	}
	
	.blog_category__smb_button {
		align-self: stretch;
		justify-content: center;
		padding: 0.8rem 3.2rem;
      height: 4.4rem;
	}
	
	.blog_category__smb_posts {
		grid-template-columns: 1fr;
		gap: 2.4rem;
	}
}


.article_card {
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   height: 100%;
   transition: box-shadow .3s;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   overflow: hidden;
   gap: 1.6rem;
}

.related_articles__title {
   color: #020617;
   font-family: Inter;
   font-size: 3.2rem;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   text-align: center;
}

.section.similar_articles {
   padding-top: 4.8rem;
}

@media screen and (min-width:1024px) {
   .article_card {
      /* padding: 1.4rem 1.8rem */
   }

   .section.similar_articles {
      padding-left: 0;
      padding-right: 0;
   }
}

@media screen and (max-width:1023.5px) {
   .article_card {
      /* padding: 1.2rem 1.4rem 1.6rem */
   }

   .related_articles__title {
      font-size: 2.4rem;
      line-height: 3rem;
   }
   .section.similar_articles {
      padding-top: 2.4rem;
   }
}

.article_card:hover,
.article_card:focus {
   text-decoration: none;
   /* box-shadow: 0 4px 2rem rgba(0, 64, 82, .3) */
}

.article_card__media {
   display: block
}

.article_card__media:not(:last-child) {
   /* margin-bottom: 1.8rem */
}

.article_card__pic {
   border-radius: 1.2rem;
   width: 100%;
   height: 28.9rem;
   display: block;
   position: relative;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .article_card__pic {
      padding-bottom: 59%
   }
}

@media screen and (max-width:1023.5px) {
   .article_card__pic {
      padding-bottom: 62.6%
   }
}

.article_card__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   transition: transform 0.3s ease;
}

/* Hover effect for all article card images */
.article_card:hover .article_card__img {
   transform: scale(1.05);
}

.article_card__content {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-positive: 1;
   flex-grow: 1;
   display: -ms-flexbox;
   display: flex
}

.article_card__meta {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 1.2rem;
   margin-bottom: 1.2rem; 
}

.article_card__meta_date {
   color: #64748B;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2rem; /* 142.857% */
}

.article_card__meta_tag {
   color: #1D4ED8;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2rem; /* 142.857% */
   text-transform: uppercase;
}

.article_card__meta_tag:hover {
   text-decoration: underline !important;
   text-underline-offset: 3px !important;
}

.article_card__title {
   text-overflow: ellipsis;
   color: #030712;
   -webkit-box-orient: vertical;
   text-align: left;
   font-size: 1.6rem;
   line-height: 2.4rem;
   display: -webkit-box;
   font-weight: 600;
   transition: color .3s ease;
   /* flex: 1; */
}

.article_card__title:hover {
   text-decoration: underline;
   text-underline-offset: 3px;
}

.article_card__title:not(:last-child) {
   margin-bottom: 1.2rem
}

.article_card__text {
   letter-spacing: 0;
   color: #475569;
   -ms-flex-positive: 1;
   flex-grow: 1;
   /* overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap; */

   text-align: left;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2rem; /* 142.857% */
}

@media screen and (min-width:1024px) {
   .article_card__text:not(:last-child) {
      margin-bottom: 0rem
   }
}

.article_card__hint {
   letter-spacing: 0;
   text-underline-offset: 2px;
   color: #FF4E32;
   margin-left: auto;
   font-size: 1.4rem;
   font-weight: 700;
   text-decoration: underline;
   transition: opacity .3s
}

.article_card__hint:hover {
   opacity: .6
}

@media screen and (max-width:1023.5px) {
   .article_card__hint {
      padding-right: 1.2rem
   }
}

@media screen and (min-width:1200px) {
   .lang_menu {
      z-index: 20;
      opacity: 0;
      pointer-events: none;
      height: auto;
      padding-top: 1.8rem;
      transition: transform .3s, opacity .3s;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-50%, -1rem)
   }

   .header__languages:hover .lang_menu,
   .header__languages:focus .lang_menu {
      opacity: 1;
      pointer-events: initial;
      transform: translate(-50%)
   }
}

@media screen and (max-width:1199px) {
   .lang_menu {
      height: var(--full-screen);
      z-index: 110;
      padding: var(--header-vr-indent)var(--gl-hr-indent)1.5rem;
      opacity: 0;
      pointer-events: none;
      will-change: opacity;
      background-color: #f9fafb;
      transition: opacity .3s ease-in-out;
      position: fixed;
      top: 0;
      left: 0
   }

   .body--open_menu_state .lang_menu.lang_menu--open_state {
      opacity: 1;
      pointer-events: initial
   }
}

@media screen and (min-width:1200px) {
   .lang_menu__in {
      filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15));
      background-color: #fff;
      border-radius: 3rem;
      padding: .5rem
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__in {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: start;
      justify-content: flex-start;
      height: 100%;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (min-width:1200px) {
   .lang_menu__wrap {
      display: none
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__wrap {
      min-height: var(--header-inner-height);
      -ms-flex-align: center;
      align-items: center;
      gap: 2rem;
      width: 100%;
      margin: 0 auto;
      padding: 4px 2rem;
      display: -ms-flexbox;
      display: flex;
      position: relative
   }

   .lang_menu__wrap:before {
      content: "";
      background-color: #fff;
      border-radius: 5rem;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
   }
}

@media screen and (max-width:1199px) and (min-width:1200px) {
   .lang_menu__wrap:before {
      filter: drop-shadow(0 0 1rem rgba(0, 0, 0, .05))
   }
}

@media screen and (max-width:1199px) and (max-width:1199px) {
   .lang_menu__wrap:before {
      filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15))
   }
}

@media(hover:hover) {
   .lang_menu__close:hover {
      color: #FF4E32
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__list_w {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex: auto;
      flex: auto;
      padding-top: 3rem;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden
   }

   .lang_menu__list {
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: calc(100% + 1rem);
      margin-right: -1rem;
      padding: 2rem 1rem 5rem 0;
      overflow-y: auto
   }
}

@media screen and (min-width:1200px) {
   .lang_menu__list_title {
      display: none
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__list_title {
      line-height: 1.2
   }
}

@media screen and (min-width:1200px) {
   .lang_menu__item:not(:last-child) {
      margin-bottom: 3px
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__item:not(:last-child) {
      margin-bottom: 3.8rem
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__link {
      width: 100%;
      font-size: 1.6rem;
      font-weight: 700;
      transition: color .2s ease-in-out;
      position: relative
   }

   .lang_menu__link:hover,
   .lang_menu__link:focus {
      text-decoration: none
   }
}

@media screen and (max-width:1199px) and (hover:hover) {
   .lang_menu__link:hover {
      color: #FF4E32
   }
}

@media screen and (min-width:1200px) {
   .submenu {
      opacity: 0;
      pointer-events: none;
      z-index: 1000;
      min-width: 19rem;
      height: auto;
      padding-top: 1.2rem;
      transition: opacity .3s, transform .3s ease-in-out;
      position: absolute;
      top: calc(100% + .8rem);
      left: 50%;
      transform: translate(-50%)
   }

   .header_menu__item:hover .submenu {
      opacity: 1;
      pointer-events: initial
   }

   .header_menu__item:focus-within .submenu {
      opacity: 1;
      pointer-events: initial
   }

   .submenu__wrap {
      filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15));
      background-color: #fff;
      border-radius: 2.4rem;
      padding: 1.8rem;
      position: relative;
      max-height: unset !important
   }
}

@media screen and (max-width:1199px) {
   .submenu__wrap {
      -webkit-clip-path: inset(0);
      clip-path: inset(0);
      will-change: transform;
      width: 100%;
      max-height: 0;
      transition: all .3s
   }

   .submenu__list {
      padding: 0 1.6rem
   }
}

@media screen and (min-width:1200px) {
   .submenu__link {
      border-radius: 1.8rem;
      padding: .7rem 1.2rem
   }
}

@media screen and (min-width:1200px) and (hover:hover) {
   .submenu__link:hover {
      background-color: #d9dde7
   }
}

@media screen and (max-width:1199px) {
   .submenu__link {
      padding: 2rem 0
   }
}

@media screen and (max-width:1199px) and (hover:hover) {
   .submenu__link:hover {
      color: #FF4E32
   }
}

@media screen and (min-width:1200px) {
   .submenu__link_title {
      font-weight: 500
   }
}

@media screen and (max-width:1199px) {
   .submenu__link_title {
      font-weight: 400
   }
}

/* CTA Section */
.cta.section {
   padding-top: 0rem;
   margin-bottom: -1px;
}

.cta .section_in {
   max-width: 128rem;
}

/* CTA Container */
.cta__container {
   background-color: #327DF6;
   position: relative;
   overflow: hidden;
   border-radius: 1.2rem;
   width: 100%;
   margin: 0 auto;
}

.blog_cta .cta__container {
   background-color: #1E3A8A;
}

@media screen and (min-width: 768px) {
   .cta__container {
      max-width: 128rem;
   }
}

@media screen and (max-width: 767px) {
   .cta.section {
      padding-top: 0;
      padding-bottom: 2.2rem;
   }
}

/* Background decorations */
.cta_v2.blog_cta {
   padding-top: 5.2rem;
   padding-bottom: 5.2rem;
}

.cta__bg {
   position: absolute;
   pointer-events: none;
   z-index: 0;
}

.cta__bg img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

/* Desktop decorations */
.cta__bg.cta__bg--desktop {
   display: block;
}

@media screen and (max-width: 767px) {
   .cta__bg.cta__bg--desktop {
      display: none;
   }

   .cta_v2.blog_cta {
      padding-top: 1.6rem;
      padding-bottom: 2.2rem;
   }
}

.cta__bg.cta__bg--left.cta__bg--desktop {
   top: -4.4rem;
   left: -2rem;
   width: 30.5rem;
   height: 29.6rem;
}

.blog_cta .cta__bg.cta__bg--left.cta__bg--desktop {
   top: auto;
   bottom: 0rem;
   left: -5rem;
   width: 25rem;
   height: 25rem;
}

.cta__bg.cta__bg--right.cta__bg--desktop {
   top: -5.2rem;
   right: -2rem;
   width: 30.5rem;
   height: 30.6rem;
}

.blog_cta .cta__bg.cta__bg--right.cta__bg--desktop {
   top: -5rem;
   right: -5rem;
   width: 25rem;
   height: 25rem;
}

/* Mobile decorations */
.cta__bg.cta__bg--mob {
   display: none;
}

@media screen and (max-width: 767px) {
   .cta__bg.cta__bg--mob {
      display: block;
   }
}

.cta__bg.cta__bg--left.cta__bg--mob {
   top: 3rem;
   left: -2.3rem;
   width: 13.5rem;
   height: 16.6rem;
}

.cta__bg.cta__bg--right.cta__bg--mob {
   top: 3rem;
   right: -1.3rem;
   width: 13.5rem;
   height: 16.6rem;
}

/* Content container */
.cta__content {
   position: relative;
   z-index: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}

@media screen and (min-width: 768px) {
   .cta__content {
      padding: 5.2rem 6.4rem;
      gap: 3.2rem;
   }
   
   .blog_cta .cta__content {
      padding: 7.2rem 1.4rem;
      gap: 3.2rem;
      max-width: 66rem;
      margin: 0 auto;
   }

   .blog_cta.cta_v2 .cta__content {
      padding: 5.2rem 1.4rem;
      gap: 3.2rem;
      max-width: 80rem;
      margin: 0 auto;
   }
   
}

@media screen and (max-width: 767px) {
   .cta__content {
      padding: 2.4rem;
      gap: 2.4rem;
   }
}

/* Title styles */
.cta__title {
   color: #FFFFFF;
   font-family: 'Inter', sans-serif;
   font-weight: 700;
   text-align: center;
   margin: 0;
}

.cta__description {
   color: #FFF;
   text-align: center;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2rem; /* 142.857% */
}

@media screen and (min-width: 768px) {
   .cta__title {
      font-size: 3.2rem;
      line-height: 1.2;
      max-width: 80rem;
   }
}

@media screen and (max-width: 767px) {
   .cta__title {
      font-size: 2.4rem;
      line-height: 1.25;
      max-width: 29.4rem;
   }

   .blog_cta .cta__title {
      min-width: 100%;
   }
}

.cta__title strong {
   color: #FFFFFF;
}

/* Button styles */
.cta__btn {
   display: inline-flex;
   align-items: center;
   gap: 0.8rem;
   background-color: #FFFFFF;
   color: #020617;
   border: none;
   border-radius: 0.4rem;
   font-family: 'Inter', sans-serif;
   font-weight: 500;
   font-size: 1.4rem;
   line-height: 1.428;
   text-decoration: none;
   cursor: pointer;
   transition: all 0.2s ease-in-out;
   justify-content: center;
}

@media screen and (min-width: 768px) {
   .cta__btn {
      padding: 0.8rem 1.6rem;
      height: 4rem;
   }
}

@media screen and (max-width: 767px) {
   .cta__btn {
      padding: 0.8rem 3.2rem;
      height: 4.4rem;
   }
}

.cta__btn:hover {
   background-color: #F8FAFC;
   text-decoration: none;
}

.cta__btn:focus {
   outline: 2px solid #FFFFFF;
   outline-offset: 2px;
}

/* Button icon */
.cta__btn_icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 1.6rem;
   height: 1.6rem;
   flex-shrink: 0;
}

.cta__btn_icon img,
.cta__btn_icon svg {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

/* Benefits Section */
.benefits {
   position: relative;
   overflow: hidden
}

.testimonials .section_in,
.benefits .section_in {
   max-width: 128rem;
}

.benefits_v2 .section_in {
   max-width: 128rem;
}

@media screen and (min-width:1024px) {
   .benefits_v2,
   .benefits {
      padding-top: 0rem;
      padding-bottom: 5rem;
   }
   .benefits_partner {
      padding-top: 5rem;
   }
}

@media screen and (max-width:1023.5px) {
   .benefits_v2,
   .benefits {
      padding-top: 0rem;
      padding-bottom: 3.2rem;
   }
}

@media screen and (min-width:1024px) {
   .video_section+.benefits {
      margin-top: -23.4rem;
      padding-top: 31.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .video_section+.benefits {
      margin-top: -10rem;
      padding-top: 16rem
   }

   .benefits-subsc {
      padding-bottom: 50px
   }
}
.testimonials__container,
.benefits__container {
   width: 100%;
   margin: 0 auto;
   padding: 3.2rem 1.6rem;
   border-radius: 12px;
   background: #F6F9FC;
}

.benefits__container.advantages__container {
   background: #EFF6FF;
}

.benefits_v2__container {
   width: 100%;
   margin: 0 auto;
}

@media screen and (min-width:1024px) {
   .testimonials__container,
   .benefits__container {
      padding: 5.2rem 2rem;
   }
}

.benefits__header,
.testimonials__header {
   text-align: center;
   margin-bottom: 4.8rem
}

@media screen and (max-width:1023.5px) {
   .benefits__header,
   .testimonials__header {
      margin-bottom: 3.2rem
   }

   .benefits__container.advantages__container {
      padding: 3.2rem 2.4rem;
   }
}
.benefits__title,
.testimonials__title {
   max-width: 80rem;
   margin: 0 auto;
   margin-bottom: 2rem;
}

.testimonials__subtitle,
.benefits__subtitle {
   margin-bottom: 2rem;
}

.benefits__subtitle span,
.testimonials__subtitle span {
   color: #FF4E32;
   font-size: 1.6rem;
   font-weight: 600;
   line-height: 1.5;
   display: inline-block;
}

@media screen and (max-width:1023.5px) {
   .benefits__subtitle span,
   .testimonials__subtitle span {
      font-size: 1.4rem
   }
   .benefits__title,
   .benefits__subtitle,
   .testimonials__title,
   .testimonials__subtitle {
      margin-bottom: 1.6rem
   }

}

.benefits__title h2,
.testimonials__title h2 {
   color: #020617;
   text-align: center;
   font-weight: 700;
   font-size: 3.2rem;
   line-height: 1.2;
   margin: 0
}


@media screen and (max-width:1023.5px) {
   .benefits__title h2,
   .testimonials__title h2 {
      font-size: 3.2rem
   }
}

@media screen and (max-width:767px) {
   .benefits__title h2,
   .testimonials__title h2 {
      font-size: 2.4rem
   }
}

.benefits__description,
.testimonials__description {
   color: #475569;
   text-align: center;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;

   max-width: 80rem;
   margin: 0 auto;
}


@media screen and (max-width:1023.5px) {
   .benefits__description,
   .testimonials__description {
      font-size: 1.6rem
   }
}

.benefits__content {
   position: relative
}

.benefits__grid {
   display: grid;
   justify-content: center;
   gap: 3.2rem;
   max-width: 114.2rem;
   margin: 0 auto;
}

.benefits_v2__grid {
   display: grid;
   justify-content: center;
   gap: 1.6rem;
   max-width: 128rem;
   margin: 0 auto;
}

.benefit_main__content {
   display: flex;
   align-items: flex-start;
   gap: 2.4rem;
   align-self: stretch;
}

.benefits_partner__grid {
   max-width: 100%;
}

.benefits_v2__item,
.benefits__item {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   max-width: 37rem;
   gap: 2rem;
   padding: 3.2rem;
   border-radius: 1.2rem;
   background: #FFF;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease
}

.advantages__grid {
   display: grid;
   justify-content: center;
   gap: 2.4rem;
   max-width: 114.2rem;
   margin: 0 auto;
}

.advantages__item {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   max-width: 35rem;
   gap: .8rem;
}

.advantages__item:not(:first-child)::before {
   content: '';
   position: absolute;
   top: 50%;
   left: -18%;
   width: 100%;
   display: flex;
   max-width: 7.6rem;
   transform: rotate(90deg);
   flex-direction: column;
   align-items: flex-start;
   gap: 1rem;
   height: 1px;
   background-color: #94A3B8;
}

@media screen and (min-width:768px) and (max-width:1023.5px) {
   .advantages__grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 4.8rem
   }
}

@media screen and (min-width:768px) {
   .benefits_v2__grid,
   .benefits__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .benefits_v2__grid,
   .benefits__grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 1.6rem
   }
   .benefits_partner__grid {
      gap: 6.4rem 1.6rem;
   }
   .advantages__grid {
      grid-template-columns: repeat(3, 1fr);
   }
}

.benefits_partner__item {
   max-width: 40rem;
   background: transparent;
   box-shadow: none;
   border: none;
   padding: 0;
}

.benefits_v2__item {
   max-width: 41.6rem;
   background: #F8FAFC;
}

@media screen and (max-width:1023.5px) {
   .benefits_v2__item,
   .benefits__item {
      padding: 2.4rem;
      gap: 1.6rem
   }
   .benefits_partner__item {
      padding: 0rem;
   }

   .advantages__grid {
      gap: 6.4rem;
   }
}
@media screen and (max-width:767px) {
   .advantages__item:not(:first-child)::before {
      top: -25%;
      left: 0;
      max-width: 100%;
      transform: rotate(0deg);
   }
}

.testimonials_card:hover,
.benefits__item:hover,
.benefits_v2__item:hover {
   transform: translateY(-0.2rem);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
   border-color: #e2e8f0
}

.benefits_partner__item:hover {
   transform: translateY(0);
   box-shadow: none;
   border-color: transparent;
}

.benefits__item_icon {
   display: flex;
   width: 4rem;
   height: 4rem;
   justify-content: center;
   align-items: center;

   border-radius: 6px;
   border: 1px solid #E2E8F0;
   background: #FFF;
}

@media screen and (max-width:1023.5px) {
   /* .benefits__item_icon {
      width: 4.8rem;
      height: 4.8rem
   } */
}

.benefits__item_icon svg {
   width: 2rem;
   height: 2rem;
   color: #327DF6
}

.benefits__item_icon svg path {
   stroke: currentColor
}

@media screen and (max-width:1023.5px) {
   .benefits__item_icon svg {
      width: 2rem;
      height: 2rem
   }
}

.benefits__item_content {
   flex: 1;
   min-width: 0
}

.benefits_partner__item_content .second_hero__btn {
   padding-left: 0;
}

.benefits__item_title {
   margin-bottom: 2rem
}

.benefits_partner__item_title {
   margin-bottom: .8rem;
}


.advantages__item_title {
   margin-bottom: .8rem;
}

.advantages__item_title h3,
.advantages__item_title p,
.advantages__item_title,
.benefits__item_title h3,
.benefits__item_title p,
.benefits__item_title,
.benefits_v2__item_title,
.benefits_v2__item_title p,
.benefits_v2__item_title h3 {
   color: #0f172a;
   font-weight: 700;
   font-size: 2.4rem;
   line-height: 1.3;
}

.benefits__item_title h3,
.benefits__item_title p,
.benefits__item_title,
.benefits_v2__item_title,
.benefits_v2__item_title p,
.benefits_v2__item_title h3 {
   min-height: 55px;
}


.benefits_v2__item_title h3,
.benefits_v2__item_title p,
.benefits_v2__item_title {
   font-size: 2rem;
   min-height: 0;
   margin-bottom: 2rem;
}

.benefits_partner__item_title h3,
.benefits_partner__item_title p,
.benefits_partner__item_title {
   font-size: 1.6rem;
   min-height: 0;
   margin-bottom: .8rem;
}

@media screen and (max-width:1023.5px) {
   .benefits__item_title h3,
   .benefits__item_title p,
   .benefits__item_title,
   .benefits_v2__item_title,
   .benefits_v2__item_title p,
   .benefits_v2__item_title h3  {
      font-size: 1.8rem
   }

   .benefits_v2__item_title,
   .benefits_v2__item_title p,
   .benefits_v2__item_title h3  {
      margin-bottom: .6rem;
   }
}

.advantages__item_text,
.benefits__item_text {
   color: #475569;
   font-size: 1.6rem;
   margin: 0;
   letter-spacing: normal;
}

.advantages__item_text {
   color: #020617;
   letter-spacing: -0.05px;
}

.benefits__item_text p:not(:last-child) {
   margin-bottom: 2rem;
}

@media screen and (min-width:1200px) {
   .benefits__item_title h3,
   .benefits__item_title p,
   .benefits__item_title {
      min-height: 62px;
   }

   .benefits_partner__item_title h3,
   .benefits_partner__item_title p,
   .benefits_partner__item_title {
      min-height: 0;
   }
}

@media screen and (max-width:1023.5px) {
   .benefits__item_title h3,
   .benefits__item_title p,
   .benefits__item_title {
      min-height: auto;
   }
}

/* Services Guide */
@media screen and (min-width: 1024px) {
   .services_title {
      margin-left: 0;
   }
}

.services_title h2 {
   text-align: left;
}

.services_description {
   text-align: left;
   margin-bottom: 3.2rem;
   margin-left: 0;
}

/* Services Guide Section */
.services_guide {
   position: relative;
   padding-top: 5rem;
   padding-bottom: 5rem;
}

.services_guide .section_in {
   max-width: 128rem;
}

.services_guide__container {
   width: 100%;
   margin: 0 auto;
}

.services_guide__row {
   display: grid;
   align-items: center;
   gap: 6rem;
}

@media screen and (min-width:1024px) {
   .services_guide__row {
      grid-template-columns: 1fr 1fr;
      gap: 8rem;
   }
}

@media screen and (max-width:1023.5px) {
   .services_guide__row {
      gap: 4rem;
   }
}

.services_guide__header {
   display: flex;
   flex-direction: column;
}

@media screen and (max-width:1023.5px) {
   .services_guide__header {
      text-align: center;
   }
}

@media screen and (max-width:767px) {
   .services_guide {
      padding-top: 3.2rem;
      padding-bottom: 3.2rem;
   }
}

.services_guide__content {
   width: 100%;
}

.services_guide__grid {
   display: flex;
   flex-direction: column;
   gap: 2.4rem;
}

.services_guide__item {
   border: 1px solid #E2E8F0;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%), #EFF6FF;
   border-radius: .8rem;
   padding: 2.4rem;
   transition: all 0.3s ease;
}

@media screen and (max-width:1023.5px) {
   .services_guide__item {
      padding: 2rem;
   }
   .services_guide__grid {
      gap: 1.6rem;
   }
   .services_description,
   .services_title h2 {
      text-align: center;
   }

   .services_description {
      margin-bottom: 2.4rem;
   }
}

.services_guide__item:hover {
   transform: translateY(-0.2rem);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.services_guide__item_content {
   display: flex;
   flex-direction: column;
}

.services_guide__item_title {
   color: #020617;
   font-weight: 700;
   font-size: 2rem;
   line-height: 1.3;
   margin-bottom: .8rem;
}

@media screen and (max-width:1023.5px) {
   .services_guide__item_title {
      font-size: 1.6rem;
   }
}

.services_guide__item_title h3,
.services_guide__item_title p {
   color: inherit;
   font-weight: inherit;
   font-size: inherit;
   line-height: inherit;
   margin: 0;
}

.services_guide__item_text {
   color: #475569;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;
}

.services_guide__item_text p:not(:last-child) {
   margin-bottom: 1.2rem;
}

/* Testimonials */
.testimonials {
   padding-top: 0
}

.testimonials__title strong {
   color: #db073d
}

.testimonials--title_0_variant .testimonials__title {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .testimonials--title_0_variant .testimonials__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials--title_0_variant .testimonials__title {
      font-size: 2.4rem;
      line-height: normal
   }

   .testimonials {
      padding-top: 1.6rem
   }
}

.testimonials--title_0_variant .testimonials__title strong,
.testimonials--title_0_variant .testimonials__title span {
   color: var(--accent, #db073d)
}

.testimonials--title_0_variant .testimonials__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .testimonials--title_0_variant .testimonials__title {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials--title_0_variant .testimonials__title {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .testimonials--title_0_variant .testimonials__title:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials--title_0_variant .testimonials__title:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

.enterprise_hero__content_v2 h1,
.testimonials--title_1_variant .testimonials__title {
   --accent: #FF4E32;
   color: #020617;
   text-align: center;
   padding-bottom: 2.2rem;
   font-weight: 700;
   position: relative
}

.enterprise_hero__content_v2 h1 {
   color: #fff !important;
   padding-bottom: 24px;
}

.enterprise_hero__content_v2 p {
   text-align: center;
}

@media screen and (min-width:1024px) {
   .enterprise_hero__content_v2 h1,
   .testimonials--title_1_variant .testimonials__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .enterprise_hero__content_v2 h1,
   .testimonials--title_1_variant .testimonials__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

@media screen and (max-width:768px) {
   .enterprise_hero__content_v2 h1,
   .enterprise_hero__content_v2 p {
      text-align: left;
   }
   .enterprise_hero__content_v2 .hero_about h1,
   .enterprise_hero__content_v2 .hero_about p {
      text-align: center;
   }
}

.enterprise_hero__content_v2 h1 strong,
.enterprise_hero__content_v2 h1 span,
.testimonials--title_1_variant .testimonials__title strong,
.testimonials--title_1_variant .testimonials__title span {
   color: var(--accent, #db073d)
}

.enterprise_hero__content_v2 h1::after,
.testimonials--title_1_variant .testimonials__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .testimonials--title_1_variant .testimonials__title:not(:last-child) {
      margin-bottom: 9rem
   }
}

@media screen and (max-width:1023.5px) {
   .enterprise_hero__content_v2 h1:not(:last-child),
   .testimonials--title_1_variant .testimonials__title:not(:last-child) {
      margin-bottom: 5.8rem
   }
}

@media screen and (min-width:1024px) {
   .testimonials--title_1_variant .testimonials__title:not(:last-child) {
      margin-bottom: 5rem
   }
   .enterprise_hero__content_v2 h1:not(:last-child) {
      margin-bottom: 24px
   }
}

@media screen and (max-width:1023.5px) {
   .enterprise_hero__content_v2 h1:not(:last-child),
   .testimonials--title_1_variant .testimonials__title:not(:last-child) {
      margin-bottom: 2.4rem
   }
   .enterprise_hero__content_v2 .hero_about h1:not(:last-child) {
      margin-bottom: 0.4rem
   }
}

@media screen and (max-width:768px) {
   .enterprise_hero__content_v2 h1::after {
      left: 30px
   }
   .enterprise_hero__content_v2 .hero_about h1::after {
      display: none;
   }
}

.testimonials__content {
   will-change: max-height;
   margin: -2rem;
   transition: max-height .3s ease-in-out;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .testimonials__content:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials__content:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (min-width:1024px) {
   .testimonials__list_w:not(:last-child) {
      margin-bottom: 3rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials__list_w:not(:last-child) {
      margin-bottom: .4rem
   }
}

.testimonials__list {
   padding: 2rem
}

@media screen and (min-width:768px) {
   .testimonials__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -2rem;
      margin-right: -2rem;
      display: -ms-flexbox;
      display: flex
   }
}

.testimonials__item {
   transition: opacity .3s
}

@media screen and (min-width:768px) {
   .testimonials__item {
      width: 33.3333%;
      padding-bottom: 2rem;
      padding-right: 2rem
   }
}

@media screen and (max-width:767px) {
   .testimonials__item {
      width: 100%
   }

   .testimonials__item:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

.testimonials__item:nth-child(n+4) {
   opacity: 0
}

.testimonials--open_state .testimonials__item {
   opacity: 1 !important
}

.testimonials__link_w {
   -ms-flex-pack: center;
   justify-content: center;
   display: -ms-flexbox;
   display: flex
}

.testimonials--open_state .testimonials__link_w {
   display: none
}

@media screen and (max-width:767px) {
   .testimonials__link {
      width: 100%
   }
}

.testimonials__pagination {
   opacity: 0;
   transition: opacity .3s
}

@media screen and (min-width:1024px) {
   .testimonials__pagination:not(:last-child) {
      margin-bottom: 4rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials__pagination:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

.testimonials--open_state .testimonials__pagination {
   opacity: 1
}

.testimonials_card {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: flex-start;
   align-items: flex-start;
   width: 100%;
   height: 100%;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;
   border-radius: 1.2rem;
   border: 1px solid #E2E8F0;
   background: #FFF;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease-in-out;
}

@media screen and (min-width:1024px) {
   .testimonials_card {
      padding: 3.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials_card {
      padding: 2.4rem
   }
}

.testimonials_card__text_w {
   -ms-flex-positive: 1;
   flex-grow: 1
}

.testimonials_card__text_w:not(:last-child) {
   margin-bottom: 2.4rem
}


.testimonials_card__text {
   text-align: left;
   color: #020617;
   font-size: 1.6rem;
   line-height: 1.5;
}

/* .testimonials_card_decor {
   z-index: -1;
   color: #FF4E32;
   width: 2.8rem;
   height: 2.4rem;
   display: block;
   position: absolute
} */
/* 
@media screen and (min-width:1024px) {
   .testimonials_card_decor.testimonials_card_decor--layout_0_mod {
      top: -1rem;
      left: 0
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials_card_decor.testimonials_card_decor--layout_0_mod {
      top: -.8rem;
      left: -2.4rem
   }
}

.testimonials_card_decor.testimonials_card_decor--layout_1_mod {
   transform: rotate(180deg)
}

@media screen and (min-width:1024px) {
   .testimonials_card_decor.testimonials_card_decor--layout_1_mod {
      bottom: -1rem;
      right: -3px
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials_card_decor.testimonials_card_decor--layout_1_mod {
      bottom: -1rem;
      right: -2.4rem
   }
} */

.testimonials_card__reviewer {
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex
}

.testimonials_card__pic {
   border-radius: 50%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 5rem;
   height: 5rem;
   display: block;
   overflow: hidden
}

.testimonials_card__pic:not(:last-child) {
   margin-right: 1.6rem
}

.testimonials_card__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block
}

.testimonials_card__name {
   color: #020617;
   font-size: 1.6rem;
   line-height: 1.4
}

.testimonials_card__name:not(:last-child) {
   margin-bottom: 2px
}

.testimonials_card__position {
   color: #b0b3bc;
   font-size: 1.4rem;
   line-height: 1.4
}

.video_section {
   z-index: 2
}

@media screen and (min-width:1024px) {
   .video_section__heading:not(:last-child) {
      margin-bottom: 4rem
   }
}

@media screen and (max-width:1023.5px) {
   .video_section__heading:not(:last-child) {
      margin-bottom: 2.8rem
   }
}

.video_section__title {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .video_section__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .video_section__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

.video_section__title strong,
.video_section__title span {
   color: var(--accent, #db073d)
}

.video_section__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .video_section__title {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .video_section__title {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .video_section__title:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .video_section__title:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

@media screen and (min-width:1024px) {
   .video_section__title br {
      display: none
   }
}

.video_section__descr {
   text-align: center;
   letter-spacing: normal;
   line-height: 1.5
}

@media screen and (min-width:1024px) {
   .video_section__descr {
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .video_section__descr {
      font-size: 1.8rem
   }
}

.video_section__player {
   width: 100%;
   position: relative
}

.videos {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   padding: 10rem;
   display: -ms-flexbox;
   display: flex
}

.dynamic_video {
   --plyr-color-main: #db073d;
   width: 100%;
   position: relative;
   overflow: hidden
}

.dynamic_video:not([data-ready]) {
   aspect-ratio: 1130/634
}

@media screen and (min-width:1024px) {
   .dynamic_video {
      border-radius: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .dynamic_video {
      border-radius: .4rem
   }
}

.dynamic_video .plyr {
   max-width: 100%;
   max-height: 100%
}

.dynamic_video .plyr--fullscreen-enabled {
   z-index: 120 !important
}

.dynamic_video .plyr--playing .plyr__control--overlaid {
   pointer-events: none
}

.dynamic_video .plyr__control--overlaid {
   background-color: #db073d
}

.dynamic_video .plyr__control--overlaid:hover,
.dynamic_video .plyr__control--overlaid:focus {
   text-decoration: none
}

@media(hover:hover) {
   .dynamic_video .plyr__control--overlaid:hover {
      color: #db073d !important;
      background-color: #fff !important
   }
}

.dynamic_video__poster_w {
   z-index: 10;
   opacity: 1;
   cursor: pointer;
   background-color: #fff;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   transition: opacity .4s ease-in-out;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}

.dynamic_video[data-ready] .dynamic_video__poster_w {
   opacity: 0;
   pointer-events: none
}

.dynamic_video__poster_w:after {
   z-index: 10;
   content: "";
   background-color: rgba(176, 179, 188, .5);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0
}

.dynamic_video__poster {
   width: 100%;
   height: 100%;
   display: block
}

.dynamic_video__poster_img {
   object-fit: cover;
   width: 100%;
   height: 100%
}

.dynamic_video_in {
   width: 100%;
   height: 100%
}

.dynamic_video__btn {
   z-index: 11;
   color: #fff;
   cursor: pointer;
   filter: drop-shadow(0 .2rem 1.6rem rgba(0, 64, 82, .2));
   background-color: #db073d;
   border-radius: 50%;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   transition: background-color .2s ease-in-out, color .2s ease-in-out;
   display: -ms-flexbox;
   display: flex;
   position: absolute
}

.dynamic_video__btn:hover,
.dynamic_video__btn:focus {
   text-decoration: none
}

@media(hover:hover) {
   .dynamic_video__btn:hover {
      color: #db073d;
      background-color: #fff
   }
}

@media screen and (min-width:1024px) {
   .dynamic_video__btn {
      width: 13rem;
      height: 13rem
   }
}

@media screen and (max-width:1023.5px) {
   .dynamic_video__btn {
      width: 6.8rem;
      height: 6.8rem
   }
}

.dynamic_video__play_triangle {
   -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
   clip-path: polygon(100% 50%, 0 0, 0 100%);
   background-color: currentColor;
   display: block;
   position: relative
}

@media screen and (min-width:1024px) {
   .dynamic_video__play_triangle {
      width: 3.5rem;
      height: 4.5rem;
      margin-left: .6rem
   }
}

@media screen and (max-width:1023.5px) {
   .dynamic_video__play_triangle {
      width: 1.8rem;
      height: 2.3rem;
      margin-left: .5rem
   }
}

@media screen and (min-width:1024px) {
   .features_hero:first-child {
      padding-top: 13.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .features_hero:first-child {
      padding-top: 8.8rem
   }
}

.features_hero .section_in {
   max-width: 104rem
}

@media screen and (min-width:1024px) {
   .features_hero__head {
      /* max-width: 69.2rem; */
      margin: 0 auto
   }

   .features_hero__head:not(:last-child) {
      margin-bottom: 7.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .features_hero__head:not(:last-child) {
      margin-bottom: 4.2rem
   }
}

.features_hero__title {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .features_hero__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .features_hero__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.features_hero__title strong,
.features_hero__title span {
   color: var(--accent, #db073d)
}

.features_hero__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .features_hero__title {
      max-width: 68.2rem;
      margin: 0 auto
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .features_hero__title {
      max-width: 52.8rem;
      margin: 0 auto
   }
}

@media screen and (min-width:1024px) {
   .features_hero__title:not(:last-child) {
      margin-bottom: 3.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .features_hero__title:not(:last-child) {
      margin-bottom: 4.2rem
   }
}

.features_hero__title:after {
   display: none
}

.features_hero__text {
   text-align: center;
   letter-spacing: 0;
   color: #020617
}

@media screen and (min-width:1024px) {
   .features_hero__text {
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .features_hero__text {
      font-size: 1.8rem
   }
}

.features_hero__text strong {
   font-weight: 700
}

@media screen and (max-width:1023.5px) {
   .features_hero__list:not(:last-child) {
      margin-bottom: 2rem
   }
}

.features_hero__list.swiper {
   overflow: visible !important
}

.features_hero__item {
   height: auto !important
}

.feature_hero__slider_pagination {
   -ms-flex-pack: center;
   justify-content: center;
   gap: 1.2rem;
   display: -ms-flexbox;
   display: flex
}

.feature_hero__slider_pagination .swiper-pagination-bullet {
   cursor: pointer;
   border: 1px solid #FF4E32;
   border-radius: 50%;
   width: 1.6rem;
   height: 1.6rem;
   display: block
}

.feature_hero__slider_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: #FF4E32
}

@media screen and (min-width:1024px) {
   .feature_hero__slider_pagination {
      display: none
   }
}

.feature {
   color: #020617;
   background-color: #fff;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   height: 100%;
   transition: color .3s, background-color .3s;
   display: -ms-flexbox;
   display: flex;
   box-shadow: 0 2px 1.6rem rgba(0, 64, 82, .2)
}

@media screen and (min-width:1024px) {
   .feature {
      border-radius: 2rem;
      padding: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .feature {
      border-radius: 1.2rem;
      padding: 4rem 2rem
   }
}

@media(any-hover:hover) {
   .feature:hover {
      color: #fff;
      background-color: #020617
   }
}

.feature__media {
   padding: 1.4rem;
   position: relative
}

@media screen and (min-width:1024px) {
   .feature__media:not(:last-child) {
      margin-bottom: .8rem
   }
}

@media screen and (max-width:1023.5px) {
   .feature__media:not(:last-child) {
      margin-bottom: .8rem
   }
}

.feature__media:before,
.feature__media:after {
   content: "";
   border-radius: 50%;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0
}

.feature__media:before {
   background: rgba(217, 221, 231, .2);
   transition: opacity .3s
}

@media(any-hover:hover) {
   .feature:hover .feature__media:before {
      opacity: 0
   }
}

.feature__media:after {
   opacity: 0;
   background: linear-gradient(#0d6986, transparent);
   transition: opacity .3s
}

@media(any-hover:hover) {
   .feature:hover .feature__media:after {
      opacity: 1
   }
}

.feature__pic {
   z-index: 1;
   border-radius: 50%;
   width: 9.8rem;
   height: 9.8rem;
   display: block;
   position: relative;
   overflow: hidden
}

.feature__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block
}

.feature__icon {
   z-index: 2;
   background-color: #fff;
   border: 1px solid rgba(217, 221, 231, .2);
   border-radius: 50%;
   width: 4.4rem;
   height: 4.4rem;
   padding: .7rem;
   position: absolute;
   bottom: 4px;
   right: 2px
}

.feature__icon svg {
   fill: none
}

.feature__title {
   letter-spacing: 0;
   text-align: center;
}

.feature__title span {
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .feature__title {
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .feature__title {
      font-size: 1.8rem
   }
}

@media screen and (min-width:1024px) {
   .feature__title:not(:last-child) {
      margin-bottom: 1.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .feature__title:not(:last-child) {
      margin-bottom: 1.8rem
   }
}

.feature__text {
   letter-spacing: 0;
   text-align: center
}

@media screen and (min-width:1024px) {
   .feature__text {
      font-size: 1.8rem;
      line-height: 1.5
   }
}

@media screen and (max-width:1023.5px) {
   .feature__text {
      font-size: 1.6rem;
      line-height: 1.42
   }
}

.feature__text p:not(:last-child) {
   margin-bottom: 1.2rem
}

.feature__text strong {
   font-weight: 700
}

.map_section {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex: auto;
   flex: auto;
   width: 100%;
   padding: 0;
   display: -ms-flexbox;
   display: flex
}

.map_section .gm-style img {
   object-fit: contain
}

.map_section__canvas {
   -ms-flex: auto;
   flex: auto;
   width: 100%;
   min-height: 42.7rem
}

.popup {
   z-index: 101;
   will-change: opacity;
   -ms-flex-line-pack: stretch;
   align-content: stretch;
   width: 100%;
   height: 100%;
   transition: opacity .3s;
   display: -ms-flexbox;
   display: flex;
   position: fixed;
   top: 0;
   left: 0;
   overflow-x: hidden;
   overflow-y: auto
}

@media screen and (min-width:1024px) {
   .popup {
      background-color: rgba(0, 0, 0, .25)
   }
}

@media screen and (max-width:1023.5px) {
   .popup {
      background-color: rgba(0, 0, 0, .65)
   }
}

.popup:not(.popup--open_state) {
   opacity: 0;
   pointer-events: none
}

.popup.popup--open_state {
   opacity: 1;
   pointer-events: initial
}

@media screen and (min-width:1024px) {
   .popup {
      padding: var(--gl-vr-indent)var(--gl-hr-indent)
   }
}

@media screen and (max-width:1023.5px) {
   .popup {
      padding: 6.8rem var(--gl-hr-indent)
   }
}

.popup_in {
   width: 100%;
   max-width: 44rem;
   margin: auto;
   position: relative
}
.popup_in.subscription_popup {
   max-width: 81rem;
}

@media screen and (max-width:767px) {
   .popup_in {
      -ms-flex-direction: column;
      flex-direction: column;
      min-height: 45.2rem;
      margin-top: 0;
      display: -ms-flexbox;
      display: flex
   }
}

.popup_close {
   z-index: 5;
   cursor: pointer;
   color: #b0b3bc;
   width: 2.6rem;
   height: 2.6rem;
   padding: .2rem;
   transition: color .15s ease-in-out;
   position: absolute
}

.popup_close:hover,
.popup_close:focus {
   text-decoration: none
}

@media(hover:hover) {
   .popup_close:hover {
      color: #db073d
   }
}

@media screen and (min-width:1024px) {
   .popup_close {
      top: 1.6rem;
      right: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .popup_close {
      top: 2.1rem;
      right: 2.1rem
   }
}

.popup_close:before,
.popup_close:after {
   content: "";
   background-color: currentColor;
   width: 2rem;
   height: 2px;
   margin: -1px 0 0 -1rem;
   position: absolute;
   top: 50%;
   left: 50%
}

.popup_close:before {
   transform: rotate(45deg)
}

.popup_close:after {
   transform: rotate(-45deg)
}

@media screen and (min-width:1024px) {
   .popup_close.popup_close--mobile_mod {
      display: none
   }
}

@media screen and (max-width:1023.5px) {
   .popup_close.popup_close--desktop_mod {
      display: none
   }
}

.popup_form {
   text-align: center;
   width: 100%;
   margin: auto
}

.popup_form .wpcf7-not-valid-tip {
   color: #fc1b13;
   padding-top: .2rem;
   font-size: 1.2rem
}

.popup_form .wpcf7-response-output {
   text-align: left;
   color: #fc1b13;
   padding-top: 1rem;
   font-size: 1.2rem
}

.popup_form__main {
   filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15));
   background-color: #fff;
   border-radius: 1.2rem;
   width: 100%;
   position: relative
}

@media screen and (min-width:1024px) {
   .popup_form__main {
      padding: 6rem
   }
}

@media screen and (max-width:1023.5px) {
   .popup_form__main {
      padding: 4rem 1.2rem
   }
}

[data-form-submitted] .popup_form__main {
   display: none
}

.popup_form__title {
   text-align: center;
   font-size: 2rem;
   font-weight: 700;
   line-height: 1.4
}

.popup_form__subtitle {
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   margin-bottom: 2.8rem;
   margin-top: -2rem
}

.popup_form__title:not(:last-child) {
   margin-bottom: 2.8rem
}

.popup_form__success .popup_form__title:not(:last-child) {
   margin-bottom: 1.2rem
}

.popup_form__fields {
   text-align: left
}

.popup_form__fields:not(:last-child) {
   margin-bottom: 1.2rem
}

.popup_form__row {
   display: flex;
   flex-wrap: wrap;
}
 
.col {
   flex: 1;
   max-width: 100%;
   box-sizing: border-box;
}

.col-md-6 {
   margin-bottom: 1.2rem;
}

.mb-12 {
   margin-bottom: 12px;
}
 
 /* Адаптивные размеры колонок */
.col-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
 
@media (min-width: 768px) {
   .popup_form__row { gap: 16px; }
   .col-md-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
   .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
   .col-md-3 { flex: 0 0 25%; max-width: 25%; }
   .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
   .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
   .col-md-6 { flex: 1 0 48%; max-width: 50%; }
   .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
   .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
   .col-md-9 { flex: 0 0 75%; max-width: 75%; }
   .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
   .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
   .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}

.iti__flag {
   display: none !important;
}

.iti--separate-dial-code .iti__selected-dial-code {
   color: #020617;
   font-family: Inter;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
}
.iti--separate-dial-code .iti__selected-flag {
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   background: #D9DDE7;
   width: 69px;
   justify-content: space-between;
   padding: 0 8px;
}
.iti--separate-dial-code .iti__selected-dial-code {
   margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
   background: #D9DDE7;
}
.iti__country {
   font-size: 14px;
   padding-left: 8px;
   padding-right: 16px;
   margin-left: 8px;
   margin-right: 8px;

   display: flex;
   align-items: center;
   justify-content: space-between;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
}
.iti__country-name {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #020617;
}
.iti__dial-code {
   flex-shrink: 0;
}
.iti__country-list {
   border-radius: 12px;
   max-height: 160px;
   max-width: 100%;
   margin-top: 4px;
   padding: 0px 0px 8px 0px;
   border: 1px solid #D9DDE7;
   box-shadow: 0px 2px 4px 0px rgba(0, 64, 82, 0.15);
}
.iti__search-container {
   display: flex;
   align-items: center;
   padding: 8px;
   background: white;
   position: sticky;
   top: 0;
   z-index: 10;
}
.iti__search-container input {
   border: 1px solid #D9DDE7; 
   color: #020617;
}
.iti__search-container input::placeholder {
   color: #B0B3BC;
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 19.6px;
   
}
/* arrow phone */
.iti__arrow {
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 6px solid #020617;
   /* border-radius: 10px; */
   transition: all .2s ease;
}
.iti__arrow--up {
   border-top: none;
   border-bottom: 6px solid #020617;
}
/* iti__flag-container */
.iti__selected-flag:active ~ .popup_form__field_input:not([type=file]) {
   border: 1px solid #FF4E32;
}
.popup_form__field_input.focused {
   border: 1px solid #FF4E32 !important; /* Зеленый бордер */
}
.iti__country.iti__highlight {
   background-color: #D9DDE7;
   border-radius: 16px;
}
.iti__divider {
   display: none;
}
.iti__search-input {
   width: 100%;
   padding: 5px 35px 5px 13px !important;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 14px;
   outline: none;
}
.iti__search-icon {
   position: absolute;
   right: 20px;
   pointer-events: none;
}

@media screen and (min-width:1024px) {
   .iti__country-list {
      max-width: 337px;
      /* min-width: 531px; */
   }
}

.popup_form__field {
   display: block;
   width: 100%;
}

.popup_form__field:not(:last-child) {
   margin-bottom: 1.2rem
}

.popup_form__field_input:not([type=file]) {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none;
   caret-color: currentColor;
   color: #020617;
   border: 1px solid #d9dde7;
   border-radius: .4rem;
   width: 100%;
   height: 3rem;
   padding: 0 1rem;
   font-family: inherit;
   font-size: 1.4rem;
   transition: border-color .2s ease-in-out;
   display: block
}

/* .popup_form__field_input:not([type=file]):hover, */
.popup_form__field_input:not([type=file]):focus {
   border: 1px solid #FF4E32;
}

.popup_form__field_input:not([type=file])::-webkit-input-placeholder {
   color: #d9dde7
}

.popup_form__field_input:not([type=file])::-moz-placeholder {
   color: #d9dde7;
   opacity: 1
}

.popup_form__field_input:not([type=file]):-ms-input-placeholder {
   color: #d9dde7
}

.popup_form__field_input:not([type=file])::-webkit-contacts-auto-fill-button {
   visibility: hidden;
   position: absolute;
   right: 0
}

.popup_form__field_input:not([type=file]) [type=search]::-ms-clear {
   display: none
}

.popup_form__field_input:not([type=file]) [type=search]::-ms-reveal {
   display: none
}

.popup_form__field_input:not([type=file]) [type=search]::-webkit-search-decoration {
   display: none
}

.popup_form__field_input:not([type=file]) [type=search]::-webkit-search-cancel-button {
   display: none
}

.popup_form__field_input:not([type=file]) [type=search]::-webkit-search-results-button {
   display: none
}

.popup_form__field_input:not([type=file]) [type=search]::-webkit-search-results-decoration {
   display: none
}

.popup_form__field_input:not([type=file]) [type=date]::-webkit-calendar-picker-indicator {
   opacity: 0
}

textarea.popup_form__field_input {
   height: 10.2rem !important;
   padding: 0.4rem 1rem !important;
}

select.popup_form__field_input:not([type=file]) {
   -webkit-tap-highlight-color: transparent
}

.popup_form__field_label {
   color: #020617;
   margin-bottom: .6rem;
   font-size: 1.4rem;
   font-weight: 500;
   display: block
}

.popup_form__submit.popup_form__submit {
   filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15))
}

@media screen and (max-width:767px) {
   .popup_form__submit.popup_form__submit {
      width: 100%
   }
   .block_send {
      display: flex;
      flex-direction: column;
   }
   .block_send .message_form__privacy {
      order: 0;
   }
   .block_send .popup_form__submit {
      order: 1;
   }
}

.popup_form__success {
   filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15));
   background-color: #fff;
   border-radius: 1.2rem;
   width: 100%;
   position: relative
}

@media screen and (min-width:1024px) {
   .popup_form__success {
      padding: 6rem
   }
}

@media screen and (max-width:1023.5px) {
   .popup_form__success {
      padding: 5rem 1.2rem
   }
}

.popup_form:not([data-form-submitted]) .popup_form__success {
   display: none
}

.popup_form__success_message {
   font-size: 1.6rem
}

.popup_form__success_message:not(:last-child) {
   margin-bottom: 2.6rem
}

@media screen and (max-width:1023.5px) {
   .popup_form__success_message {
      line-height: 1.2
   }
}

@media screen and (max-width:767px) {
   .popup_form__success_close {
      width: 100%
   }
}

.popup_form__field_file {
   color: #FF4E32;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -ms-flex-align: center;
   align-items: center;
   gap: 1.1rem;
   margin-bottom: -1.2rem;
   padding: .4rem 0 .4rem .4rem;
   transition: color .2s ease-in-out;
   display: -ms-flexbox;
   display: flex
}

.popup_form__field_file:hover,
.popup_form__field_file:focus {
   text-decoration: none
}

@media(hover:hover) {
   .popup_form__field_file:not([data-filled]):hover {
      color: #020617
   }
}

.popup_form__field_file .wpcf7-form-control-wrap {
   width: 100%
}

.popup_form__field_file .wpcf7-not-valid-tip {
   margin-bottom: 1.2rem
}

.popup_form__field_file_in {
   cursor: pointer;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   align-items: center;
   gap: 1.1rem;
   display: -ms-flexbox;
   display: flex
}

.popup_form__field_file_in input {
   visibility: hidden;
   width: 0;
   height: 0;
   position: absolute
}

.popup_form__field_file_icon {
   width: 1.3rem;
   height: 2rem
}

.popup_form__field_file_input {
   visibility: hidden;
   width: 0;
   height: 0;
   position: absolute
}

.popup_form__field_file_label {
   max-width: 88%;
   font-size: 1.4rem;
   font-weight: 500
}

.popup_form__field_file_label:after {
   content: attr(data-label)
}

.popup_form__field_file[data-filled] .popup_form__field_file_label {
   color: #020617
}

.popup_form__field_file[data-filled] .popup_form__field_file_label:after {
   content: unset
}

.popup_form__field_file_clear {
   cursor: pointer;
   background-color: #fc1b13;
   border-radius: 50%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -ms-flex-item-align: start;
   align-self: flex-start;
   width: 1.8rem;
   height: 1.8rem;
   margin: .2rem 0 0 auto;
   padding: .5rem;
   transition: background-color .2s ease-in-out;
   display: block;
   position: relative
}

.popup_form__field_file:not([data-filled]) .popup_form__field_file_clear {
   display: none
}

.popup_form__field_file_clear:hover,
.popup_form__field_file_clear:focus {
   text-decoration: none
}

@media(hover:hover) {
   .popup_form__field_file_clear:hover {
      background-color: #020617
   }
}

.popup_form__field_file_clear:after,
.popup_form__field_file_clear:before {
   content: "";
   background-color: #fff;
   border-radius: 1px;
   width: .8rem;
   height: 2px;
   margin-top: -1px;
   margin-left: -.4rem;
   position: absolute;
   top: 50%;
   left: 50%
}

.popup_form__field_file_clear:after {
   transform: rotate(45deg)
}

.popup_form__field_file_clear:before {
   transform: rotate(-45deg)
}

/* Features Section */
.features {
   background: #ffffff;
   position: relative
}

.features .section_in {
   max-width: 128rem;
}

@media screen and (min-width:1024px) {
   .features {
      padding-top: 0;
      padding-bottom: 5rem;
   }
}

@media screen and (max-width:1023.5px) {
   .features {
      padding-top: 3.2rem;
      padding-bottom: 3.2rem;
   }
}

.features__header {
   text-align: center;
   margin-bottom: 9rem
}

.features__title {
   color: #020617;
   text-align: center;
   font-weight: 700;
   font-size: 3.2rem;
   line-height: 1.2;
   margin: 0 auto;
   max-width: 80rem;
}

@media screen and (max-width:1023.5px) {
   .features__title {
      font-size: 2.4rem;
      margin-bottom: -6rem;
   }
}

.features__content {
   display: flex;
   flex-direction: column;
   gap: 0rem;
   width: 100%;
}

@media screen and (max-width:1023.5px) {
   .features__content {
      gap: 0rem !important
   }
}

.features__item {
   display: grid;
   align-items: center;
   gap: 2rem;
   width: 100%;
   box-sizing: border-box;
   padding: 3.2rem 0;
}

.features__item:first-child {
   padding-top: 0;
}

.features__item:last-child {
   padding-bottom: 0;
}

@media screen and (min-width:1024px) {
   .features__item {
      grid-template-columns: 1.2fr 0.9fr;
      gap: 6rem;
      width: 100%;
      max-width: none;
      padding: 5.2rem 0;
   }
   
   .features__item.features__item--reverse {
      grid-template-columns: 0.9fr 1.2fr;
      gap: 6rem;
      width: 100%;
      max-width: none
   }
}

@media screen and (max-width:1023.5px) {
   .features__item {
      gap: 1.6rem;
      text-align: center;
      padding-top: 0;
   }
}

.features__item--reverse {
   direction: ltr
}

@media screen and (min-width:1024px) {
   .features__item--reverse .features__item_content {
      order: 2;
      width: 100%
   }

   .features__item--reverse .features__item_media {
      order: 1;
      width: 100%
   }
}

.features__item_header {
   margin-bottom: 2.4rem
}

@media screen and (max-width:1023.5px) {
   .features__item_header {
      margin-bottom: 1.6rem
   }

   .features__item_content {
      text-align: left;
   }
}

.features__item_subtitle {
   color: #FF4E32;
   font-size: 1.6rem;
   font-weight: 600;
   line-height: 1.5;
   margin-bottom: 1.6rem
}

@media screen and (max-width:1023.5px) {
   .features__item_subtitle {
      font-size: 1.4rem;
      margin-bottom: 1.6rem
   }
}

.features__item_title {
   color: #020617;
   font-weight: 700;
   font-size: 3.2rem;
   line-height: 1.2;
   margin: 0
}

@media screen and (max-width:1023.5px) {
   .features__item_title {
      font-size: 2.4rem
   }
}

@media screen and (max-width:767px) {
   .features__item_title {
      font-size: 2.4rem
   }
}

.features__item_text {
   color: #475569;
   font-size: 1.6rem;
   line-height: 1.5;
}

.features__item_text h3, 
.features__item_text h4 {
   color: #020617;
   font-size: 1.6rem;
   font-weight: 600;
   line-height: 1.5;
   margin-bottom: .8rem
}

.features__item_text li {
   font-weight: 400;
   color: #475569;
   font-family: Inter;
   font-size: 1.6rem;
   line-height: 2.4rem; 
}

.features__item_text li:not(:last-child) {
   margin-bottom: 1.2rem;
}

.features__item_text h4,
.features__item_text li {
   position: relative;
}

.features__item_text h4::before,
.features__item_text li::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    margin-right: .8rem;
    background: no-repeat center/contain;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M16.6693 5L7.5026 14.1667L3.33594 10\" stroke=\"%23020617\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');
}

@media screen and (max-width:1023.5px) {
   .features__item_text {
      font-size: 1.6rem
   }
}

.features__item_text ul:not(:last-child),
.features__item_text p:not(:last-child) {
   margin-bottom: 1.6rem
}

.features__item_media {
   position: relative;
   width: 100%;
   flex-shrink: 0
}

.features__item_content {
   width: 100%;
   flex-grow: 1
}

.features__item_image {
   width: 100%;
   position: relative;
   overflow: hidden;
}

@media screen and (max-width:1023.5px) {
   .features__item_image {
      border-radius: 1.6rem
   }
}

.features__item_pic {
   aspect-ratio: 1.2;
   border-radius: 1.2rem;
   width: 100%;
   max-width: 100%;
   display: block;
   position: relative;
   overflow: hidden;
}

.features__item_img {
   object-fit: contain;
    width: 100%;
    height: 100%;
    /* max-height: 51.2rem;
    max-width: 41rem; */
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.request_hero .section_in {
   max-width: 123rem;
}

.request_hero__container {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 2rem;
}

.request_hero {
   min-height: 90vh;
}

.business_hero {
   background-color: #020617
}

@media screen and (min-width:1024px) {
   .business_hero:first-child {
      padding-top: 13.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .business_hero:first-child {
      padding-top: 8.8rem
   }
}
.request_hero__title,
.business_hero__title {
   --accent: #FF4E32;
   color: #fff;
   text-align: center;
   padding-bottom: 2.2rem;
   font-weight: 700;
   position: relative
}
.request_hero__title {
   text-align: left;
   padding-bottom: 2.8rem;
}

@media screen and (min-width:1024px) {
   .business_hero__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
   .request_hero__title {
      font-size: 3.6rem;
      line-height: 140%; 
   }
}

@media screen and (max-width:1023.5px) {
   .request_hero__title,
   .business_hero__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.request_hero__title strong,
.request_hero__title span,
.business_hero__title strong,
.business_hero__title span {
   color: var(--accent, #db073d)
}

.business_hero__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .business_hero__title:not(:last-child) {
      margin-bottom: 9rem
   }
}

@media screen and (max-width:1023.5px) {
   .business_hero__title:not(:last-child) {
      margin-bottom: 5.8rem
   }
}

@media screen and (min-width:1024px) {
   .business_hero__title {
      max-width: 72.8rem;
      margin: 0 auto
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .business_hero__title {
      max-width: 52.8rem;
      margin: 0 auto
   }
}

@media screen and (min-width:1024px) {
   .business_hero__title:not(:last-child) {
      margin-bottom: 2.8rem
   }
}

.request_hero__title-section {
   max-width: 56rem;
}

.request_hero__item-icon {
   display: flex;
   align-items: center;
}

.iti__flag-box {
   width: 0;
}

.request_hero__item-text ,
.request_hero__text {
   font-size: 2rem;
   text-align: left;
   color: #fff;
   margin-bottom: 4.8rem;
}

.request_hero__item-text {
   margin-bottom: 0rem;
}

.request_hero__item-text strong,
.request_hero__item-text span,
.request_hero__text strong,
.request_hero__text span {
   font-weight: 700;
}

.request_hero__list {
   /* max-width: 52.5rem; */
}

.request_hero__item {
   display: flex;
   align-items: center;
   gap: 1.2rem;
}
.request_hero__item:not(:last-child) {
   margin-bottom: 2.4rem;
}

.request_hero__item-icon img {
   max-width: 5rem;
   max-height: 5rem;
}

.request_hero__form-section {
   display: flex;
   max-width: 63.1rem;
   min-height: 53.7rem;
   padding: 5rem 4rem;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   border-radius: 12px;
   background: var(--Grey-Bg-app, #F5F7FA);
   box-shadow: 0px 2px 16px 0px rgba(0, 64, 82, 0.20);
}

.request_hero__form-section .wpcf7-not-valid-tip {
   font-size: 1rem;
}

[data-form-submitted=true] .request_hero__form-title {
   display: none;
}

/* .request_hero__form-section .message_form {
   justify-content: center;
} */

.request_hero__form-title {
   color: var(--Secondary-Secondary, #020617);
   text-align: center;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 140%; /* 28px */

   margin-bottom: 2.8rem;
}

.request_hero__form-section .popup_form__submit.popup_form__submit {
   display: flex;
   margin: 2.5rem auto;
}

.business_hero__text {
   text-align: center;
   color: #fff
}

.business_hero__text span {
   color: #FF4E32;
}

.booking_title {   
   max-width: 80rem;
   margin: 0 auto;
}
.business_hero__code {
   border-radius: 12px;
   overflow: hidden;
}

@media screen and (min-width:1024px) {
   .business_hero__text h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
   .request_hero__container {
      gap: 5.9rem;
   }
}

@media screen and (max-width:1023.5px) {
   .business_hero__text h2 {
      font-size: 2.4rem;
      line-height: normal
   }
   .request_hero__list {
      display: none;
   } 
   .request_hero__text {
      margin-bottom: 0;
   }
   .request_hero__container {
      flex-wrap: wrap;
      justify-content: center;
      gap: 4rem;
   }
   .request_hero__form-section {
      padding: 4rem 1.2rem;
   }
   .request_hero__form-section .message_form__success {
      padding-top: 0;
  }
  .booking_title,
  .booking_title h2 {
     margin-bottom: 4rem;
     font-size: 3.2rem !important;
  }
}

.business_hero__text h2:not(:last-child) {
   margin-bottom: 2rem
}

.business_hero__text p {
   letter-spacing: 0
}

@media screen and (min-width:1024px) {
   .business_hero__text p {
      max-width: 99rem;
      margin: 0 auto;
      font-size: 2rem;
      line-height: 1.5
   }
}

@media screen and (max-width:1023.5px) {
   .business_hero__text p {
      font-size: 1.6rem;
      line-height: 1.42
   }
}

.business_hero__text p:not(:last-child) {
   margin-bottom: 1rem
}

.info_banner {
   background-color: #020617
}

@media screen and (min-width:1024px) {
   .info_banner {
      padding-top: 4.8rem
   }

   .info_banner__content {
      gap: 4rem;
      display: -ms-flexbox;
      display: flex
   }

   .info_banner__col:first-child {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -ms-flex-align: end;
      align-items: flex-end;
      width: 36.2%;
      max-width: 33.4rem;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner__col:first-child {
      width: 100%
   }
}

@media screen and (min-width:1024px) {
   .info_banner__col:nth-child(2) {
      width: 63.8%;
      margin-left: auto
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner__col:nth-child(2) {
      width: 100%
   }

   .info_banner__col:not(:last-child) {
      margin-bottom: 6rem
   }
}

.info_banner__title h2 {
   --accent: #FF4E32;
   color: #fff;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .info_banner__title h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner__title h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.info_banner__title h2 strong,
.info_banner__title h2 span {
   color: var(--accent, #db073d)
}

.info_banner__title h2:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 0
}

@media screen and (min-width:1024px) {
   .info_banner__title h2 {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner__title h2 {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .info_banner__title h2:not(:last-child) {
      margin-bottom: 7rem
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner__title h2:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

@media screen and (min-width:768px) {
   .info_banner__features_list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -4.8rem;
      margin-right: -4.8rem;
      display: -ms-flexbox;
      display: flex
   }

   .info_banner__features_item {
      width: 50%;
      padding-bottom: 4.8rem;
      padding-right: 4.8rem
   }
}

@media screen and (max-width:767px) {
   .info_banner__features_item:not(:last-child) {
      margin-bottom: 4rem
   }
}

.info_banner__feature {
   width: 100%;
   height: 100%
}

.info_banner__feature_icon {
   background-color: rgba(7, 219, 165, .04);
   border-radius: 50%;
   width: 6.8rem;
   height: 6.8rem;
   padding: 1.4rem
}

@media screen and (min-width:1024px) {
   .info_banner__feature_icon:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner__feature_icon:not(:last-child) {
      margin-bottom: 1.4rem
   }
}

.info_banner__feature_icon svg {
   fill: none
}

.info_banner__feature_img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.info_banner__feature_text {
   letter-spacing: 0;
   color: #fff;
   line-height: 1.5
}

@media screen and (min-width:1024px) {
   .info_banner__feature_text {
      font-size: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner__feature_text {
      font-size: 1.8rem
   }
}

.info_banner__feature_text strong {
   letter-spacing: .01em;
   font-weight: 700
}

.features.features--bg_mod {
   background-color: rgba(217, 221, 231, .2)
}

.features__subscription {
   border-radius: 16px;
   padding: 20px;
   box-shadow: 0px 2px 16px 0px rgba(0, 64, 82, 0.20);
   background: #fff;
   margin-bottom: 4rem;
}

@media screen and (min-width:1024px) {
   .features.features--layout_1_mod {
      padding-bottom: 8rem
   }
   
   .features__subscription {
      padding: 50px 70px;
   }
}

@media screen and (min-width:768px) {
   .features__subscription {
      gap: 4rem;
      display: -ms-flexbox;
      display: flex
   }

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

   .features__subscription {
      margin-bottom: 5rem;
   }

   .features--layout_1_mod .features__content {
      -ms-flex-align: center;
      align-items: center
   }
}

@media screen and (max-width:767px) {
   .features__col {
      width: 100%
   }
}

@media screen and (min-width:768px) {
   .features__col:first-child {
      -ms-flex-negative: 0;
      flex-shrink: 0
   }

   .features--layout_0_mod .features__col:first-child,
   .features--layout_2_mod .features__col:first-child {
      width: 39%
   }

   .features--layout_1_mod .features__col:first-child {
      width: 42%
   }

   .features--reverse_mod .features__col:first-child {
      -ms-flex-order: 2;
      order: 2;
      margin-left: auto
   }
}

@media screen and (max-width:767px) {
   .features__col:nth-child(2) {
      width: 100%
   }
}

@media screen and (min-width:768px) {
   .features--layout_0_mod .features__col:nth-child(2) {
      width: 61%;
      max-width: 45rem
   }

   .features--layout_1_mod .features__col:nth-child(2) {
      width: 58%;
      max-width: 44rem
   }

   .features--layout_2_mod .features__col:nth-child(2) {
      width: 61%;
      max-width: 50.6rem
   }

   .features__col:nth-child(2) :not(.features--reverse_mod .features__col:nth-child(2)) {
      margin-left: 0
   }

   .features--reverse_mod .features__col:nth-child(2) {
      -ms-flex-order: 1;
      order: 1
   }
}

@media screen and (max-width:767px) {
   .features__col:not(:last-child) {
      margin-bottom: 3rem
   }
}

.features__pic {
   border-radius: 1.2rem;
   width: 100%;
   display: block;
   position: relative;
   overflow: hidden
}

@media screen and (min-width:768px) {
   .features--layout_0_mod .features__pic {
      padding-bottom: 109%
   }
}

@media screen and (max-width:767px) {
   .features--layout_0_mod .features__pic {
      padding-bottom: 110%
   }
}

.features--layout_1_mod .features__pic {
   padding-bottom: 104%
}

@media screen and (min-width:768px) {
   .features--layout_2_mod .features__pic {
      padding-bottom: 108%
   }
}

@media screen and (max-width:767px) {
   .features--layout_2_mod .features__pic {
      padding-bottom: 106%
   }
}

.features__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}

.features__list_item_v3 {
   border-radius: 12px;
   background: #fff;
   border: 1px solid #D9DDE7;
   padding: 16px 24px;
}

@media screen and (max-width:768px) {
   .features__list_item_v3 {
      padding: 20px;
   }
}

.features--layout_1_mod .features__title h2 {
   --accent: #FF4E32;
   color: #020617;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .features--layout_1_mod .features__title h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_1_mod .features__title h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.features--layout_1_mod .features__title h2 strong,
.features--layout_1_mod .features__title h2 span {
   color: var(--accent, #db073d)
}

.features--layout_1_mod .features__title h2:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 0
}

@media screen and (min-width:1024px) {
   .features--layout_1_mod .features__title h2 {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_1_mod .features__title h2 {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .features--layout_1_mod .features__title h2:not(:last-child) {
      margin-bottom: 7rem
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_1_mod .features__title h2:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

.features--layout_0_mod .features__title h2,
.features--layout_2_mod .features__title h2 {
   --accent: #FF4E32;
   color: #020617;
   font-weight: 700;
   position: relative
}

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

   .features--layout_0_mod .features__title h2,
   .features--layout_2_mod .features__title h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {

   .features--layout_0_mod .features__title h2,
   .features--layout_2_mod .features__title h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.features--layout_0_mod .features__title h2 strong,
.features--layout_0_mod .features__title h2 span,
.features--layout_2_mod .features__title h2 strong,
.features--layout_2_mod .features__title h2 span {
   color: #db073d
}

.features--layout_0_mod .features__title h2:after,
.features--layout_2_mod .features__title h2:after {
   content: "";
   background-color: #db073d;
   width: 5.6rem;
   height: 2px;
   position: absolute;
   bottom: 0
}

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

   .features--layout_0_mod .features__title h2:after,
   .features--layout_2_mod .features__title h2:after {
      left: 0
   }
}

@media screen and (max-width:767px) {

   .features--layout_0_mod .features__title h2:after,
   .features--layout_2_mod .features__title h2:after {
      left: 50%;
      transform: translate(-50%)
   }
}

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

   .features--layout_0_mod .features__title h2,
   .features--layout_2_mod .features__title h2 {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {

   .features--layout_0_mod .features__title h2,
   .features--layout_2_mod .features__title h2 {
      padding-bottom: 1.6rem
   }
}

@media screen and (max-width:767px) {
   .features--layout_0_mod .features__title {
      text-align: center
   }
}

@media screen and (min-width:1024px) {
   .features--layout_0_mod .features__title:not(:last-child) {
      margin-bottom: 4.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_0_mod .features__title:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (min-width:1024px) {
   .features--layout_1_mod .features__title:not(:last-child) {
      margin-bottom: 4.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_1_mod .features__title:not(:last-child) {
      margin-bottom: 3.8rem
   }
}

@media screen and (max-width:767px) {
   .features--layout_2_mod .features__title {
      text-align: center
   }
}

@media screen and (min-width:1024px) {
   .features--layout_2_mod .features__title:not(:last-child) {
      margin-bottom: 5.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_2_mod .features__title:not(:last-child) {
      margin-bottom: 2.6rem
   }
}

@media screen and (min-width:1024px) {
   .features--layout_0_mod .features__list_item:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_0_mod .features__list_item:not(:last-child) {
      margin-bottom: 1.4rem
   }
}

@media screen and (min-width:1024px) {
   .features--layout_1_mod .features__list_item:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_1_mod .features__list_item:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (min-width:1024px) {
   .features--layout_2_mod .features__list_item:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .features--layout_2_mod .features__list_item:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (min-width:1024px) {
   .aspects {
      padding-top: 5.6rem;
      padding-bottom: 8rem
   }
}

@media screen and (max-width:1023.5px) {
   .aspects {
      margin-bottom: 2.6rem
   }
}

@media screen and (min-width:1024px) {
   .aspects {
      background: linear-gradient(#f9fafb 0, #f9fafb 42.4%, #fff 42.4%, #fff 100%)
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .aspects {
      background: linear-gradient(#f9fafb 0, #f9fafb 36%, #fff 36%, #fff 100%)
   }
}

@media screen and (max-width:767px) {
   .aspects {
      background: linear-gradient(#f9fafb 0, #f9fafb 63.4%, #fff 63.4%, #fff 100%)
   }
}

@media screen and (min-width:768px) {
   .aspects__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -7.2rem;
      margin-right: -7.2rem;
      display: -ms-flexbox;
      display: flex
   }

   .aspects__item {
      padding-bottom: 7.2rem;
      padding-right: 7.2rem
   }

   .aspects__item:nth-child(3n+1) {
      width: 50%
   }

   .aspects__item:nth-child(3n+2) {
      width: 50%;
      margin-left: auto
   }

   .aspects__item:nth-child(3n+3) {
      width: 100%
   }
}

@media screen and (max-width:767px) {
   .aspects__item:not(:last-child) {
      margin-bottom: 5rem
   }
}

.aspect {
   width: 100%
}

@media screen and (min-width:768px) {
   .aspect {
      display: -ms-flexbox;
      display: flex
   }

   .aspect.aspect--layout_0_mod {
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 8rem;
      max-width: 44rem
   }

   .aspect.aspect--layout_1_mod {
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 4rem;
      max-width: 44rem;
      margin-left: auto;
      padding-top: 9rem
   }

   .aspect.aspect--layout_2_mod {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex
   }

   .aspect--layout_1_mod .aspect__content {
      -ms-flex-order: 2;
      order: 2
   }

   .aspect--layout_2_mod .aspect__content {
      width: 56.4%;
      max-width: 48rem;
      padding-right: 4rem
   }
}

@media screen and (max-width:1023.5px) {
   .aspect__content:not(:last-child) {
      margin-bottom: 3.6rem
   }
}

@media screen and (min-width:1024px) {
   .aspect__title:not(:last-child) {
      margin-bottom: 2.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .aspect__title:not(:last-child) {
      margin-bottom: 3rem
   }
}

.aspect__title h2 {
   --accent: #FF4E32;
   color: #020617;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .aspect__title h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .aspect__title h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.aspect__title h2 strong,
.aspect__title h2 span {
   color: var(--accent, #db073d)
}

.aspect__title h2:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 0
}

@media screen and (min-width:1024px) {
   .aspect__title h2 {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .aspect__title h2 {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .aspect__title h2:not(:last-child) {
      margin-bottom: 7rem
   }
}

@media screen and (max-width:1023.5px) {
   .aspect__title h2:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

.aspect__text {
   letter-spacing: 0;
   color: #020617;
   line-height: 1.5
}

@media screen and (min-width:1024px) {
   .aspect__text {
      font-size: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .aspect__text {
      font-size: 1.8rem
   }
}

@media screen and (min-width:1024px) {
   .aspect__text p:not(:last-child) {
      margin-bottom: 3rem
   }
}

@media screen and (max-width:1023.5px) {
   .aspect__text p:not(:last-child) {
      margin-bottom: 3.4rem
   }
}

.aspect__text strong {
   letter-spacing: .01em;
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .aspect--layout_1_mod .aspect__media {
      margin-left: -4.8rem;
      margin-right: -5rem
   }
}

@media screen and (min-width:768px) {
   .aspect--layout_1_mod .aspect__media {
      -ms-flex-order: 1;
      order: 1
   }

   .aspect--layout_2_mod .aspect__media {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 43.6%;
      margin-left: auto
   }
}

.aspect__pic {
   border-radius: 1.2rem;
   width: 100%;
   display: block;
   position: relative;
   overflow: hidden
}

.aspect--layout_0_mod .aspect__pic {
   padding-bottom: 113.2%
}

.aspect--layout_1_mod .aspect__pic {
   padding-bottom: 92%
}

.aspect--layout_2_mod .aspect__pic {
   padding-bottom: 72.4%
}

.aspect__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}


/* subscribe CTA */
.blog_category_section--subscribe {
   max-width: 128rem;
   margin: 0 auto;
}

.subscribe_cta .subscribe__in {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 5.2rem;
   min-height: 31.6rem;
   border-radius: 1.2rem;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.30) 100%), var(--tailwind-colors-blue-50, #EFF6FF);
}

.subscribe_cta .subscribe__main {
   display: flex;
   flex-direction: column;
   align-items: center;
   max-width: 66.2rem;
   margin: 0 auto;
}

.subscribe_cta .subscribe__form__notice {
   text-align: center;
}

.subscribe_cta .subscribe__titles {
   color: #020617;
   text-align: center;
   font-family: Inter;
   font-size: 3.2rem;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 3.2rem;
}

@media screen and (max-width:1023.5px) {
   .subscribe_cta .subscribe__in {
      padding: 2.4rem;
   }

   .subscribe_cta .subscribe__titles {
      font-size: 2.4rem;
      line-height: 3rem;
      margin-bottom: 2.4rem;
   }

   .subscribe_cta .form_input {
      width: 100%;
   }

   .blog_category_section--subscribe {
      padding: 0 1.6rem;
   }
}

.subscribe {
   color: #fff;
   text-align: left;
   overflow: hidden
}

.section.subscribe {
   padding: 0;
}

@media screen and (max-width:1023.5px) {
   .subscribe {
      padding: 0rem;
   }
   
   .subscribe__in {
      width: 100%;
   }
   
   .subscribe__main {
      width: 100%;
   }
}


.subscribe__in {
   z-index: 2;
}

.subscribe__icon {
   width: 5.6rem;
   height: 5.6rem;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: .6rem;
   border: 1px solid var(--tailwind-colors-slate-200, #E2E8F0);
   background: #FFF;
}

@media screen and (min-width:1024px) {
   .subscribe__icon:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .subscribe__icon:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

.subscribe[data-form-submitted] .subscribe__form,
.subscribe:not([data-form-submitted]) .subscribe__success {
   display: none
}

.subscribe_cta[data-form-submitted] .subscribe__main,
.subscribe_cta:not([data-form-submitted]) .subscribe__success {
   display: none
}


.subscribe__title {
   color: #020617;
   /* text small/leading-none/medium */
   font-family: var(--typography-font-family-font-sans, Inter);
   font-size: 1.4rem;
   font-style: normal;
   font-weight: var(--font-weight-medium, 500);
   line-height: 100%; /* 14px */
}

.subscribe__success .subscribe__title {
   color: #1D4ED8;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 600;
   line-height: 2rem;
}

.subscribe_cta .subscribe__success .subscribe__title {
   color: #020617;
   font-family: Inter;
   font-size: 3.2rem;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
   max-width: 66.2rem;
   margin: 0 auto;
   text-align: center;
}

@media screen and (min-width:1024px) {
   .subscribe__title:not(:last-child) {
      margin-bottom: 1.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .subscribe__title:not(:last-child) {
      margin-bottom: 1rem
   }

   .subscribe_cta .subscribe__success .subscribe__title {
      font-size: 2.4rem;
      font-style: normal;
      line-height: 3rem;
   }
}

.subscribe__form {
   width: 100%;
   max-width: 42.4rem;
   position: relative
}

/* Mobile and tablet subscribe form adjustments */
@media screen and (min-width: 1024px) {
   .hide-desktop {
      display: none;
   }
}

@media screen and (max-width: 1023px) {
   .subscribe__form {
      max-width: 100%;
      width: 100%;
   }

   .hide-mobile {
      display: none;
   }

   .footer__content {
      padding: 0;
   }

   .section.subscribe {
      padding-top: 4.8rem;
   }

   .subscribe_cta.section.subscribe {
      padding-top: 1.6rem;
      margin-bottom: 1.6rem;
   }

   .footer__links_title {
      margin-bottom: 0;
   }

   .footer__info_top_in {

   }
   
   .subscribe__form_field_wrap {
      flex-direction: column;
      gap: 0.8rem;
      margin-bottom: 0.8rem;
   }
   
   .subscribe__form_submit {
      width: 100%;
      /* margin-top: 1.6rem; */
   }
   
   .subscribe__form__notice {
      margin-bottom: 0 !important;
      margin-top: 0;
   }

}

.subscribe__form .wpcf7-response-output {
   display: none
}

.subscribe__form .wpcf7-not-valid-tip {
   position: relative
}

.subscribe__form__notice {
   color: #475569;
   font-family: Inter;
   font-size: 1.2rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.6rem; 
   margin-bottom: 1rem;
}

@media screen and (max-width:1023.5px) {
   .subscribe__form__notice {
      /* padding-top: 1.2rem */
   }
}

.subscribe__form__notice a {
   color: #020617;
   font-family: Inter;
   font-size: 1.2rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.6rem;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: none;
   text-decoration-thickness: auto;
   text-underline-offset: auto;
   text-underline-position: from-font;
}

@media screen and (max-width:1023.5px) {
   .subscribe__form_field_wrap:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

.subscribe__form_input {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none;
   caret-color: #020617;
   color: #020617;
   background-color: #fff;
   border: 1px solid #d9dde7;
   border-radius: 2.4rem;
   width: 100%;
   height: 5.1rem;
   padding: .6rem 15rem 0 2rem;
   font-family: inherit;
   font-size: 1.6rem;
   font-weight: 500;
   transition: border-color .3s;
   display: block
}

.subscribe__form_input::-webkit-input-placeholder {
   color: #b0b3bc
}

.subscribe__form_input::-moz-placeholder {
   color: #b0b3bc;
   opacity: 1
}

.subscribe__form_input:-ms-input-placeholder {
   color: #b0b3bc
}

.subscribe__form_input::-webkit-contacts-auto-fill-button {
   visibility: hidden;
   position: absolute;
   right: 0
}

.subscribe__form_input[type=search]::-ms-clear {
   display: none
}

.subscribe__form_input[type=search]::-ms-reveal {
   display: none
}

.subscribe__form_input[type=search]::-webkit-search-decoration {
   display: none
}

.subscribe__form_input[type=search]::-webkit-search-cancel-button {
   display: none
}

.subscribe__form_input[type=search]::-webkit-search-results-button {
   display: none
}

.subscribe__form_input[type=search]::-webkit-search-results-decoration {
   display: none
}

.subscribe__form_input[type=date]::-webkit-calendar-picker-indicator {
   opacity: 0
}

select.subscribe__form_input {
   -webkit-tap-highlight-color: transparent
}

.subscribe__form_input[aria-invalid=true] {
   caret-color: #fc1b13;
   border-color: #fc1b13
}

.subscribe__form_input:not([aria-invalid=true]):focus {
   caret-color: #FF4E32;
   border-color: #FF4E32
}

.subscribe__form_input.form_input__element--v1_mod {
   height: 4.5rem;
   padding: 0 5.6rem 0 2rem
}

@media screen and (min-width:1024px) {
   .subscribe__form_input.form_input__element--v1_mod {
      font-size: 1.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .subscribe__form_input.form_input__element--v1_mod {
      font-size: 1.6rem
   }
}

.subscribe__form_input.form_input__element--v1_mod:hover,
.subscribe__form_input.form_input__element--v1_mod:focus {
   border-color: #FF4E32
}

.subscribe__form_input::-webkit-input-placeholder {
   color: transparent;
   transition: color .2s ease-in-out
}

.subscribe__form_input::placeholder {
   color: transparent;
   transition: color .2s ease-in-out
}

.subscribe__form_input:-ms-input-placeholder {
   color: transparent;
   transition: color .2s ease-in-out
}

.subscribe__form_input:not([data-filled=true] .subscribe__form_input):focus::-webkit-input-placeholder {
   color: #b0b3bc !important
}

.subscribe__form_input:not([data-filled=true] .subscribe__form_input):focus::-moz-placeholder {
   color: #b0b3bc !important
}

.subscribe__form_input:not([data-filled=true] .subscribe__form_input):focus:-ms-input-placeholder {
   color: #b0b3bc !important
}


@media screen and (max-width:1023.5px) {
   .subscribe__form_submit {
      width: 100%;
      font-size: 1.6rem
   }
}

/* Additional margin for subscribe section when 7 or fewer posts on category/tag pages */
@media screen and (min-width: 1024px) {
   .blog_category_section--subscribe.blog_category_section--subscribe-margin {
      margin-bottom: 5.2rem;
   }
}

/* ===================================
   BLOG HEADER STYLES
   =================================== */

:root {
   --blog-header-delay: 0.1s;
   --blog-header-duration: 0.3s;
}

/* Desktop Blog Header */
.header-blog {
   background: #F9FAFB;
   border-bottom: 1px solid #E2E8F0;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
   max-width: 128rem;
   width: 100%;
   max-height: 0 !important;
   overflow: hidden !important;
   padding: 0 !important;
   transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.header-blog.header-blog--visible {
   max-height: 10rem !important;
   overflow: visible !important;
}

.header-blog__container {
   max-width: 128rem;
   margin-left: auto;
   /* padding: 0 3.2rem; */
   opacity: 0;
   transition: opacity var(--blog-header-duration) ease-out var(--blog-header-delay);
}

.header-blog.header-blog--visible .header-blog__container {
   opacity: 1;
}

@media screen and (max-width: 1199px) {
   .header-blog__container {
      padding: 0 1.6rem;
   }
}

.header-blog__content {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 13.8rem;
   padding-bottom: 0.8rem;
   min-height: 4rem;
}

/* Blog Navigation */
.blog-nav__list {
   display: flex;
   align-items: center;
   gap: .4rem;
   list-style: none;
   margin: 0;
   padding: 0;
}

.blog-nav__item {
   position: relative;
}

.blog-nav__trigger,
.blog-nav__link {
   display: flex;
   align-items: center;
   gap: 4px;
   padding: .8rem 1.6rem;
   height: 4rem;
   background: transparent;
   border: none;
   border-radius: 6px;
   color: #020617;
   font-family: Inter;
   font-size: 14px;
   font-weight: 500;
   line-height: 1.43;
   text-decoration: none;
   cursor: pointer;
   transition: all 0.3s ease;
}

.blog-nav__trigger:hover,
.blog-nav__link:hover {
   background: #E2E8F0;
}

.blog-nav__trigger.blog-nav__trigger--active {
   background: #E2E8F0;
   color: #18181B;
}

.blog-nav__chevron {
   width: 12px;
   height: 12px;
   transition: transform 0.3s ease;
}

.blog-nav__trigger--active .blog-nav__chevron {
   transform: rotate(180deg);
}

/* Blog Navigation Dropdown */
.blog-nav__dropdown {
   position: absolute;
   top: 44px;
   left: 0;
   background: #FFFFFF;
   border: 1px solid #E2E8F0;
   border-radius: .6rem;
   box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
   opacity: 0;
   visibility: hidden;
   transform: translateY(-8px);
   transition: all 0.3s ease;
   /* z-index: 100; */
   min-width: 26rem;
}

.blog-nav__dropdown.blog-nav__dropdown--visible {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.blog-nav__dropdown-content {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   padding: 16px;
}

.blog-nav__dropdown-item {
   display: flex;
   align-items: center;
   padding: 1.2rem;
   border-radius: .6rem;
   color: #09090B;
   font-family: Inter;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 1;
   text-decoration: none;
   transition: all 0.3s ease;
   flex: 1 1 auto;
   min-width: max-content;
}

.blog-nav__dropdown-item:hover {
   background: #F6F9FC;
   text-decoration: none;
}

.one__dropdown-item.blog-nav__dropdown-item {
   padding: .8rem .4rem;
}

.one__dropdown-item.blog-nav__dropdown-item:hover {
   background: none;
   color: #1D4ED8;
   text-decoration: none;
}

/* Blog Search */
.header-blog__search {
   position: relative;
}

@media screen and (min-width: 1024px) {
   .header-blog__search {
      position: relative;
   }

   .header-blog__search-form--desktop {
      display: flex;
      align-items: center;
      gap: 4px;
      width: 320px;
      height: 40px;
      padding: 8px 12px;
      background: #FFFFFF;
      border: 1px solid #E2E8F0;
      border-radius: 6px;
      transition: border-color .3s;
   }

   .header-blog__search-form--desktop:focus-within {
      border-color: #020617;
   }

   .header-blog__search-input {
      -webkit-appearance: none;
      -ms-appearance: none;
      appearance: none;
      flex: 1;
      caret-color: #020617;
      color: #020617;
      background: transparent;
      border: none;
      border-radius: 0;
      font-family: Inter;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.43;
      outline: none;
   }

   .header-blog__search-input::-webkit-input-placeholder {
      color: #64748B;
      transition: color .2s ease-in-out;
   }

   .header-blog__search-input::-moz-placeholder {
      color: #64748B;
      transition: color .2s ease-in-out;
   }

   .header-blog__search-input:-ms-input-placeholder {
      color: #64748B;
      transition: color .2s ease-in-out;
   }

   .header-blog__search-input::placeholder {
      color: #64748B;
      transition: color .2s ease-in-out;
   }

   /* Keep placeholder visible until user types */
   .header-blog__search-input:focus::-webkit-input-placeholder {
      color: #64748B !important;
   }

   .header-blog__search-input:focus::-moz-placeholder {
      color: #64748B !important;
   }

   .header-blog__search-input:focus:-ms-input-placeholder {
      color: #64748B !important;
   }

   .header-blog__search-input:focus::placeholder {
      color: #64748B !important;
   }

   /* Hide placeholder when input has content */
   .header-blog__search-input[data-filled="true"]::-webkit-input-placeholder {
      color: transparent;
   }

   .header-blog__search-input[data-filled="true"]::-moz-placeholder {
      color: transparent;
   }

   .header-blog__search-input[data-filled="true"]:-ms-input-placeholder {
      color: transparent;
   }

   .header-blog__search-input[data-filled="true"]::placeholder {
      color: transparent;
   }

   .header-blog__search-icon {
      width: 16px;
      height: 16px;
      flex-shrink: 0;
   }

   .header-blog__search-icon svg {
      width: 100%;
      height: 100%;
      stroke: #475569;
   }
}

/* Hide complex search form elements on desktop */
@media screen and (min-width: 1024px) {
   .header-blog__search-trigger,
   .header-blog__search-form--mobile,
   .header-blog__search-close {
      display: none;
   }
}

/* Mobile and small screens - keep original complex search */
@media screen and (max-width: 1023.5px) {
   .header-blog__search-trigger {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      background: transparent;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s ease;
   }

   .header-blog__search-trigger:hover {
      background: rgba(217, 221, 231, 0.2);
   }

   .header-blog__search-form--mobile {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-8px);
      transition: all 0.3s ease;
      z-index: 50;
   }

   .header-blog__search-form--mobile.header-blog__search-form--visible {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
   }

   .header-blog__search-input-wrapper {
      display: flex;
      align-items: center;
      gap: 4px;
      width: 320px;
      height: 44px;
      padding: 8px 12px;
      background: #FFFFFF;
      border: 1px solid #020617;
      border-radius: 6px;
   }

   .header-blog__search-input {
      flex: 1;
      border: none;
      background: transparent;
      color: #64748B;
      font-family: Inter;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.43;
      outline: none;
   }

   .header-blog__search-input::placeholder {
      color: #64748B;
   }

   .header-blog__search-close {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      background: transparent;
      border: none;
      cursor: pointer;
   }
}

/* Mobile Blog Header (according to Figma design) */
.header-blog-mobile {
   display: none;
   background: #FFFFFF;
   max-height: 0 !important;
   overflow: hidden !important;
   padding: 0 !important;
   transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
   width: 110%;
}

.header-blog-mobile.header-blog-mobile--visible {
   max-height: 50rem !important;
   padding: .5rem 0 !important;
   overflow: visible !important;
   z-index: 1;
}

.header-blog-mobile__container {
   max-width: calc(136rem - var(--gl-hr-indent) * 2);
   margin: 0 auto;
   padding: 0;
   opacity: 0;
   transition: opacity 0.3s ease-out 0.1s;
   display: flex;
   flex-direction: column;
   gap: .5rem;
}

.header-blog-mobile.header-blog-mobile--visible .header-blog-mobile__container {
   opacity: 1;
}

/* Default Controls (Categories button + Search button) */
.header-blog-mobile__controls {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 2.4rem;
   padding: 1.2rem 1.6rem .3rem;
}

.header-blog-mobile__categories-trigger {
   display: flex;
   align-items: center;
   gap: 1.6rem;
   max-width: 17rem;
   background: transparent;
   border: none;
   cursor: pointer;
   flex: 1;
}

.header-blog-mobile__categories-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 4rem;
   height: 4rem;
   background: #327DF6;
   border-radius: 0.6rem;
   flex-shrink: 0;
}

.header-blog-mobile__categories-title {
   color: #020617;
   font-family: Inter;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;
}

.header-blog-mobile__categories-chevron {
   width: 1.6rem;
   height: 1.6rem;
   transition: transform 0.3s ease;
   margin-left: auto;
}

.header-blog-mobile__categories-trigger.header-blog-mobile__categories-trigger--active .header-blog-mobile__categories-chevron {
   transform: rotate(180deg);
}

.header-blog-mobile__search-trigger {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 4rem;
   height: 4rem;
   background: transparent;
   border: 1px solid #E2E8F0;
   border-radius: 0.6rem;
   cursor: pointer;
   transition: background 0.3s ease;
   flex-shrink: 0;
}

.header-blog-mobile__search-trigger:hover {
   background: #F1F5F9;
}

/* Search Form (expanded state) */
.header-blog-mobile__search-form {
   display: none;
   padding: .6rem 1.6rem 0;
}

.header-blog-mobile__search-form.header-blog-mobile__search-form--visible {
   display: block;
}

.header-blog-mobile__search-input-wrapper {
   display: flex;
   align-items: center;
   gap: 0.4rem;
   width: 100%;
   height: 4.4rem;
   padding: 0.8rem 1.2rem;
   background: #FFFFFF;
   border: 1px solid #E2E8F0;
   border-radius: 0.6rem;
   transition: border-color 0.3s;
}

.header-blog-mobile__search-input-wrapper:focus-within {
   border-color: #020617;
}

.header-blog-mobile__search-input {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none;
   flex: 1;
   caret-color: #020617;
   color: #020617;
   background: transparent;
   border: none;
   font-family: Inter;
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1.43;
   outline: none;
}

.header-blog-mobile__search-input::-webkit-input-placeholder {
   color: #64748B;
   transition: color .2s ease-in-out;
}

.header-blog-mobile__search-input::-moz-placeholder {
   color: #64748B;
   transition: color .2s ease-in-out;
}

.header-blog-mobile__search-input:-ms-input-placeholder {
   color: #64748B;
   transition: color .2s ease-in-out;
}

.header-blog-mobile__search-input::placeholder {
   color: #64748B;
   transition: color .2s ease-in-out;
}

/* Keep placeholder visible until user types */
.header-blog-mobile__search-input:focus::-webkit-input-placeholder {
   color: #64748B !important;
}

.header-blog-mobile__search-input:focus::-moz-placeholder {
   color: #64748B !important;
}

.header-blog-mobile__search-input:focus:-ms-input-placeholder {
   color: #64748B !important;
}

.header-blog-mobile__search-input:focus::placeholder {
   color: #64748B !important;
}

/* Hide placeholder when input has content */
.header-blog-mobile__search-input[data-filled="true"]::-webkit-input-placeholder {
   color: transparent;
}

.header-blog-mobile__search-input[data-filled="true"]::-moz-placeholder {
   color: transparent;
}

.header-blog-mobile__search-input[data-filled="true"]:-ms-input-placeholder {
   color: transparent;
}

.header-blog-mobile__search-input[data-filled="true"]::placeholder {
   color: transparent;
}

.header-blog-mobile__search-close {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 1.6rem;
   height: 1.6rem;
   background: transparent;
   border: none;
   cursor: pointer;
   flex-shrink: 0;
}

/* Categories Content (expanded state) */
.header-blog-mobile__categories-content {
   display: none;
   flex-direction: column;
   gap: .8rem;
   padding: 1rem 1.6rem;
   max-height: 30rem;
   overflow-y: auto;
}

.header-blog-mobile__categories-content.header-blog-mobile__categories-content--visible {
   display: flex;
}

.header-blog-mobile__category {
   width: 100%;
}

.header-blog-mobile__category-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 1.6rem;
   padding: .8rem 1.2rem .8rem 0;
   border-radius: .4rem;
   cursor: pointer;
}

.header-blog-mobile__category-title {
   color: #020617;
   font-family: Inter;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;
   text-decoration: none;
}

.header-blog-mobile__category-title--link:hover {
   text-decoration: underline;
}

.header-blog-mobile__category-chevron {
   width: 1.6rem;
   height: 1.6rem;
   transition: transform 0.3s ease;
}

.header-blog-mobile__category-header--active {
   background: #E2E8F0;
   padding: 0.8rem 1.2rem;
}

.header-blog-mobile__category-header.header-blog-mobile__category-header--active .header-blog-mobile__category-chevron {
   transform: rotate(180deg);
}

.header-blog-mobile__category-items {
   display: none;
   flex-direction: column;
   gap: 0.8rem;
   padding: 0.8rem 0;
}

.header-blog-mobile__category-items.header-blog-mobile__category-items--visible {
   display: flex;
}

.header-blog-mobile__category-item {
   padding: 0.8rem 2rem;
   color: #020617;
   font-family: Inter;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;
   text-decoration: none;
   transition: background 0.3s ease;
   border-bottom: 1px solid #E2E8F0;
}

.header-blog-mobile__category-item:hover {
   background: #F1F5F9;
   text-decoration: none;
   border-radius: .8rem;
   border-bottom: 0px solid #E2E8F0;
}

.header-blog-mobile__category-item--active {
   font-weight: 700;
}

/* Responsive Styles */
@media screen and (min-width: 1024px) {
   .header-blog-mobile {
      display: none !important;
   }
}

@media screen and (max-width: 1023.5px) {
   .header-blog {
      display: none !important;
   }
   
   .header-blog-mobile {
      display: block !important;
   }
   

   
   .header-blog-mobile__accordion {
      display: flex;
      flex-direction: column;
      gap: 2.4rem;
      z-index: 1;
   }
}

/* Blog Header animations handled by max-height transitions */

.info_banner_v2 {
   background-color: #020617;
   overflow: hidden
}

@media screen and (max-width:767px) {
   .info_banner_v2 {
      padding-bottom: 8rem
   }
}

.info_banner_v2__content {
   z-index: 1;
   position: relative
}

@media screen and (min-width:768px) {
   .info_banner_v2__content {
      gap: 4rem;
      display: -ms-flexbox;
      display: flex
   }
}

.info_banner_v2__media {
   position: relative
}

@media screen and (min-width:1024px) {
   .info_banner_v2__media {
      margin-left: -3.2rem
   }
}

@media screen and (min-width:768px) {
   .info_banner_v2__media {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -ms-flex-order: 1;
      order: 1;
      width: 46.4%;
      padding-top: 2.4rem
   }
}

@media screen and (max-width:767px) {
   .info_banner_v2__media {
      margin-left: -.4rem;
      margin-right: -.4rem
   }
}

.info_banner_v2__pic {
   width: 100%;
   padding-bottom: 51%;
   display: block;
   position: relative
}

.info_banner_v2__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}

.info_banner_v2__decor {
   z-index: -1;
   position: absolute
}

@media screen and (min-width:768px) {
   .info_banner_v2__decor {
      width: 26.6rem;
      height: 26.6rem;
      bottom: 2.4rem;
      left: -8.4rem
   }
}

@media screen and (max-width:767px) {
   .info_banner_v2__decor {
      width: 18.8rem;
      height: 18.8rem;
      bottom: -6rem;
      left: 4.6rem
   }
}

.info_banner_v2__decor_img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

@media screen and (min-width:768px) {
   .info_banner_v2__info {
      -ms-flex-order: 2;
      order: 2;
      width: 53.6%;
      max-width: 44rem;
      margin-left: auto
   }
}

@media screen and (max-width:767px) {
   .info_banner_v2__info:not(:last-child) {
      margin-bottom: 4.2rem
   }
}

.info_banner_v2__info h2 {
   --accent: #FF4E32;
   color: #fff;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .info_banner_v2__info h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner_v2__info h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.info_banner_v2__info h2 strong,
.info_banner_v2__info h2 span {
   color: var(--accent, #db073d)
}

.info_banner_v2__info h2:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 0
}

@media screen and (min-width:1024px) {
   .info_banner_v2__info h2 {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner_v2__info h2 {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .info_banner_v2__info h2:not(:last-child) {
      margin-bottom: 7rem
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner_v2__info h2:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

@media screen and (min-width:1024px) {
   .info_banner_v2__info h2:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner_v2__info h2:not(:last-child) {
      margin-bottom: 4.4rem
   }
}

.info_banner_v2__info p {
   letter-spacing: 0;
   color: #fff;
   line-height: 1.5
}

@media screen and (min-width:1024px) {
   .info_banner_v2__info p {
      font-size: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .info_banner_v2__info p {
      font-size: 1.8rem
   }
}

@media screen and (min-width:768px) {
   .info_banner_v2__info p:not(:last-child) {
      margin-bottom: 4rem
   }
}

@media screen and (max-width:767px) {
   .info_banner_v2__info p:not(:last-child) {
      margin-bottom: 3.4rem
   }
}

.info_banner_v2__info p strong {
   letter-spacing: .01em;
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .join_cta {
      padding-bottom: 10rem
   }
}

@media screen and (max-width:1023.5px) {
   .join_cta {
      margin-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .join_cta__title {
      max-width: 91rem;
      margin: 0 auto
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .join_cta__title {
      max-width: 52.8rem;
      margin: 0 auto
   }
}

@media screen and (min-width:1024px) {
   .join_cta__title:not(:last-child) {
      margin-bottom: 2.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .join_cta__title:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

.join_cta__title h2 {
   --accent: #FF4E32;
   color: #020617;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .join_cta__title h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .join_cta__title h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.join_cta__title h2 strong,
.join_cta__title h2 span {
   color: var(--accent, #db073d)
}

.join_cta__title h2:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

.contract-options__title.join_cta__title h2:after {
   background-color: #FF4E32;
}

@media screen and (min-width:1024px) {
   .join_cta__title h2 {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .join_cta__title h2 {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .join_cta__title h2:not(:last-child) {
      margin-bottom: 7rem
   }
}

@media screen and (max-width:1023.5px) {
   .join_cta__title h2:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

.join_cta__text {
   letter-spacing: 0;
   text-align: center;
   color: #020617
}

@media screen and (min-width:1024px) {
   .join_cta__text {
      max-width: 81.6rem;
      margin: 0 auto;
      font-size: 2.4rem;
      font-weight: 700
   }
}

@media screen and (max-width:1023.5px) {
   .join_cta__text {
      font-size: 1.8rem
   }
}

@media screen and (min-width:1024px) {
   .join_cta__text:not(:last-child) {
      margin-bottom: 2.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .join_cta__text:not(:last-child) {
      margin-bottom: 3.4rem
   }
}

.join_cta__text p:not(:last-child) {
   margin-bottom: 1.4rem
}

.join_cta__btn_w {
   -ms-flex-pack: center;
   justify-content: center;
   display: -ms-flexbox;
   display: flex
}

.join_cta__btn {
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

@media screen and (max-width:479px) {
   .join_cta__btn {
      width: 100%
   }
}

.message_form {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex: auto;
   flex: auto;
   display: -ms-flexbox;
   display: flex;
   min-height: 24rem;
   justify-content: center;
}

@media screen and (min-width:1024px) {
   [data-form-submitted=true] .message_form {
      -ms-flex-pack: center;
      justify-content: center;
   }
}

[data-form-submitted=true] .message_form__in {
   display: none
}

.message_form__success {
   text-align: center;
   -ms-flex-pack: center;
   justify-content: center;
   display: none
}

@media screen and (max-width:1023.5px) {
   .message_form__success {
      max-width: 34.3rem;
      margin: 0 auto;
      padding-top: 3rem
   }
}

[data-form-submitted=true] .message_form__success {
   display: block !important
}

.message_form__success_icon {
   width: 5.4rem;
   height: 5.4rem;
   margin: 0 auto;
   border-radius: 0.6rem;
   border: 1px solid #E2E8F0;
   background: #FFF;
   padding: 1.2rem;
}

.message_form__success_icon:not(:last-child) {
   margin-bottom: 2rem
}

.message_form__success_icon_img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.message_form__success_title {
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 1.4;
   color: #18181B;
}

@media screen and (min-width:1024px) {
   .message_form__success_title:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .message_form__success_title:not(:last-child) {
      margin-bottom: 2rem
   }
}

.message_form__success_descr {
   color: #475569;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 2.4rem;
   margin-bottom: 4rem;
}

@media screen and (min-width:1024px) {
   .message_form__success_descr:not(:last-child) {
      margin-bottom: 3rem
   }
}

@media screen and (max-width:1023.5px) {
   .message_form__success_descr:not(:last-child) {
      margin-bottom: 2.6rem
   }
}

.message_form__success_btn {
   /* border-radius: 3rem; */
   min-width: 9.3rem;
   height: 4.8rem;
   padding: 0 2.5rem 1px;
   font-size: 1.6rem;
   line-height: 4.6rem
}

@media screen and (max-width:767px) {
   .message_form__success_btn {
      width: 100%
   }
}

@media screen and (min-width:1024px) {
   .message_form__fields_w:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .message_form__fields_w:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

.message_form__fields {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .message_form__fields {
      margin: 0 -2.7rem -3.5rem 0
   }
}

@media screen and (max-width:1023.5px) {
   .message_form__fields {
      margin: 0 -2rem -2rem 0
   }
}

.message_form__field_wrap {
   width: 100%
}

@media screen and (min-width:1024px) {
   .message_form__field_wrap {
      padding: 0 2.7rem 3.5rem 0
   }
}

@media screen and (max-width:1023.5px) {
   .message_form__field_wrap {
      padding: 0 2rem 2rem 0
   }
}

@media screen and (min-width:768px) {
   .message_form__field_wrap:not(.message_form__field_wrap--size_mod) {
      width: 50%
   }
}

.message_form__field_wrap:last-child {
   padding-bottom: 1.2rem
}

@media screen and (min-width:768px) {
   .message_form__footer {
      -ms-flex-align: end;
      align-items: flex-end;
      gap: 2rem;
      width: 100%;
      display: -ms-flexbox;
      display: flex
   }
}

.message_form__privacy {
   letter-spacing: .01rem;
   color: #64748B;
   text-align: left;
   font-size: 1.4rem;
   line-height: 1.4
}

@media screen and (max-width:767px) {
   .message_form__privacy {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start;
      display: -ms-flexbox;
      display: flex
   }

   .message_form__privacy:not(:last-child) {
      margin-bottom: 0rem
   }
}

.popup_form__in .message_form__privacy {
   margin-bottom: 2.8rem
}

.block_send {
   margin-top: -12px;
}

@media screen and (min-width: 768px) {
   .popup_form__in .block_send .message_form__privacy {
      margin-top: 2rem;
      margin-bottom: 0rem
   }
   .popup_form__in .block_send {
      margin-top: 1.5rem
   }
}

.message_form__privacy_block:not(:last-child) {
   margin-bottom: .8rem
}

.message_form__privacy_link {
   color: #020617;
   font-weight: 500;
   display: inline
}

@media(hover:hover) {
   .message_form__privacy_link:hover {
      border-color: transparent
   }
}

.message_form__submit {
   margin-left: auto
}

@media screen and (max-width:767px) {
   .message_form__submit {
      width: 100%
   }
}

@media screen and (min-width:1024px) {
   .get_in_touch {
      padding-bottom: 10.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .get_in_touch {
      padding-top: 5rem;
      padding-bottom: 6rem
   }
}

.get_in_touch__title {
   --accent: #FF4E32;
   color: #020617;
   text-align: center;
   text-align: center;
   padding-bottom: 2.2rem;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .get_in_touch__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .get_in_touch__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.get_in_touch__title strong,
.get_in_touch__title span {
   color: var(--accent, #db073d)
}

.get_in_touch__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .get_in_touch__title:not(:last-child) {
      margin-bottom: 9rem
   }
}

@media screen and (max-width:1023.5px) {
   .get_in_touch__title:not(:last-child) {
      margin-bottom: 5.8rem
   }
}

@media screen and (min-width:1024px) {
   .get_in_touch__title:not(:last-child) {
      margin-bottom: 4rem
   }

   .get_in_touch__title br {
      display: none
   }
}

@media screen and (max-width:1023.5px) {
   .get_in_touch__title {
      padding-bottom: 1.6rem;
      font-size: 2.4rem;
      line-height: 1.4
   }

   .get_in_touch__title:not(:last-child) {
      margin-bottom: 3rem
   }
}

.article_hero {
   color: #fff;
   background-color: #020617
}

@media screen and (min-width:1024px) {
   .article_hero {
      border-bottom-right-radius: 6rem;
      border-bottom-left-radius: 6rem;
      padding-top: 9.4rem;
      padding-bottom: 4.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_hero {
      padding-top: 7rem;
      padding-bottom: 2.6rem
   }

   .article_hero:before {
      content: "";
      filter: blur(12rem);
      opacity: .2;
      background-color: #fff;
      border-radius: 50%;
      width: 32.2rem;
      height: 32.2rem;
      margin-top: -30rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
   }
}

.article_hero__decor {
   object-fit: cover;
   pointer-events: none;
   width: 100%;
   height: 64rem;
   display: block;
   position: absolute;
   top: 0;
   left: 0
}

@media screen and (min-width:768px) {
   .article_hero__decor {
      display: none
   }
}

.article_hero__content {
   z-index: 1;
   border-bottom: 1px solid #fff;
   position: relative
}

@media screen and (min-width:768px) {
   .article_hero__content {
      padding-bottom: 4.6rem;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (max-width:767px) {
   .article_hero__content {
      padding-bottom: 3rem
   }
}

@media screen and (min-width:768px) {
   .article_hero__content:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:767px) {
   .article_hero__content:not(:last-child) {
      margin-bottom: 1.2rem
   }
}

@media screen and (min-width:768px) {
   .article_hero__info {
      width: 59.8%;
      max-width: 67rem;
      padding-right: 6rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_hero__info:not(:last-child) {
      margin-bottom: 2.8rem
   }
}

@media screen and (min-width:1024px) {
   .article_hero__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .article_hero__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.article_hero__title:not(:last-child) {
   margin-bottom: 3rem
}

.article_hero__text {
   line-height: 1.5
}

@media screen and (min-width:1024px) {
   .article_hero__text {
      letter-spacing: 0;
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_hero__text {
      letter-spacing: .01em;
      font-size: 2rem;
      line-height: 1.2
   }
}

@media screen and (min-width:768px) {
   .article_hero__media {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 40.2%;
      margin-left: auto;
      padding-top: 7.2rem
   }
}

.article_hero__pic {
   border-radius: 1.6rem;
   width: 100%;
   padding-bottom: 100%;
   display: block;
   position: relative;
   overflow: hidden
}

.article_hero__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}

.article_hero__details {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
   display: -ms-flexbox;
   display: flex
}

.article_hero__links {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 1.2rem;
   margin-left: auto;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .article_hero__links {
      display: none
   }
}

.article_hero__link {
   color: #fff;
   width: 2.4rem;
   height: 2.4rem;
   transition: opacity .3s;
   display: block
}

.article_hero__link:hover,
.article_hero__link:focus {
   opacity: .6
}

.article {
   color: #020617
}

.article.section {
   padding-top: 18rem;
}

.article .section_in:not(:last-child) {
   margin-bottom: 4rem
}

@media screen and (min-width:1024px) {
   .article__row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -2rem -2rem 0;
      display: -ms-flexbox;
      display: flex
   }

   .article__column {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      padding: 0 2rem 2rem 0
   }

   .article__column:nth-child(odd) {
      -ms-flex-order: 1;
      order: 1;
      width: 60%
   }

   .article__column:nth-child(2n+2) {
      -ms-flex-order: 0;
      order: 0;
      width: 25%
   }
}

@media screen and (max-width:1023.5px) {
   .article__column:not(:last-child) {
      margin-bottom: 4rem
   }
   .article.section {
      padding-top: 16rem;
   }
}

.article__social {
   position: absolute;
   top: 16.4rem;
   left: 4rem
}

@media screen and (max-width:1023.5px) {
   .article__social {
      display: none
   }
}

.article__image  {
   margin-bottom: 5.2rem;
}

.article__image img {
   max-height: 39.2rem;
   width: 100%;
   height: auto;
   object-fit: cover;
   border-radius: 1.2rem
}

@media screen and (max-width: 768px) {
   .article__image {
      margin-bottom: 2.8rem;
   }

   .article__image img {
      max-height: 22.5rem;
   }
}

.article__label {
   letter-spacing: 0;
   font-size: 10px;
   font-weight: 300
}

.article__label:not(:last-child) {
   margin-bottom: 1rem
}

.article__social_list {
   display: flex;
   flex-direction: row;
   gap: .8rem;
}

.article__social_item {
   width: 4rem;
   height: 4rem;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   border-radius: 4px;
   border: 1px solid #E2E8F0;
   background: #FFF;  
   transition: border .3s ease;
}

.article__social_item:hover {
   border-color: #327DF6;
}

.article__social_link {
   color: inherit;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   width: 2.4rem;
   height: 2.4rem;
   transition: color .3s;
   display: -ms-flexbox;
   display: flex
}

.article__social_link:hover,
.article__social_link:focus {
   color: #FF4E32
}

.article__icon {
   color: inherit;
   width: 100%;
   height: 100%;
   display: block
}

.article__container {
   letter-spacing: 0
}

@media screen and (min-width:1024px) {
   .article__container {
      max-width: 28.5rem;
   }
}

@media screen and (max-width:1023.5px) {
   .article__aside {
      z-index: 102;
      opacity: 0;
      pointer-events: none;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      transition: opacity .3s, transform .3s;
      display: -ms-flexbox;
      display: flex;
      position: fixed;
      bottom: 0;
      left: 0;
      overflow: hidden;
      transform: translateY(100%)
   }

   .article__aside:before {
      content: "";
      z-index: -1;
      min-height: var(--full-screen);
      opacity: 0;
      background-color: rgba(17, 17, 17, .2);
      width: 100%;
      height: 100%;
      transition: opacity .3s;
      position: absolute;
      bottom: 0;
      left: 0
   }

   .body--navigation_animated_state .article__aside {
      height: 100%
   }

   .body--navigation_open_state .article__aside:before {
      opacity: 1
   }
}

.article--scroll_state .article__aside {
   pointer-events: initial;
   opacity: 1;
   transform: translateY(0);

}

@media screen and (min-width:1024px) {
   .article__wrap {
      /* border: 1px solid #b0b3bc; */
      padding: 2.4rem 0
   }
}

@media screen and (max-width:1023.5px) {
   .article__wrap {
      margin-top: auto;
   }
}

/* @media screen and (min-width:1024px) {
   .article__wrap:not(:last-child) {
      margin-bottom: 2.4rem
   }
} */

@media screen and (max-width:1023.5px) {
   .article__trigger {
      z-index: 1;
      transition: transform .3s;
      position: relative;

      box-shadow: 0px 2px 5px 3px rgba(0, 0, 0, 0.06), 0px 4px 10px 6px rgba(0, 0, 0, 0.1);
   }
}

@media screen and (min-width:1024px) {
   .article__trigger:not(:last-child) {
      margin-bottom: 2rem
   }
}

.body--navigation_open_state .article__trigger {
   pointer-events: none;
   transform: translateY(100%)
}

.article__title {
   color: inherit;
   font-family: Inter, sans-serif;
   color: #020617;
   font-size: 1.6rem;
   font-weight: 700;
   line-height: 2.4rem; /* 150% */
   text-transform: uppercase;
   display: block
}

@media screen and (min-width:1024px) {
   .article__title.article__title--trigger_mod {
      cursor: default
   }
}

@media screen and (max-width:1023.5px) {
   .article__title.article__title--trigger_mod {
      cursor: pointer;
      text-align: center;
      background-color: #F6F9FC;
      border-radius: 0;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      padding: 1rem 1.6rem;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden
   }
}

@media screen and (min-width:1024px) {
   .article__head {
      display: none
   }
}

@media screen and (max-width:1023.5px) {
   .article__head {
      -ms-flex-align: center;
      align-items: center;
      display: -ms-flexbox;
      display: flex
   }
}

.article__head:not(:last-child) {
   margin-bottom: 3.2rem
}

@media screen and (max-width:1023.5px) {
   .article__close {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 2rem;
      height: 2rem;
      margin-left: auto;
      display: block;
      transform: rotate(-45deg)
   }

   .article__close:before,
   .article__close:after {
      content: "";
      background-color: #020617;
      border-radius: 3px;
      position: absolute;
      overflow: hidden
   }

   .article__close:before {
      width: 100%;
      height: 2px;
      top: 50%;
      left: 0;
      transform: translateY(-50%)
   }

   .article__close:after {
      width: 2px;
      height: 100%;
      top: 0;
      left: 50%;
      transform: translate(-50%)
   }

   .article__nav {
      z-index: 4;
      opacity: 0;
      pointer-events: none;
      background-color: #fff;
      border-radius: 0;
      width: 100%;
      max-height: 99%;
      padding: 2rem 2.4rem 4rem 3.4rem;
      transition: opacity .3s, transform .3s;
      position: absolute;
      bottom: 0;
      left: 0;
      overflow-x: hidden;
      overflow-y: auto;
      transform: translateY(20%)
   }

   .body--navigation_open_state .article__nav {
      opacity: 1;
      pointer-events: initial;
      transform: translateY(0)
   }
}

.article__list {
   counter-reset: list
}

@media screen and (max-width:1023.5px) {
   .article__list {
      max-width: max(75%, 24rem)
   }
}

.article__item {
   counter-increment: list
}

.article__item:not(:last-child) {
   margin-bottom: 1.2rem
}

.article__link {
   color: #475569;
   font-size: 1.4rem;
   line-height: 2rem;
   font-weight: 400;
   display: block;
   position: relative;
   transition: all .3s ease;
}

/* 
.article__link:before {
   content: counter(list, decimal)".";
   display: inline-block
}
.article__link:after {
   content: "";
   opacity: 0;
   background-color: #db073d;
   border-radius: 3px;
   width: .5rem;
   height: 3rem;
   transition: opacity .3s;
   position: absolute;
   top: 50%;
   left: -3.2rem;
   transform: translate(-50%, -50%)
} */

.article__link.article__link--active_state {
   font-weight: 600;
   text-decoration: none;
}

.article__link.article__link--active_state:after {
   opacity: 1
}

@media(any-hover:hover) {
   /* .article__link:hover {
   } */
}

.article__link:hover {
   text-decoration: underline;
   text-underline-offset: .3rem;
}

.article__author {
   -ms-flex-align: center;
   align-items: center;
   gap: 1.6rem;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 2.4rem;
}

@media screen and (min-width:1024px) {
   .article__author:not(:last-child) {
      /* margin-bottom: 0rem */
   }
}

.article__picture {
   border-radius: 50%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 4rem;
   height: 4rem;
   overflow: hidden;
   object-fit: cover;
}

.article__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block
}

.article__author_name_wrap {
   display: flex;
   flex-direction: column;
   gap: .4rem;
}

.article__author_position,
.article__author_name {
   color: #020617;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 500;
   line-height: 2rem;
}

.article__author_position {
   color: #64748B;
   font-weight: 400;
}

.article__subscribe {
   width: 100%
}

@media screen and (max-width:1023.5px) {
   .article__subscribe {
      display: none
   }
}

.article__footer {
   letter-spacing: .01em;
   text-align: center;
   border-top: 2px solid #d9dde7;
   border-bottom: 2px solid #d9dde7;
   width: 100%;
   max-width: 120rem;
   margin: 0 auto;
   padding: 2.8rem 4rem;
   font-weight: 700;
   line-height: 1.4;
   display: block
}

.article_content {
   letter-spacing: 0;
   color: #020617;
   font-size: 2rem;
   font-weight: 400;
   line-height: 1.5
}

@media screen and (min-width:1024px) {
   .article_content h1 {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .article_content h1 {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.article_content h1:not(:last-child) {
   margin-bottom: 3.8rem
}

@media screen and (min-width:1024px) {
   .article_content:not(h2.article_post__title),
   .article_content h2 {
      color: #020617;
      font-size: 2.4rem;
      font-style: normal;
      font-weight: 700;
      line-height: 2.8rem; 
   }
}

@media screen and (max-width:1023.5px) {
   .article_content h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.article_content h2:not(:last-child) {
   margin-bottom: 2.4rem
}

h2.article_post__title {
   margin-bottom: 2rem !important;
}

@media screen and (max-width:1023.5px) {
   h2.article_post__title {
      margin-bottom: 1.6rem !important;
   }
}

h2.article_post__title,
.article_content h2:first-child {
   --accent: #FF4E32;
   color: #020617;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   h2.article_post__title,
   .article_content h2:first-child {
      font-size: 4rem;
      line-height: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   h2.article_post__title,
   .article_content h2:first-child {
      font-size: 2.8rem;
      line-height: normal
   }
}

.article_content h2:first-child strong,
.article_content h2:first-child span {
   color: var(--accent, #db073d)
}

/* .article_content h2:first-child:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   position: absolute;
   bottom: 0;
   left: 0
} */

@media screen and (min-width:1024px) {
   .article_content h2:first-child {
      /* padding-bottom: 2.4rem */
   }
}

@media screen and (max-width:1023.5px) {
   .article_content h2:first-child {
      /* padding-bottom: 1.6rem */
   }
}

@media screen and (min-width:1024px) {
   .article_content h2:first-child:not(:last-child) {
      /* margin-bottom: 7rem */
   }
}

@media screen and (max-width:1023.5px) {
   .article_content h2:first-child:not(:last-child) {
      /* margin-bottom: 4.8rem */
   }
}

.article_content h2:first-child:not(:last-child) {
   /* margin-bottom: 3.2rem */
}

.article_content h3 {
   font-size: 2rem;
   line-height: 1.4
}

.article_content h3:not(:last-child) {
   margin-bottom: 1.8rem
}

.article_content h4 {
   font-size: 1.6rem;
   line-height: 1.4
}

.article_content h4:not(:last-child) {
   margin-bottom: 1rem
}

.article_content h5 {
   font-size: 1.5rem;
   line-height: 1.4
}

.article_content h5:not(:last-child) {
   margin-bottom: .8rem
}

.article_content h6 {
   font-size: 1.4rem;
   line-height: 1.4
}

.article_content h6:not(:last-child) {
   margin-bottom: .6rem
}

.article_content td,
.article_content td strong {
   letter-spacing: 0;
   color: #0F172A;
   font-family: Inter;
   font-size: 1.2rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.6rem;
}

.article_content td {
   font-weight: 400;
}

.article_content tr {
   vertical-align: baseline;
}

.article_content s {
   text-decoration: line-through
}

.article_content u {
   text-decoration: underline
}

.article_content em {
   font-style: italic
}

.article_content a:not(:is(.article_banner a, .btn_primary, .btn_secondary, .btn_v3, .btn_v4, .btn_minimal, .btn_minimal_2, .btn_minimal_3, .article_card__meta_tag)) {
   color: #FF4E32;
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none;
   text-underline-offset: 3px;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 2.8rem;
   text-decoration: underline
}

.article_content a:not(:is(.article_banner a, .btn_primary, .btn_secondary, .btn_v3, .btn_v4, .btn_minimal, .btn_minimal_2, .btn_minimal_3)):hover {
   text-decoration: none
}

.article_content a:not(:is(.article_banner a, .btn_primary, .btn_secondary, .btn_v3, .btn_v4, .btn_minimal, .btn_minimal_2, .btn_minimal_3)):focus {
   text-decoration: none
}

.article_content .btn_primary {
   letter-spacing: .03em
}

@media screen and (max-width:767px) {
   .article_content .btn_primary {
      width: 100%
   }
}


.article_content p {
   color: #020617;
   font-family: Inter;
   font-size: 1.6rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2.8rem; /* 175% */
   letter-spacing: 0px;
}

.article_post__excerpt {
   margin-bottom: 3.6rem;
}

.article_post__excerpt p {
   color: #475569 !important;
}

.article_content p:not(:last-child) {
   margin-bottom: 2.4rem
}


@media screen and (max-width: 1024px) {
   .article__author,
   .article_content p:not(:last-child) {
      margin-bottom: 2.4rem;
   }

   .article_post__excerpt {
      margin-bottom: 3.2rem;
   }
}

.article_content figure {
   border-radius: 0;
   width: 100%;
   height: 100%;
   display: block;
   overflow: hidden
}

.article_content figure:not(:last-child) {
   margin-bottom: 3.2rem
}

.article_content figure img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.article_content figure img:not(:last-child) {
   margin-bottom: .6rem
}

.article_content figure figcaption {
   font-size: 1.4rem
}


.article_content ul:not(.article_banner ul),
.article_content ol:not(.article_banner ol) {
   letter-spacing: 0;
   padding-left: 3rem
}

.article_content ul:not(.article_banner ul):not(:last-child),
.article_content ol:not(.article_banner ol) :not(:last-child) {
   margin-bottom: 2.4rem
}

.article_content ul.article__social_list {
   padding-left: 0rem !important;
}
.article_content ul.article__social_list li::before {
   display: none;
}
.article_content ol:not(.article_banner ol) li,
.article_content ul:not(.article_banner ul) li {
   position: relative;
   color: #020617;
   font-size: 1.6rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2.8rem;
   letter-spacing: 0px;
   margin-bottom: 0.4rem;
}

.article_content ol:not(.article_banner ol) li::marker {
   font-weight: 600;
}

.article_content ul:not(.article_banner ul) li:before {
   content: "";
   background-color: currentColor;
   border-radius: 50%;
   width: .6rem;
   height: .6rem;
   position: absolute;
   top: .7em;
   left: -1.8rem;
   overflow: hidden
}

.article_content ol:not(.article_banner ol) li {
   list-style-type: decimal
}

.article_content blockquote {
   border-left: 2px solid #FF4E32;
   padding-left: 2.4rem
}

.article_content blockquote:not(:last-child) {
   margin-bottom: 1.5rem
}

.article_content hr {
   border: 0;
   border-top: 2px solid #FF4E32;
   margin: 0
}

.article_content .wp-block-spacer {
   height: 3rem
}

.wp-block-table td,
.wp-block-table th {
  border: 1px solid #E2E8F0;
  padding: .8rem;
}

.article_banner {
   letter-spacing: 0;
   color: #020617;
   background-color: rgba(7, 219, 165, .5);
   border-radius: 2.4rem;
   width: 100%;
   height: 100%;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .article_banner {
      gap: 2.4rem;
      padding: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner {
      gap: 1.8rem;
      padding: 2rem 1.6rem
   }
}

.article_banner.article_banner--v0_mod {
   background-color: #ffebf7
}

.article_banner.article_banner--v1_mod {
   background: rgba(217, 221, 231, .2)
}

.article_banner:not(:last-child) {
   margin-bottom: 1.8rem
}

.article_banner__row {
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .article_banner__row {
      gap: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner__row {
      gap: 1.8rem
   }
}

@media screen and (min-width:1024px) {
   .article_banner--v0_mod .article_banner__row {
      gap: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner--v0_mod .article_banner__row {
      gap: 1.4rem
   }

   .article_banner__row:not(:last-child) {
      margin-bottom: 2rem
   }
}

.article_banner__picture {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 4.4rem;
   height: 6.2rem;
   display: block
}

@media screen and (max-width:1023.5px) {
   .article_banner__picture:not(:last-child) {
      margin-right: .6rem
   }
}

@media screen and (min-width:1024px) {
   .article_banner--v0_mod .article_banner__picture {
      width: 10.4rem;
      height: 13.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner--v0_mod .article_banner__picture {
      width: 8.4rem;
      height: 11rem
   }
}

.article_banner__img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.article_banner--v0_mod .article_banner__img {
   filter: drop-shadow(0 2px 4px rgba(0, 64, 82, .15))
}

.article_banner__title {
   color: #020617;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 1.4;
   display: block
}

@media screen and (min-width:1024px) {
   .article_banner__title:not(:last-child) {
      margin-bottom: 1.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner__title:not(:last-child) {
      margin-bottom: 1rem
   }
}

.article_banner--v1_mod .article_banner__title:not(:last-child) {
   margin-bottom: 2.4rem
}

@media screen and (max-width:1023.5px) {
   .article_banner--default_mod .article_banner__title {
      width: calc(100% + 6.2rem)
   }
}

a.article_banner__title {
   transition: opacity .3s
}

a.article_banner__title:hover,
a.article_banner__title:focus {
   opacity: .7;
   text-decoration: none
}

.article_banner__descr {
   font-size: 1.6rem
}

@media screen and (min-width:1024px) {
   .article_banner__descr {
      line-height: 1.2
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner__descr {
      line-height: 1.42
   }

   .article_banner--v0_mod .article_banner__descr {
      max-width: 99%
   }
}

@media screen and (min-width:1024px) {
   .article_banner__descr:not(:last-child) {
      margin-bottom: 2.5rem
   }
}

.article_banner__button {
   letter-spacing: .03em
}

@media screen and (max-width:1023.5px) {
   .article_banner__button {
      width: 100%
   }

   .article_banner__button.article_banner__button--desktop_mod {
      display: none
   }
}

@media screen and (min-width:1024px) {
   .article_banner__button.article_banner__button--mobile_mod {
      display: none
   }
}

.article_banner__button .btn_icon {
   transition: transform .3s
}

.article_banner__button:hover .btn_icon,
.article_banner__button:focus .btn_icon {
   transform: scale(1.4)
}

.article_banner__link {
   color: #020617;
   background-color: #fff;
   border: 1px solid #020617;
   border-radius: 50%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: auto;
   margin-left: auto;
   transition: color .3s, background .3s;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .article_banner__link {
      width: 2.6rem;
      height: 2.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner__link {
      width: 4.4rem;
      height: 4.4rem
   }
}

.article_banner__link:hover,
.article_banner__link:focus {
   color: #fff;
   background-color: #020617
}

.article_banner__icon {
   width: 1.4rem;
   height: 1.4rem;
   display: block
}

.article_banner__list {
   counter-reset: list
}

.article_banner__list:not(:last-child) {
   margin-bottom: 3.2rem
}

.article_banner__item {
   counter-increment: list;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .article_banner__item {
      gap: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner__item {
      gap: 1.6rem
   }
}

.article_banner__item:not(:last-child) {
   margin-bottom: 1.2rem
}

.article_banner__wrap {
   background-color: #fff;
   border-radius: 50%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   width: 4.2rem;
   height: 4.2rem;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden
}

.article_banner__item_img {
   width: 2.4rem;
   height: 2.4rem;
   display: block
}

.article_banner__text {
   font-weight: 700;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .article_banner__text {
      letter-spacing: .01em;
      margin-top: .8rem;
      font-size: 2rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .article_banner__text {
      margin-top: 1.2rem;
      font-size: 1.8rem;
      line-height: 1.2
   }
}

.article_banner__text:before {
   content: counter(list, decimal)".";
   display: inline-block
}

.icon_title {
   gap: 1.6rem;
   display: -ms-flexbox;
   display: flex
}

.icon_title:not(:last-child) {
   margin-bottom: 3.2rem
}

.icon_title__icon {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 4rem;
   height: 4rem;
   margin: auto 0;
   display: block
}

.icon_title__icon img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.icon_title__block {
   letter-spacing: 0;
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex
}

.similar_articles .section_in {
   max-width: 128rem
}

@media screen and (min-width:1024px) {
   .similar_articles__title:not(:last-child) {
      margin-bottom: 4rem
   }
}

@media screen and (max-width:1023.5px) {
   .similar_articles__title:not(:last-child) {
      margin-bottom: 3.6rem
   }
}

.similar_articles__title h2 {
   --accent: #FF4E32;
   color: #020617;
   text-align: center;
   padding-bottom: 2.2rem;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .similar_articles__title h2 {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .similar_articles__title h2 {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.similar_articles__title h2 strong,
.similar_articles__title h2 span {
   color: var(--accent, #db073d)
}

.similar_articles__title h2:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .similar_articles__title h2:not(:last-child) {
      margin-bottom: 9rem
   }
}

@media screen and (max-width:1023.5px) {
   .similar_articles__title h2:not(:last-child) {
      margin-bottom: 5.8rem
   }
}

@media screen and (min-width:1024px) {
   .similar_articles__list_w:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .similar_articles__list_w:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

@media screen and (min-width:768px) {
   .similar_articles__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -3rem;
      margin-right: -3rem;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (min-width:1024px) {
   .similar_articles__item {
      width: 33.3333%
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .similar_articles__item {
      width: 50%
   }
}

@media screen and (min-width:768px) {
   .similar_articles__item {
      padding-bottom: 3rem;
      padding-right: 2.4rem
   }
}

@media screen and (max-width:767px) {
   .similar_articles__item {
      width: 100%
   }

   .similar_articles__item:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

.enterprise_hero_v2,
.testimonials_hero {
   color: #fff;
   background-color: #020617;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .enterprise_hero_v2,
   .testimonials_hero {
      padding-top: 12.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .enterprise_hero_v2,
   .testimonials_hero {
      padding-top: 8.6rem;
      padding-bottom: 5rem
   }
}

.enterprise_hero_v2::before,
.testimonials_hero:before {
   content: "";
   filter: blur(12rem);
   opacity: .2;
   background-color: #fff;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

@media screen and (min-width:1024px) {
   .testimonials_hero:before {
      width: 52.2rem;
      height: 52.2rem;
      margin-top: -50rem
   }
   .enterprise_hero_v2::before {
      width: 52.2rem;
      height: 52.2rem;
      margin-top: -30rem
   }
}

@media screen and (max-width:1023.5px) {
   .enterprise_hero_v2::before,
   .testimonials_hero:before {
      width: 32.2rem;
      height: 32.2rem;
      margin-top: -30rem
   }
}

.enterprise_hero_v2 .section_in {
   max-width: 88.4rem
}
.testimonials_hero .section_in {
   max-width: 82.2rem
}

.testimonials_hero__decor {
   object-position: center center;
   object-fit: contain;
   pointer-events: none;
   width: 100%;
   position: absolute;
   left: 50%;
   transform: translate(-50%)
}

.testimonials_hero__decor.testimonials_hero__decor--desktop_mod {
   height: 80rem;
   top: -46%
}

@media screen and (max-width:1023.5px) {
   .testimonials_hero__decor.testimonials_hero__decor--desktop_mod {
      display: none
   }
}

.testimonials_hero__decor.testimonials_hero__decor--mobile_mod {
   height: 49.4rem;
   top: -26%
}

@media screen and (min-width:1024px) {
   .testimonials_hero__decor.testimonials_hero__decor--mobile_mod {
      display: none
   }
}

.testimonials_hero__content {
   z-index: 1;
   position: relative
}

@media screen and (min-width:1024px) {
   .testimonials_hero__content {
      max-width: 81rem;
      margin: 0 auto
   }

   .testimonials_hero__content:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials_hero__content:not(:last-child) {
      margin-bottom: 3.6rem
   }
}

.testimonials_hero__content h1 {
   --accent: #FF4E32;
   color: #fff;
   text-align: center;
   text-align: center;
   padding-bottom: 2.2rem;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .testimonials_hero__content h1 {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials_hero__content h1 {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.testimonials_hero__content h1 strong,
.testimonials_hero__content h1 span {
   color: var(--accent, #db073d)
}

.testimonials_hero__content h1:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .testimonials_hero__content h1:not(:last-child) {
      margin-bottom: 9rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials_hero__content h1:not(:last-child) {
      margin-bottom: 5.8rem
   }

   .testimonials_hero__content h1:after {
      content: unset
   }
}

@media screen and (min-width:1024px) {
   .testimonials_hero__content h1:not(:last-child) {
      margin-bottom: 3.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials_hero__content h1:not(:last-child) {
      margin-bottom: 1rem
   }
}

.testimonials_hero__content h1 strong {
   color: #FF4E32
}

.testimonials_hero__content p {
   letter-spacing: .004em;
   text-align: center;
   font-size: 2rem;
   font-weight: 500;
   line-height: 1.2
}

.testimonials_hero__pic {
   padding-bottom: 74.4%;
   display: block;
   position: relative
}

@media screen and (min-width:1024px) {
   .testimonials_hero__pic {
      margin-left: -3rem;
      margin-right: -3.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .testimonials_hero__pic {
      margin-left: -2rem;
      margin-right: -1.8rem
   }
}

.testimonials_hero__img {
   object-fit: contain;
   object-position: center center;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}

.statistics {
   padding-bottom: 0
}

@media screen and (min-width:1024px) {
   .statistics {
      padding-top: 6rem
   }

   .statistics__list {
      -ms-flex-pack: center;
      justify-content: center;
      display: -ms-flexbox;
      display: flex
   }
}

.statistics__item {
   position: relative
}

@media screen and (min-width:1024px) {
   .statistics__item {
      padding: 3rem 8rem
   }
}

@media screen and (max-width:1023.5px) {
   .statistics__item {
      padding: 1.8rem 1.8rem 2.8rem
   }
}

.statistics__item:not(:last-child):after {
   content: "";
   background-color: #b0b3bc;
   position: absolute
}

@media screen and (min-width:1024px) {
   .statistics__item:not(:last-child):after {
      width: 1px;
      height: 7.4rem;
      top: 50%;
      right: 0;
      transform: translateY(-50%)
   }
}

@media screen and (max-width:1023.5px) {
   .statistics__item:not(:last-child):after {
      width: 7.4rem;
      height: 1px;
      bottom: 0;
      left: 50%;
      transform: translate(-50%)
   }
}

.statistics__item_number {
   text-align: center;
   color: #db073d;
   font-size: 4.8rem;
   font-weight: 700
}

.statistics__item_text {
   text-align: center;
   color: #020617;
   font-size: 3.2rem
}

@media screen and (min-width:1024px) {
   .quote {
      padding-top: 14rem
   }
}

@media screen and (max-width:1023.5px) {
   .quote {
      padding-top: 13.4rem
   }
}

.quote .section_in {
   max-width: 75.2rem
}

.quote__content {
   position: relative
}

@media screen and (min-width:1024px) {
   .quote__content:not(:last-child) {
      margin-bottom: 2.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .quote__content:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

.quote__decor {
   width: 2.8rem;
   height: 2.4rem;
   display: block;
   position: absolute
}

@media screen and (min-width:1024px) {
   .quote__decor.quote__decor--layout_0_mod {
      top: 0;
      left: -1.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .quote__decor.quote__decor--layout_0_mod {
      top: -3.4rem;
      left: 0
   }
}

.quote__decor.quote__decor--layout_1_mod {
   transform: rotate(180deg)
}

@media screen and (min-width:1024px) {
   .quote__decor.quote__decor--layout_1_mod {
      bottom: 0;
      right: -1.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .quote__decor.quote__decor--layout_1_mod {
      bottom: -3.8rem;
      right: 0
   }
}

.quote__text {
   letter-spacing: .004em;
   text-align: center;
   line-height: 1.4;
   position: relative
}

@media screen and (min-width:1024px) {
   .quote__text {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .quote__text {
      font-size: 2rem
   }
}

.quote__author {
   letter-spacing: 0;
   text-align: center;
   font-size: 1.6rem;
   font-weight: 500;
   line-height: 1.4
}

.quote__author strong {
   font-weight: 700
}

@media screen and (min-width:768px) {
   .note {
      background-color: rgba(217, 221, 231, .45)
   }
}

@media screen and (max-width:1023.5px) {
   .note {
      padding-bottom: 3rem
   }
}

@media screen and (min-width:768px) {
   .note__content {
      gap: 4rem;
      display: -ms-flexbox;
      display: flex
   }

   .note__col:first-child {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 29.8%
   }
}

@media screen and (max-width:767px) {
   .note__col:first-child {
      -ms-flex-order: 2;
      order: 2;
      width: 100%
   }

   .note__col:first-child:not(:last-child) {
      margin-bottom: 2.8rem
   }
}

@media screen and (min-width:768px) {
   .note__col:nth-child(2) {
      width: 66.8%;
      max-width: 67.2rem;
      margin-left: auto
   }
}

@media screen and (max-width:767px) {
   .note__col:nth-child(2) {
      width: 100%
   }
}

@media screen and (max-width:767px) and (max-width:767px) {
   .note__col:nth-child(2) :not(:last-child) {
      margin-bottom: 4.6rem
   }
}

.note__pic {
   display: block;
   position: relative
}

@media screen and (min-width:768px) {
   .note__pic {
      padding-bottom: 124.8%
   }
}

@media screen and (max-width:767px) {
   .note__pic {
      padding-bottom: 108.6%
   }
}

@media screen and (min-width:768px) {
   .note__pic:not(:last-child) {
      margin-bottom: 3.4rem
   }
}

@media screen and (max-width:767px) {
   .note__pic:not(:last-child) {
      margin-bottom: 2rem
   }
}

.note__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0
}

.note__info {
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:768px) {
   .note__info {
      gap: 2.4rem
   }
}

@media screen and (max-width:767px) {
   .note__info {
      gap: 2.2rem
   }
}

.note__info:not(:last-child) {
   margin-bottom: 4px
}

.note__name {
   text-transform: uppercase;
   font-size: 2rem;
   font-weight: 700;
   line-height: 1.4
}

@media screen and (min-width:768px) {
   .note__name {
      letter-spacing: 0
   }
}

.note__link {
   color: #020617;
   width: 2rem;
   height: 2rem;
   transition: color .3s;
   display: block
}

.note__link:hover,
.note__link:focus {
   color: #FF4E32
}

.team__link {
   color: #B0B3BC;
   width: 2.4rem;
   height: 2.4rem;
   transition: color .3s;
   display: block
}

.team__link:hover,
.team__link:focus {
   color: #020617
}

.note__position {
   letter-spacing: 0;
   font-size: 1.6rem;
   line-height: 1.4
}

@media screen and (min-width:1024px) {
   .note__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .note__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

@media screen and (min-width:768px) {
   .note__title:not(:last-child) {
      margin-bottom: 2.6rem
   }
}

@media screen and (max-width:767px) {
   .note__title:not(:last-child) {
      margin-bottom: 3rem
   }

   .note__title.note__title--desktop_mod {
      display: none
   }
}

@media screen and (min-width:768px) {
   .note__title.note__title--mobile_mod {
      display: none
   }
}

.note__text {
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 1.5
}

@media screen and (min-width:768px) {
   .note__text p:not(:last-child) {
      margin-bottom: 2.2rem
   }
}

@media screen and (max-width:767px) {
   .note__text p:not(:last-child) {
      margin-bottom: 2rem
   }
}

/* TEAM */
.team {
   background: var(--grey-neutral-transparent-20, rgba(217, 221, 231, 0.20));
}

.team__founder {
   margin-top: 4rem;
}

.founder {
   display: flex;
   align-items: center;
   gap: 4rem;
   background: #fff;
   border-radius: 8px;
   border: 1px solid var(--Grey-10, #E8EEEF);
   overflow: hidden;

   box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
}

.founder__photo {
   max-width: 37.6rem;
   max-height: 39.6rem;
   overflow: hidden;
}
.founder__photo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.personal__photo {
   max-width: 18.4rem;
   max-height: 18.4rem;
   margin: 0 auto;
   margin-bottom: 2.4rem;
   border-radius: 100%;
   overflow: hidden;
}
.personal__img {
   width: 18.4rem !important;
   height: 18.4rem !important;
   object-fit: contain;
   object-position: center;
}

.personal__info .founder__position {
   font-size: 1.2rem;
   color: #375761;
   font-weight: 500;
   line-height: 1.8rem; /* 150% */
}

.founder__content {
   padding: 4rem 4rem 4rem 0;
}

.founder__personal-info {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-between;
}

.founder__position {
   color: #002631;
   font-size: 2rem;
   font-weight: 500;
}

.founder__name {
   color: #002631;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 140%; /* 33.6px */
}

.founder__line {
   width: 100%;
   height: 1px;
   margin: 2.4rem 0;
   background: #E8EEEF;
}

.personal__cards {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;   
   align-items: stretch;
   gap: 2.8rem;
   margin-top: 5rem;
}

.personal__card {
   flex: 1 1 31%;
   padding: 3.2rem 2.4rem;
   border-radius: 1.2rem;
   border: 1px solid #E8EEEF;
   background: #FFF;
   box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
}

.personal__info .founder__personal-info {
   align-items: end;
}

.team_card {
   transition: box-shadow .3s ease;
}
.team_card:hover {
   box-shadow: 0px 5px 9px 0px rgba(0, 64, 82, 0.15);
}

@media screen and (max-width:768px) {
   .team__founder {
      margin-top: 2.4rem;
   }
   .founder {
      flex-wrap: wrap;
      justify-content: center;
   }
   .founder__photo {
      max-width: 100%;
   }
   .founder__content {
      padding: 0rem 1.2rem 1.2rem 1.2rem;
   }
}

/* ABOUT */
.about {
   color: #fff;
   background-color: #020617;
   overflow: hidden
}

@media screen and (max-width:1023.5px) {
   .about {
      padding-top: 6rem;
      padding-bottom: 6rem
   }
}

.about:after,
.about:before {
   content: "";
   background-color: rgba(7, 219, 165, .3);
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%
}

.about:before {
   filter: blur(12.5rem);
   width: 48.5rem;
   height: 48.5rem
}

@media screen and (min-width:1024px) {
   .about:before {
      margin: -54rem 0 0 -88rem
   }
}

@media screen and (max-width:1023.5px) {
   .about:before {
      margin: -74rem 0 0 -38rem
   }
}

.about:after {
   filter: blur(20rem);
   width: 86.4rem;
   height: 86.4rem
}

@media screen and (min-width:1024px) {
   .about:after {
      margin: -32rem 0 0 26rem
   }
}

@media screen and (max-width:1023.5px) {
   .about:after {
      margin: 2rem 0 0 -10rem
   }
}

.about__content {
   z-index: 1;
   position: relative
}

@media screen and (min-width:768px) {
   .about__item {
      gap: 4rem;
      display: -ms-flexbox;
      display: flex
   }

   .about__item.about__item--centered_mod {
      -ms-flex-align: center;
      align-items: center
   }

   .about__item:not(:last-child) {
      margin-bottom: 9.4rem
   }
}

@media screen and (max-width:767px) {
   .about__item:not(:last-child) {
      margin-bottom: 5.4rem
   }
}

.about__title {
   text-transform: uppercase;
   color: #ffebf7
}

@media screen and (min-width:1024px) {
   .about__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .about__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

@media screen and (min-width:768px) {
   .about__title {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 30%
   }
}

@media screen and (max-width:767px) {
   .about__title {
      line-height: 1.2
   }

   .about__title:not(:last-child) {
      margin-bottom: 3rem
   }
}

.about__text {
   letter-spacing: 0
}

@media screen and (min-width:768px) {
   .about__text {
      width: 70%;
      max-width: 67rem;
      margin-left: auto
   }
}

.about__text p:not(:last-child) {
   margin-bottom: 3.8rem
}

.about__text strong {
   letter-spacing: .006em;
   font-weight: 700
}

.section.mission {
   padding-top: 5rem;
   padding-bottom: 5rem;
   background: var(--grey-neutral-transparent-20, rgba(217, 221, 231, 0.20));
}

.mission__block {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 2.4rem;
}

.mission__title {
   max-width: 41rem;
   position: relative;
   color: var(--Secondary-Secondary, #020617);
   font-size: 3.6rem;
   font-weight: 700;
   line-height: 140%; /* 50.4px */
}

.mission__description {
   max-width: 66rem;
   color: var(--Secondary-Secondary, #020617);
   font-size: 2rem;
   font-weight: 500;
   line-height: normal;
}

@media screen and (max-width:1024px) {
   .section.mission {
      padding-top: 4rem;
      padding-bottom: 4rem;
   }
   .mission__block {
      flex-wrap: wrap;
   }
}

.arrow_up {
   z-index: 101;
   color: #020617;
   cursor: pointer;
   background-color: #fff;
   border-radius: 50%;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   width: 8.4rem;
   height: 8.4rem;
   transition: transform .3s ease-in-out;
   display: -ms-flexbox;
   display: flex;
   position: fixed;
   bottom: 10rem;
   right: 1.6rem;
   box-shadow: 0 2px 1.6rem rgba(0, 64, 82, .2)
}

@media screen and (min-width:1024px) {
   .arrow_up {
      display: none
   }
}

.arrow_up:not(.arrow_up--visible_state) {
   pointer-events: none;
   transform: scale(0)
}

.arrow_up__icon {
   color: inherit;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 5rem;
   height: 5rem;
   display: block;
   transform: rotate(-90deg)
}

@media screen and (min-width:1024px) {
   .partnership {
      padding-bottom: 10.2rem
   }
   .partnership.about {
      padding-bottom: 9.1rem;
      padding-top: 9.1rem
   }
}

@media screen and (max-width:1023.5px) {
   .partnership {
      padding-top: 5rem;
      padding-bottom: 5rem
   }
}

.partnership .section_in {
   max-width: 94rem
}
.partnership.about .section_in {
   max-width: 115rem
}

@media screen and (min-width:768px) {
   .partnership__cards {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -4.2rem;
      margin-right: -4.2rem;
      display: -ms-flexbox;
      display: flex
   }

   .partnership__cards__item {
      width: 50%;
      padding-bottom: 4.2rem;
      padding-right: 4.2rem;
      z-index: 2;
   }
   .about .partnership__cards__item:first-child {
      padding-right: 2.2rem;
   }
}

@media screen and (max-width:767px) {
   .partnership__cards__item:not(:last-child) {
      margin-bottom: 3rem
   }
}

.partnership__card {
   color: #020617;
   background-color: #fff;
   border-radius: 1.6rem;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   height: 100%;
   display: -ms-flexbox;
   display: flex;
   box-shadow: 0 2px 1.6rem rgba(0, 64, 82, .2)
}
.about .partnership__card {
   color: #fff;
   background-color: transparent;
   align-items: start;
   border: 1px solid #FFF;
   position: relative;
   z-index: 9;
}

.partnership__card_icon {
   display: none;
}
.about .partnership__card_icon {
   display: block;
   margin-bottom: 2.5rem;
}
.about .partnership__card_icon svg {
   max-width: 5.6rem;
   max-height: 5.6rem;
}
.about .partnership__card_text {
   max-width: 100%;
}
.about .partnership__card_text,
.about .partnership__card_title {
   text-align: left;
} 
.about .partnership__card_text:not(:last-child) {
   margin-bottom: 3rem;
}
.about .partnership__card_title:not(:last-child) {
   margin-bottom: 2rem;
}

@media screen and (min-width:768px) {
   .partnership__card {
      padding: 5rem
   }
   .icon_mob {
      display: none;
   }
}

@media screen and (max-width:767px) {
   .partnership__card {
      padding: 6.2rem 1.6rem
   }
   .about .partnership__card {
      align-items: start;
      padding: 4rem 3rem;
   } 
   .icon_desc {
      display: none;
   }
}

@media screen and (min-width:768px) {
   .partnership__card.partnership__card--dark_mod {
      color: #fff;
      background-color: #020617
   }
   .partnership__card.partnership__card--white_mod {
      color: #020617;
      background-color: #fff
   }
   .about .partnership__card.partnership__card--transparent_mod {
      color: #fff;
      background-color: transparent;
      border: 1px solid #FFF;
   }
}

.partnership__card_title {
   text-align: center;
   letter-spacing: .004em
}

@media screen and (min-width:1024px) {
   .partnership__card_title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .partnership__card_title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.partnership__card_title:not(:last-child) {
   margin-bottom: 3.6rem
}

.partnership__card_text {
   letter-spacing: 0;
   text-align: center;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 27.4rem;
   font-size: 2rem;
   line-height: 1.2
}

@media screen and (max-width:767px) {
   .partnership__card_text {
      letter-spacing: 0
   }
}

@media screen and (min-width:1024px) {
   .partnership__card_text:not(:last-child) {
      margin-bottom: 3.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .partnership__card_text:not(:last-child) {
      margin-bottom: 4rem
   }
}

@media screen and (max-width:479px) {
   .partnership__card_btn {
      width: 100%
   }
   .about .partnership__card_btn {
      justify-content: space-between;
   }
}

@media screen and (min-width:1024px) {
   .contact:first-child {
      padding-top: 13.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .contact:first-child {
      padding-top: 8.8rem
   }

   .contact {
      padding-bottom: 5rem
   }
}

.contact__in {
   max-width: calc(144rem - var(--gl-hr-indent) * 2)
}

.contact__title {
   --accent: #FF4E32;
   color: #020617;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .contact__title {
      font-size: 4.8rem;
      line-height: 1.3;
      margin-bottom: -1.2rem;
   }
}

@media screen and (max-width:1023.5px) {
   .contact__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.contact__title strong,
.contact__title span {
   color: var(--accent, #db073d)
}

.contact__block {
   max-width: 88rem;
   margin: 0 auto;
   border-radius: 1.2rem;
   border: 1px solid #E2E8F0;
   background: #F8FAFC;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
   min-height: 30.4rem;
   overflow: hidden;
   padding: 3.2rem;
}

@media screen and (min-width:1024px) {
   /* .contact__block {
   } */
}

@media screen and (max-width:1023.5px) {
   .contact__block {
      padding: 3.2rem 1.6rem;
   }
}

.contact__form_col {
   -ms-flex-direction: column;
   flex-direction: column;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .contact__form_col {
      -ms-flex: 67.5%;
      flex: 67.5%;
      padding: 4.1rem 5.5rem 3.2rem 5.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .contact__form_col {
      min-height: 33rem;
      padding: 3.2rem 1.2rem 5rem
   }
}

.contact__form_col_title {
   color: #020617;
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .contact__form_col_title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .contact__form_col_title {
      font-size: 2.4rem;
      line-height: normal
   }
}

[data-form-submitted=true] .contact__form_col_title {
   display: none
}

@media screen and (min-width:1024px) {
   .contact__form_col_title:not(:last-child) {
      margin-bottom: 4rem
   }
}

@media screen and (max-width:1023.5px) {
   .contact__form_col_title {
      text-align: center
   }

   .contact__form_col_title:not(:last-child) {
      margin-bottom: 3rem
   }
}

.contact__info {
   background-color: #020617;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: end;
   justify-content: flex-end;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .contact__info {
      -ms-flex: 32.5%;
      flex: 32.5%;
      padding: 3.5rem 4rem
   }
}

@media screen and (max-width:1023.5px) {
   .contact__info {
      padding: 14.2rem 1.6rem 1rem 1.2rem
   }
}

.contact__info_decor {
   width: 30rem;
   height: 30rem;
   position: absolute
}

@media screen and (min-width:1024px) {
   .contact__info_decor {
      top: -3.4rem;
      right: -10rem
   }
}

@media screen and (max-width:1023.5px) {
   .contact__info_decor {
      top: -16rem;
      right: -12.4rem
   }
}

.contact__info_decor_img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.contact__info_item {
   display: -ms-flexbox;
   display: flex
}

.contact__info_item:not(:last-child) {
   margin-bottom: 4rem
}

.contact__info_icon {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 2.8rem;
   max-height: 2.1rem;
   padding-right: .8rem
}

.contact__info_content {
   color: #fff;
   letter-spacing: normal;
   padding-top: .2rem;
   font-size: 1.6rem;
   line-height: 1.2
}

.contact__info_title {
   font-weight: 700
}

.contact__info_title:not(:last-child) {
   margin-bottom: .8rem
}

.form_hero {
   background-color: #020617;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .form_hero:first-child {
      padding-top: 13.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_hero:first-child {
      padding-top: 8.8rem
   }
}

@media screen and (min-width:1024px) {
   .form_hero {
      padding-bottom: 4.5rem
   }

   .form_hero:first-child {
      padding-top: 12rem
   }
}

.form_hero:before {
   z-index: 1;
   opacity: .18;
   filter: blur(80px);
   content: "";
   background-image: radial-gradient(circle, #fbfbfb 0, rgba(249, 249, 249, 0)100%);
   border-radius: 90rem;
   width: 155.4rem;
   height: 8.9rem;
   margin: -88rem 0 0 -43rem;
   position: absolute;
   top: 50%;
   left: 50%
}

.form_hero__in {
   z-index: 2;
   position: relative
}

@media screen and (min-width:1024px) {
   .form_hero__in {
      -ms-flex-align: center;
      align-items: center;
      gap: 4rem;
      display: -ms-flexbox;
      display: flex
   }
}

.form_hero__content {
   color: #fff;
   max-width: 55.5rem
}

@media screen and (min-width:1024px) {
   .form_hero__content {
      padding-bottom: 1rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_hero__content {
      margin: 0 auto
   }
}

@media screen and (min-width:1024px) {
   .form_hero__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .form_hero__title {
      text-align: center;
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.form_hero__title:not(:last-child) {
   margin-bottom: 3.8rem
}

.form_hero__title strong {
   color: #FF4E32
}

@media screen and (min-width:1024px) {
   .form_hero__fields_w {
      max-width: 39rem
   }

   .form_hero__fields:not(:last-child) {
      margin-bottom: 3.5rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_hero__fields:not(:last-child) {
      margin-bottom: 3rem
   }
}

@media screen and (min-width:1024px) {
   .form_hero__field_wrap:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_hero__field_wrap:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

.form_hero__field .wpcf7-not-valid-tip.wpcf7-not-valid-tip {
   position: relative
}

@media screen and (max-width:1023.5px) {
   .form_hero__submit {
      width: 100%
   }
}

.form_hero__image {
   filter: drop-shadow(-.7rem .7rem 3.1rem rgba(0, 0, 0, .2));
   margin-left: auto
}

@media screen and (min-width:1024px) {
   .form_hero__image {
      -ms-flex: 0 44.1rem;
      flex: 0 44.1rem
   }
}

@media screen and (max-width:1023.5px) {
   .form_hero__image {
      --side-indent: 4rem;
      max-width: calc(21.2rem + var(--side-indent) * 2);
      padding: 0 var(--side-indent);
      width: 100%;
      margin: 0 auto;
      display: block
   }

   .form_hero__image:not(:last-child) {
      margin-bottom: 3.8rem
   }

   .form_hero__image.form_hero__image--desktop_mod {
      display: none
   }
}

@media screen and (min-width:1024px) {
   .form_hero__image.form_hero__image--mobile_mod {
      display: none
   }
}

.form_hero__image_in {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block
}

@media screen and (min-width:1024px) {
   .form_hero__image_in {
      aspect-ratio: 441/526
   }
}

@media screen and (max-width:1023.5px) {
   .form_hero__image_in {
      aspect-ratio: 210/276
   }
}

/* Template Action block */
.action {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 20px;

   margin: 55px 0 0;
   padding: 2.4rem;

   border-radius: 1.2rem;
}

.action--light {
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.30) 100%), var(--tailwind-colors-blue-50, #EFF6FF);
}

/* background for action mobile */
.action.action-mobile {
   background: rgba(7, 219, 165, 0.08);
}
@media screen and (min-width: 768px) {
	.action.action--light {
		margin: 2.4rem 0 2.4rem;
	}
}

.action.action--dark {
   background: #020617;
   border-top: 0px;
}

.action--dark .action__title {
   color: #fff;
}

@media (min-width: 1024px) {
   .action--dark .action__title {
      margin-left: 4.5rem;
      margin-right: 4.5rem;
   }
}

.action--align-left {
   text-align: left;
}
.action--align-center {
   text-align: center;
}
.action--align-right {
   text-align: right;
}

.action__title {
   color: #020617;
   font-family: Inter;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 2.8rem; 
   margin-bottom: 1.6rem;
}

.action__text {
   color: #020617;
   font-family: Inter;
   font-size: 1.6rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2.4rem;
   margin-bottom: 3.2rem;
}

.action__button {
   border-color: #fff;
   text-decoration: none !important;
}

@media screen and (min-width:768px) {
   .action-mobile {
      display: none;
   }
}

@media screen and (max-width:768px) {
   .action {
      display: block;
      text-align: center;

      border-left: none;
      box-shadow: none;

		margin: 2.4rem 0;
   }
   
   .action-mobile {
      display: block;
   }

   .action-desctop,
   .action__images {
      display: none;
   }

   .action__button {
      width: 100%;
   }
}

.document_hero {
   color: #020617
}

@media screen and (min-width:1024px) {
   .document_hero {
      padding-top: calc(var(--height-header) + 2.4rem)
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero {
      padding-top: calc(var(--height-header) + 1rem)
   }
}

@media screen and (min-width:1024px) {
   .document_hero__row {
      margin-right: -2rem;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__row:not(:last-child) {
      margin-bottom: 3.2rem
   }
}

@media screen and (min-width:1024px) {
   .document_hero__column {
      padding-right: 2rem
   }

   .document_hero__column:nth-child(odd) {
      width: 71%;
      max-width: 77.4rem;
      padding-top: .4rem
   }

   .document_hero__column:nth-child(2n+2) {
      width: 29%;
      max-width: 30.5rem;
      margin-left: auto
   }
}

@media screen and (max-width:1023.5px) {

   .document_hero__column:nth-child(2n+2),
   .document_hero__tags {
      display: none
   }
}

@media screen and (min-width:1024px) {
   .document_hero__tags:not(:last-child) {
      margin-bottom: 4.5rem
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero .document_hero__date {
      display: none
   }
}

@media screen and (min-width:1024px) {
   .document_hero .document_hero__date:not(:last-child) {
      margin-bottom: 1.8rem
   }

   .document_hero__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

@media screen and (min-width:1024px) {
   .document_hero__title:not(:last-child) {
      margin-bottom: 2.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__title:not(:last-child) {
      margin-bottom: .6rem
   }
}

.document_hero__subtitle {
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 1.5
}

@media screen and (max-width:1023.5px) {
   .document_hero__subtitle {
      display: none
   }
}

.document_hero__content {
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 1.5
}
.faq__answer p a,
.document_hero__content.document_content__template-v2 p a {
   color: #020617;
   text-decoration: underline;
}

.faq__answer a:hover,
.document_hero__content a:hover {
   text-decoration: none;
}

@media screen and (min-width:1024px) {
   .document_hero__content h1 {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__content h1 {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.document_hero__content h2 {
   max-width: 61rem
}

@media screen and (min-width:1024px) {
   .document_hero__content h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__content h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

@media screen and (min-width:1024px) {
   .document_hero__content h2:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__content h2:not(:last-child) {
      margin-bottom: 1.8rem
   }
}

.document_hero__content h3 {
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .document_hero__content h3 {
      font-size: 3.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__content h3 {
      letter-spacing: 0;
      font-size: 2.4rem;
      line-height: 1.4
   }
}

@media screen and (min-width:1024px) {
   .document_hero__content h3:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__content h3:not(:last-child) {
      margin-bottom: 2rem
   }
}

.document_hero__content h4 {
   font-size: 1.6rem;
   line-height: 1.4
}

.document_hero__content h4:not(:last-child) {
   margin-bottom: 1rem
}

.document_hero__content h5 {
   font-size: 1.5rem;
   line-height: 1.4
}

.document_hero__content h5:not(:last-child) {
   margin-bottom: .8rem
}

.document_hero__content h6 {
   font-size: 1.4rem;
   line-height: 1.4
}

.document_hero__content h6:not(:last-child) {
   margin-bottom: .6rem
}

.document_hero__content p:not(:last-child) {
   margin-bottom: 1.5rem
}

.document_hero__content ul:not(.template_el--v2_mod) {
   padding-left: 3rem
}

.document_hero__content ul li {
   position: relative
}

.document_hero__content ul li:not(.document_hero__item):not(.template_el__item):before {
   content: "";
   background-color: currentColor;
   border-radius: 50%;
   width: .6rem;
   height: .6rem;
   position: absolute;
   top: .7em;
   left: -1.8rem;
   overflow: hidden
}

.document_hero__content .wp-block-spacer {
   height: 4rem
}

.document_hero__item:before {
   content: "";
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40OSAwIDAgNC40OSAwIDEwQzAgMTUuNTEgNC40OSAyMCAxMCAyMEMxNS41MSAyMCAyMCAxNS41MSAyMCAxMEMyMCA0LjQ5IDE1LjUxIDAgMTAgMFpNMTQuNzggNy43TDkuMTEgMTMuMzdDOC45NyAxMy41MSA4Ljc4IDEzLjU5IDguNTggMTMuNTlDOC4zOCAxMy41OSA4LjE5IDEzLjUxIDguMDUgMTMuMzdMNS4yMiAxMC41NEM0LjkzIDEwLjI1IDQuOTMgOS43NyA1LjIyIDkuNDhDNS41MSA5LjE5IDUuOTkgOS4xOSA2LjI4IDkuNDhMOC41OCAxMS43OEwxMy43MiA2LjY0QzE0LjAxIDYuMzUgMTQuNDkgNi4zNSAxNC43OCA2LjY0QzE1LjA3IDYuOTMgMTUuMDcgNy40IDE0Ljc4IDcuN1oiIGZpbGw9IiMwN0RCQTUiLz4KPC9zdmc+Cg==);
   background-size: contain;
   background-repeat: no-repeat;
   width: 2rem;
   height: 2rem;
   position: absolute;
   top: .5rem;
   left: -3rem
}

.document_hero__item:not(:last-child) {
   margin-bottom: .6rem
}

.document_hero__banner.document_hero__banner--mobile_mod {
   max-width: 50rem;
   margin-left: auto;
   margin-right: auto
}

@media screen and (min-width:1024px) {
   .document_hero__banner.document_hero__banner--mobile_mod {
      display: none
   }
   .document_hero__button--alternative {
      max-width: 237px;
   }
}

@media screen and (max-width:1023.5px) {
   .document_hero__banner:not(:last-child) {
      margin-bottom: 4rem;
      margin-top: 4rem;
   }
}

.document_hero__button {
   width: 100%
}

.document_hero__button--alternative {
   margin-bottom: 20px;
}

.document_banner {
   color: #020617;
   text-align: center;
   background: #fff;
   border-radius: .8rem;
   width: 100%;
   padding: 2.4rem;
   display: block;
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

.document_banner.document_banner__v2 {
   border-radius: 20px;
}

.document_banner__title {
   color: #020617;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   line-height: 120%;

   margin-bottom: 20px;
}

.document_banner__media {
   width: 12.2rem;
   height: 15.4rem;
   margin-left: auto;
   margin-right: auto;
   display: block
}

.document_banner__media:not(:last-child) {
   margin-bottom: .4rem
}

.document_banner__img {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.document_banner__price {
   letter-spacing: .01em;
   background: rgba(217, 221, 231, .2);
   border-radius: .8rem;
   padding: .4rem 1.2rem;
   font-size: 1.4rem;
   line-height: 1.4;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.document_banner__price strong {
   letter-spacing: 0;
   font-weight: 700
}

.document_banner__price-v2 {
   color: #DB073D;
   text-align: center;
   font-size: 30px;
   font-weight: 700;
   line-height: 140%; 

   margin: 8px 0;
}

.document_banner__price-v2 sup {
   color: #DB073D;
   font-family: Inter;
   font-size: 13.871px;
   font-weight: 500;
   position: relative;
   top: -6px;
}

.document_banner__price:not(:last-child) {
   margin-bottom: 1.2rem
}

.document_banner__text {
   text-align: left
}

.document_banner__text-v2 {
   color: #020617;
   text-align: center;
   font-size: 14px;
   font-weight: 500;
}

@media screen and (min-width:1024px) {
   .document_banner__text {
      letter-spacing: 0;
      font-size: max(1.2rem, 10px);
      line-height: 1.28
   }
}

@media screen and (max-width:1023.5px) {
   .document_banner__text {
      letter-spacing: .01em;
      font-size: max(1.4rem, 10px);
      line-height: 1.4
   }
   .document_hero__steps-text {
      margin-top: 20px;
   }
}

.document_banner__text strong {
   letter-spacing: 0;
   font-weight: 700
}

.document_banner__text p:first-child {
	margin-bottom: 8px;
}

.document_banner__text img {
   object-fit: contain;
   width: .8rem;
   height: 1rem;
   display: inline-block
}

@media screen and (min-width:1024px) {
   .document_banner__text img {
      margin-left: 1px;
      margin-right: 3px
   }
}

@media screen and (max-width:1023.5px) {
   .document_banner__text img {
      margin-left: -1px
   }
}

.document_banner__text:not(:last-child) {
   margin-bottom: 1.5rem
   /* margin-bottom: 0rem */
}

.document_banner__button {
   letter-spacing: .03em;
   width: 100%
}

.document_banner__button.document_banner__button-v2 {
   margin: 12px 0;
}

@media screen and (min-width:1024px) {
   .document_banner__button.document_banner__button-v2 {
      margin: 20px 0;
   }
}

@media screen and (max-width:1023.5px) {
   .document_cta {
      padding-top: 0;
      padding-bottom: 0
   }
}

@media screen and (min-width:768px) {
   .js_document_banner__button {
      /* margin-top: 1.5rem; */
   }
   .js_document_banner__button.show {
      display: block;
   }
   .js_document_banner__button.hide {
      display: none;
   }
}

.document_cta__body {
   background-color: #020617;
   border-radius: 1.6rem;
   display: block;
   position: relative;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .document_cta__body {
      padding: 1.5rem 6rem
   }
}

@media screen and (max-width:1023.5px) {
   .document_cta__body {
      padding: 2.7rem 2rem
   }
}

a.document_cta__body {
   transition: opacity .3s
}

a.document_cta__body:hover,
a.document_cta__body:focus {
   opacity: .9;
   text-decoration: none
}

.document_cta__media {
   z-index: 1;
   pointer-events: none;
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

@media screen and (min-width:1024px) {
   .document_cta__media {
      width: 39.4rem;
      height: 41.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .document_cta__media {
      width: 32.6rem;
      height: 32.4rem
   }
}

.document_cta__decor {
   object-fit: contain;
   width: 100%;
   height: 100%;
   display: block
}

.document_cta__content {
   z-index: 2;
   color: #fff;
   letter-spacing: 0;
   text-align: center;
   position: relative
}

@media screen and (max-width:1023.5px) {
   .document_cta__content {
      max-width: 50rem;
      margin-left: auto;
      margin-right: auto
   }
}

.document_cta__content h2 {
   font-weight: 700
}

@media screen and (min-width:1024px) and (min-width:1024px) {
   .document_cta__content h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (min-width:1024px) and (max-width:1023.5px) {
   .document_cta__content h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

@media screen and (max-width:1023.5px) {
   .document_cta__content h2 {
      font-size: 1.8rem;
      line-height: 1.2
   }
}

.document_cta__content strong {
   color: #FF4E32
}

@media screen and (min-width:768px) {
   .features_v2__item:not(:last-child) {
      margin-bottom: 7rem
   }
}

@media screen and (max-width:767px) {
   .features_v2__item:not(:last-child) {
      margin-bottom: 4rem
   }
}

.feature_v2_card {
   width: 100%;
   display: block
}

@media screen and (min-width:768px) {
   .feature_v2_card__row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -4rem -4rem 0;
      display: -ms-flexbox;
      display: flex
   }

   .feature_v2_card__column {
      padding: 0 4rem 4rem 0
   }

   .feature_v2_card__column:nth-child(odd) {
      width: 5.8%
   }

   .feature_v2_card__column:nth-child(2n+2) {
      width: 49.2%
   }
}

@media screen and (max-width:767px) {
   .feature_v2_card__column:not(:last-child) {
      margin-bottom: 4rem
   }
}

@media screen and (min-width:768px) {
   .features_v2__item:nth-child(odd) .feature_v2_card__column:nth-child(2) {
      -ms-flex-order: 0;
      order: 0
   }

   .features_v2__item:nth-child(odd) .feature_v2_card__column:first-child {
      -ms-flex-order: 1;
      order: 1
   }
}

.feature_v2_card__content {
   color: #020617;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 1.5
}

@media screen and (min-width:1024px) {
   .feature_v2_card__content {
      padding-top: 1rem
   }
}

@media screen and (min-width:768px) {
   .feature_v2_card__content {
      max-width: 55.2rem
   }
}

@media screen and (min-width:1024px) {
   .feature_v2_card--v1_mod .feature_v2_card__content {
      padding-top: 7.2rem
   }
}

.feature_v2_card__content strong {
   color: #FF4E32
}

.feature_v2_card__content h2 {
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .feature_v2_card__content h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .feature_v2_card__content h2 {
      font-size: 2.4rem;
      line-height: 1.4
   }
}

.feature_v2_card__content h2:not(:last-child) {
   margin-bottom: 2.8rem
}

@media screen and (min-width:768px) {
   .feature_v2_card__content p {
      max-width: 48.4rem
   }
}

.feature_v2_card__content p:not(:last-child) {
   margin-bottom: 1.5rem
}

.feature_v2_card__content ol {
   counter-reset: list;
   padding-left: 4.2rem
}

@media screen and (max-width:1023.5px) {
   .feature_v2_card__content ol {
      line-height: 1.2
   }
}

.feature_v2_card__content ol li {
   counter-increment: list;
   position: relative
}

.feature_v2_card__content ol li:before {
   content: counter(list, decimal);
   color: #fff;
   letter-spacing: .01em;
   background-color: #FF4E32;
   border-radius: 50%;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   width: 3.2rem;
   height: 3.2rem;
   font-weight: 700;
   line-height: 1;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   top: 0;
   left: -4.2rem
}

@media screen and (max-width:1023.5px) {
   .feature_v2_card__content ol li:before {
      top: 50%;
      transform: translateY(-50%)
   }
}

@media screen and (min-width:1024px) {
   .feature_v2_card__content ol li:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .feature_v2_card__content ol li:not(:last-child) {
      margin-bottom: 1.9rem
   }
}

@media screen and (min-width:768px) {
   .feature_v2_card__media {
      max-width: 44rem
   }
}

@media screen and (min-width:1024px) {
   .feature_v2_card__media:not(.features_v2__item:nth-child(odd) .feature_v2_card__media) {
      margin-left: auto
   }
}

.feature_v2_card__picture {
   border-radius: 1.2rem;
   width: 100%;
   padding-bottom: 104%;
   display: block;
   position: relative;
   overflow: hidden
}

.feature_v2_card--v1_mod .feature_v2_card__picture {
   padding-bottom: 107%
}

.feature_v2_card__img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   left: 0
}

@media screen and (min-width:1024px) {
   .breadcrumbs.breadcrumbs--offset_0_mod:not(:last-child) {
      margin-bottom: 5.6rem
   }

   .hide_mobile {
      display: none;
   }
}

@media screen and (max-width:1023.5px) {
   .breadcrumbs.breadcrumbs--offset_0_mod:not(:last-child) {
      margin-bottom: 1.8rem
   }

   .hide_desktop,
   .breadcrumbs--desktop {
      display: none !important;
   }
}

@media screen and (min-width:1024px) {
   .breadcrumbs.breadcrumbs--offset_1_mod:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (max-width:1023.5px) {
   .breadcrumbs.breadcrumbs--offset_1_mod:not(:last-child) {
      margin-bottom: 3.8rem
   }
}

.breadcrumbs__list {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: .5rem 2px;
   display: -ms-flexbox;
   display: flex
}

.breadcrumbs__item {
   -ms-flex-align: center;
   align-items: center;
   gap: .4rem;
   display: -ms-flexbox;
   display: flex
}

.breadcrumbs__link {
   letter-spacing: 0;
   color: #64748B;
   font-family: Inter;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2rem; 
   transition: color .3s
}

@media screen and (min-width:768px) {
   .breadcrumbs__item:last-child .breadcrumbs__link {
      color: #020617;
   }
}

@media screen and (max-width:767px) {
   .breadcrumbs__item:last-child .breadcrumbs__link {
      color: #020617
   }
}

.breadcrumbs--v1_mod .breadcrumbs__item:last-child .breadcrumbs__link {
   color: #b0b3bc;
   font-weight: 400
}

a.breadcrumbs__link:hover,
a.breadcrumbs__link:focus {
   color: #FF4E32;
   text-decoration: none
}

.breadcrumbs--v1_mod .breadcrumbs__link {
   color: #020617
}

.breadcrumbs__icon {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 1.4rem;
   height: 1.4rem;
   display: block
}

@media screen and (min-width:1024px) {
   .tags.tags--offset_0_mod:not(:last-child) {
      margin-bottom: 6.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .tags.tags--offset_0_mod:not(:last-child) {
      margin-bottom: 3.8rem
   }
}

.tags__list {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 1.4rem;
   display: -ms-flexbox;
   display: flex
}

.tags__link {
   letter-spacing: 0;
   color: #fff;
   background-color: #218d7c;
   border: 1px solid #218d7c;
   border-radius: 6rem;
   padding: 3px .7rem;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 1.4;
   transition: background-color .3s, color .3s, border-color .3s;
   display: block
}

.tags__link:hover,
.tags__link:focus {
   color: #FF4E32;
   background-color: transparent;
   border-color: #FF4E32;
   text-decoration: none
}

.tags--color_v1_mod .tags__link {
   color: #020617;
   background-color: #fff;
   border: 1px solid #d9dde7
}

.tags--color_v1_mod .tags__link:hover,
.tags--color_v1_mod .tags__link:focus {
   background-color: #d9dde7
}

/* Contact-options */
.contract-options.section {
   padding-top: 0;
}

.contract-options__grid {
   display: flex;
   flex-wrap: wrap;
   gap: 18px;
}

.contract-options__item {
   flex: 1 1 100%;
   padding: 24px;
   border-radius: 20px;
   border: 1px solid var(--Grey-5, #EFF3F4);
   background: #FFF;

   box-shadow: 10px 10px 80px 0px rgba(231, 228, 232, 0.60);
   transition: border-color .3s ease-in;
}

.contract-options__item:hover:not(.contract-options__item--main) {
   border: 1px solid #FF4E32;
}

.contract-options__item.contract-options__item--main {
   padding: 0;
   border-radius: 20px;
   overflow: hidden;
}

.contract-options__image img {
   height: auto;
   display: block;
   width: 100%;
   object-fit: cover;
}


.contract-options__image {
   display: block;
   width: 100%;
}

.contract-options__icon {
   margin-bottom: 20px;
   max-width: 32px;
}

.contract-options__content {
   color: #020617;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%; /* 22.4px */
}

@media (min-width: 768px) {
   .contract-options__item {
      flex: 1 1 49%;
   }
   .contract-options__grid {   
      margin-top: 48px;
   }
}
@media (min-width: 1024px) {   
   .contract-options__item {
      padding: 30px;
      flex: 1 1 32%;
   }
}
@media (max-width: 768px) {
   .contract-options.section {
      margin-top: -25px;
   }
   .contract-options__item.contract-options__item--main {
      display: none;
   }
   .contract-options__icon {
      margin-bottom: 12px;
   }
   .contract-options__grid {
      margin-top: -10px;
   }
}

/* FAQ`s */
.faqs.section {
   padding-top: 0;
}
.faq__title.join_cta__title {
   max-width: 100%;
}
.faq__title.join_cta__title h2 {
   font-size: 4.8rem;
}
.faq__title.join_cta__title h2:after {
   background-color: #FF4E32;
}

.faq__title {  
   color: #020617;
   text-align: center;
   font-size: 3.2rem;
   font-weight: 700;
   line-height: 1.2;
}

.faq__list {
   overflow: hidden;
   max-width: 93rem;
   margin: 0 auto;
}

.faq__item {
   border-bottom: 1px solid #E2E8F0;
   padding: 15px 0 0;
   
   position: relative;
   z-index: 1;
   background: #fff;
}

.faq__question {
   display: flex;
   justify-content: space-between;
   gap: 30px;
   margin-bottom: 15px;

   align-items: center;
   cursor: pointer;
   color: #020617;
   font-size: 1.6rem;
   font-weight: 500;
   line-height: 1.5;
}

.faq__icon {
   width: 16px !important;
   height: 16px !important;
   position: relative;
   transition: transform 0.3s ease;
   display: flex;
   align-items: center;
   justify-content: center;
}

.faq__icon svg {
   width: 100%;
   height: 100%;
   transition: transform 0.3s ease;
}

.faq__item .faq__icon svg {
   transform: rotate(180deg);
}

.faq__item.active .faq__icon svg {
   transform: rotate(0deg);
}

.faq__answer {
   color: #475569;
   font-size: 1.4rem;
   line-height: 1.4;
   font-weight: 400;
   padding: 0;
   height: 0;
   overflow: hidden;
   transition: height 0.3s ease-in-out;
   
   z-index: 0;
   position: relative;
}

.faq__item.active .faq__answer {
   margin-bottom: 15px;
   overflow: visible;
}

.faq__answer ul {
   padding-left: 20px; 
}
.faq__answer ul,
.faq__answer li {
   list-style: disc; 
}
.faq__answer p {
   margin: revert;
}
.faq__answer p:first-child {
   margin-top: 0;
}
.faq__answer p:last-child {
   margin-bottom: 0;
}
@media (min-width: 768px) {
   .faq__list {
      margin-top: 4.8rem;
   }
   .faq__question:hover .faq__icon {
      transform: rotate(180deg); 
   }
}
@media (max-width: 1023.5px) {
   .faq__title.join_cta__title h2 {
       font-size: 3.2rem;
   }
   .faq__title {
      font-size: 2.4rem;
      margin-bottom: 1.6rem;
   }

   .faq__icon svg,
   .faq__icon {
      width: 16px !important;
      height: 16px !important;
   }
}

.related_templates--block.section {
   padding: 40px 0;
}

.related_templates_mob.section {
   padding: 10px var(--gl-hr-indent) 50px;
   display: none;
}


@media screen and (min-width:1024px) {
   .related_templates__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .related_templates__title {
      font-size: 2.4rem;
      line-height: normal
   }
   
   .related_templates_mob.section {
      display: block;
   }
}

.related_templates__title:not(:last-child) {
   margin-bottom: 2rem
}

@media screen and (min-width:1024px) {
   .related_templates__list:not(:last-child) {
      margin-bottom: 3rem
   }
}

@media screen and (max-width:1023.5px) {
   .related_templates__list:not(:last-child) {
      margin-bottom: 3.8rem
   }
}

.related_templates__btn_w {
   -ms-flex-pack: center;
   justify-content: center;
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:767px) {
   .related_templates__btn {
      width: 100%
   }
}

.related_templates__btn_icon {
   transform: rotate(180deg)
}

.scroll_to_top__btn_icon {
   transform: rotate(270deg)
}

.date {
   gap: 1rem;
   display: -ms-flexbox;
   display: flex
}

.date.date--v1_mod {
   color: #020617;
   -ms-flex-align: center;
   align-items: center;
   gap: .4rem
}

.date_icon {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 2.4rem;
   height: 2.4rem;
   display: block
}

.date--v1_mod .date_icon {
   width: 2.2rem;
   height: 2.2rem
}

.date_text {
   letter-spacing: 0;
   font-size: 1.6rem;
   line-height: 1.4
}

.date--v1_mod .date_text {
   letter-spacing: .01em;
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 1
}

@media screen and (min-width:1024px) {
   .enterprise_hero:first-child {
      padding-top: 13.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .enterprise_hero:first-child {
      padding-top: 8.8rem
   }
}

.enterprise_hero .section_in {
   max-width: 92rem
}

.enterprise_hero__content:not(:last-child) {
   margin-bottom: 3rem
}

.features_hero__title h1,
.enterprise_hero__content h1 {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .features_hero__title h1,
   .enterprise_hero__content h1 {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .features_hero__title h1,
   .enterprise_hero__content h1 {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.features_hero__title h1 strong,
.features_hero__title h1 span,
.enterprise_hero__content h1 strong,
.enterprise_hero__content h1 span {
   color: var(--accent, #db073d)
}

.features_hero__title h1:after,
.enterprise_hero__content h1:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .features_hero__title h1,
   .enterprise_hero__content h1 {
      padding-bottom: 2.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .features_hero__title h1,
   .enterprise_hero__content h1 {
      padding-bottom: 2rem
   }
}

.features_hero__title h1:not(:last-child),
.enterprise_hero__content h1:not(:last-child) {
   margin-bottom: 2.8rem
}

.enterprise_hero__content p {
   letter-spacing: 0;
   text-align: center
}

@media screen and (min-width:1024px) {
   .enterprise_hero__content p {
      font-size: 2.4rem;
      line-height: 1.5
   }
}

@media screen and (max-width:1023.5px) {
   .enterprise_hero__content p {
      font-size: 1.8rem;
      line-height: 1.5
   }
}

.enterprise_hero__content p strong {
   font-weight: 700
}

.enterprise_hero__btn_w {
   -ms-flex-pack: center;
   justify-content: center;
   display: -ms-flexbox;
   display: flex;
   gap: 16px;
   margin-top: 30px
}

@media screen and (max-width:479px) {
   .enterprise_hero__btn {
      width: 100%
   }
}

@media screen and (min-width:1024px) {
   .support {
      background-color: #020617
   }
}

.support__title {
   --accent: #FF4E32;
   color: #fff;
   text-align: center;
   text-align: center;
   font-weight: 700;
   position: relative
}

@media screen and (min-width:1024px) {
   .support__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .support__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

.support__title strong,
.support__title span {
   color: var(--accent, #db073d)
}

.support__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

@media screen and (min-width:1024px) {
   .support__title {
      padding-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .support__title {
      padding-bottom: 1.6rem
   }
}

@media screen and (min-width:1024px) {
   .support__title:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .support__title:not(:last-child) {
      margin-bottom: 6.2rem
   }
}

@media screen and (min-width:1024px) {
   .support__title {
      color: #fff
   }
}

@media screen and (max-width:1023.5px) {
   .support__title {
      color: #020617
   }

   .benefits-subsc__title {
      color: #fff;
      font-size: 32px;
   }

   .support__title:not(:last-child) {
      margin-bottom: 3rem
   }
}



.section.subscription {
   padding-top: 13.6rem;
   padding-bottom: 0px;
   background: var(--grey-neutral-transparent-20, rgba(217, 221, 231, 0.20));
}

.section.subscription-cards {
   /* border-radius: 24px 24px 0px 0px; */
   background: var(--grey-neutral-transparent-20, rgba(217, 221, 231, 0.20));
   padding-top: 10px;
}

@media screen and (min-width:1024px) {
   .subscription__cards {
      /* margin-top: -235px; */
   }   
   
   .section.subscription-cards {
      /* border-radius: 40px 40px 0px 0px; */
      /* margin-top: 250px; */
      padding-top: 10px;
   }
}

.subscription__title {
   display: flex;
   /* max-width: 894px; */
   margin: 0 auto;
   flex-direction: column;
   justify-content: center;

   color: var(--Secondary-Secondary, #020617);
   text-align: center;
   
   /* Desktop 1440/H1 Bold 48 */
   font-family: Inter;
   font-size: 48px;
   font-style: normal;
   font-weight: 700;
   line-height: 130%; /* 62.4px */

   margin-bottom: 30px;;
}

.subscription__title span,
.subscription__title strong {
   color: var(--Primary-Primary, #DB073D);
}

.steps_list {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 8px;

   margin-bottom: 30px; 
}

.steps_list__v2 {
   padding: 14px;
   border-radius: 16px;
   background: #FFF;
   
   box-shadow: 10px 10px 80px 0px rgba(231, 228, 232, 0.60);
   margin-bottom: 36px;
   margin-top: 30px;
}

@media screen and (max-width:1200px) {
   .steps_list {
      flex-wrap: wrap;
   }
}
@media screen and (max-width:1024px) {
   .steps_list {
      margin-top: 20px;
   }
}
@media screen and (min-width:1024px) {
   .steps_list__v2 {
      margin-top: 24px;
      padding: 14px 22px;
   }
}

.steps_list__item {
   display: flex;
   align-items: center;
   gap: 4px;
}

.steps_list__item_v2 {
   display: flex;
   align-items: center;
   gap: 12px;
}

.steps_list__counter {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   flex-shrink: 0;
   border-radius: 100%;
   background: #FF4E321A;

   color: #020617;
   font-size: 18px;
   font-weight: 700;
   line-height: 120%;
}

.steps_list__text {
   color: #020617;
   font-size: 18px;
   font-weight: 400;
   line-height: 120%; 

   letter-spacing: -0.2px;
   white-space: nowrap;
}

.steps_list__text-v2 {
   color: #020617;
   font-size: 18px;
   font-weight: 400;
   line-height: 120%; 
}

.steps_list__arrow {
   width: 16px;
}

.steps_list__arrow-v2 {
   margin-left: 12px;
   margin-top: -3px;
   margin-bottom: -7px;
}

.subscription__advantages {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 32px;

   margin-bottom: 32px;
}


@media screen and (max-width:1023.5px) {
   .subscription__title {
      font-size: 32px;
      text-align: left;
   }
   
   .subscription__advantages {
      gap: 10px;
   }
   
   .section.subscription {
      padding-top: 8.6rem;
   }
}

.subscription__cards {
   width: 100%;
   display: flex;
   justify-content: space-between;
   gap: 18px;
}


@media screen and (max-width:1023.5px) {
   .subscription__cards {
      flex-wrap: wrap;
      width: 100%;
   }
}

.subscription__card {
   width: 33.3%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 20px;

   padding: 28px 20px;
   border-radius: 20px;
   border: 1px solid var(--Grey-5, #EFF3F4);
   background: var(--Grey-Netural-White, #FFF);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
   transition: all .3s ease-in-out;
}

.subscription__card:nth-of-type(2) {
   border: 1px solid var(--Secondary-Secondary, #020617);
}

.subscription__card:hover {
   border-radius: 20px;
   border: 1px solid var(--Secondary-Secondary, #020617);
   background: var(--Grey-Netural-White, #FFF);
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
}

@media screen and (min-width:1024px) {
   .card-3 .card-info__body {
      margin-top: 60px;
   }
}

@media screen and (max-width: 768px) {
   .subscription__card.card-0 {
     order: 2; 
   }

   .subscription__card.card-1 {
     order: 1;
   }

   .subscription__card.card-2 {
      order: 3;
   }

   .subscription__card.card-3 {
      order: 4;
   }

   .steps_list {
      flex-direction: column;
      align-items: flex-start;

      gap: 16px;
   }

   .steps_list__arrow {
      display: none;
   }
   
   .steps_list__arrow-v2 {
      margin-top: 0;
   }
 }
/* .subscription__card-icon {
   margin-bottom: 15px;
} */

.subscription__card-title {
   color: var(--Secondary-Secondary, #020617);
   text-align: left;
   font-family: Inter;
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 140%;
   margin-bottom: 12px;
}

.card-2 .subscription__card-title,
.card-2 .subscription__card-full-price {
   /* margin-bottom: 0px; */
}

.subscription__card-title span {
   text-transform: lowercase;
}

.subscription__card-price {
   display: flex;
   align-items: center;

   color: var(--Secondary-Secondary, #020617);
   font-feature-settings: 'liga' off, 'clig' off;
   font-family: Inter;
   font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 100%; /* 20px */
}

.subscription__card-full-price sup,
.subscription__card-price_old sup,
.subscription__card-price sup {
   color: #020617;
   font-family: Inter;
   font-size: 10px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;

   position: relative;
   top: -10px;
}

.subscription__card-full-price sup {
   top: 0px;
}

.subscription__card-price_old sup{
   top: -10px !important;
   color: var(--Secondary-30, #9FB7BE) !important;
}

.subscription__card-price_old {
   color: var(--Secondary-30, #9FB7BE);
   font-feature-settings: 'liga' off, 'clig' off;
   font-family: Inter;
   font-size: 36px;
   font-style: normal;
   font-weight: 300;
   line-height: 100%; /* 48px */

   margin-left: 8px;
}

.subscription__card-price_old span {
   text-decoration: line-through;
}

.subscription__card-price span {
   /* position: relative;
   bottom: 7px; */
}

.subscription__card-price strong {
   color: #020617;
   font-feature-settings: 'liga' off, 'clig' off;
   font-family: Inter;
   font-size: 36px;
   font-style: normal;
   font-weight: 600;
   line-height: 100%;
}

@media screen and (min-width: 1024px) {
   .subscription__card-price_old {
      font-size: 48px;
   }
   
   .subscription__card-price strong {
      font-size: 48px;
      font-weight: 700;
   }

   .subscription__card-price sup {
      top: -20px;
   }
}

.subscription__card-full-price {
   color: #020617;
   text-align: left;
   font-feature-settings: 'liga' off, 'clig' off;
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px; /* 157.143% */
   margin-top: 24px;
}

.subscription__card-text strong,
.subscription__card-full-price strong {
   /* color: #205868 !important; */
   /* font-feature-settings: 'liga' off, 'clig' off; */
   /* font-size: 18px; */
   font-weight: 600;
   /* line-height: 22px; */
}

.subscription__card-full-price span {
   font-weight: 500;
}

@media screen and (max-width: 768px) {
   .subscription__card-full-price span {
      display: block;
   }
}

.subscription__card-text {
   /* display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px; */
   text-align: left;
   height: 32px;
   opacity: 0.8;

   color: #020617;
   font-feature-settings: 'liga' off, 'clig' off;
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 22px; /* 122.222% */
}

.none_mb {
   color: #fff !important;
}

.subscription__card-text sup {
   font-size: 8px;
   font-weight: 400;
}

.subscription__card-text span {
   text-decoration: line-through;
}

.subscription__card-discount {
   display: inline-block;
   margin-top: 12px;
   margin-bottom: 20px;
   padding: 2px 10px;
   border-radius: 20px;
   border: 1px solid var(--Primary-Primary, #DB073D);
   background: var(--Primary-Primary, #DB073D);
   box-shadow: 0px 0.676px 1.352px 0px rgba(16, 24, 40, 0.05);

   color: #FFF;
   font-family: Inter;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   letter-spacing: 0.07px;
}

.subscription__card-info {
   text-align: center;
   width: 100%;
   height: 100%;
   gap: 12px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.card-info__body {
   margin-top: 24px;
   margin-bottom: 15px;
   text-align: left;
}

@media screen and (min-width: 768px) {
   .subscription__card-info {
      min-height: 290px;
      max-height: max-content;
   }
   .card-info__body {
      margin-bottom: 0px;
   }
}

.subscription__card-line {
   width: 100%;
   height: 1px;
   background: #EFF3F4;
}

.subscription__card-list {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   gap: 12px;
   align-self: stretch;

   list-style: none;
   padding: 0;
}

.subscription__card-list-item {
   display: flex;
   gap: 16px;
   align-items: flex-start;

   font-size: 16px;
   color: #666;
   display: flex;
   align-items: flex-start;
}

.subscription__card-list-text {
   color: #020617;
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 120%; /* 21.6px */
}

.subscription__card-list-text strong {
   font-weight: 600;
}

.scroll-text svg {
   margin-right: 10px;
}

.running_string {
   padding-bottom: 70px;
   background: var(--grey-neutral-transparent-20, rgba(217, 221, 231, 0.20));
}

.subscription__scroll-text {
   overflow: hidden;
   /* margin-top: 70px; */
}

.subscription__scroll-inner {
   display: flex;
   white-space: nowrap;
   animation: scroll 25s linear infinite;
}

.scroll-text {
   white-space: nowrap;
   margin-right: 40px;
   font-size: 18px;
   display: flex;
   align-items: center;
}

@keyframes scroll {
   0% { transform: translateX(0%); }
   100% { transform: translateX(-100%); }
}

@media (max-width: 1200px) {
   .subscription__card {
      width: 49%;
   }

   .subscription__cards {
      flex-wrap: wrap;
      justify-content: center;
   }

   .subscription__card-list-item {
      gap: 8px;
   }
}

@media (max-width: 768px) {
   .subscription__cards {
       flex-direction: column;
       align-items: center;
   }

   .subscription__card {
       max-width: 100%;
       width: 100%;
       padding: 28px;
       /* padding: 24px 16px; */
   }

   .none_mb {
      display: none;
   }

   .subscription__advantages {
      margin-bottom: 40px;
      justify-content: flex-start;
   }

   .subscription__scroll-text {
       display: none;
   }

   .running_string {
      padding-bottom: 5px;
   }
   
   .subscription__card:hover {
      border: 1px solid var(--Grey-5, #EFF3F4);
   }
   
   .subscription__card.card-2:hover  {
      border: 1px solid var(--Secondary-Secondary, #020617);
   }

   .subscription__card-text strong,
   .subscription__card-full-price strong {
      font-size: 18px !important;
   }
}





.benefits-subsc__list,
.support__list {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   display: -ms-flexbox;
   display: flex
}

.benefits-subsc__list {
   gap: 10px 72px
}

@media screen and (min-width:1024px) {
   .support__list {
      margin-bottom: -3.8rem;
      margin-right: -3.8rem
   }
   .benefits-subsc__list {
      margin-bottom: -4.5rem;
      margin-right: -3rem
   }
}

@media screen and (max-width:1023.5px) {
   .support__list {
      margin-bottom: -1.6rem;
      margin-right: -1.6rem
   }
   .benefits-subsc__list {
      margin-bottom: -1.6rem;
      flex-direction: column;
      gap: 30px;
   }
}

@media screen and (min-width:1024px) {
   .support__list_item {
      width: 33.3333%;
      padding-bottom: 3.8rem;
      padding-right: 3.8rem
   }
   .benefits-subsc__list_item {
      width: 46%;
      padding-bottom: 4.5rem;
      padding-right: 10px
   }
}

@media screen and (max-width:1023.5px) {
   .support__list_item {
      width: 50%;
      padding-bottom: 1.6rem;
      padding-right: 1.6rem
   }
   .benefits-subsc__list_item {
      width: 100%;
      padding: 0px
   }
}

.support__item {
   background-color: #fff;
   border: 1px solid #d9dde7;
   border-radius: 1.2rem;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   height: 100%;
   display: -ms-flexbox;
   display: flex
}

.benefits-subsc__item-heading {
   width: 100%;
   height: 100%;
   display: -ms-flexbox;
   display: flex
}

.benefits-subsc__item {
   width: 100%
}

.benefits-subsc__item-heading {
   gap: 21px; 
   padding-bottom: 16px;
   align-content: flex-start
}

@media screen and (min-width:1024px) {
   .support__item {
      padding: 4.4rem 6rem
   }
}

@media screen and (max-width:1023.5px) {
   .support__item {
      min-height: 14.6rem;
      padding: 1.2rem
   }

   .benefits-subsc__item {
      padding-bottom: 0px
   }
   
   .benefits-subsc__item-heading {
      gap: 15px; 
      padding-bottom: 20px;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      align-content: center
   }
}

.benefits-subsc__item-icon,
.benefits-subsc__item-icon img {
   width: 28px;
   height: 28px;
}

.support__item_icon {
   color: #FF4E32;
   background-color: rgba(7, 219, 165, .04);
   border-radius: 50%
}

@media screen and (min-width:1024px) {
   .support__item_icon {
      width: 4.4rem;
      height: 4.4rem;
      padding: 1rem
   }
}

@media screen and (max-width:1023.5px) {
   .support__item_icon {
      width: 3.2rem;
      height: 3.2rem;
      padding: .7rem
   }
   
   .benefits-subsc__item-icon {
      margin: 0 auto;
   }
}

@media screen and (min-width:1024px) {
   .support__item_icon:not(:last-child) {
      margin-bottom: 1.2rem
   }
}

@media screen and (max-width:1023.5px) {
   .support__item_icon:not(:last-child) {
      margin-bottom: .8rem
   }
}

.support__item_icon svg {
   fill: none
}

.benefits-subsc__item-title {
   color: #FFF;
   font-family: Inter;
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 30px;
}
.benefits-subsc__item-title span{
   color: #FF4E32;
}

.support__item_text {
   letter-spacing: 0;
   text-align: center;
   line-height: 1.5
}

.benefits-subsc__item_text {
   color: #FFF;
   font-family: Inter;
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%; /* 25.2px */
}

@media screen and (min-width:1024px) {
   .support__item_text {
      font-size: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .support__item_text {
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-align: center;
      align-items: center;
      font-size: 1.8rem;
      display: -ms-flexbox;
      display: flex
   }
   .benefits-subsc__item_text,
   .benefits-subsc__item-title {
      text-align: center;
   }
   
   .benefits-subsc__item-title {
      font-size: 20px;
   }
   .benefits-subsc__item-title span{
      color: #fff;
   }
}

.support__item_text strong {
   font-weight: 700
}

.basic_enterprise__title-v2 h2,
.basic_enterprise__title h2,
.automate__title {
   --accent: #db073d;
   color: #020617;
   text-align: center;
   font-weight: 700;
   position: relative
}
.basic_enterprise__title-v2 h2 {
   --accent: #FF4E32;
}

.basic_enterprise__title-v2,
.basic_enterprise__title {
   text-align: center;
}

.basic_enterprise__title-v2 p,
.basic_enterprise__title p {
   font-size: 16px;
}
@media  screen and (max-width:1023.5px) {
   .basic_enterprise__title-v2 h2,
   .basic_enterprise__title h2,
   .basic_enterprise__title-v2,
   .basic_enterprise__title {
      text-align: left;
   }
}
.basic_enterprise__title-v2 p strong,
.basic_enterprise__title p strong{
   font-weight: 600;
}
.basic_enterprise__title-v2 p:not(:last-child), 
.basic_enterprise__title p:not(:last-child) {
   margin-bottom: 2rem
}

@media screen and (min-width:1024px) {
   .automate__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
   .basic_enterprise__title-v2 h2,
   .basic_enterprise__title h2 {
      font-size: 3.928rem;
      line-height: 140%;
   }
}

@media screen and (max-width:1023.5px) {
   .mission__title,
   .basic_enterprise__title-v2 h2,
   .basic_enterprise__title h2,
   .automate__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

.basic_enterprise__title-v2 h2 strong,
.basic_enterprise__title-v2 h2 span,
.basic_enterprise__title h2 strong,
.basic_enterprise__title h2 span,
.automate__title strong,
.automate__title span {
   color: var(--accent, #db073d)
}

.mission__title::after,
.basic_enterprise__title-v2 h2::after,
.basic_enterprise__title h2::after,
.automate__title:after {
   background-color: var(--accent, #db073d);
   content: "";
   width: 5.6rem;
   height: 2px;
   margin-left: -2.8rem;
   position: absolute;
   bottom: 0;
   left: 50%
}

.mission__title::after,
.basic_enterprise__title-v2 h2::after{
   background-color: var(--accent, #FF4E32);
}

@media screen and (min-width:1024px) {
   .automate__title {
      padding-bottom: 2.4rem
   }
   .basic_enterprise__title-v2 h2,
   .basic_enterprise__title h2 {
      padding-bottom: 2.4rem
   }
   .mission__title::after {
      display: none;
   }
}

@media screen and (max-width:1023.5px) {
   .automate__title {
      padding-bottom: 1.6rem
   }
   .mission__title,
   .basic_enterprise__title-v2 h2,
   .basic_enterprise__title h2 {
      padding-bottom: 1.6rem
   }

   .mission__title::after,
   .basic_enterprise__title-v2 h2::after,
   .basic_enterprise__title h2::after {
      left: 30px
   }
}

@media screen and (min-width:1024px) {
   .automate__title:not(:last-child) {
      margin-bottom: 3rem
   }
   .basic_enterprise__title-v2 h2:not(:last-child),
   .basic_enterprise__title h2:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (max-width:1023.5px) {
   .automate__title:not(:last-child) {
      margin-bottom: 3.2rem
   }
   .basic_enterprise__title-v2 h2:not(:last-child),
   .basic_enterprise__title h2:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

@media screen and (min-width:1024px) {
   .automate__title {
      max-width: 104rem;
      margin: 0 auto
   }


   .basic_enterprise__title-v2 ,
   .basic_enterprise__title {
      max-width: 88.4rem;
      margin: 0 auto
   }

   .basic_enterprise__title-v2 h2:not(:last-child),
   .basic_enterprise__title h2:not(:last-child) {
      margin-bottom: 2.4rem
   }

   .automate__title:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .automate__title:not(:last-child) {
      margin-bottom: 2.6rem
   }
   .basic_enterprise__title-v2 h2:not(:last-child),
   .basic_enterprise__title h2:not(:last-child) {
      margin-bottom: 2.4rem
   }
}

/* basic_enterprise cards */
.basic_enterprice__cards {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: stretch;
   gap: 2.4rem;
   margin-top: 4rem;
}
.basic__card {
   display: flex;
   flex: 0 0 48%;
   padding: 30px 40px;
   flex-direction: row;
   align-items: start;
   gap: 20px;
   align-self: stretch;
   min-height: 25rem;

   border-radius: 8px;
   background: var(--Grey-Bg-app, #F5F7FA);
   box-shadow: 0px 2px 4px 0px rgba(0, 64, 82, 0.15);
   transition: box-shadow .3s ease;
}
.basic__card:hover {
   box-shadow: 0px 5px 9px 0px rgba(0, 64, 82, 0.15);
}
.basic__content {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: start;
   gap: 2rem;
}
.content__title {
   color: var(--Secondary-Secondary, #020617);
   font-family: Inter;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 140%;

   margin-bottom: 15px;
}
.basic__description {
   color: var(--Secondary-Secondary, #020617);
   font-family: Inter;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 140%; /* 22.4px */
}

.automate__list {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   display: -ms-flexbox;
   display: flex;
   margin-top: 5rem;
}


@media screen and (max-width:1023.5px) {
   .basic_enterprice__cards {
      flex-wrap: wrap;
   }
   .basic__card {
      padding: 16px;
   }
   .basic__content {
      height: auto;
   }
   .content__button {
      width: 100%;
   }
   .content__button .btn_minimal {
      justify-content: space-between;
   }
   .basic_enterprice__cards {
      margin-top: 2rem;
   }
}

@media screen and (min-width:768px) {
   .automate__list {
      margin-bottom: -5.4rem;
      margin-right: -5rem
   }

   .automate__list_item {
      width: 50%;
      padding-bottom: 5rem;
      padding-right: 5rem
   }
}

@media screen and (max-width:767px) {
   .automate__list_item {
      width: 100%
   }

   .automate__list_item:not(:last-child) {
      margin-bottom: 1.6rem
   }
   
   .automate__list {
      margin-top: 3rem;
   }

   .basic__card {
      flex-wrap: wrap;
      flex: 0 0 100%;
   }
}

/* basic_enterprise */
.section.solution_enterprise { 
   background-color: rgba(217, 221, 231, .2);
}

.enterprise__tag {
   max-width: max-content;
   margin: 0 auto;
   padding: 4px 12px;
   border-radius: 59rem;
   background: rgba(7, 219, 165, 0.20);

   color: var(--Secondary-Secondary, #020617);
   text-align: center;
   font-family: Inter;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 140%; /* 33.6px */

   margin-top: 4rem;
}

.enterprise__cards {
   flex-wrap: wrap;
}

.enterprise__card {
   overflow: hidden;
   align-self: stretch;
   border-radius: 8px;
   background: #FFF;
   box-shadow: 0px 2px 4px 0px rgba(0, 64, 82, 0.15);
   transition: box-shadow .3s ease;
}
.enterprise__card:hover {
   box-shadow: 0px 5px 9px 0px rgba(0, 64, 82, 0.15);
}

.basic__description p:not(:last-child) {
   margin-bottom: 15px;
}

.col_2 {
   flex: 0 1 48%;
}
.col_3 {
   flex: 0 1 31%;
}
.col_2 .enterprise__content {
   padding: 30px;
}
.col_3 .enterprise__content {
   padding: 30px 20px;
}

@media screen and (max-width:767px) {
   .col_3,
   .col_2 {
      flex: 0 0 100%;
   }
   .col_3 .enterprise__content ,
   .col_2 .enterprise__content {
      padding: 30px 16px;
   }
   .enterprise__tag {
      margin-top: 2rem;
   }

}

.enterprise__img {
   background: #020617;
   position: relative; 
   width: 100%; 
   /* height: 100%;  */
   max-height: 17.8rem;
   display: flex; 
   align-items: center; 
   justify-content: center;
   overflow: hidden; 
}

.enterprise__img-content {
   width: 100% !important; 
   height: 100% !important; 
   object-fit: cover; 
}

@media screen and (min-width:768px) {
   .enterprise__img.enterprise__img--mobile-mod {
      display: none;
   }
}
@media screen and (max-width:768px) {
   .enterprise__img.enterprise__img--desctop-mod {
      display: none;
   }
}

@media screen and (max-width:1023.5px) {
   .enterprise__img {
      height: auto; 
   }
}

.cta_enterprise__container .cta_v2__title,
.cta_enterprise__container .cta_v2__btn_w{
   justify-content: start;
   text-align: left;
}

.cta_enterprise__container .cta_v2__title h2 {
   font-size: 36px;
   margin-bottom: -5px;
}

.cta_enterprise__container .cta_v2__title span {
   color: #FFF;
   font-family: Inter;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%; 
}

.cta_enterprise__container {
   display: flex;   
   justify-content: space-between;
   align-items: start;
   max-width: 94rem;
   margin: 0 auto;
   gap: 3rem;
}

.cta_enterprise__persona {
   z-index: 1;
   text-align: center;
}

.cta_enterprise__image {
   margin-bottom: 10px;
}

.cta_enterprise__name {
   font-size: 16px;
   font-weight: 700;
   line-height: 140%;
   margin-bottom: 2px;
}

.cta_enterprise__position {
   font-size: 14px;
   font-weight: 500;
   line-height: normal;
}

.cta_enterprise__image img{
   width: 192px;
   height: 192px;
}

.cta_v2__content {
   z-index: 1;
   position: relative
}

.cta_v2__title {
   letter-spacing: .004em;
   text-align: center
}

.cta_v2__title h2 strong {
   color: #FF4E32;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: none;
   text-decoration-thickness: auto;
   text-underline-offset: auto;
   text-underline-position: from-font;
}

.cta_v2__title a {
   text-decoration: underline;
   text-underline-offset: 4px;
}
.cta_v2__title a:hover {
   text-decoration: none;
}

@media screen and (min-width:1024px) {
   .cta_v2__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
   .cta_enterprise__container {
      gap: 16rem;
   }
}

@media screen and (max-width:1023.5px) {
   .cta_v2__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

@media screen and (min-width:1024px) {
   .cta_v2__title {
      max-width: 95.2rem;
      margin: 0 auto
   }

   .cta_v2__title:not(:last-child) {
      margin-bottom: 3rem
   }
}

@media screen and (max-width:1023.5px) {
   .cta_v2__title:not(:last-child) {
      margin-bottom: 1.8rem
   }
}

@media screen and (min-width:768.5px) {
   .cta_enterprise__container {
      gap: 2rem;
   }
   .cta_enterprise__container .cta_v2__title {
      margin-bottom: 20px !important;
   }
}

@media screen and (max-width:768px) {
   .cta_enterprise__container {
      flex-direction: column-reverse;
   }
   .cta_enterprise__container .cta_v2__title,
   .cta_enterprise__container .cta_v2__btn_w{
      justify-content: center;
      text-align: center;
   }
   .cta_enterprise__persona {
      z-index: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 auto;
   }
   .cta_enterprise__container .cta_v2__title h2 {
      margin-bottom: 20px;
   }

   .cta_enterprise__container .cta_v2__title {
      margin-bottom: 30px;
   }

   .cta_enterprise__container .cta_v2__title h2 {
      font-size: 24px;
   }
}

.cta_v2__btn_w {
   -ms-flex-pack: center;
   justify-content: center;
   display: -ms-flexbox;
   display: flex
}

@media screen and (max-width:479px) {
   .cta_v2__btn {
      width: 100%
   }
}

@media screen and (min-width:1024px) {
   .blog_list {
      padding-top: calc(var(--height-header) + 13.8rem);
   }
}

@media screen and (max-width:1023.5px) {
   .blog_list {
      padding-top: calc(var(--height-header) + 1rem);
   }
}

@media screen and (max-width: 768px) {
   .blog_list.section {
      padding-bottom: 1.6rem;
   }
}
.blog_list.section {
   width: 100%;
   padding-left: 0;
   padding-right: 0;
}
.blog_list .section_in {
   max-width: 100%
}

.blog_post__hero,
.blog_category_section {
   width: 100%;
   max-width: 128rem;
   margin: 0 auto;
}

.blog_list__breadcrumbs {
   max-width: 123rem;
   /* margin-left: auto; */
   margin-right: auto
}

@media screen and (min-width:1024px) {
   .blog_list__breadcrumbs:not(:last-child) {
      margin-bottom: 2.5rem
   }
}

@media screen and (max-width:1023.5px) {
   .blog_list__breadcrumbs:not(:last-child) {
      margin-bottom: 4.8rem
   }
}

.blog_list__title {
   text-align: center;
   max-width: 98.2rem;
   margin-left: auto;
   margin-right: auto
}

@media screen and (min-width:1024px) and (min-width:1024px) {
   .blog_list__title {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (min-width:1024px) and (max-width:1023.5px) {
   .blog_list__title {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

@media screen and (max-width:1023.5px) and (min-width:1024px) {
   .blog_list__title {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) and (max-width:1023.5px) {
   .blog_list__title {
      font-size: 2.4rem;
      line-height: normal
   }
}

.blog_list__title:not(:last-child) {
   margin-bottom: 5rem
}

.blog_list__filters {
   display: none !important;
}

@media screen and (min-width:768px) {
   .blog_list__filters:not(:last-child) {
      margin-bottom: 2rem
   }
}

@media screen and (max-width:767px) {
   .blog_list__filters:not(:last-child) {
      margin-bottom: 5rem
   }
}

@media screen and (min-width:1024px) {
   .blog_list__wrap:not(:last-child) {
      margin-bottom: 5.6rem
   }
}

@media screen and (max-width:1023.5px) {
   .blog_list__wrap:not(:last-child) {
      margin-bottom: 4rem
   }
}

@media screen and (min-width:1024px) {
   .blog_list__row {
      margin: 0 -3rem -3rem 0
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .blog_list__row {
      margin: 0 -2rem -2rem 0
   }
}

@media screen and (min-width:768px) {
   .blog_list__row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (min-width:1024px) {
   .blog_list__column {
      width: 33.333%;
      padding: 0 2.4rem 2.4rem 0
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .blog_list__column {
      width: 50%;
      padding: 0 2rem 2rem 0
   }
}

@media screen and (max-width:767px) {
   .blog_list__column:not(:last-child) {
      margin-bottom: 2rem
   }
}

.blog_list__column.blog_list__column--full_width_mod {
   width: 100%
}

@media screen and (min-width:1024px) {
   .blog_list__column.blog_list__column--full_width_mod {
      margin: 1.8rem 0
   }
}

@media screen and (max-width:767px) {
   .blog_list__column.blog_list__column--full_width_mod {
      padding: 3rem 0
   }
}

@media(max-width:1023.5px) and (min-width:768px) {
   .blog_list__column.blog_list__column--full_width_mod+.blog_list__column {
      -ms-flex-order: -1;
      order: -1
   }
}

@media screen and (min-width:768px) {
   .blog_filters__list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -3rem -3rem 0;
      display: -ms-flexbox;
      display: flex
   }
}

.blog_filters__item {
   position: relative
}

@media screen and (min-width:768px) {
   .blog_filters__item {
      padding: 0 3rem 3rem 0
   }
}

@media screen and (min-width:1024px) {
   .blog_filters__item {
      width: 33.333%
   }
}

.blog_filters__item:first-child {
   z-index: 4
}

@media(max-width:1023.5px) and (min-width:768px) {
   .blog_filters__item:last-child {
      width: 100%
   }

   .blog_filters__item:not(:last-child) {
      width: 50%
   }
}

@media screen and (max-width:767px) {
   .blog_filters__item:not(:last-child) {
      margin-bottom: 1.6rem
   }
}

.blog_filters__search {
   z-index: 1;
   position: relative
}

.blog_filters__search input {
   caret-color: #020617 !important
}

.blog_filters__search input::-webkit-input-placeholder {
   color: #b0b3bc
}

.blog_filters__search input::placeholder {
   color: #b0b3bc
}

.blog_filters__search input:-ms-input-placeholder {
   color: #b0b3bc
}

.blog_filters__search input:focus::-webkit-input-placeholder {
   color: transparent
}

.blog_filters__search input:focus::placeholder {
   color: transparent
}

.blog_filters__search input:focus:-ms-input-placeholder {
   color: transparent
}

.blog_filters__button {
   z-index: 4;
   color: #FF4E32;
   cursor: pointer;
   border-left: 1px solid #d9dde7;
   border-radius: 0 2.4rem 2.4rem 0;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
   height: 100%;
   transition: color .3s, background .3s, opacity .3s, border-color .3s;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   top: 0;
   right: 0;
   overflow: hidden
}

@media screen and (min-width:1024px) {
   .blog_filters__button {
      width: 4.8rem
   }
}

@media screen and (max-width:1023.5px) {
   .blog_filters__button {
      width: 4.6rem
   }
}

.blog_filters__button:hover,
.blog_filters__button:focus {
   opacity: .8
}

.blog_filters__search--focus_state .blog_filters__button {
   color: #fff;
   background-color: #FF4E32
}

.blog_filters__button.blog_filters__button--clear_mod {
   color: #fff;
   background-color: #d9dde7;
   border: 1px solid transparent
}

.blog_filters__button.blog_filters__button--clear_mod:not(.blog_filters__search--clear_state .blog_filters__button.blog_filters__button--clear_mod) {
   opacity: 0;
   pointer-events: none
}

.blog_filters__search--focus_state .blog_filters__button.blog_filters__button--clear_mod {
   border-color: #FF4E32 #FF4E32 #FF4E32 transparent
}

.blog_filters__search--clear_state .blog_filters__button.blog_filters__button--search_mod {
   opacity: 0;
   pointer-events: none
}

.blog_filters__icon {
   color: inherit;
   width: 1.4rem;
   height: 1.4rem;
   margin-right: 2px;
   display: block
}

.blog_filters__tips {
   z-index: 10;
   background: #fff;
   border: 1px solid #d9dde7;
   border-radius: 1.2rem;
   width: 100%;
   padding: .4rem;
   position: absolute;
   top: calc(100% + 3px);
   left: 0;
   box-shadow: 0 2px 4px rgba(0, 64, 82, .15)
}

.blog_filters__tips:not(.blog_filters__search--tips_state .blog_filters__tips) {
   opacity: 0;
   pointer-events: none
}

.blog_filters__tips_list {
   color: #020617;
   max-height: 65vh;
   font-size: 1.4rem;
   overflow-x: hidden;
   overflow-y: auto
}

.blog_filters__tips_list a {
   letter-spacing: 0;
   color: inherit;
   border-radius: 1.6rem;
   padding: .5rem 2rem;
   font-weight: 500;
   transition: background .3s;
   display: block
}

.blog_filters__tips_list a:hover,
.blog_filters__tips_list a:focus {
   text-decoration: none
}

@media(any-hover:hover) {
   .blog_filters__tips_list a:hover {
      background-color: #d9dde7
   }
}

.blog_filters__tips_list strong {
   padding: .5rem 2rem;
   display: block
}

.blog_filters__tips_list.blog_filters__tips_list--empty_state {
   pointer-events: none
}

.templates_hero {
   background: rgba(217, 221, 231, .2);
   border-bottom: 1px solid #d9dde7
}

@media screen and (min-width:1024px) {
   .templates_hero {
      padding-top: calc(var(--height-header) + 4.8rem);
      padding-bottom: 7rem
   }
}

@media screen and (max-width:1023.5px) {
   .templates_hero {
      padding-top: calc(var(--height-header) + 4.4rem);
   }
}

.templates_hero__content {
   text-align: center;
   color: #020617
}

.templates_hero__content:not(:last-child) {
   margin-bottom: 3rem
}

@media screen and (min-width:1024px) {
   .templates_hero__content h1 {
      font-size: 4.8rem;
      line-height: 1.3
   }
}

@media screen and (max-width:1023.5px) {
   .templates_hero__content h1 {
      font-size: 3.2rem;
      line-height: 1.2
   }
}

.templates_hero__content h1:not(:last-child) {
   margin-bottom: 3rem
}

@media screen and (min-width:1024px) {
   .templates_hero__content h2 {
      font-size: 3.6rem;
      line-height: 1.4
   }
}

@media screen and (max-width:1023.5px) {
   .templates_hero__content h2 {
      font-size: 2.4rem;
      line-height: normal
   }
}

.templates_hero__content h2:not(:last-child) {
   margin-bottom: 2.6rem
}

.templates_hero__content h3 {
   font-size: 2rem;
   line-height: 1.4
}

.templates_hero__content h3:not(:last-child) {
   margin-bottom: 1.8rem
}

.templates_hero__content h4 {
   font-size: 1.6rem;
   line-height: 1.4
}

.templates_hero__content h4:not(:last-child) {
   margin-bottom: 1rem
}

.templates_hero__content h5 {
   font-size: 1.5rem;
   line-height: 1.4
}

.templates_hero__content h5:not(:last-child) {
   margin-bottom: .8rem
}

.templates_hero__content h6 {
   font-size: 1.4rem;
   line-height: 1.4
}

.templates_hero__content h6:not(:last-child) {
   margin-bottom: .6rem
}

.templates_hero__content strong {
   letter-spacing: .01em;
   font-weight: 700
}

.templates_hero__content p {
   letter-spacing: 0;
   max-width: min(56rem, 85%);
   margin-left: auto;
   margin-right: auto
}

@media screen and (min-width:1024px) {
   .templates_hero__content p {
      font-size: 2rem;
      line-height: 1.5
   }
}

@media screen and (max-width:1023.5px) {
   .templates_hero__content p {
      font-size: 1.6rem;
      line-height: 1.2
   }
}

.templates_hero__content p:not(:last-child) {
   margin-bottom: 1.5rem
}

.templates_hero__content strong {
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .templates_hero__content strong {
      letter-spacing: .01em
   }
}

@media screen and (max-width:1023.5px) {
   .templates_hero__content strong {
      letter-spacing: .03em
   }
}

@media screen and (min-width:768px) {
   .templates_hero__select {
      max-width: 32rem;
      margin-left: auto;
      margin-right: auto
   }
}

.links_select {
   width: 100%;
   display: block;
   position: relative
}

.links_select strong {
   font-weight: 700
}

@media screen and (min-width:1024px) {
   .links_select.links_select--language_mod {
      /* min-width: 19.4rem */
      min-width: 9rem
   }
   .js-links-flag,
   .links_select__link img {
      display: none;
   }
}
.lang_menu__link img,
.header__languages_btn img {
   display: none;
}

.links_select__current {
   color: #020617;
   cursor: pointer;
   background-color: #fff;
   /* border: 1px solid #d9dde7; */
   border: 1px solid #020617;
   border-radius: 2.4rem;
   -ms-flex-align: center;
   align-items: center;
   gap: .5rem;
   width: 100%;
   height: 4.5rem;
   font-family: inherit;
   font-size: 1.4rem;
   font-weight: 500;
   transition: border-color .3s;
   display: -ms-flexbox;
   display: flex
}

@media screen and (min-width:1024px) {
   .links_select__current {
      padding: 0 3.2rem 0 1.1rem
   }
}

@media screen and (max-width:1023.5px) {
   .links_select__current {
      padding: 0 3.4rem 0 1.6rem
   }
}

.links_select__current:after {
   content: "";
   z-index: 1;
   border: .6rem solid transparent;
   border-top-color: currentColor;
   border-radius: 3px;
   position: absolute;
   top: 1.9rem
}

@media screen and (min-width:1024px) {
   .links_select__current:after {
      /* right: 1.9rem */
      right: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .links_select__current:after {
      right: 2.2rem
   }
}

.links_select--language_mod .links_select__current:after {
   top: 1.6rem
}

.links_select__current:hover {
   border-color: #b0b3bc
}

.links_select--active_state:not(.links_select--language_mod) .links_select__current {
   border-color: #FF4E32
}

.links_select--language_mod .links_select__current {
   gap: 1rem;
   height: 3.6rem
}

@media screen and (min-width:1024px) {
   .links_select--language_mod .links_select__current {
      /* padding: 0 3.2rem 0 1.2rem */
      padding: 0 2rem
   }
}

.links_select--language_mod .links_select__current span {
   display: none
}

.links_select--language_mod .links_select__current strong {
   padding-bottom: 2px
}

.links_select--language_mod .links_select__current img {
   object-fit: cover;
   width: 1.6rem !important;
   height: 1.2rem !important
}

.links_select--language_mod .links_select__current:hover {
   border-color: #FF4E32
}

.links_select__icon {
   object-fit: contain;
   width: 16px;
   height: 1.1rem;
   display: block
}

.links_select__menu {
   color: #020617;
   border-radius: 1.2rem;
   width: 100%;
   font-size: 1.4rem;
   line-height: 2rem;
   transition: opacity .3s;
}

.links_select__list {
   max-height: 65vh;
   overflow-x: hidden;
   overflow-y: auto;
   display: flex;
   flex-wrap: nowrap;
   position: relative;
}

.links_select__link {
   color: inherit;
   border-radius: 0.8rem;
   -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   font-weight: 500;
   transition: background .3s;
   display: -ms-flexbox;
   display: flex;
   transition: text-shadow .3s ease;
}

.links_select__item {
   position: relative;
}

.links_select__item:not(:last-child) .links_select__link::after {
   position: absolute;
   right: -.5px;
   top: 7px;
   content: '';
   width: 1px;
   height: 20px;
   background: #E2E8F0;
}

@media screen and (min-width:1024px) {
   .links_select__link {
      padding: .6rem 1.2rem;
      justify-content: center;
      text-transform: uppercase;
   }
}

@media screen and (max-width:1023.5px) {
   .links_select__link {
      padding: .6rem 1.6rem
   }
}

.links_select__link:hover,
.links_select__link:focus {
   text-decoration: none
}

@media(any-hover:hover) {
   .links_select__link:hover {
      text-shadow: 1px 0 black;
   }
}

.links_select__link[data-active] {
   pointer-events: none;
   /* background-color: #d9dde7 */
   font-weight: 700;
}

@media screen and (min-width:1024px) {
   .links_select--language_mod .links_select__link {
      padding: .8rem 1.2rem
   }
}

.links_select--language_mod .links_select__link img {
   object-fit: cover;
   width: 1.6rem !important;
   height: 1.2rem !important
}

.check {
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   height: 100%;
   display: -ms-flexbox;
   display: flex
}

.check_subscription {
   gap: 12px;
   align-items: flex-start;
}


@media screen and (max-width:768px) {
   .check_subscription {
      flex-direction: column;
   }
}

.check.check--column_mod {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: start;
   align-items: flex-start
}

@media screen and (min-width:1024px) {
   .check--icon_1_mod {
      -ms-flex-align: start;
      align-items: flex-start
   }
}

.check__icon {
   -ms-flex-negative: 0;
   flex-shrink: 0
}

.check__icon svg {
   fill: none
}

.check--icon_0_mod .check__icon {
   background-color: rgba(7, 219, 165, .04);
   border-radius: 50%;
   width: 4.4rem;
   height: 4.4rem;
   padding: 1rem
}

.check--icon_0_mod .check__icon:not(:last-child) {
   margin-bottom: 1.2rem
}

@media screen and (min-width:1024px) {
   .check--icon_1_mod .check__icon {
      width: 2.6rem;
      height: 3.2rem;
      padding-top: .6rem
   }
}

@media screen and (max-width:1023.5px) {
   .check--icon_1_mod .check__icon {
      width: 2.2rem;
      height: 2.2rem
   }
}

@media screen and (min-width:1024px) {
   .check--icon_1_mod .check__icon:not(:last-child) {
      margin-right: 2rem
   }
}

@media screen and (max-width:1023.5px) {
   .check--icon_1_mod .check__icon:not(:last-child) {
      margin-right: 1rem
   }
}

.check--icon_2_mod .check__icon {
   width: 5rem;
   height: 5rem
}

@media screen and (min-width:1024px) {
   .check--icon_2_mod .check__icon:not(:last-child) {
      margin-right: 1rem
   }
}

@media screen and (max-width:1023.5px) {
   .check--icon_2_mod .check__icon:not(:last-child) {
      margin-right: .4rem
   }
}

.check__text {
   letter-spacing: 0;
   line-height: 1.5
}

.check__text_v3 {
   margin-top: -15px;
   margin-bottom: 30px;
}

@media screen and (max-width:768px) {
   .check__text_v3 {
      margin-bottom: 25px;
   }
}

@media screen and (max-width:1023.5px) {
   .check__text {
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-align: center;
      align-items: center;
      font-size: 1.8rem;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (min-width:1024px) {
   .check__text:not(.check--text_lg_mod .check__text) {
      font-size: 2rem
   }

   .check--text_lg_mod .check__text {
      font-size: 2.4rem
   }
}

.check__text strong {
   font-weight: 700
}

@media screen and (min-width:1200px) {
   .submenu {
      opacity: 0;
      pointer-events: none;
      z-index: 1000;
      min-width: 16rem;
      height: auto;
      padding-top: 1.2rem;
      transition: opacity .3s, transform .3s ease-in-out;
      position: absolute;
      top: calc(100% + .8rem);
      left: 50%;
      transform: translate(-50%)
   }

   .header_menu__item:hover .submenu {
      opacity: 1;
      pointer-events: initial
   }

   .header_menu__item:focus-within .submenu {
      opacity: 1;
      pointer-events: initial
   }

   .submenu__wrap {
      filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15));
      background-color: #fff;
      border-radius: .4rem;
      padding: .8rem 1.6rem;
      position: relative;
      max-height: unset !important
   }
}

@media screen and (max-width:1199px) {
   .submenu__wrap {
      -webkit-clip-path: inset(0);
      clip-path: inset(0);
      will-change: transform;
      width: 100%;
      max-height: 0;
      transition: all .3s
   }

   .submenu__list {
      padding: 0 1.6rem
   }
}

.submenu__item {
   -ms-flex-align: start;
   align-items: flex-start;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

.submenu__item:not(:last-child) {
   margin-bottom: .4rem
}

.submenu__link {
   color: #020617;
   text-align: left;
   width: 100%;
   text-decoration: none;
   transition: background-color .3s, color .2s ease-in-out;
   display: block;
   position: relative
}

@media screen and (min-width:1200px) {
   .submenu__link {
      border-radius: .4rem;
      padding: .8rem 1.2rem
   }
}

@media screen and (min-width:1200px) and (hover:hover) {
   .submenu__link:hover {
      background-color: #E2E8F0
   }
}

@media screen and (max-width:1199px) {
   .submenu__link {
      padding: 2rem 0
   }
}

@media screen and (max-width:1199px) and (hover:hover) {
   .submenu__link:hover {
      color: #FF4E32
   }
}

.submenu__link:hover,
.submenu__link:focus {
   text-decoration: none
}

.submenu__link_title {
   font-size: 1.6rem
}

@media screen and (min-width:1200px) {
   .submenu__link_title {
      font-weight: 500
   }
}

@media screen and (max-width:1199px) {
   .submenu__link_title {
      font-weight: 400
   }
}

.lang_menu {
   width: 100%
}

@media screen and (min-width:1200px) {
   .lang_menu {
      z-index: 20;
      opacity: 0;
      pointer-events: none;
      height: auto;
      padding-top: 1.8rem;
      transition: transform .3s, opacity .3s;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-50%, -1rem)
   }

   .header__languages:hover .lang_menu,
   .header__languages:focus .lang_menu {
      opacity: 1;
      pointer-events: initial;
      transform: translate(-50%)
   }
}

.header__registration {
   color: transparent;
   display: flex;
}

.registration-icon path {
   transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
}

.registration-icon:hover path:nth-of-type(1),
.registration-icon:hover path:nth-of-type(2) {
    fill: #020617; 
    stroke: #020617; 
}

@media screen and (max-width:1199px) {
   .header__registration {
      display: none;
   }

   .lang_menu {
      height: var(--full-screen);
      z-index: 110;
      padding: var(--header-vr-indent)var(--gl-hr-indent)1.5rem;
      opacity: 0;
      pointer-events: none;
      will-change: opacity;
      background-color: #f9fafb;
      transition: opacity .3s ease-in-out;
      position: fixed;
      top: 0;
      left: 0
   }

   .body--open_menu_state .lang_menu.lang_menu--open_state {
      opacity: 1;
      pointer-events: initial
   }
}

@media screen and (min-width:1200px) {
   .lang_menu__in {
      filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15));
      background-color: #fff;
      border-radius: 3rem;
      padding: .5rem
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__in {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: start;
      justify-content: flex-start;
      height: 100%;
      display: -ms-flexbox;
      display: flex
   }
}

@media screen and (min-width:1200px) {
   .lang_menu__wrap {
      display: none
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__wrap {
      min-height: var(--header-inner-height);
      -ms-flex-align: center;
      align-items: center;
      gap: 2rem;
      width: 100%;
      margin: 0 auto;
      padding: 4px 2rem;
      display: -ms-flexbox;
      display: flex;
      position: relative
   }

   .lang_menu__wrap:before {
      content: "";
      background-color: #fff;
      border-radius: 5rem;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
   }
}

@media screen and (max-width:1199px) and (min-width:1200px) {
   .lang_menu__wrap:before {
      filter: drop-shadow(0 0 1rem rgba(0, 0, 0, .05))
   }
}

@media screen and (max-width:1199px) and (max-width:1199px) {
   .lang_menu__wrap:before {
      filter: drop-shadow(0 .2rem .4rem rgba(0, 64, 82, .15))
   }
}

.lang_menu__close {
   z-index: 2;
   color: #020617;
   letter-spacing: .02em;
   cursor: pointer;
   -webkit-appearance: none;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
   -ms-flex-align: center;
   align-items: center;
   font-family: Inter, sans-serif;
   font-size: 1.6rem;
   font-weight: 700;
   transition: color .2s ease-in-out;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

.lang_menu__close:hover,
.lang_menu__close:focus {
   text-decoration: none
}

@media(hover:hover) {
   .lang_menu__close:hover {
      color: #FF4E32
   }
}

.lang_menu__close_title {
   margin-top: -.2rem
}

.lang_menu__close_icon {
   width: 2.2rem;
   height: 2.2rem;
   margin-right: .4rem;
   transform: rotate(180deg)
}

@media screen and (max-width:1199px) {
   .lang_menu__list_w {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex: auto;
      flex: auto;
      padding-top: 3rem;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden
   }

   .lang_menu__list {
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: calc(100% + 1rem);
      margin-right: -1rem;
      padding: 2rem 1rem 5rem 0;
      overflow-y: auto
   }
}

.lang_menu__list_title {
   font-size: 1.8rem;
   font-weight: 700
}

@media screen and (min-width:1200px) {
   .lang_menu__list_title {
      display: none
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__list_title {
      line-height: 1.2
   }
}

.lang_menu__list_title:not(:last-child) {
   margin-bottom: 1rem
}

@media screen and (min-width:1200px) {
   .lang_menu__item:not(:last-child) {
      margin-bottom: 3px
   }
}

@media screen and (max-width:1199px) {
   .lang_menu__item:not(:last-child) {
      margin-bottom: 3.8rem
   }
}

.lang_menu__link {
   color: #020617;
   -ms-flex-align: center;
   align-items: center;
   gap: .8rem;
   display: -ms-flexbox;
   display: flex
}

.lang_menu__link:hover,
.lang_menu__link:focus {
   text-decoration: none
}

@media screen and (max-width:1199px) {
   .lang_menu__link {
      width: 100%;
      font-size: 1.6rem;
      font-weight: 700;
      transition: color .2s ease-in-out;
      position: relative
   }

   .lang_menu__link:hover,
   .lang_menu__link:focus {
      text-decoration: none
   }
}

@media screen and (max-width:1199px) and (hover:hover) {
   .lang_menu__link:hover {
      color: #FF4E32
   }
}

.lang_menu__link img {
   object-fit: cover;
   width: 1.6rem !important;
   height: 1.2rem !important
}

@keyframes plyr-progress {
   to {
      background-position: 25px 0;
      background-position: var(--plyr-progress-loading-size, 25px)0
   }
}

@keyframes plyr-popup {
   0% {
      opacity: .5;
      transform: translateY(10px)
   }

   to {
      opacity: 1;
      transform: translateY(0)
   }
}

@keyframes plyr-fade-in {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

.plyr {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   direction: ltr;
   font-family: inherit;
   font-family: var(--plyr-font-family, inherit);
   font-variant-numeric: tabular-nums;
   font-weight: 400;
   font-weight: var(--plyr-font-weight-regular, 400);
   line-height: 1.7;
   line-height: var(--plyr-line-height, 1.7);
   text-shadow: none;
   z-index: 0;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: center;
   align-items: center;
   min-width: 200px;
   max-width: 100%;
   transition: box-shadow .3s;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

.plyr audio,
.plyr iframe,
.plyr video {
   width: 100%;
   height: 100%;
   display: block
}

.plyr button {
   font: inherit;
   line-height: inherit;
   width: auto
}

.plyr:focus {
   outline: 0
}

.plyr--full-ui {
   box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
   box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
   touch-action: manipulation
}

.plyr__badge {
   background: #4a5464;
   background: var(--plyr-badge-background, #4a5464);
   border-radius: 2px;
   border-radius: var(--plyr-badge-border-radius, 2px);
   color: var(--plyr-badge-text-color, #fff);
   font-size: 9px;
   font-size: var(--plyr-font-size-badge, 9px);
   padding: 3px 4px;
   line-height: 1
}

.plyr--full-ui ::-webkit-media-text-track-container {
   display: none
}

.plyr__captions {
   font-size: 13px;
   font-size: var(--plyr-font-size-small, 13px);
   padding: 10px;
   padding: var(--plyr-control-spacing, 10px);
   text-align: center;
   width: 100%;
   transition: transform .4s ease-in-out;
   animation: .3s plyr-fade-in;
   display: none;
   position: absolute;
   bottom: 0;
   left: 0
}

.plyr__captions span:empty {
   display: none
}

@media(min-width:480px) {
   .plyr__captions {
      font-size: 15px;
      font-size: var(--plyr-font-size-base, 15px);
      padding: 20px;
      padding: calc(var(--plyr-control-spacing, 10px) * 2)
   }
}

@media(min-width:768px) {
   .plyr__captions {
      font-size: 18px;
      font-size: var(--plyr-font-size-large, 18px)
   }
}

.plyr--captions-active .plyr__captions {
   display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
   transform: translateY(-40px);
   transform: translateY(calc(var(--plyr-control-spacing, 10px) * - 4))
}

.plyr__caption {
   background: rgba(0, 0, 0, .8);
   background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
   color: var(--plyr-captions-text-color, #fff);
   white-space: pre-wrap;
   border-radius: 2px;
   padding: .2em .5em;
   line-height: 185%
}

.plyr__caption div {
   display: inline
}

.plyr__control {
   border-radius: 4px;
   border-radius: var(--plyr-control-radius, 4px);
   color: inherit;
   cursor: pointer;
   padding: 7px;
   padding: calc(var(--plyr-control-spacing, 10px) * .7);
   background: 0 0;
   border: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   transition: all .3s;
   position: relative;
   overflow: visible
}

.plyr__control svg {
   fill: currentColor;
   height: var(--plyr-control-icon-size, 18px);
   pointer-events: none;
   width: var(--plyr-control-icon-size, 18px);
   width: 18px;
   height: 18px;
   display: block
}

.plyr__control:focus {
   outline: 0
}

.plyr__control:focus-visible {
   outline: 2px dashed #00b2ff;
   outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   outline-offset: 2px
}

a.plyr__control {
   text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
   display: none
}

.plyr--full-ui ::-webkit-media-controls {
   display: none
}

.plyr__controls {
   text-align: center;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex
}

.plyr__controls .plyr__progress__container {
   -ms-flex: 1;
   flex: 1;
   min-width: 0
}

.plyr__controls .plyr__controls__item {
   margin-left: 2.5px;
   margin-left: calc(var(--plyr-control-spacing, 10px) / 4)
}

.plyr__controls .plyr__controls__item:first-child {
   margin-left: 0;
   margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
   padding-left: 2.5px;
   padding-left: calc(var(--plyr-control-spacing, 10px) / 4)
}

.plyr__controls .plyr__controls__item.plyr__time {
   padding: 0 5px;
   padding: 0 calc(var(--plyr-control-spacing, 10px) / 2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
   padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
   display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
   display: inline-block
}

.plyr__menu {
   display: -ms-flexbox;
   display: flex;
   position: relative
}

.plyr__menu .plyr__control svg {
   transition: transform .3s
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
   transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
   display: none
}

.plyr__menu__container {
   background: rgba(255, 255, 255, .9);
   background: var(--plyr-menu-background, rgba(255, 255, 255, .9));
   border-radius: 8px;
   border-radius: var(--plyr-menu-radius, 8px);
   box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
   box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
   color: var(--plyr-menu-color, #4a5464);
   font-size: 15px;
   font-size: var(--plyr-font-size-base, 15px);
   text-align: left;
   white-space: nowrap;
   z-index: 3;
   margin-bottom: 10px;
   animation: .2s plyr-popup;
   position: absolute;
   bottom: 100%;
   right: -3px
}

.plyr__menu__container>div {
   transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
   overflow: hidden
}

.plyr__menu__container:after {
   border: 4px solid transparent;
   border-top-color: rgba(255, 255, 255, .9);
   border: var(--plyr-menu-arrow-size, 4px)solid transparent;
   border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, .9));
   content: "";
   right: 14px;
   right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * .7 - var(--plyr-menu-arrow-size, 4px) / 2);
   width: 0;
   height: 0;
   position: absolute;
   top: 100%
}

.plyr__menu__container [role=menu] {
   padding: 7px;
   padding: calc(var(--plyr-control-spacing, 10px) * .7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
   margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
   margin-top: 0
}

.plyr__menu__container .plyr__control {
   color: var(--plyr-menu-color, #4a5464);
   font-size: 13px;
   font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
   padding: 4.66667px 1.5px;
   padding: calc(var(--plyr-control-spacing, 10px) * .7 / 1.5)calc(var(--plyr-control-spacing, 10px) * .7 * 1.5);
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   display: -ms-flexbox;
   display: flex
}

.plyr__menu__container .plyr__control>span {
   align-items: inherit;
   width: 100%;
   display: -ms-flexbox;
   display: flex
}

.plyr__menu__container .plyr__control:after {
   border: 4px solid transparent;
   border: var(--plyr-menu-item-arrow-size, 4px)solid transparent;
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
   padding-right: 28px;
   padding-right: calc(var(--plyr-control-spacing, 10px) * .7 * 4)
}

.plyr__menu__container .plyr__control--forward:after {
   border-left-color: #728197;
   border-left-color: var(--plyr-menu-arrow-color, #728197);
   right: 6.5px;
   right: calc(var(--plyr-control-spacing, 10px) * .7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:hover:after {
   border-left-color: initial
}

.plyr__menu__container .plyr__control--forward:focus-visible:after {
   border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
   font-weight: 400;
   font-weight: var(--plyr-font-weight-regular, 400);
   margin: 7px;
   margin: calc(var(--plyr-control-spacing, 10px) * .7);
   margin-bottom: 3.5px;
   margin-bottom: calc(var(--plyr-control-spacing, 10px) * .7 / 2);
   padding-left: 28px;
   padding-left: calc(var(--plyr-control-spacing, 10px) * .7 * 4);
   width: calc(100% - var(--plyr-control-spacing, 10px) * .7 * 2);
   width: calc(100% - 14px);
   position: relative
}

.plyr__menu__container .plyr__control--back:after {
   border-right-color: #728197;
   border-right-color: var(--plyr-menu-arrow-color, #728197);
   left: 6.5px;
   left: calc(var(--plyr-control-spacing, 10px) * .7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
   background: #dcdfe5;
   background: var(--plyr-menu-back-border-color, #dcdfe5);
   box-shadow: 0 1px #fff;
   box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
   content: "";
   margin-top: 3.5px;
   margin-top: calc(var(--plyr-control-spacing, 10px) * .7 / 2);
   height: 1px;
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   overflow: hidden
}

.plyr__menu__container .plyr__control--back:hover:after {
   border-right-color: initial
}

.plyr__menu__container .plyr__control--back:focus-visible:after {
   border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
   padding-left: 7px;
   padding-left: calc(var(--plyr-control-spacing, 10px) * .7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
   border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
   content: "";
   margin-right: 10px;
   margin-right: var(--plyr-control-spacing, 10px);
   background: rgba(0, 0, 0, .1);
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 16px;
   height: 16px;
   transition: all .3s;
   display: block
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
   opacity: 0;
   background: #fff;
   border: 0;
   width: 6px;
   height: 6px;
   transition: transform .3s, opacity .3s;
   top: 50%;
   left: 12px;
   transform: translateY(-50%)scale(0)
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
   background: #00b2ff;
   background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
   opacity: 1;
   transform: translateY(-50%)scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
   background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before {
   background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
   margin-left: auto;
   margin-right: -5px;
   margin-right: calc(var(--plyr-control-spacing, 10px) * .7 * - 1 - - 2px);
   padding-left: 24.5px;
   padding-left: calc(var(--plyr-control-spacing, 10px) * .7 * 3.5);
   pointer-events: none;
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden
}

.plyr--full-ui input[type=range] {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none;
   border-radius: 26px;
   border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
   color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
   background: 0 0;
   border: 0;
   width: 100%;
   min-width: 0;
   height: 19px;
   margin: 0;
   padding: 0;
   transition: box-shadow .3s;
   display: block
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
   background: linear-gradient(90deg, currentColor 0, transparent 0);
   background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
   border-radius: 2.5px;
   border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
   height: var(--plyr-range-track-height, 5px);
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 0;
   height: 5px;
   transition: box-shadow .3s
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
   -webkit-appearance: none;
   -ms-appearance: none;
   appearance: none;
   background: #fff;
   background: var(--plyr-range-thumb-background, #fff);
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
   height: var(--plyr-range-thumb-height, 13px);
   margin-top: -4px;
   margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * - 1);
   width: var(--plyr-range-thumb-height, 13px);
   border: 0;
   border-radius: 100%;
   width: 13px;
   height: 13px;
   transition: all .2s;
   position: relative
}

.plyr--full-ui input[type=range]::-moz-range-track {
   border-radius: 2.5px;
   border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
   height: var(--plyr-range-track-height, 5px);
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background: 0 0;
   border: 0;
   height: 5px;
   transition: box-shadow .3s
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
   background: #fff;
   background: var(--plyr-range-thumb-background, #fff);
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
   height: var(--plyr-range-thumb-height, 13px);
   width: var(--plyr-range-thumb-height, 13px);
   border: 0;
   border-radius: 100%;
   width: 13px;
   height: 13px;
   transition: all .2s;
   position: relative
}

.plyr--full-ui input[type=range]::-moz-range-progress {
   border-radius: 2.5px;
   border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
   height: var(--plyr-range-track-height, 5px);
   background: currentColor;
   height: 5px
}

.plyr--full-ui input[type=range]::-ms-track {
   color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
   border-radius: 2.5px;
   border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
   height: var(--plyr-range-track-height, 5px);
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background: 0 0;
   border: 0;
   height: 5px;
   transition: box-shadow .3s
}

.plyr--full-ui input[type=range]::-ms-track {
   border-radius: 2.5px;
   border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
   height: var(--plyr-range-track-height, 5px);
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background: 0 0;
   border: 0;
   height: 5px;
   transition: box-shadow .3s
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
   border-radius: 2.5px;
   border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
   height: var(--plyr-range-track-height, 5px);
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background: currentColor;
   border: 0;
   height: 5px;
   transition: box-shadow .3s
}

.plyr--full-ui input[type=range]::-ms-thumb {
   background: #fff;
   background: var(--plyr-range-thumb-background, #fff);
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
   height: var(--plyr-range-thumb-height, 13px);
   width: var(--plyr-range-thumb-height, 13px);
   border: 0;
   border-radius: 100%;
   width: 13px;
   height: 13px;
   margin-top: 0;
   transition: all .2s;
   position: relative
}

.plyr--full-ui input[type=range]::-ms-tooltip {
   display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
   border: 0
}

.plyr--full-ui input[type=range]:focus {
   outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
   outline: 2px dashed #00b2ff;
   outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
   outline: 2px dashed #00b2ff;
   outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
   outline: 2px dashed #00b2ff;
   outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   outline-offset: 2px
}

.plyr__poster {
   background-color: #000;
   background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
   opacity: 0;
   z-index: 1;
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: contain;
   width: 100%;
   height: 100%;
   transition: opacity .2s;
   position: absolute;
   top: 0;
   left: 0
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
   opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
   display: none
}

.plyr__time {
   font-size: 13px;
   font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
   content: "⁄";
   margin-right: 10px;
   margin-right: var(--plyr-control-spacing, 10px)
}

@media(max-width:767px) {
   .plyr__time+.plyr__time {
      display: none
   }
}

.plyr__tooltip {
   background: #fff;
   background: var(--plyr-tooltip-background, #fff);
   border-radius: 5px;
   border-radius: var(--plyr-tooltip-radius, 5px);
   box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
   box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
   color: var(--plyr-tooltip-color, #4a5464);
   font-size: 13px;
   font-size: var(--plyr-font-size-small, 13px);
   font-weight: 400;
   font-weight: var(--plyr-font-weight-regular, 400);
   margin-bottom: 10px;
   margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
   opacity: 0;
   padding: 5px 7.5px;
   padding: calc(var(--plyr-control-spacing, 10px) / 2)calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
   pointer-events: none;
   transform-origin: 50% 100%;
   white-space: nowrap;
   z-index: 2;
   line-height: 1.3;
   transition: transform .2s .1s, opacity .2s .1s;
   position: absolute;
   bottom: 100%;
   left: 50%;
   transform: translate(-50%, 10px)scale(.8)
}

.plyr__tooltip:before {
   border-left: 4px solid transparent;
   border-left: var(--plyr-tooltip-arrow-size, 4px)solid transparent;
   border-right: 4px solid transparent;
   border-right: var(--plyr-tooltip-arrow-size, 4px)solid transparent;
   border-top: 4px solid #fff;
   border-top: var(--plyr-tooltip-arrow-size, 4px)solid var(--plyr-tooltip-background, #fff);
   bottom: -4px;
   bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * - 1);
   content: "";
   z-index: 2;
   width: 0;
   height: 0;
   position: absolute;
   left: 50%;
   transform: translate(-50%)
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
   opacity: 1;
   transform: translate(-50%)scale(1)
}

.plyr .plyr__control:focus-visible .plyr__tooltip {
   opacity: 1;
   transform: translate(-50%)scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
   z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
   transform-origin: 0 100%;
   left: 0;
   transform: matrix(.8, 0, 0, .8, 0, 10)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
   left: 16px;
   left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * .7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
   transform-origin: 100% 100%;
   left: auto;
   right: 0;
   transform: matrix(.8, 0, 0, .8, 0, 10)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
   left: auto;
   right: 16px;
   right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * .7);
   transform: translate(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
   transform: matrix(1, 0, 0, 1, 0, 0)
}

.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip {
   transform: matrix(1, 0, 0, 1, 0, 0)
}

.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip {
   transform: matrix(1, 0, 0, 1, 0, 0)
}

.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip {
   transform: matrix(1, 0, 0, 1, 0, 0)
}

.plyr__progress {
   left: 6.5px;
   left: calc(var(--plyr-range-thumb-height, 13px) * .5);
   margin-right: 13px;
   margin-right: var(--plyr-range-thumb-height, 13px);
   position: relative
}

.plyr__progress__buffer {
   margin-left: -6.5px;
   margin-left: calc(var(--plyr-range-thumb-height, 13px) * - .5);
   margin-right: -6.5px;
   margin-right: calc(var(--plyr-range-thumb-height, 13px) * - .5);
   width: calc(100% + var(--plyr-range-thumb-height, 13px));
   width: calc(100% + 13px)
}

.plyr__progress input[type=range] {
   margin-left: -6.5px;
   margin-left: calc(var(--plyr-range-thumb-height, 13px) * - .5);
   margin-right: -6.5px;
   margin-right: calc(var(--plyr-range-thumb-height, 13px) * - .5);
   width: calc(100% + var(--plyr-range-thumb-height, 13px));
   width: calc(100% + 13px)
}

.plyr__progress input[type=range] {
   z-index: 2;
   position: relative
}

.plyr__progress .plyr__tooltip {
   overflow-wrap: break-word;
   max-width: 120px;
   left: 0
}

.plyr__progress__buffer {
   -webkit-appearance: none;
   height: var(--plyr-range-track-height, 5px);
   margin-top: -2.5px;
   margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * - 1);
   background: 0 0;
   border: 0;
   border-radius: 100px;
   height: 5px;
   padding: 0;
   position: absolute;
   top: 50%;
   left: 0
}

.plyr__progress__buffer::-webkit-progress-bar {
   background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
   min-width: var(--plyr-range-track-height, 5px);
   background: currentColor;
   border-radius: 100px;
   min-width: 5px;
   transition: width .2s
}

.plyr__progress__buffer::-moz-progress-bar {
   min-width: var(--plyr-range-track-height, 5px);
   background: currentColor;
   border-radius: 100px;
   min-width: 5px;
   transition: width .2s
}

.plyr__progress__buffer::-ms-fill {
   border-radius: 100px;
   transition: width .2s
}

.plyr--loading .plyr__progress__buffer {
   background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6)25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6)0, rgba(35, 40, 47, .6)75%, transparent 0, transparent);
   background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6))25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6))50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6))75%, transparent 75%, transparent);
   background-repeat: repeat-x;
   background-size: 25px 25px;
   background-size: var(--plyr-progress-loading-size, 25px)var(--plyr-progress-loading-size, 25px);
   color: transparent;
   animation: 1s linear infinite plyr-progress
}

.plyr--video.plyr--loading .plyr__progress__buffer {
   background-color: rgba(255, 255, 255, .25);
   background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
   background-color: rgba(193, 200, 209, .6);
   background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr__progress__marker {
   background-color: #fff;
   background-color: var(--plyr-progress-marker-background, #fff);
   height: var(--plyr-range-track-height, 5px);
   width: var(--plyr-progress-marker-width, 3px);
   z-index: 3;
   border-radius: 1px;
   width: 3px;
   height: 5px;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%)
}

.plyr__volume {
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

.plyr__volume input[type=range] {
   margin-left: 5px;
   margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
   margin-right: 5px;
   margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
   z-index: 2;
   min-width: 60px;
   max-width: 90px;
   position: relative
}

.plyr--audio {
   display: block
}

.plyr--audio .plyr__controls {
   background: #fff;
   background: var(--plyr-audio-controls-background, #fff);
   border-radius: inherit;
   color: var(--plyr-audio-control-color, #4a5464);
   padding: 10px;
   padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
   background: #00b2ff;
   background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--audio .plyr__control:focus-visible {
   background: #00b2ff;
   background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
   background-color: rgba(193, 200, 209, .6);
   background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
   background-color: rgba(193, 200, 209, .6);
   background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
   background-color: rgba(193, 200, 209, .6);
   background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}

.plyr--audio .plyr__progress__buffer {
   color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}

.plyr--video {
   overflow: hidden
}

.plyr--video.plyr--menu-open {
   overflow: visible
}

.plyr__video-wrapper {
   background: #000;
   background: var(--plyr-video-background, var(--plyr-video-background, #000));
   border-radius: inherit;
   width: 100%;
   height: 100%;
   margin: auto;
   position: relative;
   overflow: hidden
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
   aspect-ratio: 16/9
}

@supports not(aspect-ratio:16/9) {

   .plyr__video-embed,
   .plyr__video-wrapper--fixed-ratio {
      height: 0;
      padding-bottom: 56.25%;
      position: relative
   }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
   border: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
   padding-bottom: 240%;
   position: relative;
   transform: translateY(-38.2813%)
}

.plyr--video .plyr__controls {
   background: linear-gradient(transparent, rgba(0, 0, 0, .75));
   background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   color: var(--plyr-video-control-color, #fff);
   padding: 5px;
   padding: calc(var(--plyr-control-spacing, 10px) / 2);
   padding-top: 20px;
   padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
   z-index: 3;
   transition: opacity .4s ease-in-out, transform .4s ease-in-out;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0
}

@media(min-width:480px) {
   .plyr--video .plyr__controls {
      padding: 10px;
      padding: var(--plyr-control-spacing, 10px);
      padding-top: 35px;
      padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5)
   }
}

.plyr--video.plyr--hide-controls .plyr__controls {
   opacity: 0;
   pointer-events: none;
   transform: translateY(100%)
}

.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
   background: #00b2ff;
   background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   color: var(--plyr-video-control-color-hover, #fff)
}

.plyr--video .plyr__control:focus-visible {
   background: #00b2ff;
   background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
   background: #00b2ff;
   background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
   color: var(--plyr-video-control-color, #fff);
   opacity: .9;
   padding: 15px;
   padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
   z-index: 2;
   border: 0;
   border-radius: 100%;
   transition: all .3s;
   display: none;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}

.plyr__control--overlaid svg {
   position: relative;
   left: 2px
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
   opacity: 1
}

.plyr--playing .plyr__control--overlaid {
   opacity: 0;
   visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
   display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
   background-color: rgba(255, 255, 255, .25);
   background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
   background-color: rgba(255, 255, 255, .25);
   background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
   background-color: rgba(255, 255, 255, .25);
   background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
   box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
   box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}

.plyr--video .plyr__progress__buffer {
   color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}

.plyr:fullscreen {
   background: #000;
   width: 100%;
   height: 100%;
   margin: 0;
   border-radius: 0 !important
}

.plyr:fullscreen video {
   height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
   display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
   display: none
}

.plyr:fullscreen.plyr--hide-controls {
   cursor: none
}

@media(min-width:1024px) {
   .plyr:fullscreen .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px)
   }
}

.plyr--fullscreen-fallback {
   z-index: 10000000;
   background: #000;
   width: 100%;
   height: 100%;
   margin: 0;
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-radius: 0 !important
}

.plyr--fullscreen-fallback video {
   height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
   display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
   display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
   cursor: none
}

@media(min-width:1024px) {
   .plyr--fullscreen-fallback .plyr__captions {
      font-size: 21px;
      font-size: var(--plyr-font-size-xlarge, 21px)
   }
}

.plyr__ads {
   border-radius: inherit;
   cursor: pointer;
   z-index: -1;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   overflow: hidden
}

.plyr__ads>div,
.plyr__ads>div iframe {
   width: 100%;
   height: 100%;
   position: absolute
}

.plyr__ads:after {
   bottom: 10px;
   bottom: var(--plyr-control-spacing, 10px);
   color: #fff;
   content: attr(data-badge-text);
   pointer-events: none;
   right: 10px;
   right: var(--plyr-control-spacing, 10px);
   z-index: 3;
   background: #23282f;
   border-radius: 2px;
   padding: 2px 6px;
   font-size: 11px;
   position: absolute
}

.plyr__ads:empty:after {
   display: none
}

.plyr__cues {
   height: var(--plyr-range-track-height, 5px);
   opacity: .8;
   z-index: 3;
   background: currentColor;
   width: 3px;
   height: 5px;
   display: block;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%)
}

.plyr__preview-thumb {
   background-color: #fff;
   background-color: var(--plyr-tooltip-background, #fff);
   border-radius: 8px;
   border-radius: var(--plyr-menu-radius, 8px);
   box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
   box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
   margin-bottom: 10px;
   margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
   opacity: 0;
   pointer-events: none;
   transform-origin: 50% 100%;
   z-index: 2;
   padding: 3px;
   transition: transform .2s .1s, opacity .2s .1s;
   position: absolute;
   bottom: 100%;
   transform: matrix(.8, 0, 0, .8, 0, 10)
}

.plyr__preview-thumb--is-shown {
   opacity: 1;
   transform: matrix(1, 0, 0, 1, 0, 0)
}

.plyr__preview-thumb:before {
   border-left: 4px solid transparent;
   border-left: var(--plyr-tooltip-arrow-size, 4px)solid transparent;
   border-right: 4px solid transparent;
   border-right: var(--plyr-tooltip-arrow-size, 4px)solid transparent;
   border-top: 4px solid #fff;
   border-top: var(--plyr-tooltip-arrow-size, 4px)solid var(--plyr-tooltip-background, #fff);
   bottom: -4px;
   bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * - 1);
   content: "";
   left: calc(50% + var(--preview-arrow-offset));
   z-index: 2;
   width: 0;
   height: 0;
   position: absolute;
   transform: translate(-50%)
}

.plyr__preview-thumb__image-container {
   border-radius: 7px;
   border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
   z-index: 0;
   background: #c1c8d1;
   position: relative;
   overflow: hidden
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0
}

.plyr__preview-thumb__image-container:after {
   border-radius: inherit;
   content: "";
   pointer-events: none;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

.plyr__preview-thumb__image-container img {
   max-width: none;
   max-height: none
}

.plyr__preview-thumb__time-container {
   background: linear-gradient(transparent, rgba(0, 0, 0, .75));
   background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
   border-bottom-left-radius: 7px;
   border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
   border-bottom-right-radius: 7px;
   border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
   z-index: 3;
   padding: 20px 6px 6px;
   line-height: 1.1;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0
}

.plyr__preview-thumb__time-container span {
   color: #fff;
   font-size: 13px;
   font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
   filter: blur(1px);
   opacity: 0;
   pointer-events: none;
   z-index: 1;
   width: 100%;
   height: 100%;
   margin: auto;
   transition: opacity .3s;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   overflow: hidden
}

.plyr__preview-scrubbing--is-shown {
   opacity: 1
}

.plyr__preview-scrubbing img {
   object-fit: contain;
   width: 100%;
   max-width: none;
   height: 100%;
   max-height: none;
   position: absolute;
   top: 0;
   left: 0
}

.plyr--no-transition {
   transition: none !important
}

.plyr__sr-only {
   clip: rect(1px, 1px, 1px, 1px);
   overflow: hidden;
   border: 0 !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   position: absolute !important
}

.plyr [hidden] {
   display: none !important
}

@font-face {
   font-family: swiper-icons;
   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");
   font-weight: 400;
   font-style: normal
}

:root {
   --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
   z-index: 1;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   list-style: none;
   display: block;
   position: relative;
   overflow: hidden
}

.swiper-vertical>.swiper-wrapper {
   -ms-flex-direction: column;
   flex-direction: column
}

.swiper-wrapper {
   z-index: 1;
   transition-property: transform;
   transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
   box-sizing: content-box;
   width: 100%;
   height: 100%;
   display: -ms-flexbox;
   display: flex;
   position: relative
}

.swiper-android .swiper-slide,
.swiper-wrapper {
   transform: translate(0, 0)
}

.swiper-horizontal {
   touch-action: pan-y
}

.swiper-vertical {
   touch-action: pan-x
}

.swiper-slide,
swiper-slide {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   transition-property: transform;
   display: block;
   position: relative
}

.swiper-slide-invisible-blank {
   visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
   height: auto
}

.swiper-autoheight .swiper-wrapper {
   -ms-flex-align: start;
   align-items: flex-start;
   transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
   backface-visibility: hidden;
   transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
   perspective: 1200px
}

.swiper-3d .swiper-wrapper {
   transform-style: preserve-3d
}

.swiper-3d {
   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 {
   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 {
   pointer-events: none;
   z-index: 10;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0
}

.swiper-3d .swiper-slide-shadow {
   background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
   background-image: linear-gradient(transparent, rgba(0, 0, 0, .5))
}

.swiper-3d .swiper-slide-shadow-bottom {
   background-image: linear-gradient(rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
   scrollbar-width: none;
   -ms-overflow-style: none;
   overflow: auto
}

.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 {
   scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
   scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
   scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: none
}

.swiper-centered>.swiper-wrapper:before {
   content: "";
   -ms-flex-negative: 0;
   flex-shrink: 0;
   -ms-flex-order: 9999;
   order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: center center;
   scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
   margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
   margin-right: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
   width: var(--swiper-centered-offset-after);
   height: 100%;
   min-height: 1px
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
   margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
   height: var(--swiper-centered-offset-after);
   width: 100%;
   min-width: 1px
}

.swiper-lazy-preloader {
   z-index: 10;
   transform-origin: 50%;
   box-sizing: border-box;
   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
   border-top-color: transparent;
   border-radius: 50%;
   width: 42px;
   height: 42px;
   margin-top: -21px;
   margin-left: -21px;
   position: absolute;
   top: 50%;
   left: 50%
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
   animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
   --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
   --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
   0% {
      transform: rotate(0)
   }

   to {
      transform: rotate(360deg)
   }
}

.ts-control {
   z-index: 1;
   box-sizing: border-box;
   box-shadow: none;
   border: 1px solid #d0d0d0;
   border-radius: 3px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
   padding: 8px;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   overflow: hidden
}

.ts-wrapper.multi.has-items .ts-control {
   padding: calc(6px - 0)8px calc(3px - 0)
}

.full .ts-control {
   background-color: #fff
}

.disabled .ts-control,
.disabled .ts-control * {
   cursor: default !important
}

.focus .ts-control {
   box-shadow: none
}

.ts-control>* {
   vertical-align: baseline;
   display: inline-block
}

.ts-wrapper.multi .ts-control>div {
   cursor: pointer;
   color: #303030;
   background: #f2f2f2;
   border: 0 solid #d0d0d0;
   margin: 0 3px 3px 0;
   padding: 2px 6px
}

.ts-wrapper.multi .ts-control>div.active {
   color: #303030;
   background: #e8e8e8;
   border: 0 solid #cacaca
}

.ts-wrapper.multi.disabled .ts-control>div,
.ts-wrapper.multi.disabled .ts-control>div.active {
   color: #7d7d7d;
   background: #fff;
   border: 0 solid #fff
}

.ts-control>input {
   -ms-flex: auto;
   flex: auto;
   min-width: 7rem;
   text-indent: 0 !important;
   line-height: inherit !important;
   -webkit-user-select: auto !important;
   -ms-user-select: auto !important;
   user-select: auto !important;
   box-shadow: none !important;
   background: 0 0 !important;
   border: 0 !important;
   max-width: 100% !important;
   min-height: 0 !important;
   max-height: none !important;
   margin: 0 !important;
   padding: 0 !important;
   display: inline-block !important
}

.ts-control>input::-ms-clear {
   display: none
}

.ts-control>input:focus {
   outline: 0 !important
}

.has-items .ts-control>input {
   margin: 0 4px !important
}

.ts-control.rtl {
   text-align: right
}

.ts-control.rtl.single .ts-control:after {
   left: 15px;
   right: auto
}

.ts-control.rtl .ts-control>input {
   margin: 0 4px 0 -2px !important
}

.disabled .ts-control {
   opacity: .5;
   background-color: #fafafa
}

.input-hidden .ts-control>input {
   opacity: 0;
   position: absolute;
   left: -10000px
}

.ts-dropdown {
   z-index: 10;
   box-sizing: border-box;
   background: #fff;
   border: 1px solid #d0d0d0;
   border-top: 0;
   border-radius: 0 0 3px 3px;
   width: 100%;
   margin: .25rem 0 0;
   position: absolute;
   top: 100%;
   left: 0;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.ts-dropdown [data-selectable] {
   cursor: pointer;
   overflow: hidden
}

.ts-dropdown [data-selectable] .highlight {
   background: rgba(125, 168, 208, .2);
   border-radius: 1px
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
   padding: 5px 8px
}

.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
   cursor: inherit;
   opacity: .5
}

.ts-dropdown [data-selectable].option {
   opacity: 1;
   cursor: pointer
}

.ts-dropdown .optgroup:first-child .optgroup-header {
   border-top: 0
}

.ts-dropdown .optgroup-header {
   color: #303030;
   cursor: default;
   background: #fff
}

.ts-dropdown .active {
   color: #495c68;
   background-color: #f5fafd
}

.ts-dropdown .active.create {
   color: #495c68
}

.ts-dropdown .create {
   color: rgba(48, 48, 48, .5)
}

.ts-dropdown .spinner {
   width: 30px;
   height: 30px;
   margin: 5px 8px;
   display: inline-block
}

.ts-dropdown .spinner:after {
   content: "";
   border: 5px solid #d0d0d0;
   border-color: #d0d0d0 transparent;
   border-radius: 50%;
   width: 24px;
   height: 24px;
   margin: 3px;
   animation: 1.2s linear infinite lds-dual-ring;
   display: block
}

@keyframes lds-dual-ring {
   0% {
      transform: rotate(0)
   }

   to {
      transform: rotate(360deg)
   }
}

.ts-dropdown-content {
   scroll-behavior: smooth;
   max-height: 200px;
   overflow-x: hidden;
   overflow-y: auto
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
   color: transparent !important
}

.ts-wrapper.plugin-drag_drop .ts-dragging>* {
   visibility: hidden !important
}

.plugin-checkbox_options:not(.rtl) .option input {
   margin-right: .5rem
}

.plugin-checkbox_options.rtl .option input {
   margin-left: .5rem
}

.plugin-clear_button {
   --ts-pr-clear-button: 1em
}

.plugin-clear_button .clear-button {
   opacity: 0;
   cursor: pointer;
   transition: opacity .5s;
   position: absolute;
   top: 50%;
   right: 2px;
   transform: translateY(-50%);
   background: 0 0 !important;
   margin-right: 0 !important
}

.plugin-clear_button.form-select .clear-button,
.plugin-clear_button.single .clear-button {
   right: max(var(--ts-pr-caret), 8px)
}

.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
   opacity: 1
}

.ts-wrapper .dropdown-header {
   background: color-mix(#fff, #d0d0d0, 85%);
   border-bottom: 1px solid #d0d0d0;
   border-radius: 3px 3px 0 0;
   padding: 10px 8px;
   position: relative
}

.ts-wrapper .dropdown-header-close {
   color: #303030;
   opacity: .4;
   margin-top: -12px;
   line-height: 20px;
   position: absolute;
   top: 50%;
   right: 8px;
   font-size: 20px !important
}

.ts-wrapper .dropdown-header-close:hover {
   color: #000
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
   box-shadow: none;
   border: 1px solid #d0d0d0
}

.plugin-dropdown_input .dropdown-input {
   box-shadow: none;
   background: 0 0;
   border: 0 solid #d0d0d0;
   border-bottom-width: 1px;
   width: 100%;
   padding: 8px;
   display: block
}

.plugin-dropdown_input .items-placeholder {
   width: 100%;
   box-shadow: none !important;
   border: 0 !important
}

.plugin-dropdown_input.has-items .items-placeholder,
.plugin-dropdown_input.dropdown-active .items-placeholder {
   display: none !important
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input {
   min-width: 0
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input {
   -ms-flex: none;
   flex: none;
   min-width: 4px
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder {
   color: transparent
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder {
   color: transparent
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
   display: -ms-flexbox;
   display: flex
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
   border-top: 0;
   border-right: 1px solid #f2f2f2;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   min-width: 0
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
   border-right: 0
}

.ts-dropdown.plugin-optgroup_columns .optgroup:before {
   display: none
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
   border-top: 0
}

.ts-wrapper.plugin-remove_button .item {
   -ms-flex-align: center;
   align-items: center;
   display: -ms-inline-flexbox;
   display: inline-flex
}

.ts-wrapper.plugin-remove_button .item .remove {
   color: inherit;
   vertical-align: middle;
   box-sizing: border-box;
   border-radius: 0 2px 2px 0;
   padding: 0 6px;
   text-decoration: none;
   display: inline-block
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
   background: rgba(0, 0, 0, .05)
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
   background: 0 0
}

.ts-wrapper.plugin-remove_button .remove-single {
   font-size: 23px;
   position: absolute;
   top: 0;
   right: 0
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
   padding-right: 0 !important
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
   border-left: 1px solid #d0d0d0;
   margin-left: 6px
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
   border-left-color: #cacaca
}

.ts-wrapper.plugin-remove_button:not(.rtl) .disabled .item .remove {
   border-left-color: #fff
}

.ts-wrapper.plugin-remove_button.rtl .item {
   padding-left: 0 !important
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
   border-right: 1px solid #d0d0d0;
   margin-right: 6px
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
   border-right-color: #cacaca
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
   border-right-color: #fff
}

:root {
   --ts-pr-clear-button: 0;
   --ts-pr-caret: 0;
   --ts-pr-min: .75rem
}

.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
   cursor: pointer
}

.ts-control:not(.rtl) {
   padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button)+ var(--ts-pr-caret)) !important
}

.ts-control.rtl {
   padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button)+ var(--ts-pr-caret)) !important
}

.ts-wrapper {
   position: relative
}

.ts-dropdown,
.ts-control,
.ts-control input {
   color: #303030;
   font-family: inherit;
   font-size: 13px;
   line-height: 18px
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
   cursor: text;
   background: #fff
}

.ts-hidden-accessible {
   clip: rect(0 0 0 0) !important;
   -webkit-clip-path: inset(50%) !important;
   clip-path: inset(50%) !important;
   white-space: nowrap !important;
   border: 0 !important;
   width: 1px !important;
   padding: 0 !important;
   position: absolute !important;
   overflow: hidden !important
}

.disabled.legal_contracts__dropdown_current:after, /* home */
.disabled.header__languages_btn.header__languages_btn:after, /* header */
.disabled.links_select__current:after  /* template */ {
	display: none;
}

/* Disable language select in HOME and TEMPLATE page */
.legal_contracts__dropdown,
.templates_hero__select {
	display: none;
}

/* CTA Services Section */
.cta_services {
   position: relative;
   padding-top: 0;
   padding-bottom: 5.2rem;
}

.cta_services .section_in {
   max-width: 128rem;
   border-radius: var(--border-radius-xl, 12px);
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.30) 100%), var(--tailwind-colors-blue-50, #EFF6FF);
}

@media screen and (max-width:1023.5px) {
   .cta_services {
      padding-bottom: 3.2rem;
   }
}

.cta_services__container {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 3.2rem 2.4rem;
}

.cta_services__content {
   text-align: center;
   max-width: 80rem;
   margin: 0 auto
}

.cta_services__title {
   color: #020617;
   font-size: 3.2rem;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 2rem;
}

@media screen and (max-width:1023.5px) {
   .cta_services__title {
      font-size: 2.4rem
   }
}

.cta_services__subtitle {
   color: #020617;
   text-align: center;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 150%;

   margin-bottom: 3.2rem;
}

@media screen and (max-width:1023.5px) {
   .cta_services__subtitle {
      margin-bottom: 2.4rem;
   }
}

.cta_services__buttons {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 2.4rem;
   flex-wrap: wrap
}

@media screen and (max-width:767px) {
   .cta_services__buttons {
      gap: 1.6rem
   }
}

.cta_services__second_btn {
   color: #6b7280 !important;
   background: transparent !important;
   border: none !important;
   padding: 0 !important;
   font-weight: 500 !important
}

.cta_services__second_btn:hover {
   color: #374151 !important
}

.cta_services__btn_icon {
   margin-left: 0.8rem;
   display: inline-flex;
   align-items: center;
   transition: transform 0.3s ease
}

.cta_services__second_btn:hover .cta_services__btn_icon {
   transform: translateX(0.4rem)
}

/* =============================
   Tabs v1 Block Styles
   ============================= */

/* Section base */
.tabs_v1 {
    padding: 3.2rem 0;
}

@media screen and (max-width: 1023px) {
    .tabs_v1 {
        padding: 3.2rem 0;
    }
}

/* Container */
.tabs_v1__container {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 2rem;
}

@media screen and (max-width: 1023px) {
    .tabs_v1__container {
        padding: 0 1.6rem;
    }
}

/* Header */
.tabs_v2 .benefits__header,
.tabs_v1 .benefits__header {
    text-align: center;
    margin-bottom: 2.4rem;
}

.tabs_v2 .benefits__title {
   margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
   .tabs_v2 .benefits__header,
    .tabs_v1 .benefits__header {
      margin-bottom: 3.2rem;
    }
}


.tabs_v1 .benefits__title h2 {
   color: #020617;
   text-align: center;
   font-size: 3.2rem;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 0rem;
}

@media screen and (max-width: 1023px) {
    .tabs_v1 .benefits__title h2 {
        font-size: 2.4rem;
    }
}

/* Tabs Navigation */
.tabs_v1__nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .8rem;
    margin-bottom: 3.6rem;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1023px) {
    .tabs_v1__nav {

      align-items: center;
      margin-bottom: 3.2rem;
    }
}

.tabs_v1__nav_item {
   background: transparent;
   padding: 1.2rem 2rem;
   color: #475569;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 2rem;
   cursor: pointer;
   transition: all 0.2s ease;
   position: relative;
   text-align: center;
   white-space: nowrap;

   font-family: Inter, sans-serif;

   border-radius: 0.4rem;
   border: 1px solid #94A3B8;
}

@media screen and (max-width: 1023px) {
   .tabs_v1__nav_item {
       padding: 1.2rem 1rem;
       font-size: 1.4rem;
   }
}
@media screen and (max-width: 768px) {
    .tabs_v2__nav_item {
      width: 48%;
    }
}

.tabs_v1__nav_item.active,
.tabs_v1__nav_item:hover {
   border: 1px solid #2563EB;
   background: #DCE9F8;
   color: #2563EB;
   line-height: 2rem;
}

.tabs_v1__nav_item.active {
   text-shadow: 0.7px 0 #2563EB;
}

/* Fix WYSIWYG styles in tab buttons */
.tabs_v1__nav_item p {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.4;
}

.tabs_v1__nav_item strong {
    font-weight: 600;
    color: inherit;
}

/* Tabs Content Panels */
.tabs_v1__panels {
    position: relative;
}

.tabs_v1__panel {
    display: none;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.tabs_v1__panel.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.tabs_v1__panel_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.4rem;
    align-items: center;
}

@media screen and (max-width: 1023px) {
    .tabs_v1__panel_content {
        grid-template-columns: 1fr;
        gap: 3.2rem;
    }
}

/* Panel Image */
.tabs_v1__panel_image {
    border-radius: 0.8rem;
    overflow: hidden;
    box-shadow: none;
    order: 1;
}

.tabs_v1__panel_image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

@media screen and (max-width: 1023px) {
    .tabs_v1__panel_content {
        grid-template-areas: 
            "info"
            "image";
    }
    
    .tabs_v1__panel_image {
        grid-area: image;
        order: unset;
        border-radius: 1.2rem;
    }
    
    .tabs_v1__panel_info {
        grid-area: info;
    }
}

/* Panel Info */
.tabs_v1__panel_info {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    order: 2;
}

@media screen and (max-width: 1023px) {
    .tabs_v1__panel_info {
        order: unset;
        gap: 24px;
    }
}

@media screen and (max-width: 767px) {
    .tabs_v1__panel_info {
        gap: 20px;
    }
}

.tabs_v1__panel_text {
   color: #475569;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 150%;
}

.tabs_v1__panel_text p {
    margin: 0 0 1.6rem 0;
}

.tabs_v1__panel_text p:last-child {
    margin-bottom: 0;
}

.tabs_v1__panel_text h3 {
   color: #020617;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 1.6rem;
}

@media screen and (max-width: 1023px) {
    .tabs_v1__panel_text h3 {
        font-size: 28px;
        line-height: 1.29;
    }
}

@media screen and (max-width: 767px) {
    .tabs_v1__panel_text h3 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 12px;
    }
}

.tabs_v1__panel_text strong {
    font-weight: 600;
    color: #334155;
}

/* Features List */
.tabs_v1__panel_features {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.tabs_v1__feature {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    
    color: #020617;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 150%;
}

@media screen and (max-width: 767px) {
    .tabs_v1__feature {
        font-size: 1.4rem;
    }
}

.tabs_v1__feature_icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    color: #020617;
    stroke-width: 2.5px;
    margin-top: .2rem;
}

.tabs_v1__feature span {
    flex: 1;
}

/* Button */

@media screen and (max-width: 767px) {
    .tabs_v1__panel_button .btn {
        width: 100%;
        justify-content: center;
    }
}

/* btn_primary styles are already defined in the main CSS */

/* Smooth transitions for content */
.tabs_v1__panel.active {
    animation: fadeInUp 0.4s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(0px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

/* Loading state for smooth transitions */
.tabs_v1__panel:not(.active) {
    pointer-events: none;
    user-select: none;
}

/* Accessibility improvements */
.tabs_v1__nav_item:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.tabs_v1__nav_item:focus:not(:focus-visible) {
    outline: none;
}

/* Additional responsive adjustments */
@media screen and (max-width: 1023px) {
    .tabs_v1__panel_content {
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .tabs_v1__panel_content {
        text-align: left;
    }
}

/* Small adjustments for RTL */
[dir="rtl"] .tabs_v1__feature {
    flex-direction: row-reverse;
}

[dir="rtl"] .tabs_v1__panel_content {
    direction: rtl;
}

[dir="rtl"] .tabs_v1__nav {
    direction: rtl;
}

/* --- Tabs v2 --- */

.section.tabs_v2 {
   padding-top: 3.2rem;
}

@media screen and (min-width: 1024px) {
   .section.tabs_v2 {
      padding-top: 0rem;
   }
   .tabs_v2.section {
      padding-left: 0;
      padding-right: 0;
   }
}

.tabs_v2__container {
   display: flex;
   padding: 5.2rem 5.6rem;
   flex-direction: column;
   align-items: center;
   border-radius: 1.2rem;
   background: #F6F9FC;

   margin: 5.2rem 0;
}

.tabs_v2__panel_grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1.8rem;
 }

@media screen and (max-width: 1023px) {
   .tabs_v2__container {
      padding: 3.2rem 2rem;
      margin: 0;
   }

   .tabs_v2__panel_grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 1.6rem;
   }
}

@media screen and (max-width: 767px) {
   .tabs_v2__panel_grid {
      grid-template-columns: repeat(1, 1fr);
   }
}
 
.tabs_v2__card {
   position: relative;
   padding: 2.4rem;
   border-radius: 0.8rem;
   background: #FFF;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   display: flex;
   flex-direction: column;
   transition: box-shadow 0.2s, transform 0.2s;
   cursor: pointer;
   overflow: hidden;
   text-decoration: none;
}
 
 .tabs_v2__card:hover {
   text-decoration: none;
 }
 
 .tabs_v2__card_top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   margin-bottom: 1.6rem;
 }
 
 .tabs_v2__card_icon {
   width: 4rem;
   height: 4rem;
   border-radius: 0.6rem;
   border: 1px solid #E2E8F0;
   background: #FFF;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .tabs_v2__card_icon img {
   width: 2rem;
   height: 2rem;
   object-fit: contain;
 }
 
 .tabs_v2__card_arrow {
   /* No absolute positioning */
   transition: transform 0.25s cubic-bezier(.4,0,.2,1);
   pointer-events: none;
   flex-shrink: 0;
   margin-bottom: -8px;
 }
 
 .tabs_v2__card:hover .tabs_v2__card_arrow {
   transform: translate(0.5rem, -0.5rem) scale(1.08);
 }
 
 .tabs_v2__card_title {
   color: #020617;
   font-size: 1.6rem;
   font-weight: 700;
   line-height: 2.4rem;
   margin-bottom: 0.8rem;
 }
 
 .tabs_v2__card_text {
   color: #475569;
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 2rem;
   height: 100%;
   min-height: 8rem;
 }
 
 .tabs_v2__card_footer {
   color: #020617;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 2rem;
 }

 @media (max-width: 1023px) {
   .tabs_v2__container .benefits__title {
      margin-bottom: 0;
   }
 }

 @media (max-width: 767px) {
   .tabs_v2__panel_grid {
     grid-template-columns: 1fr;
   }
   .tabs_v2__card_top {
      align-items: flex-start;
   }
 }
 

 /* --- Compare Plan Block --- */
.compare-plan {
   width: 100%;
   background: #fff;
   padding: 0 0 4rem 0;
 }
 .compare-plan__container {
   max-width: 128rem;
   margin: 0 auto;
   padding: 10.4rem 0rem 3.2rem 0rem;
 }
 .compare-plan__back {
   margin-bottom: 3.2rem;
 }
 .compare-plan__back-link {
   color: #ff4e32;
   font-size: 1.4rem;
   text-decoration: none;
   font-weight: 500;
   transition: color 0.2s;
 }
 .compare-plan__back-link:hover {
   color: #d13a1e;
   text-decoration: underline;
   text-underline-offset: .3rem;
 }

 .compare-plan__back-bottom {
   text-align: center;
   margin-top: 5.2rem;
 }

 .compare-plan__back-bottom-link {
   border-radius: 4px;
   border: 1px solid #020617;
   background: #FFF;
   color: #020617;
 }
 .compare-plan__back-bottom-link:hover {
   background: rgba(255, 255, 255, 0.00);
   color: #020617;
 }

 @media (max-width: 767px) {
   .compare-plan__back-bottom {
      margin-top: 3.2rem;
   }
 }

 .compare-plan__title {
   color: #020617;
   text-align: center;
   font-size: 4rem;
   font-weight: 700;
   line-height: 5rem;
   margin-bottom: 2rem;
 }
 .compare-plan__desc {
   color: #475569;
   text-align: center;
   font-size: 1.8rem;
   font-weight: 400;
   line-height: 2.8rem;
   max-width: 50rem;
   margin: 0 auto;
   margin-bottom: 3.2rem;
 }

 @media (max-width: 767px) {
   .compare-plan__title {
      font-size: 2.8rem;
      line-height: 3.2rem;
      margin-bottom: 1.6rem;
   }
   .compare-plan__desc {
      margin-bottom: 2.4rem;
   }
 }
 
 /* Sticky plans block */
 .compare-plan__plans {
   /* position: sticky;
   top: 2.4rem;  */
   z-index: 10;
   border-radius: .8rem;
   margin-bottom: 2.4rem;
   transition: box-shadow 0.2s;
 }
 .compare-plan__plans-row {
   display: grid;
   grid-template-columns: 1.4fr repeat(3, 1fr);
   align-items: stretch;
   padding-bottom: 1rem;
   padding-top: 1rem;
   background: #fff;
 }
 .compare-plan__plans-cell {
   padding: 2.4rem;
   background: #fff;
   border-right: 1px solid #E2E8F0;
   display: flex;
   gap: 2.4rem;
   flex-direction: column;
   align-items: left;
   justify-content: space-between;
   position: relative;
 }

 .compare-plan__plans-cell:nth-child(2) {
   border-radius: .8rem 0 0 .8rem;
   border-top: 1px solid #E2E8F0;
   border-bottom: 1px solid #E2E8F0;
   border-left: 1px solid #E2E8F0;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
 }
 .compare-plan__plans-cell:nth-child(3) {
   border-radius: 0;
   border-top: 1px solid #E2E8F0;
   border-bottom: 1px solid #E2E8F0;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
 }
 .compare-plan__plans-cell:nth-child(4) { 
   border-radius: 0 .8rem .8rem 0;
   border-top: 1px solid #E2E8F0;
   border-bottom: 1px solid #E2E8F0;
   border-right: 1px solid #E2E8F0;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
 }

 .compare-plan__plans-cell:last-child {
   /* border-right: none; */
 }

 .compare-plan__plans-cell--empty {
   background: #fff;
   border: none;
 }

 .compare-plan__plans-cell-inner {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 }

 .compare-plan__plans-cell--popular {
   background: #F6F9FC;
 }


 .compare-plan__plan-title {
   color: #020617;
   font-size: 1.4rem;
   font-weight: 700;
   line-height: 2rem;
 }
 
 .compare-plan__plan-price .plan-price {
   color: #020617;
   font-size: 2.4rem;
   font-style: normal;
   font-weight: 400;
   line-height: 2.8rem;
 }
 .compare-plan__plan-price .price-amount {
   color: #020617;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 3.2rem;
   text-wrap-mode: nowrap;
 }

 .compare-plan__plan-price .price-amount sup {
   color: #020617;
   font-size: 1.6rem;
   font-weight: 500;
   line-height: 2rem;
   letter-spacing: normal;
 }
 .compare-plan__plan-price .price-period {
   color: #475569;
   font-size: 1.8rem;
   font-weight: 400;
   line-height: 2.8rem;
   margin-bottom: 0rem;
 }

 .compare-plan__plan-popular {
   border-radius: 4px;
   background: #60A5FA;
   color: #FFF;
   font-size: .8rem;
   font-weight: 600;
   line-height: 1.2rem;
   padding: 0.4rem 0.8rem;
   text-transform: uppercase;
 }
 .compare-plan__plan-btn {
   display: inline-block;
   background: #fff;
   color: #ff4e32;
   border: 1.5px solid #ff4e32;
   border-radius: 0.6rem;
   font-size: 1.5rem;
   font-weight: 600;
   padding: 0.7rem 2.2rem;
   margin-top: 0.8rem;
   text-decoration: none;
   transition: background 0.2s, color 0.2s;
 }
 .compare-plan__plan-btn:hover {
   background: #ff4e32;
   color: #fff;
 }
 
 /* Table */
 .compare-plan__table {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 0;
 }

 .compare-plan__row--section:not(:first-child) {
   margin-top: 3.2rem;
 }

 .compare-plan__row {
   display: grid;
   grid-template-columns: 1.4fr repeat(3, 1fr);
   border-bottom: 1px solid #e5e7eb;
   background: #fff;
   transition: all 0.2s ease;
 }

 .compare-plan__row--section.compare-plan__row:hover {
   background: #fff;
 }

 .compare-plan__row:hover {
   background: #F8FAFC;
 }
 
 .compare-plan__cell {
   padding: 1.4rem 1.6rem 1.4rem 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   
   color: #020617;
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 2rem;
 }
 .compare-plan__cell--title {
   font-weight: 400;
   color: #020617;
 }
 .compare-plan__cell.compare-plan__cell--title.compare-plan__cell--section {
   font-size: 1.8rem;
   font-weight: 700;
   line-height: 2.8rem;
 }
 .compare-plan__cell:not(:last-child) {
   border-right: 1px solid #E2E8F0;
 }
 .compare-plan__cell.compare-plan__cell--section {
   border-right: none;
 }
 .compare-plan__cell--item {
   align-items: center;
   text-align: center;
   justify-content: center;
   min-width: 10rem;
 }
 .compare-plan__item-text {
   font-size: 1.5rem;
   color: #475569;
   margin-bottom: 0.6rem;
   font-weight: 400;
 }
 .compare-plan__item-values {
   display: flex;
   flex-direction: row;
   gap: 0.8rem;
   justify-content: center;
   align-items: center;
 }
 .compare-plan__icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 2.4rem;
   height: 2.4rem;
 }
 .compare-plan__icon--yes svg {
   stroke: #2563eb;
 }
 .compare-plan__icon--no svg {
   stroke: #475569;
   opacity: 0.7;
 }
 .compare-plan__text {
   color: #020617;
   font-size: 1.4rem;
   font-weight: 400;
   line-height: 2rem;
 }

.select-plan-btn .btn-mobile-title {
   display: none;
 }
 
 /* Responsive */
 @media (max-width: 1023px) {
   .compare-plan__container {
     padding: 1.2rem 0.5rem 0 0.5rem;
   }
   .compare-plan__plans-row,
   .compare-plan__row {
     grid-template-columns: 1.2fr repeat(3, 1fr);
   }
   .compare-plan__plans {
     top: 5.2rem;
   }

   .compare-plan__plan-popular {
      display: none;
   }
 }
 @media (max-width: 767px) {
   .compare-plan {
      padding: 0;
   }
   .compare-plan__container {
     padding: 9.5rem 1.6rem 3.2rem 1.6rem;
   }
   .compare-plan__plans {
     top: 0;
     margin-bottom: 1.2rem;
   }
   .compare-plan__plans-cell--empty {
      display: none;
   }
   .compare-plan__plans-row{
      grid-template-columns: repeat(3, 1fr);
      font-size: 1.2rem;
   }

   .compare-plan__plans-cell {
      gap: 1.2rem
   }

   .compare-plan__plans-cell,
   .compare-plan__cell {
     padding: 1.6rem 1.2rem;
   }

   .compare-plan__row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto auto;
   }
   .compare-plan__row--section {
      border-bottom: none;
   }
   .compare-plan__cell.compare-plan__cell--section:not(:first-child) {
      display: none;
   }

   .compare-plan__plans-cell-inner {
      justify-content: center;
   }

   .compare-plan__cell--title {
      grid-column: 1 / -1; /* занимает всю строку */
      width: 100% !important;
      text-align: left;
      border-right: none;
   }
   .compare-plan__cell.compare-plan__cell--title.compare-plan__cell--section {
      padding: 0;
   }
   .compare-plan__cell--item {
      /* обычные ячейки */
      padding: .8rem 0.8rem;
      font-size: 1.4rem;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .compare-plan__cell:first-child,
   .compare-plan__cell--item:last-child {
      border-right: none;
   }
   .compare-plan__plan-title {
     font-size: 1.4rem;
   }
   .compare-plan__plan-price {
     font-size: 1.6rem;
   }

   .compare-plan__plan-price .plan-price {
      margin-top: -0.4em;
      justify-content: center;
   }
   .compare-plan__plan-price .price-amount {
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 2.8rem;
   }

   .compare-plan__plan-price .price-amount sup {
      color: #020617;
      font-size: 1rem;
      font-weight: 500;
      line-height: 2rem;
      letter-spacing: normal;
   }
   .compare-plan__plan-price .price-period {
      color: #475569;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2.8rem;
      margin-bottom: 0rem;
   }

   .compare-plan__plan-btn {
     font-size: 1.1rem;
     padding: 0.5rem 1.2rem;
   }
   .compare-plan__cell--title {
     font-size: 1.4rem;
   }
   .compare-plan__cell--item-title:first-child {
      border-bottom: 1px solid #E2E8F0;
      padding: 1.6rem 0rem;
   }
   .compare-plan__icon {
     width: 1.6rem;
     height: 1.6rem;
   }

   .select-plan-btn.btn_secondary {
      height: 4.4rem;
   }

   .compare-plan__plan-price .price-period {
      color: #fff;
      position: relative;
      font-size: 1.2rem; 
      width: 25px;
      overflow: hidden;
      text-wrap-mode: nowrap;
   }

   .compare-plan__plan-price .price-period::after {
      content: "/mo";
      color: #020617;
      position: absolute;
      left: 0;
      top: 2px;
      width: 100%;
      max-width: 25px;
   }

   .select-plan-btn .btn-full-title {
      display: none;
   }

   .select-plan-btn .btn-mobile-title {
      display: inline;
   }

   .compare-plan__plans {
      transition: top 0.2s ease, box-shadow 0.2s ease;
   }
 }


 /* Hero Main Block */
.hero-main {
   padding: 6.4rem 0;
 }
 
 .hero-main__container {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 4rem;
 }
 
 .hero-main__heading {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: 2rem;
   max-width: 77.4rem;
 }
 
 .hero-main__title {
   font-size: 4rem;
   font-weight: 700;
   line-height: 1.25;
   color: #020617;
 }
 
 .hero-main__subtitle {
   font-size: 1.6rem;
   line-height: 1.5;
   color: #475569;
   max-width: 73.6rem;
 }
 
 .hero-main__button {
     margin-top: 0.4rem;
 }
 
 .hero-main__cards {
     width: 100%;
 }
 
 .hero-main__cards-list {
   display: flex;
   justify-content: center;
   gap: 0.8rem;
   flex-wrap: wrap;
 }
 
 .hero-main__cards-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 1.6rem;
   width: 15.3rem;
   height: 14.8rem;
   padding: 1.6rem;
   border-radius: 0.8rem;
   border: 1px solid #E2E8F0;
   background-color: #FFFFFF;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   transition: border-color 0.3s ease;
   text-align: center;
 }
 
 .hero-main__cards-item:hover {
   border-color: #327DF6;
 }
 
 .hero-main__cards-item-icon {
   width: 3.2rem;
   height: 3.2rem;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .hero-main__cards-item-icon img {
   max-width: 100%;
   height: auto;
 }
 
 .hero-main__cards-item-title {
   font-size: 1.6rem;
   font-weight: 600;
   line-height: 1.25;
   color: #020617;
   letter-spacing: -0.04em;
   margin: 0;
 }
 
 .hero-main__logos {
   width: 100%;
   overflow: hidden;
   padding: 4rem 0;
 }
 
 .hero-main__logos-scroller {
   width: 100%;
 }
 
 .hero-main__logos-list {
   display: flex;
   gap: 6rem;
   animation: scroll 30s linear infinite;
   width: max-content;
 }
 
 .hero-main__logos:hover .hero-main__logos-list {
   animation-play-state: paused;
 }
 
 .hero-main__logos-item {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 4rem;
 }
 
 .hero-main__logos-item img {
   max-height: 100%;
   width: auto;
   object-fit: contain;
 }
 
 @keyframes scroll {
   0% {
     transform: translateX(0);
   }
   100% {
     transform: translateX(-50%);
   }
 }
 
 @media (max-width: 1023px) {
   .hero-main__cards {
     overflow-x: hidden;
   }
   .hero-main__cards-list {
     flex-wrap: nowrap;
     justify-content: flex-start;
     overflow-x: auto;
     -ms-overflow-style: none;
     scrollbar-width: none;
     padding-bottom: 1.5rem;
     margin-bottom: -1.5rem;
   }
   .hero-main__cards-list::-webkit-scrollbar {
     display: none;
   }
 } 

/* Hero Main & Tabs v1 Block Styles */
.hero_main.section {
    padding-top: 12.4rem;
    padding-bottom: 0;
}

.hero_main .section_in {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.2rem;
}

@media screen and (max-width: 1023px) {
   .hero_main .section_in {
      gap: 3.2rem;
   }
}

.hero_main__container {
    display: contents;
}

.hero_main__content {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: 2rem;
   max-width: 77.4rem;
   margin-bottom: -1.2rem;
}


.hero_main__title h1 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.25;
    color: #020617;
}

.hero_main__description {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #475569;
    max-width: 73.6rem;
}

@media screen and (max-width: 1023px) {
   .hero_main__title h1 {
      color: #020617;
      font-size: 2.8rem;
      line-height: 120%;
      text-align: center;
   }
   .hero_main__description {
      color: #475569;
      font-size: 1.6rem;
      line-height: 150%;
      text-align: center;
   }

   .hero_main__content {
      gap: 1.6rem;
      margin-bottom: 0rem;
   }
}

/* Tabs v1 styles */
.tabs_v3__content {
    width: 100%;
}

.tabs_v3__nav {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    flex-wrap: wrap;
    margin-bottom: 3rem;
}

.tabs_v3__nav_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    width: 15.3rem;
    height: 14.8rem;
    padding: 1.6rem;
    border-radius: 0.8rem;
    border: 1px solid #E2E8F0;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: border-color 0.3s ease;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25;
    color: #020617;
    cursor: pointer;
}

.tabs_v3__nav_item.active,
.tabs_v3__nav_item:hover {
    border-color: #327DF6;
}

.tabs_v3__nav_item img {
    width: 3.2rem;
    height: 3.2rem;
}

.tabs_v3__panels {
    max-width: 104.4rem;
    margin: 0 auto;
    padding: 2.4rem 1.6rem;
}

.tabs_v3__panel {
    display: none;
    opacity: 0;
    transform: translateY(2rem);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

@media screen and (max-width: 1023px) {
   .tabs_v3__panels {
      padding: 0rem 1.6rem;
   }
   .tabs_v3__nav {
      gap: 1.2rem;
   }
}

.tabs_v3__panel.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.tabs_v3__panel_content {
    display: flex;
    align-items: center;
    gap: 6.4rem;
}

.tabs_v3__panel_image {
    max-width: 43rem;
    max-height: 29rem;
    flex-shrink: 0;
}

.tabs_v3__panel_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.8rem;
}

/* Slider styles */
.tabs_v3__slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.8rem;
}

.tabs_v3__slider_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.tabs_v3__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.tabs_v3__slide.active {
    opacity: 1;
}

.tabs_v3__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tabs_v3__slider_controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.6rem;
    right: 1.6rem;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.tabs_v3__slider_prev,
.tabs_v3__slider_next {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    pointer-events: auto;
    color: #020617;
}

.tabs_v3__slider_prev:hover,
.tabs_v3__slider_next:hover {
    background-color: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.tabs_v3__slider_dots {
    position: absolute;
    bottom: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.8rem;
}

.tabs_v3__slider_dot {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: none;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.tabs_v3__slider_dot.active,
.tabs_v3__slider_dot:hover {
    background-color: rgba(255, 255, 255, 1);
    transform: scale(1.2);
}

.tabs_v3__panel_info {
    text-align: left;
}

.tabs_v3__panel_title {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #020617;
    margin-bottom: 2rem;
}

.tabs_v3__panel_text {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #475569;
    margin-bottom: 3.2rem;
}

.hero_main__button {
    display: flex;
    gap: 1.2rem;
}

/* Logos Animation */
.hero_main__logos {
    width: 200%;
    position: relative;
    left: 100%;
    transform: translateX(-50%);
    overflow: hidden;
    padding: 3.6rem 0;
}

.hero_main__logos-animation {
    display: flex;
    gap: 6rem;
    width: max-content;
    animation: hero-scroll 40s linear infinite;
}

.hero_main__logos:hover .hero_main__logos-animation {
    animation-play-state: paused;
}

.hero_main__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 5rem;
    flex-shrink: 0;
    max-width: 12rem;
    padding: 0 2rem;
}

.hero_main__logo_text {
    font-size: 1.8rem;
    font-weight: 600;
    color: #64748B;
    white-space: nowrap;
}

.hero_main__logo img {
    max-height: 5rem;
    max-width: 12rem;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.hero_main__logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* SVG логотипы */
.hero_main__logo svg {
    max-height: 5rem;
    max-width: 12rem;
    width: auto;
    height: auto;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.hero_main__logo:hover svg {
    filter: grayscale(0%);
    opacity: 1;
}

@keyframes hero-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Hide old sections */
.hero_main.section .hero_main__cols,
.hero_main__cards {
    display: none;
}

/* Alternative animation approach */
.hero_main__logos-animation {
    will-change: transform;
}

/* Ensure animation works */
@media (prefers-reduced-motion: no-preference) {
    .hero_main__logos-animation {
        animation: hero-scroll 40s linear infinite;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero_main__logos-animation {
        animation: none;
    }
}

/* --- Tabs v3 --- */
/* Section base */
.tabs_v3 {
    padding: 3.2rem 0;
}

@media screen and (max-width: 1023px) {
    .tabs_v3 {
        padding: 3.2rem 0;
    }
}

/* Container */
.tabs_v3__container {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 2rem;
}

@media screen and (max-width: 1023px) {
    .tabs_v3__container {
        padding: 0 1.6rem;
    }
}

/* Header */
.tabs_v3 .benefits__header {
    text-align: center;
    margin-bottom: 2.4rem;
}

.tabs_v3 .benefits__title {
   margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
    .tabs_v3 .benefits__header {
      margin-bottom: 3.2rem;
    }
}

.tabs_v3 .benefits__title h2 {
   color: #020617;
   text-align: center;
   font-size: 3.2rem;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 0rem;
}

@media screen and (max-width: 1023px) {
    .tabs_v3 .benefits__title h2 {
        font-size: 2.4rem;
    }
}

/* Tabs Navigation */
.tabs_v3 .tabs_v1__nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .8rem;
    margin-bottom: 3.6rem;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1023px) {
    .tabs_v3 .tabs_v1__nav {
      align-items: center;
      margin-bottom: 3.2rem;
    }
}

.tabs_v3 .tabs_v1__nav_item {
   background: transparent;
   padding: 1.6rem 1.2rem;
   color: #020617;
   font-size: 1.6rem;
   font-weight: 600;
   line-height: 150%;
   letter-spacing: -0.64px;
   text-wrap: auto;
   cursor: pointer;
   transition: all 0.2s ease;
   position: relative;
   text-align: center;
   font-family: Inter, sans-serif;
   border-radius: 0.8rem;
   border: 1px solid #E2E8F0;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.tabs_v3 .tabs_v1__nav_item.active,
.tabs_v3 .tabs_v1__nav_item:hover {
   border: 1px solid #327DF6;
   color: #020617;
}

.tabs_v3 .tabs_v1__nav_item.active {
   color: #020617;
   text-shadow: none;
}

/* Fix WYSIWYG styles in tab buttons */
.tabs_v3 .tabs_v1__nav_item p {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: 1.4;
}

.tabs_v3 .tabs_v1__nav_item strong {
    font-weight: 600;
    color: inherit;
}

.tabs_v3__nav_item_text {
   height: 4rem;
   overflow-wrap: anywhere;
}

/* Tabs Content Panels */
.tabs_v3 .tabs_v1__panels {
    position: relative;
}

.tabs_v3 .tabs_v1__panel {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tabs_v3 .tabs_v1__panel.active {
    display: block;
    opacity: 1;
}

.tabs_v3 .tabs_v1__panel_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.4rem;
    align-items: center;
}

@media screen and (max-width: 1023px) {
    .tabs_v3 .tabs_v1__panel_content {
        grid-template-columns: 1fr;
        gap: 3.2rem;
    }
}

/* Panel Image */
.tabs_v3 .tabs_v1__panel_image {
    border-radius: 0.8rem;
    overflow: hidden;
    box-shadow: none;
    order: 1;
}

.tabs_v3 .tabs_v1__panel_image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

@media screen and (max-width: 1023px) {
    .tabs_v3 .tabs_v1__panel_content {
        grid-template-areas: 
            "info"
            "image";
    }
    
    .tabs_v3 .tabs_v1__panel_image {
        grid-area: image;
        order: unset;
        border-radius: 1.2rem;
    }
    
    .tabs_v3 .tabs_v1__panel_info {
        grid-area: info;
    }
}

/* Panel Info */
.tabs_v3 .tabs_v1__panel_info {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    order: 2;
}

@media screen and (max-width: 1023px) {
    .tabs_v3 .tabs_v1__panel_info {
        order: unset;
        gap: 24px;
    }
}

@media screen and (max-width: 767px) {
    .tabs_v3 .tabs_v1__panel_info {
        gap: 20px;
    }
}

.tabs_v3 .tabs_v1__panel_text {
   color: #475569;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 150%;
}

.tabs_v3 .tabs_v1__panel_text p {
    margin: 0 0 1.6rem 0;
}

.tabs_v3 .tabs_v1__panel_text p:last-child {
    margin-bottom: 0;
}

.tabs_v3 .tabs_v1__panel_text h3 {
   color: #020617;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 1.6rem;
}

@media screen and (max-width: 1023px) {
    .tabs_v3 .tabs_v1__panel_text h3 {
        font-size: 28px;
        line-height: 1.29;
    }
}

@media screen and (max-width: 767px) {
    .tabs_v3 .tabs_v1__panel_text h3 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 12px;
    }
}

.tabs_v3 .tabs_v1__panel_text strong {
    font-weight: 600;
    color: #334155;
}

/* Features List */
.tabs_v3 .tabs_v1__panel_features {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.tabs_v3 .tabs_v1__feature {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    color: #020617;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 150%;
}

@media screen and (max-width: 767px) {
    .tabs_v3 .tabs_v1__feature {
        font-size: 1.4rem;
    }
}

.tabs_v3 .tabs_v1__feature_icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    color: #020617;
    stroke-width: 2.5px;
    margin-top: .2rem;
}

.tabs_v3 .tabs_v1__feature span {
    flex: 1;
}

/* Button */
@media screen and (max-width: 767px) {
    .tabs_v3 .tabs_v1__panel_button .btn {
        width: 100%;
        justify-content: center;
    }
}

/* Smooth transitions for content */
.tabs_v3 .tabs_v1__panel.active {
    animation: fadeInUp 0.3s ease forwards;
}

/* Loading state for smooth transitions */
.tabs_v3 .tabs_v1__panel:not(.active) {
    pointer-events: none;
    user-select: none;
}

/* Accessibility improvements */
.tabs_v3 .tabs_v1__nav_item:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.tabs_v3 .tabs_v1__nav_item:focus:not(:focus-visible) {
    outline: none;
}

/* Additional responsive adjustments */
@media screen and (max-width: 1023px) {
    .tabs_v3 .tabs_v1__panel_content {
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .tabs_v3 .tabs_v1__panel_content {
        text-align: left;
    }
}

/* Small adjustments for RTL */
[dir="rtl"] .tabs_v3 .tabs_v1__feature {
    flex-direction: row-reverse;
}

[dir="rtl"] .tabs_v3 .tabs_v1__panel_content {
    direction: rtl;
}

[dir="rtl"] .tabs_v3 .tabs_v1__nav {
    direction: rtl;
}

@media (max-width: 1023px) {
   .hero_main.section {
      padding-top: 10.4rem;
   }
    .tabs_v1__nav {
      overflow-x: auto;
      justify-content: center;
      -ms-overflow-style: none;
      scrollbar-width: none;
      padding-bottom: 1.5rem;
      width: 100%;
    }
    .tabs_v1__nav::-webkit-scrollbar {
      display: none;
    }
    /* Tabs v3 mobile navigation */
    .tabs_v3__nav {
      overflow-x: auto;
      flex-wrap: nowrap;
      justify-content: flex-start;
      -ms-overflow-style: none;
      scrollbar-width: none;
      width: 100%;
      padding: 0 1.6rem;
      scroll-behavior: smooth;
    }
    
    .tabs_v3__nav::-webkit-scrollbar {
      display: none;
    }
    
    .tabs_v3__nav_item {
      flex-shrink: 0;
      min-width: fit-content;
      transition: filter 0.3s ease, opacity 0.3s ease;
    }
    .tabs_v3 .tabs_v1__nav_item {
      width: 12.4rem;
      height: 11.4rem;
      gap: .8rem;
      padding: 0.8rem 2rem;
      font-size: 1.4rem;
    }
    
    .tabs_v3__panel_content {
        flex-direction: column;
        gap: 3rem;
        text-align: center;
    }

    .tabs_v3__panel_title {
      color: #020617;
      font-size: 2.4rem;
      line-height: 125%;
      text-align: center;
      margin-bottom: 1.6rem;
    }

    .tabs_v3__panel_title,
    .hero_main__button,
    .tabs_v3__panel_text {
      display: block;
    }

   .tabs_v3__panel_info {
      display: flex;
      flex-direction: column;
   }
   
   .hero_main__button {
      order: 1;
   }
   .tabs_v3__panel_title {
      order: 2;
   }
   .tabs_v3__panel_text {
      order: 3;
   }
   
   .tabs_v3__panel_image {
      order: 4;
   }

   .tabs_v3__panel_text {
      margin-bottom: 0;
   }

   .hero_main__button a {
      width: 100%;
   }
   .tabs_v3__nav_item img{
      width: 2.4rem;
      height: 2.4rem;
   }
   .tabs_v3__nav_item_text {
      max-width: 9.4rem;
      text-wrap: auto;
   }
   .tabs_v3__panel_info {
      text-align: center;
   }
   .hero_main__button {
      justify-content: center;
      flex-wrap: wrap;
   }

   .hero_main__button .btn_minimal.second_hero__btn {
      margin-top: 1.2rem;
      margin-bottom: 1.6rem;
   }

       .hero_main__logos {
       margin-top: -3.2rem;
    }
}

/* --- Benefits Main Block --- */
.benefit_main {
    padding: 6.4rem 0;
}
/* Header Section */
.benefit_main__header {
   margin-bottom: 6.2rem;
}

.benefits__subtitle span {
   color: #FF4E32;
   font-size: 1.4rem;
   font-weight: 600;
   line-height: 1.43;
   display: inline-block;
}

.benefits__title h2 {
    color: #020617;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 120%;
    margin: 0;
}

/* Content Grid */
.benefit_main__content {
    /* width: 100%; */
}

.benefit_main .benefit_main__wrapper {
   padding: 5.2rem 2.4rem;
}

.benefit_main__grid {
    display: flex;
    gap: 2.4rem;
    align-items: stretch;
}

.benefit_main__item {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
}

.benefit_main__item_icon {
    width: 4rem;
    height: 4rem;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.benefit_main__item_icon img {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.benefit_main__item_content {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    text-align: flex-start;
    width: 100%;
}

.benefit_main__item_title {
    color: #020617;
    font-family: Inter, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.33;
    min-height: 4.8rem;
}

.benefit_main__item_text {
    color: #475569;
    font-family: Inter, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

/* Mobile Styles */
@media screen and (max-width: 1023px) {
    .benefit_main {
        padding: 3.2rem 1.6rem;
        border-radius: 1.2rem;
    }
    
    .benefits__container {
        padding: 3.2rem 1.6rem;
    }
    
    .benefits__header {
        margin-bottom: 3.2rem;
    }
    
    .benefits__subtitle span {
      font-size: 1.4rem;
      line-height: 1.43;
      margin-bottom: 0;
    }
    
    .benefits__title h2 {
      font-size: 2.4rem;
      line-height: 1.25;
    }
    
    .benefit_main__grid {
      flex-direction: column;
      gap: 3.2rem;
      flex-wrap: wrap;
    }
    
    .benefit_main__item {
      max-width: 29rem;
      margin: 0 auto;
      width: 100%;
    }
    
    .benefit_main__item_title {
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 1.33;
      min-height: auto;
    }
    
    .benefit_main__item_text {
      font-size: 1.6rem;
      line-height: 1.5;
    }
}

@media screen and (max-width: 767px) {
   .benefit_main__item {
      flex: 1 1 100%;
      max-width: 100%;
   }
       .benefit_main .benefit_main__wrapper {
       padding: 3.2rem 2.4rem;
    }
}

/* --- Clients Results Slider --- */
.clients_results {
    padding: 5.2rem 0 0 0; 
}

.clients_results__header {
    text-align: center;
    margin-bottom: 5rem;
}

.clients_results__title h2 {
    color: #020617;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.clients_results__container {
    max-width: 131.2rem;
    margin: 0 auto;
    padding: 0 2.4rem;
    position: relative;
}

.clients_results__slider {
    position: relative;
    overflow: hidden;
}

.clients_results__slide {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.clients_results__slide.active {
    display: flex;
    opacity: 1;
    gap: 2.4rem;
    align-items: stretch;
}

/* Review Section */
.clients_results__review {
    flex: 1;
    max-width: 63.7rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3.2rem;
    padding: 2.4rem;
    border-radius: 0.8rem;
}

.clients_results__review_header {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

.clients_results__stars {
    display: flex;
    gap: 0;
}

.clients_results__stars svg {
   width: 29px;
   height: 29px;
   padding: 9px;
}

.clients_results__review_text p {
    color: #020617;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.33;
    margin: 0;
    max-width: 57.1rem;
}

.clients_results__reviewer {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.clients_results__reviewer_photo {
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.clients_results__reviewer_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.clients_results__reviewer_info {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.clients_results__reviewer_name {
    color: #020617;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
}

.clients_results__reviewer_position {
    color: #64748B;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
}

/* Statistics Section */
.clients_results__statistics {
    flex: 1;
    max-width: 61.9rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

.clients_results__stat_item {
    background: #F6F9FC;
    border: 1px solid #E2E8F0;
    border-radius: 0.8rem;
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    transition: all 0.3s ease;
}

.clients_results__stat_item:hover,
.clients_results__stat_item.hover {
    background: #EFF6FF;
    border-color: #327DF6;
}

.clients_results__stat_title {
    color: #020617;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.clients_results__stat_text {
    color: #475569;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25;
}

/* Navigation */
.clients_results__navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    margin-top: 5rem;
}

.clients_results__nav_btn {
    width: 4rem;
    height: 4rem;
    background: #FFFFFF;
    border: 1px solid #F6F9FC;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.clients_results__nav_btn:hover:not(:disabled) {
    background: #F8FAFC;
    border-color: #E2E8F0;
}

.clients_results__nav_btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.clients_results__nav_btn svg {
    color: #64748B;
    transition: color 0.3s ease;
}

.clients_results__nav_btn:not(:disabled) svg {
    color: #020617;
}

/* Tablet Styles */
@media screen and (max-width: 1023px) {
    .clients_results {
        padding: 4.8rem 0;
    }
    
    .clients_results__container {
        padding: 0 2rem;
    }
    
    .clients_results__slide.active {
        flex-direction: column;
        gap: 3.2rem;
    }
    
    .clients_results__review {
        max-width: 100%;
        padding: 2rem;
    }
    
    .clients_results__review_text p {
        font-size: 2rem;
    }
    
    .clients_results__statistics {
        max-width: 100%;
        gap: 2rem;
    }
    
    .clients_results__stat_item {
        padding: 2rem;
    }
    
    .clients_results__stat_title {
        font-size: 2.4rem;
    }
}

@media screen and (min-width: 768px) {
   .clients_results__dots {
      display: none;
   }
}

/* Mobile Styles */
@media screen and (max-width: 767px) {
    .clients_results {
        padding: 1.2rem 0;
    }
    
    .clients_results__container {
        padding: .2rem 1.6rem 0;
    }
    .clients_results__stars svg {
      padding: .8rem .4rem;
    }
    
    .clients_results__header {
        margin-bottom: 1.2rem;
    }
    
    .clients_results__title h2 {
        font-size: 2.4rem;
        line-height: 1.25;
    }
    
    .clients_results__slide.active {
        gap: 3.2rem;
    }
    
    .clients_results__review {
        padding: 0;
        gap: 3.2rem;
    }
    
    .clients_results__review_header {
        text-align: center;
        gap: 1.2rem;
    }
    
    .clients_results__stars {
        justify-content: center;
    }
    
    .clients_results__review_text p {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.43;
        text-align: center;
    }
    
    .clients_results__reviewer {
        justify-content: center;
        gap: 2rem;
    }
    
    .clients_results__reviewer_info {
        max-width: 17rem;
    }
    
    .clients_results__reviewer_name {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.71;
    }
    
    .clients_results__reviewer_position {
        font-size: 1.4rem;
        line-height: 1.71;
    }
    
    .clients_results__statistics {
        gap: 1.2rem;
    }
    
    .clients_results__stat_item {
        padding: 1.2rem;
        width: 100%;
    }
    
    .clients_results__stat_title {
        font-size: 2.4rem;
        line-height: 1.25;
    }
    
    .clients_results__stat_text {
        font-size: 1.4rem;
        line-height: 1.43;
    }
    
    .clients_results__navigation {
        margin-top: 1.6rem;
        display: none;
    }
    
    /* Mobile dots navigation */
    .clients_results__dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        margin-top: 1.6rem;
    }
    
    .clients_results__dot {
        width: 1.3rem;
        height: 1.3rem;
        border-radius: 50%;
        background: #F6F9FC;
        border: none;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    }
    
    .clients_results__dot.active {
        background: #CBD5E1;
    }
}
/* Services Main Section - Simple Version */
.services_main.section {
   padding-top: 3.6rem;
   padding-bottom: 3.6rem;
}

.services_main .section_in {
   max-width: 128rem;
}

.services_main__container {
   display: flex;
   flex-direction: column;
   gap: 4rem;
}

/* Header */
.services_main__header {
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: 1.6rem;
}

.services_main__subtitle {
   font-family: 'Inter', sans-serif;
   font-weight: 600;
   font-size: 1.4rem;
   line-height: 1.43;
   color: #FF4E32;
}

.services_main__title {
   font-family: 'Inter', sans-serif;
   font-weight: 700;
   font-size: 3.2rem;
   line-height: 1.2;
   color: #020617;
   margin: 0;
   max-width: 80rem;
   margin-left: auto;
   margin-right: auto;
}

/* Services Grid */
.services_main__grid {
   display: flex;
   flex-wrap: wrap;
   gap: 4rem;
}

/* Service Item Base */
.services_main__item {
   position: relative;
   background: #F6F9FC;
   border: 1px solid #E2E8F0;
   border-radius: 1.2rem;
   padding: 2.4rem;
   transition: all 0.3s ease;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   gap: 2rem;
}

/* Simple items (50% width) */
.services_main__item:not(.services_main__item--full) {
   width: calc(50% - 2rem);
}

/* Full width items (100% width) */
.services_main__item--full {
   width: 100%;
}

/* Full width item layout */
.services_main__item--full .services_main__item_content {
   display: flex;
   flex-direction: row;
   gap: 6.4rem;
   align-items: center;
   justify-content: space-between;
}

.services_main__item--full .services_main__item_left {
   flex: 1 1 50%;
   max-width: 53.7rem;
   display: flex;
   flex-direction: column;
   gap: 3.2rem;
}

.services_main__item--full .services_main__item_right {
   max-width: 57.2rem;
   height: 22.8rem;
   background: #DCE9F8;
   border-radius: 1.2rem;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
}

.services_main__item--full .services_main__item_right img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

/* Item Header */
.services_main__item_header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 2rem;
}

.services_main__item_subtitle {
   color: #FF4E32;
   font-family: 'Inter', sans-serif;
   font-weight: 600;
   font-size: 1.6rem;
   line-height: 1.5;
   margin: 0;
}

.services_main__item_title {
   color: #020617;
   font-size: 3.2rem;
   font-weight: 700;
   line-height: 1.2;
}

.services_main__item--small .services_main__item_title {
   margin-bottom: 2.8rem;
}

.services_main__item_icon {
   width: 3.4rem;
   height: 3.4rem;
   color: #FF4E32;
   flex-shrink: 0;
}

.services_main__item--full .services_main__item_icon {
   width: 3.4rem;
   height: 3.4rem;
}

/* Service List */
.services_main__item_list {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: 1.2rem;
}

.services_main__item_list_item {
   display: flex;
   align-items: flex-start;
   gap: 1.2rem;
   font-family: 'Inter', sans-serif;
   font-weight: 400;
   font-size: 1.6rem;
   line-height: 1.5;
   color: #475569;
}

.services_main__item_check {
   width: 2rem;
   height: 2rem;
   flex-shrink: 0;
   margin-top: 0.2rem;
   color: #FF4E32;
}

/* Service Image (for simple items) */
.services_main__item_image {
   width: 100%;
   height: 20rem;
   background: #DCE9F8;
   border-radius: 1.2rem;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: auto;
}

.services_main__item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Desktop/Mobile Image Control */
.services_main__item_image--desktop {
    display: block;
}

.services_main__item_image--mobile {
    display: none;
}

/* Desktop Link (invisible wrapper) */
.services_main__item_link--desktop {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   text-decoration: none;
}

/* Mobile Button */
.services_main__item_button--mobile {
   /* display: none; */
   margin-top: auto;
}

/* Hover Effects */
.services_main__item_icon {
    transition: transform 0.3s ease;
}

.services_main__item:hover .services_main__item_icon {
    transform: rotate(45deg);
    
}

/* Responsive Styles */
@media screen and (min-width: 768px) {
   /* Desktop: show link wrapper, hide buttons */
   .services_main__item_link--desktop {
       display: block;
   }
   
   .services_main__item_button--mobile {
       display: none;
   }
}

@media screen and (max-width: 767px) {
   /* Mobile: hide link wrapper, show buttons */
   .services_main__item_link--desktop {
       display: none;
   }
   
   .services_main__item_button--mobile.btn_minimal.second_hero__btn {
      margin-top: 1.2rem;
   }
   
   /* Mobile layout adjustments */
   .services_main.section {
       padding-top: 0rem;
       padding-bottom: 3.2rem;
   }
   
   .services_main__container {
       gap: 3.2rem;
   }
   
   .services_main__grid {
       gap: 3.2rem;
   }
   
   .services_main__item:not(.services_main__item--full) {
       width: 100%;
   }

   .services_main__item {
      padding: 3.2rem 1.6rem;
   }
   
   .services_main__item--full .services_main__item_content {
       flex-direction: column;
       gap: 2rem;
   }
   
   .services_main__item--full .services_main__item_left {
       max-width: none;
       gap: 2rem;
   }
   
   .services_main__item--full .services_main__item_right {
       width: 100%;
       height: 24rem;
   }
   .services_main__item--small .services_main__item_title,
   .services_main__item--full .services_main__item_title {
       font-size: 2.4rem;
       line-height: 1.25;
   }

   .services_main__item--small .services_main__item_title {
      margin-bottom: 1.2rem;
   }
   
   .services_main__item_header {
       gap: 1.6rem;
   }
   .services_main__item--small .services_main__item_icon,
   .services_main__item--small .services_main__item_icon svg,
   .services_main__item--full .services_main__item_icon,
   .services_main__item--full .services_main__item_icon svg {
      width: 1.8rem;
      height: 1.8rem;
   }

   .services_main__item_list,
   .services_main__item--small {
      margin-bottom: 1.2rem;
   }
   
   .services_main__item_subtitle {
      color: #FF4E32;
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.43;
   }
   
   .services_main__item:hover {
      transform: none;
      box-shadow: none;
   }
    
   .services_main__item:hover .services_main__item_icon {
      transform: none;
   }

   .services_main__title {
      color: #020617;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 1.25;
      text-align: center;
   }
   
   /* Mobile Image Control */
   .services_main__item_image--desktop {
       display: none;
   }
   
   .services_main__item_image--mobile {
      display: block;
   }
   .services_main__item--full .services_main__item_right,
   .services_main__item_image {
      height: auto;
   }
} 

/* Contact Form Block Styles */
.contact.section {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
}

.contact .section_in {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
}

.contact__title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.25;
    color: #020617;
    text-align: center;
    margin: 0;
    max-width: 75rem;
}

.contact__descr {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #475569;
    text-align: center;
    margin: 0;
    max-width: 75rem;
    opacity: 0.8;
}

.contact__block {
    display: flex;
    justify-content: center;
    width: 100%;
}

.contact__form_block {
    width: 100%;
}

/* Contact Form Success State */
.contact .message_form__success {
    display: none;
    text-align: center;
    padding: 4rem 2rem;
}

.contact [data-form-submitted=true] .message_form__success {
    display: block;
}

.contact [data-form-submitted=true] .message_form__in {
    display: none;
}

.contact .message_form__success_title {
   color: #020617;
   text-align: center;
   font-family: 'Inter', sans-serif;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 1.167;
   margin-bottom: 2rem;
}

.contact .message_form__success_descr {
   color: #475569;
   text-align: center;
   font-family: 'Inter', sans-serif;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;
   margin-bottom: 3.2rem;
}

.contact .message_form__success_btn {
    background: #FF4E32;
    border: none;
    border-radius: 0.4rem;
    padding: 0.8rem 2.2rem;
    height: 4.4rem;
    min-width: 7.3rem;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.429;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.contact .message_form__success_btn:hover {
    background: #E8441E;
    transform: translateY(-1px);
}

/* Contact Form Styles - Override global styles */
.contact .message_form__fields_w {
    width: 100%;
}

.contact .message_form__fields {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin: 0;
}

.contact .message_form__field_wrap {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Form Input Styles */
.contact .form_input,
.contact .form_textarea {
    width: 100%;
}

.contact .form_input__field,
.contact .form_textarea__field {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.8rem;
}

.contact .form_input__element,
.contact .form_textarea__element {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.6rem;
    padding: 0.8rem 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.429;
    color: #020617;
    transition: border-color 0.2s ease;
    min-height: 3.6rem;
}

.contact .form_input__element:focus,
.contact .form_textarea__element:focus {
    outline: none;
    color: #020617;
}

.contact .form_input__element::placeholder,
.contact .form_textarea__element::placeholder {
    color: #64748B;
}

.contact .form_textarea__element {
    min-height: 12.6rem;
    resize: none;
}

.contact .form_input__label,
.contact .form_textarea__label {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #020617;
    margin: 0;
    position: static;
    background: none;
    padding: 0;
}

/* WPCF7 Wrapper Styles */
.contact .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.contact .wpcf7-response-output {
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 0.4rem;
    font-size: 1.4rem;
}

.contact .wpcf7-validation-errors {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #DC2626;
}

.contact .wpcf7-mail-sent-ok {
    background: #F0FDF4;
    border: 1px solid #BBF7D0;
    color: #16A34A;
}

.contact .wpcf7-not-valid-tip {
    font-size: 1.2rem;
    color: #DC2626;
    margin-top: 0.4rem;
}

/* Desktop: First two fields in a row */
@media screen and (min-width: 768px) {
    .contact .message_form__fields .message_form__field_wrap:nth-child(1),
    .contact .message_form__fields .message_form__field_wrap:nth-child(2) {
      display: flex;
      gap: 1.6rem;  
        /* display: inline-block; */
        /* width: calc(50% - 0.8rem); */
        /* vertical-align: top; */
    }
    
    /* .contact .message_form__fields .message_form__field_wrap:nth-child(1) {
        margin-right: 1.6rem;
    } */
}

/* Form Footer */
.contact .message_form__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.6rem;
    width: 100%;
}

.contact .message_form__privacy {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    max-width: 34rem;
}

.contact .message_form__privacy_block {
   color: #64748B;
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 1.333;
}

.contact .message_form__privacy_link {
   color: #020617;
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 1.333;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: none;
   text-decoration-thickness: auto;
   text-underline-offset: auto;
   text-underline-position: from-font;
}

.contact .message_form__privacy_link:hover {
    color: #FF4E32;
}

.contact .btn_primary.message_form__submit {
    background: #FF4E32;
    border: none;
    border-radius: 0.4rem;
    padding: 0.8rem 3.2rem;
    width: 17.5rem;
    height: 4.4rem;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.429;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact .btn_primary.message_form__submit:hover {
   background: linear-gradient(0deg, var(--alpha-90, rgba(255, 255, 255, 0.10)) 0%, var(--alpha-90, rgba(255, 255, 255, 0.10)) 100%), var(--tailwind-colors-apricot-500, #FF4E32);
}

/* Mobile Styles */
@media screen and (max-width: 767px) {
    .contact.section {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;
    }
    
    .contact .section_in {
        padding: 0;
        gap: 2.8rem;
    }
    .contact__block {
      min-height: 35.6rem;
    }
    .message_form__panel {
      min-height: 28rem;
    }
    
    .contact__title {
        font-size: 2.4rem;
        line-height: 1.25;
        margin-bottom: -1.2rem;
    }
    .contact .message_form__success_title {
      color: #020617;
      font-size: 1.8rem;
      line-height: 1.333;
    }

    .contact .message_form__success_descr {
      color: #475569;
      font-size: 1.4rem;
      line-height: 1.429;
    }
    
    .contact__descr {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    
    .contact__form_block {
        padding: 0;
    }
    
    /* Mobile: all fields in column */
    .contact .message_form__fields .message_form__field_wrap:nth-child(1),
    .contact .message_form__fields .message_form__field_wrap:nth-child(2) {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin-right: 0;
      gap: 1.6rem;
    }
    
    .contact .message_form__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 1.6rem;
    }
    
    .contact .message_form__privacy {
        max-width: none;
    }
    
    .contact .btn_primary.message_form__submit {
        width: 100%;
        align-self: stretch;
    }
    
    .contact .message_form__success {
        padding: 0rem;
    }
    
    .contact .message_form__success_btn {
        width: auto;
    }
}

/* Hero Contact Section */
.hero_contact.section {
    padding-top: 12.4rem;
    padding-bottom: 5.2rem;
}

.hero_contact .section_in {
    max-width: 128rem;
    padding: 0 8rem;
}

.hero_contact__title_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 3.2rem;
}

.hero_contact__title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.25;
    color: #020617;
    text-align: center;
    margin: 0;
}

.hero_contact__descr {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.556;
    color: #475569;
    text-align: center;
    max-width: 56.7rem;
    margin: 0 auto;
}

.hero_contact__block {
    display: flex;
    justify-content: center;
}

.hero_contact__form_col {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 1.2rem;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    padding: 3.2rem 4.4rem;
    width: 100%;
    max-width: 88rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.2rem;
}

.hero_contact__form_col_icon {
    width: 4.8rem;
    height: 4.8rem;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -1rem;
}

.hero_contact__form_col_icon img {
    width: 2rem;
    height: 2rem;
}

.contact__block_title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.167;
    color: #020617;
    text-align: center;
    margin-bottom: -1rem;
}

.contact__block_descr {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.429;
    color: #475569;
    text-align: center;
    max-width: 48.8rem;
    margin: 0;
}

/* Mobile Styles */
@media screen and (max-width: 767px) {
    .hero_contact.section {
        padding-top: 10.4rem;
        padding-bottom: 3.2rem;
    }
    
    .hero_contact .section_in {
        padding: 0;
    }
    
    .hero_contact__title_block {
        gap: 1.6rem;
        margin-bottom: 2.4rem;
    }
    
    .hero_contact__title {
        font-size: 2.8rem;
        line-height: 1.2;
    }
    
    .hero_contact__descr {
        font-size: 1.8rem;
        line-height: 1.556;
    }
    
    .hero_contact__form_col {
        width: 100%;
        padding: 2.2rem 2rem; 
        gap: 2rem;
    }
    
    .hero_contact__form_col_icon {
        width: 4rem;
        height: 4rem;
    }
    
    .contact__block_title {
        font-size: 1.8rem;
        line-height: 1.333;
        margin-top: 1rem;
        margin-bottom: 0;
    }
    
    .contact__block_descr {
        font-size: 1.4rem;
        line-height: 1.429;
    }
    
    .hero_contact__form_col .btn_primary {
        width: 100%;
        height: 4.4rem;
        padding: 0.8rem 3.2rem;
        font-size: 1.4rem;
    }
}

/* Contact Office Block Styles */
.contact_office.section {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
}

.contact_office .section_in {
    max-width: 128rem;
    margin: 0 auto;
    padding: 5.2rem 3.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4.8rem;
    border-radius: 1.2rem;
    background: #F8FAFC;
}

.contact_office__title_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
    width: 100%;
    max-width: 80rem;
}

.contact_office .hero_contact__title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #FF4E32;
    text-align: center;
    margin: 0;
}

.contact_office .hero_contact__descr {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    color: #020617;
    text-align: center;
    margin: 0;
}

.contact_office__block {
    display: flex;
    gap: 3.2rem;
    width: 100%;
    /* max-width: 121.6rem; */
    align-items: stretch;
}

.contact_office__block_col {
    flex: 1;
}

.contact_office__image {
    position: relative;
    height: 34.8rem;
    border-radius: 1.2rem;
    overflow: hidden;
}

.contact_office__image_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contact_office__items {
    background: #FFFFFF;
    border-radius: 1.2rem;
    padding: 4.8rem;
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    height: 100%;
}

.contact_office__item {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.contact_office__item_icon {
    width: 4rem;
    height: 4rem;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.6rem;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.contact_office__item_icon_img {
    width: 2rem;
    height: 2rem;
}

.contact_office__item_content {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

.contact_office__item_title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #020617;
    margin: 0;
}

.contact_office__item_link {
   color: #475569;
   font-family: 'Inter', sans-serif;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: none;
   text-decoration-thickness: auto;
   text-underline-offset: auto;
   text-underline-position: from-font;
}

.contact_office__item_link:hover {
    color: #FF4E32;
}

/* Tablet Styles (768px - 1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .contact_office .section_in {
        padding: 0 4rem;
        gap: 4rem;
    }
    
    .contact_office__block {
        flex-direction: column;
        gap: 3.2rem;
    }
    
    .contact_office__image {
        height: 28rem;
    }
    
    .contact_office__items {
        padding: 3.2rem;
        gap: 3.2rem;
    }
}

/* Mobile Styles (до 767px) */
@media screen and (max-width: 767px) {
    .contact_office.section {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;
    }
    
    .contact_office .section_in {
        padding: 0;
        gap: 2.4rem;
        background: transparent;
    }
    
    .contact_office .hero_contact__descr {
        font-size: 2.4rem;
        line-height: 1.25;
    }
    
    .contact_office__block {
        flex-direction: column;
        gap: 2.4rem;
        order: 2;
    }
    
    .contact_office__block_col:first-child {
        order: 2;
    }
    
    .contact_office__block_col:last-child {
        order: 1;
    }
    
    .contact_office__image {
        height: 34.7rem;
    }
    
    .contact_office__items {
        background: #F8FAFC;
        padding: 4.8rem 2.4rem;
        gap: 4.8rem;
        height: auto;
        min-height: 37.2rem;
    }
}

/* Privacy Policy Block Styles */
.privacy_policy.section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
    background: #FFFFFF;
    padding-top: 12.4rem;
    padding-bottom: 5.2rem;
}

.privacy_policy .section_in {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap: 3.2rem;
    padding: 0 2.4rem;
    width: 100%;
    max-width: 94.8rem; /* 900px + 2*24px padding */
}

.privacy_policy__date_block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-self: stretch;
}

.privacy_policy__date_block_date {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.428571429;
    color: #64748B;
    text-align: left;
}

.privacy_policy__title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.25;
    color: #020617;
    margin: 0;
    text-align: left;
}

.privacy_policy__blocks {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 3.2rem;
}

.privacy_policy__block {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 2.4rem;
}

.privacy_policy__block:not(:last-child) {
    position: relative;
    padding-bottom: 3.2rem;
}

.privacy_policy__block:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #E2E8F0;
}

.privacy_policy__block_title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    color: #020617;
    margin: 0;
    text-align: left;
}

.privacy_policy__block_text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.75;
    color: #020617;
    text-align: justify;
}

.privacy_policy__block_text p {
    margin: 0 0 1.6rem 0;
    text-align: left;
}

.privacy_policy__block_text p:last-child {
    margin-bottom: 0;
}

/* Links in privacy policy text */
.privacy_policy__block_text a {
   color: #FF4E32;
   font-family: Inter;
   font-size: 1.6rem;
   font-style: normal;
   font-weight: 600;
   line-height: 1.75;
   letter-spacing: 0px;
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: none;
   text-decoration-thickness: auto;
   text-underline-offset: auto;
   text-underline-position: from-font; 
    transition: color 0.2s ease;
}

.privacy_policy__block_text a:hover {
    text-decoration: none;
}

/* Lists in privacy policy text */
.privacy_policy__block_text ul,
.privacy_policy__block_text ol {
    /* margin: 0 0 1.6rem 0; */
    padding-left: 2.4rem;
}

.privacy_policy__block_text ul li,
.privacy_policy__block_text ol li {
    /* margin-bottom: 0.8rem; */
    line-height: 1.75;
}

.privacy_policy__block_text ul li:last-child,
.privacy_policy__block_text ol li:last-child {
    margin-bottom: 0;
}

.privacy_policy__block_text li {
    list-style-type: disc;
}

.privacy_policy__block_text ol {
    list-style-type: decimal;
}

/* Nested lists */
.privacy_policy__block_text ul ul,
.privacy_policy__block_text ol ol,
.privacy_policy__block_text ul ol,
.privacy_policy__block_text ol ul {
    /* margin: 0.8rem 0 0 0; */
}

/* Strong and emphasis text */
.privacy_policy__block_text strong {
    font-weight: 600;
}

.privacy_policy__block_text em {
    font-style: italic;
}

/* Mobile adaptation */
@media screen and (max-width: 767px) {
    .privacy_policy.section {
        padding-top: 10.4rem;
        padding-bottom: 2.2rem;
        gap: 2.4rem;
    }
    
    .privacy_policy .section_in {
        padding: 0;
        flex-direction: column;
        gap: 1.6rem;
    }
    
    .privacy_policy__title {
        font-size: 2.8rem;
        line-height: 1.2;
    }
    
    .privacy_policy__block_title {
        font-size: 2.4rem;
        line-height: 1.25;
    }
    
    .privacy_policy__blocks {
        gap: 1.6rem;
    }
    
    .privacy_policy__block:not(:last-child) {
        padding-bottom: 2.4rem;
    }
    
    .privacy_policy__block {
        gap: 1.6rem;
    }
}

/* Hero About Block Styles */
.hero_about.section {
    background: #172554;
    position: relative;
    /* overflow: hidden; */ /* Убираем overflow для работы sticky */
    padding-top: 11.4rem;
    padding-bottom: 11.4rem;
}

.hero_about .section_in {
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 0 8rem;
    width: 100%;
    max-width: 144rem; /* 1280px + 2*80px padding */
}

.hero_about__in {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 9.5rem;
    width: 100%;
    max-width: 128rem; /* 1280px */
}

.hero_about__container {
    display: flex;
    flex-direction: column;
    gap: 13rem;
    width: 100%;
    max-width: 59rem; /* 550px */
    padding: 6rem 0 0 0;
}

@media screen and (min-width: 1024px) {
    .hero_about__container {
      padding-left: 8rem;
  }
}

.hero_about__content {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.hero_about__item--content strong {
    font-weight: 700;
}


.hero_about__subtitle {
    margin-bottom: 0;
}

.hero_about__subtitle h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #FF4E32;
    margin: 0;
    text-align: left;
}

.hero_about__title {
    margin-bottom: 0;
}

.hero_about__title h1 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.25;
    color: #FFFFFF;
    margin: 0;
    text-align: left;
    max-width: 54.4rem; /* 544px */
}

.hero_about__items {
    display: flex;
    flex-direction: column;
    gap: 12rem;
}

.hero_about__item--title h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    color: #FFFFFF;
    margin: 0 0 2rem 0;
    text-align: left;
}

.hero_about__item--content p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.555555556;
    color: #FFFFFF;
    margin: 0;
    text-align: left;
}

.hero_about__image {
   max-width: 42rem;
   /* height: fit-content; */
   height: 33.8rem;
   flex-shrink: 0;
   align-self: flex-start;
   margin-bottom: 0rem;
}

.hero_about__image img {
   /* margin: 1rem 0; */
   width: 100%;
   height: auto;
   object-fit: cover;
   border-radius: 1.2rem;
   /* Удаляем все position правила отсюда */
}

/* Background Grid Lines */
.hero_about.section::before {
    content: '';
    position: absolute;
    top: -3.1rem;
    left: -2.7rem;
    width: calc(100% + 5.4rem);
    height: calc(100% + 6.2rem);
    z-index: 1;
    opacity: 0.07;
    background-image: 
        /* Vertical lines */
        linear-gradient(90deg, transparent 0px, rgba(100, 116, 139, 0.51) 1px, transparent 2px),
        linear-gradient(90deg, transparent 106px, rgba(100, 116, 139, 0.28) 107px, transparent 108px),
        linear-gradient(90deg, transparent 213px, rgba(100, 116, 139, 0.51) 214px, transparent 215px),
        linear-gradient(90deg, transparent 318px, rgba(100, 116, 139, 0.28) 319px, transparent 320px),
        linear-gradient(90deg, transparent 425px, rgba(100, 116, 139, 0.51) 426px, transparent 427px),
        linear-gradient(90deg, transparent 532px, rgba(100, 116, 139, 0.51) 533px, transparent 534px),
        linear-gradient(90deg, transparent 638px, rgba(100, 116, 139, 0.51) 639px, transparent 640px),
        linear-gradient(90deg, transparent 745px, rgba(100, 116, 139, 0.51) 746px, transparent 747px),
        linear-gradient(90deg, transparent 852px, rgba(100, 116, 139, 0.51) 853px, transparent 854px),
        linear-gradient(90deg, transparent 959px, rgba(100, 116, 139, 0.51) 960px, transparent 961px),
        linear-gradient(90deg, transparent 1066px, rgba(100, 116, 139, 0.51) 1067px, transparent 1068px),
        linear-gradient(90deg, transparent 1173px, rgba(100, 116, 139, 0.51) 1174px, transparent 1175px),
        linear-gradient(90deg, transparent 1279px, rgba(100, 116, 139, 0.51) 1280px, transparent 1281px),
        linear-gradient(90deg, transparent 1386px, rgba(100, 116, 139, 0.51) 1387px, transparent 1388px),
        linear-gradient(90deg, transparent 1493px, rgba(100, 116, 139, 0.51) 1494px, transparent 1495px),
        linear-gradient(90deg, transparent 1600px, rgba(100, 116, 139, 0.28) 1601px, transparent 1602px),
        /* Horizontal lines */
        linear-gradient(0deg, transparent 0px, rgba(100, 116, 139, 0.46) 1px, transparent 2px),
        linear-gradient(0deg, transparent 106px, rgba(100, 116, 139, 0.46) 107px, transparent 108px),
        linear-gradient(0deg, transparent 213px, rgba(100, 116, 139, 0.46) 214px, transparent 215px),
        linear-gradient(0deg, transparent 320px, rgba(100, 116, 139, 0.46) 321px, transparent 322px),
        linear-gradient(0deg, transparent 426px, rgba(100, 116, 139, 0.46) 427px, transparent 428px),
        linear-gradient(0deg, transparent 533px, rgba(100, 116, 139, 0.46) 534px, transparent 535px),
        linear-gradient(0deg, transparent 640px, rgba(100, 116, 139, 0.46) 641px, transparent 642px),
        linear-gradient(0deg, transparent 747px, rgba(100, 116, 139, 0.46) 748px, transparent 749px),
        linear-gradient(0deg, transparent 854px, rgba(100, 116, 139, 0.46) 855px, transparent 856px),
        linear-gradient(0deg, transparent 961px, rgba(100, 116, 139, 0.46) 962px, transparent 963px),
        linear-gradient(0deg, transparent 1068px, rgba(100, 116, 139, 0.46) 1069px, transparent 1070px),
        linear-gradient(0deg, transparent 1175px, rgba(100, 116, 139, 0.46) 1176px, transparent 1177px);
    background-size: 
        107px 100%, 107px 100%, 107px 100%, 107px 100%, 107px 100%, 107px 100%, 107px 100%, 107px 100%, 
        107px 100%, 107px 100%, 107px 100%, 107px 100%, 107px 100%, 107px 100%, 107px 100%, 107px 100%,
        100% 107px, 100% 107px, 100% 107px, 100% 107px, 100% 107px, 100% 107px, 100% 107px, 100% 107px,
        100% 107px, 100% 107px, 100% 107px, 100% 107px;
}

/* Background Blur Elements and Icons */
.hero_about.section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-image: 
        /* Blur overlay element */
        radial-gradient(ellipse 482px 662px at 102.9rem 27.5rem, rgba(174, 206, 255, 0.09) 0%, transparent 70%),
        /* Icon squares */
        linear-gradient(rgba(227, 227, 227, 0.03), rgba(227, 227, 227, 0.03)),
        linear-gradient(rgba(227, 227, 227, 0.03), rgba(227, 227, 227, 0.03)),
        linear-gradient(rgba(227, 227, 227, 0.03), rgba(227, 227, 227, 0.03)),
        linear-gradient(rgba(227, 227, 227, 0.03), rgba(227, 227, 227, 0.03)),
        linear-gradient(rgba(227, 227, 227, 0.03), rgba(227, 227, 227, 0.03)),
        linear-gradient(rgba(227, 227, 227, 0.04), rgba(227, 227, 227, 0.04)),
        linear-gradient(rgba(227, 227, 227, 0.04), rgba(227, 227, 227, 0.04));
    background-size:
        100% 100%,
        107px 107px,
        107px 107px,
        107px 107px,
        107px 107px,
        107px 107px,
        107px 107px,
        107px 107px;
    background-position:
        0 0,
        29.4rem 18.3rem,
        93.3rem 28.6rem,
        29.4rem 71.7rem,
        104rem 104.8rem,
        146.7rem 50.3rem,
        146.7rem 18.3rem,
        136.1rem 92.8rem;
    background-repeat: no-repeat;
    filter: blur(0px);
}

.hero_about__container {
    position: relative;
    z-index: 3;
}

.hero_about__image {
    z-index: 3;
}

/* Tablet adaptation (768px - 1023px) */
@media screen and (max-width: 1023px) {
    .hero_about.section::before,
    .hero_about.section::after {
        display: none;
    }
    
    .hero_about__image {
        display: none;
    }
    
    .hero_about .section_in {
        padding: 0 4rem;
    }

   .hero_about__title {
      margin-bottom: 6.4rem;
   }
    
    .hero_about__in {
        justify-content: center;
        gap: 0;
    }
    
    .hero_about__container {
        max-width: 70rem;
        gap: 8rem;
    }
    
    .hero_about__items {
        gap: 8rem;
    }
    
    .hero_about__title h1 {
        font-size: 3.6rem;
        max-width: 100%;
    }
    
    .hero_about__item--title h3 {
        font-size: 2.8rem;
    }
    
    .hero_about__item--content p {
        font-size: 1.7rem;
    }
}

/* Mobile adaptation */
@media screen and (max-width: 767px) {
    .hero_about.section {
        padding-top: 10.4rem;
        padding-bottom: 3.2rem;
    }
    .hero_about__container,
    .hero_about .section_in {
        padding: 0;
    }
    
    .hero_about__container {
        gap: 2rem;
        max-width: 100%;
    }
    
    .hero_about__content {
        gap: 2rem;
    }
    
    .hero_about__title h1 {
        font-size: 2.8rem;
        line-height: 1.2;
        max-width: 36.1rem; /* 361px */
    }
    
    .hero_about__items {
        gap: 6.4rem;
    }
    
    .hero_about__item--title h3 {
        font-size: 2.4rem;
        margin-bottom: 1.6rem;
    }
    
    .hero_about__item--content p {
        font-size: 1.6rem;
        line-height: 1.75;
    }
}

/* ==========================================
   ABOUT BLOCK STYLES
   ========================================== */

/* Leadership Section */
.leadership.section {
    background-color: #ffffff;
    padding: 5.2rem 8rem;
}

.leadership__title {
    text-align: center;
    margin-bottom: 3.2rem;
}

.leadership__title h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    color: #020617;
    margin: 0;
}

.leadership__content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.4rem;
    max-width: 106.4rem; /* 1064px */
    margin: 0 auto;
}

.leadership__item {
    background-color: #F6F9FC;
    border-radius: 0.8rem;
    width: 52rem; /* 520px */
    height: 19.5rem; /* 195px */
    padding: 1.8rem 4.7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.4rem;
    position: relative;
}

.leadership__item--photo {
    position: relative;
    width: 16rem; /* 160px */
    height: 16rem; /* 160px */
    flex-shrink: 0;
    background: #ffffff;
    border-radius: 100%;
}

.leadership__item--photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.leadership__item--photo--link {
    position: absolute;
    bottom: 1rem;
    right: 0.5rem;
    z-index: 10;
}

.leadership__item--photo--link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    background-color: #2563EB;
    border: 2px solid #ffffff;
    border-radius: 1.6rem;
    transition: all 0.3s ease;
}

.leadership__item--photo--link a:hover {
    background-color: #1D4ED8;
    transform: scale(1.1);
}

.leadership__item--photo--link svg {
    width: 2rem;
    height: 2rem;
    fill: #ffffff;
}

.leadership__item--content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    width: 25.3rem; /* 253px */
}

.leadership__item--content h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.33;
    color: #020617;
    margin: 0;
    width: 100%;
    height: 2.8rem; /* Fixed height as per Figma */
}

.leadership__item--content p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.43;
    color: #475569;
    margin: 0;
}

/* Philosophy Section */
.philosophy__title {
    text-align: center;
    margin: 5.2rem 0 0 0;
}

.philosophy__title h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    color: #020617;
    margin: 0;
}

.philosophy__text {
    max-width: 90rem; /* 900px */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3.2rem 2.4rem 0;
}

.philosophy__text--item {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #475569;
    text-align: left;
    margin: 0;
}

.philosophy__text--item:not(:last-child) {
    position: relative;
    padding-bottom: 2rem;
}

/* Separator lines between text blocks */
.philosophy__text--item:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #E2E8F0;
}

/* Tablet adaptation (768px - 1023px) */
@media screen and (max-width: 1023px) {
    .leadership.section {
        padding: 4rem;
    }

    .leadership__content {
        max-width: 100%;
        gap: 2rem;
    }

    .leadership__item {
        width: 48rem;
        height: auto;
        min-height: 19.5rem;
        padding: 2rem 3.6rem;
    }

    .leadership__item--content {
        width: 22rem;
    }

    .philosophy__text {
        max-width: 75rem;
        padding: 3.2rem 2rem 0;
    }

    .philosophy__text--item {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

/* Mobile adaptation */
@media screen and (max-width: 767px) {
    .leadership.section {
        padding: 3.2rem 1.6rem;
        padding-bottom: 2.2rem;
    }

    .leadership__title h2 {
        font-size: 2.4rem;
        line-height: 1.25;
    }

    .leadership__content {
        flex-direction: column;
        gap: 2.4rem;
        max-width: 36.1rem; /* 361px */
    }

    .leadership__item {
        width: 100%;
        max-width: 36.1rem;
        height: auto;
        flex-direction: column;
        padding: 2.4rem 0;
        gap: 1.2rem;
    }

    .leadership__item--photo {
        align-self: center;
    }

    .leadership__item--content {
        width: 100%;
        text-align: center;
        gap: 0.8rem;
    }

    .leadership__item--content h3 {
        font-size: 2.4rem;
        line-height: 1.33;
        height: auto;
    }

    .leadership__item--content p {
        font-size: 1.4rem;
        line-height: 1.43;
    }

    .philosophy__title {
        margin: 6.4rem 0 1.6rem 0;
    }

    .philosophy__title h2 {
        font-size: 2.4rem;
        line-height: 1.25;
        text-align: left;
    }

    .philosophy__text {
        max-width: 100%;
        padding: 0;
        gap: 1.6rem;
    }

    .philosophy__text--item:not(:last-child) {
        padding-bottom: 0rem;
    }
    .philosophy__text--item:not(:last-child)::after {
      display: none;
    }
}

/* Category First Post Styles */
.category_first_post {
    padding: 0 0 5.2rem 0;
}

.category_first_post__container {
    display: flex;
    gap: 6.4rem;
    align-items: flex-start;
    max-width: 128rem;
    margin: 0 auto;
}

/* Desktop Layout */
@media screen and (min-width: 1024px) {
    .category_first_post__container {
        flex-direction: row;
    }
    
    .category_first_post__content {
        flex: 1;
        max-width: 71.6rem;
    }
    
    .category_first_post__image {
        flex: 0 0 51.2rem;
    }
}

/* Mobile Layout */
@media screen and (max-width: 1023px) {
    .category_first_post__container {
        flex-direction: column;
        gap: 2.4rem;
        padding: 0 1.6rem;
    }
    
    .category_first_post__content {
        order: 1;
        width: 100%;
    }
    
    .category_first_post__image {
        order: 2;
        width: 100%;
    }
    
    .category_first_post {
        padding: 9.6rem 0 0;
    }
}

.category_first_post__content {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.category_first_post__meta {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.category_first_post__date {
    color: #64748B;
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.429;
}

.category_first_post__divider {
    width: 0.4rem;
    height: 0.4rem;
    background-color: #64748B;
}

.category_first_post__tag {
    color: #1D4ED8;
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.429;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease;
}

.category_first_post__tag:hover {
   text-decoration: underline;
   text-underline-offset: .3rem;
}

.category_first_post__text {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.category_first_post__title {
    color: #020617;
    font-family: Inter;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
    margin: 0;
}

/* Desktop title */
@media screen and (min-width: 1024px) {
    .category_first_post__title {
        font-size: 4rem;
        line-height: 1.25;
        max-width: 62.6rem;
    }
}

/* Mobile title */
@media screen and (max-width: 1023px) {
    .category_first_post__title {
        font-size: 2.8rem;
        line-height: 1.2;
    }
}

.category_first_post__title:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.category_first_post__description {
    color: #475569;
    font-family: Inter;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.556;
    margin: 0;
}

/* Desktop description */
@media screen and (min-width: 1024px) {
    .category_first_post__description {
        max-width: 62.6rem;
    }
}

.category_first_post__image {
    position: relative;
    overflow: hidden;
    border-radius: 1.2rem;
}

.category_first_post__image a {
    display: block;
    transition: transform 0.3s ease;
}

.category_first_post__image a:hover {
    transform: scale(1.05);
}

.category_first_post__img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* Desktop image dimensions */
@media screen and (min-width: 1024px) {
    .category_first_post__img {
        height: 41rem;
    }
}

/* Mobile image dimensions */
@media screen and (max-width: 1023px) {
    .category_first_post__img {
        height: 28.9rem;
    }
}

/* ================================
   SEARCH RESULTS STYLES
   ================================ */

.header_margin_compensation {
   padding-top: 14.5rem;
}

.search-results {
    padding: 0;
}

.search-results__container {
    max-width: 144rem;
    margin: 0 auto;
    padding: 0 8rem;
}

/* Search Results Header */
.search-results__header {
    padding: 3.2rem 0 2.4rem;
}

.search-results__title {
    color: #020617;
    font-family: Inter;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    margin: 0;
    text-align: left;
}

.search-results__no-results-query,
.search-results__query {
    color: #1D4ED8;
}

/* Mobile header */
@media screen and (max-width: 767px) {
    .search-results__container {
        padding: 0 1.6rem;
    }
    
    .search-results__header {
        padding: 2.4rem 0 1.6rem;
    }
    
    .search-results__title {
        font-size: 2.4rem;
        line-height: 1.25;
        text-align: center;
    }
    .header_margin_compensation {
      padding-top: 12rem;
    }
}

/* Search Results Content */
.search-results__content {
    padding: 1.6rem 0 5.2rem;
}

.search-results__posts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.2rem 4.8rem;
}

/* Search Results Post */
.search-results__post {
    display: flex;
    gap: 2.4rem;
    align-items: stretch;
}

.search-results__post:last-child {
    border-bottom: none;
}

/* Desktop layout */
@media screen and (min-width: 1024px) {
    .search-results__post--mobile {
        display: none;
    }
}

/* Mobile layout */
@media screen and (max-width: 1023px) {
    .search-results__posts {
        display: flex;
        flex-direction: column;
        gap: 2.4rem;
    }
    
    .search-results__post--desktop {
        display: none;
    }
    
    .search-results__post--mobile {
        flex-direction: column;
        gap: 1.6rem;
        padding:  0rem  0 2.4rem 0;
        border-bottom: 1px solid #E2E8F0;
    }
    
    .search-results__post--mobile:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}

/* Search Results Post Image */
.search-results__post-image {
    flex: 0 0 20rem;
    max-width: 20rem;
    border-radius: 1.2rem;
    overflow: hidden;
    transition: transform 0.3s ease;
    height: auto;
}

.search-results__post-image:hover img{
    transform: scale(1.05);
    text-decoration: none;
}

.search-results__post-image img {
    width: 100%;
    height: 100%;
    max-width: 20rem;
    border-radius: 1.2rem;
    object-fit: cover;
    display: block;
    min-height: 18rem;
    transition: transform 0.3s ease;
}

/* Search Results Post Content */
.search-results__post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.2rem;
}

/* Search Results Post Meta */
.search-results__post-meta {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.search-results__post-date {
    color: #64748B;
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.429;
}

.search-results__post-divider {
    width: 0.4rem;
    height: 0.4rem;
    background-color: #64748B;
}

.search-results__post-tag {
    color: #1D4ED8;
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.429;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease;
}

.search-results__post-tag:hover {
    text-decoration: underline;
    text-underline-offset: .3rem;
}

/* Search Results Post Info */
.search-results__post-info {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

/* Search Results Post Title */
.search-results__post-title {
    margin: 0;
}

.search-results__post-title a {
    color: #020617;
    font-family: Inter;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.5;
    text-decoration: none;
    transition: color 0.2s ease;
    display: block;
}

.search-results__post-title a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Search Results Post Excerpt */
.search-results__post-excerpt {
    color: #475569;
    font-family: Inter;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.429;
    margin: 0;
}

/* Highlight for search terms */
.search-results__post-title mark,
.search-results__post-excerpt mark {
    background-color: #f0f6ff;
    color: #020617;
    padding: 0.1rem 0.2rem;
    border-radius: 0.2rem;
}

/* Search Results Separator */
.search-results__separator {
    width: 100%;
    height: 1px;
    background-color: #E2E8F0;
}

/* Search Results Pagination - uses blog_category__pagination styles */

/* Remove default clear buttons from search inputs */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

/* No Results */
.search-results__no-results {
    text-align: center;
    padding: 5.2rem 0 5.2rem 0;
}

.search-results__no-results-header {
    margin-bottom: 2.8rem;
}

.search-results__no-results-title {
    color: #020617;
    font-family: Inter;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    margin: 0;
}

/* Mobile no results */
@media screen and (max-width: 767px) {
    .search-results__no-results-title {
        font-size: 2.4rem;
        line-height: 1.25;
    }
    .search-results__no-results {
      padding: 3rem 0 0rem;
    }
    .search-results__no-results-header {
      margin-bottom: 0;
    }
}

/* Tablet adjustments */
@media screen and (max-width: 1023px) and (min-width: 768px) {
    .search-results__posts {
        grid-template-columns: 1fr;
        gap: 3.2rem;
    }
}
/* Hover effect for blog category post card images - Desktop */
.blog_category__post_card:hover .article_card__img {
    transform: scale(1.05);
}

/* Prevent mobile zoom on input focus by ensuring 16px font size */
@media screen and (max-width: 1023.5px) {
    input[type="text"],
    input[type="email"], 
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    textarea,
    select,
    .form_input__element,
    .header-blog__search-input,
    .header-blog-mobile__search-input {
        font-size: 16px !important;
    }
}

/* ==================== HERO INDUSTRIES BLOCK ==================== */

/* Base section styles */
.hero-industries {
    background-color: #020617;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-industries::after {
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: .4;
}
    
.hero-industries__container {
   z-index: 1;
}

/* Desktop styles */
@media screen and (min-width: 1024px) {
    .hero-industries {
        min-height: 52.4rem;
        padding: 15.8rem 0 10.6rem;
    }
    
    .hero-industries__container {
        max-width: 80rem;
        margin: 0 auto;
        padding: 0 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4rem;
        z-index: 1;
    }
    
    .hero-industries__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.4rem;
        width: 100%;
    }
    
    .hero-industries__title {
        color: #FFFFFF;
        font-family: Inter, sans-serif;
        font-weight: 700;
        font-size: 4rem;
        line-height: 1.25;
        text-align: center;
        margin: 0;
        width: 100%;
    }
    
    .hero-industries__description {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.8rem;
        width: 100%;
    }
    
    .hero-industries__description p {
        color: #FFFFFF;
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 1.8rem;
        line-height: 1.556;
        text-align: center;
        margin: 0;
        max-width: 71rem;
    }
    
    .hero-industries__button-wrapper {
        display: flex;
        justify-content: center;
        gap: 1.2rem;
    }
    
    .hero-industries__button {
        background-color: #FF4E32;
        color: #FFFFFF;
        font-family: Inter, sans-serif;
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1.429;
        text-decoration: none;
        padding: 0.8rem 1.6rem;
        border-radius: 0.4rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        height: 4rem;
        transition: background-color 0.2s ease-in-out;
    }
    
    .hero-industries__button:hover {
        background-color: #E73E22;
    }
}

/* ==================== FEATURES V2 BLOCK ==================== */

/* Base section styles */
.features-v2 {
    background-color: #FFFFFF;
    border-radius: 1.2rem;
}

/* Desktop styles */
@media screen and (min-width: 1024px) {
    .features-v2 {
        padding: 5.2rem 8rem;
    }
    
    .features-v2__container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 5.2rem;
        width: 100%;
        max-width: 128rem;
        margin: 0 auto;
    }
    
    /* Image left layout (default) */
    .features-v2--image-left .features-v2__container {
        flex-direction: row;
    }
    
    .features-v2--image-left .features-v2__images {
        order: 1;
    }
    
    .features-v2--image-left .features-v2__content {
        order: 2;
        align-items: flex-end;
    }
    
    /* Image right layout */
    .features-v2--image-right .features-v2__container {
        flex-direction: row;
    }
    
    .features-v2--image-right .features-v2__images {
        order: 2;
    }
    
    .features-v2--image-right .features-v2__content {
        order: 1;
        align-items: flex-start;
    }
    
    .features-v2__content {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        width: 58rem;
        flex-shrink: 0;
    }
    
    .features-v2__header {
        display: flex;
        align-items: flex-start;
        gap: 2.4rem;
        width: 100%;
    }
    
    .features-v2__icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4.8rem;
        height: 4.8rem;
        background-color: #327DF6;
        border-radius: 0.6rem;
        flex-shrink: 0;
    }
    
    .features-v2__icon img {
        width: 3.2rem;
        height: 3.2rem;
        object-fit: contain;
    }
    
    .features-v2__title {
        color: #020617;
        font-family: Inter, sans-serif;
        font-weight: 700;
        font-size: 3.2rem;
        line-height: 1.2;
        margin: 0;
        flex: 1;
    }
    
    .features-v2__features {
        display: flex;
        flex-direction: column;
        gap: 5.2rem;
    }
    
    .features-v2__feature {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 1.6rem;
        width: 100%;
    }
    
    .features-v2__feature-header {
        display: flex;
        align-items: flex-start;
        gap: 0.8rem;
        width: 100%;
    }
    
    .features-v2__check-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        color: #020617;
        flex-shrink: 0;
        margin-top: 0.2rem;
    }
    
    .features-v2__feature-title {
        color: #020617;
        font-family: Inter, sans-serif;
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 0;
        flex: 1;
    }
    
    .features-v2__feature-text {
        width: 100%;
    }
    
    .features-v2__feature-text p {
        color: #475569;
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 0;
    }
    
    .features-v2__images {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1.6rem;
        flex-shrink: 0;
    }
    
    .features-v2__image-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .features-v2__image {
        width: 56rem;
        height: auto;
        border-radius: 1.2rem;
        object-fit: cover;
        display: block;
    }
    
    /* First image should be larger */
    .features-v2__image-wrapper:first-child .features-v2__image {
        /* height: 44rem; */
    }
    
    /* Second image should be smaller */
    .features-v2__image-wrapper:nth-child(2) .features-v2__image {
        /* height: 21.4rem; */
    }
}

/* Mobile styles */
@media screen and (max-width: 1023.5px) {
    .features-v2 {
        padding: 2.4rem 1.6rem;
    }
    
    .features-v2__container {
        display: flex;
        flex-direction: column;
        gap: 3.2rem;
        width: 100%;
    }
    
    /* Mobile layout is always the same regardless of image position */
    .features-v2--image-left .features-v2__container,
    .features-v2--image-right .features-v2__container {
        flex-direction: column;
    }
    
    .features-v2--image-left .features-v2__content,
    .features-v2--image-right .features-v2__content {
        order: 1;
    }
    
    .features-v2--image-left .features-v2__images,
    .features-v2--image-right .features-v2__images {
        order: 2;
    }
    
    .features-v2__content {
        display: flex;
        flex-direction: column;
        gap: 3.2rem;
        width: 100%;
    }
    
    .features-v2__header {
        display: flex;
        align-items: center;
        gap: 1.6rem;
        width: 100%;
    }
    
    .features-v2__icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4.8rem;
        height: 4.8rem;
        background-color: #327DF6;
        border-radius: 0.6rem;
        flex-shrink: 0;
    }
    
    .features-v2__icon img {
        width: 3.2rem;
        height: 3.2rem;
        object-fit: contain;
    }
    
    .features-v2__title {
        color: #020617;
        font-family: Inter, sans-serif;
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 1.25;
        margin: 0;
        flex: 1;
    }
    
    .features-v2__features {
        display: flex;
        flex-direction: column;
        gap: 3.2rem;
    }
    
    .features-v2__feature {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        width: 100%;
    }
    
    .features-v2__feature-header {
        display: flex;
        align-items: flex-start;
        gap: 0.8rem;
        width: 100%;
    }
    
    .features-v2__check-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 2rem;
        color: #020617;
        flex-shrink: 0;
        margin-top: 0.2rem;
    }
    
    .features-v2__feature-title {
        color: #020617;
        font-family: Inter, sans-serif;
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 0;
        flex: 1;
    }
    
    .features-v2__feature-text {
        width: 100%;
    }
    
    .features-v2__feature-text p {
        color: #475569;
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.5;
        margin: 0;
    }
    
    /* Mobile specific feature structure */
    .features-v2__feature:first-child {
        gap: 0.8rem;
    }
    
    .features-v2__feature:first-child .features-v2__feature-text {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
    }
    
    .features-v2__images {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
        width: 100%;
    }
    
    .features-v2__image-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .features-v2__image {
        width: 36.1rem;
        height: auto;
        border-radius: 1.2rem;
        object-fit: cover;
        display: block;
        max-width: 100%;
    }
    
    /* First image */
    .features-v2__image-wrapper:first-child .features-v2__image {
        height: 28.4rem;
    }
    
    /* Second image */
    .features-v2__image-wrapper:nth-child(2) .features-v2__image {
        height: 13.8rem;
    }
}

/* Mobile styles */
@media screen and (max-width: 1023.5px) {
    .hero-industries {
        min-height: auto;
        padding: 6rem 0 0;
    }
    
    .hero-industries__container {
        width: 100%;
        max-width: 39.4rem;
        margin: 0 auto;
        padding: 3.2rem 1.6rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }
    
    .hero-industries__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.6rem;
        width: 100%;
    }
    
    .hero-industries__title {
        color: #FFFFFF;
        font-family: Inter, sans-serif;
        font-weight: 700;
        font-size: 2.8rem;
        line-height: 1.2;
        text-align: center;
        margin: 0;
        max-width: 36.1rem;
    }
    
    .hero-industries__description {
        width: 100%;
    }
    
    .hero-industries__description p {
        color: #FFFFFF;
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 1.8rem;
        line-height: 1.556;
        text-align: center;
        margin: 0;
        max-width: 36.1rem;
    }
    
    .hero-industries__button-wrapper {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    .hero-industries__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.8rem;
        height: 4.4rem;
        transition: background-color 0.2s ease-in-out;
    }
}