/* Start:/local/templates/asprocloud_v2/css/fonts/inter/css/inter.min.css?1777016140499*/
@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url('/local/templates/asprocloud_v2/css/fonts/inter/css/../fonts/inter-v20-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url('/local/templates/asprocloud_v2/css/fonts/inter/css/../fonts/inter-v20-cyrillic_cyrillic-ext_latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url('/local/templates/asprocloud_v2/css/fonts/inter/css/../fonts/inter-v20-cyrillic_cyrillic-ext_latin-600.woff2') format('woff2')}
/* End */


/* Start:/local/templates/asprocloud_v2/css/form.css?177270611214652*/
/* form */
div[id^=wait_comp], .bx-core-waitwindow {
  display:none;
}

.form {
  display: grid;
  gap: 1rem;
  max-width: 562px;
  width: 100%;
}
.form.form--labels-out .form__input {
  padding: 0.7rem 1.25rem;
  background-color: var(--main-bg-color);
}
.form.form--labels-out .form__input:focus {
  background-color: var(--white);
}
.form__label {
  --border-radius: 8px;
  text-align: left;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 600px) {
  .form {
    grid-template-columns: 1fr 1fr;
  }
  .form__label:not(.form__label--short),
  .form__element {
    grid-column-end: span 2;
  }
}

.form__label::after {
  content: attr(data-error);
  position: absolute;
  bottom: -18px;
  left: 0;
  display: none;
  color: var(--brand-red);
  line-height: 123%;
  font-size: 0.8125rem;
}
.form__label._error::after {
  display: block;
}
.form__label._error .form__input {
  border: 1px solid var(--brand-red);
}
.form__placeholder {
  font-weight: 400;
  font-size: var(--text-regular);
  line-height: 157%;
  color: var(--heading-color);
  margin-bottom: 0.25rem;
  display: inline-block;
}

.form__input {
  display: block;
  width: 100%;
  background-color: var(--white);
  border: 1px solid var(--divider-color);
  border-radius: var(--border-radius);
  /* padding: 0.874rem 1.25rem; */
  padding: 0.8625rem 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 147%;
}
.form__input:hover{
  border-color: #D8DCE6;
  cursor: pointer;
}
.form__input::placeholder {
  color: var(--placeholder-color);
}
.form__input:focus {
  border-color: #BFC3CF;
  background-color: var(--white);
}


.form textarea.form__input {
  resize: none;
  min-height: 128px;
}

.form__button {
  margin-top: 1.5rem;
}
.form__btn {
  width: 100%;
}
.form__agreement {
  color: var(--text-color);
}
.form__agreement a {
  transition: color 0.3s ease;
  color: var(--brand-blue);
}
@media (any-hover: hover) {
  .form__agreement a:hover {
    color: var(--text-color);
  }
}

.agreement-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.agreement-input:hover {
  cursor: pointer;
}

.agreement-input .agreement-checkbox:hover {
  background: #F5F7FC;
  border-color: #D8DCE6;
}

.agreement-text span{
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #555558;
  white-space: nowrap;
}

.agreement-input .agreement-text span:hover{
  color: #333338;
}

.agreement-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #E6E9F2;
  background: #fff;
  border-radius: 6px;
  text-align: center
}

.agreement-checkbox.active--dot {
  border: 1px solid var(--brand-blue);
  background: var(--brand-blue);
}

.agreement-input:hover .agreement-checkbox.active--dot {
  border: 1px solid var(--brand-blue-hover);
  background: var(--brand-blue-hover);
}

.agreement-checkbox.active--dot::before {
  content: "\2713";
  color: white;
}

.agreement-checkbox.required {
  border: 1px solid var(--brand-red);
}

.form__label.agreement-input.form__label--short{
  grid-column-end: span 2;
}


.form input[type="file"]{
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  z-index: -1;
  display: none;
}

.file-icon-flex{
  display: flex;
  align-items: center;
  gap: 10px;
    font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #969AA5;
}


.file_name{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 360px;
}

.bx-input-file-desc{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6875rem 1rem !important;
}


.file-icon{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #969AA5;
  mask: url("/local/templates/asprocloud_v2/css/../images/svg/icon_form_file.svg") no-repeat center / contain;
  -webkit-mask: url("/local/templates/asprocloud_v2/css/../images/svg/icon_form_file.svg") no-repeat center / contain;
  float: left
}


.delete_file{
  display: none;
}

.file-icon--close{
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #333338;
  mask: url("/local/templates/asprocloud_v2/css/../images/svg/close_medium.svg") no-repeat center / contain;
  -webkit-mask: url("/local/templates/asprocloud_v2/css/../images/svg/close_medium.svg") no-repeat center / contain;
  float: left
}

.delete_file:hover .file-icon--close{
    background-color: var(--brand-blue);
  }

.bx-input-file-desc.show_file{
  border: 1px solid #BFC3CF;
  background-color: var(--white) !important;
  .small-info{
    display: none;
  }
  .delete_file{
    display: block;
  }

  .file-icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #16CFAE;
    mask: url("/local/templates/asprocloud_v2/css/../images/svg/check_small.svg") no-repeat center / contain;
    -webkit-mask: url("/local/templates/asprocloud_v2/css/../images/svg/check_small.svg") no-repeat center / contain;
    float: left
  }

  .file-icon-flex{
    color: #333338;
  }

}

.bx-input-file-desc._error{
  border: 1px solid var(--brand-red);
  background-color: var(--white) !important;
  .small-info{
    display: none;
  }
  .delete_file{
    display: block;
  }
  .file_name{
    color: var(--brand-red);
  }
  .file-icon{
    background-color: var(--brand-red);
  }
}

@media screen and (max-width: 450px) {
  .file_name{
    max-width: 200px;
  }
}


/* FORMS */

/* .bx-chrome select.form-control{-webkit-appearance:none;padding-right:38px;}
.bx-chrome select.form-control{background:url(/local/templates/asprocloud_v2/css/images/svg/Arrow_small.svg) right 15px top 21px no-repeat;}
.input.error input,.input.error textarea{border-color:#e02222;}
.captcha_input.error input{border-color:#e02222;}
.form .recaptcha-row .input.error .g-recaptcha>div{border: 1px solid #e02222;}
.form .hidde_gr_block .g-recaptcha{opacity:0;visibility:hidden;}
.form .hidde_gr_block .recaptcha-row .g-recaptcha{opacity:1;visibility:visible;}
.form-control{height:43px;font-size:1.0667em;border-radius:0;box-shadow:none;border:none;height:auto;border-bottom:1px solid #e1e1e1;padding:10px 0;background:none;}
.form-group.animated-labels.input-filed .form-control{background:#fff;}
.form-group.animated-labels.input-filed input[type="checkbox"].form-control{  width: 20px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:#fff;}
.form-control:focus{border-color:#e1e1e1;box-shadow:none;}
textarea.form-control{height:43px;}
.popup{max-width:560px;margin:0 auto;}
.jqmWindow{left:0;opacity:0;position:fixed;width:580px;background:white;top:0!important;z-index:3050!important;}
.jqmWindow.crmWindow {padding: 0;}
.jqmWindow.map_frame{padding:40px;margin-left:0!important;}
.jqmWindow.map_frame .ymaps-glass-pane,
.jqmWindow.map_frame div.bx-yandex-map,
.jqmWindow.map_frame .ymaps-map,
.jqmWindow.map_frame .bx-yandex-view-map,
.jqmWindow.map_frame .module-map,
.jqmWindow.map_frame .module-contacts-map-layout,
.jqmWindow.map_frame .bx-google-map,
.jqmWindow.map_frame .bx-yandex-view-layout{height:100%!important;}
.jqmWindow.map_frame .bx-yandex-view-map{opacity:0;}
.jqmWindow.map_frame .gm-control-active.gm-fullscreen-control {display: none;}
.jqmOverlay{display:none;background:#FFF;opacity:1 !important;height: 100%;width: 100%;position: fixed;left: 0px;top: 0px;z-index: 131!important;}
.jqmOverlay.mobp{display: block!important;background: #3a3f44;opacity: .7!important;}
.jqmOverlay.popup_form{z-index:1000!important;display:none!important;}
.jqmOverlay.waiting,.jqmOverlay.search{background:rgba(0,0,0,0.4);display:block;}
.jqmClose.top-close{width:48px;height:48px;line-height:20px;text-align:center;position:absolute;right:23px;top:20px;background:#FFF;border-radius:100%;cursor:pointer;transition:opacity 0.3s ease;z-index:2;}
.jqmClose.top-close svg{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:url(/local/templates/asprocloud_v2/css/images/svg/content_icons.svg) -103px -117px no-repeat;opacity:0.35;}
.jqmClose.top-close svg path{fill:#333;}
.jqmClose.top-close:hover svg{opacity:1;background-position:-103px -133px;}
.jqmClose.top-close:before{display:none;}
.jqmWindow.map_frame .ymaps-controls-righttop>ymaps{left:5px;right:auto!important;}
.jqmWindow:not(.right_slide) .popup .jqmClose{display:none;}
.jqmWindow.right_slide{opacity:0!important;right:-580px;top:0;bottom:0;left:auto;transition: right 0.15s linear;-moz-transition: right 0.15s linear;-ms-transition: right 0.15s linear;-o-transition: right 0.15s linear;-webkit-transition: right 0.15s linear;}
.jqmWindow.right_slide.map_frame{padding:40px;}
.jqmWindow.right_slide.opened{right:0;}
.jqmWindow.right_slide.opacity1{opacity:1!important;}
.jqmWindow.right_slide .popup{position:static;max-width:100%;}
.jqmWindow.right_slide.map_frame{width:580px!important;padding:0;}
.jqmWindow.right_slide .form.popup>.wrap{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;}
.jqmWindow.right_slide .form.popup>.wrap form{padding:0 70px;}
.jqmWindow.right_slide.auth_frame .form-header{padding:60px 70px 68px;}
.jqmWindow.right_slide .auth_wrapp .soc-avt{padding-left:70px;padding-right:70px;}
.jqmWindow.right_slide .bxform.success .form-header{padding-left:0;padding-right:0;}
.jqmWindow:not(.right_slide) .form.popup{width: 640px; max-width:100vw;}
.jqmWindow:not(.right_slide) .form.popup>.wrap{display: flex; justify-content: center; align-items: center; position: relative; height: 100vh; padding: 0 40px;}
.city_chooser_frame.jqmWindow:not(.right_slide) .form.popup>.wrap,
.city_chooser_small_frame.jqmWindow:not(.right_slide) .form.popup>.wrap,
.auth_frame.jqmWindow:not(.right_slide) .form.popup>.wrap {display: block; justify-content: unset; align-items: unset; position: relative; height: 100vh; padding: 0 40px;}
.jqmWindow:not(.right_slide) .form.popup form {max-height: 100%; width: 100%;}
.city_chooser_frame.jqmWindow:not(.right_slide) .form.popup,
.city_chooser_small_frame.jqmWindow:not(.right_slide) .form.popup {width: 100%}
.jqmWindow:not(.right_slide) {display: flex !important; align-items: center; justify-content: center;}
.city_chooser_frame.jqmWindow:not(.right_slide),
.city_chooser_small_frame.jqmWindow:not(.right_slide){display:block !important; align-items: unset; justify-content: unset;}
.form_wrapper{position:relative;}
.jqmOverlay.dark{display:block;background:rgba(0,0,0,0.4);}
.jqmOverlay_search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:131;background:rgba(0,0,0,0.4);}
.form-control label{font-size:1em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#999999;}
form .form-group.animated-labels label:not(.error){margin:0;position:absolute;top:9px;left:0;z-index:1;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s;transition: all ease-out .2s;cursor:text;color:#999;}
label:not(.error):not(.b24-form-control-container){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
form .captcha-row .form-group.animated-labels.input-filed label:not(.error), form .row div .form-group.animated-labels.input-filed label:not(.error){left:0;}
form .row[data-sid=RATING] label{position:static!important;font-size:0.800em!important;}
form .row[data-sid=RATING] .rating{float:left;position:relative;width:150px;height:24px;font-size:0;line-height:0;background:url(/local/templates/asprocloud_v2/css/images/svg/bigstars.svg) 0 -26px no-repeat;}
form .row[data-sid=RATING] .rating .star{position:relative;z-index:1;margin:0;padding:0;height:24px;display:inline-block;width:20%;background:none;cursor:pointer;border-radius:0;}
form .row[data-sid=RATING] .rating .stars_current{position:absolute;left:0;top:0;bottom:0;display:block;width:0;background:url(/local/templates/asprocloud_v2/css/images/svg/bigstars.svg) 0 0 no-repeat;}
form .row[data-sid=RATING] .rating_message{margin:0 0 0 13px;float:left;position:relative;padding:0 0 0 24px;color:#999999;}
form .row[data-sid=RATING] .rating_message:before{content:"\2014";position:absolute;left:0;top:0;}
.form textarea{overflow:hidden;padding-top: 10px;}
.form .refresh{color:#666666;display:inline-block;margin-top:5px;vertical-align:top;cursor:pointer;}
.form .refresh a{border-bottom:1px dotted;font-size:0.800em;line-height:14px;}
.height_popup_iframe {height: 100%;}
html.overflow_hidden_popup_forms {overflow: hidden; padding-right: 17px;}
#bx24_form_inline_second {padding: 15px 20px 0;}
.form .uploader + span.form-control{display:none;}
#licenses_reg{display:block;}
.onoffswitch{width:33px;z-index:2;}
.onoffswitch-switch{width:14px;height:14px;border:none;margin:2px;}
.bx_filter input[type="checkbox"] + label.onoffswitch-label{padding:0;min-height:18px;top:0;border:none;border-radius:9px;}
input[type="radio"] + label,input[type="checkbox"] + label{overflow:visible;}
label.onoffswitch-label{overflow:hidden!important;}
.onoffswitch-inner:before{display:none;}
.onoffswitch-inner:after{display:none;}
.bx_filter input[type="checkbox"]:checked + label.onoffswitch-label:after, .filter input[type="checkbox"]:checked + label.onoffswitch-label:after{display:none;}
.bx_filter input[type="checkbox"] + label.onoffswitch-label:before, .filter input[type="checkbox"] + label.onoffswitch-label:before, .filter input[type="radio"] + label.onoffswitch-label:before{display:block;top:0;height:18px;width:100%;background:#dbe0e6;}
.bx_filter input[type="checkbox"] + label.onoffswitch-label:after, .filter input[type="checkbox"] + label.onoffswitch-label:after{display:none;}
.bx_filter.licence_block input[type="checkbox"]{display:block;}
.onoffswitch-switch{right:15px;}
span.onoffswitch-switch{z-index:11;-webkit-transition: right 0.1s ease-in;transition: right 0.1s ease-in;-webkit-box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.3);}
.form-group.animated-labels label.onoffswitch-label:not(.error){cursor:pointer;}
.captcha-row{margin-bottom:41px;position: relative;}
.captcha-row label:not(.error){font-size: 0.8em;margin-bottom:-3px;}
.captcha-row label.error{margin-top:0;}
.form .captcha-row .captcha_image{height: 69px;position: relative;width: 217px;}
.captcha-row .captcha_image img{height:40px;border:none;vertical-align:top;width:100%;width:180px;}
.captcha-row .captcha_input{top: 0;height: 70px;left: 216px;position: absolute;right: 0;}
.captcha-row .captcha_input input[name="captcha_word"]{bottom:0;position:absolute;height:40px;}
.captcha-row.form-control{background-color: #fff;border: 0px solid #d5dadc;box-shadow: none;border-radius: 0px;height: auto;padding: 0px;}
.blog-comment-form .captcha-row .captcha_input{max-width:184px;}
.info_block .btn{margin:0 10px 10px 0;} */

/* End */


/* Start:/bitrix/templates/.default/ajax/ajax.min.css?1671686348420*/
iframe.waitwindowlocal{position:absolute;border:0;z-index:9999}div.waitwindowlocal{position:absolute;width:25px;height:25px;padding:0;z-index:10000;background-color:#fcf7d1;border:1px solid #e1b52d;background-image:url(/bitrix/templates/.default/ajax/images/wait.gif);background-position:center center;background-repeat:no-repeat}div.waitwindowlocalshadow{position:absolute;z-index:9998;background-image:url(/bitrix/templates/.default/ajax/images/shadow.gif);border:1px solid #808080}
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/menu/top/style.css?1766148422929*/
.dropdown__projects{
    display: flex !important;
    gap: 1.5rem !important;
    align-items: start !important;

    .dropdown__colum{
        display: flex;
        gap: 4px;
        justify-content: space-between;
    }
}


.dropdown__banner-flex{
    display: flex;
    gap: 24px;
    align-items: start;
}

.menu__banner-item{
    min-width: 240px;
    width: 240px;
    padding: 2rem 1.25rem 1.25rem 1.25rem;
    border-radius: 12px;
    position: relative;
}
.menu__banner-sticker{
    position: absolute;
    top: 20px;
    left: 20px;
}

.menu__banner-content{
    display: flex;
    flex-direction: column;
    align-items: center;

    img{
        border-radius: 50%;
        max-width: 120px;
        max-height: 120px;
    }

    .menu__banner-text{
        font-weight: 600;
        font-size: 15px;
        line-height: 24px;
        color: #333338;
    }
}



/* End */


/* Start:/local/templates/asprocloud_v2/css/popup.min.css?17538672421002*/
.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);transition:opacity .4s,visibility .4s;opacity:0;visibility:hidden;z-index:10;overflow-x:hidden;overflow-y:auto}.popup._open{opacity:1;visibility:visible}.popup__body{min-height:100%;display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.popup__content{border-radius:20px;background-color:var(--white);padding:48px;max-width:642px;text-align:center;position:relative;width:100%}.popup__close{position:absolute;top:0;right:0;height:54px;width:54px;display:flex;align-items:center;justify-content:center}.popup__close svg{width:16px;height:16px;flex:0 0 16px;transition:transform .3s}.popup__close svg path,.popup__close svg use{stroke:var(--arrow-color);transition:stroke .3s}@media (any-hover:hover){.popup__close:hover svg{transform:rotate3d(0,0,1,90deg)}.popup__close:hover svg path,.popup__close:hover svg use{stroke:var(--brand-blue)}}@media (max-width:768px){.popup__content{padding:24px}}
/* End */


/* Start:/local/templates/asprocloud_v2/vendor/css/popup_onclick/style.css?1772090966782*/
.jqmOverlay::before{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  background: rgba(0, 0, 0, 0.48);
}

.jqmOverlay{
  display: none;
}

.jqmOverlay.active{
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.jQModal.fixed{
    position: fixed;
    display: block;
    z-index: 9999;
}

@media (max-width: 991px) {
  .jQModal.fixed{
    width: 100%;
    height: 100%;
  }
  .jQModal.fixed .flexbox--align-center{
    align-items: start;
  }

  .jQModal.fixed .form{
    max-width: 100%;
    max-height: calc(100vh - 200px);
    overflow-y: scroll;
  }
}
/* End */


/* Start:/local/templates/asprocloud_v2/vendor/css/popup_onclick/form.css?17726283445496*/
.popup__content.smaller .form-inline .form__header {max-width: 410px; margin-left: auto; margin-right: auto;}
.form-inline .form__header .heading {}
.form-inline .form__header .block__text {}

.popup__content.smaller{
  max-width: 600px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 100vh;
  overscroll-behavior: contain;
}

.popup__content.smaller .form__label,
.popup__content.smaller .form_elements,
.popup__content.smaller .form__button {
      max-width: 504px;
}

@media (min-width: 531px) and (max-width: 991px){
    .popup__content.smaller .form__label,
    .popup__content.smaller .form_elements,
    .popup__content.smaller .form__button {
        max-width: 100%;
    }
  .inner-mobile-menu--open{
    .popup__content.smaller .form__label,
    .popup__content.smaller .form_elements,
    .popup__content.smaller .form__button {
        max-width: calc(100vw / 1.5);
    }
  }
  
}
.popup__content.smaller .h4{
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: clamp(0.75rem, 2vw, 1rem)
}

.popup__content.smaller .block__text{
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: clamp(1.25rem, 3vw, var(--g8-desktop));
}

.popup__content.smaller .form__placeholder{
font-weight: 400;
font-size: 13px;
line-height: 20px;
vertical-align: middle;

}

.popup__content.smaller.fade-in{
  padding: 3rem;
}

.close-popup{
  position: absolute;
  top: 21px;
  right: 21px;
}

.close-popup:hover{
  cursor: pointer;
}

.close-popup:hover svg path{
  fill: #3761E9;
}

.popup__content .loading_frame{
  display:none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #a5a5a5;
  background-color: rgba(31, 31, 31, 0.2);
}
.popup__content.loading .loading_frame{display:block; animation: fadeInAnimation 1s;}
.popup__content.loading{overflow:hidden;}


.popup__content.smaller .form__label::after{
  content: attr(data-error);
  position: relative;
  bottom: -2px;
  left: 0;
  color: var(--brand-red);
  line-height: 123%;
  font-size: 0.8125rem;
}

.agreement-block{
  position: relative;
}

.popup__content.smaller .agreement-block::after{
  content: attr(data-error);
  position: relative;
  bottom: -2px;
  left: -117px;
  color: var(--brand-red);
  line-height: 123%;
  font-size: 0.8125rem;
}


.agreement-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /* margin-top: 1rem; */
}

.agreement-input:hover {
  cursor: pointer;
}

.agreement-input .agreement-checkbox:hover {
  background: #F5F7FC;
  border-color: #D8DCE6;
}

.agreement-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #E6E9F2;
  background: #fff;
  border-radius: 6px;
  text-align: center
}

.agreement-checkbox.active--dot {
  border: 1px solid var(--brand-blue);
  background: var(--brand-blue);
}

.agreement-input .agreement-checkbox.active--dot:hover {
  background: var(--brand-blue-hover);
}

.agreement-checkbox.active--dot::before {
  content: "\2713";
  color: white;
}

.agreement-checkbox.required {
  border: 1px solid var(--brand-red);
}

.form-sub{
  display: flex;
  align-items: center; 
  gap: 1rem;
}

.agreement-text{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  color: #555558;
}

.popup_result-desc{
  max-width: 464px;
  width: 464px;
}
.result-pop-desc{
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  justify-content: center;
}


@media (max-width: 991px) {
  .close-popup{
    position: fixed;
    top: 1rem;
  }
  .close-popup.result-pop{
    display: none;
  }

  .popup__content.smaller.fade-in{
    padding: clamp(2.5rem, 4vw ,3rem);
    max-width: 100%;
    height: 100vh;
    border-radius: unset;
  }

  .inner-mobile-menu--open .popup__content.smaller.fade-in{
    padding: 3rem;
    max-width: 560px;
    height: auto;
  }

}


@media (max-width: 530px) {
  .popup_result-desc{
    max-width: 100%;
    width: 100%;
    div.text-regular{
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
    }
  } 
  .form{
    display: flex !important;
    flex-direction: column !important;
  }
  .inner-mobile-menu--open .popup__content.smaller.fade-in{
    padding: 0;
  }
  .form-sub{
    flex-direction: column;
  }

  .popup__content.smaller .h4{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
  }

  .popup__content.smaller .block__text{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
  }

  .popup__content.smaller .form__button{
    margin-top: 0.75px;
  }

   .inner-mobile-menu--open .popup__content.smaller.fade-in .form__button{
      margin-top: 1.5rem;
   }

  .form-button{
    width: 100%;
  }

  .agreement-text span{
    white-space: normal !important;
  }

}

@media (max-width: 381px) {
  .agreement-input{
    align-items: start !important;
    justify-content: start;
  }
  .agreement-text{
    /* width: calc(100vw - (2rem + 20px)); */
    white-space: normal;
    text-align: left;
    margin-top: -4px;
  }
  .popup_result-desc{
    max-width: 327px;
    width: 100%;
  }
  
}

@media (max-height: 623px) {
  .popup__content.smaller.fade-in .form{
    max-height: calc(100vh - 200px);
    overflow-y: scroll;
  }
}
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/form.result.new/register/style.css?17752202922233*/
.agreement-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

.agreement-input:last-of-type {
  margin-top: 0.5rem;
}

.agreement-input.simple{
  margin-top: 1rem;
}

.agreement-input:hover {
  cursor: pointer;
}

.agreement-input a{
  color: #555558;
}

.agreement-input a:hover{
  color: var(--brand-blue);
}

.agreement-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #E6E9F2;
  background: #fff;
  border-radius: 6px;
  text-align: center;
  flex: 0 0 20px;
}
.agreement-checkbox.hover {
  background: transparent;
}
.agreement-checkbox.active--dot {
  border: 1px solid var(--brand-blue);
  background: var(--brand-blue);
}

.agreement-checkbox.hover.active--dot {
  background: var(--brand-blue-hover);
}

.agreement-checkbox.active--dot::before {
  content: "\2713";
  color: white;
}

.agreement-checkbox.required {
  border: 1px solid var(--brand-red);
}

.form-sub{
  display: flex;
  align-items: start; 
  gap: 1rem;

  .form__label._error{
    margin-bottom: 1rem;
  }
}

.agreement-text{
  width: 480px; 
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-align: left;
}

.form.two-rows{
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 0;
}

.form.two-rows #inline_EMAIL,
.form.multiple-sign #inline_EMAIL
{
  padding: 0.6875rem 1rem;
  height: 48px;
}

.form-agree{
  transition: max-height 0.5s ease-in-out;
}

.max-width-480 form{
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.form.multiple-sign{
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  gap: 0;
}

.form.multiple-sign  .agreement-text{
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}

.block__text--centered.max-width-480{
  justify-content: center;
}

@media (max-width: 530px) {
  .form-sub{
    flex-direction: column;
  }

  .form__label._error{
      margin-bottom: 0;
  } 

  .form-button{
    width: 100%;
  }

  .agreement-input{
    align-items: start;
    justify-content: start;
  }

  .agreement-text{
    width: 88%;
    white-space: normal;
    text-align: left;
    margin-top: -5px;
  }

  .max-width-480 form{
    max-width: 290px;
  }
}
/* End */


/* Start:/local/templates/asprocloud_v2/vendor/css/intl.phone/intlTelInput.min.css?167119569219189*/
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/local/templates/asprocloud_v2/vendor/css/intl.phone/../../image/intl.phone/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(/local/templates/asprocloud_v2/vendor/css/intl.phone/../../image/intl.phone/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}
/* End */


/* Start:/local/templates/asprocloud_v2/css/phone/intlTelCustom.min.css?16780882741531*/
body .iti{display:block}.iti .iti__country-list{background:var(--white);border-color:var(--divider-color);border-radius:var(--border-radius,0);color:#000;overscroll-behavior:contain;scrollbar-width:thin;z-index:101;max-height:180px;font-size:.9333rem}.iti .iti__country-list::-webkit-scrollbar{width:8px}.iti .iti__country-list::-webkit-scrollbar-thumb{border-radius:8px;background:#999;border:2px solid #fff;border-color:var(--secondary-text-color)}.iti .iti__country-list::-webkit-scrollbar-track{border-radius:8px}.iti__country-list .iti__country{margin:0;overflow:hidden;text-overflow:ellipsis}.iti__country.iti__highlight{background-color:var(--white)}.iti__country-list .iti__divider{margin-top:0;margin-left:0;border-bottom-color:var(--divider-color)}.iti__country-list .iti__country:before,.iti__country-list .iti__divider:before{display:none}.iti.iti--allow-dropdown .iti__flag-container~input[type=tel],.iti.iti--allow-dropdown .iti__flag-container~input[type=text]{padding-left:60px}.iti:not(.iti--allow-dropdown) .iti__flag-container~input[type=tel],.iti:not(.iti--allow-dropdown) .iti__flag-container~input[type=text]{padding-right:40px}.iti .iti__selected-flag{padding:0 10px 0 14px;background:var(--special-gray);border-radius:var(--border-radius,0) 0 0 var(--border-radius,0)}.iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:var(--white)}.iti .iti__arrow{border-top-color:var(--secondary-text-color);border-bottom-color:var(--secondary-text-color)}.iti label.error{top:-20px}
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/decor_slider_list_arrow/style.css?17605202211683*/
.decor_slider_list--header_text_block{max-width:642px;margin-left:auto;margin-right:auto;}
.position-relative{
    position: relative;
    .slider-tags__info{
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
    }
    .slider-tags__image{
        min-width: 729px;
    }
    .slider-tags--swiper{
        padding: clamp(2rem, 4vw, 3.5rem);
    }
    .swiper-pagination-bullet--tags:not(.swiper-pagination-bullet-active){
        color: #333338;
    }
    .slider-tags__controllers{
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        gap: 0.75rem;
        left: -18px;
        top: 57%;
        width: calc(100% + 36px);
    }

    .slider-tags_header-title{
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #969AA5;
    }

    .slider-tags--wrapper{
        margin: clamp(3.5rem, 7vw ,5rem) 0 24px 0;
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
        opacity: 1;
    }

    .swiper-button-next.swiper-button-disabled svg, .swiper-button-prev.swiper-button-disabled svg{
        opacity: 0.3;
    }

    .slider-tags__description{
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
    }

}

@media screen and (max-width: 1140px) {
    .position-relative .slider-tags__slide{
        flex-direction: column;
    }
    .position-relative  .slider-tags__image{
        min-width: auto;
    }
}

/* End */


/* Start:/local/templates/asprocloud_v2/vendor/css/carousel/swiper/swiper-bundle.min.css?167237667412838*/
/**
 * Swiper 8.4.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 11, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
/* End */


/* Start:/local/templates/asprocloud_v2/vendor/css/lightbox/fancybox/fancybox.min.css?167644804215598*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/brands_swiper/style.css?1759124901833*/
:root{
    --brand-calc-width: 160px;
    --brand-calc-height: calc(var(--brand-calc-width) / 2);
}
.brands_container{
    overflow: hidden;
    display: flex;
    mask: linear-gradient(90deg, transparent 5%, #F5F7FC 30%, #F5F7FC 70%, transparent 95%);
}

.brands_swiper{
    display: flex;
    gap: 12px;
    align-items: center;
    will-change: transform;
    animation: scrolling 32s linear infinite;
}

.brands_card{
    max-width: 160px;
}

.brands_card .brands_card_image{
    padding: 1.25rem 1.75rem;
    width: var(--brand-calc-width);
    height: var(--brand-calc-height);
}

@keyframes scrolling {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
}

@media screen and (max-width: 1350px) {
.brands_container{
    mask: unset;
}
}
/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.detail/video/style.css?17694188366347*/
.video-link{
    position: relative;
    display: block;
    width: 100%;
}

.video-name--block{
    position: absolute;
    width: 100%;
}

.video-name{
    position: absolute;
    left: 32px;
    bottom: 32px;
    display: flex;
    gap: 1rem;
    align-items: center;
    z-index: 2;
}

.play-button{
    height: 40px;
    width: 40px;
    transition: transform 0.5s ease-out;
}

.video-link:hover .play-button{
    transform: scale3d(1.1, 1.1, 1.1);
}

.video-name .video-name--title{
    font-weight: 600;
    font-size: clamp(16px, 2vw , 18px);
    line-height: 26px;
    color: var(--white);
}
.video-onclick{
    max-width: 642px;
    width: 100%;
    height: 100%;
}
.video-onclick img{
    width: 100%;
    max-height: 396px;
    border-radius: 20px;
}

.drop-image-shadow{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.78%, rgba(0, 0, 0, 0.64) 100%);
    border-radius: 20px;
}

.popup-video_click{
    background: var(--white);
    border-radius: 20px;
    padding: 48px;
    width: 1308px;
}

.popup-video_click .popup_flexbox{
    display: flex;
    gap: 48px;
}

.popup_content__flex{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 32px;
}

.iframe-video, .iframe-video iframe{
    border-radius: 8px;
}
.iframe-video.loading{
    background: #0000001e;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__title{
    font-weight: 600;
    font-size: clamp(18px,2vw,20px);
    line-height: clamp(28px,2vw,30px);
    color: #333338;
}

.popup__text{
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #555558;
}

.popup_content__text{
    max-width: 261px;
}



/* ANIMATION LOAD */
.bouncing-dots {
    display: flex;
    justify-content: space-between;
    width: 60px;
}
.dot {
    width: 15px;
    height: 15px;
    background-color: #00000011;
    border-radius: 50%;
    animation: bounce 0.8s infinite;
}
.dot:nth-child(1) {
    animation-delay: 0s;
}

.dot:nth-child(2) {
    animation-delay: 0.2s;
}

.dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}


.popup-video_click .close-popup{
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup-video_click .close-popup:hover{
  cursor: pointer;
}

.popup-video_click .close-popup:hover svg path{
  fill: #3761E9;
}

@-moz-document url-prefix() {
    @media screen and (min-width: 400px) {
        .video-name--title{
            white-space: nowrap;
        }
    }
}

@supports (-webkit-touch-callout: none) {
    @media screen and (min-width: 400px) {
        .video-name--title{
            white-space: nowrap;
        }
    }
}


@media screen and (max-width: 1350px) {
    .video-onclick img{
        width: 100%;
        max-height: 100%;
        height: 100%;
        border-radius: 20px;
        object-fit: cover;
    }
}

@media screen and (max-width: 1308px) {
    .popup-video_click{
        width: 100%;
        .popup_flexbox{
            flex-direction: column;
        }
    }

    .popup_flexbox .iframe-video{
        height: 484px !important;
        width: 100% !important;
    }
    .popup_flexbox .iframe-video iframe{
        width: 100% !important;
         height: 491px !important;
    }
    .popup_content__text{
        max-width: 100%;
    }
    .popup_content__flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    }
}

@media screen and (max-width: 1024px) {
  .video-onclick{
        max-width: 100%;
  }
  .video-onclick img{
        width: 100%;
        max-height: 560px;
        height: 100%;
        border-radius: 20px;
        object-fit: cover;
    }
}

@media screen and (max-width: 960px) {
    .popup-video_click{
        width: 100%;
        .popup_flexbox{
            flex-direction: column;
        }
    }
    .popup_flexbox .iframe-video{
        height: 405px !important;
        width: 100% !important;
    }
    .popup_flexbox .iframe-video iframe{
        width: 100% !important;
        height: 412px !important;
    }
    .popup_content__text{
        max-width: 100%;
    }
    .popup_content__flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    }
}

@media screen and (max-width: 800px) {
    .popup-video_click{
        display: block;
        width: 100%;
        height: 100vh;
        padding: 64px 24px 24px 24px;
        border-radius: 0;
        .popup_flexbox{
            flex-direction: column;
        }
    }
    .popup_flexbox .iframe-video{
        height: 405px !important;
        width: 100% !important;
    }
    .popup_flexbox .iframe-video iframe{
        width: 100% !important;
        height: 412px !important;
    }

   .popup_content__text{
        max-width: 100%;
    }
    .popup_content__flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    }
    .video-name{
        position: absolute;
        left: 24px;
        bottom: 24px;
    }
}
@media screen and (max-width: 600px) {
    .popup-video_click{
        display: block;
        width: 100%;
        height: 100vh;
        border-radius: 0;
        position: fixed;
        left: 0;
        top: 0px;
        .popup_flexbox{
            flex-direction: column;
        }
    }
    .popup_flexbox .iframe-video{
        height: 199px !important;
        width: 100% !important;
    }
    .popup_flexbox .iframe-video iframe{
        width: 100% !important;
        height: 199px !important;
    }

   .popup_content__text{
        max-width: 100%;
    }
    .popup_content__flex{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    .popup_content__flex{
        align-items: normal;
    }

    
}

@media screen and (min-width: 344px) and (max-width: 430px) {
    .video-name .video-name--title{
        max-width: 60%;
    }
}

/* End */


/* Start:/local/templates/asprocloud_v2/components/bitrix/news.list/teasers_3rows_list/style.css?1766119955738*/
.icon-column-flex{
    display: flex;
    gap: 12px;
    flex-direction: column;
}
.icon-flexbox{
    border-radius: 20px;
    padding: clamp(24px, 3vw , 32px);
    gap: clamp(24px, 3vw , 32px);
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: start;

}

.iconflex-grey-on-white .icon-flexbox {
    background: rgb(245, 247, 252);
}

.icon-flexbox-text{
    font-weight: 400;
    font-size: clamp(14px, 2vw , 15px);
    line-height: clamp(22px, 2vw , 24px);
    color: #555558;
}

.icon-small-title{
  font-weight: 600;
  font-size: clamp(var(--text-big-mobile), 2vw, var(--text-big-desktop));
  line-height: var(--text-big-lh);
  color: var(--heading-color);
}
/* End */


/* Start:/local/templates/asprocloud_v2/styles.css?17697723437277*/
:root {
  --brand-blue: #3761e9;
  --arrow-color: #9CA5B0;
  --brand-blue-hover: #1C4ADE;
  --brand-blue-transperent-hover: #3761E914;
  --deep-blue: #26263E;
  --brand-green: #35d3ac;
  --brand-red: #ff7188;
  --heading-color: #333338;
  --text-color: #444448;
  --form-desc-color: #555558;
  --tag-slider-color: #767682;
  /* TODO*/
  --secondary-text-color: #8C94A7;
  --additional-color: #919BB6;
  --divider-color: #e6e9f2;
  --light-bg-color: #f8f9fd;
  --main-bg-color: #f5f7fc;
  --special-grey: #F3F4F9;
  --special-grey-darken: #F0F2F8;
  --placeholder-color: #91A2B6;
  --slider-bullet-color: #D6DBE5;
  --white: #ffffff;
  --white-12: rgba(255,255,255,0.12);
  --white-hover: #F5F7FC;
  --black: #222222;
  --text-onblack: #B2B8C6;
  --yellow: #FFCE51;
  --teal: #35D3AC;
  --light-green: #3AE7BC;
  --hover-gray: #CCD3E5;
  --hover-transparent-blue: rgba(55, 97, 233, 0.24);
  --link-transparent-bg: rgba(255, 255, 255, 0.2);
  --divider-on-blue: rgba(255, 255, 255, 0.12);
  --grey-btn-on-white: rgba(55, 97, 233, 0.1);
  --grey-btn-on-white-hover: #3761E933;
  --matte-blue: #3C3C58;
  --matte-blue-hover: #31314D;
  --dropmenu-shadow-color: rgba(0, 0, 0, 0.08);
  --header-shadow: rgba(38, 38, 62, 0.04);
  --header-bottom-divider: rgba(140, 148, 167, 0.12);

  --h1-size-desktop: 3.125rem;
  --h1-size-mobile: 2rem;

  --h2-size-desktop: 2.25rem;
  --h2-size-mobile: 1.75rem;

  --h3-size-desktop: 1.875rem;
  --h3-size-mobile: 1.5rem;

  --h4-size-desktop: 1.25rem;
  --h4-size-mobile: 1.125rem;

  --text-big-desktop: 1.125rem;
  --text-big-mobile: 1rem;
  --text-medium: 1rem;
  --text-regular: 0.875rem;

  --h1-blog-desktop: 2.75rem;
  /* TODO */
  --h1-blog-mobile: 1.75rem;

  --h2-blog-desktop: 1.75rem;
  /* TODO */
  --h2-blog-mobile: 1.5rem;

  --h3-blog-desktop: 1.5rem;
  /* TODO */
  --h3-blog-mobile: 1.25rem;

  --h4-blog-desktop: 1.25rem;
  /* TODO */
  --h4-blog-mobile: 1.125rem;

  --text-12: 0.75rem;
  --text-12-lh: 150%;

  --text-15: 0.9375rem;
  --text-15-lh: 167%;

  --text-14: 0.875rem;
  --text-14-lh: 22px;

  --p-blog-desktop: 1.125rem;
  --p-blog-mobile: 1rem;
  --h1-lh: 131%;
  --h2-lh: 130%;
  --h3-lh: 132%;
  --h4-lh: 150%;
  --text-big-lh: 156%;
  --text-medium-lh: 162%;
  --text-regular-lh: 143%;
  --h1-blog-lh: 130%;
  --h2-blog-lh: 141%;
  --h3-blog-lh: 143%;
  --h4-blog-lh: 142%;
  --p-blog-lh: 156%;
}

.scrollbar:not(.scroller) {
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (any-hover: hover) {
  :root {
    --scrollbar-width: 6px;
  }
  
  .scrollbar::-webkit-scrollbar,
  .scrolled::-webkit-scrollbar {
    width: var(--scrollbar-width);
    height: 6px;
  }

  .scrollbar::-webkit-scrollbar-track,
  .scrolled::-webkit-scrollbar-track {
    border-radius: 5px;
  }

  .scrollbar::-webkit-scrollbar-thumb,
  .scrolled::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--gray_bg_black, #ccc);
    border: 1px solid #fff;
    border-color: var(--black_bg_black, #fff);
  }
  .scrollbar::-webkit-scrollbar-thumb:window-inactive-thumb,
  .scrolled::-webkit-scrollbar-thumb:window-inactive-thumb {
    background: var(--gray_bg_black, #ccc);
    border: 2px solid #fff;
    border-color: var(--black_bg_black, #fff);
  }
}
@supports not selector(::-webkit-scrollbar) {
  .scrollbar:not(.scroller) {
    scrollbar-width: thin;
  }
}
.scrollbar.scrollbar--horizontal {
  overflow: hidden;
  overflow-x: auto;
  overscroll-behavior: auto;
}
.scrollbar.scrollbar--overscroll-auto {
  overscroll-behavior: auto;
}
.scrollbar.scrollbar--gutter-stable {
  scrollbar-gutter: stable;
}

.btn {
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: var(--brand-blue);
  font-size: var(--text-regular);
  line-height: 1.57;
  padding: 0.5rem 1rem;
  /* TODO */
  border-radius: 8px;
  border: 1px solid var(--brand-blue);
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  transform: translate3d(0, 0, 0);
  text-wrap: nowrap;
}

.btn--header{
  padding: 0.3125rem 0.75rem;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}

.btn--header.btn--grey{
  background: var(--grey-btn-on-white) !important;
}

.btn--header.btn--grey:hover{
  background: #3761E933 !important;
}

@media (any-hover: hover) {
  .btn:hover {
    color: var(--brand-blue);
    background-color: var(--brand-blue-transperent-hover);
  }
}

.btn.btn--blue:not(.btn--white) {
  color: var(--white);
  background-color: var(--brand-blue);
}

@media (any-hover: hover) {
  .btn.btn--blue:hover {
    background-color: var(--brand-blue-hover);
  }
}

.btn.btn--grey {
  color: var(--brand-blue);
  border: 1px solid transparent;
  background-color: var(--grey-btn-on-white);
}

@media (any-hover: hover) {
  .btn.btn--grey:hover {
    color: var(--brand-blue);
    background-color: var(--grey-btn-on-white-hover);
  }
}

.btn.btn--white {
  background-color: var(--white);
  border: 1px solid transparent;
  color: var(--deep-blue);
}

/* .btn.btn--transparent {
	color: var(--white);
	background-color: rgba(255, 255, 255, 0.12);
	border: 1px solid transparent;
} */

@media (any-hover: hover) {
  .btn.btn--white:hover {
    background-color: var(--white-hover);
    color: var(--deep-blue);
  }
}

.btn.btn--text-only {
  background: none;
  border: none;
  color: var(--brand-blue);
  padding: 0;
  margin: 0.5625rem 1rem;
}

.btn.btn--text-only.btn--medium {
  padding: 0;
  margin: 0.5625rem 0;
}

@media (any-hover: hover) {
  .btn.btn--text-only:hover {
    color: var(--heading-color);
    background: none;
  }
}

.btn.btn--long {
  padding: 0.75rem var(--g15-desktop);
  font-size: var(--text-medium);
  line-height: var(--text-medium-lh);
}

@media (max-width: 576px) {
  .btn.btn--long {
    padding: 0.75rem;
    width: 100%;
  }
}

.btn.btn--medium {
  font-size: 0.875rem;
  padding: 0.5625rem 1rem;
}

.btn.btn--large {
  font-size: clamp(var(--text-big-mobile), 2vw, var(--text-big-desktop));
  padding: 0.8125rem 1.75rem;
  /* TODO */
}

.btn.btn--medium-1 {
	font-size: 1rem;
	padding: 0.75rem 1.25rem;
	line-height: 1.5;
}

.btn.btn--icons {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 200%;
  letter-spacing: 0.05em;
  padding: 1rem 1.5rem;
}

.btn.btn--lead{
  padding: 0.6875rem 1.25rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  height: 48px;
}


.btn.btn--icons .btn-icon {
  width: 20px;
  flex: 0 0 20px;
}

.btn.btn--icons img {
  max-width: 100%;
}

@media (max-width: 425px) {
  .btn.btn--icons {
    justify-content: center;
  }
}

.btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

.btn-group > a {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: auto;
}

.btn-group.grow-0 > a {
  flex-grow: 0;
}

@media (max-width: 767px) {
  .btn-group {
    flex-direction: column;
  }
}

.btn--no-btn-appearance {
	appearance: none;
  background: none;
  border-radius: inherit;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  padding: 0;
}

.mobile-br br{
  display: none;
}

@media (max-width: 467px) {
  .mobile-br br{
    display: block;
  }
}

app-brand-link.brand-link.ng-star-inserted {
    display: none;
}
/* End */


/* Start:/local/templates/asprocloud_v2/template_styles.css?1777286358259368*/
@charset "UTF-8";

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h3 {
    font-size: 28px
}

main {
    display: block
}

h1 {
    font-size: 2.75rem;
    margin: 0.67em 0
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 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
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[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
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

.display-none {
    display: none
}

[hidden] {
    display: none
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:focus,
:active {
    outline: none
}

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

nav,
footer,
header,
aside {
    display: block
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

input,
button,
textarea {
    font-family: inherit
}

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

button {
    cursor: pointer
}

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

a,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin: 0;
    padding: 0
}

:root {
    --black-description-form: #55555a;
    --product-mb-placeholder: #91a2b6;
    --txt-size-26: 1.625rem;
    --h2-events-lh: 138%;
    --gray-date: #969aa5;
    --slider-tag-bg: #f5f7fc;
    --g1: 0.25rem;
    --g2: 0.5rem;
    --g3: 0.75rem;
    --g4: 1rem;
    --g5-desktop: 1.25rem;
    --g5-mobile: 1rem;
    --g6-desktop: 1.5rem;
    --g6-mobile: 1.25rem;
    --g7-desktop: 1.75rem;
    --g7-mobile: 1.5rem;
    --g8-desktop: 2rem;
    --g8-mobile: 1.5rem;
    --g9-desktop: 2.5rem;
    --g9-mobile: 2rem;
    --g10-desktop: 3rem;
    --g10-mobile: 2rem;
    --g11-desktop: 3.5rem;
    --g11-mobile: 2.5rem;
    --g12-desktop: 4rem;
    --g12-mobile: 2.5rem;
    --g13-desktop: 5rem;
    --g13-mobile: 3rem;
    --g14-desktop: 6rem;
    --g14-mobile: 3.5rem;
    --g15-desktop: 7.5rem;
    --g15-mobile: 4rem;
    --g16-desktop: 9rem;
    --g16-mobile: 5rem;
    --g17-desktop: 10rem;
    --g17-mobile: 6rem;
    --g18-desktop: 11rem;
    --g18-mobile: 7rem;
    --g19-desktop: 14.5rem;
    --g19-mobile: 9rem;
    --mainscreen-desktop: 5rem;
    --mainscreen-mobile: 4.375rem;
    --mainscreen-desktop-submenu: 8.8128rem;
    --baner-mobile-height: 0
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 150px
}

@media (max-width:991px) {
    html {
        scrollbar-width: none
    }

    html::-webkit-scrollbar {
        width: 0
    }
}

html,
body {
    font-family: "Inter", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px
}

body {
    font-weight: 400
}

body._lock-popup {
    overflow: hidden
}

@media (max-width:991px) {
    body._lock {
        overflow: hidden
    }
}

.wrapper .table-wrap {
    overflow-x: auto;
    position: relative;
    max-width: 100%
}

.wrapper table {
    border-radius: 8px;
    border: 1px solid var(--divider-color);
    border-collapse: collapse;
    display: block;
    max-width: fit-content;
    font-size: var(--text-medium)
}

@media screen and (max-width:768px) {
    .wrapper table {
        overflow: scroll;
        min-width: 0
    }
}

.wrapper table thead {
    background-color: var(--divider-color)
}

.wrapper table thead th {
    border-top: 0
}

.wrapper table tbody {
    border-radius: 8px;
    background-color: var(--white)
}

.wrapper table colgroup {
    border-radius: 8px
}

.wrapper table tbody {
    border-radius: 8px !important
}

.wrapper table tbody tr:first-child {
    border-radius: 8px;
    background-color: #F5F7FC
}

.wrapper table tbody tr:first-child td:first-child {
    border-top-left-radius: 8px
}

.wrapper table tbody tr:first-child td:last-child {
    border-top-right-radius: 8px
}

.wrapper table tbody tr:last-child {
    border-radius: 8px
}

.wrapper table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.wrapper table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.wrapper table tr:last-of-type td {
    border-bottom: 0
}

.wrapper table td,
.wrapper table th {
    padding: 1.1875rem 1.5rem;
    border-bottom: 1px solid var(--divider-color);
    vertical-align: top;
    text-align: left
}

.wrapper table td p,
.wrapper table th p {
    font-weight: 400;
    font-size: clamp(0.8rem, 2vw, var(--text-15));
    line-height: 23px;
    color: #555558
}

.blog-case__content table td,
.blog-case__content table th {
    padding: 0.75rem 1rem !important
}

.wrapper table tr:nth-last-child(1) td:first-of-type,
.wrapper table tr:nth-last-child(1) th:first-of-type {
    border-bottom: none;
    border-bottom-left-radius: 8px
}

.wrapper table tr:nth-last-child(1) td[rowspan="2"]:last-of-type,
.wrapper table tr:nth-last-child(1) th[rowspan="2"]:last-of-type {
    border-bottom: none;
    border-bottom-right-radius: 8px
}

.wrapper table td:first-of-type,
.wrapper table th:first-of-type {
    border-left: 0
}

.wrapper table td:last-of-type,
.wrapper table th:last-of-type {
    border-right: 0
}

.header-wrapper {
    position: sticky;
    top: 0;
    z-index: 5
}

.container {
    --margin: auto;
    --padding: 2rem;
    margin: 0 auto;
    max-width: 1308px;
    box-sizing: border-box
}

@media (max-width:1350px) {
    .container {
        padding: 0 2rem;
        --padding: 2rem
    }
}

@media (max-width:991px) {
    .container {
        padding: 0 1rem;
        --padding: 1rem
    }
}

.container-large {
    margin: 0 auto;
    padding: 0 clamp(1rem, 1.5vw, 1.5rem);
    max-width: clamp(1340px, 99vw, 1428px)
}

div[data-nosnippet] {
    width: 100%
}

.title {
    font-weight: 600;
    line-height: var(--h1-lh);
    overflow-wrap: anywhere;
    color: var(--heading-color)
}

.mainscreen.gray--bg {
    background: #eff2f9
}

.mainscreen.mainscreen--logistic {
    background: url('/local/templates/asprocloud_v2/images/bg_logistic.jpg')
}

.mainscreen.mainscreen--purple-green {
    background: url('/local/templates/asprocloud_v2/images/bg_purple-green.jpg');
    background-size: 100% 100%
}

.mainscreen.mainscreen--cloud30 {
    background: url('/local/templates/asprocloud_v2/images/bg_cloud30.jpg') no-repeat;
    background-size: 100% 100%
}

.mainscreen.mainscreen--upravlenie {
    background: url('/local/templates/asprocloud_v2/images/bg_upravlenie.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.mainscreen.mainscreen--gradient-purple-green {
    background: url('/local/templates/asprocloud_v2/images/gradient-purple-green.jpg')
}

.mainscreen.mainscreen--blue-to-pink-linear {
    background: url('/local/templates/asprocloud_v2/images/blue-to-pink-bg.jpg') no-repeat;
    background-size: 100% 100%
}

.mainscreen.mainscreen--pinky-purple {
    background: url('/local/templates/asprocloud_v2/images/bg_pinky-purple.jpg') no-repeat;
    background-size: 100% 100%
}

.mainscreen.mainscreen--spring {
    background-image: url("/local/templates/asprocloud_v2/./images/bg_spring.jpg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

.mainscreen.mainscreen--summer {
    background-image: url("/local/templates/asprocloud_v2/./images/bg_summer.png");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

.mainscreen.mainscreen--winter2025 {
    background-image: url("/local/templates/asprocloud_v2/./images/bg-zima-2025.png");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

.mainscreen__body {
    padding-top: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop));
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.mainscreen--main.mainscreen--narrow .mainscreen__body {
    padding-top: clamp(7rem, 10vw, 8.3125rem)
}

.mainscreen.mainscreen--blue-to-pink-linear .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 clamp(6rem, 8vw, 8.5rem) 0
}

.mainscreen.mainscreen--review .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 clamp(2rem, 3vw, 2.5rem) 0
}

.mainscreen--feature .mainscreen__body {
    padding-top: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop));
    padding-bottom: clamp(2.5rem, 3vw, 3.5rem)
}

.mainscreen--solution.header--on-dark .solution__title.title,
.mainscreen--solution.header--on-dark .solution__text.big-text {
    color: var(--white)
}

.mainscreen--solution.header--on-dark .btn--white-12 {
    background-color: var(--white-12);
    border: none;
    color: #FFFFFF
}

.title.title--centered {
    text-align: center
}

.heading {
    font-weight: 600;
    font-size: clamp(2rem, 3vw, 2.75rem);
    line-height: clamp(2.625rem, 4vw, 3.375rem);
    word-wrap: break-word;
    color: var(--heading-color);
    display: inline;
}

.heading.heading--centered {
    text-align: center
}

.subtitle {
    font-weight: 600;
    font-size: clamp(24px, 2vw, 28px);
    line-height: var(--h3-lh);
    color: var(--heading-color)
}

.subtitle.price_h1 {
    font-weight: 600;
    font-size: 44px;
    line-height: 54px
}

.subtitle.subtitle--centered {
    text-align: center
}

.subtitle.subtitle--left {
    text-align: left
}

.subtitle.subtitle--right {
    text-align: right
}

.blog-h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: var(--h3-blog-lh);
    color: var(--heading-color)
}

.blog-h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: var(--h3-blog-lh);
    color: var(--heading-color)
}

.subheading {
    font-weight: 600;
    font-size: clamp(16px, 2vw, 18px);
    line-height: clamp(24px, 2vw, 28px);
    color: var(--heading-color)
}

.subheading.subheading--centered {
    max-width: 640px;
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

.caption {
    font-weight: 600;
    font-size: 18px;
    line-height: var(--h4-blog-lh);
    color: var(--heading-color)
}

.mainscreen--solution-main .caption {
    font-weight: 600;
    font-size: 20px;
    line-height: var(--h4-blog-lh);
    margin-top: 6px
}

.back__link {
    font-size: 14px;
    line-height: 22px
}

.small-text {
    font-weight: 400;
    font-size: var(--text-15);
    line-height: var(--text-15-lh);
    color: var(--text-color)
}

.big-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625rem;
    color: var(--text-color)
}

.big-text.big-text--centered {
    text-align: center
}

.big-text.big-text--bold {
    font-weight: 600
}

.big-text p:not(:last-of-type) {
    margin-bottom: 1rem
}

.big-text a {
    color: var(--brand-blue);
    text-decoration: underline;
    transition: all 0.3s ease
}

@media (any-hover:hover) {
    .big-text a:hover {
        color: var(--heading-color);
        text-decoration-color: transparent
    }
}

.big-text__paragraph-flex {
    display: flex;
    flex-direction: column
}

.big-text .big-text__link,
.big-text .link {
    text-decoration: none
}

.centered-wrap {
    max-width: 864px;
    margin-right: auto;
    margin-left: auto
}

.centered,
.text-align-center {
    text-align: center
}

.text-align-right {
    text-align: right
}

.medium-text {
    font-size: var(--text-medium);
    line-height: var(--text-medium-lh);
    color: var(--text-color)
}

.text-12 {
    font-size: var(--text-12);
    line-height: var(--text-12-lh)
}

.text-15 {
    font-size: clamp(var(--text-14), 2vw, var(--text-15));
    line-height: clamp(var(--text-14-lh), 2vw, var(--text-15-lh));
    font-weight: 400;
    color: var(--text-color)
}

.regular-text {
    font-weight: 400;
    font-size: var(--text-regular);
    line-height: var(--text-regular-lh);
    color: var(--secondary-text-color)
}

.secondary-color {
    color: var(--secondary-text-color)
}

.title-color {
    color: var(--heading-color)
}

.text-color {
    color: var(--text-color)
}

.white-color {
    color: var(--white)
}

.buttons {
    display: flex;
    justify-content: center
}

.sticky {
    position: sticky;
    top: 100px
}

.margin-auto {
    margin-right: auto;
    margin-left: auto
}

.link {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 600;
    color: var(--brand-blue);
    transition: color 0.3s ease
}

.link.link--reverse {
    flex-direction: row-reverse
}

@media (any-hover:hover) {
    .link.link--reverse:hover svg {
        transform: translateX(-4px)
    }
}

.link.link--black {
    color: var(--heading-color)
}

.link.link--black svg path,
.link.link--black svg use {
    stroke: var(--heading-color)
}

@media (any-hover:hover) {
    .link.link--black:hover {
        color: var(--brand-blue)
    }

    .link.link--black:hover svg path,
    .link.link--black:hover svg use {
        stroke: var(--brand-blue)
    }
}

.link svg {
    width: 16px;
    flex: 0 0 16px;
    transition: transform 0.3s ease;
    transform: translateX(0)
}

.link svg path,
.link svg use {
    transition: stroke 0.3s ease
}

.link:not(.arrow) svg path,
.link:not(.arrow) svg use {
    stroke: var(--brand-blue)
}

@media (any-hover:hover) {
    .link:hover {
        color: var(--brand-blue-hover)
    }

    .link:hover svg {
        transform: translateX(4px)
    }

    .link:not(.arrow):hover svg path,
    .link:not(.arrow):hover svg use {
        stroke: var(--brand-blue-hover)
    }

    .link.arrow:hover svg path,
    .link.arrow:hover svg use {
        fill: var(--brand-blue-hover)
    }
}

.label {
    color: var(--white);
    line-height: 133%;
    font-size: 0.75rem;
    border-radius: 8px;
    background-color: var(--brand-blue);
    padding: 0.125rem 0.375rem;
    text-align: center;
    display: inline-block
}

.bordered {
    border: 1px solid var(--divider-color)
}

.border-bottom {
    border-bottom: 1px solid var(--divider-color)
}

.border-bottom-on-blue {
    border-bottom: 1px solid var(--link-transparent-bg)
}

.border-top-1 {
    border-top: 1px solid var(--divider-color)
}

.page-banner {
    height: 100px;
    position: relative;
    width: 100%;
    z-index: 100;
    margin: 0 auto
}

.page-banner img {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

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

    .page-banner .banner-sicker,
    .page-banner .banners-svg__preview {
        display: none
    }

    .page-banner .banner-name {
        font-weight: 600;
        font-size: 13px;
        line-height: 20px
    }

    .page-banner {
        padding: 0.75rem 1rem;
        text-align: center;
        height: max-content !important
    }
}

.header {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.4s ease, background-color 0.2s ease
}

.header.header--on-dark-submenu {
    border-bottom: 1px solid var(--divider-on-blue)
}

.header.header--on-dark-submenu.header--white {
    border-bottom: 1px solid var(--divider-color)
}

.header.header--submenu {
    border-bottom: 1px solid var(--header-bottom-divider)
}

header .header__menu .menu__link:hover {
    cursor: pointer
}

@media (any-hover:hover) {
    .header.header--on-dark.header--white .menu__item:hover .menu__link {
        color: var(--brand-blue)
    }

    .header.header--on-dark.header--white .menu__item:hover .menu__arrow svg path,
    .header.header--on-dark.header--white .menu__item:hover .menu__arrow svg use {
        fill: var(--brand-blue)
    }
}

.header.header--on-dark.header--white .menu__link {
    color: var(--heading-color)
}

.header.header--on-dark.header--white .menu__arrow svg path,
.header.header--on-dark.header--white .menu__arrow svg use {
    fill: var(--heading-color)
}

.header.header--on-dark.header--white .btn--grey {
    color: var(--brand-blue);
    background-color: var(--grey-btn-on-white)
}

@media (any-hover:hover) {
    .header.header--on-dark.header--white .btn--grey:hover {
        color: var(--white);
        background-color: var(--brand-blue-hover)
    }
}

.header.header--on-dark.header--white .header__logo-text svg path,
.header.header--on-dark.header--white .header__logo-text svg use {
    fill: var(--heading-color)
}

.header.header--on-dark .search-button svg path {
    stroke: white;
    transition: 1.3s ease
}

.header.header--on-dark .search-button svg circle {
    stroke: white;
    transition: 1.3s ease
}

.header.header--on-dark.header--white .search-button svg path {
    stroke: var(--heading-color);
    transition: 1.3s ease
}

.header.header--on-dark.header--white .search-button svg circle {
    stroke: var(--heading-color);
    transition: 1.3s ease
}

.header.header--on-dark.header--white .header__burger::before,
.header.header--on-dark.header--white .header__burger::after,
.header.header--on-dark.header--white .header__burger span {
    background-color: var(--heading-color)
}

.header-mobile__phone {
    display: flex;
    flex: 0 0 128px;
    width: 128px;
    height: 20px;
    margin-left: auto;
    align-items: center
}

.header-mobile__phone-arrow {
    margin-left: auto
}

.header-mobile__phone-arrow .phone_block--header {
    display: flex;
    height: 20px;
    align-items: center
}

.header-mobile__phone-arrow a.mobile__phone {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: var(--heading-color)
}

.cont--callback {
    position: absolute;
    right: 263.5px;
    top: 0.6rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    gap: 1rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    opacity: 0
}

@-moz-document url-prefix() {
    .cont--callback {
        right: 279px
    }
}

.header--white.header--shadow .header-mobile__phone-arrow.with_arrow:hover>.cont--callback {
    top: 0.1rem !important
}

@media (max-width:1320px) {
    .header-mobile__phone-arrow {
        display: none;
        margin-left: 0
    }

    .search-button {
        margin-left: auto
    }
}

@media (max-width:1180px) {
    .header-mobile__phone {
        display: none;
        margin-left: 0
    }
}

.header-mobile__phone a.mobile__phone {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: var(--heading-color)
}

@media (min-width:1024px) {
    .header.header--on-dark .btn--grey {
        background-color: var(--divider-on-blue);
        color: var(--white)
    }
}

@media (any-hover:hover) {
    .header.header--on-dark .btn--grey:hover {
        background-color: var(--brand-blue-hover)
    }
}

.header.header--on-dark .header__logo-text svg path,
.header.header--on-dark .header__logo-text svg use {
    fill: var(--white)
}

@media (min-width:1024px) {
    .header.header--on-dark .menu__link {
        color: var(--white)
    }

    .header.header--on-dark .menu__arrow svg path,
    .header.header--on-dark .menu__arrow svg use {
        fill: var(--white)
    }
}

@media (max-width:1024px) {

    .header.header--on-dark .header__burger::before,
    .header.header--on-dark .header__burger::after,
    .header.header--on-dark .header__burger span {
        background-color: var(--white)
    }

    .header.header--on-dark .header__burger.header__burger--active::before,
    .header.header--on-dark .header__burger.header__burger--active::after,
    .header.header--on-dark .header__burger.header__burger--active span {
        background-color: var(--heading-color)
    }
}

.header.header--white {
    background-color: var(--white)
}

@media (min-width:1024px) {
    .header.header--white .header__body {
        padding: 0.75rem 0
    }
}

.header.header--white .dropdown {
    top: 40px;
    padding: 1.5rem 0 0 0
}

.header.header--white .dropdown.dropdown--2-cols,
.header.header--white .dropdown.dropdown--1-col {
    top: 20px
}

.header.header--white .dropdown.dropdown--positioning.dropdown--fixed {
    top: 40px
}

.fixed-window {
    position: fixed;
    display: block;
    z-index: 9999
}

.fixed-window.visibility-hiden,
.overlay--fixed {
    display: none
}

@media (max-width:991px) {
    .fixed-window {
        width: 100%;
        height: 100%
    }

    .fixed-window .flexbox--align-center {
        align-items: start
    }

    .fixed-window .form {
        max-width: 100%
    }
}

.overlay--fixed::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 999;
    background: rgba(0, 0, 0, 0.48)
}

.overlay--fixed.active {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

.dropdown__icon_mobile img {
    width: 20px;
    height: 20px
}

.dropdown__icon_mobile {
    padding-top: 5px
}

.dropdown-flex {
    display: flex;
    gap: 0.75rem
}

.dropdown__mobile_title {
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 16px;
    line-height: 26px;
    color: #333338;
    margin-bottom: 2px;
    display: flex;
    gap: 0.5rem;
    align-items: center
}

.dropdown__text_mobile {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #969AA5
}

.group_mobile_title {
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    padding: 12px 8px 12px 0;
    color: #333338
}

.group_mobile_sub {
    padding-left: 0.5rem
}

.group_mobile_subitem {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    padding: 6px 0
}

.group_mobile_subitem_link {
    color: #333338;
    display: flex;
    gap: 0.5rem;
    align-items: center
}

.dropdown_list .group_mobile_sub {
    transition: max-height 0.1s ease-in-out
}

.dropdown_list_button {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dropdown_list_button.active svg {
    transform: rotate(180deg)
}

.header.header--shadow {
    box-shadow: 0px 4px 16px var(--header-shadow)
}

@media (max-width:1024px) {
    .header::before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        transition: background-color 0.4s ease 0.4s
    }

    .header.header--substrate::before {
        background-color: var(--white);
        transition: none
    }

    .header.header--substrate .header__logo-text svg path,
    .header.header--substrate .header__logo-text svg use {
        fill: var(--heading-color);
        transition: fill 0.3s ease
    }

    .header.header--substrate .header__burger::before,
    .header.header--substrate .header__burger::after,
    .header.header--substrate .header__burger span {
        background-color: var(--heading-color);
        transition: transform 0.3s ease, width 0.3s ease, background-color 0.3s ease
    }
}

.header__body {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 4vw, 3rem);
    padding: 1.25rem 0;
    will-change: padding-top, padding-bottom;
    transition: padding-top 0.4s ease, padding-bottom 0.4s ease;
    position: relative;
    justify-content: space-between
}

@media (max-width:1024px) {
    .header__body {
        padding: 0;
        gap: 0
    }
}

.header__burger {
    display: none;
    background-color: transparent;
    margin-right: -1rem
}

@media (max-width:1024px) {
    .header__burger {
        position: relative;
        display: block;
        width: 52px;
        height: 52px;
        flex: 0 0 52px;
        z-index: 5
    }

    .header__burger::before,
    .header__burger::after {
        content: ""
    }

    .header__burger::before,
    .header__burger::after,
    .header__burger span {
        position: absolute;
        left: 20px;
        display: block;
        background-color: var(--heading-color);
        height: 2px;
        transition: transform 0.3s ease, width 0.3s ease, background-color 0.3s ease 0.4s;
        transform-origin: left;
        will-change: transform, width;
        width: 14px;
        border-radius: 2px
    }

    .header__burger::before {
        top: 20px
    }

    .header__burger::after {
        bottom: 20px
    }

    .header__burger span {
        top: 50%;
        transform: translateY(-50%) scaleX(1)
    }

    .header__burger.header__burger--active::before {
        transform: rotateZ(45deg);
        width: 17px;
        top: 19px
    }

    .header__burger.header__burger--active::after {
        transform: rotateZ(-45deg);
        width: 17px;
        bottom: 19px
    }

    .header__burger.header__burger--active span {
        transform: translateY(-50%) scaleX(0)
    }
}

.header__logo {
    flex: 0 0 158px;
    width: 158px;
    display: flex;
    gap: 0.25rem;
    height: 26px
}

@media (max-width:1024px) {
    .header__logo {
        margin-right: auto;
        position: relative;
        z-index: 5;
        flex: 0 0 155px;
        width: 155px;
        gap: 0.375rem
    }
}

.header__logo-icon {
    flex: 0 0 34px;
    height: 23px
}

.header__logo-icon img {
    max-width: 100%;
    display: block
}

@media (max-width:1024px) {
    .header__logo-icon {
        flex: 0 0 28px;
        height: auto
    }
}

.header__logo-text {
    flex: 0 0 120px;
    position: relative;
    top: 5px;
    left: 0
}

.header__logo-text svg path,
.header__logo-text svg use {
    transition: fill 0.3s ease 0.4s;
    fill: var(--heading-color)
}

.header__overlay {
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease
}

@media (max-width:1024px) {
    .header__overlay {
        background-color: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%
    }

    .header__overlay.header__overlay--active {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }
}

.menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

@media (max-width:1024px) {
    .menu {
        display: none
    }
}

.menu__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem
}

@media (max-width:1178px) {
    .menu__list {
        gap: 0 15px
    }
}

@media (max-width:1024px) {
    .menu__list {
        display: none
    }
}

.menu__item {
    position: relative
}

.menu__item.menu__item--static {
    position: static
}

@media (min-width:1023px) {
    .menu__item[data-item="false"] {
        display: none
    }
}

.menu__item:hover .menu__link {
    color: var(--brand-blue)
}

.menu__item:hover .menu__arrow svg path,
.menu__item:hover .menu__arrow svg use {
    fill: var(--brand-blue)
}

.menu__item:hover .hide .dropdown {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.menu__item:hover .dropdown {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.menu__item:hover .dropdown.dropdown--2-cols {
    transform: translate3d(0, 0, 0)
}

.menu__item:hover .dropdown.dropdown--1-col {
    transform: translate3d(0, 0, 0)
}

.menu__wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px
}

.menu__link {
    transition: color 0.3s ease-in-out;
    transform: translate3d(0, 0, 0);
    font-size: 14px
}

.menu__arrow {
    display: flex;
    width: 4px;
    min-height: 4px;
    flex: 0 0 4px;
    padding-top: 1px
}

.menu__arrow svg {
    max-width: 100%;
    display: block;
    width: 4px;
    height: 4px
}

.menu__arrow svg path,
.menu__arrow svg use {
    transition: fill 0.3s ease;
    fill: var(--heading-color)
}

.menu__buttons {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 0.5rem
}

.menu__dropmenu {}

.menu-aim {
    width: 100%;
    left: 0;
    top: 40px;
    padding: 2rem 0 0 0 !important
}

.menu-aim_block {
    position: relative;
    display: none;
    top: 0
}

.menu-aim_block.items--active {
    display: block
}

.menu-aim .dropdown__body {
    padding: 1.5rem !important
}

.menu-aim__list {
    max-width: 200px;
    max-height: 488px;
    overflow-y: auto
}

.menu-aim__left {
    display: flex;
    flex-direction: column;
    gap: clamp(var(--g9-mobile), 3vw, var(--g9-desktop));
    justify-content: space-between
}

.menu-aim__item {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem
}

.menu-aim__item:not(:last-of-type) {
    margin-bottom: var(--g1)
}

.menu-aim__item.dropdown__link {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #333338
}

a.menu-aim__item:hover,
.menu-aim__item.active--menu-aim {
    background: #EDF0F7
}

.menu-aim_block_subitem:hover,
div.menu-aim__item:not(.active--menu-aim):hover {
    background: #F5F7FC
}

div.menu-aim__item:hover {
    cursor: pointer
}

.dropdown__aim-2 {
    display: flex;
    gap: 1.5rem;
    max-height: calc(100vh - 160px)
}

.menu-aim_block_title {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    padding: 0.375rem 1rem 0.5rem 1rem;
    color: #333338
}

a.menu-aim_block_title {
    color: #333338;
    display: flex;
    align-items: center;
    gap: 0.5rem
}

a.menu-aim_block_title:hover {
    color: #3761E9
}

a.menu-aim_block_title:hover svg path {
    stroke: #3761E9
}

.menu-aim_block_subitems {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem
}

.menu-aim_block_subitem {
    max-width: 342px;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem
}

.menu-aim_block_subitem_title {
    display: flex;
    align-items: center;
    gap: 0.5rem
}

.menu-aim_block_subitem_title span.menu-aim_block_subitem_title_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #333338
}

.menu-aim_block_subitem_desc {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #969AA5;
    margin-top: 2px
}

.menu__dropmenu .dropdown {
    position: absolute;
    top: 40px;
    transform: translate3d(0, 20px, 0);
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s ease 0.15s, opacity 0.3s ease 0.15s, visibility 0.3s ease 0.15s, top 0.3s ease, padding-top 0.3s ease;
    padding: 2rem 0 0 0;
    max-width: 1308px;
    width: 100%;
    z-index: 5
}

.menu__dropmenu .dropdown.dropdown--2-cols {
    position: absolute;
    top: 21px;
    left: -2.5rem;
    width: 640px;
    transform: translate3d(0, 20px, 0)
}

@media screen and (max-width:1100px) {
    .menu__dropmenu .dropdown.dropdown--2-cols {
        left: -3.5rem
    }
}

.menu__dropmenu .dropdown.dropdown--2-cols .dropdown__body {
    padding: 2rem 2.5rem
}

.menu__dropmenu .dropdown.dropdown--2-cols .dropdown__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 3rem
}

.menu__dropmenu .dropdown.dropdown--1-col {
    position: absolute;
    top: 22px;
    left: -2.5rem;
    width: 340px;
    transform: translate3d(0, 20px, 0)
}

.menu__dropmenu .dropdown.dropdown--1-col .dropdown__body {
    padding: 2rem 2.5rem
}

.menu__dropmenu .dropdown.dropdown--1-col .dropdown__list {
    grid-template-columns: 1fr;
    gap: 1rem 3rem
}

.header.header--white .menu-aim {
    top: 32px
}

.menu__dropmenu .dropdown__body {
    background-color: var(--white);
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    overflow: hidden
}

.menu__dropmenu .dropdown__top {
    padding: 1.5rem
}

.menu__dropmenu .dropdown__top .dropdown__item {
    padding: 0.75rem 1.25rem 0.75rem 1rem;
    border-radius: 8px
}

.menu__dropmenu .dropdown__top .dropdown__item:hover {
    background: #F5F7FC
}

.menu__dropmenu .dropdown__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem
}

.menu__dropmenu .dropdown__link {
    display: flex;
    gap: 0.75rem
}

@media (any-hover:hover) {

    .menu__dropmenu .dropdown__link:hover .dropdown__go svg path,
    .menu__dropmenu .dropdown__link:hover .dropdown__go svg use {
        stroke: var(--brand-blue)
    }
}

.menu__dropmenu .dropdown__icon {
    flex: 0 0 20px;
    height: 20px;
    margin-top: 2px;
    width: 20px
}

.menu__dropmenu .dropdown__title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: var(--heading-color);
    margin-bottom: 0.125rem;
    transition: color 0.3s ease
}

.menu__dropmenu .dropdown__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #969AA5
}

.menu__dropmenu .dropdown__go {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    opacity: 0.5
}

.menu__dropmenu .dropdown__go svg {
    width: 10px;
    height: 10px;
    display: block
}

.menu__dropmenu .dropdown__go svg path,
.menu__dropmenu .dropdown__go svg use {
    transition: stroke 0.3s ease;
    stroke: var(--arrow-color)
}

.menu__dropmenu .dropdown__bottom {
    padding: 2rem 2.5rem 2.25rem 2.5rem
}

.gradient-text {
    background: linear-gradient(0.25turn, #29329F, #3761E9, #FF7188);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.menu__dropmenu .dropdown__type {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #333338;
    padding: 8px 12px
}

.menu__dropmenu .dropdown__wrap {
    padding: 1.5rem
}

.menu__dropmenu .dropdown__col.wide {
    grid-column-end: span 2
}

.menu__dropmenu .dropdown__col.wide .dropdown__list {
    grid-template-columns: repeat(2, 1fr)
}

.menu__dropmenu .dropdown__col:not(.wide) {
    flex: 1
}

.menu__dropmenu .dropdown__col:not(.wide) .dropdown__list {
    grid-template-columns: 1fr
}

.menu__dropmenu .dropdown__colum .dropdown__item {
    padding: 6px 12px;
    border-radius: 8px
}

.menu__dropmenu .dropdown__colum .dropdown__item:hover {
    background: #F5F7FC
}

.menu__dropmenu .dropdown__colum .dropdown__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #333338;
    margin-bottom: 0
}

.menu__dropmenu .dropdown__reference {
    margin-top: 2.75rem;
    text-align: center
}

.menu__dropmenu .dropdown__wrap .dropdown__list .dropdown__coln:first-of-type {
    flex: 1 1 25%
}

.menu__dropmenu .dropdown__wrap .dropdown__list .dropdown__coln:last-of-type {
    flex: 1 1 75%
}

.hide {
    display: none
}

.hide.hide--visible {
    display: block
}

.hide .menu__item {
    display: none
}

.hide__text {
    cursor: pointer;
    opacity: 1;
    font-size: 1.5rem;
    transition: color 0.3s ease;
    position: relative;
    top: -6px
}

.hide__dropmenu {
    position: relative
}

.hide__dropmenu .dropdown {
    position: absolute;
    top: 0;
    left: -1.5rem;
    width: 300px;
    padding-top: 29px;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.hide__dropmenu .dropdown__body {
    background-color: var(--white);
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 1.5rem
}

.hide__dropmenu .dropdown__item:not(:last-of-type) {
    margin-bottom: 1rem
}

@media (any-hover:hover) {
    .hide__dropmenu .dropdown__item:hover .dropdown__link {
        color: var(--brand-blue)
    }
}

.hide__dropmenu .dropdown__link {
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .hide:hover .hide__text {
        color: var(--brand-blue)
    }
}

.mobile-menu {
    display: none
}

@media (max-width:1024px) {
    .mobile-menu {
        display: flex;
        flex-direction: column;
        gap: 1.75rem;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 0;
        left: 0;
        max-height: 100%;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: var(--white);
        padding: 5rem 1rem 2.125rem 1rem;
        will-change: transform;
        transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, -100%, 0);
        pointer-events: none;
        scrollbar-width: none
    }

    .mobile-menu.with_banner {
        padding: 8.375rem 1rem 2.125rem 1rem
    }

    .header--white.header--substrate .mobile-menu.with_banner {
        padding: 5.375rem 1rem 2.125rem 1rem
    }

    .mobile-menu::-webkit-scrollbar {
        width: 0
    }

    .mobile-menu.mobile-menu--active {
        transform: translate3d(0, 0, 0);
        pointer-events: all
    }

    .mobile-menu.mobile-menu--hide {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        overflow: hidden
    }
}

.mobile-menu__item {
    padding: 0.75rem 0
}

.mobile-menu__wrap {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center
}

.mobile-menu__link {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: var(--heading-color)
}

.phone-mobile_menu {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: start
}

.phone-mobile_number a {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px
}

.phone-mobile_number .mobile-menu_desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #969AA5
}

@media (any-hover:hover) {
    .mobile-menu__link:hover {
        color: var(--brand-blue)
    }
}

.mobile-menu__arrow {
    width: 16px;
    flex: 0 0 16px
}

.mobile-menu__arrow svg {
    max-width: 100%
}

.mobile-menu__buttons {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    width: 100%
}

.mobile-menu__buttons a {
    flex: 1 1 50%
}

.inner-mobile-menu {
    display: none
}

.phone-mobile_menu-form {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #3761E9
}

.phone-mobile_menu-form.mobile-menu__item {
    padding: 0
}

@media (max-width:1024px) {
    .inner-mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: var(--white);
        padding: 4.5rem 1rem 1.5rem 1rem;
        will-change: transform;
        transition: transform 0.4s ease;
        transform: translate3d(0, -101%, 0);
        pointer-events: none;
        scrollbar-width: none
    }

    .inner-mobile-menu::-webkit-scrollbar {
        width: 0
    }

    .inner-mobile-menu.inner-mobile-menu--open {
        transform: translate3d(0, 0, 0);
        pointer-events: all
    }
}

.inner-mobile-menu__topbar {
    display: flex;
    align-items: center;
    gap: 0.75rem
}

.inner-mobile-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0 1.5rem 0;
    border-bottom: 1px solid var(--divider-color)
}

.inner-mobile-menu[data-menu="form-callback"] {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    height: 100%;
    z-index: 9;

    .inner-mobile-buttons {
        padding: 0 0 3rem 0;
        border-bottom: none
    }

    .form__button {
        margin-top: 1rem
    }

    button {
        padding: 0.5rem 1rem !important;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        height: 100%
    }

    .form.form--labels-out .form__input {
        padding: 0.5rem 0.75rem
    }

    .form.form--labels-out .form__input[type="tel"] {
        padding: 0.5rem 0.75rem 0.5rem 3.75rem
    }
}

.inner-mobile-menu__back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex: 0 0 16px
}

.inner-mobile-menu__back svg {
    max-width: 100%;
    width: 16px;
    height: 16px
}

.inner-mobile-menu__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: var(--heading-color)
}

.inner-mobile-menu__sublist {
    padding-top: 0.75rem
}

.inner-mobile-menu__subitem {
    padding: 0.75rem 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between
}

@media (any-hover:hover) {
    .inner-mobile-menu__sublink:hover {
        color: var(--brand-blue)
    }
}

.inner-mobile-menu__sublink.inner-mobile-menu__sublink--blue {
    color: var(--brand-blue)
}

.footer {
    background-color: var(--white);
    border-radius: 40px;
    margin-top: -40px
}

.footer.footer--no-border .footer__body {
    border: 0
}

@media (max-width:991px) {
    .footer {
        margin-top: -20px;
        border-radius: 20px
    }
}

.footer.footer--light {
    background-color: var(--light-bg-color)
}

.footer__body {
    padding: clamp(3rem, 6vw, 5rem) 0 clamp(3rem, 6vw, 4rem) 0
}

.footer__row {
    display: flex;
    justify-content: space-between;
    gap: clamp(1rem, 1.5vw, 1.5rem)
}

.footer__row.footer__row--top {
    margin-bottom: clamp(1rem, 6vw, 5.875rem)
}

.footer__row.footer__row--top .footer__col {
    flex: 1 1 100%
}

.footer__row.footer__row--bottom {
    align-items: flex-start
}

@media (max-width:767px) {
    .footer__row.footer__row--bottom {
        flex-direction: column-reverse
    }
}

@media (max-width:991px) {
    .footer__row.footer__row--top {
        gap: 2rem 1rem;
        flex-wrap: wrap
    }

    .footer__row.footer__row--top .footer__col {
        flex: 1 1 25%
    }
}

@media (max-width:767px) {
    .footer__row.footer__row--top {
        gap: 0.5rem
    }

    .footer__row.footer__row--top .footer__col {
        flex: 1 1 100%
    }
}

.footer__col {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width:767px) {
    .footer__col {
        gap: 0.5rem
    }
}

.footer__caption {
    font-weight: 600;
    font-size: 1rem;
    line-height: 156%;
    margin-bottom: 1rem;
    color: var(--heading-color)
}

@media screen and (min-width:768px) {
    .footer__caption:only-child {
        margin-bottom: 0
    }
}

.footer__caption a {
    color: var(--heading-color)
}

.footer__caption a:hover {
    color: var(--brand-blue-hover)
}

@media (max-width:767px) {
    .footer__caption {
        position: relative;
        margin-bottom: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem
    }

    .footer__caption.footer__caption--open .footer__arrow {
        content: "";
        transform: rotate(180deg)
    }
}

.footer__arrow {
    display: none
}

@media (max-width:767px) {
    .footer__arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        transition: transform 0.3s ease-in-out
    }

    .footer__arrow svg {
        width: 6px
    }

    .footer__arrow svg path,
    .footer__arrow svg use {
        fill: var(--heading-color)
    }
}

@media (max-width:767px) {
    .footer__wrap {
        transition: 0.5s ease-in-out;
        overflow: hidden;
        max-height: 0
    }
}

.footer__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem
}

@media (max-width:767px) {
    .footer__list {
        gap: unset;
        margin-bottom: 1rem
    }
}

.footer__item {
    display: flex;
    align-items: center;
    gap: 0.5rem
}

.footer__item.footer__item--special {
    margin-top: 0.5rem
}

.footer__item.footer__item--special .footer__link {
    color: var(--brand-blue)
}

@media (any-hover:hover) {
    .footer__item.footer__item--special .footer__link:hover {
        color: var(--heading-color)
    }
}

@media (max-width:767px) {
    .footer__item {
        justify-content: space-between
    }

    .footer__item:not(:last-child) {
        margin-bottom: 0.75rem
    }
}

.footer__link {
    color: var(--text-color);
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    transition: color 0.3s ease
}

.footer__item.active .footer__link {
    color: var(--brand-blue)
}

@media (any-hover:hover) {
    .footer__link:hover {
        color: var(--brand-blue)
    }
}

@media (max-width:767px) {
    .footer__link {
        font-size: 1rem
    }
}

.footer__copyright {
    color: var(--secondary-text-color)
}

.footer__app {
    display: flex;
    gap: 1.375rem
}

.footer__app .footer__map {
    align-self: self-end
}

@media (max-width:767px) {
    .footer__app .footer__map {
        align-self: self-start
    }
}

.footer__map a,
.footer__copyright .footer__box:last-of-type {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px
}

.socials {
    display: flex;
    justify-content: space-between;
    gap: 12px
}

.menu_socials.socials {
    justify-content: start !important;
    gap: 0.75rem !important
}

.socials__item {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem
}

.socials__link:hover {
    opacity: 0.6
}

.socials__link {
    opacity: 1;
    transition: 0.25s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease;
    background-color: transparent;
    border-radius: 8px
}

.socials__link img {
    width: 32px;
    display: inline-block
}

.apps {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem
}

.apps__link {
    background-color: var(--white);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    transition: all 0.3s ease;
    background-color: var(--main-bg-color)
}

@media (any-hover:hover) {
    .apps__link:hover {
        background-color: #eff1f8
    }
}

.apps__icon {
    width: 22px;
    margin-right: 0.5rem
}

.apps__icon img {
    max-width: 100%;
    display: inline-block
}

.apps__text {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 22px;
    color: var(--heading-color)
}

.mainscreen {
    background-color: var(--main-bg-color)
}

.mainscreen.mainscreen--overflow {
    overflow: hidden
}

.mainscreen.mainscreen--cases {
    position: relative
}

.mainscreen.mainscreen--cases::before {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 0;
    z-index: -1;
    background-color: var(--main-bg-color);
    height: 80px;
    width: 100%
}

.mainscreen.mainscreen--cases .mainscreen__body {
    padding: clamp(12rem, 17vw, 15.5rem) clamp(1rem, 4vw, 2rem) clamp(15rem, 20vw, 18.625rem) clamp(1rem, 4vw, 2rem)
}

.mainscreen.mainscreen--blue {
    background-color: var(--deep-blue)
}

.mainscreen.mainscreen--blue .mainscreen__body {
    padding: clamp(12rem, 17vw, 15.5rem) 0 clamp(7rem, 12vw, 10.5rem) 0
}

.mainscreen.mainscreen--blue .title,
.mainscreen.mainscreen--blue .subtitle,
.mainscreen.mainscreen--blue .big-text,
.mainscreen.mainscreen--blue .subheading {
    color: var(--white)
}

.mainscreen.mainscreen--index {
    background: url("/local/templates/asprocloud_v2/./images/main-bg.png") center/cover no-repeat, var(--main-bg-color)
}

.mainscreen.mainscreen--gradient {
    background-image: url("/local/templates/asprocloud_v2/./images/gradient.webp");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

.mainscreen.mainscreen--sky {
    background-image: url("/local/templates/asprocloud_v2/./images/background_sky.jpg");
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

.mainscreen.mainscreen--bottom-overflow .mainscreen__body {
    margin-bottom: 0
}

.mainscreen.mainscreen--submenu .mainscreen__body {
    padding: clamp(7rem, 10vw, 8.3125rem) 0 2.5rem 0
}

.mainscreen.mainscreen--solution .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 clamp(6rem, 8vw, 8.5rem) 0
}

.mainscreen.mainscreen--event-screen .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 clamp(6rem, 8vw, 8.5rem) 0
}

.mainscreen.mainscreen--solution-main .mainscreen__body {
    padding: 100px 0 56px 0;
    background: none
}

.solution-main-page .block__square {
    padding-bottom: 36px;
    margin-bottom: 36px
}

.mainscreen.mainscreen--solution-main {
    background: none
}

.mainscreen.mainscreen--resources .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 clamp(7rem, 15vw, 9rem) 0
}

.mainscreen.mainscreen--resources .mainscreen__body .mainscreen__title {
    margin-top: 56px
}

.mainscreen.mainscreen--services .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 clamp(6rem, 8vw, 8.5rem) 0
}

.mainscreen.mainscreen--partners .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 clamp(6rem, 8vw, 8.5rem) 0
}

.mainscreen.mainscreen--events .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 5rem 0
}

.mainscreen.mainscreen--events .mainscreen__body .mainscreen__title {
    margin-top: 56px
}

.mainscreen.mainscreen--events.events-type2 .mainscreen__body {
    padding: clamp(4.375rem, 5vw, 5rem) 0 clamp(2.5rem, 3vw, 3.5rem) 0
}

.mainscreen.mainscreen--narrow .mainscreen__title {
    margin-bottom: 1rem
}

.mainscreen.mainscreen--narrow .mainscreen__title.mainscreen__title--no-mb {
    margin-bottom: 0
}

.mainscreen.mainscreen--narrow-submenu .mainscreen__body {
    padding: clamp(7rem, 10vw, 8.3125rem) 0 clamp(7rem, 15vw, 9rem) 0
}

.mainscreen.mainscreen--narrow-submenu.landings .mainscreen__body {
    padding: clamp(7rem, 10vw, 8.3125rem) 0 clamp(6rem, 8vw, 8.5rem) 0
}

.mainscreen--crm .mainscreen__body {
    padding: clamp(7rem, 10vw, 8.3125rem) 0 clamp(6rem, 8vw, 8.5rem) 0
}

.mainscreen.mainscreen--blog .mainscreen__body {
    padding: 8.3125rem 0 clamp(1.25rem, 4vw, 2.5rem) 0;
    align-items: stretch
}

.mainscreen.mainscreen--blog .mainscreen__body .mainscreen__title {
    max-width: none;
    padding: 0;
    margin-top: 56px;
    margin-bottom: 80px
}

@media screen and (max-width:1024px) {
    .mainscreen.mainscreen--blog .mainscreen__body {
        padding: 7rem 0 clamp(1.25rem, 4vw, 2.5rem) 0
    }
}

.mainscreen.mainscreen--bottom-overflow-article .mainscreen__body {
    padding-top: clamp(11rem, 15vw, 14rem);
    padding-bottom: 0;
    margin-bottom: -27%
}

.mainscreen.mainscreen--fullscreen {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.48)), url("/local/templates/asprocloud_v2/./images/img01.webp") center/cover no-repeat, var(--main-bg-color)
}

.mainscreen.mainscreen--fullscreen .mainscreen__body {
    padding: 13.125rem 0 clamp(6rem, 18vw, 13.25rem) 0;
    min-height: calc(100vh - 83px);
    justify-content: flex-end;
    margin-bottom: -12%
}

@media (max-width:991px) {
    .mainscreen.mainscreen--fullscreen .mainscreen__body {
        min-height: calc(100vh - 64px)
    }
}

.mainscreen.mainscreen--fullscreen .mainscreen__heading {
    color: var(--white)
}

.mainscreen.mainscreen--fullscreen .mainscreen__element {
    color: var(--white);
    opacity: 0.5
}

.mainscreen.mainscreen--fullscreen .share {
    opacity: 0.5
}

@media (any-hover:hover) {
    .mainscreen.mainscreen--fullscreen .share:hover {
        opacity: 1
    }

    .mainscreen.mainscreen--fullscreen .share:hover .share__icon svg path,
    .mainscreen.mainscreen--fullscreen .share:hover .share__icon svg use {
        stroke: var(--white)
    }

    .mainscreen.mainscreen--fullscreen .share:hover .share__text {
        color: var(--white)
    }
}

.mainscreen.mainscreen--fullscreen .share__icon svg path,
.mainscreen.mainscreen--fullscreen .share__icon svg use {
    stroke: var(--white)
}

.mainscreen.mainscreen--fullscreen .share__text {
    color: var(--white)
}

.mainscreen.mainscreen--main {
    background: #F5F7FC
}

.mainscreen.mainscreen--bg-grey {
    background: #F5F7FC
}

.mainscreen.mainscreen--no-submenu .mainscreen__body {
    padding: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop)) 0 clamp(6rem, 8vw, 8.5rem) 0
}

.mainscreen.mainscreen--body-no-padding-bottom .mainscreen__body {
    padding-bottom: 0
}

.mainscreen.mainscreen--body-padding-120px .mainscreen__body {
    padding-top: clamp(var(--mainscreen-mobile), 5vw, var(--mainscreen-desktop))
}

.mainscreen.mainscreen--white {
    background-color: var(--white)
}

.mainscreen.mainscreen--pb-64 .mainscreen__body {
    padding-bottom: clamp(var(--g12-mobile), 6vw, var(--g12-desktop))
}

.mainscreen__body>.block__body {
    width: 100%
}

.mainscreen__title {
    margin-bottom: 1.5rem;
    word-break: break-word
}

.mainscreen__body .mainscreen__title-and-description_container {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto
}

.mainscreen__body .mainscreen__title-and-description_container .mainscreen__title {
    margin-top: clamp(2.5rem, 4vw, 3.5rem);
    margin-bottom: 1.5rem;
    line-height: 3.5rem
}

.mainscreen__body .mainscreen__title-and-description_container .mainscreen__title.solution__title--h1 {
    line-height: normal
}

.mainscreen__body .mainscreen__title-and-description_container .mainscreen__title.title {
    font-weight: 600;
    font-size: clamp(var(--h1-blog-mobile), 3vw, var(--h1-blog-desktop));
    line-height: var(--h1-lh);
    color: var(--heading-color);
    padding-bottom: 2px
}

.mainscreen.mainscreen--main.mainscreen--mainpage .mainscreen__body .mainscreen__title-and-description_container .mainscreen__title.title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--secondary-text-color);
    padding-bottom: 0
}

.mainscreen__detail {
    margin-top: 56px
}

.mainscreen__body .mainscreen--crm {
    padding-top: 10px
}

.mainscreen__title.mainscreen__title--no-mb {
    margin-bottom: 0
}

.mainscreen__title.mainscreen__title--top-margin {
    margin-top: clamp(2rem, 4vw, 3rem)
}

.mainscreen__text {
    font-size: clamp(15px, 2vw, 16px);
    line-height: clamp(24px, 2vw, 26px);
    width: 100%
}

.mainscreen__text a {
    text-decoration: none
}

.mainscreen__buttons {
    display: flex;
    gap: 1.25rem;
    margin-top: clamp(1.5rem, 3vw, 2.5rem)
}

@media (max-width:767px) {
    .mainscreen__buttons {
        flex-direction: column;
        gap: 0.5rem
    }
}

.mainscreen__video {
    margin-top: clamp(3rem, 8vw, 5rem);
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
    padding: 0 0 56.8% 0
}

.mainscreen__video.mainscreen__video--mt-96 {
    margin-top: clamp(3rem, 8vw, 6rem)
}

.mainscreen__video>img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    border: 1px solid var(--divider-color);
    border-radius: 20px
}

.mainscreen__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: var(--brand-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease
}

.mainscreen__play img {
    width: 24px;
    display: inline-block;
    position: relative;
    left: 3px
}

@media (any-hover:hover) {
    .mainscreen__play:hover {
        transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1)
    }
}

@media (max-width:767px) {
    .mainscreen__play {
        height: 80px;
        width: 80px
    }
}

@media (max-width:425px) {
    .mainscreen__play {
        height: 70px;
        width: 70px
    }
}

.mainscreen__list {
    margin-top: clamp(5rem, 8vw, var(--g15-desktop));
    display: flex;
    gap: 2.5rem;
    width: 100%
}

@media (max-width:767px) {
    .mainscreen__list {
        flex-wrap: wrap
    }
}

.mainscreen__item {
    flex: 1 1 33.333%;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 200px
}

.mainscreen__icon {
    width: 64px;
    height: 64px;
    background: var(--brand-blue);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: clamp(0.75rem, 2vw, 1.5rem)
}

.mainscreen__icon img {
    display: inline-block;
    width: 32px;
    height: 32px
}

.mainscreen__caption {
    color: var(--white);
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem)
}

.mainscreen__description {
    max-width: 340px;
    font-size: clamp(0.875rem, 2vw, var(--text-big-desktop))
}

.mainscreen__calendly {
    margin: 0.875rem 0 5rem 0;
    position: relative;
    width: calc(100vw - 2rem);
    min-height: 700px
}

.mainscreen__calendly iframe {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    display: block
}

@media (max-width:1031px) {
    .mainscreen__calendly {
        min-height: 1000px;
        margin: 0
    }
}

@media (max-width:767px) {
    .mainscreen__calendly {
        width: 100vw
    }
}

@media (max-width:649px) {
    .mainscreen__calendly {
        margin: 3rem 0;
        min-height: 868px
    }
}

.mainscreen__article {
    text-align: left;
    width: 100%;
    margin-top: 3.5rem
}

.mainscreen__heading {
    max-width: 780px
}

.mainscreen--body-padding-120px .mainscreen__heading {
    max-width: 850px
}

.mainscreen__data {
    margin-top: clamp(1rem, 2vw, 1.5rem);
    display: flex
}

@media (max-width:425px) {
    .mainscreen__data {
        align-items: flex-end
    }
}

.mainscreen__metadata {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 1rem);
    flex: 1 1 auto;
    margin-right: clamp(1rem, 3vw, 2rem)
}

@media (max-width:660px) {
    .mainscreen__metadata {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:900px) {
    .back .share .ya-share2 {
        top: calc(-100% - 20px) !important
    }

    .solution__buttons {

        .share .ya-share2,
        .back .share .ya-share2 {
            position: absolute !important;
            top: calc(100% - 35px) !important;
            left: calc(100% + 20px)
        }
    }
}

@media (max-width:500px) {
    .solution__buttons {

        .share .ya-share2,
        .back .share .ya-share2 {
            position: absolute !important;
            top: calc(100% + 20px) !important;
            left: calc(100% - 120px)
        }
    }
}

@media (max-width:476px) {
    .mainscreen__metadata {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem
    }

    .share {
        height: 18px
    }

    .share .ya-share2,
    .back .share .ya-share2 {
        position: relative !important;
        top: 0% !important
    }

    .solution__buttons {

        .share .ya-share2,
        .back .share .ya-share2 {
            position: absolute !important;
            top: calc(100% + 20px) !important;
            left: calc(100% - 120px)
        }
    }
}

.mainscreen__element {
    color: var(--heading-color);
    line-height: 129%
}

.mainscreen__element {
    color: var(--heading-color);
    line-height: 129%
}

.mainscreen__element.time_flex {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--secondary-text-color)
}

.mainscreen__share {
    color: var(--secondary-text-color)
}

@media (max-width:425px) {
    .mainscreen__element:not(:last-of-type)::after {
        display: none
    }
}

.mainscreen__image {
    margin-top: clamp(2rem, 4vw, 3rem);
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
    padding: 0 0 56% 0
}

.mainscreen__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.mainscreen__clients {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 2rem
}

@media (max-width:767px) {
    .mainscreen__clients {
        flex-direction: column
    }
}

.mainscreen__subheading {
    text-align: left;
    flex: 0 0 200px
}

@media (max-width:767px) {
    .mainscreen__subheading {
        text-align: center;
        flex: none
    }
}

.mainscreen__clients-set {
    width: 100%
}

.mainscreen__tracks {
    text-align: left;
    margin-top: clamp(3rem, 10vw, 7.5rem)
}

.mainscreen__oops {
    max-width: 280px
}

.mainscreen__oops img {
    display: inline-block;
    max-width: 100%
}

.mainscreen__subcaption {
    text-align: left;
    width: 100%;
    margin-top: clamp(2.5rem, 5vw, 4rem);
    font-size: 20px;
    line-height: 30px
}

.mainscreen__subcaption.mainscreen__subcaption--high-mt {
    margin-top: 1.5rem
}

.mainscreen__text-under-play {
    position: absolute;
    bottom: -60px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 600;
    color: #333338;
    text-align: center
}

@media (max-width:991px) {
    .mainscreen__text-under-play {
        display: none
    }
}

.row-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(1.5rem, 3.5vw, 3.5rem) clamp(1.5rem, 3vw, 2.5rem);
    margin-top: clamp(2rem, 5vw, 6rem)
}

@media (max-width:991px) {
    .row-main {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:576px) {
    .row-main {
        grid-template-columns: 1fr
    }
}

.row-main__item {
    display: flex;
    gap: clamp(1rem, 2vw, 1.5rem);
    text-align: left;
    padding-right: 1.5rem
}

@media (max-width:991px) {
    .row-main__item {
        padding-right: 0
    }
}

.row-main__icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background-color: var(--brand-blue);
    display: flex;
    align-items: center;
    justify-content: center
}

.row-main__icon img {
    width: 14px;
    flex: 0 0 14px
}

.share {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    line-height: 129%;
    transition: all 0.3s ease
}

.share.share--black .share__text {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: var(--heading-color)
}

.share.share--black .share__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    position: relative;
    top: -3px
}

.share.share--black .share__icon svg path,
.share.share--black .share__icon svg use {
    stroke: var(--heading-color)
}

@media (any-hover:hover) {
    .share:hover .share__text {
        color: var(--brand-blue)
    }

    .share:hover .share__icon svg path,
    .share:hover .share__icon svg use {
        stroke: var(--brand-blue)
    }
}

.share__icon {
    align-items: center;
    display: flex;
    flex: 0 0 16px;
    height: 16px;
    width: 16px
}

.share__icon svg {
    max-width: 100%
}

.share__icon svg path,
.share__icon svg use {
    transition: stroke 0.3s ease;
    stroke: #969AA5
}

.share__text {
    transition: color 0.3s ease
}

.block {
    padding: clamp(5rem, 9vw, var(--g15-desktop)) 0;
    border-radius: 40px 40px 0 0;
    overflow: hidden;
    background-color: var(--white)
}

@media (max-width:991px) {
    .block {
        border-radius: 20px 20px 0 0
    }
}

.block.block--light {
    background: linear-gradient(0deg, var(--main-bg-color), var(--main-bg-color)), var(--placeholder-color)
}

.block.block--light .block__row {
    gap: 1.5rem
}

@media (max-width:991px) {
    .block.block--light .block__row {
        flex-direction: row
    }
}

@media (max-width:767px) {
    .block.block--light .block__row {
        flex-direction: column;

        .block__subtitle {
            text-align: center
        }
    }
}

.block.block--light .block__row .block__col {
    flex: 1 1 50%
}

.block.block--no-padding {
    padding: 0;
    overflow: visible;
    margin-bottom: -180px
}

@media (max-width:991px) {
    .block.block--no-padding {
        margin-bottom: -150px
    }
}

.block.block--no-padding-top {
    padding-top: 0;
    padding-bottom: clamp(5rem, 12vw, 9rem);
    margin-top: -40px
}

@media (max-width:991px) {
    .block.block--no-padding-top {
        margin-top: -20px
    }
}

.block.block--pt-0 {
    padding-top: 0
}

.block.block--negative-margin-top {
    padding-top: clamp(var(--g14-mobile), 7vw, var(--g14-desktop));
    padding-bottom: clamp(var(--g17-mobile), 7vw, var(--g17-desktop));
    margin-top: clamp(calc(var(--g16-mobile) * -1), 2vw, calc(var(--g9-desktop) * -1))
}

.block.block--negative-padding-bottom {
    padding-bottom: 0
}

.block.block--centered .block__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.block.block--centered .block__subtitle {
    margin-bottom: clamp(1rem, 2vw, 1.25rem)
}

.block.block--centered .block__text {
    max-width: none
}

.block.block--top-gutter {
    padding: clamp(9rem, 40vw, 27.875rem) 0 clamp(5rem, 9vw, 10.5rem) 0
}

.block.block--small-top-padding {
    padding-top: clamp(3.75rem, 9vw, 5rem)
}

.block.block--no-overflow {
    overflow: visible
}

.block.block--no-padding-bottom {
    padding-bottom: 0
}

.block.block--padding-bottom-168 {
    padding-bottom: clamp(5rem, 13vw, 10.5rem)
}

.block.block--padding-bottom-160 {
    padding-bottom: clamp(var(--g17-mobile), 14vw, var(--g17-desktop))
}

.block.block--top-gutter-article {
    padding: clamp(9rem, 31vw, 25rem) 0 clamp(5rem, 9vw, 9rem) 0
}

.block--white {
    background-color: var(--white);
    color: #333338
}

.block.block--blue {
    background-color: var(--deep-blue);
    color: var(--white)
}

.block.block--blue .block__subtitle,
.block.block--blue .scroll-animation-block__text,
.block.block--blue .scroll-animation-block__heading-text,
.block.block--blue .block__info,
.block.block--blue .big-text,
.block.block--blue .subheading,
.block.block--blue .subtitle,
.block.block--blue .medium-text,
.block.block--blue .caption,
.block.block--blue .heading,
.block.block--blue .blog-h3 {
    color: var(--white)
}

@media (any-hover:hover) {

    .block.block--blue .link:hover,
    .block.block--blue .materials__link:hover {
        color: var(--white)
    }

    .block.block--blue .link:hover svg path,
    .block.block--blue .link:hover svg use,
    .block.block--blue .materials__link:hover svg path,
    .block.block--blue .materials__link:hover svg use {
        stroke: var(--white)
    }
}

.block.block--blue .materials {
    border-bottom: 1px solid var(--divider-on-blue)
}

.block.block--gradient {
    background: url("/local/templates/asprocloud_v2/./images/light-bg.webp") center/cover no-repeat, var(--special-grey)
}

.block.block--top-padding-48 {
    padding-top: 3rem
}

.block__topbar {
    display: flex;
    justify-content: space-between;
    margin-bottom: clamp(1.5rem, 5vw, 4rem);
    gap: 1.5rem
}

.block__topbar .subtitle {
    margin-bottom: 0
}

.block__topbar .btn {
    align-self: flex-start;
    white-space: nowrap
}

@media (max-width:767px) {
    .block__topbar {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .block__topbar .btn {
        align-self: center
    }
}

@media (max-width:425px) {
    .block__topbar .btn {
        width: 100%
    }
}

.block__heading {
    max-width: 865px
}

.block__heading.block__heading--centered {
    margin-left: auto;
    margin-right: auto
}

.block__subtitle.block__subtitle--mb-20 {
    margin-bottom: clamp(1rem, 2vw, 1.25rem)
}

.block__subtitle.block__subtitle--mb-128 {
    margin-bottom: clamp(3rem, 8vw, 5.5rem)
}

.small_cards .block__subtitle.block__subtitle--mb-128 {
    margin-bottom: clamp(2.5rem, 3vw, 3rem)
}

.small_cards h2.block__subtitle {
    margin-bottom: clamp(2.5rem, 3vw, 3rem)
}

.block__subtitle.block__subtitle--centered {
    margin-right: auto;
    margin-left: auto;
    max-width: 864px
}

.block__row {
    display: flex;
    gap: clamp(1.5rem, 5vw, 5.5rem)
}

.block__row.block__row--1-to-3-fr .block__col:first-of-type {
    flex: 0 1 34%
}

.block__row.block__row--1-to-3-fr .block__col:last-of-type {
    flex: 1 0 66%
}

.block__row.block__row--equal {
    gap: 1.5rem
}

.block__row.block__row--equal .block__col {
    flex: 1 1 50%
}

@media (max-width:991px) {
    .block__row {
        flex-direction: column
    }

    .block__row.row__mobile {
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
        flex-direction: row !important;

        .block__col {
            min-width: 60%;
            text-align: left
        }
    }
}

@media screen and (max-width:992px) {
    .block__col:first-of-type {
        flex: 1 1 47%
    }
}

.centred-statictic {
    text-align: center
}

.block__col .block__subtitle {
    margin-bottom: 0
}

.block__col .block__subtitle.block__subtitle--mb {
    margin-bottom: clamp(1rem, 2vw, 1.25rem)
}

.block__amount {
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-style: normal;
    font-family: Inter;
    font-weight: 600;
    line-height: 120%;
    color: var(--heading-color);
    margin-bottom: clamp(0.5rem, 2vw, 1.5rem)
}

.block__text {
    max-width: 650px
}

.block__text.block__text--centered {
    margin-left: auto;
    margin-right: auto
}

.block__text.block__text--wide {
    max-width: 752px
}

@media (max-width:991px) {
    .block__text {
        max-width: 100%
    }
}

.block__button {
    margin-top: clamp(2rem, 3vw, 2.5rem);
    text-align: center
}

@media (max-width:425px) {
    .block__btn {
        width: 100%
    }
}

.block__lines {
    display: flex;
    flex-direction: column;
    gap: clamp(3rem, 9vw, var(--g14-desktop))
}

.block__lines.block__lines--centered .block__image {
    border: 0
}

.block__lines.block__lines--centered .block__line {
    align-items: center
}

.block__line {
    display: flex;
    align-items: flex-start;
    gap: clamp(2rem, 4vw, 4rem)
}

.block__line.block__line--reverse {
    flex-direction: row-reverse
}

.block__line.block__line--align-center {
    align-items: center
}

@media (max-width:767px) {
    .block__line {
        flex-direction: column
    }

    .block__line.block__line--reverse {
        flex-direction: column
    }
}

.block__proc-icon {
    width: 4rem
}

.block__proc-icon img {
    max-width: 100%
}

.block__image {
    flex: 0 0 57.57%;
    border-radius: 20px;
    overflow: hidden
}

.block__image img {
    max-width: 100%
}

.block__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.no-margin-top .block__picture {
    margin-top: 0
}

.block__picture {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding-bottom: 57%;
    margin-top: clamp(32px, 3vw, 48px)
}

.block__picture.border {
    border: 1px solid var(--divider-color)
}

.block__picture img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.block__picture {
    overflow: hidden;
    padding-bottom: initial
}

.block__picture img {
    position: initial;
    height: auto
}

.block__clients {
    display: flex;
    justify-content: space-between;
    gap: 2rem
}

.block__clients .subheading {
    flex: 0 0 clamp(200px, 20vw, 310px)
}

@media (max-width:767px) {
    .block__clients {
        flex-direction: column
    }

    .block__clients .subheading {
        text-align: center;
        flex: none
    }

    .block__picture {
        border-radius: 8px
    }
}

.block__caption {
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    color: var(--heading-color)
}

.block__link-wrap {
    margin-top: clamp(2rem, 5vw, 3rem);
    text-align: center
}

.block__square {
    position: relative;
    border-bottom: 1px solid #E6E9F2
}

.block__square--dark {
    position: relative;
    border-bottom: 1px solid rgba(230, 233, 242, 0.2)
}

.block__transparent-image {
    border-radius: 40px;
    overflow: hidden;
    margin-top: clamp(2rem, 5vw, 4rem);
    text-align: center;
    background-color: var(--matte-blue)
}

.block__transparent-image img {
    display: inline-block;
    max-width: 100%
}

@media (max-width:991px) {
    .block__transparent-image {
        border-radius: 20px
    }
}

.block__icon {
    border-radius: 20px;
    width: 104px;
    height: 104px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto clamp(1.5rem, 4vw, 2.5rem) auto
}

.block__icon img {
    width: 64px;
    display: inline-block
}

.block__qr {
    margin-top: clamp(2rem, 5vw, 4rem)
}

.cards-block {
    margin-bottom: clamp(3rem, 9vw, 9rem);
    margin-top: clamp(1.5rem, 5vw, 4rem);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: clamp(1rem, 2vw, 1.5rem)
}

.cards-block.cards-block--services {
    margin-bottom: 0;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
}

.cards-block.cards-block--services .cards-block__item {
    min-height: 240px
}

.cards-block.cards-block--services .cards-block__title {
    margin-bottom: 1rem
}

@media (max-width:767px) {
    .cards-block.cards-block--services .cards-block__item {
        min-height: 200px
    }
}

@media (max-width:767px) {
    .cards-block {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }
}

.cards-block__item {
    display: flex;
    flex-direction: column;
    min-height: 280px;
    background-color: var(--white);
    border-radius: 20px;
    padding: clamp(1.5rem, 3vw, 2rem)
}

@media (max-width:767px) {
    .cards-block__item {
        min-height: auto
    }
}

.cards-block__title {
    font-weight: 500;
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
    line-height: 142%;
    color: var(--heading-color)
}

.cards-block__text {
    margin-bottom: 2rem;
    font-size: clamp(0.875rem, 2vw, var(--text-medium));
    line-height: var(--text-medium-lh)
}

.cards-block__number {
    margin-top: auto;
    height: 48px;
    width: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    background-color: var(--main-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 142%;
    color: var(--secondary-text-color)
}

.cases {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    grid-gap: clamp(1rem, 2vw, 1.5rem)
}

.cases.cases--overflow-top {
    position: relative;
    top: -180px
}

.cases.cases--mb {
    margin-bottom: clamp(2rem, 6vw, 5rem)
}

@media (max-width:991px) {
    .cases {
        grid-template-columns: repeat(2, minmax(280px, 1fr))
    }

    .cases.cases--overflow-top {
        top: -150px
    }
}

@media (max-width:767px) {
    .cases {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
    }
}

.cases__item {
    min-height: 360px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding: clamp(1.5rem, 3vw, 2rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (max-width:991px) {
    .cases__item {
        min-height: 300px
    }
}

@media (any-hover:hover) {
    .cases__item:hover .cases__image img {
        transform: scale3d(1.1, 1.1, 1.1)
    }
}

.cases__overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden
}

.cases__image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)
}

.cases__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-out;
    will-change: transform;
    transform: scale3d(1, 1, 1)
}

.cases__caption {
    position: relative;
    z-index: 1;
    font-size: var(--text-regular);
    line-height: 129%;
    color: var(--white);
    margin-bottom: 0.5rem
}

.cases__title {
    position: relative;
    z-index: 1;
    font-weight: 500;
    line-height: 142%;
    color: var(--white);
    font-size: clamp(1.25rem, 3vw, 1.5rem)
}

.video {
    margin: clamp(2rem, 5vw, 4rem) auto 0 auto;
    max-width: 1085px
}

.video__image {
    position: relative;
    overflow: hidden;
    display: block;
    padding-bottom: 56.5%;
    border-radius: 20px;
    border: 1px solid var(--divider-color)
}

@media (any-hover:hover) {
    .video__image:hover .video__play {
        transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1)
    }
}

.video__image>img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--brand-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    max-width: 100%;
    max-height: 100%
}

.video__play img {
    width: 24px;
    display: block;
    transform: translateX(3px)
}

@media (max-width:767px) {
    .video__play {
        width: 80px;
        height: 80px
    }
}

@media (max-width:425px) {
    .video__play {
        width: 65px;
        height: 65px
    }
}

.try {
    padding-top: clamp(5rem, 9vw, var(--g15-desktop));
    padding-bottom: clamp(6.25rem, 13vw, 10.5rem);
    border-radius: 40px 40px 0 0;
    background-color: var(--white)
}

.try.try--no-padding-top {
    padding-top: 0
}

.try.try--blue {
    background-color: var(--deep-blue)
}

.try.try--blue .heading,
.try.try--blue .big-text {
    color: var(--white)
}

@media (max-width:991px) {
    .try {
        border-radius: 20px 20px 0 0
    }
}

.try__body {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 680px;
    text-align: center
}

.try__image {
    max-width: 96px;
    width: 100%;
    margin-bottom: clamp(1.5rem, 2vw, 2rem)
}

.try__title {
    font-size: clamp(1.5rem, 2vw, 2rem) !important;
    max-width: 864px;
    margin: 0 auto clamp(1rem, 2vw, 1.25rem) auto
}

.try__text p {
    font-size: 18px;
    word-wrap: break-word;
    font-weight: 400;
    line-height: 28px
}

.try__text {
    font-size: clamp(0.9375rem, 2vw, 1rem) !important;
    line-height: clamp(23px, 2vw, 26px)
}

.try__buttons {
    margin-top: clamp(1.5rem, 2vw, 2rem);
    display: flex;
    gap: 1rem
}

.try__buttons a {
    padding: 0.875rem 1.75rem;
    font-size: 1.125rem !important
}

@media (max-width:767px) {
    .try__buttons {
        flex-direction: column;
        gap: 0.5rem
    }
}

@media (max-width:425px) {
    .try__buttons {
        width: 100%;
        max-width: 245px
    }
}

.pagination__body {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem
}

.pagination__arrow {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 8px;
    transition: background-color 0.3s ease
}

@media (max-width:767px) {
    .pagination__arrow {
        height: 36px;
        width: 36px;
        flex: 0 0 36px
    }
}

.pagination__arrow.pagination__arrow--disabled svg path,
.pagination__arrow.pagination__arrow--disabled svg use {
    opacity: 0.24
}

.pagination__arrow svg {
    width: 8px
}

.pagination__arrow svg path,
.pagination__arrow svg use {
    stroke: #333338;
    transition: stroke 0.3s ease
}

@media (any-hover:hover) {
    .pagination__arrow:hover {
        background-color: var(--main-bg-color)
    }

    .pagination__arrow:hover svg path,
    .pagination__arrow:hover svg use {
        stroke: var(--brand-blue)
    }
}

.pagination__list {
    display: flex;
    gap: 0.5rem
}

@media (any-hover:hover) {
    .pagination__item:hover .pagination__link {
        background-color: var(--main-bg-color);
        color: var(--brand-blue)
    }
}

.pagination__item.pagination__item--current .pagination__link {
    color: var(--white);
    background-color: var(--brand-blue)
}

.pagination__link {
    display: inline-block;
    padding: 8px 17.75px;
    height: 100%;
    width: 100%;
    font-weight: 500;
    font-size: clamp(var(--text-big-mobile), 3vw, var(--text-big-desktop));
    line-height: var(--text-big-lh);
    color: var(--heading-color);
    background-color: transparent;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease
}

@media (max-width:767px) {
    .pagination__link {
        padding: 4px 14px
    }
}

.submenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    background-color: transparent;
    transition: all 0.4s ease;
    padding: 73px 0 0 0
}

.submenu.submenu--painted {
    background-color: var(--white);
    box-shadow: 0px 4px 16px var(--header-shadow)
}

.submenu.submenu--painted .submenu__body .submenu__heading,
.submenu.submenu--painted .submenu__body .submenu__link {
    color: var(--heading-color)
}

.submenu.submenu--painted .submenu__body .submenu__item .submenu__dropmenu {
    top: 1rem
}

@media (any-hover:hover) {
    .submenu.submenu--painted .submenu__body .submenu__item:hover .submenu__link {
        color: var(--brand-blue)
    }

    .submenu.submenu--painted .submenu__body .submenu__item:hover .submenu__dropmenu {
        pointer-events: all;
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.submenu.submenu--painted .submenu__body .submenu__item.submenu__item--active .submenu__link {
    color: var(--brand-blue)
}

.submenu.submenu--painted.submenu--white .submenu__arrow svg path,
.submenu.submenu--painted.submenu--white .submenu__arrow svg use {
    stroke: var(--heading-color)
}

@media (min-width:992px) {
    .submenu.submenu--moved {
        padding: 57px 0 0 0
    }
}

.submenu.submenu--moved.submenu--white .submenu__heading,
.submenu.submenu--moved.submenu--white .submenu__link {
    color: var(--heading-color)
}

.submenu.submenu--moved.submenu--white .submenu__arrow svg path,
.submenu.submenu--moved.submenu--white .submenu__arrow svg use {
    stroke: var(--heading-color)
}

@media (any-hover:hover) {
    .submenu.submenu--moved.submenu--white .submenu__link:hover {
        color: var(--brand-blue)
    }
}

.submenu.submenu--moved .submenu__body {
    padding: 0.75rem 0
}

.submenu.submenu--white .submenu__heading,
.submenu.submenu--white .submenu__link {
    color: var(--white)
}

@media (max-width:1024px) {
    .submenu.submenu--white .submenu__link {
        color: var(--heading-color)
    }

    .submenu.submenu--white .submenu__arrow svg path,
    .submenu.submenu--white .submenu__arrow svg use {
        stroke: var(--white)
    }
}

@media (max-width:1024px) {
    .submenu {
        padding: 54px 0 0 0
    }

    .submenu.submenu--moved .submenu__body {
        padding: 0.25rem 0
    }

    .submenu.submenu--moved .submenu__list {
        top: 44px;
        max-height: calc(100vh - 90px)
    }

    .submenu::before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--white);
        transform: translateY(-100%);
        transition: transform 0.6s ease
    }

    .submenu.submenu--open {
        background-color: var(--white)
    }

    .submenu.submenu--open::before {
        opacity: 1;
        transform: translateY(0);
        transition: transform 0.2s ease
    }

    .submenu.submenu--open.submenu--white .submenu__heading {
        color: var(--heading-color)
    }

    .submenu.submenu--open.submenu--white .submenu__arrow svg path,
    .submenu.submenu--open.submenu--white .submenu__arrow svg use {
        stroke: var(--heading-color)
    }

    .submenu.submenu--open .submenu__list {
        background-color: var(--white);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        visibility: visible;
        opacity: 1
    }

    .submenu.submenu--open .submenu__arrow {
        transform: rotateZ(180deg)
    }

    .submenu.submenu--open .submenu__overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }
}

.submenu__overlay {
    display: none;
    position: fixed;
    z-index: 0;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s ease
}

@media (max-width:991px) {
    .submenu__overlay {
        display: block
    }
}

.submenu__body {
    position: relative;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    transition: padding-top 0.4s ease, padding-bottom 0.4s ease
}

@media (max-width:991px) {
    .submenu__body {
        padding: 0.65rem 0;
        gap: 0.5rem
    }
}

.submenu__heading {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: var(--heading-color);
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.875rem;
    transform: translate3d(0, 0, 0)
}

@media (max-width:991px) {
    .submenu__heading {
        position: relative;
        z-index: 1
    }
}

.submenu__icon {
    width: 24px;
    flex: 0 0 24px;
    display: inline-flex
}

.submenu__list {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 1.5rem);
    transition: transform 0.4s ease, visibility 0.4s ease, opacity 0.4s ease;
    background-color: transparent
}

@media (max-width:991px) {
    .submenu__list {
        overflow: hidden;
        position: absolute;
        top: 57px;
        left: -1rem;
        right: -1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 0 1rem 1rem 1rem;
        transform: translate3d(0, -100%, 0) scale3d(1, 0, 1);
        visibility: hidden;
        opacity: 0;
        max-height: calc(100vh - 115px);
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: none
    }

    .submenu__list::-webkit-scrollbar {
        width: 0
    }
}

.submenu__item {
    position: relative
}

@media (any-hover:hover) {
    .submenu__item:hover .submenu__link {
        color: var(--brand-blue)
    }

    .submenu__item:hover .submenu__dropmenu {
        pointer-events: all;
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.submenu__item.submenu__item--active .submenu__link {
    color: var(--brand-blue)
}

@media (max-width:991px) {
    .submenu__item {
        width: 100%
    }

    .submenu__item.submenu__item--btn-wrap {
        border: 0
    }

    .submenu__item.submenu__item--btn-wrap .submenu__wrap {
        padding: 1rem 0 0 0;
        justify-content: center
    }
}

.submenu__wrap {
    display: flex;
    align-items: center;
    cursor: pointer
}

@media (max-width:991px) {
    .submenu__wrap {
        padding: 0.5rem 0;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .submenu__item:last-of-type .submenu__wrap {
        padding: 0.5rem 0 0 0;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

.submenu__link {
    transition: color 0.3s ease;
    font-size: 13px;
    line-height: 20px;
    color: var(--heading-color);
    font-weight: 400;
    transform: translate3d(0, 0, 0)
}

@media (max-width:991px) {
    .submenu__link {
        font-size: var(--text-medium);
        line-height: var(--text-medium-lh)
    }
}

.submenu__menu-arrow {
    width: 12px;
    flex: 0 0 12px;
    display: flex
}

.submenu__menu-arrow svg {
    max-width: 100%
}

@media (max-width:991px) {
    .submenu__menu-arrow {
        width: 24px;
        flex: 0 0 24px;
        height: 24px;
        transition: transform 0.3s ease
    }

    .submenu__menu-arrow.submenu__menu-arrow--active {
        transform: rotateZ(180deg)
    }
}

.submenu__arrow {
    display: none;
    transition: transform 0.3s ease;
    transform: rotateZ(0)
}

@media (max-width:991px) {
    .submenu__arrow {
        height: 36px;
        flex: 0 0 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        position: relative;
        left: 6px;
        z-index: 1
    }

    .submenu__arrow svg {
        width: 12px
    }
}

.submenu__dropmenu {
    position: absolute;
    top: 100%;
    left: -1.5rem;
    padding-top: 1rem;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 20px, 0);
    pointer-events: none;
    transition: all 0.3s ease
}

@media (max-width:991px) {
    .submenu__dropmenu {
        position: static;
        flex: 0 0 100%;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: translate3d(0, 0, 0);
        padding: 0;
        border-radius: 8px;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease
    }
}

.submenu__dropmenu .dropdown {
    background-color: var(--white);
    border-radius: 12px;
    padding: 1.5rem 0;
    width: 300px;
    box-shadow: 0px 12px 40px var(--dropmenu-shadow-color)
}

@media (max-width:991px) {
    .submenu__dropmenu .dropdown {
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        padding: 0
    }
}

.submenu__dropmenu .dropdown__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0 1.5rem
}

.submenu__dropmenu .dropdown__item:not(:last-of-type) {
    margin-bottom: 1rem
}

@media (any-hover:hover) {
    .submenu__dropmenu .dropdown__item:hover>.dropdown__link .dropdown__title {
        color: var(--brand-blue)
    }

    .submenu__dropmenu .dropdown__item:hover .dropdown__arrow svg path,
    .submenu__dropmenu .dropdown__item:hover .dropdown__arrow svg use {
        fill: var(--brand-blue)
    }

    .submenu__dropmenu .dropdown__item:hover .dropdown__dropmenu {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        pointer-events: all
    }
}

@media (max-width:991px) {
    .submenu__dropmenu .dropdown__item {
        flex-wrap: wrap;
        padding: 0.5rem 1rem
    }

    .submenu__dropmenu .dropdown__item:not(:last-of-type) {
        margin-bottom: 0
    }
}

.submenu__dropmenu .dropdown__arrow {
    flex: 0 0 3px;
    display: flex;
    align-items: center
}

.submenu__dropmenu .dropdown__arrow svg {
    max-width: 100%
}

.submenu__dropmenu .dropdown__arrow svg path,
.submenu__dropmenu .dropdown__arrow svg use {
    fill: var(--heading-color)
}

.submenu__dropmenu .dropdown__dropmenu {
    position: absolute;
    left: 100%;
    top: -1.5rem;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 20px, 0);
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease
}

@media (max-width:991px) {
    .submenu__dropmenu .dropdown__dropmenu {
        flex: 0 0 100%;
        position: static;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        pointer-events: all;
        background-color: #fff;
        top: 0;
        left: 0;
        z-index: 10
    }
}

@media (max-width:425px) {
    .submenu__btn {
        width: 100%
    }
}

.content {
    font-size: clamp(var(--text-big-mobile), 2vw, var(--text-big-desktop));
    line-height: var(--text-big-lh);
    color: var(--text-color)
}

.content.content--narrow {
    max-width: 910px;
    margin: 0 auto
}

.content h1 {
    font-weight: 600;
    font-size: clamp(var(--h1-blog-mobile), 3vw, var(--h1-blog-desktop));
    line-height: var(--h1-blog-lh);
    color: var(--heading-color);
    margin-bottom: 1rem;
    margin-top: clamp(1.75rem, 3vw, 2.5rem)
}

.content h1:first-child {
    margin-top: 0
}

.content h2 {
    font-weight: 600;
    font-size: clamp(var(--h2-blog-mobile), 3vw, var(--h2-blog-desktop));
    line-height: var(--h2-blog-lh);
    margin-top: clamp(1.75rem, 3vw, 2.5rem);
    margin-bottom: 1rem;
    color: var(--heading-color)
}

.content h2:first-child {
    margin-top: 0
}

.content h3 {
    font-weight: 600;
    font-size: clamp(var(--h3-blog-mobile), 3vw, var(--h3-blog-desktop));
    line-height: var(--h3-blog-lh);
    margin-top: clamp(1.75rem, 3vw, 2.5rem);
    margin-bottom: 1rem;
    color: var(--heading-color)
}

.content h3:first-child {
    margin-top: 0
}

.content h4 {
    font-weight: 600;
    font-size: clamp(var(--h4-blog-mobile), 2vw, var(--h4-blog-desktop));
    line-height: var(--h4-blog-lh);
    margin-top: clamp(1.75rem, 3vw, 2.5rem);
    margin-bottom: 1rem;
    color: var(--heading-color)
}

.content h4:first-child {
    margin-top: 0
}

.content h5 {
    font-weight: 600;
    font-size: clamp(var(--h4-size-mobile), 2vw, var(--h4-size-desktop));
    line-height: var(--h4-lh);
    margin-top: clamp(1.75rem, 3vw, 2.5rem);
    margin-bottom: 1rem;
    color: var(--heading-color)
}

.content .blog-image-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #767682;
    margin-top: 0.5rem
}

.content h5:first-child {
    margin-top: 0
}

.content p {
    font-size: clamp(var(--p-blog-mobile), 2vw, var(--p-blog-desktop));
    line-height: var(--p-blog-lh);
    margin: 1.25rem 0
}

.content p:last-child {
    margin-bottom: 0
}

.content ul.dash li:before {
    border-radius: 0
}

.content ul li {
    padding-left: 1.25rem;
    font-size: clamp(var(--p-blog-mobile), 2vw, var(--p-blog-desktop));
    line-height: var(--p-blog-lh);
    position: relative
}

.content ul ul {
    padding-left: 1.25rem;
    margin-top: 0.5rem
}

.content ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--heading-color);
    display: block;
    position: absolute;
    top: 12px;
    left: 0
}

.content .accordion__answer ul li {
    padding-left: 0
}

.content .accordion__answer ul li:before {
    content: "";
    width: 0;
    height: 0
}

.content ul li:not(:last-of-type) {
    margin-bottom: 0.5rem
}

.content ol.ol-content-inside-layer-1 {
    margin: 0.5rem 0 0 1.85rem
}

.content ol li {
    margin-left: 1.35rem;
    padding-left: 0.5rem;
    font-size: clamp(var(--p-blog-mobile), 2vw, var(--p-blog-desktop));
    line-height: var(--p-blog-lh)
}

.content ol li:not(:last-of-type) {
    margin-bottom: 0.5rem
}

.content a {
    color: var(--brand-blue)
}

.content a:not(.btn, .link, .share) {
    text-decoration: underline
}

@media (any-hover:hover) {
    .content a:hover {
        text-decoration: none
    }
}

.content hr {
    border-bottom: 1px solid var(--divider-color);
    margin-top: clamp(1.75rem, 3vw, 2.5rem);
    margin-bottom: 1.25rem
}

.content .paragraphs {
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem)
}

.content .paragraphs.paragraphs--no-mb {
    margin-bottom: 0
}

.content .paragraphs p {
    font-size: clamp(var(--p-blog-mobile), 2vw, var(--p-blog-desktop));
    line-height: var(--p-blog-lh)
}

.content .paragraphs p:not(:last-of-type) {
    margin-bottom: clamp(0.75rem, 2vw, 1.125rem)
}

.content .introduction {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    line-height: 142%;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem)
}

.content .important,
.content .styled-block {
    line-height: 142%;
    margin: clamp(3.5rem, 3vw, 3.75rem) 0 clamp(4.5rem, 3vw, 4.75rem) 0;
    padding-left: clamp(1rem, 2vw, 2rem);
    border-left: 2px solid var(--brand-blue)
}

.content .styled-block .quot {
    font-weight: 500;
    line-height: 28px;
    font-size: clamp(1.125rem, 2vw, 1.25rem)
}

.content .styled-block .author {
    margin-top: 1rem;
    color: #767682;
    font-weight: 400;
    font-size: clamp(0.875rem, 2vw, 1rem);
    line-height: 22px
}

.content .styled-block a.quot {
    text-decoration: none
}

.content .wrapper .table-wrap {
    overflow-x: auto;
    position: relative;
    max-width: 100%
}

.content .wrapper table {
    border-radius: 8px;
    border: 1px solid var(--divider-color);
    border-collapse: collapse;
    display: block;
    min-width: 600px;
    font-size: var(--text-medium)
}

.content .alert-info,
.content .highlight {
    border-radius: 12px;
    padding: clamp(1.25rem, 2vw, 2rem);
    background-color: var(--main-bg-color);
    margin: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(1.5rem, 3vw, 2.5rem);
    color: var(--heading-color);
    font-weight: 400
}

.content .alert-info p,
.content .highlight p {
    font-size: clamp(var(--p-blog-mobile), 2vw, var(--p-blog-desktop));
    line-height: var(--p-blog-lh)
}

.content .alert-info p:not(:last-of-type),
.content .highlight p:not(:last-of-type) {
    margin-bottom: clamp(0.75rem, 2vw, 1.125rem)
}

.content .image {
    margin: var(--g6-desktop) 0 clamp(1.5rem, 3vw, 2.5rem)
}

.content .image__container {
    background-color: var(--special-grey);
    margin-bottom: 0.5rem;
    padding: clamp(1rem, 3vw, 3rem);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.content .image__container img {
    max-width: 100%;
    display: inline-block
}

.content .image__caption {
    font-size: var(--text-regular);
    line-height: 129%;
    color: var(--text-color)
}

.content .subscribe {
    margin: clamp(3rem, 5vw, 4rem) 0 0
}

.content .link,
.content .share {
    text-decoration: none
}

.content .back {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem
}

@media (max-width:476px) {
    .content .back {
        flex-direction: column;
        align-items: start !important
    }
}

.banner {
    background: url("/local/templates/asprocloud_v2/./images/banner-bg.webp") center/cover no-repeat;
    border-radius: 20px;
    color: var(--heading-color)
}

.banner__body {
    display: flex;
    gap: clamp(1.5rem, 5vw, 4.75rem)
}

@media (max-width:991px) {
    .banner__body {
        gap: 2rem
    }
}

@media (max-width:767px) {
    .banner__body {
        flex-direction: column;
        padding: 3rem 1rem 0rem 1rem
    }
}

.banner__info {
    padding: clamp(1.5rem, 5vw, 5.125rem) 0 clamp(1.5rem, 5vw, 5.125rem) clamp(1.5rem, 5vw, 5.625rem)
}

@media (max-width:767px) {
    .banner__info {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0
    }
}

.banner__title {
    font-weight: 500;
    font-size: clamp(var(--h3-blog-mobile), 3vw, var(--h3-blog-desktop));
    line-height: var(--h3-blog-lh);
    margin-bottom: clamp(1rem, 2vw, 1.25rem);
    max-width: 500px
}

.banner__text {
    font-size: clamp(var(--p-blog-mobile), 2vw, var(--p-blog-desktop));
    line-height: var(--p-blog-lh);
    margin-bottom: clamp(1.5rem, 2vw, 2rem);
    max-width: 270px
}

.banner__image {
    align-self: flex-end;
    margin: 1.5rem clamp(1.5rem, 5vw, 5.625rem) 0 0
}

.banner__image img {
    max-width: 100%
}

@media (max-width:767px) {
    .banner__image {
        align-self: center;
        margin: 0
    }
}

.subscribe {
    align-items: center;
    border-radius: 20px;
    border: 1px solid var(--divider-color);
    color: var(--heading-color);
    display: flex;
    justify-content: center;
    padding: clamp(2rem, 4vw, 2.5rem);
    text-align: center
}

.subscribe.subscribe--wide {
    background: url("/local/templates/asprocloud_v2/./images/wide-subscribe.webp") center/cover no-repeat
}

.subscribe.subscribe--wide .subscribe__info {
    display: flex;
    justify-content: space-between;
    max-width: none;
    gap: clamp(1.5rem, 3vw, 2.25rem)
}

@media (max-width:767px) {
    .subscribe.subscribe--wide .subscribe__info {
        flex-direction: column
    }
}

.subscribe.subscribe--wide .subscribe__form {
    margin-top: 0;
    align-self: flex-start;
    flex: 0 0 450px
}

@media (max-width:991px) {
    .subscribe.subscribe--wide .subscribe__form {
        display: flex;
        flex-direction: column;
        align-self: center;
        flex: 0 0 300px
    }
}

@media (max-width:767px) {
    .subscribe.subscribe--wide .subscribe__form {
        flex: none
    }
}

@media (max-width:576px) {
    .subscribe.subscribe--wide .subscribe__form {
        width: 100%
    }
}

.subscribe.subscribe--wide .subscribe__wrap {
    max-width: 542px
}

@media (max-width:767px) {
    .subscribe.subscribe--wide .subscribe__wrap {
        text-align: center;
        margin: 0 auto
    }
}

@media (max-width:425px) {
    .subscribe {
        padding: 3rem 2rem
    }
}

.subscribe__info {
    max-width: 450px
}

@media (max-width:425px) {
    .subscribe__info {
        text-align: center
    }
}

.subscribe__title {
    font-weight: 600;
    font-size: clamp(var(--h4-blog-mobile), 3vw, var(--h4-blog-desktop));
    line-height: var(--h3-blog-lh);
    margin-bottom: 0.5rem
}

.subscribe__text {
    color: var(--text-color)
}

.subscribe__form {
    margin-top: 1.24rem;
    display: flex;
    gap: 0.75rem
}

@media (max-width:425px) {
    .subscribe__form {
        flex-direction: column
    }
}

.subscribe__input {
    background-color: var(--special-grey);
    border-radius: 8px;
    border: 1px solid var(--divider-color);
    color: var(--heading-color);
    font-size: 1rem;
    font-weight: 500;
    line-height: 147%;
    padding: 0.75rem 1.25rem;
    width: 100%;
    transition: border-color 0.3s ease, background-color 0.3s ease
}

.subscribe__input:focus-visible {
    background-color: var(--white);
    border-color: var(--secondary-text-color)
}

.subscribe__input::placeholder {
    font-weight: 400;
    color: var(--placeholder-color)
}

.advantages__list {
    display: flex;
    gap: clamp(1rem, 2vw, 1.5rem)
}

@media (max-width:991px) {
    .advantages__list {
        flex-wrap: wrap
    }
}

.advantages__item {
    flex: 1 1 33.333%;
    color: var(--white);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    min-height: 514px;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.advantages__item:nth-of-type(3n) .advantages__decor:nth-last-child(1) {
    top: 6%;
    right: 28%
}

.advantages__item:nth-of-type(3n) .advantages__decor:nth-last-child(2) {
    top: 47%;
    left: 15%
}

.advantages__item:nth-of-type(3n + 1) .advantages__decor:nth-last-child(1) {
    bottom: 49%;
    right: 20%
}

.advantages__item:nth-of-type(3n + 1) .advantages__decor:nth-last-child(2) {
    top: 15%;
    left: 15%
}

.advantages__item:nth-of-type(3n + 2) .advantages__decor:nth-last-child(1) {
    bottom: 42%;
    right: 8%
}

.advantages__item:nth-of-type(3n + 2) .advantages__decor:nth-last-child(2) {
    top: 20%;
    left: 17%
}

@media (max-width:991px) {
    .advantages__item {
        min-height: 280px;
        min-width: 280px
    }
}

.advantages__image {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    height: 100%;
    width: 100%
}

.advantages__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.advantages__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%)
}

@media (max-width:991px) {
    .advantages__overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
    }
}

.advantages__caption {
    position: relative;
    z-index: 1;
    margin-bottom: 0.75rem
}

.advantages__text {
    position: relative;
    z-index: 1;
    color: var(--white)
}

.advantages__decor {
    position: absolute;
    pointer-events: none
}

@media (max-width:991px) {
    .advantages__decor {
        opacity: 0.3
    }
}

.review {
    display: flex;
    gap: clamp(2rem, 4vw, 3rem);
    border: 1px solid var(--divider-color);
    border-radius: 20px;
    padding: clamp(2rem, 4vw, 3rem);
    background-color: var(--white);
    height: auto
}

.review {
    height: auto
}

.review__info {
    display: flex;
    flex-direction: column;
    min-height: 320px;
    height: 100%;
    justify-content: space-between
}

.review__foot {
    margin-top: auto
}

.review.review--no-border {
    border: 0
}

@media (max-width:767px) {
    .review {
        flex-direction: column-reverse;
        padding: clamp(2rem, 4vw, 3rem) clamp(2rem, 4vw, 3rem) 3.25rem clamp(2rem, 4vw, 3rem)
    }
}

.review__logo {
    width: 140px;
    height: 40px;
    margin-bottom: clamp(1rem, 3vw, 2.25rem);
    position: relative
}

.review__logo img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.review__text {
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    line-height: 150%;
    color: var(--heading-color);
    margin-bottom: clamp(1rem, 5vw, 4rem)
}

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

@media (max-width:425px) {
    .review__text {
        font-size: 1rem
    }

    .review__text.dots-hidden {
        -webkit-line-clamp: 6
    }

    .overflow-hidden-slider .slider .slider__arrow {
        display: none !important
    }

    .slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        left: calc(100% / 4.5) !important
    }
}

.review__foot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 2rem)
}

.review__look {
    font-weight: 600;
    transition: color 0.3s ease;
    color: var(--brand-blue)
}

.review__author {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0.25rem
}

.review__image {
    width: 320px;
    height: 320px;
    flex: 0 0 320px;
    position: relative;
    overflow: hidden;
    border-radius: 12px
}

.review__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width:991px) {
    .review__image {
        flex: 0 0 280px;
        width: 280px;
        height: 280px
    }
}

@media (max-width:425px) {
    .review__image {
        flex: none;
        width: 100%;
        height: auto;
        padding-bottom: 100%
    }
}

.accordion {
    width: 100%
}

.accordion.accordion--centered {
    max-width: 864px;
    margin: 0 auto
}

.accordion.accordion--grey .accordion__item {
    background-color: var(--special-grey);
    border: 0
}

.accordion.accordion--grey .accordion__item-black__theme {
    background-color: #3c3c58;
    border: 0
}

.accordion__item {
    border: 1px solid var(--divider-color);
    border-radius: 12px;
    background-color: var(--white)
}

.accordion__item:not(:last-of-type) {
    margin-bottom: clamp(0.25rem, 2vw, 0.5rem)
}

.accordion__item-black__theme {
    border: 1px solid var(--divider-color);
    border-radius: 12px;
    background-color: var(--white)
}

.accordion__item-black__theme:not(:last-of-type) {
    margin-bottom: 1rem
}

.accordion__info {
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0.875rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    cursor: pointer
}

.accordion__info-black__theme {
    text-align: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0.875rem;
    padding: clamp(1rem, 3vw, 2rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem);
    cursor: pointer
}

.accordion__question {
    font-weight: 600;
    font-size: clamp(1rem, 2vw, 1.125rem);
    line-height: var(--text-medium-lh);
    color: var(--heading-color)
}

.accordion__question-black__theme {
    font-weight: 600;
    font-size: clamp(1rem, 2vw, 1.125rem);
    line-height: var(--text-medium-lh);
    color: vvar(--white)
}

.accordion__answer {
    text-align: start;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in-out;
    padding: 0 clamp(1rem, 2vw, 1.5rem) 0 clamp(1rem, 2vw, 1.5rem);
    overflow-wrap: break-word
}

.accordion__answer.accordion__answer--no-margin {
    margin: 0
}

.accordion__answer.accordion__answer--no-padding {
    padding: 0
}

.accordion__answer a:hover {
    color: #1C4ADE
}

.accordion__answer p {
    margin: 1rem 0
}

.accordion__answer ul {
    padding: 0 0 0 clamp(1rem, 2vw, 1.5rem)
}

.accordion__answer ul li {
    list-style-type: disc;
    margin-bottom: 0.5rem
}

.accordion__answer ol {
    padding: 0 0 0 clamp(1rem, 2vw, 1.5rem)
}

.accordion__answer ol li {
    padding-left: 0.4rem
}

.accordion__more {
    margin-top: -0.75rem;
    padding-bottom: clamp(1rem, 3vw, 2rem)
}

.accordion__arrow {
    flex: 0 0 34px;
    width: 34px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
    cursor: pointer;
    transform: rotateZ(0);
    transition: opacity 0.3s ease, transform 0.3s ease
}

.accordion__arrow svg {
    width: 14px
}

.accordion__arrow svg path,
.accordion__arrow svg use {
    stroke: var(--additional-color)
}

@media (any-hover:hover) {
    .accordion__arrow:hover {
        opacity: 1
    }
}

.accordion__arrow.accordion__arrow--active {
    transform: rotateZ(180deg);
    opacity: 1
}

.jumbotron {
    background: url("/local/templates/asprocloud_v2/./images/jumbo.webp") center/cover no-repeat, var(--deep-blue);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    padding: clamp(3rem, 4vw, 3.5rem) clamp(1rem, 6vw, 4rem)
}

.jumbotron.jumbotron--new-bg {
    background: url("/local/templates/asprocloud_v2/./images/jumbo-bg02.webp") center/cover no-repeat, var(--deep-blue)
}

.jumbotron.jumbotron--new-bg-light {
    background-image: url("/local/templates/asprocloud_v2/./images/banner_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.jumbotron.jumbotron--new-bg.light {
    background: url("/local/templates/asprocloud_v2/./images/jumbo-light.jpg") center/cover no-repeat, var(--deep-blue);

    .jumbotron__heading {
        font-weight: 600;
        font-size: 28px;
        line-height: 38px;
        color: #333338
    }

    .jumbotron__text {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        color: #333338
    }
}

.jumbotron.jumbotron-bg--blue-to-purple-to-coral {
    background: linear-gradient(to right, #3761E9 0%, 34.53139364719391%, #6B50BA 69.06278729438782%, 84.53139364719391%, #D06496 100%)
}

.jumbotron.jumbotron-bg--promo {
    background: url('/local/templates/asprocloud_v2/./images/bg_promokod2.jpg');
    background-size: cover;
    background-position: center;
    padding: clamp(2rem, 4vw, 2.5rem) clamp(2rem, 4vw, 3rem);
    align-items: start
}

.jumbotron.jumbotron-bg--promo.special {
    background: url('/local/templates/asprocloud_v2/./images/promo_special_banner.jpg')
}

.jumbotron.jumbotron-bg--promo.winter {
    background: url('/local/templates/asprocloud_v2/./images/bg_promo.jpg')
}

.jumbotron.jumbotron-bg--promo .jumbotron__heading {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

.jumbotron.jumbotron-bg--promo .block__buttons {
    gap: 0.75rem
}

.jumbotron.jumbotron--option {
    background: url("/local/templates/asprocloud_v2/./images/jumbo03.webp") center/cover no-repeat, var(--deep-blue);
    padding: clamp(3rem, 4vw, 3.5rem) clamp(1rem, 6vw, 4rem) 0 clamp(1rem, 6vw, 4rem)
}

.jumbotron.jumbotron--option .jumbotron__info {
    padding-bottom: clamp(2rem, 4vw, 3.5rem)
}

.jumbotron.jumbotron--new-bg {
    padding: clamp(1rem, 6vw, 2.3125rem) clamp(1rem, 6vw, 5.75rem) clamp(1rem, 6vw, 2.3125rem) clamp(1rem, 6vw, 4rem)
}

.jumbotron.jumbotron--new-bg-low {
    background: url("/local/templates/asprocloud_v2/../images/jumbo-low-bg.jpg") center/cover no-repeat, var(--deep-blue)
}

.jumbotron-image__bottom {
    padding: 0 !important;
    gap: 0px;
    align-items: normal
}

.jumbotron__image-bottom {
    flex: 1 1 50%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

.jumbotron__image-bottom img {
    max-width: 100%
}

.jumbotron__text-pd {
    padding: 56px 24px 56px 64px;
    margin: auto;
    flex: 1 1 50%
}

.jumbotron__text p {
    margin: 1rem 0
}

.jumbotron .jumbotron-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    min-height: 100%
}

.jumbotron.centered .jumbotron-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%
}

@media screen and (max-width:991px) {
    .jumbotron__text-pd {
        padding: 56px 64px
    }

    .jumbotron__image-bottom {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:1180px) {
    .jumbotron__text-pd {
        padding: 40px 0px 40px 40px
    }
}

@media screen and (max-width:991px) {
    .jumbotron__text-pd {
        padding: 40px 24px 40px 24px
    }
}

@media (max-width:991px) {
    .jumbotron {
        flex-direction: column
    }

    .jumbotron.jumbotron-bg--promo {
        flex-direction: row
    }
}

@media (max-width:768px) {
    .jumbotron.jumbotron-bg--promo {
        flex-direction: column;
        align-items: start;
        gap: 1.5rem
    }

    .jumbotron.jumbotron-bg--promo .block__buttons {
        gap: 0.5rem
    }
}

@media (max-width:425px) {
    .jumbotron.jumbotron-bg--promo .block__buttons {
        width: 100%;
        flex-direction: column;
        gap: 0.5rem
    }
}

@media (max-width:425px) {
    .jumbotron {
        padding: 2rem
    }
}

.jumbotron__info {
    flex: 1 1 43%
}

@media (max-width:992px) {
    .jumbotron .jumbotron-column {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        min-height: 100%
    }

    .jumbotron__info ul {
        text-align: left;
        flex: none
    }

    .jumbotron__buttons {
        justify-content: start
    }
}

.jumbotron__info .jumbotron__btn {
    margin-top: clamp(1.5rem, 3vw, 2rem)
}

.jumbotron__heading {
    color: var(--white);
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 143%;
    margin-bottom: clamp(0.75rem, 2vw, 1rem)
}

.jumbotron__text {
    color: var(--white)
}

.jumbotron__btn {
    white-space: nowrap
}

@media (max-width:425px) {
    .jumbotron__btn {
        width: 100%
    }
}

.jumbotron__image {
    flex: 1 1 57%;
    display: flex;
    justify-content: flex-end
}

.jumbotron__image img {}

@media (max-width:991px) {
    .jumbotron__image {
        width: 100%;
        flex: none;
        display: flex;
        justify-content: center
    }

    .jumbotron__image img {
        max-width: 600px;
        width: 100%
    }
}

.grid-table {
    margin-top: clamp(2rem, 4vw, 3rem);
    overflow: auto
}

@media (max-width:767px) {
    .grid-table__table-wrap {
        width: 736px
    }
}

.grid-table__row {
    display: grid;
    grid-template-columns: 46% 18% 18% 18%;
    transition: all 0.3s ease;
    background-color: transparent;
    border-radius: 0
}

.grid-table__table-wrap--colls-count-1 .grid-table__row {
    grid-template-columns: 82% 18%
}

.grid-table__table-wrap--colls-count-2 .grid-table__row {
    grid-template-columns: 64% 18% 18%
}

@media (max-width:991px) {
    .grid-table__row {
        grid-template-columns: 34% 22% 22% 22%
    }
}

.grid-table__row:not(.grid-table__row--head) {
    border-top: 1px solid var(--divider-color)
}

.grid-table__row:not(.grid-table__row--head):hover {
    background-color: var(--light-bg-color);
    border-radius: 8px;
    border-top: 1px solid transparent
}

.grid-table__row:not(.grid-table__row--head):hover+.grid-table__row {
    border-top: 1px solid transparent
}

.grid-table__row:nth-of-type(2) {
    border-top: 1px solid transparent
}

.grid-table__row:last-of-type {
    border-bottom: 1px solid var(--divider-color)
}

.grid-table__row:last-of-type:hover {
    border-bottom: 1px solid transparent
}

.grid-table__row.grid-table__row--head {
    border-radius: 8px;
    background: var(--main-bg-color)
}

.grid-table__row.grid-table__row--head .grid-table__cell {
    padding: 20px 24px;
    font-weight: 500
}

.grid-table__cell {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 24px
}

.grid-table__cell img {
    width: 14px;
    flex: 0 0 14px
}

.grid-table__cell:first-of-type {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start
}

.grid-table__cell-wrap {
    width: 100%;
    padding: 0 0.625rem
}

.grid-table__caption {
    font-weight: 500;
    margin-bottom: 1rem
}

.grid-table__btn {
    width: 100%
}

.solution__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px
}

@media (max-width:767px) {
    .solution__wrap {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 2rem
    }
}

.solution__info {
    text-align: left;
    max-width: 602px
}

@media (max-width:767px) {
    .solution__info {
        text-align: center
    }
}

.solution__date {
    border: 1px solid var(--secondary-text-color);
    border-radius: 6px;
    padding: 0.125rem 0.5rem;
    display: inline-block;
    color: var(--text-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.solution__date.red-color {
    border: none;
    background: #FF7188;
    color: var(--white)
}

.solution__date.white-color {
    color: var(--white)
}

.solution__text {
    margin-top: 20px
}

.solution__buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: clamp(1.5rem, 2vw, 2rem);
    gap: clamp(0.75rem, 1.5vw, 1.25rem)
}

.small_button-gap .solution__buttons {
    gap: clamp(0.75rem, 1.5vw, 1rem)
}

@media (max-width:767px) {
    .solution__buttons {
        justify-content: center
    }
}

@media (max-width:425px) {
    .solution__btn {
        width: 100%
    }
}

.solution__buttons.share-btns--flex {
    max-width: fit-content;
    align-items: center;
    gap: clamp(1.5rem, 2vw, 1.75rem);
    flex-wrap: nowrap
}

@media (max-width:374px) {
    .solution__buttons.share-btns--flex {
        flex-wrap: wrap
    }
}

.solution__image {
    flex: 0 0 642px
}

.solution__image img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 20px;
    --aspect-ratio: 642 / 440;
    aspect-ratio: var(--aspect-ratio)
}

.solution__image.aspect-ratio--hero-image img {
    --aspect-ratio: 16 / 9;
    aspect-ratio: var(--aspect-ratio)
}

@media (max-width:767px) {
    .solution__image {
        flex: none
    }
}

@media (max-width:575px) {
    .solution__image {
        display: none
    }

    .mainscreen--event-screen .solution__image {
        display: block
    }
}

.solution__heading {
    font-weight: 500;
    font-size: clamp(var(--h3-blog-mobile), 3vw, var(--h3-blog-desktop));
    line-height: 143%;
    text-align: center
}

.breadcrumbs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    text-align: start
}

@media (max-width:412px) {
    .breadcrumbs {
        display: block
    }

    .breadcrumbs .breadcrumbs__item {
        display: inline
    }
}

.breadcrumbs__item:not(:last-child)::after {
    content: "";
    display: inline-block;
    height: 2px;
    width: 2px;
    border-radius: 50%;
    background-color: var(--placeholder-color);
    margin: 0 0.75rem;
    position: relative;
    bottom: 4px
}

.breadcrumbs__link {
    font-size: 12px;
    line-height: 129%;
    color: #969aa5;
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .breadcrumbs a.breadcrumbs__link:hover {
        color: var(--brand-blue)
    }
}

.types-solution__row:first-of-type {
    margin-bottom: 1.625rem
}

.types-solution__wrapper {
    display: flex
}

.types-solution__item {
    background-color: var(--white);
    display: flex;
    align-items: center;
    gap: 1.5rem;
    border-radius: 20px;
    width: auto
}

.types-solution__image {
    width: 88px
}

.types-solution__image img {
    max-width: 100%
}

.types-solution__text {
    padding: 2.625rem 2.5rem 2.625rem 0;
    white-space: nowrap
}

.slider {
    padding-bottom: 3.75rem;
    overflow: visible
}

.slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1rem;
    left: clamp(1rem, 4vw, 3.5rem);
    width: auto
}

.slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    transition: all 0.3s ease;
    background-color: var(--slider-bullet-color);
    opacity: 1;
    margin: 0 6px
}

.slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--heading-color)
}

.slider__arrow {
    border-radius: 50%;
    height: 40px;
    transition: opacity 0.3s ease, background-color 0.3s ease;
    width: 40px;
    background: var(--white)
}

.slider__arrow svg {
    stroke: var(--heading-color);
    transition: stroke 0.3s ease;
    width: 9px;
    height: 12px
}

.slider__arrow:not(.swiper-button-disabled):hover {
    background-color: var(--brand-blue)
}

.slider__arrow:not(.swiper-button-disabled):hover svg {
    stroke: var(--white)
}

.slider__arrow::after {
    font-size: 0;
    display: none
}

.slider__arrow--prev {
    top: auto;
    left: auto;
    bottom: 0;
    right: calc(clamp(1.5rem, 5vw, 3.5rem) + 48px)
}

.slider__arrow--prev .svg {
    transform: rotateY(180deg);
    margin-right: 2px
}

.slider__arrow--next {
    right: clamp(1.5rem, 5vw, 3.5rem);
    top: auto;
    bottom: 0
}

.slider__arrow--next .svg {
    margin-left: 1px
}

@media screen and (max-width:575px) {
    .slider__arrow {
        display: flex !important
    }
}

.highlights {
    display: flex;
    gap: clamp(1rem, 2vw, 1.5rem)
}

.highlights.highlights--no-margin-top {
    margin-top: 0
}

.highlights.highlights--small .highlights__info {
    text-align: center;
    padding: clamp(1.5rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3rem) clamp(2rem, 3vw, 3rem) clamp(1.5rem, 4vw, 3rem)
}

@media (max-width:767px) {
    .highlights.highlights--small .highlights__info {
        padding: clamp(3rem, 9vw, 4rem) clamp(1.5rem, 9vw, 4rem) 2rem clamp(1.5rem, 9vw, 4rem)
    }
}

@media (max-width:375px) {
    .highlights.highlights--small .highlights__info {
        padding: 3rem 1.5rem 2rem 1.5rem
    }
}

.highlights.highlights--small .highlights__text {
    line-height: 162%
}

@media (max-width:767px) {
    .highlights {
        flex-direction: column
    }
}

.highlights__item {
    flex: 1 1 50%;
    border-radius: 20px;
    background-color: var(--main-bg-color);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.highlights__item.highlights__item--blue {
    background-color: var(--brand-blue)
}

.highlights__item.highlights__item--blue .subtitle,
.highlights__item.highlights__item--blue .big-text {
    color: var(--white)
}

.highlights__info {
    padding: 3rem;
    flex: 1 1 auto
}

.highlights__icon {
    width: 4rem;
    display: inline-block;
    margin-bottom: clamp(1rem, 2vw, 1.75rem)
}

.highlights__icon img {
    max-width: 100%
}

.highlights__caption {
    font-size: 24px;
    color: var(--heading-color);
    margin-bottom: clamp(0.5rem, 1.5vw, 1rem)
}

.highlights__text {
    color: var(--text-color)
}

.highlights__link {
    margin-top: clamp(1.5rem, 2vw, 2rem)
}

.highlights__link.link-margin-top-20 {
    margin-top: clamp(1rem, 2vw, 1.25rem)
}

.highlights__image {
    align-self: center
}

.highlights__image img {
    max-width: 100%
}

.columns {
    margin-top: clamp(3rem, 6vw, 5rem);
    display: flex;
    gap: clamp(1.5rem, 3vw, 3rem)
}

@media (max-width:767px) {
    .columns {
        flex-direction: column
    }
}

.columns__item {
    padding-right: 1.5rem;
    flex: 1 1 33.333%
}

@media (max-width:991px) {
    .columns__item {
        padding-right: 0
    }
}

.columns__subheading {
    margin-bottom: 0.75rem
}

@media (max-width:767px) {
    .columns__subheading {
        margin-bottom: 0.5rem
    }
}

.columns__text {
    color: var(--text-color)
}

.jumbovision {
    background: url("/local/templates/asprocloud_v2/./images/jumbo02.webp") center/cover no-repeat;
    padding: clamp(3rem, 9vw, 9rem) clamp(3rem, 6vw, 6rem) 10rem clamp(3rem, 6vw, 6rem);
    color: var(--white);
    border-radius: 40px;
    overflow: hidden;
    position: relative
}

@media (max-width:991px) {
    .jumbovision {
        border-radius: 20px;
        padding: clamp(3rem, 9vw, 9rem) clamp(3rem, 6vw, 6rem) 0 clamp(3rem, 6vw, 6rem)
    }
}

@media (max-width:767px) {
    .jumbovision {
        padding: clamp(3rem, 9vw, 9rem) 2rem 0 2rem
    }
}

@media (max-width:425px) {
    .jumbovision {
        padding: clamp(3rem, 9vw, 9rem) 2rem 0 2rem
    }
}

.jumbovision__subtitle {
    color: var(--white);
    margin-bottom: clamp(1rem, 2vw, 1.25rem)
}

.jumbovision__text {
    color: var(--white);
    max-width: 750px;
    margin: 0 auto
}

.jumbovision__buttons {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-top: clamp(1.5rem, 4vw, 2.5rem)
}

.jumbovision__btn {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    transition: background-color 0.3s ease
}

@media (any-hover:hover) {
    .jumbovision__btn:hover {
        background-color: var(--brand-blue-hover)
    }
}

.jumbovision__icon {
    width: 20px;
    flex: 0 0 20px
}

.jumbovision__icon img {
    max-width: 100%
}

.jumbovision__name {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 200%;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase
}

.jumbovision__bottom {
    margin-top: clamp(3rem, 5vw, 4rem)
}

.jumbovision__row {
    display: flex;
    justify-content: space-between;
    gap: 3rem
}

@media (max-width:991px) {
    .jumbovision__row {
        flex-wrap: wrap
    }
}

@media (max-width:576px) {
    .jumbovision__row {
        flex-direction: column;
        gap: 2rem
    }
}

@media (max-width:991px) {
    .jumbovision__col {
        flex: 1 1 33.333%
    }

    .jumbovision__col:nth-last-of-type(2) {
        order: 1;
        flex: 1 1 auto;
        display: flex;
        justify-content: center
    }
}

.jumbovision__infoblock {
    max-width: 222px
}

@media (max-width:991px) {
    .jumbovision__infoblock {
        max-width: none
    }
}

.jumbovision__mark {
    width: 48px;
    height: 48px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-blue);
    margin-bottom: clamp(1rem, 3vw, 1.5rem)
}

.jumbovision__mark img {
    width: 22px
}

@media (max-width:767px) {
    .jumbovision__mark {
        border-radius: 16px;
        width: 40px;
        height: 40px
    }
}

.jumbovision__paragraph {
    color: var(--white)
}

@media (max-width:767px) {
    .jumbovision__paragraph {
        font-size: var(--text-regular)
    }
}

.jumbovision__image {
    max-width: 358px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.jumbovision__image img {
    max-width: 100%;
    display: inline-block
}

@media (max-width:991px) {
    .jumbovision__image {
        position: static;
        transform: none
    }
}

.jumbovision__decor {
    position: absolute
}

.jumbovision__decor img {
    max-width: 100%;
    display: block
}

.jumbovision__decor:nth-of-type(1) {
    width: 53px;
    bottom: 23%;
    left: 0
}

.jumbovision__decor:nth-of-type(2) {
    width: 53px;
    bottom: 23%;
    left: -53px
}

.jumbovision__decor:nth-of-type(3) {
    width: 86px;
    top: 30%;
    right: -33px
}

.jumbovision__decor:nth-of-type(4) {
    width: 54px;
    bottom: -2%;
    right: 96px
}

@media (max-width:1200px) {
    .jumbovision__decor:nth-of-type(3) {
        top: auto;
        bottom: 20%
    }
}

@media (max-width:991px) {
    .jumbovision__decor:nth-of-type(1) {
        left: 26.5%
    }

    .jumbovision__decor:nth-of-type(2) {
        left: 20.9%
    }

    .jumbovision__decor:nth-of-type(3) {
        right: 20%;
        bottom: 15%
    }

    .jumbovision__decor:nth-of-type(4) {
        right: 40%
    }
}

@media (max-width:767px) {
    .jumbovision__decor:nth-of-type(1) {
        left: 10%
    }

    .jumbovision__decor:nth-of-type(2) {
        left: 22%
    }

    .jumbovision__decor:nth-of-type(3) {
        right: 15%
    }
}

@media (max-width:425px) {
    .jumbovision__decor:nth-of-type(1) {
        display: none
    }

    .jumbovision__decor:nth-of-type(2) {
        left: 5%;
        bottom: 10%
    }

    .jumbovision__decor:nth-of-type(3) {
        right: -1%
    }
}

.info-decor__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem
}

.info-decor__row.info-decor__row--reverse {
    flex-direction: row-reverse
}

.info-decor__row:not(:last-of-type) {
    margin-bottom: 96px
}

.info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(1) {
    top: 0;
    left: 55%;
    width: 60px;
    height: 60px
}

.info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(2) {
    width: 80px;
    height: 80px;
    top: 60%;
    left: 0;
    z-index: 1
}

.info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(3) {
    width: 116px;
    height: 58px;
    right: 0;
    bottom: 0;
    z-index: 1
}

.info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(1) {
    top: 0;
    right: 0;
    width: 60px;
    height: 60px
}

.info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(2) {
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 1
}

.info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(3) {
    width: 128px;
    height: 64px;
    bottom: 0;
    left: 40%
}

.info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(1) {
    bottom: 0;
    left: 45%;
    width: 82px;
    height: 82px;
    z-index: 1
}

.info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(2) {
    width: 114px;
    height: 57px;
    top: 0;
    right: 0;
    z-index: 1
}

.info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(3) {
    width: 128px;
    height: 64px;
    left: 0;
    top: 30%
}

@media (max-width:767px) {
    .info-decor__row {
        flex-direction: column
    }

    .info-decor__row.info-decor__row--reverse {
        flex-direction: column
    }

    .info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(1) {
        top: 0;
        left: 55%;
        width: 30px;
        height: 30px
    }

    .info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(2) {
        width: 40px;
        height: 40px;
        top: 60%;
        left: 0;
        z-index: 1
    }

    .info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(3) {
        width: 58px;
        height: 29px;
        right: 0;
        bottom: 0;
        z-index: 1
    }

    .info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(1) {
        top: 0;
        right: 0;
        width: 30px;
        height: 30px
    }

    .info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(2) {
        width: 40px;
        height: 40px;
        top: 0;
        left: 0;
        z-index: 1
    }

    .info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(3) {
        width: 64px;
        height: 32px;
        bottom: 0;
        left: 40%
    }

    .info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(1) {
        bottom: 0;
        left: 45%;
        width: 41px;
        height: 41px;
        z-index: 1
    }

    .info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(2) {
        width: 58px;
        height: 29px;
        top: 0;
        right: 0;
        z-index: 1
    }

    .info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(3) {
        width: 64px;
        height: 32px;
        left: 0;
        top: 30%
    }
}

.info-decor__info {
    max-width: 490px
}

@media (max-width:767px) {
    .info-decor__info {
        max-width: none
    }

    .info-decor__row.info-decor__row--reverse,
    .info-decor__row {
        gap: 2.5rem
    }
}

.info-decor__subtitle {
    margin-bottom: clamp(1rem, 2vw, 1.25rem)
}

.info-decor__box {
    flex: 0 0 57.6%;
    position: relative
}

@media (max-width:767px) {
    .info-decor__box {
        width: 100%
    }
}

.info-decor__image {
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: 12px
}

.info-decor__image img {
    max-width: 100%
}

.info-decor__image.info-decor__image--border {
    border: 1px solid var(--divider-color)
}

.info-decor__decoration {
    position: absolute
}

.info-decor__decoration img {
    max-width: 100%;
    display: block
}

.accounts {
    background-color: var(--main-bg-color);
    border-radius: 40px
}

@media (max-width:991px) {
    .accounts {
        border-radius: 20px
    }
}

.accounts__subtitle {
    margin-bottom: clamp(1rem, 2vw, 1.25rem)
}

.accounts__text {
    color: var(--text-color);
    max-width: 770px;
    margin: 0 auto;
    text-align: center
}

.accounts__image {
    margin-top: clamp(2rem, 5vw, 4rem)
}

.accounts__image img {
    max-width: 100%
}

.accounts__list {
    display: flex;
    gap: clamp(2rem, 3vw, 2.5rem);
    margin: clamp(3rem, 6vw, 5rem) auto 0 auto
}

@media (max-width:767px) {
    .accounts__list {
        flex-direction: column;
        align-items: center
    }
}

.accounts__item {
    flex: 1 1 33.333%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media (max-width:767px) {
    .accounts__item {
        max-width: 400px
    }
}

.accounts__icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    background-color: var(--white);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: clamp(1rem, 2vw, 1.5rem)
}

.accounts__icon img {
    width: 22px
}

.accounts__info {
    color: var(--text-color);
    padding: 0 1rem
}

@media (max-width:767px) {
    .accounts__info {
        padding: 0
    }
}

.white-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem
}

@media (max-width:991px) {
    .white-cards {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .white-cards {
        grid-template-columns: 1fr
    }
}

.white-cards__card {
    display: flex;
    flex-direction: column;
    padding: clamp(1.5rem, 2vw, 2.25rem);
    border-radius: 20px;
    background-color: var(--white)
}

.white-cards__card.white-cards__card--appoint {
    background: url("/local/templates/asprocloud_v2/./images/white-cards-bg.webp") center/cover no-repeat;
    align-items: center;
    text-align: center;
    justify-content: center
}

.white-cards__card.white-cards__card--appoint .subheading,
.white-cards__card.white-cards__card--appoint .white-cards__text {
    color: var(--white)
}

.white-cards__card.white-cards__card--appoint .white-cards__subheading {
    margin-bottom: 1.25rem
}

.white-cards__card.white-cards__card--appoint .white-cards__text {
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem)
}

.white-cards__icon {
    width: 32px;
    flex: 0 0 32px;
    margin-bottom: clamp(2rem, 4vw, 3.5rem)
}

.white-cards__subheading {
    margin-bottom: 0.75rem
}

.integration-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
    margin-top: clamp(var(--g10-mobile), 4vw, var(--g10-desktop))
}

.integration-cards.integration-cards--white .integration-cards__card {
    background-color: var(--white)
}

.integration-cards__card {
    background-color: var(--main-bg-color);
    border-radius: 20px;
    padding: clamp(1.5rem, 3vw, 2rem);
    overflow: hidden;
    min-height: 340px;
    display: flex;
    flex-direction: column
}

@media (any-hover:hover) {
    .integration-cards__card:hover .integration-cards__subheading {
        color: var(--brand-blue)
    }

    .integration-cards__card:hover .integration-cards__arrow svg {
        opacity: 1
    }

    .integration-cards__card:hover .integration-cards__arrow svg path,
    .integration-cards__card:hover .integration-cards__arrow svg use {
        stroke: var(--brand-blue)
    }
}

@media (max-width:767px) {
    .integration-cards__card {
        min-height: 280px
    }
}

.integration-cards__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem
}

.integration-cards__subheading {
    transition: color 0.3s ease
}

.integration-cards__arrow {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

.integration-cards__arrow svg {
    width: 9px;
    opacity: 0.5;
    transition: opacity 0.3s ease
}

.integration-cards__arrow svg path,
.integration-cards__arrow svg use {
    transition: stroke 0.3s ease;
    stroke: var(--arrow-color)
}

.integration-cards__text {
    color: #555558;
    flex: 1 1 auto;
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.integration-cards__icons {
    display: flex
}

.integration-cards__icon {
    flex: 0 0 64px
}

.integration-cards__icon:not(:first-of-type) {
    margin-left: -18px
}

.integration-cards__icon img {
    max-width: 100%
}

.materials {
    padding: clamp(5rem, 9vw, var(--g15-desktop)) 0
}

.materials.materials--no-padding {
    padding: 0;
    border: 0
}

.materials.materials--pt {
    padding: clamp(2rem, 4vw, 2rem) 0 0 0;
    border: 0
}

.materials.materials--no-padding-top {
    padding-top: 0
}

.materials.materials--no-padding-bottom {
    padding-bottom: 0
}

.materials.materials--one-col .materials__list {
    grid-template-columns: 1fr;
    max-width: 642px
}

@media (max-width:767px) {
    .materials.materials--one-col .materials__list {
        max-width: none
    }
}

.materials__top {
    align-items: flex-end;
    display: flex;
    gap: clamp(0.5rem, 2vw, 2rem);
    justify-content: space-between;
    margin-bottom: clamp(2rem, 5vw, 3rem)
}

@media (max-width:767px) {
    .materials__top {
        flex-direction: column;
        align-items: flex-start
    }
}

.materials__link {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 22px;
    color: var(--brand-blue);
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .materials__link:hover {
        color: var(--brand-blue-hover)
    }
}

.materials__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 3rem;
    column-gap: 1.5rem
}

@media (max-width:1280px) {
    .mainpage_blog .materials__list .materials__item {
        width: 304px
    }
}

@media (max-width:991px) {
    .materials__list {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 1rem
    }

    .mainpage_blog .materials__list {
        column-gap: 0.75rem;
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
        grid-template-columns: repeat(3, 1fr)
    }

    .mainpage_blog .materials__list .materials__item {
        width: 280px
    }
}

@media (max-width:576px) {
    .materials__list {
        grid-template-columns: 1fr
    }

    .mainpage_blog .materials__list {
        column-gap: 0.75rem;
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
        grid-template-columns: repeat(3, 1fr)
    }

    .mainpage_blog .materials__list .materials__item {
        width: 280px
    }
}

.materials__image {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding-bottom: 55%;
    mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    margin-bottom: 1rem
}

.materials__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
    transform: scale3d(1, 1, 1);
    will-change: transform
}

@media (any-hover:hover) {
    .materials__image:hover img {
        transform: scale3d(1.1, 1.1, 1.1)
    }
}

@media (max-width:1100px) {
    .mainpage_blog .materials__list .materials__image {
        padding-bottom: 62%
    }
}

@media (max-width:991px) {
    .materials__image {
        border-radius: 12px
    }

    .mainpage_blog .materials__list .materials__image {
        padding-bottom: 55%
    }
}

.materials__label {
    position: absolute;
    top: 1rem;
    left: 1rem
}

.materials__info {
    padding: 0 1rem
}

.materials__type {
    color: var(--secondary-text-color);
    font-size: var(--text-regular);
    line-height: 129%;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem
}

.materials__marker {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%
}

.materials__marker.materials__marker--red {
    background-color: var(--brand-red)
}

.materials__marker.materials__marker--blue {
    background-color: var(--brand-blue)
}

.materials__marker.materials__marker--green {
    background-color: var(--light-green)
}

.materials__title {
    font-weight: 500;
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .materials__title:hover {
        color: var(--brand-blue)
    }
}

.materials__description {
    margin-top: 0.5rem
}

.tracks {
    display: flex;
    gap: clamp(2.5rem, 4vw, 4rem)
}

.tracks.tracks--3-cols .tracks__grid {
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width:991px) {
    .tracks.tracks--3-cols .tracks__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:576px) {
    .tracks.tracks--3-cols .tracks__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:767px) {
    .tracks {
        flex-direction: column
    }
}

.tracks__track.tracks__track--aside {
    flex: 0 0 21.4%
}

.tracks__track.tracks__track--narrow-aside {
    flex: 0 0 20.5%
}

.tracks__track.tracks__track--long-aside {
    flex: 0 0 26%
}

@media (max-width:991px) {
    .tracks__events {
        flex: 0
    }

    .tracks__track.tracks__track--aside,
    .tracks__track.tracks__track--long-aside {
        flex: 0 0 200px
    }
}

@media (max-width:767px) {

    .tracks__track.tracks__track--aside,
    .tracks__track.tracks__track--long-aside {
        flex: none
    }
}

.tracks__bar {
    position: sticky;
    top: 180px
}

.tracks__bar-event .grid-item__subheading {
    margin-bottom: 1.25rem
}

@media (max-width:991px) {
    .tracks__bar {
        top: 80px
    }
}

@media (max-width:767px) {
    .tracks__bar {
        position: static
    }
}

.tracks__item:not(:last-of-type) {
    margin-bottom: 0.75rem
}

.tracks__link {
    font-weight: 400;
    font-size: 1rem;
    line-height: 150%;
    color: var(--heading-color);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.75rem
}

.tracks__link.tracks__link--active {
    color: var(--brand-blue)
}

@media (any-hover:hover) {
    .tracks__link:hover {
        color: var(--brand-blue)
    }
}

@media (min-width:768px) {
    .tracks__link.observe-link--active {
        color: var(--brand-blue)
    }
}

.tracks__marker {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%
}

.tracks__marker.tracks__marker--grey {
    background-color: var(--divider-color)
}

.tracks__marker.tracks__marker--red {
    background-color: var(--brand-red)
}

.tracks__marker.tracks__marker--blue {
    background-color: var(--brand-blue)
}

.tracks__marker.tracks__marker--green {
    background-color: var(--light-green)
}

.tracks__row:not(:last-of-type) {
    margin-bottom: clamp(2.5rem, 5vw, 4rem)
}

.tracks__caption {
    color: var(--heading-color);
    margin-bottom: clamp(1rem, 3vw, 2rem)
}

.tracks__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1rem, 2vw, 1.5rem)
}

@media (max-width:991px) {
    .tracks__grid {
        grid-template-columns: 1fr
    }
}

@media (max-width:767px) {
    .tracks__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:576px) {
    .tracks__grid {
        grid-template-columns: 1fr
    }
}

.grid-item {
    min-height: 282px;
    border-radius: 20px;
    background-color: var(--main-bg-color);
    padding: clamp(1.5rem, 2vw, 2rem);
    display: flex;
    flex-direction: column
}

.grid-item.smaller {
    min-height: 208px;
    gap: 2.5rem;
    justify-content: start
}

.grid-item.medium {
    min-height: 258px;
    justify-content: start
}

.grid-item.grid-item--white {
    background-color: var(--white);
    border: 1px solid var(--divider-color);

    .grid-item__number {
        background-color: var(--main-bg-color)
    }
}

.grid-item.justify-start {
    justify-content: start
}

@media (max-width:991px) {
    .grid-item {
        min-height: 230px
    }

    .grid-item.smaller {
        min-height: auto;
        height: 100%
    }

    .grid-item.medium {
        min-height: auto;
        height: 100%
    }
}

@media (any-hover:hover) {
    .grid-item:hover .grid-item__subheading.link__head {
        color: var(--brand-blue)
    }

    .grid-item:hover .grid-item__arrow svg path,
    .grid-item:hover .grid-item__arrow svg use {
        stroke: var(--brand-blue)
    }
}

.grid-item__subheading {
    margin-bottom: 0.75rem;
    transition: color 0.3s ease
}

.grid-item__text {
    color: var(--text-color);
    flex: 1 1 auto;
    margin-bottom: 1.5rem
}

.grid-item__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto
}

.grid-item__icon {
    width: 100px;
    height: 48px;
    flex: 0 0 100px;
    position: relative
}

.grid-item__icon img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    object-position: left center;
    width: 100%;
    height: 100%
}

.grid-item__arrow {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.grid-item__arrow svg {
    width: 9px
}

.grid-item__arrow svg path,
.grid-item__arrow svg use {
    transition: stroke 0.3s ease;
    stroke: var(--placeholder-color)
}

.grid-item__number {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    color: var(--arrow-color)
}

.mainscreen__pic-block {
    margin-top: 56px
}

.pic-block {
    display: flex;
    gap: clamp(1.5rem, 4vw, 2.5rem)
}

@media (max-width:767px) {
    .pic-block {
        flex-direction: column-reverse
    }
}

.pic-block__image {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    flex: 0 0 66%;
    padding-bottom: 36.7%
}

.pic-block__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width:767px) {
    .pic-block__image {
        padding-bottom: 60%
    }
}

.pic-block__label {
    position: absolute;
    top: 1rem;
    left: 1rem
}

.pic-block__info {
    text-align: left;
    padding-top: 1rem
}

@media (max-width:767px) {
    .pic-block__info {
        padding-top: 0
    }
}

.pic-block__metadata {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--text-regular);
    line-height: 129%;
    color: var(--arrow-color);
    margin-bottom: clamp(1rem, 2vw, 1.5rem)
}

.pic-block__item:not(:last-of-type)::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: var(--arrow-color);
    margin-left: 0.5rem;
    position: relative;
    bottom: 4px
}

.pic-block__subtitle {
    display: inline-block;
    line-height: var(--h2-blog-lh);
    margin-bottom: clamp(0.5rem, 2vw, 1rem)
}

.tabs {
    margin-top: clamp(2rem, 4vw, 3rem);
    display: flex;
    flex-direction: column;
    width: 100%
}

.tabs__header {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 33%));
    grid-template-rows: auto;
    grid-template-areas: "left-link tabs right-link";
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center
}

.tabs__header_left-text {
    grid-column: left-link;
    grid-row: left-link;
    z-index: 1;
    text-align: left
}

.tabs__header_right-text {
    grid-column: right-link;
    grid-row: right-link;
    z-index: 1;
    text-align: right
}

@media (max-width:1024px) {
    .tabs__header {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "left-link right-link" "tabs tabs"
    }
}

@media (max-width:800px) {
    .tabs__header {
        margin-bottom: 0.75rem
    }
}

@media (max-width:576px) {
    .tabs__header {
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "left-link" "right-link" "tabs"
    }

    .tabs__header_left-text,
    .tabs__header_right-text {
        text-align: center
    }

    .tabs__header.no_left_element {
        grid-template-rows: 70px 1fr;
        grid-template-columns: 1fr;
        grid-template-areas: "right-link" "tabs"
    }
}

.tabs__header_tabs {
    grid-column: tabs;
    grid-row: tabs;
    z-index: 1
}

.tabs__header_tabs.tabs__triggers {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.tabs__triggers {
    padding: 0.25rem;
    border-radius: 40px;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    align-self: center;
    display: flex;
    gap: 0.5rem
}

@media (max-width:380px) {
    .tabs__triggers {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media (max-width:360px) {
    .tabs__triggers {
        border-radius: 16px
    }
}

.tabs__trigger {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 150%;
    color: rgba(118, 118, 130, 1);
    border-radius: 30px;
    padding: 0.4375rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--white);
    transition: color 0.3s ease, background-color 0.3s ease;
    position: relative;
    flex-wrap: nowrap;
    text-wrap: nowrap
}

.tabs__trigger.tabs__trigger--active {
    color: var(--white);
    background-color: var(--brand-blue)
}

@media (any-hover:hover) {
    .tabs__trigger.tabs__trigger--active:hover {
        color: var(--white);
        background-color: var(--brand-blue-hover)
    }
}

@media (any-hover:hover) {
    .tabs__trigger:hover {
        color: var(--brand-blue)
    }
}

@media (max-width:767px) {
    .tabs__trigger {
        font-size: 0.75rem
    }
}

@media (max-width:360px) {
    .tabs__trigger {
        border-radius: 12px;
        gap: 0.25rem
    }
}

.tabs__label {
    padding: 0.25em 0.5rem;
    background-color: var(--yellow);
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 129%;
    color: var(--heading-color);
    pointer-events: none
}

@media (max-width:767px) {
    .tabs__label {
        font-size: 0.75rem
    }
}

.tariffs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.5rem)
}

@media (max-width:1200px) {
    .tariffs {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:767px) {
    .tariffs {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:576px) {
    .tariffs {
        grid-template-columns: 1fr
    }
}

.tariffs__item {
    background-color: var(--white);
    border-radius: 20px;
    padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 2rem clamp(1rem, 2vw, 1.5rem);
    text-align: left
}

.tariffs__item .tariffs__discount-value {
    background-color: var(--yellow);
    color: var(--heading-color);
    margin-left: auto
}

.tariffs__item .tariffs__label:not(:last-child).tariffs__discount-value {
    margin-right: 4px
}

.tariffs__item.tariffs__item--hit {
    border: 2px solid #7f9af1
}

.tariffs__item.tariffs__item-border {
    border: 2px solid #3761E9
}

.tariffs__name {
    font-size: 1rem;
    line-height: 162%;
    margin-bottom: 0.25rem;
    color: var(--arrow-color);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tariffs__price {
    font-weight: 600;
    font-size: clamp(var(--h4-blog-mobile), 4vw, var(--h4-blog-desktop));
    line-height: 142%;
    color: var(--heading-color)
}

.tariffs__save {
    color: var(--arrow-color);
    display: flex;
    flex-direction: column;
    font-size: var(--text-regular);
    line-height: 143%;
    margin-bottom: 0.75rem
}

.tariffs__save--month {
    margin-bottom: 1.25rem
}

.tariffs__save--month .tariffs__period {
    text-decoration: line-through
}

@media screen and (min-width:577px) {
    .tariffs__save {
        min-height: 2.75rem
    }
}

.tariffs__period {
    color: var(--heading-color)
}

.strikethrough {
    text-decoration: line-through
}

.tariffs__period__sale {
    font-weight: 500;
    font-size: clamp(var(--h4-blog-mobile), 4vw, var(--h4-blog-desktop));
    line-height: 142%;
    color: var(--heading-color)
}

.tariffs__btn {
    padding: 0.5rem 1rem;
    width: 100%;
    margin-bottom: clamp(1.5rem, 3vw, 2rem)
}

.tariffs__point {
    font-size: var(--text-regular);
    line-height: 143%;
    color: var(--heading-color);
    padding-left: 1.5rem;
    background: url("/local/templates/asprocloud_v2/./images/svg/tariff-tick.svg") left 5px/11px 8px no-repeat
}

.tariffs__point {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px
}

.tariffs__point .tooltip {
    width: 16px;
    height: 16px
}

.tariffs__point.tariffs__point--thick {
    background: url("/local/templates/asprocloud_v2/./images/svg/tariff-tick-thick.svg") left 5px / 12px 12px no-repeat
}

.tariffs__point.tariffs__point--users {
    background: url("/local/templates/asprocloud_v2/./images/svg/tariff-users-thick.svg") left 5px / 12px 12px no-repeat
}

.tariffs__point.tariffs__point--users-thick {
    background: url("/local/templates/asprocloud_v2/./images/svg/tariff-users-thick.svg") left 5px / 12px 12px no-repeat
}

.tariffs__point.tariffs__point--rubble-thick {
    background: url("/local/templates/asprocloud_v2/./images/svg/tariff-rubble-thick.svg") left 5px / 12px 12px no-repeat
}

.tariffs__point.tariffs__point--storage-capacity {
    background: url("/local/templates/asprocloud_v2/./images/svg/tariff-storage-capacity.svg") left 5px / 12px 12px no-repeat
}

.tariffs__point.tariffs__point--infinite-thick {
    background: url("/local/templates/asprocloud_v2/./images/svg/tariff-infinite-thick.svg") left 5px / 12px 12px no-repeat
}

.tariffs__point-divider {
    background-color: #EFF1F8;
    margin: 12px 0;
    height: 1px
}

.mainscreen--extra .mainscreen__body {
    padding-bottom: 0
}

.mainscreen--extra .mainscreen__video {
    padding: 0;
    overflow: visible
}

.mainscreen--extra .mainscreen__video>img {
    position: static;
    border: none
}

.tariffs__point.tariffs__point--infinite {
    background: url("/local/templates/asprocloud_v2/./images/svg/infinity.svg") left 5px/12px 8px no-repeat
}

.tariffs__point.tariffs__point--organization {
    background: url("/local/templates/asprocloud_v2/./images/svg/company.svg") left 4px/12px 12px no-repeat
}

.tariffs__point.tariffs__point--bank-account {
    background: url("/local/templates/asprocloud_v2/./images/svg/card.svg") left 4px/12px 12px no-repeat
}

.tariffs__list .tariffs__point:not(:last-of-type) {
    margin-bottom: 0.5rem
}

.tariffs__description {
    font-weight: 500;
    font-size: var(--text-regular);
    line-height: 143%;
    color: var(--heading-color);
    margin-bottom: 0.75rem
}

.tariffs__label {
    padding: 0.25rem 0.5rem;
    background-color: var(--yellow);
    border-radius: 8px;
    font-weight: 400;
    font-size: var(--text-regular);
    line-height: 129%;
    color: var(--heading-color)
}

.tariffs__label.sticker--hit {
    background-color: var(--teal);
    color: var(--white)
}

.tariffs__label.sticker--sell {
    background-color: var(--brand-red);
    color: var(--white)
}

.tariffs__label.label--transparent {
    background-color: initial
}

.all-functions {
    width: 100%;
    margin-top: clamp(2rem, 4vw, 3rem);
    display: flex;
    flex-direction: column
}

.all-functions__button {
    background: transparent;
    display: flex;
    align-items: center;
    align-self: center;
    gap: 1rem;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: var(--heading-color);
    transition: color 0.3s ease
}

.all-functions__button.all-functions__button--active {
    color: var(--brand-blue)
}

.all-functions__button.all-functions__button--active .all-functions__arrow {
    transform: rotateZ(180deg)
}

.all-functions__button.all-functions__button--active .all-functions__arrow svg path,
.all-functions__button.all-functions__button--active .all-functions__arrow svg use {
    stroke: var(--brand-blue)
}

@media (any-hover:hover) {
    .all-functions__button:hover {
        color: var(--brand-blue)
    }

    .all-functions__button:hover .all-functions__arrow svg path,
    .all-functions__button:hover .all-functions__arrow svg use {
        stroke: var(--brand-blue)
    }
}

.all-functions__arrow {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotateZ(0deg);
    transition: transform 0.3s ease
}

.all-functions__arrow svg {
    max-width: 100%
}

.all-functions__arrow svg path,
.all-functions__arrow svg use {
    transition: stroke 0.3s ease;
    stroke: var(--heading-color)
}

.all-functions__wrap {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s ease-in-out
}

.all-functions__table-head {
    overflow-x: auto;
    padding: clamp(4rem, 8vw, 7rem) 0 1.25rem 0;
    position: sticky;
    z-index: 1;
    top: -30px;
    background-color: var(--main-bg-color)
}

.prices_4 .all-functions__accordion {
    padding-top: clamp(2.75rem, 3vw, 3rem)
}

.prices_4 .all-functions__table-head {
    overflow-x: auto;
    padding: clamp(2rem, 3vw, 3rem) 0 0.5rem 0;
    position: sticky;
    z-index: 1;
    top: -30px;
    background-color: var(--main-bg-color);
    display: none
}

.prices_4 .all-functions__head-body,
.all-functions--cols-4 .all-functions__head-body {
    display: grid;
    align-items: center;
    grid-template-columns: 25% 18.75% 18.75% 18.75% 18.75%
}

.prices_4 .table__row,
.all-functions--cols-4 .table__row {
    grid-template-columns: 25% 18.75% 18.75% 18.75% 18.75%
}

.prices_4 .h1 {
    font-size: clamp(2rem, 3vw, 2.75rem)
}

.all-functions__head-body {
    display: grid;
    align-items: center;
    grid-template-columns: 25% 15% 15% 15% 15% 15%
}

.all-functions--cols-3 .all-functions__head-body {
    grid-template-columns: 25% 25% 25% 25%
}

@media (max-width:991px) {
    .all-functions__head-body {
        min-width: 960px
    }
}

.all-functions__cell {
    position: relative;
    border-radius: 8px
}

.all-functions__cell.all-functions__cell--hit {
    border: 2px solid var(--divider-color)
}

.all-functions__cell:not(:first-of-type) {
    padding: 1rem clamp(1rem, 2vw, 1.25rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.25rem)
}

.all-functions__caption {
    text-align: left
}

.all-functions__heading {
    font-weight: 500;
    margin-bottom: 0.5rem;
    text-align: center
}

.all-functions__btn {
    width: 100%;
    padding: 0.5rem 1rem
}

.all-functions__label {
    position: absolute;
    top: -2px;
    right: -2px;
    font-weight: 400;
    font-size: var(--text-regular);
    line-height: 129%;
    color: var(--white);
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    background-color: var(--teal)
}

.all-functions__hint {
    color: var(--arrow-color);
    text-align: left;
    margin-top: clamp(2rem, 4vw, 3rem)
}

.all-functions__accordion .accordion__info {
    padding: clamp(1rem, 3vw, 1.75rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 3vw, 1.75rem) clamp(1rem, 2vw, 1.75rem)
}

.all-functions__accordion .accordion__info-black__theme {
    padding: clamp(1rem, 3vw, 1.75rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 3vw, 1.75rem) clamp(1rem, 2vw, 1.75rem)
}

.all-functions__accordion .accordion__item {
    padding: 0;
    border-radius: 12px;
    border: 0
}

.all-functions__accordion .accordion__item:not(:last-of-type) {
    margin-bottom: clamp(0.5rem, 2vw, 0.75rem)
}

.all-functions__accordion .accordion__item-black__theme {
    padding: 0;
    border-radius: 12px;
    border: 0
}

.all-functions__accordion .accordion__item-black__theme:not(:last-of-type) {
    margin-bottom: clamp(0.5rem, 2vw, 0.75rem)
}

.table {
    background-color: var(--white);
    border-radius: 0px 0px 8px 8px;
    font-size: var(--text-medium);
    line-height: var(--text-medium-lh);
    color: var(--text-color);
    overflow-x: auto
}

.table__body {
    width: 100%
}

@media (max-width:991px) {
    .table__body {
        min-width: 960px
    }
}

.table__row {
    display: grid;
    grid-template-columns: 25% 15% 15% 15% 15% 15%;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    border-top: 1px solid var(--divider-color)
}

.all-functions--cols-3 .table__row {
    grid-template-columns: 25% 25% 25% 25%
}

.table__row:hover {
    background-color: var(--light-bg-color);
    border-color: transparent
}

.table__row:hover+.table__row {
    border-color: transparent
}

.table__cell {
    padding: 1rem clamp(1rem, 2vw, 1.5rem);
    display: flex;
    align-items: center;
    justify-content: center
}

.table__cell .table__label {
    margin-left: 0.25rem
}

.table__cell:first-of-type {
    justify-content: flex-start;
    text-align: left
}

.table__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.table__icon--tick {
    background-image: url('/local/templates/asprocloud_v2/./images/svg/tick.svg')
}

.table__icon--infinity {
    background-image: url('/local/templates/asprocloud_v2/./images/svg/infinity-black.svg')
}

.special {
    display: flex;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding-bottom: clamp(3rem, 9vw, 9rem);
    margin-bottom: clamp(3rem, 9vw, 9rem);
    border-bottom: 1px solid var(--divider-color)
}

@media (max-width:991px) {
    .special {
        flex-wrap: wrap
    }
}

@media (max-width:576px) {
    .special {
        flex-direction: column
    }
}

.special__col {
    flex: 1 1 33.333%
}

.special__col .grid-item {
    min-height: 320px
}

.special__col .grid-item__subheading {
    margin-bottom: 2.25rem;
    flex: 1 1 auto
}

.special__col .grid-item__icon {
    width: 120px;
    flex: 0 0 120px;
    height: 160px
}

@media (max-width:991px) {
    .special__col .grid-item__icon {
        width: 80px;
        flex: 0 0 80px;
        height: 110px
    }
}

.special__col .grid-item__arrow {
    align-self: flex-end
}

@media (max-width:991px) {
    .special__col:first-of-type {
        flex: 1 1 auto
    }

    .special__col .grid-item {
        min-height: auto;
        height: 100%
    }
}

.special__info {
    padding-right: clamp(2rem, 4vw, 4rem)
}

@media (max-width:991px) {
    .special__info {
        padding-right: 0;
        padding-bottom: 1rem
    }
}

.special__text {
    margin-top: clamp(1rem, 2vw, 1.25rem)
}

.clients-set {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    row-gap: clamp(2rem, 5vw, 4rem);
    column-gap: 1rem
}

.clients-set__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px
}

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

.clients-set__image img {
    display: inline-block;
    max-width: 100%;
    object-fit: contain
}

.reverse-tracks {
    display: flex;
    justify-content: space-between;
    gap: 2rem
}

@media (max-width:991px) {
    .reverse-tracks {
        flex-direction: column
    }
}

.reverse-tracks__track:first-of-type {
    flex: 0 0 clamp(240px, 25vw, 309px);
    display: flex;
    flex-direction: column
}

.reverse-tracks__track:last-of-type {
    max-width: 912px
}

@media (max-width:991px) {
    .reverse-tracks__track:first-of-type {
        flex: none
    }

    .reverse-tracks__track:last-of-type {
        max-width: none
    }
}

.reverse-tracks__title {
    font-weight: 500;
    margin-bottom: 0.75rem;
    display: inline-block;
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .reverse-tracks__title:hover {
        color: var(--brand-blue)
    }
}

.reverse-tracks__item {
    padding-left: 1.5rem;
    position: relative
}

.reverse-tracks__item::before {
    content: attr(data-counter) ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
    font-size: clamp(var(--text-big-mobile), 2vw, var(--text-big-desktop));
    line-height: var(--text-big-lh);
    color: var(--heading-color)
}

.reverse-tracks__item:not(:last-of-type) {
    margin-bottom: 0.75rem
}

.reverse-tracks__subtitle {
    font-weight: 500;
    display: inline-block;
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .reverse-tracks__subtitle:hover {
        color: var(--brand-blue)
    }
}

.reverse-tracks__list {
    margin: 1rem 0
}

.reverse-tracks__list-item:not(:last-of-type) {
    margin-bottom: 0.75rem
}

.reverse-tracks__link {
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .reverse-tracks__link:hover {
        color: var(--brand-blue)
    }
}

.reverse-tracks__try-aside {
    margin: auto 0
}

@media (max-width:991px) {
    .reverse-tracks__try-aside {
        margin: 2rem auto 0 auto
    }
}

.reverse-tracks__navigation {
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
    display: flex;
    justify-content: space-between;
    gap: clamp(1rem, 3vw, 2rem)
}

@media (max-width:576px) {
    .reverse-tracks__navigation {
        flex-direction: column;
        align-items: center
    }
}

.reverse-tracks__move {
    flex: 1 1 50%
}

.reverse-tracks__move:last-of-type {
    text-align: right
}

.reverse-tracks__move:last-of-type .reverse-tracks__move-link {
    justify-content: flex-end
}

@media (max-width:576px) {
    .reverse-tracks__move {
        width: 100%
    }

    .reverse-tracks__move:last-of-type {
        text-align: left
    }

    .reverse-tracks__move:last-of-type .reverse-tracks__move-link {
        justify-content: flex-start
    }
}

.reverse-tracks__destination {
    margin-bottom: 0.25rem
}

.reverse-tracks__move-link {
    display: flex;
    gap: 0.75rem
}

.reverse-tracks__icon {
    flex: 0 0 16px;
    display: flex;
    align-self: flex-start;
    position: relative;
    top: 7px
}

.reverse-tracks__icon img {
    max-width: 100%
}

.reverse-tracks__article {
    font-weight: 500;
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .reverse-tracks__article:hover {
        color: var(--brand-blue)
    }
}

.reverse-tracks__useful {
    margin: clamp(1rem, 4vw, 4rem) 0 clamp(1rem, 2vw, 1.5rem) 0
}

.useful {
    background-color: var(--main-bg-color);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem
}

@media (max-width:576px) {
    .useful {
        flex-direction: column;
        gap: 1rem
    }
}

.useful__question {
    font-weight: 500
}

.useful__buttons {
    display: flex;
    gap: 0.5rem
}

.useful__btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--divider-color);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 500;
    font-size: var(--text-regular);
    line-height: 157%;
    color: var(--heading-color);
    transition: background-color 0.3s ease
}

.useful__btn span {
    transition: color 0.3s ease
}

@media (any-hover:hover) {
    .useful__btn:hover {
        background-color: var(--hover-gray)
    }
}

.useful__btn.useful__btn--active {
    background-color: rgba(55, 97, 233, 0.1)
}

.useful__btn.useful__btn--active span {
    color: var(--brand-blue)
}

.useful__btn.useful__btn--active svg path,
.useful__btn.useful__btn--active svg use {
    fill: var(--brand-blue)
}

@media (any-hover:hover) {
    .useful__btn.useful__btn--active:hover {
        background-color: var(--hover-transparent-blue)
    }
}

.useful__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: inline-flex
}

.useful__icon svg {
    max-width: 100%
}

.useful__icon svg path,
.useful__icon svg use {
    transition: fill 0.3s ease;
    fill: var(--heading-color)
}

.scroll-animation-block {
    display: flex;
    gap: clamp(2rem, 4vw, 4rem)
}

.scroll-animation-block.scroll-animation-block--reverse {
    flex-direction: row-reverse
}

.scroll-animation-block__track:last-of-type {
    flex: 0 0 57.569%
}

@media (max-width:767px) {
    .scroll-animation-block__track:last-of-type {
        display: none
    }
}

.scroll-animation-block__items {
    margin-top: 3rem
}

.scroll-animation-block__items.scroll-animation-block__items--no-icons {
    margin-top: 7.5rem
}

.scroll-animation-block__items.scroll-animation-block__items--no-icons .scroll-animation-block__item:last-of-type {
    margin-bottom: 10rem
}

@media (max-width:767px) {
    .scroll-animation-block__items.scroll-animation-block__items--no-icons {
        margin-top: 0
    }

    .scroll-animation-block__items.scroll-animation-block__items--no-icons .scroll-animation-block__item:last-of-type {
        margin-bottom: 0
    }
}

@media (max-width:767px) {
    .scroll-animation-block__items {
        margin-top: 0
    }
}

.scroll-animation-block__item:not(:last-of-type) {
    margin-bottom: 50vh
}

.scroll-animation-block__item:last-of-type {
    margin-bottom: 5rem
}

@media (max-width:767px) {
    .scroll-animation-block__item:not(:last-of-type) {
        margin-bottom: clamp(4rem, 11vw, 5rem)
    }

    .scroll-animation-block__item:last-of-type {
        margin-bottom: 0
    }
}

.scroll-animation-block__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    margin-bottom: 1.5rem
}

.scroll-animation-block__icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--special-grey);
    border-radius: 20px
}

.scroll-animation-block__icon.scroll-animation-block__icon--blue {
    background-color: var(--matte-blue)
}

.scroll-animation-block__icon img {
    width: 40px;
    display: inline-block
}

.scroll-animation-block__text {
    color: var(--text-color)
}

.scroll-animation-block__link {
    margin-top: clamp(1.5rem, 2vw, 2rem)
}

.scroll-animation-block__btn {
    margin-top: clamp(1.5rem, 2vw, 2rem)
}

@media (max-width:425px) {
    .scroll-animation-block__btn {
        width: 100%
    }
}

.scroll-animation-block__pictures {
    position: sticky;
    top: 22%;
    padding-bottom: 67.73%
}

.scroll-animation-block__picture-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    pointer-events: none;
    will-change: opacity;
    transition: opacity 0.5s ease;
    opacity: 0
}

.scroll-animation-block__picture-box img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%
}

.scroll-animation-block__picture-box.scroll-animation-block__picture-box--visible {
    opacity: 1
}

.scroll-animation-block__image {
    position: relative;
    overflow: hidden;
    padding-bottom: 57%;
    border-radius: 12px;
    z-index: 1
}

.scroll-animation-block__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.scroll-animation-block__mobile-image {
    display: none
}

@media (max-width:767px) {
    .scroll-animation-block__mobile-image {
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 68%;
        border-radius: 20px;
        margin-top: 2rem;
        border: 1px solid var(--divider-color)
    }

    .scroll-animation-block__mobile-image img {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.main-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1rem, 2vw, 1.5rem)
}

.main-cards.main-cards--white .main-cards__card {
    background-color: var(--white);
    color: var(--arrow-color)
}

.main-cards.main-cards--white .main-cards__card:first-of-type {
    background: var(--white)
}

.main-cards.main-cards--white .main-cards__card:last-of-type {
    background: var(--white)
}

.main-cards.main-cards--white .main-cards__number {
    background-color: var(--main-bg-color);
    margin-bottom: 0;
    margin-top: clamp(2rem, 4vw, 3.375rem)
}

@media (max-width:991px) {
    .main-cards {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:576px) {
    .main-cards {
        grid-template-columns: 1fr
    }
}

.main-cards__card {
    background-color: var(--main-bg-color);
    border-radius: 20px;
    padding: clamp(1.5rem, 3vw, 2rem)
}

.main-cards__card:first-of-type {
    background: url("/local/templates/asprocloud_v2/./images/main-card01.webp") center/cover no-repeat, var(--main-bg-color)
}

.main-cards__card:last-of-type {
    background: url("/local/templates/asprocloud_v2/./images/main-card02.webp") center/cover no-repeat, var(--main-bg-color)
}

.main-cards__number {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(var(--h4-blog-mobile), 2vw, var(--h4-blog-desktop));
    line-height: var(--h4-blog-lh);
    color: var(--heading-color);
    margin-bottom: clamp(2rem, 4vw, 3.375rem)
}

.main-cards__subheading {
    margin-bottom: 0.75rem
}

.main-cards__text {
    color: var(--text-color)
}

.offer {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: clamp(3rem, 8vw, 6.5rem)
}

.offer__icon {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    margin-bottom: 1.5rem
}

.offer__icon img {
    display: block;
    max-width: 100%
}

.offer__text {
    max-width: 640px
}

.offer__btn {
    margin-top: 1.5rem
}

.square-block__row {
    display: flex;
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem)
}

@media (max-width:767px) {
    .square-block__row {
        flex-direction: column;
        align-items: stretch
    }
}

.square-block__col {
    flex: 1 1 50%
}

@media (max-width:767px) {
    .square-block__col {
        flex: none
    }
}

.square-block__subtitle {
    margin-bottom: 1.25rem
}

.square-block__text {
    margin-bottom: clamp(1.25rem, 3vw, 2rem);
    color: var(--text-color)
}

.square-block__image img {
    max-width: 100%;
    width: 100%
}

@media (max-width:767px) {
    .square-block__image {
        display: flex;
        justify-content: center
    }
}

.detail {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: clamp(2rem, 5vw, 4rem);
    width: 100%
}

@media (max-width:767px) {
    .detail {
        flex-direction: column
    }
}

.detail__icon {
    background-color: var(--white);
    border-radius: 20px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 128px;
    min-width: 200px
}

.detail__icon.detail__icon--border {
    border: 1px solid var(--divider-color)
}

.detail__image {
    width: 100px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

.detail__image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: inline-block
}

.detail__info {
    text-align: left;
    max-width: 780px
}

.detail__ref {
    margin-top: 1rem;
    display: inline-block;
    color: var(--brand-blue);
    font-weight: 500;
    font-size: var(--text-medium);
    line-height: 150%;
    transition: color 0.3s ease
}

.detail__ref svg {
    width: 10px;
    display: inline-block;
    margin-left: 0.75rem
}

.detail__ref svg path,
.detail__ref svg use {
    transition: stroke 0.3s ease;
    stroke: var(--brand-blue)
}

@media (any-hover:hover) {
    .detail__ref:hover {
        color: var(--text-color)
    }

    .detail__ref:hover svg path,
    .detail__ref:hover svg use {
        stroke: var(--text-color)
    }
}

.detail__text {
    margin-top: clamp(2rem, 4vw, 3rem)
}

.detail__link {
    display: inline-flex;
    margin-top: clamp(2rem, 4vw, 3rem)
}

.qr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem
}

@media (max-width:767px) {
    .qr {
        grid-template-columns: 1fr
    }
}

.qr__item {
    border-radius: 20px;
    background-color: var(--white);
    padding: clamp(2rem, 4vw, 3rem);
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:767px) {
    .qr__item {
        max-width: 420px;
        width: 100%;
        margin: 0 auto
    }
}

.qr__image {
    margin-bottom: clamp(1.5rem, 2vw, 2rem);
    text-align: center
}

.qr__image img {
    display: inline-block;
    max-width: 100%
}

.pick-out {
    display: flex;
    justify-content: space-between;
    gap: clamp(2rem, 5vw, 5rem);
    padding: clamp(2rem, 7vw, 6.75rem) clamp(1rem, 4vw, 3.5rem) clamp(2rem, 5vw, 4.5rem) clamp(1rem, 5vw, 5.625rem);
    background-color: var(--deep-blue);
    border-radius: 20px;
    margin-bottom: clamp(1rem, 2vw, 1.5rem)
}

@media (max-width:992px) {
    .pick-out {
        flex-direction: column;
        align-items: center
    }
}

.pick-out__info {
    flex: 0 0 38%
}

@media (max-width:991px) {
    .pick-out__info {
        text-align: center;
        flex: none
    }
}

.pick-out__subtitle {
    color: var(--white);
    margin-bottom: 1rem
}

.pick-out__text {
    color: var(--white)
}

.pick-out__image img {
    max-width: 100%
}

.items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(0.75rem, 2vw, 1.5rem)
}

.items__item {
    align-items: center;
    background-color: var(--white);
    border-radius: 16px
}

.items__image img {
    max-width: 100%
}

.how-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(0.75rem, 2vw, 1.5rem)
}

.how-cards__item {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    padding: clamp(1.5rem, 2vw, 2rem);
    padding-top: 78.09%;
    display: flex;
    flex-direction: column
}

.how-cards__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(11, 15, 30, 0) 0%, rgba(11, 15, 30, 0.72) 100%);
    z-index: 1
}

.how-cards__image {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.how-cards__image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.how-cards__number {
    position: absolute;
    top: clamp(1.5rem, 2vw, 2rem);
    left: clamp(1.5rem, 2vw, 2rem);
    z-index: 2;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--link-transparent-bg)
}

.how-cards__item.white {
    .how-cards__number {
        color: var(--white)
    }

    .how-cards__text.subheading {
        color: var(--white)
    }
}

.how-cards__text {
    position: relative;
    z-index: 2
}

.h1 {
    font-weight: 600;
    font-size: clamp(var(--h1-size-mobile), 5vw, var(--h1-size-desktop));
    line-height: var(--h1-lh);
    color: var(--heading-color)
}

.h2 {
    font-weight: 600;
    font-size: clamp(var(--h2-size-mobile), 4vw, 32px);
    line-height: var(--h2-lh);
    color: var(--heading-color);
    overflow-wrap: break-word
}

.h3 {
    font-weight: 600;
    font-size: clamp(var(--h3-size-mobile), 3vw, 28px);
    line-height: var(--h3-lh);
    color: var(--heading-color)
}

.h4 {
    font-weight: 600;
    font-size: clamp(20px, 3vw, 24px);
    line-height: var(--h4-lh);
    color: var(--heading-color)
}

.h5 {
    font-weight: 600;
    font-size: clamp(18px, 3vw, 20px);
    line-height: var(--text-big-lh);
    color: var(--heading-color)
}

.block-margin-top-58 {
    margin-top: clamp(var(--g12-mobile), 6vw, 3.625rem)
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: var(--g1)
}

.mt-2 {
    margin-top: var(--g2)
}

.mt-3 {
    margin-top: var(--g3)
}

.mt-4 {
    margin-top: var(--g4)
}

.mt-5 {
    margin-top: clamp(var(--g5-mobile), 2vw, var(--g5-desktop))
}

.mt-6 {
    margin-top: clamp(var(--g6-mobile), 2vw, var(--g6-desktop))
}

.mt-7 {
    margin-top: clamp(var(--g7-mobile), 3vw, var(--g7-desktop))
}

.mt-8 {
    margin-top: clamp(var(--g8-mobile), 3vw, var(--g8-desktop))
}

.mt-9 {
    margin-top: clamp(var(--g9-mobile), 3vw, var(--g9-desktop))
}

.mt-10 {
    margin-top: clamp(var(--g10-mobile), 4vw, var(--g10-desktop))
}

.mt-11 {
    margin-top: clamp(var(--g11-mobile), 5vw, var(--g11-desktop))
}

.mt-12 {
    margin-top: clamp(var(--g12-mobile), 6vw, var(--g12-desktop))
}

.mt-13 {
    margin-top: clamp(var(--g13-mobile), 7vw, var(--g13-desktop))
}

.mt-14 {
    margin-top: clamp(var(--g14-mobile), 8vw, var(--g14-desktop))
}

.mt-15 {
    margin-top: clamp(var(--g15-mobile), 9vw, var(--g15-desktop))
}

.mt-16 {
    margin-top: clamp(var(--g16-mobile), 9vw, var(--g16-desktop))
}

.mt-17 {
    margin-top: clamp(var(--g17-mobile), 14vw, var(--g17-desktop))
}

.mt-18 {
    margin-top: clamp(var(--g18-mobile), 15vw, var(--g18-desktop))
}

.mt-19 {
    margin-top: clamp(var(--g19-mobile), 15vw, var(--g19-desktop))
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: var(--g1)
}

.mb-2 {
    margin-bottom: var(--g2)
}

.mb-3 {
    margin-bottom: var(--g3)
}

.mb-4 {
    margin-bottom: var(--g4)
}

.mb-5 {
    margin-bottom: clamp(var(--g5-mobile), 2vw, var(--g5-desktop))
}

.mb-6 {
    margin-bottom: clamp(var(--g6-mobile), 2vw, var(--g6-desktop))
}

.mb-7 {
    margin-bottom: clamp(var(--g7-mobile), 3vw, var(--g7-desktop))
}

.mb-8 {
    margin-bottom: clamp(var(--g8-mobile), 3vw, var(--g8-desktop))
}

.mb-9 {
    margin-bottom: clamp(var(--g9-mobile), 3vw, var(--g9-desktop))
}

.mb-10 {
    margin-bottom: clamp(var(--g10-mobile), 4vw, var(--g10-desktop))
}

.mb-11 {
    margin-bottom: clamp(var(--g11-mobile), 5vw, var(--g11-desktop))
}

.mb-12 {
    margin-bottom: clamp(var(--g12-mobile), 6vw, var(--g12-desktop))
}

.mb-13 {
    margin-bottom: clamp(var(--g13-mobile), 7vw, var(--g13-desktop))
}

.mb-14 {
    margin-bottom: clamp(var(--g14-mobile), 8vw, var(--g14-desktop))
}

.mb-15 {
    margin-bottom: clamp(var(--g15-mobile), 9vw, var(--g15-desktop))
}

.mb-16 {
    margin-bottom: clamp(var(--g16-mobile), 9vw, var(--g16-desktop))
}

.mb-17 {
    margin-bottom: clamp(var(--g17-mobile), 14vw, var(--g17-desktop))
}

.mb-18 {
    margin-bottom: clamp(var(--g18-mobile), 15vw, var(--g18-desktop))
}

.mb-19 {
    margin-bottom: clamp(var(--g19-mobile), 15vw, var(--g19-desktop))
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mx-1 {
    margin-left: var(--g1);
    margin-right: var(--g1)
}

.mx-2 {
    margin-left: var(--g2);
    margin-right: var(--g2)
}

.mx-3 {
    margin-left: var(--g3);
    margin-right: var(--g3)
}

.mx-4 {
    margin-left: var(--g4);
    margin-right: var(--g4)
}

.mx-5 {
    margin-left: clamp(var(--g5-mobile), 2vw, var(--g5-deskleft));
    margin-right: clamp(var(--g5-mobile), 2vw, var(--g5-deskleft))
}

.mx-6 {
    margin-left: clamp(var(--g6-mobile), 2vw, var(--g6-deskleft));
    margin-right: clamp(var(--g6-mobile), 2vw, var(--g6-deskleft))
}

.mx-7 {
    margin-left: clamp(var(--g7-mobile), 3vw, var(--g7-deskleft));
    margin-right: clamp(var(--g7-mobile), 3vw, var(--g7-deskleft))
}

.mx-8 {
    margin-left: clamp(var(--g8-mobile), 3vw, var(--g8-deskleft));
    margin-right: clamp(var(--g8-mobile), 3vw, var(--g8-deskleft))
}

.mx-9 {
    margin-left: clamp(var(--g9-mobile), 3vw, var(--g9-deskleft));
    margin-right: clamp(var(--g9-mobile), 3vw, var(--g9-deskleft))
}

.mx-10 {
    margin-left: clamp(var(--g10-mobile), 4vw, var(--g10-deskleft));
    margin-right: clamp(var(--g10-mobile), 4vw, var(--g10-deskleft))
}

.mx-11 {
    margin-left: clamp(var(--g11-mobile), 5vw, var(--g11-deskleft));
    margin-right: clamp(var(--g11-mobile), 5vw, var(--g11-deskleft))
}

.mx-12 {
    margin-left: clamp(var(--g12-mobile), 6vw, var(--g12-deskleft));
    margin-right: clamp(var(--g12-mobile), 6vw, var(--g12-deskleft))
}

.mx-13 {
    margin-left: clamp(var(--g13-mobile), 7vw, var(--g13-deskleft));
    margin-right: clamp(var(--g13-mobile), 7vw, var(--g13-deskleft))
}

.mx-14 {
    margin-left: clamp(var(--g14-mobile), 8vw, var(--g14-deskleft));
    margin-right: clamp(var(--g14-mobile), 8vw, var(--g14-deskleft))
}

.mx-15 {
    margin-left: clamp(var(--g15-mobile), 9vw, var(--g15-deskleft));
    margin-right: clamp(var(--g15-mobile), 9vw, var(--g15-deskleft))
}

.mx-16 {
    margin-left: clamp(var(--g16-mobile), 9vw, var(--g16-deskleft));
    margin-right: clamp(var(--g16-mobile), 9vw, var(--g16-deskleft))
}

.mx-17 {
    margin-left: clamp(var(--g17-mobile), 14vw, var(--g17-deskleft));
    margin-right: clamp(var(--g17-mobile), 14vw, var(--g17-deskleft))
}

.mx-18 {
    margin-left: clamp(var(--g18-mobile), 15vw, var(--g18-deskleft));
    margin-right: clamp(var(--g18-mobile), 15vw, var(--g18-deskleft))
}

.mx-19 {
    margin-left: clamp(var(--g19-mobile), 15vw, var(--g19-deskleft));
    margin-right: clamp(var(--g19-mobile), 15vw, var(--g19-deskleft))
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-1 {
    margin-top: var(--g1);
    margin-bottom: var(--g1)
}

.my-2 {
    margin-top: var(--g2);
    margin-bottom: var(--g2)
}

.my-3 {
    margin-top: var(--g3);
    margin-bottom: var(--g3)
}

.my-4 {
    margin-top: var(--g4);
    margin-bottom: var(--g4)
}

.my-5 {
    margin-top: clamp(var(--g5-mobile), 2vw, var(--g5-desktop));
    margin-bottom: clamp(var(--g5-mobile), 2vw, var(--g5-desktop))
}

.my-6 {
    margin-top: clamp(var(--g6-mobile), 2vw, var(--g6-desktop));
    margin-bottom: clamp(var(--g6-mobile), 2vw, var(--g6-desktop))
}

.my-7 {
    margin-top: clamp(var(--g7-mobile), 3vw, var(--g7-desktop));
    margin-bottom: clamp(var(--g7-mobile), 3vw, var(--g7-desktop))
}

.my-8 {
    margin-top: clamp(var(--g8-mobile), 3vw, var(--g8-desktop));
    margin-bottom: clamp(var(--g8-mobile), 3vw, var(--g8-desktop))
}

.my-9 {
    margin-top: clamp(var(--g9-mobile), 3vw, var(--g9-desktop));
    margin-bottom: clamp(var(--g9-mobile), 3vw, var(--g9-desktop))
}

.my-10 {
    margin-top: clamp(var(--g10-mobile), 4vw, var(--g10-desktop));
    margin-bottom: clamp(var(--g10-mobile), 4vw, var(--g10-desktop))
}

.my-11 {
    margin-top: clamp(var(--g11-mobile), 5vw, var(--g11-desktop));
    margin-bottom: clamp(var(--g11-mobile), 5vw, var(--g11-desktop))
}

.my-12 {
    margin-top: clamp(var(--g12-mobile), 6vw, var(--g12-desktop));
    margin-bottom: clamp(var(--g12-mobile), 6vw, var(--g12-desktop))
}

.my-13 {
    margin-top: clamp(var(--g13-mobile), 7vw, var(--g13-desktop));
    margin-bottom: clamp(var(--g13-mobile), 7vw, var(--g13-desktop))
}

.my-14 {
    margin-top: clamp(var(--g14-mobile), 8vw, var(--g14-desktop));
    margin-bottom: clamp(var(--g14-mobile), 8vw, var(--g14-desktop))
}

.my-15 {
    margin-top: clamp(var(--g15-mobile), 9vw, var(--g15-desktop));
    margin-bottom: clamp(var(--g15-mobile), 9vw, var(--g15-desktop))
}

.my-16 {
    margin-top: clamp(var(--g16-mobile), 9vw, var(--g16-desktop));
    margin-bottom: clamp(var(--g16-mobile), 9vw, var(--g16-desktop))
}

.my-17 {
    margin-top: clamp(var(--g17-mobile), 14vw, var(--g17-desktop));
    margin-bottom: clamp(var(--g17-mobile), 14vw, var(--g17-desktop))
}

.my-18 {
    margin-top: clamp(var(--g18-mobile), 15vw, var(--g18-desktop));
    margin-bottom: clamp(var(--g18-mobile), 15vw, var(--g18-desktop))
}

.my-19 {
    margin-top: clamp(var(--g19-mobile), 15vw, var(--g19-desktop));
    margin-bottom: clamp(var(--g19-mobile), 15vw, var(--g19-desktop))
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: var(--g1)
}

.pt-2 {
    padding-top: var(--g2)
}

.pt-3 {
    padding-top: var(--g3)
}

.pt-4 {
    padding-top: var(--g4)
}

.pt-5 {
    padding-top: clamp(var(--g5-mobile), 2vw, var(--g5-desktop))
}

.pt-6 {
    padding-top: clamp(var(--g6-mobile), 2vw, var(--g6-desktop))
}

.pt-7 {
    padding-top: clamp(var(--g7-mobile), 3vw, var(--g7-desktop))
}

.pt-8 {
    padding-top: clamp(var(--g8-mobile), 3vw, var(--g8-desktop))
}

.pt-9 {
    padding-top: clamp(var(--g9-mobile), 3vw, var(--g9-desktop))
}

.pt-10 {
    padding-top: clamp(var(--g10-mobile), 4vw, var(--g10-desktop))
}

.pt-11 {
    padding-top: clamp(var(--g11-mobile), 5vw, var(--g11-desktop))
}

.pt-12 {
    padding-top: clamp(var(--g12-mobile), 6vw, var(--g12-desktop))
}

.pt-13 {
    padding-top: clamp(var(--g13-mobile), 7vw, var(--g13-desktop))
}

.pt-14 {
    padding-top: clamp(var(--g14-mobile), 8vw, var(--g14-desktop))
}

.pt-15 {
    padding-top: clamp(var(--g15-mobile), 9vw, var(--g15-desktop))
}

.pt-16 {
    padding-top: clamp(var(--g16-mobile), 9vw, var(--g16-desktop))
}

.pt-17 {
    padding-top: clamp(var(--g17-mobile), 14vw, var(--g17-desktop))
}

.pt-18 {
    padding-top: clamp(var(--g18-mobile), 15vw, var(--g18-desktop))
}

.pt-19 {
    padding-top: clamp(var(--g19-mobile), 15vw, var(--g19-desktop))
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: var(--g1)
}

.pb-2 {
    padding-bottom: var(--g2)
}

.pb-3 {
    padding-bottom: var(--g3)
}

.pb-4 {
    padding-bottom: var(--g4)
}

.pb-5 {
    padding-bottom: clamp(var(--g5-mobile), 2vw, var(--g5-desktop))
}

.pb-6 {
    padding-bottom: clamp(var(--g6-mobile), 2vw, var(--g6-desktop))
}

.pb-7 {
    padding-bottom: clamp(var(--g7-mobile), 3vw, var(--g7-desktop))
}

.pb-8 {
    padding-bottom: clamp(var(--g8-mobile), 3vw, var(--g8-desktop))
}

.pb-9 {
    padding-bottom: clamp(var(--g9-mobile), 3vw, var(--g9-desktop))
}

.pb-10 {
    padding-bottom: clamp(var(--g10-mobile), 4vw, var(--g10-desktop))
}

.pb-11 {
    padding-bottom: clamp(var(--g11-mobile), 5vw, var(--g11-desktop))
}

.pb-12 {
    padding-bottom: clamp(var(--g12-mobile), 6vw, var(--g12-desktop))
}

.pb-13 {
    padding-bottom: clamp(var(--g13-mobile), 7vw, var(--g13-desktop))
}

.pb-14 {
    padding-bottom: clamp(var(--g14-mobile), 8vw, var(--g14-desktop))
}

.pb-15 {
    padding-bottom: clamp(var(--g15-mobile), 9vw, var(--g15-desktop))
}

.pb-16 {
    padding-bottom: clamp(var(--g16-mobile), 9vw, var(--g16-desktop))
}

.pb-17 {
    padding-bottom: clamp(var(--g17-mobile), 14vw, var(--g17-desktop))
}

.pb-18 {
    padding-bottom: clamp(var(--g18-mobile), 15vw, var(--g18-desktop))
}

.pb-19 {
    padding-bottom: clamp(var(--g19-mobile), 15vw, var(--g19-desktop))
}

.desk-mb9 {
    margin-bottom: clamp(var(--g9-mobile), 3vw, var(--g9-desktop))
}

@media (max-width:768px) {
    .desk-mb9 {
        margin-bottom: 0
    }
}

.try_button-form {
    padding-top: 0;
    padding-bottom: 0
}

.tracks__grid-events {
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
    grid-template-columns: 1fr
}

.tracks.tracks--3-cols {
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width:991px) {
    .tracks.tracks--3-cols {
        grid-template-columns: repeat(2, 1fr)
    }

    .tracks__grid-events {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:655px) {
    .tracks__grid-events {
        grid-template-columns: 1fr;
        gap: 40px
    }
}

@media (max-width:576px) {
    .tracks.tracks--3-cols {
        grid-template-columns: 1fr
    }
}

.events-card {
    border-radius: 0;
    min-height: auto;
    flex-direction: row;
    justify-content: flex-start;
    gap: 24px;
    background: none;
    padding: 0
}

.events-image {
    width: 310px;
    height: 174px;
    min-width: inherit;
    padding: inherit;
    margin: inherit
}

.events-form {
    max-width: 73%
}

@media (max-width:993px) {
    .events-form {
        max-width: 100%
    }
}

.card_events-info {
    display: flex;
    flex-direction: column;
    max-width: 55%
}

.card_events-info__status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 0 0 8px 0
}

.card_events-info__date {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gray-date);
    font-size: 0.875rem
}

.card_events-info .grid-item__subheading {
    margin-bottom: 0.5rem
}

.translation::before {
    content: attr(data-translation);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--brand-red)
}

.feature-sticker {
    font-weight: 600;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
    background: #F5F7FC;
    color: #767682;
    padding: 2px 4px 1px 5px;
    border-radius: 4px;
    white-space: nowrap;
    letter-spacing: 0.45px
}

.feature-sticker.sticker--blue {
    background: var(--brand-blue);
    color: var(--white)
}

.feature-sticker.sticker--red {
    background: #FF7188;
    color: var(--white)
}

.sticker {
    z-index: 2;
    top: 16px;
    left: 16px;
    position: absolute;
    border-radius: 6px;
    color: var(--white);
    font-size: var(--g3);
    padding: 3px 8px;
    width: max-content;
    background-color: var(--brand-blue)
}

.sticker::before {
    content: attr(data-status)
}

.product-table__counter {
    color: var(--secondary-text-color);
    font-size: var(--text-regular)
}

.product-table__item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.medium-text__events {
    font-size: var(--text-medium);
    line-height: var(--text-medium-lh);
    color: var(--heading-color);
    margin: 0
}

.tracks__bar {
    display: flex;
    flex-direction: column
}

.product-table {
    display: grid;
    grid-auto-flow: row;
    gap: 8px
}

.product-table__item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-table__link {
    width: 100%;
    font-weight: 400;
    color: var(--heading-color);
    font-size: var(--text-regular);
    line-height: var(--text-big-lh)
}

.product-table__link:hover {
    transition: 0.3s;
    color: var(--brand-blue-hover)
}

.product-table__counter {
    color: var(--secondary-text-color);
    font-size: var(--text-regular)
}

.product-mobile {
    display: none
}

@media (max-width:993px) {
    .tracks__bar-event {
        position: static
    }

    .card_events-info {
        max-width: 100%
    }

    .events-card {
        flex-direction: column;
        max-width: max-content
    }

    .events-image {
        border-radius: 20px;
        min-width: 100%;
        padding: 28%
    }

    .product-mobile {
        display: flex;
        flex-direction: column;
        padding: 12px 16px;
        width: 100%;
        background: linear-gradient(0deg, #f4f6f9, #f4f6f9), #f3f4f9;
        border: 1px solid var(--divider-color);
        border-radius: 8px;
        position: static
    }

    .product-mobile__head {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .product-mobile__placeholder {
        color: var(--product-mb-placeholder);
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        margin: 0
    }

    .tracks__link {
        width: 100%
    }

    .product-table {
        padding: 16px 16px;
        position: relative;
        top: -5px;
        background: linear-gradient(0deg, var(--main-bg-color), var(--main-bg-color)), var(--special-grey);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom: 1px solid var(--divider-color);
        border-left: 1px solid var(--divider-color);
        border-right: 1px solid var(--divider-color);
        transition: 0.25s ease;
        max-height: 0;
        overflow: hidden;
        transform-origin: top;
        transform: scaleY(0)
    }

    .open-js {
        transition: 0.3s ease-out;
        max-height: 500px;
        transform: scaleY(1)
    }
}

.events-head {
    margin: 72px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center
}

.events-main {
    display: grid;
    grid-template-columns: 1fr 0.33fr;
    grid-auto-flow: column;
    gap: 30px
}

.events-main__left {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:993px) {
    .events-main {
        display: flex;
        flex-direction: column-reverse
    }
}

.events-list {
    display: flex;
    flex-direction: column;
    gap: 48px
}

.events-list__current,
.events-list__past {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.contacts-form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px
}

.contacts-form__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px
}

.contacts-form__info address {
    font-style: normal
}

.contacts-form__list {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.contacts-form__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.contacts-form__title {
    font-size: var(--h3-contacts)
}

.contacts-form__additional {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px
}

.address-text {
    font-size: clamp(var(--p-blog-mobile), 2vw, var(--p-blog-desktop))
}

.contacts-form__link {
    color: var(--brand-blue);
    font-size: var(--text-big-desktop);
    line-height: var(--p-blog-lh)
}

.contacts-form__chats {
    display: flex;
    align-items: center;
    gap: 12px
}

.contacts-form__social {
    display: flex;
    align-items: center;
    gap: 12px
}

@media (max-width:993px) {
    .contacts-form {
        flex-direction: column
    }
}

.subscribe-form__wrapper {
    display: flex;
    align-items: flex-start
}

.subscribe-form {
    align-items: center
}

@media (max-width:993px) {
    .subscribe-form__wrapper {
        display: flex;
        align-items: center
    }
}

.forms-contacts__tite-text {
    font-size: 22px;
    text-align: left
}

.forms-contacts__description-text {
    font-size: 15px;
    text-align: left;
    line-height: 25px;
    color: #55555a
}

.form-contacts {
    border: 1px solid #55555a2e
}

.pull_menu-active {
    color: #000000;
    font-weight: 600
}

.decor-slider__subheading {
    max-width: 864px;
    margin: 0 auto
}

.slider-tags--wrapper {
    position: relative;
    z-index: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    padding: 0;
    margin: clamp(2rem, 4vw, 3rem) 0 20px 0;
    scrollbar-width: none
}

.slider-tags--wrapper::-webkit-scrollbar {
    width: 0
}

.slider-tags__list {
    bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative
}

button.swiper-pagination-bullet.swiper-pagination-bullet--tags {
    --swiper-pagination-bullet-horizontal-gap: 0;
    background-color: var(--slider-tag-bg);
    color: var(--tag-slider-color);
    padding: 8px 16px;
    font-weight: 600;
    border-radius: 32px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    white-space: nowrap;
    transition: 0.3s ease;
    line-height: 22px;
    font-size: 14px
}

:root {
    --brand-blue-rgb: 55, 97, 233
}

button.swiper-pagination-bullet--tags.swiper-pagination-bullet-active {
    background-color: var(--brand-blue);
    color: var(--white)
}

.slider-lightup_bullets button.swiper-pagination-bullet--tags.swiper-pagination-bullet-active {
    background-color: var(--grey-btn-on-white);
    color: var(--brand-blue)
}

.slider-tags--swiper {
    overflow: hidden;
    background: var(--slider-tag-bg);
    padding: clamp(2.5rem, 4vw, 4rem) clamp(2.5rem, 4vw, 4rem) clamp(2.5rem, 4vw, 4rem) clamp(2.5rem, 4vw, 4rem);
    border-radius: 16px;
    position: relative
}

.slider-tags__slide {
    display: flex;
    gap: clamp(2.5rem, 5vw, 4rem);
    justify-content: space-between
}

.slider-tags__info {
    padding-bottom: 45px
}

.slider-tags__title:not(.h1, .h2, .h3, .h4) {
    color: #333338;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px
}

.slider-tags__description {
    margin: 20px 0 0 0
}

.slider-tags__image {
    position: relative;
    width: 100%;
    padding: 0 0% 39.9% 0;
    border-radius: 16px;
    overflow: hidden;
    min-width: 753px
}

.slider-tags__image.no-border--radius {
    border-radius: 0
}

.slider-tags__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover
}

.slider-decor__video {
    min-width: 730px;
    position: relative;
    z-index: 10
}

.white-slider-bg .slider-tags--swiper {
    --slider-tag-bg: #fff
}

.white-slider-bg .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: #fff
}

.white-slider-bg .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
    background-color: #F0F2F8
}

.video-decor {
    max-width: 100%;
    border-radius: 12px;
    cursor: pointer;
    transition: .3s ease;
    border: 1px solid #E6E9F2
}

.open-video {
    position: relative;
    transform: translate(-50%, 0%) scale(1.7);
    left: 20%;
    transition-duration: 0.3s ease;
    border: 1px solid #E6E9F2;
    transform-origin: center center;
    z-index: 2
}

.info-decor__row.info-decor__row--reverse .open-video {
    transform: scale(1.7);
    z-index: 3
}

.info-decor--border {
    border-radius: 12px;
    border: 1px solid #E6E9F2
}

.slider-tags__controllers {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transform: translateY(-32px);
    z-index: 1;
    gap: 0.75rem
}

.mobile.slider-tags__controllers {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    gap: 0.75rem;
    transform: translateY(-32px);
    left: clamp(2.5rem, 4vw, 4rem);
    top: calc(100% - 9px - clamp(2.5rem, 4vw, 4rem))
}

.open-video--z {
    z-index: 0
}

.slider-tags-button-prev,
.slider-tags-button-next {
    background: var(--white);
    margin-top: 0;
    position: static
}

@media screen and (max-width:1280px) {
    .video-decor .open-video {
        width: 63%
    }
}

@media screen and (max-width:1140px) {
    .video-decor {
        width: 100%
    }

    .slider-decor__video {
        min-width: auto;
        width: 100%
    }

    .open-video {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        transform: translateX(0) scale(1.1)
    }

    .slider-tags__slide {
        flex-direction: column
    }

    .slider-tags__info {
        padding-bottom: 0
    }

    .slider-tags__image {
        min-width: auto;
        padding: 31%;
        max-width: none
    }

    .slider-tags__controllers {
        justify-content: center
    }

    .slider-tags__controllers {
        position: relative;
        left: calc(calc(100% - clamp(2.5rem, 4vw, 4rem)) / 2.25);
        margin-top: clamp(2.5rem, 4vw, 4rem);
        transform: translateY(0px);
        width: fit-content
    }

    .mobile.slider-tags__controllers {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        gap: 0.75rem;
        left: -18px;
        top: 57%;
        width: calc(100% + 36px)
    }
}

@media screen and (max-width:700px) {
    .slider-tags__list {
        justify-content: start
    }
}

@media screen and (max-width:768px) {
    .slider-tags__controllers {
        left: 0
    }
}

@media screen and (max-width:660px) {
    .slider-tags--wrapper {
        overflow-x: auto;
        margin-left: calc(-1 * 1rem) !important;
        margin-right: calc(-1 * 1rem) !important;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.text-white_color {
    color: var(--white)
}

.text-dark_color {
    color: var(--heading-color)
}

.calendly-inline-widget {
    min-width: 100% !important;
    overflow: hidden !important;
    touch-action: pan-y !important
}

@media screen and (max-width:768px) {
    .calendly-inline-widget {
        margin-top: 20px;
        min-height: 1050px !important
    }
}

.calendly-inline-widget,
.calendly-inline-widget *,
.calendly-badge-widget,
.calendly-badge-widget *,
.calendly-overlay,
.calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em
}

.calendly-inline-widget iframe,
.calendly-badge-widget iframe,
.calendly-overlay iframe {
    display: inline;
    width: 100%;
    height: 100%
}

.calendly-popup-content {
    position: relative
}

.calendly-popup-content.calendly-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.calendly-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
    background-color: #a5a5a5;
    background-color: rgba(31, 31, 31, 0.4)
}

.calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateY(0) translateX(-100%);
    width: 100%;
    height: 100%;
    max-width: 600px;
    animation: popup 0.8s ease-in
}

@keyframes popup {
    0% {
        transform: translateY(0) translateX(100%)
    }

    100% {
        transform: translateY(0) translateX(-100%)
    }
}

@media (max-width:975px) {
    .calendly-overlay .calendly-popup {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-width: 0;
        max-height: none;
        border-radius: 20px 20px 0 0;
        animation: popup 0.6s ease-in
    }

    .calendly-inline-widget iframe,
    .calendly-badge-widget iframe,
    .calendly-overlay iframe {
        border-radius: 20px 20px 0 0
    }

    @keyframes popup {
        0% {
            transform: translateY(100%) translateX(0%)
        }

        100% {
            transform: translateY(-15%) translateX(0%)
        }
    }
}

@keyframes popup-close {
    0% {
        right: -612px
    }

    100% {
        right: 612px
    }
}

.calendly-overlay .calendly-popup .calendly-popup-content {
    height: 100%
}

.calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 12px;
    right: 612px;
    color: #fff;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(/local/templates/asprocloud_v2/./images/svg/close_yclient.svg) no-repeat, #fff;
    background-size: contain;
    animation: popup-close 0.8s ease-in;
    padding: 12px;
    border-radius: 50%
}

@media (max-width:975px) {
    .calendly-overlay .calendly-popup-close {
        display: none
    }
}

.calendly-badge-widget {
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 9998
}

.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.calendly-badge-widget .calendly-badge-content.calendly-white {
    color: #666a73
}

.calendly-badge-widget .calendly-badge-content span {
    display: block;
    font-size: 12px
}

.calendly-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    z-index: -1
}

.calendly-spinner>div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    animation: calendly-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.calendly-spinner .calendly-bounce1 {
    animation-delay: -0.32s
}

.calendly-spinner .calendly-bounce2 {
    animation-delay: -0.16s
}

@keyframes calendly-bouncedelay {

    0%,
    80%,
    100% {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.row-left__icon {
    width: 48px;
    height: 48px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: clamp(1rem, 2vw, 1.5rem)
}

.teasers__left-content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.block_teasers-first {
    --mb: 12px;
    margin-bottom: var(--mb)
}

.block_teasers-first-mb_40 {
    --mb: clamp(32px, 3vw, 40px);
    margin-bottom: var(--mb)
}

.block_teasers-first-mb_24 {
    --mb: 24px;
    margin-bottom: var(--mb)
}

.block_teasers-second {}

.block_teasers-second .caption {
    line-height: clamp(26px, 2vw, 28px)
}

.block_teasers-third {
    margin-top: 12px
}

.block_teasers-third-mt_40 {
    margin-top: 40px
}

.block_teasers-third-mt_24 {
    margin-top: 24px
}

.row-center__icon-teasers-40px {
    width: 40px;
    height: 40px
}

@media (max-width:767px) {
    .block_teasers-first {
        margin-bottom: 15px
    }

    .block_teasers-third {
        margin-top: 15px
    }
}

.row-center__subheading-teasers {
    font-size: clamp(16px, 2vw, 18px)
}

.row-center__text {
    font-size: 15px
}

.left_position-teasers {
    display: flex;
    justify-content: left;
    text-align: left
}

.center_position-teasers {
    display: flex;
    justify-content: center;
    text-align: center
}

.right_position-teasers {
    display: flex;
    justify-content: right;
    text-align: right
}

.row-teasers__col {
    flex: 1 1 33.333%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 16px
}

@media (max-width:767px) {
    .row-teasers__col {
        padding: 0;
        flex: none;
        max-width: 400px;
        align-self: center
    }
}

.white_color-teasers {
    background: #ffffff
}

.grey_color-teasers {
    background: #f4f6f9
}

.dark-blue_color-teasers {
    background: #3c3c58
}

.trasparent_color-teasers {
    background: none
}

.white_color-text {
    color: #ffffff
}

.black_color-text {
    color: #333338
}

.dark_color-text {
    color: #555558
}

.grey_color-text {
    color: #b2b8c6
}

.white_color-icon_background {
    background: #ffffff;
    border-radius: 20px
}

.dark-blue_color-icon_background {
    background: #3c3c58;
    padding: 12px;
    border-radius: 20px
}

.teasers-info {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 24px
}

.block__subtitle-teasers {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    color: #555558;
    text-align: start;
    max-width: 660px
}

@media screen and (max-width:993px) {
    .teasers-info {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .block__subtitle-teasers {
        text-align: center;
        max-width: none
    }
}

.teasers_title-left {
    text-align: left
}

.teasers_title-left:not(h1, h2, h3, h4, h5) {
    font-size: 28px
}

.teasers_title-center {
    text-align: center;
    font-size: clamp(24px, 2vw, 28px)
}

.teasers_title-right {
    text-align: right;
    font-size: 28px
}

@media (max-width:820px) {
    .values .values--4-cols {
        grid-template-columns: repeat(2, 1fr)
    }
}

.teaser-list__link {
    margin-top: 48px;
    transition: 0.3s ease;
    color: var(--brand-blue);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.teaser-list__link:hover {
    color: var(--base-color)
}

.values {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(0.75rem, 2vw, 1.5rem)
}

.values__item__teasers {
    min-height: 158px;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    border-radius: 20px
}

.values__item__teasers-all-pd {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 150px;
    padding: clamp(24px, 3vw, 32px);
    border-radius: 20px
}

.values__item__teasers-all {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px
}

.border__teasers_item {
    border: 1px solid #e6e9f2
}

.values__teasers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 48px
}

.values.values--dark .values__item {
    background-color: var(--matte-blue)
}

.values.values--dark .values__item.values__item--heading {
    background-color: var(--brand-blue)
}

.values.values--white {
    margin-top: 0
}

.values.values--white .values__item {
    background-color: var(--white)
}

.values.values--white .values__item.values__item--heading {
    background-color: var(--brand-blue)
}

.values.values--3-cols {
    grid-template-columns: repeat(3, 1fr)
}

.header_icons--oneline .values.values--3-cols {
    gap: clamp(2.5rem, 3vw, 3rem)
}

.header_icons--oneline .values.values--4-cols {
    gap: clamp(2.5rem, 3vw, 3rem)
}

@media (max-width:991px) {
    .values.values--3-cols {
        grid-template-columns: 1fr
    }

    .values.values--3-cols.values--dark {
        grid-auto-flow: column;
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem
    }

    .values.values--3-cols.values--dark .values__item {
        width: calc(100vw / 2)
    }

    .header_icons--oneline .values.values--3-cols {
        grid-auto-flow: row;
        grid-template-columns: repeat(3, 1fr);
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
        gap: 2rem
    }

    .header_icons--oneline .values.values--3-cols .values__item__teasers-all {
        width: 280px;

        .center_position-teasers {
            justify-content: start;
            text-align: left
        }
    }

    .header_icons--oneline .values.values--4-cols {
        grid-auto-flow: row;
        grid-template-columns: repeat(4, 1fr);
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
        gap: 2rem
    }

    .header_icons--oneline .values.values--4-cols .values__item__teasers-all {
        width: 280px
    }
}

@media (max-width:576px) {
    .values.values--3-cols.values--dark .values__item {
        width: calc(100vw / 1.5)
    }
}

@media (max-width:1365px) {
    .values {
        grid-template-columns: repeat(2, minmax(280px, 1fr))
    }
}

@media (max-width:767px) {
    .values {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
    }
}

.values__item {
    min-height: 158px;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    border-radius: 20px;
    background-color: var(--main-bg-color)
}

.values__item.values__item--heading {
    background-color: var(--brand-blue);
    color: var(--white)
}

.values__icon {
    width: 40px;
    margin-bottom: clamp(2rem, 5vw, 4rem)
}

.values__icon img {
    max-width: 100%
}

.values__text {
    margin-top: 0.75rem
}

.solution {}

.solution-custom {
    padding-top: 0
}

.solution-custom .solution__info .breadcrumbs {
    transform: translateY(-90px);
    margin-bottom: 0
}

@media (max-width:1360px) {
    .solution-custom .solution__info .breadcrumbs {
        transform: translateY(-80px)
    }
}

@media (max-width:1110px) {
    .solution-custom .solution__info .breadcrumbs {
        transform: translateY(-65px)
    }
}

@media (max-width:850px) {
    .solution-custom .solution__info .breadcrumbs {
        transform: translateY(-45px)
    }
}

.solution--new {
    padding: 0
}

.solution--new__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    margin-top: 56px
}

.solution--new__wrap.block--center {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5px;
    margin-top: clamp(2.5rem, 4vw, 3.5rem)
}

.solution--new__wrap.block--center .solution__info {
    text-align: center;
    max-width: 800px
}

.solution--new__wrap.block--center .solution__buttons {
    justify-content: center
}

.solution--new__wrap .solution__info .solution__title {
    padding-bottom: clamp(1rem, 2vw, 1.25rem);
    font-size: clamp(2rem, 3vw, 2.75rem)
}

.mainscreen--event-screen .solution--new__wrap .solution__info .solution__title {
    font-size: clamp(2rem, 3vw, 2.75rem)
}

.mainscreen--event-screen .solution--new__wrap .solution__info .solution__text {
    font-size: clamp(0.9375rem, 2vw, 1rem);
    color: var(--form-desc-color)
}

.solution--new__wrap .solution__info .solution__text {
    margin: 0;
    font-size: 16px
}

.solution--new__wrap.block--center .solution__info .solution__text {
    font-size: clamp(16px, 2vw, 18px);
    line-height: clamp(26px, 2vw, 28px)
}

.solution--new__wrap .solution__info .solution__buttons .solution__btn {
    font-size: 16px
}

@media (max-width:1160px) {
    .solution--new__wrap {
        flex-direction: column
    }

    .solution--new__wrap .solution__info {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        max-width: 100%
    }

    .solution--new__wrap .solution__image {
        flex: unset;
        margin-top: clamp(2rem, 3vw, 2.5rem)
    }

    .mainscreen--event-screen .solution--new__wrap .solution__info {
        align-items: start;
        text-align: left;
        max-width: 100%
    }
}

@media (max-width:575px) {
    .solution--new__wrap .solution__info {
        display: flex;
        flex-direction: column;
        align-items: left;
        text-align: left;
        max-width: 100%
    }
}

@media (max-width:1024px) {
    .solution--new__wrap {
        margin-top: 80px
    }
}

@media (max-width:768px) {
    .solution--new__wrap {
        margin-top: 56px
    }

    .mainscreen--event-screen:not(.margin-top-event) .solution--new__wrap {
        margin-top: 0
    }
}

.light_teasers-list {
    background-color: #ffffff;
    padding: 32px;
    border-radius: 10px
}

.dark_teasers-list {
    background-color: #f4f6f9;
    padding: 32px;
    border-radius: 10px
}

.block-blue__color {
    background-color: #26263e
}

.jumbotron__text-size {
    font-size: 15px
}

.review_customer-quot {
    padding: 0.5rem 0 0 0;
    width: 37px;
    height: 64px;
    font-weight: 400;
    font-size: 96px;
    line-height: 64px;
    color: #3761E9
}

.review_customer-text-noimage {
    width: 795px
}

.review_customer-text-noimage p {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.review_customer-image {
    padding: 1.25rem 0 0 0
}

.review_customer-image img {
    width: 112px;
    height: 112px;
    border-radius: 12px
}

.review_customer-text {
    padding: 1rem 0;
    width: 720px
}

.review_customer-text p {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

.review_customer-block {
    display: flex;
    gap: 2rem;
    flex-direction: row
}

.review_customer-name {
    color: #767682;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-top: 1rem
}

.review_customer-block ul li {
    font-weight: 500;
    padding-left: 1.25rem;
    font-size: clamp(16px, 2vw, 18px);
    line-height: clamp(24px, 3vw, 28px)
}

.review_customer-block ol li {
    font-weight: 500;
    margin-left: 1.25rem;
    font-size: clamp(16px, 2vw, 18px);
    line-height: clamp(24px, 3vw, 28px)
}

@media (max-width:767px) {
    .review_customer-block {
        display: flex;
        gap: 0;
        flex-direction: column
    }

    .review_customer-text-noimage {
        width: 100%
    }

    .review_customer-text {
        width: 100%
    }
}

.cases {}

.cases-wrapper__title {
    display: flex;
    justify-content: space-between;
    align-items: end
}

.cases__link {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 22px
}

.cases-title {
    font-weight: 600;
    line-height: var(--h3-blog-lh);
    font-size: clamp(var(--h3-blog-mobile), 3vw, var(--h3-size-desktop))
}

.cases-slider {
    margin-top: clamp(2rem, 4vw, 3rem)
}

.cases-slider__slide {
    flex: 0 0 100%;
    padding: 48px;
    gap: 48px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: var(--white);
    border: 1px solid var(--divider-color);
    border-radius: 16px;
    height: 430px
}

.cases-image {
    max-width: 594px;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 32% 27.65% 0;
    border-radius: 12px;
    overflow: hidden
}

.cases-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.cases-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-wrap: break-word;
    align-items: flex-start;
    height: 100%;
    min-height: 334px;
    width: 100%
}

.cases-info__title {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 600;
    line-height: clamp(30px, 3vw, 34px);
    color: var(--heading-color)
}

a.cases-info__title:hover {
    color: var(--brand-blue-hover)
}

.cases-info__text.medium-text {
    font-size: clamp(0.875rem, 2vw, 0.9375rem);
    line-height: clamp(1.375rem, 2vw, 1.5rem);
    color: var(--black-description-form);
    margin: 0
}

.cases-controls {
    display: flex;
    padding-top: 24px;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.cases-pagination.slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: relative;
    bottom: 0;
    top: 0;
    left: 0
}

.cases-navigation {
    display: flex;
    align-items: center;
    gap: 55px
}

.cases-arrow.slider__arrow--prev,
.cases-arrow.slider__arrow--next {
    margin: 0;
    position: static;
    top: 0;
    right: 0
}

.cases-info__link {
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 22px
}

.cases-info__link:hover svg path {
    stroke: var(--brand-blue-hover)
}

.cases-info-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: auto
}

.cases-info-bottom img {
    width: 96px;
    height: 40px
}

.cases__detail--hidden {
    display: block
}

@media screen and (max-width:993px) {
    .cases-slider__slide {
        padding: 32px;
        gap: 24px;
        flex-direction: column;
        height: auto
    }

    .cases-image {
        padding: 28%;
        max-width: 100%
    }

    .cases-slider__wrapper {
        align-items: stretch
    }

    .cases-info {
        min-height: auto
    }
}

@media screen and (max-width:768px) {
    .cases-controls {
        flex-direction: column;
        gap: 55px
    }

    .cases-navigation {
        gap: 70px
    }
}

@media screen and (max-width:500px) {
    .cases__detail--hidden {
        display: none
    }
}

.jumbotron-new {
    min-height: 504px;
    padding: 0;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem
}

.jumbotron--new-bg {
    background: url(/local/templates/asprocloud_v2/./images/jumbo-bg02.webp) center/cover no-repeat, var(--deep-blue)
}

.jumbotron-new__info {
    padding: 50px 0px 50px 80px
}

.jumbotron__platforms {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px
}

.jumbotron__advantages {
    margin-top: 55px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.jumbotron__infoblock {
    display: grid;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    grid-template-columns: 0fr 1fr
}

.jumbotron-new__heading {
    color: var(--white);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 38px
}

.jumbotron-new__text {
    color: var(--white);
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px
}

.jumbotron__paragraph {
    color: var(--white);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0
}

.jumbotron__mark {
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--base-color, #3761e9)
}

.jumbotron__mark img {
    width: 16px;
    height: 16px
}

.jumbotron-new__image {
    display: contents
}

.jumbotron-new__image img {
    max-width: fit-content;
    width: 100%;
    padding-right: 70px
}

@media screen and (max-width:1140px) {
    .jumbotron-new {
        padding: 20px 20px 0px 20px;
        flex-direction: column;
        align-items: center;
        gap: 0
    }

    .jumbotron__platforms {
        justify-content: center
    }

    .jumbotron-new__info {
        padding: 0;
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .jumbotron-new__image img {
        padding-right: 0
    }

    .jumbotron-new__heading {
        text-align: center
    }

    .jumbotron-new__text {
        text-align: center
    }
}

.subtitle-banner {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 72px
}

.subtitle-banner.smaller {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: clamp(var(--g10-mobile), 3vw, var(--g10-desktop))
}

.subtitle-banner__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 50%
}

.subtitle-banner__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    color: var(--heading-color)
}

.subtitle-banner__subtitle {
    color: #555558;
    margin-top: 8px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 162.5%
}

@media screen and (max-width:768px) {
    .subtitle-banner {
        flex-wrap: wrap
    }
}

.solution__title--h1 {
    font-size: 14px;
    line-height: 22px;
    color: var(--gray-date);
    margin-bottom: clamp(0.75rem, 2vw, 1rem);
    font-weight: 400
}

.text-tasks.modification-template {
    display: flex;
    justify-content: space-between
}

.text-tasks.modification-template .block__text {
    margin-right: 30px
}

.block__square--dark .block__items.items.modification-template>.items__item {
    background-color: #34344e
}

.block__square--dark .block__items.items.modification-template>.items__item>.items__text.text-color {
    color: #fff
}

.block__items.items.modification-template>.items__item>.items__image>img {
    max-width: unset
}

.block__items.items.modification-template>.items__item {
    padding-left: 0;
    padding-right: 0
}

.block__items.modification-template .items__text {
    padding-left: 56px;
    padding-right: 56px
}

@media (max-width:1375px) {
    .text-tasks.modification-template .block__text {
        margin-right: 0px
    }

    .block__items.items.modification-template>.items__item>.items__image {
        width: 100%
    }

    .block__items.items.modification-template>.items__item>.items__image img {
        width: 100%
    }

    .block__items.modification-template .items__text {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width:1160px) {
    .text-tasks.modification-template {
        display: flex;
        flex-direction: column;
        justify-content: unset;
        align-items: center;
        text-align: center;
        gap: 20px
    }
}

@media (max-width:1000px) {
    .block__items.items.modification-template>.items__item>.items__image img {
        height: auto
    }
}

.adapt__cards-title {
    max-width: 832px;
    line-height: 42px;
    margin-bottom: 20px
}

.adapt__cards-description {
    max-width: 832px;
    line-height: 28px
}

.adapt__cards__text-center {
    margin-left: auto;
    margin-right: auto
}

.adapt__cards__text-left {
    margin-right: auto
}

.one__step__mb {
    margin-bottom: 48px
}

.border-bottom--try {
    border-bottom: 1px solid #545467
}

.teasers__img-block__col {
    flex: 0 0 642px;
    min-width: 100%
}

.block__text--centered {
    text-align: center
}

.block__text--left {
    text-align: left
}

.banners__content-top__position {
    position: relative;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    transition: 0.3s ease-in-out;
    gap: 16px;
    opacity: 1
}

.banners-text__preview {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    display: flex;
    gap: 16px
}

.banners-svg__preview {
    display: flex;
    flex-wrap: inherit;
    align-content: center
}

.banners__content-top__position:hover {
    opacity: 0.8
}

.banner-sicker {
    padding: 4px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.48);
    font-size: 12px;
    line-height: 18px
}

.banner-name {
    display: flex;
    align-content: center;
    flex-wrap: wrap
}

.mainscreen.sale-gradient {
    background: no-repeat url("/images/sale/hero-gradient.png");
    background-size: cover
}

.mainscreen.sale--closed {
    background: no-repeat url("/sale/spetspredlozhenie/include/main_bg.png");
    background-size: cover
}

.tariffs__container {
    display: flex;
    align-items: center;
    gap: 5px
}

.tariffs__NEW {
    background-color: red
}

.tariffs__SELL {
    background-color: #ffdc83
}

.tariffs__STOCK {
    background-color: var(--teal)
}

.tariffs__RECOMMEND {
    background-color: var(--teal)
}

.tariffs__HIT {
    background-color: var(--teal)
}

.tariffs__discounts .tariffs__price {
    min-height: 74px
}

.tariffs__label--black {
    color: #000000
}

.tariffs__price--econom {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    margin: 0;
    color: #969aa5
}

.tariffs__price--default {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: line-through;
    margin: 0
}

.sale-banner {
    border-radius: 12px;
    width: 100%;
    background: top url("/images/prices/sale_price_banner.webp") no-repeat;
    background-position: 50% 80%;
    margin-bottom: 48px;
    background-size: cover
}

.sale-banner__info {
    padding: 11px 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--white)
}

.sale-banner__sticker {
    padding: 4px 12px;
    border: 1px solid var(--white);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    color: var(--white)
}

.sale-banner__text {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 162.5%;
    color: var(--white)
}

@media screen and (max-width:768px) {
    .sale-banner {
        background-size: 100% 100%
    }

    .sale-banner__info {
        flex-direction: column
    }
}

.tarrifs-title {
    font-size: 32px
}

.tarrifs-subtitle {
    color: var(--text, #555558);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.two-columns {
    align-items: baseline;
    justify-content: space-between
}

.two-columns p {
    font-size: 18px;
    line-height: var(--text-big-lh);
    color: var(--heading-color)
}

.two-columns .block__col {
    max-width: 642px
}

@media screen and (max-width:993px) {
    .text-tasks {
        text-align: center
    }
}

.jumbotron-list ul li {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.jumbotron-list ul li::before {
    background-color: var(--white)
}

@media screen and (max-width:993px) {
    .jumbotron-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: start
    }
}

.presentation__link {
    margin-top: 32px;
    font-size: 16px
}

.jumbotron-big {
    padding: 80px 0 80px 0;
    background: url('/images/projects/developers/jumbotron-big.jpg') no-repeat;
    background-size: 100% 100%
}

.jumbotron-big--gray {
    background: 100% #F5F7FC no-repeat
}

.jumbotron-big--white {
    background: 100% #FFF no-repeat
}

.jumbotron-big--white .pick-out__subtitle,
.jumbotron-big--white .jumbotron__text {
    color: #333338
}

.jumbotron-big--gray .pick-out__subtitle.subtitle {
    color: var(--heading-color)
}

.jumbotron-big--gray .jumbotron__text {
    color: #555558
}

.jumbotron-big .jumbotron__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 682px;
    margin: 0 auto
}

.jumbotron-big .jumbotron__info .pick-out__subtitle {
    font-size: 32px
}

@media screen and (max-width:768px) {
    .jumbotron-big {
        padding: 48px 24px;
        background-position: bottom
    }
}

.jumbotron-gradient--blue {
    background: url('/images/jumbotron-blue-bg.png') no-repeat;
    background-size: 100% 100%
}

.mainscreen.marketing-agency--bg {
    background: url('/images/projects/marketingovoe-agentstvo/marketingovoe-agentstvo-bg.png') no-repeat;
    background-size: 100% 100%
}

.mainscreen.radial-gradient_grey--bg {
    background: url('/images/background-images/radial-gradient_grey.jpg') no-repeat;
    background-size: 100% 100%
}

.mainscreen.radial-gradient_green-pink--bg {
    background: url('/images/background-images/radial-gradient_green-pink.jpg') no-repeat;
    background-size: 100% 100%
}

.mainscreen.radial-gradient_white-pink--bg {
    background: url('/images/background-images/radial-gradient_white-pink.jpg') no-repeat;
    background-size: 100% 100%
}

.mainscreen.bukhgalterskie-kompanii--bg {
    background: url('/images/projects/bukhgalterskie-kompanii/bukhgalterskie-kompanii-bg.png') no-repeat;
    background-size: 100% 100%
}

.container--extra.container--extra {
    padding-bottom: 100px
}

.container.container-brands-swiper {
    max-width: calc(100vw - 302px)
}

.leadmagnet-form__wrapper--dark .subscribe-form__licenses {
    color: #7382C8
}

.leadmagnet-form__wrapper.leadmagnet-form__wrapper--dark .subscribe-form__licenses a {
    text-decoration: none;
    color: #FFFFFF
}

.subscribe-form__licenses {
    font-size: 12px;
    line-height: 1.5;
    color: #969AA5
}

.leadmagnet-form__wrapper .subscribe-form__licenses {
    padding-top: 10px
}

.subscribe-form__wrapper .subscribe-form__licenses a,
.leadmagnet-form__wrapper .subscribe-form__licenses a {
    text-decoration: none;
    color: #555558
}

.subscribe-form__wrapper .subscribe-form__licenses a:hover,
.leadmagnet-form__wrapper .subscribe-form__licenses a:hover {
    color: #3761E9
}

.no-background {
    background-color: transparent;
    background-image: none
}

.no-margins {
    margin: 0
}

.no-paddings {
    padding: 0
}

.fade-in {
    animation: fadeInAnimation 1s
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.width-100 {
    width: 100%
}

.flex {
    display: flex
}

.flex-1 {
    flex: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-column {
    flex-direction: column
}

.flex-column-reverse {
    flex-direction: column-reverse
}

@media (width < 601px) {
    .flex-column--to-600 {
        flex-direction: column
    }
}

.align-center {
    align-items: center
}

.justify-between {
    justify-content: space-between
}

.justify-center {
    justify-content: space-between
}

.gap {
    --gap: 0;
    gap: var(--gap)
}

.gap--8 {
    --gap: 8px
}

.gap--2 {
    --gap: 2px
}

.gap--12 {
    --gap: 12px
}

.gap--24 {
    --gap: 24px
}

.gap--32 {
    --gap: 32px
}

.tooltip {
    position: relative;
    display: inline-block
}

.tooltip__icon--16 {
    width: 16px;
    height: 16px
}

.tooltip svg {
    width: 16px;
    height: 16px
}

.tooltip use {
    fill: #000
}

.tooltip .tooltip-text {
    visibility: hidden;
    width: fit-content;
    background-color: var(--heading-color);
    color: var(--white);
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 0.75rem;
    border-radius: 4px;
    width: 280px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 11px);
    z-index: 1
}

.tooltip .tooltip-text::before {
    content: "";
    width: 8px;
    margin-top: -4px;
    margin-left: -4px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: rotate(45deg);
    background-color: inherit;
    display: block;
    height: 8px
}

.tooltip:hover .tooltip-text,
.tooltip:focus .tooltip-text {
    visibility: visible
}

.dropdown-selector {
    position: relative
}

.dropdown-selector__field {
    cursor: pointer
}

.dropdown-selector__options-list {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 6px;
    position: absolute;
    left: -18px;
    top: 100%;
    background: #FFFFFF;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
    border-radius: 12px
}

.dropdown-selector__option {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 12px;
    gap: 16px;
    width: 167px;
    height: 35px;
    background: #FFF;
    border-radius: 8px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0
}

.dropdown-selector__option:hover,
.dropdown-selector__option:focus {
    background-color: var(--main-bg-color);
    cursor: pointer
}

.dropdown-selector__option.active,
.dropdown-selector__option:active {
    background-color: var(--special-grey-darken)
}

.dropdown-selector.opened .dropdown-selector__options-list {
    display: flex
}

.mb {
    --mb: 0;
    margin-bottom: var(--mb)
}

.main-title {
    font-size: clamp(2.75rem, 4vw, 3.5rem);
    line-height: clamp(3.375rem, 5vw, 4.25rem)
}

.slider-text-up {
    --slider-text-height: clamp(3.375rem, 5vw, 4.25rem);
    overflow: hidden;
    height: var(--slider-text-height);
    display: inline-flex;
    flex-direction: column;
    background: linear-gradient(0.25turn, #29329F, #3761E9, #FF7188);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.slide-text {
    animation: slide 5.5s infinite ease-in-out;
    -moz-animation: slide 5.5s infinite ease-in-out
}

@keyframes slide {

    0%,
    20% {
        transform: translateY(0);
        -moz-transform: translateY(0)
    }

    25%,
    45% {
        transform: translateY(calc(-1 * var(--slider-text-height)));
        -moz-transform: translateY(calc(-1 * var(--slider-text-height)))
    }

    50%,
    70% {
        transform: translateY(calc(-2 * var(--slider-text-height)));
        -moz-transform: translateY(calc(-2 * var(--slider-text-height)))
    }

    75%,
    95% {
        transform: translateY(calc(-3 * var(--slider-text-height)));
        -moz-transform: translateY(calc(-3 * var(--slider-text-height)))
    }

    100% {
        transform: translateY(calc(-4 * var(--slider-text-height)));
        -moz-transform: translateY(calc(-4 * var(--slider-text-height)))
    }
}

.block__landing {
    font-weight: 400;
    font-size: clamp(15px, 2vw, 16px);
    line-height: clamp(24px, 3vw, 26px);
    color: #555558;
    max-width: 864px
}

.block__landing.margin-auto {
    margin-left: auto;
    margin-right: auto
}

.btn.with-arrow {
    gap: 12px;
    align-items: center;
    transition: all 0.3s ease-in-out;
    flex-wrap: nowrap
}

.btn.with-arrow.apps:hover {
    background-color: #F5F7FC;
    color: #333338
}

.applinks {
    display: flex;
    gap: 12px
}

.jumbo-block {
    padding: 40px 48px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    min-height: 154px
}

.jumbo-block.block-pic--center {
    align-items: center
}

.jumbo-block.block-pic {
    padding: 0;

    .jumbo-inner {
        padding: 48px 0 48px 48px
    }

    .jumbo-block-head {
        max-width: 558px
    }
}

.jumbo-block-header {
    font-weight: 600;
    font-size: clamp(20px, 2vw, 24px);
    line-height: clamp(30px, 2vw, 34px);
    color: var(--white);
    margin-bottom: clamp(12px, 2vw, var(--g4))
}

.jumbo-block-text {
    font-weight: 400;
    font-size: clamp(14px, 2vw, 15px);
    line-height: clamp(22px, 2vw, 24px);
    color: var(--white)
}

.jumbo-block.dark_text {
    .jumbo-block-header {
        font-size: clamp(18px, 2vw, 20px);
        line-height: clamp(28px, 2vw, 30px);
        color: var(--heading-color);
        margin-bottom: clamp(8px, 2vw, var(--g4))
    }

    .jumbo-block-text {
        color: var(--text-color)
    }
}

.jumbo-block.block-pic {
    .jumbo-block-header {
        font-size: clamp(24px, 2vw, 28px);
        line-height: clamp(34px, 3vw, 38px);
        margin-bottom: var(--g4)
    }

    .jumbo-block-header.h3 {
        font-weight: 600;
        font-size: clamp(var(--h3-size-mobile), 3vw, 28px);
        line-height: var(--h3-lh)
    }
}

.jumbo-inner.flex-verticle-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start
}

.overflow-hidden-slider .slider {
    overflow: hidden
}

.mainscreen--extra .mainscreen__body {
    padding-top: 72px
}

.negative-mt-14 {
    margin-top: calc(-1 * clamp(var(--g14-mobile), 8vw, var(--g14-desktop)))
}

.block.overflow-click {
    overflow: clip
}

.aria-video {
    display: flex;
    gap: 24px;
    align-items: stretch
}

.aria-video .aria-video-block {
    flex: 1 1 50%
}

@media screen and (max-width:1100px) {
    .jumbo-block.block-pic {
        align-items: end
    }

    .jumbo-block .jumbo-inner {
        max-width: 558px
    }

    .jumbo-block.block-pic .jumbo-inner {
        padding: 48px;
        flex: 0 0 50%;
        max-width: 480px;
        gap: 32px
    }

    .jumbo-block.block-pic .jumbo-image {
        flex: 0 0 50%;
        max-width: 480px
    }

    .jumbo-block.block-pic .jumbo-image img {
        width: 100%;
        height: auto
    }

    .jumbo-block.block-pic--center {
        gap: 28px
    }

    .jumbo-block.block-pic--center .jumbo-inner {
        max-width: 672px
    }
}

@media screen and (max-width:768px) {
    .jumbo-block.block-pic {
        align-items: start
    }

    .jumbo-block.block-pic .jumbo-inner {
        padding: 32px;
        flex: none;
        max-width: 100%
    }

    .jumbo-block.block-pic .jumbo-block-head {
        max-width: 100%
    }

    .jumbo-block {
        flex-direction: column;
        padding: 32px;
        gap: 24px
    }

    .jumbo-block .btn {
        width: 100%
    }

    .jumbo-block.block-pic--center {
        flex-direction: row
    }

    .cases-wrapper__title {
        flex-direction: column;
        align-items: start;
        gap: 12px
    }

    .cases-info-bottom {
        margin-top: 1rem
    }
}

@media screen and (max-width:600px) {
    .jumbo-block.block-pic--center {
        flex-direction: column
    }
}

@media screen and (max-width:496px) {
    .applinks {
        flex-wrap: wrap;
        width: 100%
    }

    .tabs__trigger {
        flex-wrap: nowrap !important
    }
}

@media screen and (max-width:1024px) {
    .aria-video {
        flex-direction: column
    }
}

@media screen and (max-width:1350px) {
    .no-padding-sides {
        padding-left: 0;
        padding-right: 0;
        max-width: calc(100vw - 4rem)
    }

    .container.container-brands-swiper {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:991px) {
    .no-padding-sides {
        padding-left: 0;
        padding-right: 0;
        max-width: calc(100vw - 2rem)
    }
}

.large_text .row-center__text {
    font-weight: 400;
    font-size: clamp(0.875rem, 2vw, 0.9375rem);
    line-height: clamp(22px, 2vw, 24px);
    color: #555558
}

.large_text .block_teasers-third {
    margin-top: 8px
}

.large_text .block_teasers-first-mb_24 {
    margin-bottom: clamp(20px, 2vw, var(--mb))
}

@media (max-width:1140px) {
    .header_icons .values.values--4-cols {
        grid-template-columns: repeat(4, 1fr);
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem
    }

    .header_icons .values__item__teasers-all {
        width: 222px
    }

    .header_icons .values__item__teasers-all .row-center__text br {
        display: none
    }
}

@media (max-width:760px) {
    .header_icons .values__item__teasers-all {
        width: 280px
    }
}

.SmartCaptcha-Shield_position_bottom.SmartCaptcha-Shield_position_right.SmartCaptcha-Shield.SmartCaptcha-Shield_visible {
    display: none
}
/* End */


/* Start:/local/templates/asprocloud_v2/ui.min.css?1753867064720*/
.border,.border--gray{--border-color:var(--divider-color)}.font_14{font-size:.875rem;line-height:1.375rem}.font_18{font-size:1.125rem;line-height:1.75rem}.text-regular{font-weight:400}.text-medium{font-weight:600}.rounded--16{border-radius:16px}.rounded--8{border-radius:8px}.rounded--50{border-radius:50px}.p--24{padding:24px}.px--16{padding-left:16px;padding-right:16px}.py--9{padding-top:9px;padding-bottom:9px}.flex-column{flex-direction:column}.sticky{position:sticky}.top--130{top:130px}@media (max-width:543px){.hidden-xs{display:none}}@media (max-width:767px){.hidden-sm{display:none}}@media (max-width:991px){.hidden-md{display:none}}.border{border-width:1px;border-style:solid;border-color:var(--border-color)}
/* End */


/* Start:/local/templates/asprocloud_v2/css/custom.css?176613085538066*/
/** custom styles **/

/* 06.02.2025 - 11.02.2025 styles made by m.lomtsov@aspro.team */
.mb-48{
  margin-bottom: 48px;
}

.max-width-864 .decor_slider_list--header_text_block{
  max-width: 864px;  
}

.max-width-864 .form__header{
  max-width: 864px;
}

.small--gap .tracks__grid-item{
  min-height: 236px !important;
  justify-content: start;
  gap: clamp(2rem, 2vw, 2.5rem);
}

.small--gap .tracks__grid-item .grid-item__subheading{
  margin-bottom: clamp(0.5rem, 2vw, 0.75rem);
}

.h-row-items{
  min-height: 204px !important;
}
.no--padding-top{
  padding-top: 0 !important;
}

.no--padding-bottom{
  padding-bottom: 0 !important;
}

.block_custom_underline .block__container{
    padding-bottom: 97px;
    border-bottom: 1px solid #E6E9F2  !important;
}

/* @media (max-width: 600px) {
  .slider__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: relative;
    left: unset;
    width: auto;
    bottom: 0;
    top: 1rem;
  }

  .mobile-menu--active{
    padding-top: 4.5rem;
  } */
  /* .slider__pagination{
    position: unset;
  } */
  /* .slider__arrow--prev{
    position: absolute;
    top: 100%; 
    left: 35%; 
    transform: translate(-50%, -50%);
  }
  
  .slider__arrow--next{
    position: absolute;
    top: 100%; 
    right: 30%; 
    transform: translate(0, -50%);
  }
 
} */


/* @media (max-width: 400px) {
  .slider__arrow--prev{
    right: calc(clamp(1.5rem, 5vw, 3.5rem) + 50%);
  }
  
  .slider__arrow--next{
    right: calc(clamp(1.5rem, 5vw, 3.5rem) + 22%);
  }
} */

/* end of styles made by m.lomtsov@aspro.team */
/* 13.02.2025 - https://aspro.cloud/prices/ styles made by m.lomtsov@aspro.team */

.mainscreen.mainsreen--padding-90 .mainscreen__body{
  padding-top:  80px;
}

.mainscreen.tarrifs_customization .tariffs__item.tariffs__item--hit{
  border-color: #7f9af1;
}

.fill-use-svg-999, .fill-use-999 svg, .secondary--fill use {
  fill: #9999aa !important;
}

.mainscreen.mainsreen--padding-90 .tabs__header_left-text{
	font-weight: 400;
	font-size:14px;
	color: #969AA5;
}

.mainscreen.mainsreen--padding-90 .tabs__header_right-text{
	font-size: 14px !important;
}

.mainscreen.mainsreen--padding-90 .mainscreen__tabs .tabs__content{
	margin-top: 20px !important;
}

.mainscreen.mainsreen--padding-90 .tabs__tariffs.tariffs{
	align-items: stretch !important;
}

.mainscreen.tarrifs_customization .tooltip .tooltip-text {
  z-index: 4 !important;
}

.dropdown-selector__options-list{
  z-index: 2;
}

.mainscreen.mainsreen--padding-90 .tariffs__item--hit .tariffs__discount, 
.mainscreen.mainsreen--padding-90 .tariffs__item--hit .tariffs__btn,
.mainscreen.mainsreen--padding-90 .tariffs__item--hit .tariffs__point
{
  position: relative;
  bottom: 1px;
}

.mainscreen.mainsreen--padding-90 .tariffs__price{
	margin-bottom: 0;
}

.mainscreen.mainsreen--padding-90 .tariffs__save{
	margin-bottom:0;
	min-height: unset;
}

.mainscreen.mainsreen--padding-90 .tariffs__btn{
	margin-top:0.75rem;
	margin-bottom: clamp(0.5rem, 3vw, 1rem);
}

.mainscreen.mainsreen--padding-90 .tariffs__item--hit .tariffs__label{
  position: relative;
  top: -1.3px;
}

@media (max-width: 576px) {
.m--mobile-top{
  margin-top: 30px;
}
}
@media (min-width: 577px) and (max-width: 1200px) {
  .m--mobile-top{
    margin-top: 30px;
  }
}

/* finance */

.border-1{
  border-bottom: 1px solid #E6E9F2;
}


.block.block--negative-padding-top{
  padding-top: 0;
}

.try-max-width-760 .try__body{
  max-width: 760px;
}

.try-max-width-760.border-1{
  max-width: 1308px;
  margin-right: auto;
  margin-left: auto;
}

/* end of styles made by m.lomtsov@aspro.team */
/*back-url*/
pre {
  text-align: left;
}

/* link for covering item from inside */
.absolute-link {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.url-block span {
  position: relative;
  margin-top: 1px;
  padding: 0 0 0 32px;
  color: #999999;
  display: inline-block;
}

.url-block span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 10px;
  background: #333 url(/local/templates/asprocloud_v2/css/images/svg/content_icons.svg) -135px -44px no-repeat;
  opacity: 0.35;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.url-block span:hover:before {
  opacity: 1;
}

.url-block span:hover:before {
  background-color: var(--brand-blue);
}

.bx-firefox .back-url i,
.bx-ie .back-url i {
  line-height: 24px;
}

.url-block span:hover {
  color: var(--brand-blue);
}

p {
  margin: 25px 0;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

p.h1 {
  margin:0px;
}

.border {
  border: 1px solid #eff1f5;
}

.link_absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

/* share */
.share {
  position: relative;
}

.share:hover .ya-share2 {
  opacity: 1;
  pointer-events: all;
  transition: all 0.25s ease-in-out;
  visibility: visible;
}

.share .ya-share2 {
  opacity: 0;
  padding: 10px 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  visibility: hidden;
}

.share .ya-share2__list {
  display: flex;
}

.mainscreen.mainscreen--narrow .mainscreen__title {
  padding-bottom: 1rem;
  margin-bottom: 0;
}

/*mainscreen--fullscreen*/
.mainscreen__article .mainscreen__image--top {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainscreen--fullscreen .mainscreen__body:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0, 0.48);
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.mainscreen--fullscreen .mainscreen__data {
  position: relative;
  z-index: 1;
}

.mainscreen--fullscreen+.block.block-relative {
  z-index: 2;
}

.mainscreen--fullscreen .mainscreen__heading {
  z-index: 1;
}

/*  <--! mainscreen--fullscreen !--> */

.main-bg-color {
  background-color: var(--main-bg-color);
}

.share__icon svg {
  stroke: var(--white);
}

/**/

.calendly-overlay body::-webkit-scrollbar {
  width: 6px;
  border-radius: 8px;
}

.calendly-overlay body::-webkit-scrollbar-track {
  border-radius: 8px;
  background: white;
}

.calendly-overlay body::-webkit-scrollbar-thumb,
.calendly-overlay body::-webkit-scrollbar-thumb:window-inactive {
  border-radius: 8px;
  background: #999;
  border: 2px solid #fff;
}

/* Impovement */
.sticky-block {
  left: 0;
  position: sticky;
  right: 0;
  top: 90px;
}

.content img {
  max-width: 100%;
  height: auto;
}

.try-aside__link {
  background: none;
}

.try-aside:not(:only-of-type) {
  margin-top: clamp(1.5rem, 2vw, 2.5rem);
}

.pagination--ajax+.pagination {
  display: none;
}

.blog__bottom {
  margin-top: clamp(3rem, 5vw, 4rem);
}

.fill-theme-use use {
  fill: var(--brand-blue);
}

.stroke-theme-use use {
  stroke: var(--brand-blue);
}

.cards-block__item {
  gap: clamp(2rem, 4vw, 3.375rem);
  justify-content: space-between;
}

.cards-block__item--gradient {
  background-color: var(--main-bg-color);
}

.cards-block__item--gradient:first-of-type {
  background-image: linear-gradient(156deg,
      rgb(251, 220, 225) 0%,
      rgb(251, 220, 225) 7%,
      rgb(244, 246, 249) 39%,
      rgb(244, 246, 249) 100%);
}

.cards-block__item--gradient:last-of-type {
  background-image: linear-gradient(149deg,
      rgba(244, 246, 249, 1) 0%,
      rgba(244, 246, 249, 1) 75%,
      rgba(222, 222, 246, 1) 100%);
}

.cards-block__item--gradient .cards-block__number {
  background-color: var(--white);
  color: var(--heading-color);
}

.cards-block__text {
  margin-bottom: 0;
}

.cards-block__number {
  margin: 0;
}

.cards-block__item--reverse {
  flex-direction: column-reverse;
}

.tracks__track--content {
  flex: 1;
}

/* iframe resonsive */
.iframe__wrapper {
  height: 0;
  padding-bottom: 56.65%;
  position: relative;
  width: 100%;
}

.iframe__wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.content iframe {
  max-width: 100%;
}

/**/

/* review size fix */
.review {
  height: auto;
}

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

.review__foot {
  margin-top: auto;
}

/**/

/* adapt-cards */
.adapt-cards__link svg use {
  stroke: var(--white);
}

/***/
.mainscreen__play svg {
  width: 24px;
  display: inline-block;
  position: relative;
  left: 3px;
}

.info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(1) {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
}

.info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(2) {
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  z-index: 1;
}

.info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(3) {
  width: 128px;
  height: 64px;
  bottom: 0;
  left: 40%;
}

.info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(1) {
  bottom: 0;
  left: 45%;
  width: 82px;
  height: 82px;
  z-index: 1;
}

.info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(2) {
  width: 114px;
  height: 57px;
  top: 0;
  right: 0;
  z-index: 1;
}

.info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(3) {
  width: 128px;
  height: 64px;
  left: 0;
  top: 30%;
}

.info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(1) {
  top: 0;
  left: 55%;
  width: 60px;
  height: 60px;
}

.info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(2) {
  width: 80px;
  height: 80px;
  top: 60%;
  left: 0;
  z-index: 1;
}

.info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(3) {
  width: 116px;
  height: 58px;
  right: 0;
  bottom: 0;
  z-index: 1;
}


/* 11.12.2024 styles made by m.lomtsov@aspro.team */

/** @media (max-width: 576px) {
.page .block.block--negative-margin-top:last-child{
	padding-bottom: 0;
}
} */
.grid-item__number{
	color: var(--brand-blue) !important;
}

/* end of styles made by m.lomtsov@aspro.team */

@media (max-width: 767px) {
  .info-decor__row {
    flex-direction: column;
  }

  .info-decor__row:nth-of-type(even) {
    flex-direction: column;
  }

  .info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(1) {
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
  }

  .info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(2) {
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .info-decor__row:nth-of-type(3n + 1) .info-decor__decoration:nth-of-type(3) {
    width: 64px;
    height: 32px;
    bottom: 0;
    left: 40%;
  }

  .info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(1) {
    bottom: 0;
    left: 45%;
    width: 41px;
    height: 41px;
    z-index: 1;
  }

  .info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(2) {
    width: 57px;
    height: 28px;
    top: 0;
    right: 0;
    z-index: 1;
  }

  .info-decor__row:nth-of-type(3n + 2) .info-decor__decoration:nth-of-type(3) {
    width: 64px;
    height: 32px;
    left: 0;
    top: 30%;
  }

  .info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(1) {
    top: 0;
    left: 55%;
    width: 30px;
    height: 30px;
  }

  .info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(2) {
    width: 40px;
    height: 40px;
    top: 60%;
    left: 0;
    z-index: 1;
  }

  .info-decor__row:nth-of-type(3n) .info-decor__decoration:nth-of-type(3) {
    width: 58px;
    height: 29px;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}

.info-decor__info {
  max-width: 490px;
}

@media (max-width: 767px) {
  .info-decor__info {
    max-width: none;
  }
}

.info-decor__subtitle {
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
}

.info-decor__box.info-decor__box--image-decor {
  padding: clamp(1rem, 3vw, 2rem);
  position: relative;
}

.info-decor__image {
  border-radius: 12px;
  overflow: hidden;
}

.info-decor__image.info-decor__image--bordered {
  border: 1px solid var(--divider-color);
}

.info-decor__image img {
  max-width: 100%;
}

.info-decor__box--image-decor .info-decor__image {
  position: relative;
  border: 1px solid var(--divider-color);
  border-radius: 12px;
  padding-bottom: 55%;
  z-index: 1;
}

.info-decor__box--image-decor .info-decor__image img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.info-decor__row.info-decor__row--no-image {
  align-items: start;
}

@media (max-width: 767px) {
  .info-decor__box--image-decor .info-decor__image {
    flex: none;
    padding-bottom: 56%;
  }
}

.info-decor__decoration {
  position: absolute;
}

.info-decor__decoration img {
  max-width: 100%;
  display: block;
}

.mobile-menu__arrow svg use {
  fill: var(--heading-color);
}

.inner-mobile-menu__back svg use {
  stroke: var(--heading-color);
}

.link svg use {
  transition: stroke 0.3s ease;
  stroke: var(--brand-blue);
}

@media (any-hover: hover) {
  .link:hover svg use {
    stroke: var(--text-color);
  }
}

@media (any-hover: hover) {
  .menu__item:hover .menu__arrow svg use {
    fill: var(--brand-blue);
  }
}

/*section cases*/
.block-relative {
  position: relative;
}

.cards-block--no-margin-bottom {
  margin-bottom: 0;
}

/**/

/*grid-item*/
.tracks__grid-item.grid-item {
  position: relative;
}

.integration-cards__card {
  position: relative;
}

.dropdown__type svg {
  margin-left: 5px;
}

.dropdown__type svg use {
  stroke: var(--arrow-color);
}

.submenu__list {
  overflow: visible;
}

.submenu__list .dropdown.dropdown--1-col {
  left: -9rem;
}

@media (any-hover: hover) {
  .submenu__item:hover .hide .dropdown {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  .submenu__item:hover .dropdown {
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  .submenu__item:hover .dropdown.dropdown--2-cols {
    transform: translate3d(0, 0, 0);
  }

  .submenu__item:hover .dropdown.dropdown--1-col {
    transform: translate3d(0, 0, 0);
  }
}

.submenu__icon svg {
  width: 25px;
  height: 25px;
}

.video__play svg {
  width: 24px;
  display: block;
  transform: translateX(3px);
}

@media screen and (min-width: 768px) {
  .row-reverse {
    flex-direction: row-reverse;
  }
}

.flex-column {
  flex-direction: column;
}

.highlights {
  flex-wrap: wrap;
}

.highlights__item {
  flex: 1 1 calc(50% - clamp(1rem, 2vw, 1.5rem));
}

.highlights__item.size-100{
  flex: 1 1 calc(100% - clamp(1rem, 2vw, 1.5rem));
  max-width: 100%;
}

.highlights__item.size-50{
  flex: 1 1 calc(50% - clamp(1rem, 2vw, 1.5rem));
  max-width: 50%;
}

.highlights__item.position__img-right,
.highlights__item.position__img-left {
  display: flex;
  min-width: 100%;
}

@media screen and (width > 768px) {
	.highlights__item.position__img-right {
		flex-direction: row;
	}
	.highlights__item.position__img-left{
		flex-direction: row-reverse;
	}
}

.highlights__item.position__img-bottom{
  display: flex;
  flex-direction: column;
}

.highlights__item-flex{
  flex: 1 1 50%;
}

.highlights__item.highlights__item--bg {
  background-color: var(--brand-blue);
}

.highlights__item.highlights__item--bg .subtitle,
.highlights__item.highlights__item--bg .big-text {
  color: var(--white);
}

.tariffs__save p {
  margin: 0;
}

.mainscreen__buttons {
  justify-content: center;
}

.block--blue {
  color: var(--white);
  font-size: clamp(var(--text-big-mobile), 2vw, var(--text-big-desktop));
  line-height: var(--text-big-lh);
}

/* EDIT_MODE */
.wrapper__edit_mode .mainscreen__body>*,
.wrapper__edit_mode .mainscreen__text {
  margin-left: auto;
  margin-right: auto;
}

.wrapper__edit_mode .mainscreen__body {
  display: block;
}

.wrapper__edit_mode .menu__item--fullwidth,
.wrapper__edit_mode .menu__item--fullwidth .menu__dropmenu {
  position: static;
}

.mobile-menu__wrapper.loadings {
  display: none;
}

/*jumbotron*/

.jumbotron--white-bg-long, .jumbotron--white-bg-medium{
  justify-content: start;
  align-items: flex-start;
  background: none;
  background-color: var(--white);
  gap: 0;
  padding: 0;
}

.jumbotron--white-bg-medium .jumbotron__text-size{
  font-size: 1rem;
}

.jumbotron--white-bg-long.grey, .jumbotron--white-bg-medium.grey{
  background-color: #f5f7fc;
}

.jumbotron--white-bg-long .jumbotron__heading, .jumbotron--white-bg-medium .jumbotron__heading, .jumbotron--white-bg-medium.grey h3{
  color: #333338;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 1rem !important;
}


.jumbotron--white-bg-long .jumbotron__text, .jumbotron--white-bg-medium .jumbotron__text{
  color: #555558;
}

.jumbotron--white-bg-long .jumbotron__info{
  flex: 1 1 50%;
  padding: 3rem;
}
.jumbotron--white-bg-long .jumbotron__image{
 flex: 1 1 50%;
}

.jumbotron--white-bg-medium .jumbotron__info{
  flex: 1 1 50%;
  padding: 3rem;
}

.jumbotron--white-bg-medium .jumbotron__image{
  flex: 1 1 50%;
}



.jumbotron--white-bg-medium.grey .jumbotron__info{
  flex: 1 1 50%;
  padding: 3rem;
}

.jumbotron--white-bg-medium.grey .jumbotron__image{
  flex: 1 1 50%;
  padding: 0;
}


.max-width-title .block__subtitle{
 max-width: 630px;
 margin: 0 auto;
}

.jumbotrons_title_finance{
  font-weight: 600;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  color: #333338;
}

.jumbotron_blocked .jumbotron__text {
  max-width: 768px;
}

.after_jumbotron-title{
font-weight: 600;
font-size: 28px;
line-height: 38px;
letter-spacing: 0%;
text-align: center;
}

.after_jumbotron-text{
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0%;
text-align: center;
max-width: 650px;
margin-left: auto;
margin-right: auto;
color: #555558;
}

.after_jumbotron-image img{
  max-width: 100%;
  max-height: 100%;
}

.after_jumbotron-text_long{
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  color: #555558;
}
  
.finance_banners-page .highlights__info{
  padding: 3rem !important;
}

.finance_banners-page .highlights.highlights--small .highlights__caption{
  color: #333338 !important;
  font-size: 1.5rem !important;
}

.finance_banners-page .highlights.highlights--small .highlights__text{
  font-size: 1rem !important;
  color: #555558 !important;
}

.finance_banners-page .highlights.highlights--small .highlights__info{
  text-align: left !important;
}

.grey-banners .highlights__info{
  padding: 3rem !important;
}

.grey-banners .highlights.highlights--small .highlights__caption{
  color: #333338 !important;
  font-size: 1.5rem !important;
}

.grey-banners .highlights.highlights--small .highlights__text{
  font-size: 1rem !important;
  color: #555558 !important;
}

.grey-banners .highlights.highlights--small .highlights__info{
  text-align: left !important;
}

.after_jumbotron-button{
text-align: center;
}

.block.grey-banners{
  border-radius: 0;
}


.jumbotron--aspro-bg{
  background-image: url(/images/jumbotron-aspro-bg.jpg) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0;
  align-items: unset;
}



.jumbotron--new-bg-light-mobile-app{
  background-image: url(/images/jumbotron-blue-bg.png) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0;
  justify-content: start;
  align-items: normal !important;
  gap: 0;
}


.jumbotron--new-bg-light-mobile-app .jumbotron__space-between{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}

/* .jumbotron--new-bg-light-mobile-app .jumbotron__info .jumbotron__btn{
  margin-top: 8.375rem;
} */

.jumbotron--new-bg-light-mobile-app .btn--light-aqua{
  background-color: rgba(255, 255, 255, 0.12);
  border-color: transparent;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  font-weight: unset;
  gap: 0.5rem;
}


.jumbotron--new-bg-light-mobile-app .jumbotron__info{
  flex: 1 1 50%;
  padding: 3rem;
}

.jumbotron--new-bg-light-mobile-app .jumbotron__image{
  flex: 1 1 50%;
  align-items: end;
}
.jumbotron--new-bg-light-mobile-app .jumbotron__image img{
  object-fit: contain;
}

.jumbotron.jumbotron--pic-out {
  justify-content: space-between;
  align-items: flex-start;
  background: none;
  background-color: var(--deep-blue);
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(2rem, 7vw, 6.75rem) clamp(1rem, 4vw, 3.5rem) clamp(2rem, 5vw, 4.5rem) clamp(1rem, 5vw, 5.625rem);
  margin-top: 0;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.jumbotron.jumbotron--blue-bg{
  justify-content: space-between;
  align-items: flex-start;
  background: none;
  background-color:#2B2B69;
  gap: clamp(2rem, 5vw, 5rem);
  padding: 48px;
} 
.jumbotron.jumbotron--blue-bg .jumbotron__heading {
  font-size: 24px;
}

.jumbotron.jumbotron--try{
  padding: 0;
  display: flex;
  justify-content: start;
  align-items: normal;
  /* align-items: end; */
  gap: 0;
}

.jumbotron.jumbotron--try .jumbotron__info{
  flex: 1 1 50%;
  padding: 3rem;
}

.jumbotron.jumbotron--try .jumbotron__image{
  flex: 1 1 50%;
}

/* .jumbotron.jumbotron--try .jumbotron__info .jumbotron__btn {

  margin-top: clamp(3rem, 6vw, 4rem);
} */

@media screen and (min-width: 992px) and (max-width: 1200px){
 
  .jumbotron.jumbotron--try .jumbotron__info, .jumbotron--new-bg-light-mobile-app .jumbotron__info{
    flex: 1 1 40%;
    padding: 2.5rem 0 2.5rem 2.5rem;
  }
  
  .jumbotron.jumbotron--try .jumbotron__image, .jumbotron--new-bg-light-mobile-app .jumbotron__image{
    flex: 1 1 60%;
    align-items: end;
  }

  .jumbotron.jumbotron--try .jumbotron__info .jumbotron__btn{
    margin-top: clamp(1rem, 3vw, 2rem);
  }

} 
@media screen and (max-width: 991px){
  .jumbotron--new-bg-light-mobile-app .jumbotron__info .jumbotron__btn{
    margin-top: 2rem;
  }
  .jumbotron.jumbotron--try .jumbotron__info .jumbotron__btn {
    /* TODO */
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }
  .jumbotron.jumbotron--try .jumbotron__info{
    padding: 40px 24px 40px 24px;
  }
  .jumbotron--new-bg-light-mobile-app{
    gap: 0;
  }
}

@media screen and (max-width: 768px) {
  .jumbotron--new-bg-light-mobile-app .jumbotron__info .jumbotron__btn{
    margin-top: 1.5rem;
  }

  .jumbotron--new-bg-light-mobile-app .jumbotron__info{
    padding: 2rem 1.5rem 2rem 1.5rem;
  }

  .jumbotron.jumbotron--blue-bg{
    padding: 48px 24px;
  }

  .jumbotron.jumbotron--try .jumbotron__info {
    padding: 2rem 2rem 2rem 2rem;
  }

  .jumbotron.jumbotron--try .jumbotron__info .jumbotron__btn.btn--lead {
    padding:0.6875rem 3.3125rem;
  }

  .jumbotron__heading{
    font-size: 24px;
    line-height: 34px;
  }

}

@media screen and (max-width: 375px) {
  .jumbotron.jumbotron--try .jumbotron__info {
    padding: 2rem 1.5rem 2rem 1.5rem;
  }
}

.jumbotron.jumbotron--white-bg{
  justify-content: space-between;
  align-items: flex-start;
  background: none;
  background-color:var(--white);
  gap: clamp(2rem, 5vw, 5rem);
  padding: 48px;
} 
.jumbotron.jumbotron--white-bg .jumbotron__heading {
  font-size: 24px;
  color: #333338;
}
.jumbotron.jumbotron--white-bg .jumbotron__text{
  color: #55555A;
}

@media screen and (max-width: 768px) {
  .jumbotron.jumbotron--white-bg{
    padding: 48px 24px;
  }
}

.jumbotron.jumbotron--light-bg{
  justify-content: space-between;
  align-items: flex-start;
  background: none;
  background-color: #F5F7FC;
  gap: clamp(2rem, 5vw, 5rem);
  padding: 48px;
} 
.jumbotron.jumbotron--light-bg .jumbotron__heading {
  font-size: 24px;
  color: #333338;
}
.jumbotron.jumbotron--light-bg .jumbotron__text{
  color: #555558;
}

@media screen and (max-width: 768px) {
  .jumbotron.jumbotron--light-bg{
    padding: 48px 24px;
  }
}

.jumbotron--pic-out .jumbotron__heading,
.jumbotron__heading.h3 {
  color: var(--white);
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: clamp(var(--h3-size-mobile), 3vw, var(--h3-size-desktop));
  line-height: var(--h3-lh);
}
.jumbotron.jumbotron--new-bg-low-three .jumbotron__heading,.jumbotron.jumbotron--new-bg-low-three .pick-out__subtitle{
	font-size: 24px !important;
}
/**/

/*TEASERS STYLES*/
.row-main.row-margin-bottom {
  margin-bottom: clamp(2rem, 5vw, 4rem);
}

.row-main.row-margin-top-negative {
  margin-top: 0;
}

.values .values__item {
  position: relative;
}

.values__item.item-link:hover .values__text {
  color: var(--brand-blue);
}

/**/

/* custom width modifiers */
.w-100 {
  width: 100%;
}

/*title style bg blue*/
.block--blue .h2,
.block--blue .h3,
.block--blue .h4,
.block--blue .h5 {
  color: var(--white);
}

/*Additional styles title*/
.block__heading.mb-10,
.block__subtitle.mb-10 {
  margin-bottom: clamp(var(--g10-mobile), 4vw, var(--g10-desktop));
}

/**/

/*qr template*/
.qr__item {
  position: relative;
}

.block__icon.block__icon--left {
  margin: 0 0 clamp(1.5rem, 4vw, 2.5rem);
}

@media (any-hover: hover) {
  .qr__item:hover .link.link-hover {
    color: var(--brand-blue);
  }

  .qr__item:hover .link-hover svg {
    transform: translateX(4px);
  }

  .qr__item:hover .link-hover svg * {
    stroke: var(--brand-blue);
  }
}

/**/

/*accounts template*/
.block__text.block__text--left,
.big-text.block__text--left {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

/**/

/*decor_animated_tracks_list template*/
.block__hr {
  margin: clamp(5rem, 13vw, 9rem) 0 clamp(5rem, 13vw, 9rem) 0;
}

.block__hr {
  border-bottom: 1px solid var(--divider-color);
}

.block__hr.block__hr--blue {
  border-bottom: 1px solid var(--divider-on-blue);
}

/**/

/*integration_cards_list template*/
@media (any-hover: hover) {
  .integration-cards__card.item-link:hover .integration-cards__subheading {
    color: var(--brand-blue);
  }
}

@media (any-hover: hover) {
  .integration-cards__card.item-link:hover .integration-cards__subheading {
    color: var(--brand-blue);
  }

  .integration-cards__card.item-link:hover .integration-cards__arrow svg {
    opacity: 1;
  }

  .integration-cards__card.item-link:hover .integration-cards__arrow svg * {
    stroke: var(--brand-blue);
  }
}

/***/

/*teasers_list_4*/
.caption--h2 {
  font-size: clamp(var(--h2-blog-mobile), 2vw, var(--h2-blog-desktop));
  line-height: var(--h2-blog-lh);
}

.caption--h3 {
  font-size: clamp(var(--h3-blog-mobile), 2vw, var(--h3-blog-desktop));
  line-height: var(--h3-blog-lh);
}

.caption--h4 {
  font-size: clamp(var(--h4-blog-mobile), 2vw, var(--h4-blog-desktop));
  line-height: var(--h4-blog-lh);
}

.caption--h5 {
  font-size: clamp(var(--h5-blog-mobile), 2vw, var(--h5-blog-desktop));
  line-height: var(--h5-blog-lh);
}

.values__icon.values__icon--white {
  background-color: var(--white);
  border-radius: 20px;
  display: flex;
  height: 48px;
  margin-bottom: 40px;
  padding: 12px;
  width: 48px;
}

.values--dark .values__text a {
  color: var(--brand-blue);
}

.values.values--2-cols {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 576px) {
  .values.values--2-cols {
    grid-template-columns: 1fr;
  }
}

/*teasers_list*/
.values.no-offsets {
  margin-top: 0;
  margin-bottom: 0;
}

.values.values--4-cols {
  grid-template-columns: repeat(4, 1fr);
}

.values.values--5-cols {
  grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1140px) {
  .values.values--4-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1140px) {
  .values.values--5-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .values.values--5-cols {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .values.values--4-cols {
    grid-auto-flow: column;
    overflow-x: auto;
    margin: 0 calc(-1 * 1rem);
    padding: 0 1rem;
  }
  .values.values--4-cols .values__item__teasers-all-pd{
    width: 280px;
  }
  
}



.integrations__item {
  position: relative;
}

.scroll-animation-block__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
/* @media screen and (max-width: 993px){
  .scroll-animation-block__buttons{
   justify-content: center;
  }
} */


/*guides_list*/
.tracks__grid.blue-bg .subheading,
.tracks__grid.blue-bg .medium-text {
  color: var(--heading-color);
}

.tracks__grid.blue-bg .caption {
  color: var(--arrow-color);
}

.block--light .grid-item {
  background-color: var(--white);
}

.block--gradient-color .grid-item {
  background-color: var(--divider-color);
}

.block--light .grid-item__number {
  background-color: var(--special-grey);
  color: var(--arrow-color);
}

.tracks__grid--3 {
  grid-template-columns: repeat(3, 1fr);
}

.tracks__grid--4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (any-hover: hover) {
  .grid-item.grid-item--link:hover .grid-item__subheading {
    color: var(--brand-blue);
  }
}

@media (max-width: 993px) {
  .tracks__grid--3 {
    grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
  }

  .tracks__grid--4 {
    grid-template-columns: repeat(auto-fill, minmax(33.333%, 1fr));
  }
}

/* @media (max-width: 768px) {
  .tracks__grid--3 {
    grid-template-columns: 1fr;
  }
} */

@media (max-width: 576px) {
  .tracks__grid--3 {
    grid-template-columns: 1fr;
  }

  .tracks__grid--4 {
    grid-template-columns: 1fr;
  }
}

/**/

/**/

/**/
.try.try--no-padding-bottom {
  padding-bottom: 0;
}

.text-centered {
  text-align: center;
}

.text-left {
  text-align: left;
}

.block.block--gradient-color {
  background: radial-gradient(129.82% 108.41% at -3.72% 60.92%,
      #f5e4ea 0%,
      #f4f5f9 33.54%,
      #f4f5f9 61.83%,
      #e2e7f7 82.6%,
      #dee4f7 100%);
}

/**/

/* BTN */
/* .btn.btn--white {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--deep-blue);
}

@media (any-hover: hover) {
  .btn.btn--white:hover {
    color: var(--white);
    background-color: var(--brand-blue-hover);
    border-color: var(--brand-blue);
  }
} */

.btn,
.content a.btn,
.big-text a.btn {
  text-decoration: none;
}

.big-text a.btn:hover {
  color: var(--white);
}

/* JUMBOTRON */
/* .jumbotron.jumbotron--new-bg {
  padding: clamp(1rem, 6vw, 2.3125rem) clamp(1rem, 6vw, 5.75rem) clamp(1rem, 6vw, 2.3125rem) clamp(1rem, 6vw, 4rem);
} */

.jumbotron.jumbotron--new-bg-low {
  background: url("/local/templates/asprocloud_v2/css/../images/tryitout_bg.jpg") center/cover no-repeat,
    var(--deep-blue);
  padding: 32px;
  align-items: start;
  border-radius: 12px;
}

.jumbotron.jumbotron--new-bg-low .jumbotron__heading{
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.jumbotron.jumbotron--new-bg-low .jumbotron__text{
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-top: var(--g2);
}

@media screen and (max-width: 991px) {
  .jumbotron.jumbotron--new-bg-low .jumbotron__button{
    display: flex;
    align-self: center;
  }
}

.jumbotron.jumbotron--new-bg-low-three {
  background: url("/local/templates/asprocloud_v2/css/../images/jumbo_bg_3.jpg") center/cover no-repeat, var(--deep-blue);
	align-items: self-start !important;
	padding: 2.5rem 3rem;
}

.jumbotron--new-bg-low-three .jumbotron__heading{
  color: var(--white);
}

.jumbotron.jumbotron--new-bg-low-three .pick-out__subtitle{
	font-size: 24px !important;
}

.jumbotron.jumbotron--new-bg-low-three.half-text .jumbotron__text{
  width: 80%
}

@media screen and (max-width: 991px){
  .jumbotron.jumbotron--new-bg-low-three.half-text .jumbotron__text{
    width: 100%;
  }
}

.tarifs__price--toggle.unactive {
  display: none;
}

.tariffs__toggle-block.hidden {
  display: none;
}

.block__row--extend-secondary {
  gap: clamp(1.5rem, 5vw, 3.315rem);
}

.block__row--extend-secondary .block__col:first-of-type {
  flex: 1 1 20%;
}

.block__row--extend-secondary .block__col:last-of-type {
  flex: 1 1 53%;
}

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

  .jumbotron.jumbotron--new-bg-low-three {
  text-align: center;
	align-items: center !important;
	padding: clamp(3rem, 4vw, 3.5rem) clamp(1rem, 6vw, 4rem) !important;
  max-height: 100%;
    }

}

.flexbox {
  display: flex;
  flex-direction: column;
}

.flexbox--row {
  flex-direction: row;
}

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

.mainscreen__solution {
  width: 100%;
}

@media screen and (min-width: 600px) {
  .footer__box--pull-right {
    display: flex;
    justify-content: flex-end;
  }
}

.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 0 !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

@media screen and (max-width: 767px) {
  .grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}


.article__navigation {
  display: flex;
  justify-content: space-between;
}

.article__navigation-item-left {
  display: flex;
  flex-direction: column;
  width: 400px;
  margin-right: auto;
  max-width: calc(50% - 10px);
}

.article__navigation-item-right {
  display: flex;
  flex-direction: column;
  width: 400px;
  margin-left: auto;
  max-width: calc(50% - 10px);
}

.article__navigation-item-upertext-left {
  display: flex;
  justify-content: start;
}

.article__navigation-item-upertext-right {
  display: flex;
  justify-content: end;
}

.article__navigation-text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4);
}

.positiion_text-left {
  text-align: left;
}

.positiion_text-right {
  text-align: right;
}

.left_arrow_icon {
  max-width: 16px;
  max-height: 10px;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 12px;
}

.right_arrow_icon {
  max-width: 16px;
  max-height: 10px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 12px;
}

.article__navigation-item-name-left {
  width: 100%;
  display: flex;
  font-size: 14px;
  /* padding-left: 26px; */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  color: #333338;
  margin-top: 4px;
  justify-content: start;
  text-align: left;
}

.article__navigation-item-name-right {
  width: 100%;
  display: flex;
  font-size: 14px;
  /* padding-right: 26px; */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  color: #333338;
  margin-top: 4px;
  justify-content: end;
  text-align: right;
}

@media screen and (max-width: 559px) {
  .article__navigation-item-left {
    max-width: 100%;
    margin-right: 0;
  }

  .article__navigation-item-right {
    max-width: 100%;
    margin-left: 0;
  }

  .article__navigation-item-name-left {
    display: none;
  }

  .article__navigation-item-name-right {
    display: none;
  }

  .article__navigation-item-upertext-left {
    max-width: min-content;
  }

  .article__navigation-item-upertext-right {
    max-width: min-content;
    margin-left: auto;
  }

  .left_arrow_icon {
    margin-top: 7px;
  }

  .right_arrow_icon {
    margin-top: 7px;
  }
}

/*subscribe form*/

.subscribe-form__wrapper {
  display: flex;
  align-items: flex-start;
}

.subscribe-form {
  align-items: center;
}

@media (max-width: 993px) {
  .subscribe-form__wrapper {
    flex-direction: column;
  }
}

/**/
@media (max-width: 993px) {
  .submenu__wrap {
    flex-wrap: nowrap;
  }
}

.table-requisites {
  margin: 0 auto;
  max-width: 864px;
}

/*mobile width link header, footer and submenu*/

@media (max-width: 993px) {
  .dropdown__item a {
    width: 100%;
  }

  .mobile-menu__item[data-menu="5"] a {
    width: 100%;
  }

  .inner-mobile-menu__sublink {
    width: 100%;
  }

  .footer__link {
    width: 100%;
  }
}

/* hide visible scroll submenu */

@media (max-width: 993px) {
  .submenu__dropmenu {
    /*FireFox*/
    scrollbar-width: none;
    /*IE10+*/
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .submenu__dropmenu::-webkit-scrollbar {
    /*Chrome, Safari, Edge*/
    display: none;
  }
}

.row-center {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hero-img {
  position: absolute;
  left: 0;
  top: 535px;
  right: 0;
  padding: 0 25px;
}

.hero-img img {
  width: 100%;
  max-width: 1308px;
}

.hero-img-mt {
  margin-top: 30%;
}

@media screen and (max-width: 993px) {
  .hero-img {
    position: relative;
    top: 0;
    margin-top: 60px;
    padding: 0 0;
  }

  .hero-img-mt {
    margin-top: 0;
  }
}


.jumbotron-image__bottom{
  padding: 0;
  gap: 0px; 
  align-items: normal;
}

.jumbotron__image-bottom{
  flex: 1 1 50%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.jumbotron__image-bottom img{
  max-width: 100%;
}

.jumbotron__text-pd{
  padding: 56px 24px 56px 64px;
  margin: auto;
  flex: 1 1 50%;
}

@media screen and (max-width: 991px){
  .jumbotron__text-pd{
    padding: 56px 64px;
  }
  .jumbotron__image-bottom{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 1180px){
  .jumbotron__text-pd{
    padding: 40px 0px 40px 40px;
  }
}

@media screen and (max-width: 991px){
  .jumbotron__text-pd{
    padding: 40px 24px 40px 24px;
  }
}

.icons-list__item-overlay:hover{
  box-shadow: 0px 4px 28px 0px rgba(49, 56, 79, 0.12);
  transition: .5s;
}

.row-main__icon__item {
  display: flex;
  gap: 32px;
  text-align: left;
  padding-right: 1.5rem;
}

.item-how__cards{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  /* padding: 2rem; */
  /* padding-top: 78.09%; */
  /* display: flex;
  flex-direction: column; */
}


.image-how__cards{
  position: relative;
  overflow: hidden;
  height: 309px;
  border-radius: 16px;
  height: 420px;
  display: flex;
  flex-direction: column-reverse;
  background: #000;
}

.image-how__cards img{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.text-how__cards{
  position: relative;
  z-index: 2;
  padding: 0px 32px 32px 32px;
  color: #FFFFFF;
  font-size: 18px;
}

.number-how__cards{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background-color: var(--link-transparent-bg);
  margin: 32px 0px 0px 32px;
  color: #fff;
}
/* TODO:  */
/* .mb-10{
  margin-top:clamp(var(--g10-mobile),4vw,var(--g10-desktop));
} */


/* End */


/* Start:/local/templates/asprocloud_v2/themes/CUSTOM_s1/colors.min.css?177035247332377*/
.dark-color:hover,a.colored,.colored{color:#3761e9;}a{color:#3761e9;}a.colored:hover,.colored:hover{color:#333;}a:active{color:#143cba;}.overlay_form .dot{background:#3761e9;}a.grey{color:#818181;}a.grey:hover{color:#3761e9;}.dark_link:hover{color:#3761e9;}.btn-inline{color:#3761e9;}.btn-inline.black:hover{color:#3761e9;}.btn-inline.rounded:hover i{background:#3761e9;}.change_block .change_params:hover{background:#3761e9;}body .fa.big-icon{background:#3761e9;}body .fa.big-icon.grey{color:#3761e9;background:#efefef;}.icon-text{color:#fff;background:#3761e9;}.icon-text .fa{color:#fff;}.icon-text.grey{color:#333;background:#efefef;}.icon-text.grey .fa{color:#3761e9;}.rss:hover svg path{fill:#3761e9;}a.scroll-to-top.ROUND_COLOR,a.scroll-to-top.RECT_COLOR{background-color:#3761e9;}a.scroll-to-top.ROUND_COLOR:hover,a.scroll-to-top.RECT_COLOR:hover{background-color:#5c7eed;}.underline{border-bottom:2px solid #3761e9;}blockquote::before{background-color:#3761e9;}blockquote.info:before{background-color:#3761e9;}.review .it:before{color:#3761e9;}.styled-block{border-left-color:#3761e9;}.list.icons .fa{color:#3761e9;}table.table th{background-color:#3761e9;}hr.colored_line{border-color:#3761e9;}.logo .logo_svg{fill:#3761e9;}.marker svg .cls-marker2{fill:#3761e9;}.cluster_custom svg .cls-cluster2{fill:#3761e9;}.btn.btn-default{background-color:#3761e9;border-color:#3761e9;color:#ffffff;}.btn.btn-default:hover,.btn.btn-default:active,.btn.btn-default:focus{background-color:#5377ec;border-color:#5377ec;}.btn.btn-default.white{color:#3761e9;border:1px solid #fff;background:#ffffff;}.btn.btn-default.white:hover,.btn-default.white:active,.btn-default.white:focus{color:#ffffff !important;border-color:#5377ec;background:#5377ec;}.btn.btn-default.white.white-bg:hover,.btn-default.white.white-bg:active,.btn-default.white.white-bg:focus{color:#3761e9 !important;border-color:#3761e9;background:#fff;}.btn.btn-primary{background-color:#00b290;border-color:#00b290;}.btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus{background-color:#30c4a8;border-color:#30c4a8;}.btn.btn-success{background-color:#84bc29;border-color:#84bc29;}.btn.btn-success:hover,.btn.btn-success:active,.btn.btn-success:focus{background-color:#9dca53;border-color:#9dca53;}.btn.btn-info{background-color:#0ca9e3;border-color:#0ca9e3;}.btn.btn-info:hover,.btn.btn-info:active,.btn.btn-info:focus{background-color:#39baec;border-color:#39baec;}.btn.btn-warning{background-color:#f38b04;border-color:#f38b04;}.btn.btn-warning:hover,.btn.btn-warning:active,.btn.btn-warning:focus{background-color:#f8a132;border-color:#f8a132;}.btn.btn-danger{background-color:#dc130d;border-color:#dc130d;}.btn.btn-danger:hover,.btn.btn-danger:active,.btn.btn-danger:focus{background-color:#e63f3a;border-color:#e63f3a;}.btn.btn-transparent{color:#3761e9;border-color:rgba(55,97,233,0.3);}.btn.btn-transparent:hover,.btn.btn-default.btn-transparent:hover{color:#ffffff;background-color:#5377ec;border-color:#5377ec;}.btn.btn-responsive-nav{background-color:#3761e9;}.btn.btn-responsive-nav:hover{color:#3761e9;border:1px solid #3761e9;background-color:#ffffff;padding:4px 7px 2px;}.btn.btn-link{color:#3761e9;border-color:#c1cef8;}.btn.btn-link:hover{color:#5377ec;border-color:transparent;}.btn.btn-link:active{color:#143cba;}.btn.btn-default.wc.vert .fa{background-color:#3761e9;}.btn.btn-default.wc.vert:hover .fa{background-color:#5377ec;}.btn.btn-transparent-border:hover{background-color:#3761e9;border:1px solid #3761e9;}.label.label-default{background:#93a6bc;}.label.label-primary{background:#b8c2cd;}.label.label-success{background:#5cb85c;}.label.label-warning{background:#f0ad4e;}.label.label-danger{background:#d9534f;}.top-block.colored{background:#3761e9;}.top-block .social-icons li a:hover:before{background-color:#3761e9;}.top-block .top-block-item .inline-search-show:hover>span{color:#3761e9;}.logo_and_menu-row .inline-search-show:hover .title{color:#3761e9;}.menu-only.with_icons .mega-menu table td.full_dropdown>.wrap>.dropdown-menu>li .image{background-color:#3761e9;}.mega-menu table td.full_dropdown .dropdown-submenu .dropdown-menu li a:hover{color:#5377ec;}.logo.colored img,header .line-row,#mobileheader .logo.colored img{background-color:#3761e9;}.logo_and_menu-row .personal-link:hover .svg path,.logo_and_menu-row .basket-link:hover .svg path,.logo_and_menu-row .inline-search-show:hover .svg path,.logo_and_menu-row .burger:hover .svg-burger path,.top-block .top-block-item .personal-link:hover .svg path,.top-block .top-block-item .basket-link:hover .svg path,.top-block .top-block-item .inline-search-show:hover .svg path,.top-block .top-block-item .burger:hover .svg-burger path,.top-block .social-icons li a:hover svg path{fill:#3761e9;}.logo-row .top-callback .phone .fa,.logo-row .top-callback .email .fa{background-color:#3761e9;}.logo-row .top-callback .email,.logo-row .top-callback .email a:hover{color:#5377ec;}.display-type .view-button:not(.cur):hover svg path{fill:#3761e9;}.catalog.sections .row_block .item.wicons .image{background-color:#3761e9;}#mobileheader .mobileheader-v2{background:#3761e9;}#mobileheader .burger:hover .svg-burger path{fill:#3761e9;}#mobileheader .burger:hover .svg-close path{fill:#3761e9;}#mobilemenu .contacts a:hover{color:#3761e9;}#mobilemenu .menu>ul>li.counters .count{background:#3761e9;}#mobilemenu .menu.middle a:hover .svg path{fill:#3761e9;}#mobilemenu .expanded>.dropdown .menu_back:hover .svg path{fill:#3761e9;}#mobilemenu .menu ul>li a:hover .arrow .svg path{fill:#3761e9;}#mobilemenu .svg-close:hover path{fill:#3761e9;}#mobilemenu .expanded>.dropdown .menu_back a:hover{color:#3761e9;}.style-switcher .oversite_button:hover{background-color:#3761e9;}.style-switcher .right-block .block-item .item .options .rows .tabs .tab.current a:before{background:#3761e9;}.style-switcher .right-block .block-item .item .options .rows .tabs_content .opener_wrap .opener_tab:hover{background:#3761e9;}.style-switcher .sup-params .title_wrap .block-title{color:#3761e9;border:1px solid rgba(55,97,233,0.3);}.style-switcher .switch:hover{background:#3761e9;}.style-switcher .header .header-inner.reset{border:1px solid #3761e9;color:#3761e9;}.style-switcher .header .header-inner.reset:hover{background-color:#5377ec;border-color:#5377ec;}.style-switcher .header .header-inner svg path{fill:#3761e9;}.style-switcher .header.can_save .save_btn{border:1px solid #3761e9;background:#3761e9;}.style-switcher .header.can_save .save_btn:hover{border-color:#5377ec;background:#5377ec;}.style-switcher .options>a.current:not(.block),.style-switcher .options .link-item.current:not(.block){background:#3761e9;}.style-switcher .options .link-item.current.block{border-color:#3761e9;}.style-switcher .tooltip-link:hover{background:#3761e9;border-color:#3761e9;}.style-switcher .options[data-code="BASE_COLOR"]>div.current>span,.style-switcher .options[data-code="BASE_COLOR"]>div.current>span:hover{border-color:#3761e9;}.style-switcher .options[data-code="BGCOLOR_THEME"]>div.current>span,.style-switcher .options[data-code="BGCOLOR_THEME"]>div.current>span:hover{border-color:#3761e9;}.style-switcher .left-block .section-block.active:before{background:#3761e9;}.style-switcher .block-title .dotted-block{color:#3761e9;}.style-switcher .block-title .dotted-block:hover{background-color:#5377ec;border-color:#5377ec;}.style-switcher .sup-params.opened .title_wrap .block-title{background-color:#3761e9;border-color:#3761e9;}.change_block .left_border_changer,.change_block .top_border_changer,.change_block .right_border_changer,.change_block .bottom_border_changer{border-color:#3761e9;}.change_block .change_params{background:#3761e9;}.change_block .change_params:hover{background:#5377ec;}.change_block .variant_panel .variant.active{border-color:#3761e9;}.change_block .variant_panel{border:2px solid #3761e9;border-top:none;}.change_block .variant_panel.FOOTER_TYPE{border-top:2px solid #3761e9;}.change_block .variant_panel .flex-direction-nav a:hover{background:#3761e9;}.bottom_panel .reset:hover{background:#3761e9;}.bottom_panel .close:hover{background:#3761e9;}.change_block .actions .action_down,.change_block .actions .action_up,.change_block .actions .action_hide{background:#3761e9;}.change_block .actions .action_down:hover,.change_block .actions .action_up:hover,.change_block .actions .action_hide:hover{background:#5377ec;}.change_block .actions .action_down.disabled:hover,.change_block .actions .action_up.disabled:hover{background:#3761e9;}.bottom_panel .components .item .add_block:hover{background:#3761e9;}.bottom_panel .components .item.wtemplates .variant_panel .variant.active{border-color:#3761e9;}.bottom_panel .components .item.wtemplates .variant_panel .flex-direction-nav a:hover{background:#3761e9;}.bottom_panel .components .item.wtemplates .variant_panel .close_panel:hover svg path{fill:#3761e9;}.bottom_panel .components .item.wtemplates .variant_panel .variant .select_variant>span{background:#3761e9;}.bottom_panel .components .item.wtemplates .variant_panel .variant .select_variant:hover>span{background:#5377ec;}.flexslider .flex-direction-nav a:hover{background:#3761e9;}.top-block .search .search-wrapper{background:#3761e9;}.menu-row .search-button-div .fa-close:hover{color:#5377ec;}.search .btn-search{color:#3761e9;}.mega-menu ul.nav li.active,.mega-menu ul.nav li:hover{background-color:#3761e9;}.menu-row.bgcolored:not(.white) .mega-menu table td.active .wrap>a,.menu-row.bgcolored:not(.white) .mega-menu table td:not(.search-item):hover .wrap>a{background:#204fe6;}.mega-menu table td .wrap>a.more-items:hover:before{background-color:#5377ec;}.mega-menu table td.active .wrap>a>span{color:#3761e9;}.topmenu-LIGHT .mega-menu table td.active .wrap>.more-items span:before,.topmenu-LIGHT .mega-menu table td:not(.search-item):hover .wrap>.more-items span:before{background-color:#3761e9;}.mega-menu table td .wrap>a .line-wrapper .line{background-color:#3761e9;}.topmenu-LIGHT .mega-menu table .tail{border-bottom:6px solid #2552e7;}.mega-menu table .dropdown-menu li>a:hover,.mega-menu table .dropdown-submenu:hover>a,.mega-menu table .dropdown-submenu:hover>a:after{color:#3761e9;}.mega-menu table .dropdown-menu li.active>a,.mega-menu table .dropdown-submenu.active>a,.mega-menu table .dropdown-submenu.active>a:after{color:#3761e9;}.marker-nav{background-color:#3761e9;}.mega-menu table td.active .wrap>a{color:#3761e9;}.inline-search-block .close-block:hover .close-icons path{fill:#3761e9;}.mega_fixed_menu .search-button-div:hover .svg-search{background-color:#3761e9;}.mega_fixed_menu .right_block .email a:hover{color:#3761e9;}.mega_fixed_menu .svg.svg-close.arrow:hover{background-color:#3761e9;}.list-type-block.item-views.licenses .item:hover .body-info .zoom:not(:hover){background:#3761e9;}.wrap_basket .remove.all:hover{color:#3761e9;}.wrap_basket .remove.all:hover svg path{fill:#3761e9;}.mega_fixed_menu .mega-menu table .wrap>.dropdown-menu .dropdown-submenu>a>.arrow>i:hover{background-color:#3761e9;}.mega_fixed_menu .svg.svg-close:hover path{fill:#3761e9;}.inline-search-block.bg-colored-block.show{background-color:#3761e9;}.menu-row.bgcolored .wrap_icon:hover{background-color:#3761e9;}.logo_and_menu-row .burger:hover .svg-burger.mask{background-color:#3761e9;}body .basket-link .count{background-color:#3761e9;}body .top-block .top-block-item .basket-link.basket-count .count{background:#3761e9;}.logo_and_menu-row .basket-link:hover .title{color:#3761e9;}.top-block-item .basket-link:hover .title{color:#3761e9;}.top-btn:hover .svg.mask{background-color:#3761e9;}a:hover .svg.mask{background-color:#3761e9;}.menu-row.bgcolored{background:#3761e9;}#headerfixed .menu-block.rows:hover{background-color:#3761e9;}#headerfixed .menu-block .navs ul li.active>a,#headerfixed .menu-block .navs ul li a:hover,#headerfixed .menu-block .navs ul li a:focus{color:#3761e9;}#headerfixed .inline-search-show:hover .svg-search.mask{background-color:#3761e9;}#headerfixed .basket-link.basket-count .count{background:#3761e9;}#mobileheader .basket-link:hover .svg path,#mobileheader .personal-link:hover .svg path,#mobileheader .inline-search-show:hover .svg path,#headerfixed .personal-link:hover .svg path,#headerfixed .basket-link:hover .svg path,#headerfixed .logo-row .burger:hover .svg-burger path,#headerfixed .inline-search-show:hover .svg-search path,.mega_fixed_menu .right_block .basket-link:hover .svg path,.mega_fixed_menu .right_block .personal-link:hover .svg path{fill:#3761e9;}.mega_fixed_menu .right_block .basket-link:hover .title{color:#3761e9;}#headerfixed .search .btn-search:hover .svg-search{background-color:#3761e9;}.search-page .searchinput .btn-search:hover .svg{background-color:#3761e9;}.item-views.services-items .menu li.selected>span:before{background:#3761e9;}.wrap-portfolio-front{background:#3761e9;}.color-controls .item .zoom:hover{background-color:#3761e9;}.item-views.company.front .image .play:after{background:#3761e9;}.item-views.company.front .image .play:hover:after{background:#5377ec;}.item-views.company.front .props .image{background-color:#3761e9;}.search-tags-cloud .tags a:hover{background:#3761e9;border-color:#3761e9;}.contacts.front .title a:hover{color:#3761e9;}.contacts.front .left_block .top_block .title a:hover{color:#3761e9;}.ymaps-b-balloon .property.email .value a:hover{color:#3761e9;}.item-views.sections.type_5_within .items .item .wrap_item:hover .arrow_link{background-color:#3761e9;border-color:#3761e9;}.item-views.sections.type_5_within .items .item .wrap_item:hover .arrow_link:hover{background-color:#5377ec;border-color:#5377ec;}.basket_top .dropdown{border-color:#3761e9;}.basket_top .dropdown:before{border-bottom-color:#3761e9;}.remove:hover svg path{fill:#3761e9;}.basket_order .description:before{background:#3761e9;}.basket.fly .opener .count{background:#3761e9;}.basket.fly.DARK .opener .count{background:#3761e9;}.basket.fly.COLOR .opener{background:#3761e9;border-color:#3761e9;}.basket.fly.COLOR .opener:hover{background:#5377ec;border-color:#5377ec;}header.topmenu-DARK:not(.fixed) .basket_top .count{background:#3761e9;}header.topmenu-COLOR:not(.fixed) .basket_top:hover{background:#5377ec;}.foot .remove>span:hover{color:#3761e9;}.foot .remove>span:hover svg path{fill:#3761e9;}.side_forms .button>span>span:before{background-color:#3761e9;}.fly_forms .button>span:hover svg path{fill:#3761e9;}.basket.fly .opener:hover:before{background-color:#3761e9;}.fly_forms .button>span.disabled svg path{fill:#3761e9;}.ajax_basket.opened .opener:before{background-color:#3761e9;}.basket.fly .opener:hover .svg-basket path{fill:#3761e9;}.fancybox-prev span:hover{background-color:#3761e9;}.fancybox-next span:hover{background-color:#3761e9;}.fancybox-close:hover svg.svg.svg-close path{fill:#3761e9;}.body .page-top .print-link:hover .cls-print{fill:#3761e9;}.breadcrumb a:hover{color:#333;}.breadcrumb a:active{color:#143cba;}.breadcrumb li>a:hover{color:#5377ec;}.pagination li.active+li a,.pagination li.active+li span,.pagination li:hover+li a,.pagination li:focus+li span,.pagination li:focus+li a,.pagination li:hover+li span{border-left-color:#3761e9 !important;}.pagination a:hover .fa{color:#3761e9;}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#3761e9;}.pagination li.prev a:hover i,.pagination li.next a:hover i{background-color:#3761e9;}footer.light .bottom-menu .item .title a:hover,footer.light .bottom-menu .wrap .item .title a:hover,footer.light .info .email a:hover{color:#3761e9;}footer .info .subscribe_button .btn:hover{background-color:#5377ec;border-color:#5377ec;}.side-menu .submenu>li:not(.active)>a:hover{color:#5377ec;}.side-menu>li>a:hover .icons svg path{fill:#5377ec;}.catalog_opener:hover .arrow{background-color:#3761e9;}.detail .tizers .tizer.image_bg .image{background-color:#3761e9;}.ask_a_question:hover .outer{background-color:#3761e9;}.ask_a_question:hover .outer>span{border-color:#3761e9;}.ask_a_question .outer:hover{background-color:#5377ec;}.ask_a_question .outer>span:hover{border-color:#5377ec;}.sidearea .ask_question .button:hover>span{border-color:#3761e9;}.sidearea .ask_question:hover .button{background:#3761e9;}.sidearea .ask_question:hover .button>span{border-color:#3761e9;}.sidearea .ask_question .button:hover{background:#5377ec;}.sidebar .switcher span{background:#3761e9;}.order-block .text:before{background-color:#3761e9;}.order-block .btn.question svg path{fill:#3761e9;}.opener{color:#3761e9;}.opener:before{background-color:#3761e9;}.url-block span:hover{color:#3761e9;}.url-block span:hover:before{background-color:#3761e9;}.share .shares-block:hover .svg-share path{fill:#3761e9;}.detail.news .top-wrapper .print-link:hover path{fill:#3761e9;}.contacts_list .contacts-stores .item .show_on_map>span{color:#3761e9;}.contacts_list .contacts-stores .item .show_on_map>span svg path{fill:#3761e9;}.contacts-stores .item .top-wrap .show_on_map>span{color:#3761e9;}.contacts-stores .item .top-wrap .show_on_map>span svg path{fill:#3761e9;}.auth_wrapp .form-body .forgot:hover{color:#3761e9;}.auth_wrapp .form-wr .prompt label:hover{color:#3761e9;}.uploader:hover{background:#3761e9;border-color:#3761e9;}.form .add_file:hover,.form .add_text:hover{color:#3761e9;}.clsp-1,.clsp-2{fill:#3761e9;fill-rule:evenodd;}.clsp-2{opacity:0.1;}.ymaps-b-balloon .ymaps-b-balloon__close:hover svg path{fill:#3761e9;}.item-views.table.table-type-block .licenses_block .items .item .zoom{background:#3761e9;}.item-views.table.table-type-block .licenses_block .items .item .zoom:hover{background:#5377ec;}.list-type-block.item-views.licenses .item .image .zoom{background:#3761e9;}.list-type-block.item-views.licenses .item .image .zoom:hover{background:#5377ec;}.bx_filter input[type="checkbox"]:checked+label.onoffswitch-label:before,.filter input[type="checkbox"]:checked+label.onoffswitch-label:before,.filter input[type="radio"]:checked+label.onoffswitch-label:before{background:#3761e9;}.catalog .bx_filter_section .bx_filter_block .toggle:hover span{border-color:#5377ec;}.catalog .bx_filter_section .bx_filter_block .pict label:hover,.catalog .bx_filter_section .bx_filter_block .pict label.active{border-color:#3761e9;}.catalog .bx_filter_section .bx_filter_block .bx_filter_param_label:hover .bx_filter_param_btn,.catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.active .bx_filter_param_btn{border-color:#3761e9;}.bx_filter input[type="checkbox"]+label:hover{color:#3761e9;}.jqmClose.top-close:hover svg path{fill:#3761e9;}.contacts.front.type_2 .detail_desc_items .top-close:hover svg path{fill:#3761e9;}.tabs .nav-tabs a:hover,.tabs .nav-tabs a:active,.tabs .nav-tabs a:focus{color:#3761e9;}.bx_soc_comments_div .tabs .nav-tabs li.active a{color:#3761e9;}.bx_soc_comments_div .tabs .nav-tabs li.active:after{background:#3761e9;}.bx_soc_comments_div .tabs .nav-tabs li.active a span:before{background-color:#3761e9;}.bx-ilike-button:not(.bx-ilike-button-disable):hover .bx-ilike-left-wrap:before{background-color:#3761e9;}.bx-ilike-button:hover{color:#3761e9;}.blog-post-tag a:hover,.blog-comment-meta a:hover,.blog-mainpage-meta a:hover{color:#3761e9 !important;}.nav-tabs>li.active:after{background:#3761e9;}.sections.head-block.top .item-link.active .title span:before{background:#3761e9;}.title-tab-heading:hover .arrow_open,.accordion-head:hover .arrow_open,.item:hover .arrow_open.link{background:#3761e9;border:1px solid #3761e9;}.accordion-head .arrow_open:hover,.item .arrow_open.link:hover{background:#5377ec;border:1px solid #5377ec;}.item.opened .accordion-head:before{background:#3761e9;}.item-views.vacancy_list.type_2 .items .item:hover .top-info .arrow_link{background-color:#3761e9;border-color:#3761e9;}.item-views.vacancy_list.type_2 .items .item .top-info .arrow_link:hover{background-color:#5377ec;border-color:#5377ec;}.item-views.tarifs .flexslider .item:hover .buy_block .btn>span,.item-views.tarifs .flexslider .item:hover .order .btn>span{border-color:#3761e9;}.item-views.tarifs .flexslider .item:hover .buy_block .btn:hover>span,.item-views.tarifs .flexslider .item:hover .order .btn:hover>span{border-color:#5377ec;}.item-views.tarifs .flexslider .item:hover .buy_block .btn,.item-views.tarifs .flexslider .item:hover .order .btn{background-color:#3761e9;}.item-views.tarifs .flexslider .item:hover .buy_block .btn:hover,.item-views.tarifs .flexslider .item:hover .order .btn:hover{background-color:#5377ec;}.item-views.tarifs.wicons .item.wbg .image>.wrap{background-color:#3761e9;}.item-views.tarifs.type_4 .item:hover .btn{background:#3761e9;border-color:#3761e9;}.item-views.tarifs.type_4 .item:hover .btn:hover{background:#5377ec;border-color:#5377ec;}.item-views.tarifs.type_4 .item .buy_block .btn.in_cart>span>span svg path{fill:#3761e9;}.item-views.tarifs.type_6 .flexslider .item .buy_block .btn,.item-views.tarifs.type_6 .flexslider .item .order .btn{border:1px solid #c1cef8;color:#3761e9;}.item-views.tarifs.type_6 .flexslider .item:hover .buy_block .btn,.item-views.tarifs.type_6 .flexslider .item:hover .order .btn{border-color:#3761e9;}.item-views.tarifs.type_6 .flexslider .item:hover .buy_block .btn:hover,.item-views.tarifs.type_6 .flexslider .item:hover .order .btn:hover{border-color:#5377ec;}.item-views.tarifs.type_6 .item .buy_block .btn.in_cart>span svg path{fill:#3761e9;}.item-views.tarifs.type_8 .item .prices .all_price li:hover .price_title:before,.item-views.tarifs.type_8 .item .prices .all_price li.active .price_title:before{border-color:#3761e9;background:#3761e9;}.item-views.tarifs.type_8 .item .buy_block .btn{border:1px solid #c1cef8;color:#3761e9;}.item-views.tarifs.type_8 .item:hover .buy_block .btn{border-color:#3761e9;}.item-views.tarifs.type_8 .item:hover .buy_block .btn:hover{border-color:#5377ec;}.item-views.tarifs.type_8 .item .buy_block .btn.in_cart svg path{fill:#3761e9;}.catalog.detail .active .title-tab-heading,.catalog.detail .title-tab-heading:focus,.catalog.detail .title-tab-heading:active,.catalog.detail .title-tab-heading:hover{color:#3761e9;}.detail .galery .item span.zoom:hover{background-color:#3761e9;}.detail .galerys-block .big-gallery-block .item .zoom:hover{background-color:#3761e9;}.catalog.detail .link-block-more>span:hover:before{background-color:#3761e9;}.catalog.detail .galery .item .zoom:hover{background-color:#3761e9;}.catalog.detail .head .link-block-more>span:hover:before{background-color:#3761e9;}.detail .galery #carousel .flex-direction-nav a:hover:before{background-color:#3761e9;}.item-views.sections.type_4_within.type_12_within .items .item .image{background-color:#3761e9;}.tizers.in_content .tizer .image img{background-color:#3761e9;}.catalog.sections.type_4_within .item:hover .arrow_link{background-color:#3761e9;border-color:#3761e9;}.catalog.sections.type_4_within .item:hover .arrow_link:hover{background-color:#5377ec;border-color:#5377ec;}.front_tizers .item.image_bg .image{background-color:#3761e9;}.changer.save_btn:hover{background:#3761e9;}.landings_list .more>span:before{background-color:#3761e9;}.landings_list .more>span{color:#3761e9;}.tabs_ajax .head-block .item-link:not(.active)span:hover{color:#5377ec;}.tabs_ajax .head-block .item-link.active span:after{background:#3761e9;}.head-block .subscribe span:hover{color:#3761e9;}.head-block .subscribe span:hover svg path{fill:#3761e9;}.item-views.news-items.front .subscribe:hover .subscribe_icon path{fill:#3761e9;}.buttons .settings:hover{color:#3761e9;}.buttons .settings:hover svg path{fill:#3761e9;}.close-block.search_type_1:hover svg path{fill:#3761e9;}.inline-search-block.fixed.big.show_center .search .btn-search{background-color:#3761e9;border-color:#3761e9;}.inline-search-block.fixed.big.show_center .search .btn-search:hover{background-color:#5377ec;border-color:#5377ec;}.wrap_basket .basket_empty .button .btn:hover{background-color:#3761e9;}.wrap_basket .basket_empty .button .btn:hover:before{background:#3761e9;}.item-views.news-items:not(.projects) .subscribe:hover:before{background-color:#3761e9;}.item-views.news-items:not(.projects) .subscribe:hover{color:#3761e9;}.show_all:hover{color:#3761e9;}.item-views.front .show_all:hover{color:#3761e9;}.item-views.front .arrows .arrow:hover{background:#3761e9;}.item-views.services-items.type_1 .menu li:not(.selected):hover{color:#3761e9;}.item-views.services-items.type_1 .menu li.selected:before{background:#3761e9;}.item-views.services-items.type_1 .items .item>.wrap .more:hover a{background:#3761e9;border-color:#3761e9;color:#FFF;}.item-views.services-items.type_1 .items .item>.wrap .more:hover a:before{background:#3761e9;}.item-views.services-items.icons .items .item .image img{background-color:#3761e9;}.item-views.staff-items.within.type_2.type_3 .items .item:hover .arrow_link{background-color:#3761e9;border-color:#3761e9;}.item-views.staff-items.within.type_2.type_3 .items .item:hover .arrow_link:hover{background-color:#5377ec;border-color:#5377ec;}.item-views.staff-items.within.type_3 .items .item:hover .arrow_link{background-color:#3761e9;border-color:#3761e9;}.item-views.staff-items.within.type_3 .items .item:hover .arrow_link:hover{background-color:#5377ec;border-color:#5377ec;}@media print{.item-views.services-items.icons .items .item .image img, .item-views.company.front .props .image, .front_tizers .item.image_bg .image{background-color:#3761e9 !important;}}.side_forms .button>span svg path{fill:#3761e9;}.item-views.partners.within.list-type-block .items .item .value a:hover{color:#3761e9;}.item-views.partners.within .item .property .value a:hover{color:#3761e9;}.item-views.documents_list.type_2 .docs-block .item:hover .arrow_link{background-color:#3761e9;border-color:#3761e9;}.item-views.documents_list.type_2 .docs-block .item .arrow_link:hover{background-color:#5377ec;border-color:#5377ec;}.item-views.type_2_within.within.services-items.type_10 .item .image{background:#3761e9;}.item-views.type_2_within.within.services-items.type_3_within.type_11 .item .image{background:#3761e9;}.accordion-head.accordion-open a,.accordion-head:hover a{color:#3761e9;}.flex-control-paging li a:hover:before,.flex-control-paging li a.flex-active:before{box-shadow:none;background:#3761e9 !important;}.detail .gallery-block .small-gallery ul.items li.flex-active-slide,.detail .gallery-block .small-gallery ul.items li:hover{border-color:#3761e9;}.flex-direction-nav a:hover,.flex-direction-nav a:hover::before{color:#5377ec;border-color:#5377ec;}.color-controls .flex-direction-nav a{background:#3761e9;}.color-controls .flex-direction-nav a:hover{background:#5377ec;}span.zoom:hover{background-color:#5377ec;}.switch_gallery:hover{background-color:#3761e9;}.wr_scrollbar .scrollbar .handle{background:#3761e9;}.ask_a_question .inner .text-block:before{background-color:#3761e9;}.page404 .i404{color:#3761e9;}.jqmClose.top-close:hover{color:#5377ec;}.form.contacts .title{border-color:#3761e9;}.form .form-header{border-top-color:#3761e9 !important;}.form-header i{background:#3761e9;}.banners-big.front .flex-direction-nav a:hover{background:#3761e9;}.more_text_ajax:hover:after{background-color:#3761e9;}.more_text_ajax:hover svg path,.ajax_load_btn:hover .more_text_ajax svg path{fill:#3761e9;}.item-views.news-items .item.wti .title:after{background:#3761e9;}.teasers.item-views.front.icons .item a:hover{color:#3761e9 !important;}.front-projects.item-views.table .item .info{border-top-color:#3761e9;}.front-projects.item-views.table .item a:hover .info{background:#324860;}.front-projects.item-views.table .item a:hover .info:before{border-bottom-color:#3761e9;}.item-views .item .title a:hover{color:#3761e9;}.uploader:hover .action{background-color:#5377ec;border-color:#5377ec;}.uploader .action{color:#3761e9;border:1px solid #c1cef8;}.form .input .add_file:hover,.form .input .add_text:hover{color:#3761e9;}.form .input .add_file:hover:before,.form .input .add_text:hover:before{background-color:#3761e9;}p.drop-caps:first-child:first-letter{color:#3761e9;}p.drop-caps.secundary:first-child:first-letter{background-color:#3761e9;}.label-info{background-color:#3761e9;}section.toggle label{color:#3761e9;border-color:#3761e9;}section.toggle.active>label{background-color:#3761e9;border-color:#3761e9;}.progress-bar-primary{background-color:#3761e9;}.slider-container .tp-caption a:not(.btn):hover{color:#5c7eed;}.tp-bullets .bullet.selected,.tp-bullets .bullet:hover{background:#3761e9 !important;}.fa.colored{background:#3761e9;}.docs-block .iblocks:hover .icons-block a,.iblocks .icons-block a:hover{background:#3761e9;}.docs-block .iblocks:hover .text-block .text{color:#3761e9 !important;}.item-views .property.price .fa,.item-views .property.price .price_val{color:#3761e9;}.item-views .item:hover .property .fa{color:#3761e9;}.link-block-more .dark-color:hover:before{background:#3761e9;}.tabs.item-views.table .title,.history.item-views.table .title{color:#3761e9;}.history.item-views .title{color:#3761e9;}.rolldown>span{color:#3761e9;}.rolldown>span svg path{fill:#3761e9;}.detail .galery #slider.flexslider:hover .flex-direction-nav{background:#5377ec;}.detail .galery #carousel .slides li.flex-active-slide{border-color:#3761e9;}.detail .reviews .item .review .icons:before{color:#3761e9;}.detail .galery #carousel .flex-direction-nav a:hover::before{color:#3761e9;}.catalog.group .price .price_val{color:#3761e9;}.buy_block .counter .ctrl:hover svg path,.buy_block .counter .ctrl:hover svg rect{fill:#3761e9;}.select-outer i.fa{color:#3761e9;}.item-views.table.bblock .item .info{border-top-color:#3761e9;}.cls-2000{fill:#3761e9;}.instagram_ajax .show_all:hover svg path{fill:#5377ec;}.reviews.item-views.front .item .image:before{background-color:#3761e9;}.item-views .item .bottom-props>a:hover svg path{fill:#3761e9;}.bx_filter .bx_ui_slider_range,.bx_filter .bx_ui_slider_pricebar_V{background-color:#3761e9;}.bx_filter .bx_ui_slider_track .bx_ui_slider_handle{border-color:#3761e9;}.catalog.bx_filter .bx_filter_parameters_box_title:hover:before{color:#3761e9;}.bx_filter_section .btn.btn-transparent{color:#3761e9;}.bx_filter.catalog .title:hover>.wrap .arrow{background-color:#3761e9;}.catalog.bx_filter .bx_filter_parameters_box_title:hover .arrow{background-color:#3761e9;}.catalog.bx_filter .bx_filter_parameters_box.check_props .bx_filter_parameters_box_title:before{background:#3761e9;}.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:after{background:#3761e9;}.catalog .bx_filter_section .bx_filter_button_box .bx_filter_search_reset:hover{background-color:#3761e9;}.catalog .bx_filter_section .bx_filter_button_box .bx_filter_search_button:hover{background-color:#3761e9;}.side-menu li.child>a .arrow:hover:before{background:#3761e9;}.bx_filter input[type="checkbox"]+label:before,.filter input[type="checkbox"]+label:before,.filter input[type="radio"]+label:before{background:#3761e9;}.bx_filter .filter input[type="radio"]:checked+label:after{border-color:#3761e9;background-color:#3761e9;}.subscribe-edit-main .form input[type=checkbox]+label:hover:after,.subscribe-edit-main .form input[type=checkbox]:checked+label:after,.subscribe-edit-main .form input[type=radio]+label:hover:after,.subscribe-edit-main .form input[type=radio]:checked+label:after{background-color:#3761e9;border-color:#3761e9;}.subscribe-edit-main font.notetext{border-color:#3761e9;}.arrow.toogle:hover{border-color:#5377ec;background:#5377ec;}.arrow_link:hover{border-color:#5377ec;background:#5377ec;}.item-views.type_2_within.within.services-items .item:hover .arrow.toogle{border-color:#3761e9;background:#3761e9;}.item-views.type_2_within.within.services-items .item:hover .arrow.toogle:hover{border-color:#5377ec;background:#5377ec;}.item-views.type_2_within.within.services-items .item:hover .arrow_link{background-color:#3761e9;border-color:#3761e9;}.item-views.type_2_within.within.services-items .item:hover .arrow_link:hover{background-color:#5377ec;border-color:#5377ec;}.item-views.type_2_within.within.services-items .item .toogle>span{color:#3761e9;}.item-views.type_2_within.within.services-items .item .toogle>span:before{background-color:#3761e9;}@media(max-width:767px){.basket_top .icon .count{background:#3761e9 !important;}}.page-top-wrapper.color{background:#3761e9;}.item-views.staff-items.table-type-block:not(.front) .item .title a:hover{color:#3761e9;}.detail.staff .properties .bottom-props.social_props a:hover svg path{fill:#3761e9;}
/* End */
/* /local/templates/asprocloud_v2/css/fonts/inter/css/inter.min.css?1777016140499 */
/* /local/templates/asprocloud_v2/css/form.css?177270611214652 */
/* /bitrix/templates/.default/ajax/ajax.min.css?1671686348420 */
/* /local/templates/asprocloud_v2/components/bitrix/menu/top/style.css?1766148422929 */
/* /local/templates/asprocloud_v2/css/popup.min.css?17538672421002 */
/* /local/templates/asprocloud_v2/vendor/css/popup_onclick/style.css?1772090966782 */
/* /local/templates/asprocloud_v2/vendor/css/popup_onclick/form.css?17726283445496 */
/* /local/templates/asprocloud_v2/components/bitrix/form.result.new/register/style.css?17752202922233 */
/* /local/templates/asprocloud_v2/vendor/css/intl.phone/intlTelInput.min.css?167119569219189 */
/* /local/templates/asprocloud_v2/css/phone/intlTelCustom.min.css?16780882741531 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/decor_slider_list_arrow/style.css?17605202211683 */
/* /local/templates/asprocloud_v2/vendor/css/carousel/swiper/swiper-bundle.min.css?167237667412838 */
/* /local/templates/asprocloud_v2/vendor/css/lightbox/fancybox/fancybox.min.css?167644804215598 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/brands_swiper/style.css?1759124901833 */
/* /local/templates/asprocloud_v2/components/bitrix/news.detail/video/style.css?17694188366347 */
/* /local/templates/asprocloud_v2/components/bitrix/news.list/teasers_3rows_list/style.css?1766119955738 */
/* /local/templates/asprocloud_v2/styles.css?17697723437277 */
/* /local/templates/asprocloud_v2/template_styles.css?1777286358259368 */
/* /local/templates/asprocloud_v2/ui.min.css?1753867064720 */
/* /local/templates/asprocloud_v2/css/custom.css?176613085538066 */
/* /local/templates/asprocloud_v2/themes/CUSTOM_s1/colors.min.css?177035247332377 */