/* ======================================================================== */
/* Общие стили
/* ======================================================================== */

html{
  -webkit-text-size-adjust:100%
}

html:focus-within{
  scroll-behavior:smooth
}

body{
  text-size-adjust:100%;
  position:relative;
  width:100%;
  min-height:100vh;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeSpeed
}

*,:after,:before{
  box-sizing:border-box
}

a:not([class]){
  text-decoration-skip-ink:auto
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,param,picture,pre,progress,q,rb,rp,rt,rtc,ruby,s,samp,script,section,select,small,source,span,strong,style,svg,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr{
  font-size:100%;
  font:inherit;
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline
}

:focus{
  outline:0
}

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

canvas,iframe{
  max-width:100%;
  height:auto;
  display:block
}

ol,ul{
  list-style:none
}

blockquote,q{
  quotes:none
}

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

input:required,input{
  box-shadow:none
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
  -webkit-box-shadow:0 0 0 30px white inset
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
  -webkit-appearance:none;
  -moz-appearance:none
}

input[type=search]{
  -webkit-appearance:none;
  -moz-appearance:none;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box
}

input:focus{
  outline:none
}

video{
  background:#000
}

audio:not([controls]){
  display:none;
  height:0
}

[hidden]{
  display:none
}

a:active,a:hover{
  outline:none
}

audio,img,picture,svg,video{
  max-width:100%;
  display:inline-block;
  vertical-align:middle;
  height:auto
}

button,input{
  line-height:normal
}

button,html input[type=button],input[type=reset],input[type=submit]{
  -webkit-appearance:button;
  cursor:pointer;
  border:0;
  background:transparent
}

button[disabled],html input[disabled]{
  cursor:default
}

[disabled],[disabled=true],[aria-disabled=true]{
  pointer-events:none
}

input[type=checkbox],input[type=radio]{
  padding:0
}

input[type=search]{
  -webkit-appearance:textfield;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner{
  border:0;
  padding:0
}

button{
  border:0;
  background:transparent
}

textarea{
  overflow:auto;
  vertical-align:top;
  resize:vertical
}

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

hr{
  box-sizing:content-box;
  overflow:visible;
  background:#000;
  border:0;
  height:1px;
  line-height:0;
  margin:0;
  padding:0;
  page-break-after:always;
  width:100%
}

pre{
  font-family:monospace,monospace;
  font-size:100%
}

a{
  background-color:transparent
}

abbr[title]{
  border-bottom:none;
  text-decoration:none
}

code,kbd,pre,samp{
  font-family:monospace,monospace
}

small{
  font-size:75%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-5px
}

sup{
  top:-5px
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1;
  margin:0;
  padding:0
}

button,input{
  overflow:visible
}

button,select{
  text-transform:none
}

button,[type=button],[type=reset],[type=submit]{
  -webkit-appearance:button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
  border-style:none;
  padding:0;
  outline:0
}

legend{
  color:inherit;
  white-space:normal;
  display:block;
  border:0;
  max-width:100%;
  width:100%
}

fieldset{
  min-width:0
}

body:not(:-moz-handler-blocked) fieldset{
  display:block
}

progress{
  vertical-align:baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
  height:auto
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

template{
  display:none
}

:root{
  --black: #100730;
  --grey: #667085;
  --grey-bg: #f7f7f7;
  --text-muted: #B5B1C1;
  --text-secondary:#8B859D;
  --primary: #6938EF;
  --primary-hover:#5f2fe2;
  --primary-bg-dark: var(--black);
  --primary-bg-light: #F3EFFF;
  --field-color: #667085;
  --field-bg: #e8eaf0;
  --red: #e74040;
  --line: #DCD7EA;
  --secondary: #6F7573;
  --border: #E2E2E2;
  --telegram-color: #2AABEE;
  --whatsapp-color: #25D366;
  --container-padding: 24px;
  --container-width: calc( 1240px + var(--container-padding) * 2 );
  --container-thin-width: 800px;
  --header-height: 80px;
  --layout-width: 1920;
  --admin-bar-height: 32px;
  --builder-vertical-padding: 80px;
  --builder-vertical-padding-small: 56px
}

@media (max-width: 767px){
  :root{
    --container-padding: 16px
  }
}

@media (max-width: 767px){
  :root{
    --header-height: 64px
  }
}

@media (max-width: 399px){
  :root{
    --header-height: 56px
  }
}

@media (max-width: 767px){
  :root{
    --admin-bar-height: 46px
  }
}

@media (max-width: 1023px){
  :root{
    --builder-vertical-padding: 56px;
    --builder-vertical-padding-small: 32px
  }
}

@font-face{
  font-family:Onest;
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url(/wp-content/themes/sufler/inc/fonts/Onest-VariableFont_wght.ttf) format("truetype")
}

a.button,.button,input.button{
  font-size:14px;
  line-height:150%;
  font-weight:400;
  overflow:hidden;
  position:relative;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid transparent;
  transition:all .2s ease-in-out;
  cursor:pointer;
  border-radius:100px;
  background-color:transparent;
  gap:8px;
  padding:12px 16px
}

@media (max-width: 1023px){
  a.button,.button,input.button{
    font-size:14px
  }
}

a.button:disabled,a.button.disabled,.button:disabled,.button.disabled,input.button:disabled,input.button.disabled{
  pointer-events:none
}

@media (max-width: 1023px){
  a.button svg,.button svg,input.button svg{
    height:20px;
    width:auto
  }
}

a.button svg path,.button svg path,input.button svg path{
  stroke:currentColor
}

a.button,a.button.fill,.button,.button.fill,input.button,input.button.fill{
  color:#fff;
  background-color:var(--primary)
}

a.button:disabled,a.button.disabled,a.button.fill:disabled,a.button.fill.disabled,.button:disabled,.button.disabled,.button.fill:disabled,.button.fill.disabled,input.button:disabled,input.button.disabled,input.button.fill:disabled,input.button.fill.disabled{
  color:var(--grey);
  background-color:var(--light-grey)!important
}

a.button:hover,a.button.fill:hover,.button:hover,.button.fill:hover,input.button:hover,input.button.fill:hover{
  background-color:var(--primary-hover)
}

a.button.stroke,.button.stroke,input.button.stroke{
  color:var(--primary);
  border-color:var(--primary);
  background-color:transparent
}

a.button.stroke:disabled,a.button.stroke.disabled,.button.stroke:disabled,.button.stroke.disabled,input.button.stroke:disabled,input.button.stroke.disabled{
  color:#b5b1c1;
  border-color:#b5b1c1
}

a.button.stroke:hover,.button.stroke:hover,input.button.stroke:hover{
  color:var(--primary-hover);
  border-color:var(--primary-hover)
}

a.button.small,.button.small,input.button.small{
  font-size:14px;
  line-height:160%;
  font-weight:500;
  padding:8px 16px
}

@media (max-width: 1023px){
  a.button.small,.button.small,input.button.small{
    font-size:12px
  }
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased
}

html{
  font-size:10px;
  scroll-behavior:smooth
}

body{
  color:var(--black);
  background-color:#fff;
  font-family:Onest,sans-serif;
  font-size:17px;
  line-height:150%
}

@media (max-width: 767px){
  body{
    font-size:14px
  }
}

body.blocked,body.mobile-menu-opened{
  overflow:hidden
}

b,strong{
  font-weight:700
}

a{
  color:currentColor;
  text-decoration:none
}

li{
  list-style:none
}

img{
  width:auto
}

pre{
  background-color:#fff;
  border:1px solid var(--line);
  padding:32px
}

.container{
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--container-padding);
  padding-right:var(--container-padding);
  width:100%;
  max-width:var(--container-width)
}

.container.thin{
  max-width:var(--container-thin-width)
}

.container.wide{
  max-width:var(--container-wide-width)
}

@keyframes redraw{
  0%{
    clip-path:inset(0 0 0 0)
  }
  50%{
    clip-path:inset(0 0 0 100%);
    transform:translate(0);
    opacity:1
  }
  51%{
    clip-path:inset(0 0 0 0);
    opacity:0;
    transform:translate(-16px)
  }
  to{
    opacity:1;
    transform:translate(0)
  }
}

@media (min-width: 1024px){
  h1,.h1-like{
    font-size:48px;
    line-height:120%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  h1,.h1-like{
    font-size:36px;
    line-height:125%;
    font-weight:600
  }
}

@media (max-width: 767px){
  h1,.h1-like{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  h2,.h2-like{
    font-size:36px;
    line-height:125%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  h2,.h2-like{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (max-width: 767px){
  h2,.h2-like{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  h3,.h3-like{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  h3,.h3-like{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  h4,.h4-like{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  h4,.h4-like{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  h5,.h5-like{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  h5,.h5-like{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  h6,.h6-like{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  h6,.h6-like{
    font-size:16px
  }
}

.pswp__custom-caption{
  font-size:16px;
  line-height:150%;
  font-weight:400;
  color:var(--black);
  background:rgba(255,255,255,.8);
  padding:8px 16px;
  border-radius:5px;
  position:absolute;
  left:50%;
  bottom:calc(24 / var(--layout-width) * 100vw);
  transform:translate(-50%)
}

@media (max-width: 1023px){
  .pswp__custom-caption{
    font-size:16px
  }
}

@media (max-width: 1023px){
  .pswp__custom-caption{
    padding:calc(24 / var(--layout-width) * 100vw) calc(48 / var(--layout-width) * 100vw);
    bottom:calc(64 / var(--layout-width) * 100vw)
  }
}

.pswp__custom-caption:empty{
  display:none
}

.pswp__custom-caption a{
  color:#fff;
  text-decoration:underline
}

.hidden-caption-content{
  display:none
}

@keyframes modalfadeIn{
  0%{
    opacity:0
  }
  to{
    opacity:1
  }
}

@keyframes modalfadeOut{
  0%{
    opacity:1
  }
  to{
    opacity:0
  }
}

@keyframes modalslideIn{
  0%{
    transform:translateY(24px)
  }
  to{
    transform:translateY(0)
  }
}

@keyframes modalslideOut{
  0%{
    transform:translateY(0)
  }
  to{
    transform:translateY(-24px)
  }
}

@keyframes modalZoomIn{
  0%{
    opacity:0;
    transform:scale(.9)
  }
  to{
    opacity:1;
    transform:scale(1)
  }
}

@keyframes modalZoomOut{
  0%{
    opacity:1;
    transform:scale(1)
  }
  to{
    opacity:0;
    transform:scale(.9)
  }
}


/* ======================================================================== */
/* Навигация
/* ======================================================================== */

#header{
  position:relative;
  z-index:7
}

#header .container{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  height:var(--header-height);
  gap:32px
}

#header .logo{
  flex-shrink:0
}

#header .logo img{
  width:120px
}

@media (max-width: 767px){
  #header .logo img{
    width:96px
  }
}

@media (max-width: 399px){
  #header .logo img{
    width:80px
  }
}

#header .menu{
  display:flex;
  align-items:center;
  gap:24px
}

@media (max-width: 1023px){
  #header .menu{
    display:none
  }
}

#header .menu.header_left{
  margin-left:64px
}

#header .menu.header_right{
  margin-left:auto
}

#header .menu>li.button-item>a{
  font-size:14px;
  line-height:150%;
  font-weight:400;
  overflow:hidden;
  position:relative;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid transparent;
  transition:all .2s ease-in-out;
  cursor:pointer;
  border-radius:100px;
  background-color:transparent;
  gap:8px;
  padding:12px 16px;
  color:#fff;
  background-color:var(--primary)
}

@media (max-width: 1023px){
  #header .menu>li.button-item>a{
    font-size:14px
  }
}

#header .menu>li.button-item>a:disabled,#header .menu>li.button-item>a.disabled{
  pointer-events:none
}

@media (max-width: 1023px){
  #header .menu>li.button-item>a svg{
    height:20px;
    width:auto
  }
}

#header .menu>li.button-item>a svg path{
  stroke:currentColor
}

#header .menu>li.button-item>a:disabled,#header .menu>li.button-item>a.disabled{
  color:var(--grey);
  background-color:var(--light-grey)!important
}

#header .menu>li.button-item>a:hover{
  background-color:var(--primary-hover)
}

#header .menu>li:not(.button-item) a:hover{
  color:var(--primary)
}

#header .menu>li>a{
  color:var(--grey);
  display:flex;
  align-items:center;
  padding:16px 0
}

#header .menu>li.menu-item-has-children{
  position:relative
}

#header .menu>li.menu-item-has-children>a{
  gap:4px
}

#header .menu>li.menu-item-has-children>a:after{
  content:"";
  width:16px;
  height:16px;
  flex-shrink:0;
  transition:all .2s ease-in-out;
  background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.64645 5.64645C2.84171 5.45118 3.15829 5.45118 3.35355 5.64645L8 10.2929L12.6464 5.64645C12.8417 5.45118 13.1583 5.45118 13.3536 5.64645C13.5488 5.84171 13.5488 6.15829 13.3536 6.35355L8.35355 11.3536C8.15829 11.5488 7.84171 11.5488 7.64645 11.3536L2.64645 6.35355C2.45118 6.15829 2.45118 5.84171 2.64645 5.64645Z' fill='black'/%3E%3C/svg%3E%0A")
}

#header .menu>li.menu-item-has-children>ul.sub-menu{
  position:absolute;
  top:100%;
  left:-24px;
  width:220px;
  padding:16px 24px;
  background-color:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  transform:translateY(16px);
  opacity:0;
  visibility:hidden;
  transition:all .2s ease-in-out
}

#header .menu>li.menu-item-has-children>ul.sub-menu>li>a{
  display:block;
  padding:4px 0;
  color:var(--grey)
}

#header .menu>li.menu-item-has-children>ul.sub-menu>li>a:hover{
  color:var(--primary)
}

#header .menu>li.menu-item-has-children:hover>a:after{
  transform:rotate(180deg)
}

#header .menu>li.menu-item-has-children:hover>ul.sub-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}

#header .burger{
  display:none;
  margin-left:auto
}

@media (max-width: 1023px){
  #header .burger{
    display:block
  }
}

#header .burger svg{
  --size: 32px;
  width:var(--size);
  height:var(--size)
}

@media (max-width: 399px){
  #header .burger svg{
    --size: 24px
  }
}

#header .burger.opened i.open{
  display:none
}

#header .burger.opened i.close,#header .burger.closed i.open{
  display:block
}

#header .burger.closed i.close{
  display:none
}

#header-legacy{
  color:#fff;
  background-color:var(--primary-bg-dark);
  border-bottom:1px solid rgba(255,255,255,.2)
}

#header-legacy .container{
  height:var(--header-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}

@media (max-width: 767px){
  #header-legacy .container{
    gap:16px
  }
}

@media (max-width: 399px){
  #header-legacy .container{
    gap:8px
  }
}

#header-legacy .logo img{
  width:120px
}

@media (max-width: 767px){
  #header-legacy .logo img{
    width:96px
  }
}

@media (max-width: 399px){
  #header-legacy .logo img{
    width:80px
  }
}

#header-legacy .menu{
  display:flex;
  gap:40px
}

@media (max-width: 767px){
  #header-legacy .menu{
    gap:24px;
    display:none
  }
}

#header-legacy .menu a:hover{
  color:var(--primary)
}

@media (max-width: 767px){
  #header-legacy .button{
    margin-left:auto
  }
}

#header-legacy .burger{
  display:none
}

@media (max-width: 767px){
  #header-legacy .burger{
    display:block
  }
}

#header-legacy .burger svg{
  --size: 32px;
  width:var(--size);
  height:var(--size)
}

@media (max-width: 399px){
  #header-legacy .burger svg{
    --size: 24px
  }
}

#header-legacy .burger.opened i.open{
  display:none
}

#header-legacy .burger.opened i.close,#header-legacy .burger.closed i.open{
  display:block
}

#header-legacy .burger.closed i.close{
  display:none
}

#megamenu{
  --column-width: 296px;
  --offset-width: 20px;
  transition:all .2s ease-in-out;
  transform:translateY(calc(var(--offset-width) * 1));
  visibility:hidden;
  opacity:0;
  position:absolute;
  left:0;
  z-index:-1;
  top:calc(100% + 16px);
  width:100%;
  color:var(--black);
  pointer-events:none
}

@media (max-width: 1139px){
  #megamenu{
    display:none
  }
}

#megamenu .content{
  position:relative;
  background-color:#fff;
  box-shadow:0 60px 40px #131e4459;
  border-radius:12px
}

#megamenu.opened{
  pointer-events:initial;
  z-index:10;
  visibility:visible;
  opacity:1;
  transform:translateY(0);
  width:100%
}

#megamenu ul.menu{
  display:flex;
  flex-direction:column;
  background-color:var(--primary);
  padding-top:16px;
  padding-bottom:16px;
  width:var(--column-width);
  min-height:540px;
  border-radius:12px
}

#megamenu ul.menu a{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  display:flex;
  justify-content:space-between
}

@media (max-width: 1023px){
  #megamenu ul.menu a{
    font-size:14px
  }
}

#megamenu ul.menu ul.sub-menu{
  opacity:0;
  visibility:hidden;
  position:absolute;
  top:0;
  left:var(--column-width);
  padding:32px
}

#megamenu ul.menu li.hover>ul.sub-menu,#megamenu ul.menu li:hover>ul.sub-menu{
  opacity:1;
  visibility:visible
}

#megamenu ul.menu>li>a{
  font-weight:700;
  padding:16px 32px;
  position:relative;
  z-index:3
}

#megamenu ul.menu>li>a:after{
  content:"";
  width:32px;
  height:32px;
  border-radius:50%;
  position:absolute;
  top:calc(50% - 16px);
  right:-16px
}

#megamenu ul.menu>li>a:hover:before{
  content:"";
  position:absolute;
  width:128px;
  height:192px;
  top:calc(50% - 96px);
  right:-24px;
  z-index:5
}

#megamenu ul.menu>li.hover>a,#megamenu ul.menu>li:hover>a{
  color:#fff
}

#megamenu ul.menu>li.hover>a:after,#megamenu ul.menu>li:hover>a:after{
  background-color:#fff
}

#megamenu ul.menu>li.hover:after,#megamenu ul.menu>li:hover:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1
}

#megamenu ul.menu>li>ul.sub-menu{
  z-index:2;
  border-radius:0 12px 12px 0;
  width:calc(100% - var(--column-width));
  --columns: 3;
  --column-gap: 24px;
  --row-gap: 24px;
  row-gap:var(--row-gap);
  column-gap:var(--column-gap);
  display:flex;
  flex-wrap:wrap
}

#megamenu ul.menu>li>ul.sub-menu>*{
  flex-basis:calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1))
}

#megamenu ul.menu>li>ul.sub-menu>li{
  justify-self:flex-start
}

#megamenu ul.menu>li>ul.sub-menu>li>a{
  color:var(--grey);
  border:1px solid var(--grey);
  padding:24px 32px;
  border-radius:8px;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center
}

#megamenu ul.menu>li>ul.sub-menu>li>a:hover{
  color:var(--black);
  border-color:var(--black)
}

#megamenu ul.menu>li>ul.sub-menu>li ul.sub-menu{
  display:none
}

#mobile-menu{
  position:fixed;
  z-index:20;
  left:0;
  top:var(--header-height);
  height:calc(100% - var(--header-height));
  width:100%;
  visibility:hidden;
  transition:opacity .3s ease-in-out
}

body.loading #mobile-menu{
  opacity:0!important
}

#mobile-menu .content{
  position:relative;
  z-index:2;
  transform:translate(-100%);
  height:100%;
  width:80%;
  max-width:320px;
  overflow:auto;
  background-color:#fff;
  display:flex;
  flex-direction:column;
  background-color:var(--primary-bg-light)
}

body:not(.loading) #mobile-menu .content{
  transition:all .3s ease-in-out
}

#mobile-menu .overlay{
  background-color:#0009;
  visibility:hidden;
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  width:100%;
  height:100%;
  opacity:0
}

body:not(.loading) #mobile-menu .overlay{
  transition:all .3s ease-in-out
}

#mobile-menu.opened{
  visibility:visible
}

#mobile-menu.opened .content{
  transform:translate(0)
}

#mobile-menu.opened .overlay{
  opacity:1;
  visibility:visible
}

#mobile-menu .close-menu{
  font-size:20px;
  position:absolute;
  right:24px;
  top:24px
}

#mobile-menu .close-menu svg rect{
  fill:var(--base-color)
}

#mobile-menu .contacts{
  padding:32px 24px 0;
  color:var(--black);
  background-color:#e2e1e8
}

#mobile-menu .contacts .logo{
  display:block;
  margin-bottom:24px
}

#mobile-menu .contacts .logo svg{
  display:block;
  width:160px;
  height:auto
}

#mobile-menu .contacts .logo svg path:nth-child(n+3){
  fill:var(--black-hover)
}

#mobile-menu .contacts>ul li{
  display:flex
}

#mobile-menu .contacts>ul li+li{
  margin-top:20px
}

#mobile-menu .contacts>ul li:not(.double){
  align-items:center
}

#mobile-menu .contacts>ul li.double{
  flex-direction:column
}

#mobile-menu .contacts>ul li span{
  font-weight:700
}

#mobile-menu .contacts>ul li i{
  font-size:16px;
  line-height:160%;
  font-weight:400
}

@media (max-width: 1023px){
  #mobile-menu .contacts>ul li i{
    font-size:14px
  }
}

#mobile-menu .contacts>ul li b{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:20px;
  font-weight:400;
  flex-shrink:0;
  margin-right:8px
}

#mobile-menu .contacts>ul li svg,#mobile-menu .contacts>ul li img{
  width:20px;
  height:auto;
  flex-shrink:0
}

#mobile-menu .contacts>ul li svg{
  width:16px
}

#mobile-menu .contacts>ul .messengers{
  display:flex;
  align-items:center;
  gap:16px
}

#mobile-menu .contacts>ul .messengers svg{
  height:32px;
  width:32px
}

#mobile-menu .contacts>ul .messengers svg path{
  fill:#000
}

#mobile-menu .contacts>ul .messengers .telegram{
  --messenger-color: var(--telegram-color)
}

#mobile-menu .contacts>ul .messengers .whatsapp{
  --messenger-color: var(--whatsapp-color)
}

#mobile-menu .contacts>ul .messengers .telegram svg path,#mobile-menu .contacts>ul .messengers .whatsapp svg path{
  fill:var(--messenger-color)
}

#mobile-menu .contacts:after{
  content:"";
  display:block;
  height:80px;
  width:100%
}

#mobile-menu .spareparts{
  margin-top:auto;
  padding:0 24px 32px
}

#mobile-menu .spareparts>ul li+li{
  margin-top:8px
}

#mobile-menu .spareparts>ul li a{
  line-height:150%;
  font-weight:400;
  overflow:hidden;
  position:relative;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid transparent;
  transition:all .2s ease-in-out;
  cursor:pointer;
  border-radius:100px;
  background-color:transparent;
  gap:8px;
  font-size:14px;
  line-height:160%;
  font-weight:500;
  padding:8px 16px;
  color:#fff;
  background-color:var(--primary)
}

@media (max-width: 1023px){
  #mobile-menu .spareparts>ul li a{
    font-size:14px
  }
}

#mobile-menu .spareparts>ul li a:disabled,#mobile-menu .spareparts>ul li a.disabled{
  pointer-events:none
}

@media (max-width: 1023px){
  #mobile-menu .spareparts>ul li a svg{
    height:20px;
    width:auto
  }
}

#mobile-menu .spareparts>ul li a svg path{
  stroke:currentColor
}

@media (max-width: 1023px){
  #mobile-menu .spareparts>ul li a{
    font-size:12px
  }
}

#mobile-menu .spareparts>ul li a:disabled,#mobile-menu .spareparts>ul li a.disabled{
  color:var(--grey);
  background-color:var(--light-grey)!important
}

#mobile-menu .spareparts>ul li a:hover{
  background-color:var(--primary-hover)
}

#mobile-menu .menu{
  position:relative;
  padding:24px 24px 32px
}

#mobile-menu .menu>ul li.--colored{
  margin-top:16px
}

#mobile-menu .menu>ul li.--colored a{
  line-height:150%;
  font-weight:400;
  overflow:hidden;
  position:relative;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid transparent;
  transition:all .2s ease-in-out;
  cursor:pointer;
  border-radius:100px;
  gap:8px;
  font-size:14px;
  line-height:160%;
  font-weight:500;
  padding:8px 16px;
  color:var(--primary);
  border-color:var(--primary);
  background-color:transparent
}

@media (max-width: 1023px){
  #mobile-menu .menu>ul li.--colored a{
    font-size:14px
  }
}

#mobile-menu .menu>ul li.--colored a:disabled,#mobile-menu .menu>ul li.--colored a.disabled{
  pointer-events:none
}

@media (max-width: 1023px){
  #mobile-menu .menu>ul li.--colored a svg{
    height:20px;
    width:auto
  }
}

#mobile-menu .menu>ul li.--colored a svg path{
  stroke:currentColor
}

@media (max-width: 1023px){
  #mobile-menu .menu>ul li.--colored a{
    font-size:12px
  }
}

#mobile-menu .menu>ul li.--colored a:disabled,#mobile-menu .menu>ul li.--colored a.disabled{
  color:#b5b1c1;
  border-color:#b5b1c1
}

#mobile-menu .menu>ul li.--colored a:hover{
  color:var(--primary-hover);
  border-color:var(--primary-hover)
}

#mobile-menu .menu>ul li.menu-item-76{
  display:none!important
}

#mobile-menu .menu>ul li .icon{
  display:none
}

#mobile-menu .menu>ul li.back a{
  font-size:20px;
  line-height:150%;
  font-weight:400;
  font-weight:700;
  display:flex;
  align-items:center;
  padding-bottom:16px
}

@media (max-width: 1023px){
  #mobile-menu .menu>ul li.back a{
    font-size:18px
  }
}

#mobile-menu .menu>ul li.back a:before{
  content:"";
  margin-right:8px;
  width:24px;
  height:24px;
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12H5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 19L5 12L12 5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

#mobile-menu .menu>ul li.current_page_parent>a,#mobile-menu .menu>ul li.current-menu-item>a{
  font-weight:700;
  color:var(--primary)
}

#mobile-menu .menu>ul li.menu-item-has-children>a{
  display:flex;
  justify-content:space-between;
  align-items:center
}

#mobile-menu .menu>ul li.menu-item-has-children>a:after{
  content:"";
  width:8px;
  height:12px;
  background-image:url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1170_1654)'%3E%3Cpath d='M1.7574 3.17171C1.36688 2.78118 1.36688 2.14802 1.7574 1.75749C2.14792 1.36697 2.78109 1.36697 3.17161 1.75749L7.41425 6.00013L6.00004 7.41435L1.7574 3.17171Z' fill='black'/%3E%3Cpath d='M3.17146 10.2428C2.78094 10.6334 2.14777 10.6334 1.75725 10.2428C1.36672 9.85232 1.36672 9.21916 1.75725 8.82863L5.99989 4.58599L7.4141 6.0002L3.17146 10.2428Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1170_1654'%3E%3Crect width='11' height='7' fill='white' transform='translate(7.5 0.5) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

#mobile-menu .menu>ul li>ul.sub-menu{
  display:none
}

#mobile-menu .menu>ul li>a{
  padding:8px 0;
  display:block
}

#mobile-menu .menu>ul img{
  display:none
}


/* ======================================================================== */
/* Контент
/* ======================================================================== */

.arrow-link{
  display:inline-flex;
  align-items:center;
  position:relative;
  --timing: .45s;
  --timing-function: cubic-bezier(.2, .6, .35, 1);
  --height: 3px
}

@media (max-width: 1299px){
  .arrow-link{
    --height: 2px
  }
}

@media (min-width: 1024px) and (min-width: 1024px){
  .arrow-link.small span{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (min-width: 1024px) and (max-width: 1023px){
  .arrow-link.small span{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (max-width: 1023px) and (min-width: 1024px){
  .arrow-link.small span{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (max-width: 1023px) and (max-width: 1023px){
  .arrow-link.small span{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  .arrow-link.small svg{
    width:calc(32 / var(--layout-width) * 100vw);
    margin-right:calc(16 / var(--layout-width) * 100vw)
  }
}

@media (max-width: 1023px){
  .arrow-link.small svg{
    width:calc(16 / var(--layout-width) * 100vw);
    margin-right:calc(8 / var(--layout-width) * 100vw)
  }
}

@media (min-width: 1024px) and (min-width: 1024px){
  .arrow-link.medium span{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (min-width: 1024px) and (max-width: 1023px){
  .arrow-link.medium span{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (max-width: 1023px) and (min-width: 1024px){
  .arrow-link.medium span{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (max-width: 1023px) and (max-width: 1023px){
  .arrow-link.medium span{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  .arrow-link.medium svg{
    width:calc(40 / var(--layout-width) * 100vw);
    margin-right:calc(24 / var(--layout-width) * 100vw)
  }
}

@media (max-width: 1023px){
  .arrow-link.medium svg{
    width:calc(24 / var(--layout-width) * 100vw);
    margin-right:calc(16 / var(--layout-width) * 100vw)
  }
}

.arrow-link span{
  transition:all var(--timing) var(--timing-function)
}

.arrow-link svg{
  height:auto;
  flex-shrink:0;
  transition:transform var(--timing) var(--timing-function)
}

.arrow-link:hover.small span{
  transform:translate(4px)
}

.arrow-link:hover.medium span{
  transform:translate(8px)
}

.arrow-link:hover span{
  color:var(--blue)
}

.arrow-link:hover svg{
  transform:scale(1.2)
}

.styled-text>*+*{
  margin-top:16px
}

.styled-text>*+h1,.styled-text>*+h2,.styled-text>*+h3,.styled-text>*+h4,.styled-text>*+h5,.styled-text>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .styled-text>*+h1,.styled-text>*+h2,.styled-text>*+h3,.styled-text>*+h4,.styled-text>*+h5,.styled-text>*+h6{
    margin-top:24px
  }
}

.styled-text>h1+*,.styled-text>h2+*,.styled-text>h3+*,.styled-text>h4+*,.styled-text>h5+*,.styled-text>h6+*{
  margin-top:16px
}

.styled-text a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.styled-text a:not(.button):hover{
  color:var(--primary-hover)
}

.styled-text ul,.styled-text ol{
  margin:8px 0
}

.styled-text ul li,.styled-text ol li{
  margin-bottom:8px
}

.styled-text ul li ul,.styled-text ul li ol,.styled-text ol li ul,.styled-text ol li ol{
  margin-top:8px;
  padding-left:32px
}

.styled-text ul{
  list-style:none
}

.styled-text ul li{
  position:relative;
  padding-left:24px
}

.styled-text ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.styled-text ol li{
  counter-increment:li
}

.styled-text ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

#breadcrumbs{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  color:var(--grey);
  margin:16px 0 32px
}

@media (max-width: 1023px){
  #breadcrumbs{
    font-size:14px
  }
}

#breadcrumbs>span{
  --hmargin: 8px;
  --vmargin: 4px;
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1);
  align-items:center
}

#breadcrumbs>span>*{
  margin:var(--vmargin) var(--hmargin)
}

#breadcrumbs>span a{
  transition:all .2s ease-in-out;
  text-decoration:underline
}

#breadcrumbs>span a:hover{
  color:var(--primary)
}

#breadcrumbs .breadcrumb_last{
  color:var(--black);
  font-weight:600
}

.pagenav{
  margin-top:var(--builder-vertical-padding)
}

.pagenav nav{
  --size: 32px;
  --hmargin: 7.5px;
  --vmargin: 7.5px;
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1);
  justify-content:center;
  position:relative
}

.pagenav nav>*{
  margin:var(--vmargin) var(--hmargin)
}

.pagenav nav a,.pagenav nav span{
  width:var(--size);
  height:var(--size);
  border-radius:5px;
  display:flex;
  text-align:center;
  align-items:center;
  justify-content:center;
  background-color:#ecebf3
}

.pagenav nav a.prev{
  margin-right:60px
}

.pagenav nav a.next{
  margin-left:60px
}

.pagenav nav a:hover{
  background-color:var(--primary);
  color:#fff
}

.posts-list{
  display:flex;
  flex-direction:column;
  gap:16px
}

.posts-list .item{
  position:relative;
  padding:40px 24px;
  border:1px solid var(--line);
  border-radius:8px;
  display:flex;
  align-items:flex-start;
  gap:24px
}

.posts-list .item .post-type{
  font-size:14px;
  line-height:22px;
  font-weight:500;
  text-transform:uppercase;
  display:block;
  padding:4px 12px;
  text-transform:capitalize;
  position:absolute;
  right:24px;
  top:0;
  color:var(--primary);
  background-color:var(--primary-bg);
  border-radius:0 0 5px 5px
}

@media (max-width: 1023px){
  .posts-list .item .post-type{
    font-size:13px;
    line-height:20px
  }
}

.posts-list .item .image{
  flex-shrink:0;
  width:160px;
  height:auto
}

.posts-list .item .image img{
  width:100%;
  height:100%;
  object-fit:contain
}

.posts-list .item .content .title{
  color:var(--primary)
}

.posts-list .item .content .title:hover{
  color:var(--primary-hover)
}

.posts-list .item .content .date{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  margin-top:4px
}

@media (max-width: 1023px){
  .posts-list .item .content .date{
    font-size:14px
  }
}

.posts-list .item .content .date a{
  transition:all .2s ease-in-out
}

.posts-list .item .content .date a:hover{
  color:var(--primary)
}

.posts-list .item .content .text{
  margin-top:16px
}

.posts-list .item .content .text>*+*{
  margin-top:16px
}

.posts-list .item .content .text>*+h1,.posts-list .item .content .text>*+h2,.posts-list .item .content .text>*+h3,.posts-list .item .content .text>*+h4,.posts-list .item .content .text>*+h5,.posts-list .item .content .text>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .posts-list .item .content .text>*+h1,.posts-list .item .content .text>*+h2,.posts-list .item .content .text>*+h3,.posts-list .item .content .text>*+h4,.posts-list .item .content .text>*+h5,.posts-list .item .content .text>*+h6{
    margin-top:24px
  }
}

.posts-list .item .content .text>h1+*,.posts-list .item .content .text>h2+*,.posts-list .item .content .text>h3+*,.posts-list .item .content .text>h4+*,.posts-list .item .content .text>h5+*,.posts-list .item .content .text>h6+*{
  margin-top:16px
}

.posts-list .item .content .text a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.posts-list .item .content .text a:not(.button):hover{
  color:var(--primary-hover)
}

.posts-list .item .content .text ul,.posts-list .item .content .text ol{
  margin:8px 0
}

.posts-list .item .content .text ul li,.posts-list .item .content .text ol li{
  margin-bottom:8px
}

.posts-list .item .content .text ul li ul,.posts-list .item .content .text ul li ol,.posts-list .item .content .text ol li ul,.posts-list .item .content .text ol li ol{
  margin-top:8px;
  padding-left:32px
}

.posts-list .item .content .text ul{
  list-style:none
}

.posts-list .item .content .text ul li{
  position:relative;
  padding-left:24px
}

.posts-list .item .content .text ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.posts-list .item .content .text ol li{
  counter-increment:li
}

.posts-list .item .content .text ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

.posts-list .item .content .read-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  font-weight:600;
  color:var(--primary)
}

.posts-list .item .content .read-more:hover{
  color:var(--primary-hover)
}

.posts-small-list{
  display:flex;
  flex-direction:column;
  gap:24px
}

.posts-small-list .post{
  display:flex;
  align-items:flex-start;
  gap:16px;
  transition:all .15s ease-in-out
}

.posts-small-list .post:hover{
  transform:translateY(-4px)
}

.posts-small-list .post:hover .post-content .title{
  color:var(--primary-hover)
}

.posts-small-list .post .image{
  flex-shrink:0;
  width:80px;
  height:auto;
  aspect-ratio:1/1;
  border-radius:5px;
  overflow:hidden
}

@supports not (aspect-ratio: 1/1){
  .posts-small-list .post .image{
    position:relative
  }
  .posts-small-list .post .image:before{
    content:"";
    float:left;
    padding-top:100%
  }
  .posts-small-list .post .image:after{
    content:"";
    display:block;
    clear:both
  }
}

.posts-small-list .post .image video,.posts-small-list .post .image img,.posts-small-list .post .image svg{
  width:100%;
  height:100%;
  object-fit:cover
}

.posts-small-list .post .post-content .title{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  color:var(--primary)
}

@media (max-width: 1023px){
  .posts-small-list .post .post-content .title{
    font-size:14px
  }
}

.posts-small-list .post .post-content .date{
  font-size:14px;
  line-height:160%;
  font-weight:400;
  color:var(--grey);
  margin-top:4px
}

@media (max-width: 1023px){
  .posts-small-list .post .post-content .date{
    font-size:12px
  }
}

.posts-small-list .post .post-content .date a{
  transition:all .2s ease-in-out
}

.posts-small-list .post .post-content .date a:hover{
  color:var(--primary)
}

.posts-cards-list{
  --columns: 3;
  --column-gap: 24px;
  --row-gap: 24px;
  row-gap:var(--row-gap);
  column-gap:var(--column-gap);
  display:flex;
  flex-wrap:wrap
}

.posts-cards-list>*{
  flex-basis:calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1))
}

.posts-cards-list.--quantity-2{
  --columns: 2
}

.posts-cards-list.--quantity-4{
  --columns: 4
}

@media (max-width: 767px){
  .posts-cards-list{
    --columns: 2 !important
  }
}

@media (max-width: 549px){
  .posts-cards-list{
    --columns: 1 !important
  }
}

.posts-cards-list .post{
  display:flex;
  flex-direction:column;
  transition:all .15s ease-in-out
}

.posts-cards-list .post:hover{
  transform:translateY(-4px)
}

.posts-cards-list .post:hover .image figure img{
  filter:brightness(1.1)
}

.posts-cards-list .post:hover .image figure:after{
  opacity:0
}

.posts-cards-list .post:hover .post-content .title{
  color:var(--primary-hover)
}

.posts-cards-list .post .image{
  flex-shrink:0;
  aspect-ratio:16/10;
  border-radius:5px;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:12px
}

@supports not (aspect-ratio: 16/10){
  .posts-cards-list .post .image{
    position:relative
  }
  .posts-cards-list .post .image:before{
    content:"";
    float:left;
    padding-top:62.5%
  }
  .posts-cards-list .post .image:after{
    content:"";
    display:block;
    clear:both
  }
}

.posts-cards-list .post .image figure{
  z-index:3;
  top:0;
  left:0;
  width:100%;
  height:100%;
  position:relative;
  position:absolute
}

.posts-cards-list .post .image figure video,.posts-cards-list .post .image figure img,.posts-cards-list .post .image figure svg{
  width:100%;
  height:100%;
  object-fit:cover
}

.posts-cards-list .post .image figure:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:60%;
  background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgb(0,0,0) 100%);
  pointer-events:none;
  z-index:1;
  opacity:.75
}

.posts-cards-list .post .image .categories{
  position:relative;
  z-index:5;
  --hmargin: 4px;
  --vmargin: 4px;
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1)
}

.posts-cards-list .post .image .categories>*{
  margin:var(--vmargin) var(--hmargin)
}

.posts-cards-list .post .image .categories>*{
  font-size:14px;
  line-height:160%;
  font-weight:400;
  --padding: 2px 6px;
  padding:var(--padding);
  color:var(--primary);
  background-color:var(--primary-bg-light);
  font-weight:500;
  border-radius:100px
}

@media (max-width: 1023px){
  .posts-cards-list .post .image .categories>*{
    font-size:12px
  }
}

.posts-cards-list .post .post-content{
  margin-top:16px
}

.posts-cards-list .post .post-content .title{
  color:var(--primary)
}

@media (min-width: 1024px){
  .posts-cards-list .post .post-content .title{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .posts-cards-list .post .post-content .title{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

.posts-cards-list .post .post-content .date{
  font-size:14px;
  line-height:160%;
  font-weight:400;
  color:var(--grey);
  margin-top:16px
}

@media (max-width: 1023px){
  .posts-cards-list .post .post-content .date{
    font-size:12px
  }
}

.posts-cards-list .post .post-content .date a{
  transition:all .2s ease-in-out
}

.posts-cards-list .post .post-content .date a:hover{
  color:var(--primary)
}

.posts-cards-list .post .post-content .excerpt{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  color:var(--text-color);
  margin-top:4px
}

@media (max-width: 1023px){
  .posts-cards-list .post .post-content .excerpt{
    font-size:14px
  }
}

.builder.page-entry{
  --margin-top: 24px
}

.builder.page-entry .container>*+*{
  margin-top:var(--margin-top)
}

.builder.page-entry .categories{
  --hmargin: 4px;
  --vmargin: 4px;
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1)
}

.builder.page-entry .categories>*{
  margin:var(--vmargin) var(--hmargin)
}

.builder.page-entry .categories>*{
  font-size:14px;
  line-height:160%;
  font-weight:400;
  --padding: 2px 6px;
  padding:var(--padding);
  color:var(--primary);
  background-color:var(--primary-bg-light);
  font-weight:500;
  border-radius:100px
}

@media (max-width: 1023px){
  .builder.page-entry .categories>*{
    font-size:12px
  }
}

.builder.page-entry .summary{
  display:flex;
  align-items:center;
  gap:16px
}

.builder.page-entry .summary .date{
  font-size:14px;
  line-height:160%;
  font-weight:400;
  color:var(--grey)
}

@media (max-width: 1023px){
  .builder.page-entry .summary .date{
    font-size:12px
  }
}

.builder.page-entry .text{
  margin-top:16px
}

.builder.page-entry .text>*+*{
  margin-top:16px
}

.builder.page-entry .text>*+h1,.builder.page-entry .text>*+h2,.builder.page-entry .text>*+h3,.builder.page-entry .text>*+h4,.builder.page-entry .text>*+h5,.builder.page-entry .text>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .builder.page-entry .text>*+h1,.builder.page-entry .text>*+h2,.builder.page-entry .text>*+h3,.builder.page-entry .text>*+h4,.builder.page-entry .text>*+h5,.builder.page-entry .text>*+h6{
    margin-top:24px
  }
}

.builder.page-entry .text>h1+*,.builder.page-entry .text>h2+*,.builder.page-entry .text>h3+*,.builder.page-entry .text>h4+*,.builder.page-entry .text>h5+*,.builder.page-entry .text>h6+*{
  margin-top:16px
}

.builder.page-entry .text a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.builder.page-entry .text a:not(.button):hover{
  color:var(--primary-hover)
}

.builder.page-entry .text ul,.builder.page-entry .text ol{
  margin:8px 0
}

.builder.page-entry .text ul li,.builder.page-entry .text ol li{
  margin-bottom:8px
}

.builder.page-entry .text ul li ul,.builder.page-entry .text ul li ol,.builder.page-entry .text ol li ul,.builder.page-entry .text ol li ol{
  margin-top:8px;
  padding-left:32px
}

.builder.page-entry .text ul{
  list-style:none
}

.builder.page-entry .text ul li{
  position:relative;
  padding-left:24px
}

.builder.page-entry .text ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.builder.page-entry .text ol li{
  counter-increment:li
}

.builder.page-entry .text ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

.builder.page-entry .image img{
  border-radius:12px
}

.builder.page-content .content>*+*{
  margin-top:16px
}

.builder.page-content .content>*+h1,.builder.page-content .content>*+h2,.builder.page-content .content>*+h3,.builder.page-content .content>*+h4,.builder.page-content .content>*+h5,.builder.page-content .content>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .builder.page-content .content>*+h1,.builder.page-content .content>*+h2,.builder.page-content .content>*+h3,.builder.page-content .content>*+h4,.builder.page-content .content>*+h5,.builder.page-content .content>*+h6{
    margin-top:24px
  }
}

.builder.page-content .content>h1+*,.builder.page-content .content>h2+*,.builder.page-content .content>h3+*,.builder.page-content .content>h4+*,.builder.page-content .content>h5+*,.builder.page-content .content>h6+*{
  margin-top:16px
}

.builder.page-content .content a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.builder.page-content .content a:not(.button):hover{
  color:var(--primary-hover)
}

.builder.page-content .content ul,.builder.page-content .content ol{
  margin:8px 0
}

.builder.page-content .content ul li,.builder.page-content .content ol li{
  margin-bottom:8px
}

.builder.page-content .content ul li ul,.builder.page-content .content ul li ol,.builder.page-content .content ol li ul,.builder.page-content .content ol li ol{
  margin-top:8px;
  padding-left:32px
}

.builder.page-content .content ul{
  list-style:none
}

.builder.page-content .content ul li{
  position:relative;
  padding-left:24px
}

.builder.page-content .content ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.builder.page-content .content ol li{
  counter-increment:li
}

.builder.page-content .content ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

.wp-caption{
  width:100%!important
}

.wp-caption img{
  border-radius:12px
}

.wp-caption .wp-caption-text{
  font-size:14px;
  line-height:160%;
  font-weight:400;
  color:var(--grey);
  margin-top:4px;
  text-align:center
}

@media (max-width: 1023px){
  .wp-caption .wp-caption-text{
    font-size:12px
  }
}

.posts-archive{
  --base-margin: 40px
}

.posts-archive .category-description{
  color:var(--grey);
  margin-top:var(--base-margin);
  max-width:var(--container-thin-width)
}

.posts-archive .category-description>*+*{
  margin-top:16px
}

.posts-archive .category-description>*+h1,.posts-archive .category-description>*+h2,.posts-archive .category-description>*+h3,.posts-archive .category-description>*+h4,.posts-archive .category-description>*+h5,.posts-archive .category-description>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .posts-archive .category-description>*+h1,.posts-archive .category-description>*+h2,.posts-archive .category-description>*+h3,.posts-archive .category-description>*+h4,.posts-archive .category-description>*+h5,.posts-archive .category-description>*+h6{
    margin-top:24px
  }
}

.posts-archive .category-description>h1+*,.posts-archive .category-description>h2+*,.posts-archive .category-description>h3+*,.posts-archive .category-description>h4+*,.posts-archive .category-description>h5+*,.posts-archive .category-description>h6+*{
  margin-top:16px
}

.posts-archive .category-description a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.posts-archive .category-description a:not(.button):hover{
  color:var(--primary-hover)
}

.posts-archive .category-description ul,.posts-archive .category-description ol{
  margin:8px 0
}

.posts-archive .category-description ul li,.posts-archive .category-description ol li{
  margin-bottom:8px
}

.posts-archive .category-description ul li ul,.posts-archive .category-description ul li ol,.posts-archive .category-description ol li ul,.posts-archive .category-description ol li ol{
  margin-top:8px;
  padding-left:32px
}

.posts-archive .category-description ul{
  list-style:none
}

.posts-archive .category-description ul li{
  position:relative;
  padding-left:24px
}

.posts-archive .category-description ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.posts-archive .category-description ol li{
  counter-increment:li
}

.posts-archive .category-description ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

.posts-archive .categories-switcher,.posts-archive .posts-cards-list{
  margin-top:var(--base-margin)
}

.categories-switcher{
  --hmargin: 4px;
  --vmargin: 4px;
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1);
  justify-content:center
}

.categories-switcher>*{
  margin:var(--vmargin) var(--hmargin)
}

.categories-switcher>*{
  font-size:16px;
  line-height:150%;
  font-weight:400;
  --padding: 4px 12px
}

@media (max-width: 1023px){
  .categories-switcher>*{
    font-size:16px
  }
}

.categories-switcher>* a{
  display:block;
  padding:var(--padding);
  font-weight:500;
  border-radius:100px;
  border:1px solid transparent;
  background-color:var(--primary-bg-light)
}

.categories-switcher>*:not(.active) a{
  cursor:pointer
}

.categories-switcher>*.active a{
  pointer-events:none;
  cursor:default;
  color:#fff;
  background-color:var(--primary)
}

.categories-switcher>*:not(.active):hover a{
  border-color:var(--primary)
}

.related-posts .heading{
  margin-bottom:40px
}

.gform_wrapper .gform_body .gform_fields{
  --margin: 16px;
  display:flex;
  flex-wrap:wrap;
  margin:0 calc(var(--margin) * -1)
}

.gform_wrapper .gform_body .gform_fields .gfield{
  --width: 100%;
  width:calc(var(--width) - var(--margin) * 2);
  margin:0 var(--margin) 32px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half{
  --width: 50%
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half{
    --width: 100%
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-third{
  --width: 33.3332%
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-third{
    --width: 100%
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.hidden_label>label,.gform_wrapper .gform_body .gform_fields .gfield.hidden_label>legend{
  display:none
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=text],.gform_wrapper .gform_body .gform_fields .gfield.gfield_error input[type=email],.gform_wrapper .gform_body .gform_fields .gfield.gfield_error textarea{
  border-bottom-color:var(--red)
}

.gform_wrapper .gform_body .gform_fields .gfield>legend{
  margin-bottom:15px
}

.gform_wrapper .gform_body .gform_fields .gfield>legend,.gform_wrapper .gform_body .gform_fields .gfield>label{
  display:block;
  font-size:16px;
  line-height:160%;
  color:var(--grey);
  font-weight:400;
  padding:0 16px
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield>legend,.gform_wrapper .gform_body .gform_fields .gfield>label{
    font-size:14px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield>legend .gfield_required,.gform_wrapper .gform_body .gform_fields .gfield>label .gfield_required{
  margin-left:2px;
  color:var(--red)
}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text],.gform_wrapper .gform_body .gform_fields .gfield input[type=email],.gform_wrapper .gform_body .gform_fields .gfield textarea{
  font-size:16px;
  line-height:150%;
  font-weight:400;
  appearance:none;
  width:100%;
  color:var(--black);
  background-color:transparent;
  border-radius:0;
  border:none;
  border-bottom:1px solid var(--black-hover);
  padding:12px 20px
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield input[type=text],.gform_wrapper .gform_body .gform_fields .gfield input[type=email],.gform_wrapper .gform_body .gform_fields .gfield textarea{
    font-size:16px
  }
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield input[type=text],.gform_wrapper .gform_body .gform_fields .gfield input[type=email],.gform_wrapper .gform_body .gform_fields .gfield textarea{
    padding:12px 16px;
    font-size:16px;
    line-height:160%;
    font-weight:400
  }
}

@media (max-width: 1023px) and (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield input[type=text],.gform_wrapper .gform_body .gform_fields .gfield input[type=email],.gform_wrapper .gform_body .gform_fields .gfield textarea{
    font-size:14px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text]::placeholder,.gform_wrapper .gform_body .gform_fields .gfield input[type=email]::placeholder,.gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder{
  color:#8c93a4;
  transition:all .3s ease-in-out
}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus::placeholder,.gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus::placeholder,.gform_wrapper .gform_body .gform_fields .gfield textarea:focus::placeholder{
  opacity:.3
}

.gform_wrapper .gform_body .gform_fields .gfield textarea{
  height:64px
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield textarea{
    height:64px
  }
}

@media (min-width: 1024px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox.horizontal .gfield_checkbox{
    --hmargin: 12px;
    --vmargin: 8px;
    display:flex;
    flex-wrap:wrap;
    margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1)
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox.horizontal .gfield_checkbox>*{
    margin:var(--vmargin) var(--hmargin)
  }
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox.horizontal .gfield_checkbox{
    --hmargin: 6px;
    --vmargin: 8px;
    display:flex;
    flex-wrap:wrap;
    margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1)
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox.horizontal .gfield_checkbox>*{
    margin:var(--vmargin) var(--hmargin)
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice{
  position:relative;
  display:flex
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice input[type=checkbox]{
  position:absolute;
  z-index:-1;
  opacity:0
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice input[type=checkbox]:checked+label:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 174.239 174.239' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M74.439,157.519c-1.59,1.848-4.34,1.989-6.111,0.313L1.38,94.468c-1.771-1.676-1.848-4.496-0.173-6.267l21.33-22.539 c1.676-1.771,4.496-1.848,6.267-0.173l36.571,34.611c1.771,1.676,4.521,1.535,6.111-0.313l71.447-83.015 c1.59-1.848,4.404-2.059,6.251-0.468l23.518,20.242c1.848,1.59,2.059,4.404,0.468,6.252L74.439,157.519z' fill='%23000000' /%3E%3C/svg%3E%0A")
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice label{
  --size: 24px;
  font-size:16px;
  line-height:150%;
  font-weight:400;
  cursor:pointer;
  user-select:none;
  padding-left:40px
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice label{
    font-size:16px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice label:before{
  position:absolute;
  top:-2px;
  left:0;
  z-index:5;
  content:"";
  width:var(--size);
  height:var(--size);
  background-color:var(--field-bg);
  background-size:12px;
  background-repeat:no-repeat;
  background-position:center;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-right:16px;
  border-radius:4px;
  text-align:center
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice label:before{
    margin-right:8px;
    background-size:8px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice label a{
  text-decoration:underline
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield.gfield--type-checkbox .gchoice label a:hover{
  color:var(--primary)
}

@media (min-width: 1024px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio.horizontal .gfield_radio{
    --hmargin: 40px;
    --vmargin: 8px;
    display:flex;
    flex-wrap:wrap;
    margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1)
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio.horizontal .gfield_radio>*{
    margin:var(--vmargin) var(--hmargin)
  }
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio.horizontal .gfield_radio{
    --hmargin: 15px;
    --vmargin: 8px;
    display:flex;
    flex-wrap:wrap;
    margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1)
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio.horizontal .gfield_radio>*{
    margin:var(--vmargin) var(--hmargin)
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio:not(.horizontal) .gfield_radio .gchoice+.gchoice{
  margin-top:16px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio .gchoice input[type=radio]{
  position:absolute;
  z-index:-1;
  opacity:0
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio .gchoice input[type=radio]:checked+label:before{
  background-color:var(--black-hover)
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio .gchoice label{
  --size: 24px;
  --circle-size: 8px;
  font-size:16px;
  line-height:150%;
  font-weight:400;
  display:flex;
  align-items:center;
  cursor:pointer;
  user-select:none
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio .gchoice label{
    font-size:16px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-radio .gchoice label:before{
  position:relative;
  z-index:5;
  content:"";
  width:var(--size);
  height:var(--size);
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-right:8px;
  border-radius:50%;
  text-align:center;
  background-color:var(--field-bg);
  border:var(--circle-size) solid var(--field-bg)
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload>label{
  margin-bottom:15px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container{
  display:flex;
  flex-direction:column
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gform_drop_area{
  color:var(--grey);
  background-color:transparent;
  border:2px dashed var(--grey);
  border-radius:8px;
  display:flex;
  justify-content:center;
  align-items:baseline;
  padding:24px;
  font-size:16px;
  line-height:160%;
  font-weight:400
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gform_drop_area{
    font-size:14px
  }
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gform_drop_area{
    padding:16px;
    text-align:center;
    text-wrap:balance
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gform_drop_area button{
  color:var(--primary);
  border-color:var(--primary);
  background-color:transparent;
  font-size:14px;
  line-height:160%;
  font-weight:500;
  padding:8px 16px;
  margin-left:16px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gform_drop_area button:disabled,.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gform_drop_area button.disabled{
  color:#b5b1c1;
  border-color:#b5b1c1
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gform_drop_area button:hover{
  color:var(--primary-hover);
  border-color:var(--primary-hover)
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gform_drop_area button{
    font-size:12px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gfield_description{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  margin-top:8px;
  color:var(--grey);
  text-align:center;
  text-wrap:balance
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .gfield_description{
    font-size:14px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .validation_message--hidden-on-empty{
  margin-top:8px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .validation_message--hidden-on-empty .gfield_validation_message{
  margin-top:8px;
  color:var(--black);
  font-size:16px;
  line-height:150%;
  font-weight:400
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_container .validation_message--hidden-on-empty .gfield_validation_message{
    font-size:16px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list:not(:empty){
  margin-top:24px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview{
  display:flex;
  align-items:baseline
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview+.ginput_preview{
  margin-top:8px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview>*+*{
  margin-left:24px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview,.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview button{
  color:var(--text-color)
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview .gfield_fileupload_filename{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  max-width:280px
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview .gfield_fileupload_filename{
    font-size:14px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview .gfield_fileupload_filesize{
  width:80px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview .gfield_fileupload_filesize,.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview .gfield_fileupload_progress_complete{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  font-weight:700
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview .gfield_fileupload_filesize,.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview .gfield_fileupload_progress_complete{
    font-size:14px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-fileupload .ginput_preview_list .ginput_preview .gform_delete_file{
  font-size:12px;
  line-height:100%;
  font-weight:400;
  transition:all .3s ease-in-out;
  color:var(--red);
  text-wrap:balance
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent{
  display:flex;
  flex-direction:column
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent a{
  color:currentColor
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent>label{
  display:none
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent.consent-center{
  max-width:320px;
  margin:48px auto 24px
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent.gfield_error .gfield_consent_label{
  color:var(--red)
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent{
  position:relative;
  display:flex
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent input[type=checkbox]{
  position:absolute;
  z-index:-1;
  opacity:0
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent input[type=checkbox]:checked+label:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 174.239 174.239' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M74.439,157.519c-1.59,1.848-4.34,1.989-6.111,0.313L1.38,94.468c-1.771-1.676-1.848-4.496-0.173-6.267l21.33-22.539 c1.676-1.771,4.496-1.848,6.267-0.173l36.571,34.611c1.771,1.676,4.521,1.535,6.111-0.313l71.447-83.015 c1.59-1.848,4.404-2.059,6.251-0.468l23.518,20.242c1.848,1.59,2.059,4.404,0.468,6.252L74.439,157.519z' fill='%23000000' /%3E%3C/svg%3E%0A")
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent label{
  --size: 24px;
  font-size:16px;
  line-height:150%;
  font-weight:400;
  cursor:pointer;
  user-select:none;
  padding-left:40px
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent label{
    font-size:16px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent label:before{
  position:absolute;
  top:-2px;
  left:0;
  z-index:5;
  content:"";
  width:var(--size);
  height:var(--size);
  background-color:var(--field-bg);
  background-size:12px;
  background-repeat:no-repeat;
  background-position:center;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-right:16px;
  border-radius:4px;
  text-align:center
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent label:before{
    margin-right:8px;
    background-size:8px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent label a{
  text-decoration:underline
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent label a:hover{
  color:var(--primary)
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-consent .gfield_consent_description a{
  font-weight:700;
  transition:all var(--timing) var(--timing-function)
}

.gform_wrapper .gform_body .gform_fields .gfield_validation_message:not(:empty){
  color:var(--primary);
  border:1px solid var(--primary);
  border-radius:5px;
  padding:8px;
  font-size:16px;
  line-height:160%;
  font-weight:400;
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  align-self:flex-start;
  margin-top:12px
}

@media (max-width: 1023px){
  .gform_wrapper .gform_body .gform_fields .gfield_validation_message:not(:empty){
    font-size:14px
  }
}

.gform_wrapper .gform_body .gform_fields .gfield_validation_message:not(:empty):before{
  content:"!";
  font-weight:500;
  border:1px solid var(--primary);
  border-radius:50%;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center
}

.gform_wrapper .gform_heading:has(> *:not(.gform_required_legend)){
  margin-bottom:60px
}

.gform_wrapper .gform_heading .gform_required_legend{
  display:none
}

.gform_wrapper .gform_footer button.button+img{
  margin-left:8px
}

.gform_wrapper .gform_validation_errors .gform_submission_error{
  font-size:16px;
  line-height:150%;
  font-weight:400;
  margin-bottom:40px;
  font-weight:500
}

@media (max-width: 1023px){
  .gform_wrapper .gform_validation_errors .gform_submission_error{
    font-size:16px
  }
}

.modal{
  display:none
}

.modal.is-open{
  display:block
}

.modal[aria-hidden=true] .overlay{
  animation:modalfadeOut .2s cubic-bezier(0,0,.2,1)
}

.modal[aria-hidden=false] .overlay{
  animation:modalfadeIn .2s cubic-bezier(0,0,.2,1)
}

.modal[aria-hidden=true] .container{
  animation:modalslideOut .2s cubic-bezier(0,0,.2,1)
}

.modal[aria-hidden=false] .container{
  animation:modalslideIn .2s cubic-bezier(0,0,.2,1)
}

.modal .close{
  --size: 24px;
  z-index:99;
  position:absolute;
  right:24px;
  top:24px;
  cursor:pointer;
  width:var(--size);
  height:var(--size)
}

.modal .close svg{
  pointer-events:none;
  width:var(--size);
  height:var(--size)
}

.modal .close svg path{
  fill:var(--black);
  transition:all .2s ease-in-out
}

.modal .close:hover path{
  fill:var(--orange)
}

.modal.general .container{
  display:flex;
  justify-content:center
}

.modal.general .container .content{
  position:relative;
  background-color:var(--black);
  filter:drop-shadow(0px 4px 20px rgba(0,0,0,.05));
  border-radius:12px;
  overflow:hidden;
  height:100%
}

@media (min-width: 1024px){
  .modal.general .container .content{
    width:100%;
    max-width:980px
  }
}

.modal.general .container .content.with-image{
  display:flex;
  max-width:920px
}

.modal.general .container .content .image{
  width:40%;
  flex-shrink:0
}

.modal.general .container .content .image video,.modal.general .container .content .image img,.modal.general .container .content .image svg{
  width:100%;
  height:100%;
  object-fit:cover
}

@media (max-width: 767px){
  .modal.general .container .content .image{
    display:none
  }
}

.modal.general .container .content .info{
  width:100%;
  position:relative;
  z-index:5;
  height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  max-height:calc(100vh - 80px);
  background-color:var(--back-color, white);
  padding:45px 60px
}

@media (max-width: 767px){
  .modal.general .container .content .info{
    padding:30px
  }
}

.modal.general .container .content .info .entry .title{
  color:var(--green)
}

@media (min-width: 1024px){
  .modal.general .container .content .info .entry .title{
    font-size:36px;
    line-height:125%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .modal.general .container .content .info .entry .title{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (max-width: 767px){
  .modal.general .container .content .info .entry .title{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

.modal.general .container .content .info .entry .text{
  margin-top:15px;
  color:var(--black-hover)
}

.modal.general .container .content .info .entry .text>*+*{
  margin-top:16px
}

.modal.general .container .content .info .entry .text>*+h1,.modal.general .container .content .info .entry .text>*+h2,.modal.general .container .content .info .entry .text>*+h3,.modal.general .container .content .info .entry .text>*+h4,.modal.general .container .content .info .entry .text>*+h5,.modal.general .container .content .info .entry .text>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .modal.general .container .content .info .entry .text>*+h1,.modal.general .container .content .info .entry .text>*+h2,.modal.general .container .content .info .entry .text>*+h3,.modal.general .container .content .info .entry .text>*+h4,.modal.general .container .content .info .entry .text>*+h5,.modal.general .container .content .info .entry .text>*+h6{
    margin-top:24px
  }
}

.modal.general .container .content .info .entry .text>h1+*,.modal.general .container .content .info .entry .text>h2+*,.modal.general .container .content .info .entry .text>h3+*,.modal.general .container .content .info .entry .text>h4+*,.modal.general .container .content .info .entry .text>h5+*,.modal.general .container .content .info .entry .text>h6+*{
  margin-top:16px
}

.modal.general .container .content .info .entry .text a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.modal.general .container .content .info .entry .text a:not(.button):hover{
  color:var(--primary-hover)
}

.modal.general .container .content .info .entry .text ul,.modal.general .container .content .info .entry .text ol{
  margin:8px 0
}

.modal.general .container .content .info .entry .text ul li,.modal.general .container .content .info .entry .text ol li{
  margin-bottom:8px
}

.modal.general .container .content .info .entry .text ul li ul,.modal.general .container .content .info .entry .text ul li ol,.modal.general .container .content .info .entry .text ol li ul,.modal.general .container .content .info .entry .text ol li ol{
  margin-top:8px;
  padding-left:32px
}

.modal.general .container .content .info .entry .text ul{
  list-style:none
}

.modal.general .container .content .info .entry .text ul li{
  position:relative;
  padding-left:24px
}

.modal.general .container .content .info .entry .text ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.modal.general .container .content .info .entry .text ol li{
  counter-increment:li
}

.modal.general .container .content .info .entry .text ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

.modal.general .container .content .info .entry+.form{
  margin-top:40px
}

@media (max-width: 767px){
  .modal.general .container .content .info .entry+.form{
    margin-top:20px
  }
}

.modal.general .container .content .info .phones{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:16px
}

@media (min-width: 1024px){
  .modal.general .container .content .info .phones{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .modal.general .container .content .info .phones{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .modal.general .container .content .info .phones{
    margin-top:16px
  }
}

.modal .overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:100
}

.builder-area{
  position:relative;
  z-index:4
}

.builder-area>section{
  --margin: var(--builder-vertical-padding)
}

.builder-area>section.--transparent{
  margin-top:var(--margin);
  margin-bottom:var(--margin)
}

.builder-area>section.--transparent:first-child{
  margin-top:var(--builder-vertical-padding-small)
}

.builder-area>section:not(.--transparent){
  padding-top:var(--margin);
  padding-bottom:var(--margin)
}

.builder.glossary-entry .content{
  max-width:var(--container-thin-width)
}

.builder.glossary-entry .content .text{
  margin-top:40px
}

.builder.glossary-entry .content .text>*+*{
  margin-top:16px
}

.builder.glossary-entry .content .text>*+h1,.builder.glossary-entry .content .text>*+h2,.builder.glossary-entry .content .text>*+h3,.builder.glossary-entry .content .text>*+h4,.builder.glossary-entry .content .text>*+h5,.builder.glossary-entry .content .text>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .builder.glossary-entry .content .text>*+h1,.builder.glossary-entry .content .text>*+h2,.builder.glossary-entry .content .text>*+h3,.builder.glossary-entry .content .text>*+h4,.builder.glossary-entry .content .text>*+h5,.builder.glossary-entry .content .text>*+h6{
    margin-top:24px
  }
}

.builder.glossary-entry .content .text>h1+*,.builder.glossary-entry .content .text>h2+*,.builder.glossary-entry .content .text>h3+*,.builder.glossary-entry .content .text>h4+*,.builder.glossary-entry .content .text>h5+*,.builder.glossary-entry .content .text>h6+*{
  margin-top:16px
}

.builder.glossary-entry .content .text a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.builder.glossary-entry .content .text a:not(.button):hover{
  color:var(--primary-hover)
}

.builder.glossary-entry .content .text ul,.builder.glossary-entry .content .text ol{
  margin:8px 0
}

.builder.glossary-entry .content .text ul li,.builder.glossary-entry .content .text ol li{
  margin-bottom:8px
}

.builder.glossary-entry .content .text ul li ul,.builder.glossary-entry .content .text ul li ol,.builder.glossary-entry .content .text ol li ul,.builder.glossary-entry .content .text ol li ol{
  margin-top:8px;
  padding-left:32px
}

.builder.glossary-entry .content .text ul{
  list-style:none
}

.builder.glossary-entry .content .text ul li{
  position:relative;
  padding-left:24px
}

.builder.glossary-entry .content .text ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.builder.glossary-entry .content .text ol li{
  counter-increment:li
}

.builder.glossary-entry .content .text ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

.builder.glossary-alphabet .alphabeth{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}

.builder.glossary-alphabet .alphabeth li a{
  font-size:20px;
  line-height:150%;
  font-weight:400;
  padding:16px 20px;
  border-radius:8px;
  border:1px solid var(--line);
  display:block;
  color:var(--black)
}

@media (max-width: 1023px){
  .builder.glossary-alphabet .alphabeth li a{
    font-size:18px
  }
}

@media (max-width: 1023px){
  .builder.glossary-alphabet .alphabeth li a{
    padding:12px 16px;
    font-size:16px;
    line-height:150%;
    font-weight:400
  }
}

@media (max-width: 1023px) and (max-width: 1023px){
  .builder.glossary-alphabet .alphabeth li a{
    font-size:16px
  }
}

.builder.glossary-alphabet .alphabeth li.all,.builder.glossary-alphabet .alphabeth li.exist{
  cursor:pointer
}

.builder.glossary-alphabet .alphabeth li.all:hover a,.builder.glossary-alphabet .alphabeth li.exist:hover a{
  border-color:var(--primary)
}

.builder.glossary-alphabet .alphabeth li.not-exist{
  opacity:.4;
  cursor:default;
  pointer-events:none
}

@media (max-width: 1023px){
  .builder.glossary-alphabet .alphabeth li.not-exist{
    display:none
  }
}

.builder.glossary-terms-list .terms{
  --columns: 4;
  --column-gap: 24px;
  --row-gap: 40px;
  row-gap:var(--row-gap);
  column-gap:var(--column-gap);
  display:flex;
  flex-wrap:wrap
}

.builder.glossary-terms-list .terms>*{
  flex-basis:calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1))
}

@media (max-width: 1023px){
  .builder.glossary-terms-list .terms{
    --columns: 3
  }
}

@media (max-width: 767px){
  .builder.glossary-terms-list .terms{
    --columns: 2
  }
}

.builder.glossary-terms-list .terms .group{
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.builder.glossary-terms-list .terms .group .letter{
  font-size:20px;
  line-height:150%;
  font-weight:400;
  font-weight:600;
  color:var(--primary);
  padding:10px;
  border-radius:8px;
  border:1px solid var(--line)
}

@media (max-width: 1023px){
  .builder.glossary-terms-list .terms .group .letter{
    font-size:18px
  }
}

@media (max-width: 1023px){
  .builder.glossary-terms-list .terms .group .letter{
    padding:12px 16px;
    font-size:16px;
    line-height:150%;
    font-weight:400;
    font-weight:600
  }
}

@media (max-width: 1023px) and (max-width: 1023px){
  .builder.glossary-terms-list .terms .group .letter{
    font-size:16px
  }
}

.builder.glossary-terms-list .terms .group .list{
  margin-top:16px
}

@media (max-width: 1023px){
  .builder.glossary-terms-list .terms .group .list li.term{
    font-size:16px;
    line-height:160%;
    font-weight:400
  }
}

@media (max-width: 1023px) and (max-width: 1023px){
  .builder.glossary-terms-list .terms .group .list li.term{
    font-size:14px
  }
}

.builder.glossary-terms-list .terms .group .list li.term+li{
  margin-top:8px
}

.builder.glossary-terms-list .terms .group .list li.term a{
  color:var(--black);
  display:block
}

.builder.glossary-terms-list .terms .group .list li.term a:hover{
  color:var(--primary)
}

.builder.glossary-term-single .content{
  max-width:var(--container-thin-width)
}

@media (min-width: 1024px){
  .builder.glossary-term-single .heading{
    font-size:48px;
    line-height:120%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.glossary-term-single .heading{
    font-size:36px;
    line-height:125%;
    font-weight:600
  }
}

@media (max-width: 767px){
  .builder.glossary-term-single .heading{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

.builder.glossary-term-single .text>*+*{
  margin-top:16px
}

.builder.glossary-term-single .text>*+h1,.builder.glossary-term-single .text>*+h2,.builder.glossary-term-single .text>*+h3,.builder.glossary-term-single .text>*+h4,.builder.glossary-term-single .text>*+h5,.builder.glossary-term-single .text>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .builder.glossary-term-single .text>*+h1,.builder.glossary-term-single .text>*+h2,.builder.glossary-term-single .text>*+h3,.builder.glossary-term-single .text>*+h4,.builder.glossary-term-single .text>*+h5,.builder.glossary-term-single .text>*+h6{
    margin-top:24px
  }
}

.builder.glossary-term-single .text>h1+*,.builder.glossary-term-single .text>h2+*,.builder.glossary-term-single .text>h3+*,.builder.glossary-term-single .text>h4+*,.builder.glossary-term-single .text>h5+*,.builder.glossary-term-single .text>h6+*{
  margin-top:16px
}

.builder.glossary-term-single .text a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.builder.glossary-term-single .text a:not(.button):hover{
  color:var(--primary-hover)
}

.builder.glossary-term-single .text ul,.builder.glossary-term-single .text ol{
  margin:8px 0
}

.builder.glossary-term-single .text ul li,.builder.glossary-term-single .text ol li{
  margin-bottom:8px
}

.builder.glossary-term-single .text ul li ul,.builder.glossary-term-single .text ul li ol,.builder.glossary-term-single .text ol li ul,.builder.glossary-term-single .text ol li ol{
  margin-top:8px;
  padding-left:32px
}

.builder.glossary-term-single .text ul{
  list-style:none
}

.builder.glossary-term-single .text ul li{
  position:relative;
  padding-left:24px
}

.builder.glossary-term-single .text ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.builder.glossary-term-single .text ol li{
  counter-increment:li
}

.builder.glossary-term-single .text ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

.builder.content-area{
  color:var(--color, var(--black));
  background-color:var(--background-color, transparent)
}

.builder.content-area .container{
  --margin-top: 64px;
  display:flex;
  flex-direction:column
}

@media (max-width: 767px){
  .builder.content-area .container{
    --margin-top: 32px
  }
}

.builder.content-area .container>*+*{
  margin-top:var(--margin-top)
}

.builder.content-area .heading.--align-center,.builder.content-area .text-element.--align-center,.builder.content-area .image{
  margin-left:auto;
  margin-right:auto
}

.builder.content-area .heading,.builder.content-area .text-element,.builder.content-area .image{
  max-width:var(--container-thin-width)
}

.builder.content-area .title,.builder.content-area .heading{
  text-wrap:balance
}

.builder.content-area .title i,.builder.content-area .heading i{
  color:var(--primary)
}

.builder.content-area .heading.--align-center{
  text-align:center
}

.builder.content-area .heading+.text-element{
  --margin-top: 48px
}

@media (max-width: 767px){
  .builder.content-area .heading+.text-element{
    --margin-top: 32px
  }
}

@media (min-width: 1024px){
  .builder.content-area .heading.--size-h1{
    font-size:48px;
    line-height:120%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.content-area .heading.--size-h1{
    font-size:36px;
    line-height:125%;
    font-weight:600
  }
}

@media (max-width: 767px){
  .builder.content-area .heading.--size-h1{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  .builder.content-area .heading.--size-h2{
    font-size:36px;
    line-height:125%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.content-area .heading.--size-h2{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (max-width: 767px){
  .builder.content-area .heading.--size-h2{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  .builder.content-area .heading.--size-h3{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.content-area .heading.--size-h3{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  .builder.content-area .heading.--size-h41{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.content-area .heading.--size-h41{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  .builder.content-area .heading.--size-h5{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.content-area .heading.--size-h5{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

@media (min-width: 1024px){
  .builder.content-area .heading.--size-h6{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.content-area .heading.--size-h6{
    font-size:16px
  }
}

.builder.content-area .text-element{
  color:var(--color, var(--grey))
}

.builder.content-area .text-element>*+*{
  margin-top:16px
}

.builder.content-area .text-element>*+h1,.builder.content-area .text-element>*+h2,.builder.content-area .text-element>*+h3,.builder.content-area .text-element>*+h4,.builder.content-area .text-element>*+h5,.builder.content-area .text-element>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .builder.content-area .text-element>*+h1,.builder.content-area .text-element>*+h2,.builder.content-area .text-element>*+h3,.builder.content-area .text-element>*+h4,.builder.content-area .text-element>*+h5,.builder.content-area .text-element>*+h6{
    margin-top:24px
  }
}

.builder.content-area .text-element>h1+*,.builder.content-area .text-element>h2+*,.builder.content-area .text-element>h3+*,.builder.content-area .text-element>h4+*,.builder.content-area .text-element>h5+*,.builder.content-area .text-element>h6+*{
  margin-top:16px
}

.builder.content-area .text-element a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.builder.content-area .text-element a:not(.button):hover{
  color:var(--primary-hover)
}

.builder.content-area .text-element ul,.builder.content-area .text-element ol{
  margin:8px 0
}

.builder.content-area .text-element ul li,.builder.content-area .text-element ol li{
  margin-bottom:8px
}

.builder.content-area .text-element ul li ul,.builder.content-area .text-element ul li ol,.builder.content-area .text-element ol li ul,.builder.content-area .text-element ol li ol{
  margin-top:8px;
  padding-left:32px
}

.builder.content-area .text-element ul{
  list-style:none
}

.builder.content-area .text-element ul li{
  position:relative;
  padding-left:24px
}

.builder.content-area .text-element ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.builder.content-area .text-element ol li{
  counter-increment:li
}

.builder.content-area .text-element ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

.builder.content-area .text-element.--size-small{
  font-size:16px;
  line-height:160%;
  font-weight:400
}

@media (max-width: 1023px){
  .builder.content-area .text-element.--size-small{
    font-size:14px
  }
}

.builder.content-area .text-element.--size-medium{
  font-size:16px;
  line-height:150%;
  font-weight:400
}

@media (max-width: 1023px){
  .builder.content-area .text-element.--size-medium{
    font-size:16px
  }
}

.builder.content-area .text-element.--size-large{
  font-size:20px;
  line-height:150%;
  font-weight:400
}

@media (max-width: 1023px){
  .builder.content-area .text-element.--size-large{
    font-size:18px
  }
}

.builder.content-area .buttons{
  display:flex;
  justify-content:center;
  gap:24px
}

.builder.content-area .columns{
  --margin-top: 64px;
  --columns: 3;
  --column-gap: 40px;
  --row-gap: 40px;
  row-gap:var(--row-gap);
  column-gap:var(--column-gap);
  display:flex;
  flex-wrap:wrap
}

.builder.content-area .columns>*{
  flex-basis:calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1))
}

@media (max-width: 767px){
  .builder.content-area .columns{
    --columns: 1
  }
}

.builder.content-area .columns .column.--align-center{
  text-align:center
}

.builder.content-area .columns .icon+*{
  margin-top:24px
}

.builder.content-area .columns .icon img{
  --size: 56px;
  width:var(--size);
  height:var(--size)
}

.builder.content-area .columns .title+.text{
  margin-top:24px
}

@media (max-width: 767px){
  .builder.content-area .columns .title+.text{
    margin-top:8px
  }
}

.builder.content-area .columns .text{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  color:var(--color, var(--grey))
}

@media (max-width: 1023px){
  .builder.content-area .columns .text{
    font-size:14px
  }
}

.builder.content-area .rows{
  display:flex;
  flex-direction:column;
  gap:24px
}

@media (max-width: 767px){
  .builder.content-area .rows{
    gap:16px
  }
}

.builder.content-area .rows .row{
  display:flex;
  gap:40px;
  border:1px solid var(--line);
  background-color:#fff;
  padding:24px;
  border-radius:16px
}

@media (max-width: 767px){
  .builder.content-area .rows .row{
    flex-direction:column;
    gap:8px
  }
}

.builder.content-area .rows .row .title{
  width:33%;
  flex-shrink:0
}

@media (min-width: 1024px){
  .builder.content-area .rows .row .title{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.content-area .rows .row .title{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

@media (max-width: 767px){
  .builder.content-area .rows .row .title{
    width:100%
  }
}

.builder.content-area .rows .row .text{
  font-size:20px;
  line-height:150%;
  font-weight:400;
  color:var(--color, var(--grey))
}

@media (max-width: 1023px){
  .builder.content-area .rows .row .text{
    font-size:18px
  }
}

@media (max-width: 767px){
  .builder.content-area .rows .row .text{
    font-size:16px;
    line-height:150%;
    font-weight:400
  }
}

@media (max-width: 767px) and (max-width: 1023px){
  .builder.content-area .rows .row .text{
    font-size:16px
  }
}

.builder.pricing-plans{
  background-color:var(--grey-bg)
}

.builder.pricing-plans .plans{
  --columns: 3;
  --column-gap: 40px;
  --row-gap: 40px;
  row-gap:var(--row-gap);
  column-gap:var(--column-gap);
  display:flex;
  flex-wrap:wrap
}

.builder.pricing-plans .plans>*{
  flex-basis:calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1))
}

@media (max-width: 1023px){
  .builder.pricing-plans .plans{
    --column-gap: 16px
  }
}

@media (max-width: 767px){
  .builder.pricing-plans .plans{
    --columns: 1;
    --row-gap: 24px
  }
}

.builder.pricing-plans .plans .plan{
  --margin-top: 32px;
  background-color:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:40px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center
}

@media (max-width: 1023px){
  .builder.pricing-plans .plans .plan{
    padding:24px
  }
}

.builder.pricing-plans .plans .plan>*+*{
  margin-top:var(--margin-top)
}

@media (min-width: 1024px){
  .builder.pricing-plans .plans .plan .name{
    font-size:22px;
    line-height:127%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.pricing-plans .plans .plan .name{
    font-size:18px;
    line-height:150%;
    font-weight:600
  }
}

.builder.pricing-plans .plans .plan .note{
  --margin-top: 8px;
  font-size:16px;
  line-height:160%;
  font-weight:400;
  color:var(--grey)
}

@media (max-width: 1023px){
  .builder.pricing-plans .plans .plan .note{
    font-size:14px
  }
}

@media (min-width: 1024px){
  .builder.pricing-plans .plans .plan .price{
    font-size:36px;
    line-height:125%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .builder.pricing-plans .plans .plan .price{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (max-width: 767px){
  .builder.pricing-plans .plans .plan .price{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

.builder.pricing-plans .plans .plan .description{
  width:100%;
  text-align:left;
  font-size:16px;
  line-height:160%;
  font-weight:400;
  color:var(--grey);
  margin-bottom:var(--margin-top)
}

.builder.pricing-plans .plans .plan .description>*+*{
  margin-top:16px
}

.builder.pricing-plans .plans .plan .description>*+h1,.builder.pricing-plans .plans .plan .description>*+h2,.builder.pricing-plans .plans .plan .description>*+h3,.builder.pricing-plans .plans .plan .description>*+h4,.builder.pricing-plans .plans .plan .description>*+h5,.builder.pricing-plans .plans .plan .description>*+h6{
  margin-top:32px
}

@media (max-width: 1023px){
  .builder.pricing-plans .plans .plan .description>*+h1,.builder.pricing-plans .plans .plan .description>*+h2,.builder.pricing-plans .plans .plan .description>*+h3,.builder.pricing-plans .plans .plan .description>*+h4,.builder.pricing-plans .plans .plan .description>*+h5,.builder.pricing-plans .plans .plan .description>*+h6{
    margin-top:24px
  }
}

.builder.pricing-plans .plans .plan .description>h1+*,.builder.pricing-plans .plans .plan .description>h2+*,.builder.pricing-plans .plans .plan .description>h3+*,.builder.pricing-plans .plans .plan .description>h4+*,.builder.pricing-plans .plans .plan .description>h5+*,.builder.pricing-plans .plans .plan .description>h6+*{
  margin-top:16px
}

.builder.pricing-plans .plans .plan .description a:not(.button){
  font-weight:600;
  color:var(--primary);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:all .2s ease-in-out
}

.builder.pricing-plans .plans .plan .description a:not(.button):hover{
  color:var(--primary-hover)
}

.builder.pricing-plans .plans .plan .description ul,.builder.pricing-plans .plans .plan .description ol{
  margin:8px 0
}

.builder.pricing-plans .plans .plan .description ul li,.builder.pricing-plans .plans .plan .description ol li{
  margin-bottom:8px
}

.builder.pricing-plans .plans .plan .description ul li ul,.builder.pricing-plans .plans .plan .description ul li ol,.builder.pricing-plans .plans .plan .description ol li ul,.builder.pricing-plans .plans .plan .description ol li ol{
  margin-top:8px;
  padding-left:32px
}

.builder.pricing-plans .plans .plan .description ul{
  list-style:none
}

.builder.pricing-plans .plans .plan .description ul li{
  position:relative;
  padding-left:24px
}

.builder.pricing-plans .plans .plan .description ul li:before{
  --size: 7px;
  content:"";
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  position:absolute;
  top:8px;
  left:0;
  background-color:var(--primary)
}

.builder.pricing-plans .plans .plan .description ol li{
  counter-increment:li
}

.builder.pricing-plans .plans .plan .description ol li:before{
  content:counter(li) ".";
  color:var(--primary);
  font-weight:600;
  margin-right:8px
}

@media (max-width: 1023px){
  .builder.pricing-plans .plans .plan .description{
    font-size:14px
  }
}

.builder.pricing-plans .plans .plan .button{
  width:100%;
  margin-top:auto
}

@media (max-width: 767px){
  .builder.pricing-compare .table{
    overflow:auto;
    margin-left:calc(var(--container-padding) * -1);
    margin-right:calc(var(--container-padding) * -1);
    padding-left:var(--container-padding);
    padding-right:var(--container-padding)
  }
}

.builder.pricing-compare .table table{
  --radius: 12px;
  width:100%;
  border-collapse:separate;
  border-spacing:1px
}

.builder.pricing-compare .table table thead th{
  font-size:16px;
  line-height:150%;
  font-weight:400;
  color:var(--primary);
  text-align:center;
  font-weight:600
}

@media (max-width: 1023px){
  .builder.pricing-compare .table table thead th{
    font-size:16px
  }
}

.builder.pricing-compare .table table tbody tr td:first-child{
  text-align:left;
  font-weight:600
}

@media (max-width: 767px){
  .builder.pricing-compare .table table tbody tr td:first-child{
    min-width:200px
  }
}

.builder.pricing-compare .table table tbody tr:nth-child(even) td{
  background-color:var(--grey-bg)
}

.builder.pricing-compare .table table tbody tr:first-child td:first-child{
  border-top-left-radius:var(--radius)
}

.builder.pricing-compare .table table tbody tr:first-child td:last-child{
  border-top-right-radius:var(--radius)
}

.builder.pricing-compare .table table tbody tr:last-child td:first-child{
  border-bottom-left-radius:var(--radius)
}

.builder.pricing-compare .table table tbody tr:last-child td:last-child{
  border-bottom-right-radius:var(--radius)
}

.builder.pricing-compare .table table tbody td{
  border:0;
  box-shadow:0 0 0 1px var(--line)
}

.builder.pricing-compare .table table th,.builder.pricing-compare .table table td{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  padding:16px 24px;
  text-align:center
}

@media (max-width: 1023px){
  .builder.pricing-compare .table table th,.builder.pricing-compare .table table td{
    font-size:14px
  }
}

@media (max-width: 767px){
  .builder.pricing-compare .table table th,.builder.pricing-compare .table table td{
    padding:12px 16px
  }
}

.builder.pricing-compare .table table th svg,.builder.pricing-compare .table table td svg{
  --size: 32px;
  width:var(--size);
  height:var(--size)
}

@media (max-width: 767px){
  .builder.pricing-compare .table table th svg,.builder.pricing-compare .table table td svg{
    --size: 24px
  }
}

.lp-area{
  --block-margin: 96px
}

@media (max-width: 1023px){
  .lp-area{
    --block-margin: 64px
  }
}

@media (max-width: 767px){
  .lp-area{
    --block-margin: 48px
  }
}

.lp-area .lp-section{
  font-size:17px;
  line-height:150%
}

@media (max-width: 767px){
  .lp-area .lp-section{
    font-size:14px
  }
}

.lp-area .lp-section+.lp-section{
  margin-top:var(--block-margin)
}

.lp-area .lp-section h2{
  font-size:62px;
  line-height:100%;
  font-weight:300
}

@media (max-width: 1023px){
  .lp-area .lp-section h2{
    font-size:48px
  }
}

@media (max-width: 767px){
  .lp-area .lp-section h2{
    font-size:36px
  }
}

@media (max-width: 479px){
  .lp-area .lp-section h2{
    font-size:28px
  }
}

.lp-area .lp-download{
  --hmargin: 16px;
  --vmargin: 8px;
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1);
  justify-content:center
}

.lp-area .lp-download>*{
  margin:var(--vmargin) var(--hmargin)
}

@media (max-width: 767px){
  .lp-area .lp-download{
    --hmargin: 8px
  }
}

@media (max-width: 549px){
  .lp-area .lp-download{
    flex-direction:column
  }
}

.lp-area .lp-heading i{
  color:var(--primary)
}

.lp-area .lp-hero{
  position:relative;
  padding:var(--block-margin) 0;
  text-align:center
}

.lp-area .lp-hero .container.fluid{
  margin-left:var(--container-padding);
  margin-right:var(--container-padding);
  position:absolute;
  left:0;
  top:0;
  width:calc(100% - var(--container-padding) * 2);
  max-width:100%;
  height:100%;
  z-index:-1;
  border-radius:40px;
  background-color:var(--primary-bg-light)
}

.lp-area .lp-hero .content{
  padding:0 var(--container-padding)
}

.lp-area .lp-hero .content h1{
  font-size:74px;
  line-height:130%;
  font-weight:250
}

@media (max-width: 1023px){
  .lp-area .lp-hero .content h1{
    font-size:62px
  }
}

@media (max-width: 767px){
  .lp-area .lp-hero .content h1{
    font-size:48px
  }
}

@media (max-width: 599px){
  .lp-area .lp-hero .content h1{
    font-size:36px
  }
}

@media (max-width: 479px){
  .lp-area .lp-hero .content h1{
    font-size:32px
  }
}

.lp-area .lp-hero .content .text{
  margin-top:32px;
  font-size:24px;
  line-height:150%
}

@media (max-width: 767px){
  .lp-area .lp-hero .content .text{
    font-size:19px
  }
}

.lp-area .lp-hero .content .lp-download{
  margin-top:48px
}

.lp-area .lp-audio .text{
  text-align:center;
  font-size:24px;
  line-height:150%;
  text-wrap:balance
}

@media (max-width: 767px){
  .lp-area .lp-audio .text{
    font-size:19px
  }
}

.lp-area .lp-audio .text i{
  color:var(--primary)
}

.lp-area .lp-audio .vendors{
  --hmargin: 20px;
  --vmargin: 12px;
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1);
  justify-content:center;
  align-items:center;
  margin-top:32px
}

.lp-area .lp-audio .vendors>*{
  margin:var(--vmargin) var(--hmargin)
}

.lp-area .lp-audio .vendors li svg{
  display:block
}

@media (max-width: 767px){
  .lp-area .lp-audio .vendors li svg{
    height:32px;
    width:auto
  }
}

.lp-area .lp-ai-assistant h2{
  text-align:center
}

.lp-area .lp-ai-assistant .cases{
  --columns: 3;
  --column-gap: 32px;
  --row-gap: 32px;
  row-gap:var(--row-gap);
  column-gap:var(--column-gap);
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  margin-top:40px
}

.lp-area .lp-ai-assistant .cases>*{
  flex-basis:calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1))
}

@media (max-width: 767px){
  .lp-area .lp-ai-assistant .cases{
    --columns: 1;
    --row-gap: 16px
  }
}

.lp-area .lp-ai-assistant .cases li{
  padding:20px;
  border:1px solid var(--line);
  border-radius:32px;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.lp-area .lp-ai-assistant .cases li .tag{
  font-size:14px;
  line-height:130%;
  font-weight:500;
  padding:8px 16px;
  border-radius:100px;
  color:var(--text-color);
  background-color:var(--bg-color)
}

@media (max-width: 767px){
  .lp-area .lp-ai-assistant .cases li .tag{
    font-size:13px
  }
}

.lp-area .lp-ai-assistant .cases li .tag.blue{
  --text-color: #4B86F2;
  --bg-color: #E6EEFF
}

.lp-area .lp-ai-assistant .cases li .tag.yellow{
  --text-color: #CF9C27;
  --bg-color: #FFF8E5
}

.lp-area .lp-ai-assistant .cases li .tag.green{
  --text-color: #12A670;
  --bg-color: #E0FFF4
}

.lp-area .lp-ai-assistant .cases li .text{
  margin-top:24px
}

@media (max-width: 767px){
  .lp-area .lp-ai-assistant .cases li .text{
    margin-top:16px
  }
}

.lp-area .lp-not-bot{
  overflow:hidden
}

.lp-area .lp-not-bot .container .inner{
  --offset: 48px;
  color:#fff;
  background:linear-gradient(180deg,#1A1624 0%,#463E59 100%);
  margin:0 calc(var(--offset) * -1);
  border-radius:32px;
  padding:var(--block-margin) var(--offset) 0;
  display:flex;
  gap:64px
}

@media (max-width: 549px){
  .lp-area .lp-not-bot .container .inner{
    flex-direction:column;
    gap:24px
  }
}

.lp-area .lp-not-bot .container .inner .content{
  padding-bottom:48px
}

@media (max-width: 549px){
  .lp-area .lp-not-bot .container .inner .content{
    padding-bottom:0
  }
}

.lp-area .lp-not-bot .container .inner .content .text{
  margin-top:24px;
  font-size:24px;
  line-height:150%
}

@media (max-width: 767px){
  .lp-area .lp-not-bot .container .inner .content .text{
    font-size:19px
  }
}

.lp-area .lp-not-bot .container .inner .image{
  flex-shrink:0;
  align-self:flex-end
}

@media (max-width: 767px){
  .lp-area .lp-not-bot .container .inner .image{
    width:35%
  }
}

@media (max-width: 549px){
  .lp-area .lp-not-bot .container .inner .image{
    width:180px;
    margin-top:-24px
  }
}

.lp-area .lp-comparison .sentences{
  max-width:1160px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:24px
}

@media (max-width: 1023px){
  .lp-area .lp-comparison .sentences{
    gap:16px
  }
}

@media (max-width: 767px){
  .lp-area .lp-comparison .sentences{
    gap:12px
  }
}

@media (max-width: 549px){
  .lp-area .lp-comparison .sentences{
    gap:8px
  }
}

.lp-area .lp-comparison .sentences .sentence{
  --columns: 2;
  --column-gap: 40px;
  --row-gap: 24px;
  row-gap:var(--row-gap);
  column-gap:var(--column-gap);
  display:flex;
  flex-wrap:wrap;
  align-items:center
}

.lp-area .lp-comparison .sentences .sentence>*{
  flex-basis:calc(100% / var(--columns) - var(--column-gap) / var(--columns) * (var(--columns) - 1))
}

@media (max-width: 1023px){
  .lp-area .lp-comparison .sentences .sentence{
    --column-gap: 24px
  }
}

@media (max-width: 767px){
  .lp-area .lp-comparison .sentences .sentence{
    --column-gap: 16px
  }
}

@media (max-width: 549px){
  .lp-area .lp-comparison .sentences .sentence{
    --column-gap: 8px
  }
}

.lp-area .lp-comparison .sentences .sentence .bad,.lp-area .lp-comparison .sentences .sentence .good{
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px;
  border-radius:16px;
  overflow:hidden
}

@media (max-width: 767px){
  .lp-area .lp-comparison .sentences .sentence .bad,.lp-area .lp-comparison .sentences .sentence .good{
    padding:16px;
    gap:12px
  }
}

@media (max-width: 549px){
  .lp-area .lp-comparison .sentences .sentence .bad,.lp-area .lp-comparison .sentences .sentence .good{
    padding:12px;
    gap:8px
  }
}

.lp-area .lp-comparison .sentences .sentence .bad .icon,.lp-area .lp-comparison .sentences .sentence .good .icon{
  --size: 32px;
  width:var(--size);
  height:var(--size);
  flex-shrink:0
}

@media (max-width: 767px){
  .lp-area .lp-comparison .sentences .sentence .bad .icon,.lp-area .lp-comparison .sentences .sentence .good .icon{
    --size: 24px
  }
}

@media (max-width: 549px){
  .lp-area .lp-comparison .sentences .sentence .bad .icon,.lp-area .lp-comparison .sentences .sentence .good .icon{
    --size: 16px
  }
}

.lp-area .lp-comparison .sentences .sentence .bad .icon svg,.lp-area .lp-comparison .sentences .sentence .good .icon svg{
  display:block
}

@media (max-width: 549px){
  .lp-area .lp-comparison .sentences .sentence .bad .text,.lp-area .lp-comparison .sentences .sentence .good .text{
    font-size:14px;
    line-height:130%
  }
}

@media (max-width: 549px) and (max-width: 767px){
  .lp-area .lp-comparison .sentences .sentence .bad .text,.lp-area .lp-comparison .sentences .sentence .good .text{
    font-size:13px
  }
}

.lp-area .lp-comparison .sentences .sentence .bad{
  background-color:#fff0f0
}

.lp-area .lp-comparison .sentences .sentence .good{
  background-color:#e0fff4
}

.lp-area .lp-how-work h2{
  text-align:center
}

.lp-area .lp-how-work .steps{
  display:flex;
  flex-direction:column;
  margin-top:40px;
  gap:40px
}

@media (max-width: 767px){
  .lp-area .lp-how-work .steps{
    gap:24px
  }
}

@media (max-width: 549px){
  .lp-area .lp-how-work .steps{
    gap:16px
  }
}

.lp-area .lp-how-work .steps .step{
  display:flex;
  gap:32px
}

@media (max-width: 767px){
  .lp-area .lp-how-work .steps .step{
    gap:24px
  }
}

@media (max-width: 549px){
  .lp-area .lp-how-work .steps .step{
    gap:16px
  }
}

.lp-area .lp-how-work .steps .step.green{
  --bg-color: #00AC47
}

.lp-area .lp-how-work .steps .step.blue{
  --bg-color: #4B86F2
}

.lp-area .lp-how-work .steps .step.yellow{
  --bg-color: #FFC94D
}

.lp-area .lp-how-work .steps .step .circles{
  display:flex;
  align-items:center;
  gap:20px;
  flex-shrink:0;
  padding:64px;
  background-color:#f8f8fa;
  border-radius:32px
}

@media (max-width: 1023px){
  .lp-area .lp-how-work .steps .step .circles{
    padding:48px
  }
}

@media (max-width: 767px){
  .lp-area .lp-how-work .steps .step .circles{
    padding:32px;
    gap:16px
  }
}

@media (max-width: 549px){
  .lp-area .lp-how-work .steps .step .circles{
    padding:16px;
    gap:12px
  }
}

.lp-area .lp-how-work .steps .step .circles i{
  --size: 64px;
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  background-color:var(--bg-color)
}

@media (max-width: 1023px){
  .lp-area .lp-how-work .steps .step .circles i{
    --size: 48px
  }
}

@media (max-width: 767px){
  .lp-area .lp-how-work .steps .step .circles i{
    --size: 32px
  }
}

@media (max-width: 549px){
  .lp-area .lp-how-work .steps .step .circles i{
    --size: 24px
  }
}

@media (max-width: 479px){
  .lp-area .lp-how-work .steps .step .circles i{
    --size: 20px
  }
}

.lp-area .lp-how-work .steps .step .content{
  background-color:var(--bg-color);
  border-radius:32px;
  padding:56px 40px;
  flex-grow:1;
  color:#fff
}

@media (max-width: 767px){
  .lp-area .lp-how-work .steps .step .content{
    padding:40px 24px
  }
}

@media (max-width: 549px){
  .lp-area .lp-how-work .steps .step .content{
    padding:32px 20px
  }
}

.lp-area .lp-how-work .steps .step .content h3{
  font-size:24px;
  line-height:150%;
  font-weight:700
}

@media (max-width: 767px){
  .lp-area .lp-how-work .steps .step .content h3{
    font-size:19px
  }
}

.lp-area .lp-how-work .steps .step .content .text{
  margin-top:16px
}

.lp-area .lp-testing{
  text-align:center;
  color:#fff;
  position:relative;
  padding:var(--block-margin) 0
}

.lp-area .lp-testing .container.fluid{
  margin-left:var(--container-padding);
  margin-right:var(--container-padding);
  position:absolute;
  left:0;
  top:0;
  width:calc(100% - var(--container-padding) * 2);
  max-width:100%;
  height:100%;
  z-index:-1;
  border-radius:40px;
  background-color:var(--primary-bg-dark)
}

.lp-area .lp-testing .content{
  padding:0 var(--container-padding)
}

@media (min-width: 1024px){
  .lp-area .lp-testing .content h2.lp-heading{
    font-size:36px;
    line-height:125%;
    font-weight:600
  }
}

@media (max-width: 1023px){
  .lp-area .lp-testing .content h2.lp-heading{
    font-size:28px;
    line-height:129%;
    font-weight:600
  }
}

@media (max-width: 767px){
  .lp-area .lp-testing .content h2.lp-heading{
    font-size:22px;
    line-height:133%;
    font-weight:600
  }
}

.lp-area .lp-testing .content .container{
  display:flex;
  flex-direction:column;
  align-items:center
}

.lp-area .lp-testing .content .text{
  margin-top:16px
}

.lp-area .lp-testing .content .lp-download{
  margin-top:48px
}

.lp-area .lp-faq .container{
  display:flex;
  flex-direction:column;
  align-items:center
}

.lp-area .lp-faq .faq{
  max-width:1000px;
  width:100%;
  margin-top:40px;
  display:flex;
  flex-direction:column;
  gap:24px
}

.lp-area .lp-faq .faq .faq-item{
  border-radius:16px;
  background-color:var(--primary-bg-light)
}

.lp-area .lp-faq .faq .faq-item .question{
  cursor:pointer;
  font-size:24px;
  line-height:150%;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px
}

@media (max-width: 767px){
  .lp-area .lp-faq .faq .faq-item .question{
    font-size:19px
  }
}

.lp-area .lp-faq .faq .faq-item .question:after{
  --size: 32px;
  content:"";
  flex-shrink:0;
  width:var(--size);
  height:var(--size);
  transition:all .25s ease-in-out;
  background-size:100%;
  background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 11.2929C5.68342 10.9024 6.31658 10.9024 6.70711 11.2929L16 20.5858L25.2929 11.2929C25.6834 10.9024 26.3166 10.9024 26.7071 11.2929C27.0976 11.6834 27.0976 12.3166 26.7071 12.7071L16.7071 22.7071C16.3166 23.0976 15.6834 23.0976 15.2929 22.7071L5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929Z' fill='%23252033'/%3E%3C/svg%3E%0A")
}

@media (max-width: 767px){
  .lp-area .lp-faq .faq .faq-item .question:after{
    --size: 24px
  }
}

.lp-area .lp-faq .faq .faq-item.opened .question:after{
  transform:rotate(180deg)
}

.lp-area .lp-faq .faq .faq-item .answer{
  padding:0 20px
}

.lp-area .lp-faq .faq .faq-item .answer:after{
  display:block;
  content:"";
  height:20px
}


/* ======================================================================== */
/* Подвал
/* ======================================================================== */

#footer-legacy{
  color:#fff;
  background-color:var(--primary-bg-dark);
  padding:48px 0
}

@media (max-width: 767px){
  #footer-legacy{
    padding:32px 0
  }
}

#footer-legacy .logo img{
  width:120px
}

@media (max-width: 767px){
  #footer-legacy .logo img{
    width:96px
  }
}

#footer-legacy .columns{
  display:flex;
  justify-content:space-between;
  gap:80px
}

@media (max-width: 767px){
  #footer-legacy .columns{
    flex-direction:column;
    gap:24px
  }
}

#footer-legacy .columns .menu{
  display:flex;
  gap:80px
}

#footer-legacy .columns .menu a{
  font-size:16px;
  line-height:160%;
  font-weight:400
}

@media (max-width: 1023px){
  #footer-legacy .columns .menu a{
    font-size:14px
  }
}

#footer-legacy .columns .menu a[href="#"]{
  pointer-events:none;
  text-transform:uppercase;
  color:var(--grey);
  font-weight:600
}

#footer-legacy .columns .menu a:hover{
  color:var(--primary-hover)
}

#footer-legacy .columns .menu .sub-menu,#footer-legacy .columns .menu>li{
  display:flex;
  flex-direction:column;
  gap:8px
}

#footer-legacy .columns .messengers,#footer-legacy .columns .socials{
  --hmargin: 8px;
  --vmargin: 4px;
  display:flex;
  flex-wrap:wrap;
  margin:calc(var(--vmargin) * -1) calc(var(--hmargin) * -1)
}

#footer-legacy .columns .messengers>*,#footer-legacy .columns .socials>*{
  margin:var(--vmargin) var(--hmargin)
}

#footer-legacy .columns .messengers a img,#footer-legacy .columns .socials a img{
  --size: 32px;
  width:var(--size);
  height:var(--size)
}

#footer-legacy .columns .socials+.messengers{
  margin-top:8px
}

#footer-legacy .subfooter{
  display:flex;
  justify-content:space-between;
  margin-top:48px
}

@media (max-width: 767px){
  #footer-legacy .subfooter{
    gap:8px;
    margin-top:32px;
    flex-direction:column
  }
}

#footer-legacy .subfooter,#footer-legacy .subfooter a{
  font-size:16px;
  line-height:160%;
  font-weight:400;
  color:var(--grey)
}

@media (max-width: 1023px){
  #footer-legacy .subfooter,#footer-legacy .subfooter a{
    font-size:14px
  }
}

@media (max-width: 767px){
  #footer-legacy .subfooter .copyright{
    order:2
  }
}

#footer-legacy .subfooter .menu{
  display:flex;
  gap:24px
}

@media (max-width: 767px){
  #footer-legacy .subfooter .menu{
    order:1;
    flex-direction:column;
    gap:8px
  }
}

#footer-legacy .subfooter .menu a:hover{
  color:var(--primary-hover)
}

.lp-area+#footer{
  margin-top:90px
}

@media (max-width: 1023px){
  .lp-area+#footer{
    margin-top:64px
  }
}

@media (max-width: 767px){
  .lp-area+#footer{
    margin-top:48px
  }
}

/* === Блог — архив === */

.blog-archive {
  padding: 48px 0 96px;
}

.blog-header {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 40px;
  align-items: center;
  margin-bottom: 40px;
}

.blog-back {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--secondary);
  text-decoration: none;
  transition: color 0.15s;
  white-space: nowrap;
}

.blog-back:hover {
  color: var(--black);
}

.blog-title {
  font-size: 48px;
  font-weight: 700;
  font-family: 'Onest', sans-serif;
  color: var(--black);
  line-height: 1.15;
}

.blog-layout {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 40px;
  align-items: start;
}

.blog-sidebar {
  position: sticky;
  top: 80px;
}

.blog-cats {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.blog-cats li a {
  font-size: 15px;
  color: var(--secondary);
  text-decoration: none;
  transition: color 0.15s;
}

.blog-cats li a:hover,
.blog-cats li.active a {
  color: var(--black);
  font-weight: 500;
}

.blog-posts {
  display: flex;
  flex-direction: column;
}

.blog-post-row {
  padding: 28px 0;
}

.blog-post-row:first-child {
  padding-top: 0;
}

.blog-post-row .post-category {
  display: block;
  font-size: 13px;
  color: var(--secondary);
  margin-bottom: 8px;
}

.blog-post-row .post-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
}

.blog-post-row .post-title a {
  color: var(--black);
  text-decoration: none;
  transition: color 0.15s;
}

.blog-post-row .post-title a:hover {
  color: var(--primary);
}

.blog-post-row .post-excerpt {
  font-size: 14px;
  color: var(--secondary);
  line-height: 1.65;
  margin-bottom: 12px;
}

.blog-post-row .post-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--secondary);
}

.blog-post-row .post-meta-sep {
  color: var(--border);
}

@media (max-width: 767px) {
  .blog-header {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .blog-title {
    font-size: 32px;
  }

  .blog-layout {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .blog-sidebar {
    display: none;
  }
}

/* Reset nav positioning overridden by inline styles on the homepage */
nav.footer-nav {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  z-index: auto;
  background: none;
  backdrop-filter: none;
  border-bottom: none;
  height: auto;
}

footer {
  padding: 48px 0 32px;
  border-top: 1px solid var(--border);
  background: var(--white);
}

.footer-top {
  display: flex;
  gap: 80px;
  margin-bottom: 48px;
}

.footer-logo {
    font-weight: 900;
    font-size: 16px;
    color: var(--primary);
    letter-spacing: -0.02em;
    width: 80px;
}

.footer-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.footer-nav {
  display: flex;
  gap: 64px;
  flex: 1;
}

.footer-col h4,
.footer-join h4 {
  font-size: 18px;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 12px;
  letter-spacing: 0.01em;
}

.footer-col ul,
.footer-join ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-col ul li a,
.footer-join ul li a {
  font-size: 14px;
  color: var(--secondary);
  text-decoration: none;
  transition: color 0.15s;
}

.footer-col ul li a:hover,
.footer-join ul li a:hover {
  color: var(--black) !important;
}

.footer-join {
  margin-left: auto;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}

.footer-copy {
  font-size: 14px;
  color: var(--secondary);
}

.footer-legal a {
  font-size: 14px;
  color: var(--secondary);
  text-decoration: none;
  transition: color 0.15s;
}

.footer-legal a:hover {
  color: var(--primary);
}
/* ─── SINGLE BLOG POST ─── */

.post-single-cat {
  font-size: 13px;
  color: var(--secondary);
  font-weight: 500;
}

.post-single-main {
  min-width: 0;
}

.post-single-title {
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 14px !important;
  font-family: 'Onest', sans-serif;
}

.post-single-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--secondary);
  margin-bottom: 36px;
}

.post-single-body {
  font-size: 15px;
  line-height: 1.75;
  color: var(--black);
}

.post-single-body > * + * {
  margin-top: 18px;
}

.post-single-body h2 {
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.25 !important;
  margin-top: 36px !important;
  margin-bottom: 12px !important;
}

.post-single-body h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.3 !important;
  margin-top: 28px !important;
  margin-bottom: 10px !important;
}

.post-single-body a:not(.button) {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.post-single-body a:not(.button):hover {
  opacity: 0.8;
}

.post-single-body ul,
.post-single-body ol {
  padding-left: 22px;
}

.post-single-body li {
  margin-bottom: 5px;
  line-height: 1.65;
}

.post-single-body strong,
.post-single-body b {
  font-weight: 700;
}

.post-single-body blockquote {
  border-left: 3px solid var(--primary);
  padding-left: 18px;
  color: var(--secondary);
  font-style: italic;
}

.post-toc ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.post-toc li a {
  font-size: 13px;
  color: var(--secondary);
  text-decoration: none;
  line-height: 1.45;
  display: block;
  transition: color 0.15s;
}

.post-toc li a:hover {
  color: var(--black);
}

.post-toc li.toc-sub {
  padding-left: 12px;
}

.post-toc li.toc-sub a {
  font-size: 12px;
}

@media (max-width: 767px) {
  .post-single-title {
    font-size: 26px !important;
  }

  .post-single-meta {
    flex-wrap: wrap;
    gap: 5px;
  }
}

.post-toc li a.toc-active {
  color: var(--black);
  font-weight: 500;
}