/* Main template styles */
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/InterTight-VariableFont_wght.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Bounded";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/Bounded-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Bounded";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/Bounded-Variable.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Bounded";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/Bounded-Regular.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Bounded";
    font-display: swap;
    src: url("/local/templates/dagroup/assets/font/Bounded-Black.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
.tablebodytext {
    display: none;
}
html {
    scroll-behavior: smooth;
    background: #f3f3f4;
}
body {
    font-family: "Inter", sans-serif;
    background: #f3f3f4;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Bounded", sans-serif;
}
button {
    font-family: "Inter", sans-serif;
    cursor: pointer;
}
.header {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 50;
}
.header.header-fix {
    position: fixed;
}
.header.header-fix .header__panel {
    /*background: #FFFFFF3D;*/
    border-radius: 15px;
    /*backdrop-filter: blur(24px);*/
    /*-webkit-backdrop-filter: blur(24px);*/
    /*padding: 10px;*/
}
.header.header-fix.is-mega-open .header__panel {
    background: transparent;
    backdrop-filter: none;
}
.header::before{
    content:"";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.25);   /* было 0.55 — слишком */
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease;
    z-index: 5;                     /* ниже header__panel */
}
.header.is-mega-open::before{
    opacity: 1;
    pointer-events: auto;
}
/* Важная иерархия слоёв */
.header{ z-index: 50; }
.header__inner{ position: relative; z-index: 20; }  /* выше overlay */
.header__panel{ position: relative; z-index: 20; }
.header__inner{
    max-width: 1648px;
    padding: 0 20px;
    width: 100%;
}
.header__panel{
    position: relative;
    border-radius: 18px;
    overflow: visible;
    isolation: isolate;
    background: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    --panel-h: 76px;
}
.header__panel::before{
    content:"";
    position:absolute;
    left: -20px;
    right: -20px;
    top: -8px;

    height: var(--panel-h); /* высота только шапки в закрытом состоянии */
    /*border-radius: inherit;*/
    border-radius: inherit;

    background: #FFFFFF3D;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    transition:
            height 260ms ease,
            background 220ms ease,
            backdrop-filter 220ms ease,
            -webkit-backdrop-filter 220ms ease,
            box-shadow 220ms ease;

    z-index: 0;
}
.header__panel::after{
    content:"";
    position:absolute;
    left: 0;
    right: 0;
    top: 0;

    height: var(--panel-h);
    border-radius: inherit;

    pointer-events:none;
    opacity: 0.9;
    transition: height 260ms ease, opacity 220ms ease;

    background:
            radial-gradient(160px 160px at 58% 58%, rgba(255,255,255,0.10), transparent 62%),
            radial-gradient(190px 190px at 72% 62%, rgba(255,255,255,0.08), transparent 66%);

    z-index: 0;
}
/*.header.is-mega-open .header__panel{*/
/*    --panel-h: 340px;*/
/*}*/

/* мягкие “пятна” как в фигме */
.header.is-mega-open .header__panel::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius: inherit;
    pointer-events:none;
    background:
            radial-gradient(160px 160px at 58% 58%, rgba(255,255,255,0.10), transparent 62%),
            radial-gradient(190px 190px at 72% 62%, rgba(255,255,255,0.08), transparent 66%);
    opacity: 0.9;
    z-index: 0;
}
.header.is-mega-open .header__panel::before{
    background: #FFFFFF3D;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow:
            0 20px 60px rgba(0,0,0,0.45),
            inset 0 1px 0 rgba(255,255,255,0.08);
}

.header.is-mega-open .header__panel::after{
    opacity: 0.9;
}
.header__nav {
    display: flex;
    align-items: flex-start;
    gap: 35px;
}
.header__li--top, .header__li--box {
    display: flex;
    flex-direction: column;
}
.header__li:hover {
    text-decoration: none;
}
.header__li-text {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 22px;
    line-height: 122%;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: all 0.5s;
}
.header-dark .header__li-text {
    text-shadow: 0px 1px 5px #000000a6;
}
.header__li:hover .header__li-text {
    color: #FF6900;
}
.header__li--top .header__li-text, .header__li--box .header__li-text {
    text-transform: none;
}
.header__li--bot {
    font-weight: 500;
    font-size: 16px;
    line-height: 175%;
    color: #FF6900;
}
.header__li-text svg {
    width: 17px;
    height: 17px;
}
.header__li-text svg .fil0 {
    fill: #ff6900 !important;
}
.header__btns {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header__btn--phone {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-radius: 10px;
    background: #FF6900;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #FFFFFF;
	transition: all 0.5s;
}
.header__btn--phone:hover {
	color: #FF6900;
    background: #FFFFFF;
	text-decoration: none;
}
.header__btn--call {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 29px;
    border: none;
    border-radius: 10px;
    background: #FFFFFF;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
	transition: all 0.5s;
}
.header__btn--call:hover {
	color: #FFFFFF;
    background: #FF6900;
	text-decoration: none;
}
.header__btn--call span {
    position: relative;
    display: block;
    background: #FF6900;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
	transition: all 0.5s;
}
.header__btn--call span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 105, 0, 0.25);
    filter: blur(1px);
	transition: all 0.5s;

    animation: haloPulse 1.4s ease-in-out infinite;
}
.header__btn--call:hover span {
	background: #FFFFFF;
}
.header__btn--call:hover span::after{
	background: #ffffff40;
}
.header__burger {
    display: none;
}
.header__logo,
.header__nav,
.header__btns,
.header__burger{
    /*position: relative;*/
    z-index: 1;
}
.header__item{
    position: static; /* важно! чтобы mega позиционировалась от header__panel */
    display: flex;
}
.header__item::after{
    content:"";
    position:absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 22px;          /* “мостик” от триггера до меню */
    pointer-events: none;  /* включим только когда open */
}
.header.is-mega-open .header__item::after{
    pointer-events: auto;
}
.mega{
    position: absolute;
    left: 22px;
    right: 22px;
    top: calc(100% + 14px);   /* вместо фиксированных 98px — стабильнее */

    padding: 26px 10px 24px;

    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 220ms ease, transform 220ms ease;
    z-index: 21;              /* над плашкой и всем */
}
.header.is-mega-open .mega.is-open{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.mega__grid{
    display: flex;
    gap: 23px;
}
.mega__grid--2{
    display: flex;
    gap: 23px;
}
.mega__col {
    min-width: 311px;
}
.mega__title{
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 18px;
	transition: color 160ms ease, transform 160ms ease;
}
.mega__link{
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    color: rgba(255,255,255,0.85);
    padding: 6px 0;
    text-decoration: none;
    transition: color 160ms ease, transform 160ms ease;
}
.mega__link:hover, a.mega__title:hover{
    color: #FF6900;
    transform: translateX(2px);
}
.header.is-mega-open .js-mega-trigger{
    opacity: 0.95;
}
.header,
.header__inner,
.header__panel{
    overflow: visible;
}
.mega.is-open{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.header__panel{
    isolation: isolate; /* гарантирует, что псевдо/оверлеи не “съедят” контент */
}
.banner {
    margin: 12px;
    width: calc(100% - 24px);
    background: url('/local/templates/dagroup/img/2026-03-13 12.46.45.jpg') no-repeat;
	position: relative;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
}
/* слой с видео */
.banner__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
/* само видео — как background-size: cover */
.banner__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* затемнение/контраст как было на картинке (подстрой значения) */
/*.banner__bg::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  inset: 0;*/
/*  !* можно заменить на градиент, если надо *!*/
/*  background: rgba(0, 0, 0, 0.45);*/
/*}*/
.container {
    max-width: 1648px;
    width: 100%;
    padding: 0px 20px;
}
.banner__inner {
	position: relative;
	/*z-index: 0;*/
    padding-top: 207px;
    padding-bottom: 20px;
}
.banner__title {
    margin-top: 99px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    text-transform: uppercase;
    color: #E5E5E5;
    position: relative;
    z-index: 2;
}
.banner__title span {
    color: #989898;
	font-size: 48px;
}
.banner__title span span {
    text-transform: none;
}
.banner__subtitle {
    color: #C8C8C8;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    position: relative;
    z-index: 2;
}
.banner__bottom {
    margin-top: 94px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.banner__btn {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px 35px;
    border: none;
    border-radius: 15px;
    background: #FFFFFF;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    height: fit-content;
	transition: all 0.5s;
}
.banner__btn span {
    position: relative;
    display: block;
    background: #FF6900;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
	transition: all 0.5s;
}
.banner__btn span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 105, 0, 0.25);
    filter: blur(1px);
	transition: all 0.5s;
    animation: haloPulse 1.4s ease-in-out infinite;
}
.banner__btn:hover {
	background: #FF6900;
	color: #FFFFFF;
}
.banner__btn:hover span {
	background: #FFFFFF;
}
.banner__btn:hover span:after {
	background: #ffffff40;
}
.banner__content {
    display: flex;
    gap: 14px;
}
.banner__card {
    max-width: 307px;
    background: #FFFFFF3D;
    border: 1px solid #FFFFFF3D;
    backdrop-filter: blur(84px);
    border-radius: 15px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.5s;
}
.banner__card:hover {
    text-decoration: none;
}
.banner__card:hover {
    border: 1px solid #FF6900A1;
}
.banner__card--top {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
.banner__card--top:hover {
    text-decoration: none;
}
.banner__card--title {
    font-family: "Bounded", sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    color: #FFFFFF;
    text-decoration: none;
}
.banner__card:last-child .banner__card--title {
    text-transform: uppercase;
}
svg.banner__card--img {
    width: 26px;
    height: 26px;
    transition: all 0.5s;
}
svg.banner__card--img polygon {
    transition: all 0.5s;
}
.banner__card:hover svg.banner__card--img {
    transform: rotate(90deg);
}
.banner__card:hover svg.banner__card--img polygon {
    fill: #FF6900;
}
.banner__card--text {
    font-weight: 400;
    font-size: 18px;
    line-height: 125%;
    color: #FFFFFF;
}
.footer {
    background: #1B1B1B;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer__tabs {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}
.footer__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 40px;
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
    text-transform: uppercase;
    color: #4A4A4A;
    background: #1B1B1B;
    border: 1px solid #404040;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.5s;
}
.footer__tab:hover {
    text-decoration: none;
    background: #FF6900;
    color: #FFFFFF;
    border-color: #404040;
}
.footer__tab.phone-link {
    background: #FF6900;
    color: #FFFFFF;
    border: 1px solid #FF6900;
}
.footer__tab.phone-link:hover {
    color: #4A4A4A;
    background: #1B1B1B;
    border-color: #404040;
}
.footer__inner {
    background: #1B1B1B;
    display: flex;
    justify-content: center;
    width: 100%;
}
.footer__col {
    width: 25%;
    border-right: 1px solid #404040;
}
.footer__col--inner {
    padding: 50px 10px 50px 66px;
}
.footer__col:first-child .footer__col--inner {
    padding-left: 0;
}
.footer__col--doc {
    border: none;
}
.footer__col--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: all 0.5s;
}
.footer__col--title p {
    margin: 0;
}
.footer__col--title span {
    text-transform: none;
}
.footer__col--title-mt {
    margin-top: 29px;
}
a.footer__col--title:hover {
    text-decoration: none;
    color: #FF6900;
}
.footer__col--title img {
    display: none;
}
.footer__col--nav {
    margin-top: 29px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.footer__col--link {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.5s;
}
.footer__col--link p {
    margin: 0;
}
.footer__col--link span {
    text-transform: none;
}
.footer__col--link:hover {
    text-decoration: none;
    color: #FF6900;
}
.footer__col--link svg {
    fill: transparent;
    transition: all 0.5s;
}
.footer__col--link svg path {
    transition: all 0.5s;
}
.footer__col--nav--block.active svg {
    transform: rotate(90deg);
}
.footer__col--nav--block.active svg path {
    stroke: #FF6900;
}
.footer__col--nav--block .dropdown {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s;
}
.footer__col--nav--block .dropdown .footer__col--link {
    font-size: 16px;
    text-transform: none;
}
.footer__col--nav--block.active .dropdown {
    max-height: 300px;
    margin-top: 15px;
}
.aboutSlider{
    padding: 80px 0;
    background: #f3f3f4;
    overflow: hidden; /* оставляем */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.aboutSlick__inner {
    /*max-width: 1710px;*/
    width: 100%;
    padding: 0 20px;
}
.aboutSlider__head{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 auto 35px;
}
.aboutSlider__title h2{
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    color: #000000;
    text-transform: uppercase;
}
.aboutSlider__title h2 span {
    text-transform: none;
}
.aboutSlider__text{
    font-weight: 500;
    font-size: 28px;
    line-height: 125%;
    color: #3C3C3C;
    max-width: 601px;
}
.aboutSlick{
    /*margin: 0 -70px;*/
}
/* ---- ВАЖНО: spacing делаем через slick-slide, а НЕ через margin у карточки ---- */
.aboutSlick .slick-slide{
    display: flex !important;
    /*padding: 0 10px;*/
    box-sizing: border-box;
}
.aboutSlick .slick-list{
    /*margin: 0 -10px; !* компенсируем padding у слайдов *!*/
    /*padding: 0 70px;   !* сколько торчит слева/справа *!*/
    /*box-sizing: border-box; !* ключ *!*/
    overflow: visible;
}
/* track */
.aboutSlick .slick-track{
    display: flex;
}
.aboutSlick .slick-slide > div{
    display: flex;
    width: 100%;
}
/* card (ОСТАВЛЯЕМ ОДИН РАЗ, без дубля) */
.aboutCard{
    width: 100%;
    height: 500px;
    border-radius: 8px;
    background: #4D4D4D;
    color: #fff;
    padding: 25px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    border: 1px solid transparent;

    opacity: .2;
    transition: opacity .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
    margin: 0 10px;
}
.datopslider .aboutCard {
    height: 500px;
}
.aboutCard__top h3{
    font-weight: 400;
    font-size: 26px;
    line-height: 115%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.aboutCard__bottom{
    font-weight: 400;
    font-size: 22px;
    line-height: 125%;
    color: #FFFFFF;
}
/* ---- ЛОГИКА ПРОЗРАЧНОСТИ ---- */
/* УДАЛЕНО: .aboutSlick .slick-active.aboutCard{ opacity: 1; }  (она всё ломала) */
/* видимые */
.aboutSlick .aboutCard.slick-active{
    opacity: 1;
}
/* белая — первая видимая (is-first вешается на тот же div) */
.aboutSlick .aboutCard.is-first{
    background: #fff;
    border-color: #ff7a00;
    opacity: 1;
}
/* текст в белой */
.aboutSlick .aboutCard.is-first .aboutCard__top h3,
.aboutSlick .aboutCard.is-first .aboutCard__bottom{
    color: #000;
}
.aboutSlickWrap {
    position: relative;
    width: 100%;
    max-width: 1710px;
    --feature-width: 320px;
    display: flex;
    justify-content: center;
}
.aboutSlick .aboutCard.slick-slide.is-under-feature {
    opacity: 0.2 !important;
}
.aboutSlick .aboutCard.slick-slide.slick-cloned.is-under-feature {
    opacity: 1 !important;
}
/* фиксированная белая карточка */
.aboutFeature{
    position: absolute;
    top: 0;
    left: 30px; /* 20px внутренний паддинг + 10px slide padding */
    width: var(--feature-width);
    z-index: 4;
    pointer-events: none;
}
/* навигация */
.aboutNav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
    z-index: 5;
}
.aboutNav svg {
    fill: transparent;
}
.aboutNav--prev svg {
    transform: rotate(180deg);
}
.aboutNav--prev svg path {
    stroke: #000000;
}

.aboutNav--prev{ left: -6px; }
.aboutNav--next{
    right: -6px;
    background: #ff7a00;
}
.aboutFeature .aboutCard__top h3 {
    color: #000000;
}
.aboutFeature .aboutCard__bottom {
    color: #000000;
}
.dopBanner {
    height: 476px;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 65px 0;
    position: relative;
    overflow: hidden;
}
.dopBanner__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
    z-index: 1;
}
.dopBanner__img {
    width: 250px;
}
.projectBanner .dopBanner__img {
	opacity: 0;
}
.dopBanner__title {
    font-weight: 400;
    font-size: 44px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}
/*.datopBanner {
    background: url('/local/templates/dagroup/img/datop-bg-banner_result.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.daboxBanner {
    background: url('/local/templates/dagroup/img/dabox-bg-banner_result.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}*/
/* фон-слой */
.dopBanner__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
/* video как background-size: cover */
.dopBanner__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* затемнение/градиент поверх видео (подстрой под макет) */
.dopBanner__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  /* или градиент:
  background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 100%);
  */
}
.daboxBanner .dopBanner__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #3a1d1870;
  /* или градиент:
  background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 100%);
  */
}
.projectBanner {
    background: url('/local/templates/dagroup/img/project-bg-banner_result.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.daBlock {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 100px;
}
.daBlock__inner {
    width: 100%;
    display: flex;
    gap: 12px;
}
.daBlock__left {
    display: block;
    max-width: 417px;
    border: 1px solid #4D4D4D;
    background: #4D4D4D;
    border-radius: 10px;
    padding: 25px;
    transition: all 0.5s;
    max-height: 287px;
}
.daBlock__left--top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}
.daBlock__left--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    color: #F0F0F3;
}
.daBlock__left--top svg {
    transition: all 0.5s;
    width: 26px;
}
.daBlock__left--top svg .fil0 {
    fill: #FFFFFF;
    transition: all 0.5s;
}
.daBlock__left:hover {
    border-color: #FF6900;
    text-decoration: none;
}
.daBlock__left:hover .daBlock__left--top svg {
    transform: rotate(45deg);
}
.daBlock__left:hover .daBlock__left--top svg .fil0 {
    fill: #FF6900;
}
.daBlock__left--text {
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #FFFFFF;
}
.daBlock__content {
    display: flex;
    gap: 11px;
    width: calc(100% - 417px);
}
.daBlock__slider {
    width: 100%;
}
.daBlock__card {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    /*max-width: 235px;*/
}
.daBlock__card:hover {
    text-decoration: none;
}
.daBlock__card--img {
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 35px;
}
.daBlock__card--plus {
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
    padding-right: 15px;
}
.daBlock__card--img .img-main {
    width: 225px;
	aspect-ratio: 1 / 1;
}
.daBlock__card--plus .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 7px;
    background: #FF6900;
}
.daBlock__card--plus .img img {
    transition: all 0.5s;
}
.daBlock__card--title {
    font-weight: 400;
    font-size: 24px;
    line-height: 125%;
    color: #000000 !important;
    transition: all 0.5s;
}
a.daBlock__card:hover .daBlock__card--title {
    color: #FF6900 !important;
}
a.daBlock__card:hover .daBlock__card--plus .img img {
    transform: rotate(45deg);
}
.daBlock__card--title:hover {
    text-decoration: none;
}
.daBlock__slider--arrow {
    position: absolute;
    z-index: 5;
    top: 30%;
    transform: translate(-50%, 0%);
    background: #FF6900;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    box-shadow: 0px 0px 23.69px 0px #00000026;
}
.daBlock__slider--arrow.arrow-left {
    left: 25px;
}
.daBlock__slider--arrow.uk-invisible {
    visibility: visible !important;
    background: #FFFFFF;
}
.daBlock__slider--arrow.uk-invisible svg polyline {
    stroke: #000000 !important;
}
.daBlock__slider--arrow.arrow-right {
    right: -15px;
}
.cta {
    display: flex;
    justify-content: center;
    width: 100%;
}
.cta__inner {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 50px;
}
.cta__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    margin-bottom: 20px;
}
.cta__subtitle {
    font-weight: 500;
    font-size: 28px;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: 45px;
}
.cta__form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
} .cta__form--row {width: 100%;display: flex;gap: 15px;}.cta__form--col {width: 50%;}.cta__form--col input {width: 100%;background: #FFFFFF;padding: 35px 30px;border-radius: 10px;font-weight: 500;font-size: 20px;line-height: 125%;color: #000000;border: none;box-sizing: border-box;}.cta__form input::placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #7E7E7E;
}
.cta__form button {
    padding: 35px 30px;
    width: 100%;
    border: 1px solid #FF6900;
    border-radius: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #FFFFFF;
    background: #FF6900;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    transition: all 0.5s;
}
.cta__form button span {
    position: relative;
    display: block;
    background: #FFFFFF;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
    transition: all 0.5s;
}
.cta__form button span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    filter: blur(1px);

    animation: haloPulse 1.4s ease-in-out infinite;
}
.cta__form button:hover {
    background: #FFFFFF;
    color: #FF6900;
}
.cta__form button:hover span {
    background: #FF6900;
}
.cta__form--checkboxes {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.cta__form--check {
    display: flex;
    align-items: center;
    gap: 18px;
}
.cta__form--check label {
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #FFFFFF;
	cursor: pointer;
}
.cta__form--check label a {
    color: #FFFFFF;
    text-decoration: underline;
}
.cta__form--check input {
	position: relative;
}
.cta__form--check input:before {
	content: "";
	position: absolute;
	top: -9px;
	left: -9px;
	width: 30px;
	height: 30px;
	background: #4D4D4D;
	border-radius: 7px;
	border: 1px solid #F3F3F3
}
.cta__form--check input:checked:after {
	content: "✓";
	position: absolute;
	top: -6px;
	left: -2px;
	font-size: 22px;
	color: #FFFFFF;
}
.contform__inner .cta__form--check input:before {
	background: #F7E0D1;
	border-color: #000000;
}
.contform__inner .cta__form--check input:checked:after {
	color: #000000;
}
.blogMain {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 100px;
}
.blogMain__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 99%;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    margin-bottom: 40px;
    width: fit-content;
    position: relative;
    z-index: 5;
}
.blogMain__title a {
    color: #000000;
    text-decoration: none;
    transition: all 0.5s;
}
.blogMain__title a:hover {
    text-decoration: none;
    color: #FF6900;
}
.blogMain__content {
    margin-top: -80px;
}
.blog .blogMain__content {
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.blogMain__card {
    width: 100%;
    height: 100%;
    display: block;
    background: #4D4D4D;
    border-radius: 10px;
}
.blogMain__card:hover {
    text-decoration: none;
}
.blogMain__card--img {
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 1 / 0.7;
}
.blogMain__card--img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogMain__card--content {
    padding: 25px;
    padding-bottom: 70px;
}
.blogMain__card--top {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px;
}
.blogMain__card--col {
    display: flex;
    align-items: center;
    gap: 15px;
}
.blogMain__card--col p {
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    color: #FFFFFF;
    margin: 0;
}
.blogMain__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #FFFFFF;
}
.blogMain__card--text {
    font-weight: 300;
    font-size: 22px;
    line-height: 125%;
    color: #FFFFFF;
}
.blogMain__slider--nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 35px;
}
.blogMain__slider--arrow {
    background: #FF6900;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.blogMain__slider--arrow.uk-invisible {
    visibility: visible !important;
    background: #FFFFFF;
}
.blogMain__slider--arrow.uk-invisible svg polyline {
    stroke: #000000 !important;
}
.faq {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 100px;
}
.faq.faqDatop {
    padding-top: 0;
    padding-bottom: 100px;
}
.faq__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 99%;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    margin-bottom: 40px;
}
.faq__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
.faq-item {
    background: #FFFFFF;
    padding: 32px 25px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    transition: all 1s;
    cursor: pointer;
    align-items: center;
}
.faq-question {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 125%;
    text-transform: uppercase;
    color: #000000;
    transition: all 1s;
    max-width: 763px;
	width: 100%;
    display: flex;
    align-items: center;
}

.faq-toggle {
    background: #FF6900;
    border-radius: 7px;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}
.faq-toggle-mob {
    display: none;
}
.faq-toggle img {
    transition: all 1s;
}
.faq-answer {
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #FFFFFF;
    max-width: 595px;
    max-height: 0;
    transition: all 1s;
    overflow: hidden;
}
.faq-item.active {
    background: #4D4D4D;
}
.faq-item.active .faq-question {
    color: #FFFFFF;
}
.faq-item.active .faq-toggle {
    background: #252525;
}
.faq-item.active .faq-toggle img {
    transform: rotate(45deg);
}
.faq-item.active .faq-answer {
    max-height: 500px;
}
.contact {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 100px 0;
}
.contact__inner {
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
.contact__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.contact__title {
    margin: 0;
    font-weight: 400;
    font-size: 48px;
    line-height: 125%;
    text-transform: uppercase;
    color: #000000;
}
.contact__row {
    display: flex;
    gap: 20px;
}
.contact__col {
    display: flex;
    flex-direction: column; 
    max-width: 397px;
    min-width: 397px;
    width: 100%;
}
.contact__col--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-transform: uppercase;
    color: #3C3C3C;
    margin-bottom: 15px;
}
.contact__col--link {
    font-family: 'Bounded', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 125%;
    color: #000000;
    margin-top: 0;
    margin-bottom: 30px;
	transition: all 0.5s;
}
a.contact__col--link:hover {
	color: #FF6900;
}
.contact__col--socials {
    display: flex;
    align-items: center;
    gap: 15px;
}
.contact__col--social {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
}
.contact__col--social img {
    width: 100%;
    height: 100%;
}
.contact__col--text p {
    font-weight: 500;
    font-size: 18px;
    line-height: 125%;
    color: #000000;
    margin-top: 0;
    margin-bottom: 35px;
}
.contact__btn {
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 30px 49px;
    border-radius: 8px;
    border: none;
    background: #404040;
	transition: all 0.5s;
}
.contact__btn span {
    position: relative;
    display: block;
    background: #FF6900;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
	transition: all 0.5s;
}
.contact__btn span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 105, 0, 0.25);
    filter: blur(1px);

    animation: haloPulse 1.4s ease-in-out infinite;
	transition: all 0.5s;
}
.contact__btn:hover {
	background: #FF6900;
}
.contact__btn:hover span {
	background: #FFFFFF;
}
.contact__btn:hover span:after {
	background: #ffffff40;
}
.headerMenu {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    width: 380px;
    background: #2c2c2ce6;
    backdrop-filter: blur(84px);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index: 50;
    transition: all 0.5s;
}
.headerMenu.active {
    right: 0;
}
.headerMenu__close {
    position: absolute;
    right: 25px;
    top: 25px;
    cursor: pointer;
}
.headerMenu__close svg path {
    stroke: #FFFFFF;
}
.headerMenu__inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 25px;
}
.bannerSecond {
    display: flex;
    justify-content: center;
    width: calc(100% - 24px);
    margin: 12px 12px 0px 12px;
    background: url('/local/templates/dagroup/img/dabox-banner-page_result.webp') no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.bannerSecond.datopBanner {
    background: url('/local/templates/dagroup/img/datop-banner-bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}
.bannerSecond.projectBanner {
    background: url('/local/templates/dagroup/img/project-banner-bg_result.webp') no-repeat;
    background-size: cover;
    background-position: center;
}
.bannerSecond.aboutBanner {
    background: url('/local/templates/dagroup/img/ab-bg_result.webp') no-repeat;
    background-size: cover;
    background-position: center;
}
/* слой с видео */
.bannerSecond__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.bannerSecond__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* затемнение/градиент поверх видео (чтобы текст был читабельный) */
.bannerSecond__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  /* если нужно “слева темнее”:
  background: linear-gradient(90deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.20) 100%);
  */
}
/* контент поверх видео */
.bannerSecond .container,
.bannerSecond__inner {
  position: relative;
  z-index: 1;
}
.bannerSecond__inner {
    padding-top: 320px;
    padding-bottom: 90px;
}
.bannerSecond__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 20px;
}
.bannerSecond__title span {
    text-transform: none;
}
.bannerSecond__subtitle {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 60px;
    max-width: 748px;
}
.projectBanner .bannerSecond__subtitle {
    max-width: 1009px;
}
.bannerSecond__btn {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px 35px;
    border: none;
    border-radius: 15px;
    background: #FFFFFF;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    height: fit-content;
	transition: all 0.5s;
}
.bannerSecond__btn span {
    position: relative;
    display: block;
    background: #FF6900;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
	transition: all 0.5s;
}
.bannerSecond__btn span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 105, 0, 0.25);
    filter: blur(1px);

    animation: haloPulse 1.4s ease-in-out infinite;
	transition: all 0.5s;
}
.bannerSecond__btn:hover {
	background: #FF6900;
	color: #FFFFFF;
}
.bannerSecond__btn:hover span {
	background: #FFFFFF;
}
.bannerSecond__btn:hover span:after {
	background: #ffffff40;
}
.services {
    display: flex;
    justify-content: center;
    width: 100%;
}
.services__inner {
    padding: 100px 0;
}
.services__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    margin-bottom: 35px;
}
.services__title span {
    text-transform: none;
}
.services__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.services__card {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 25px;
    min-height: 631px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.services__card:first-child {
    background: #DBDBDB;
}
.services__card:last-child {
    background: url('/local/templates/dagroup/img/dabox-usluga-bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}
.services__card--top {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.services__card--icon {

}
.services__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
	transition: all 0.5s;
}
a.services__card--title:hover {
	color: #FF6900;
}
.services__card--list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.services__card--li {
    display: flex;
    align-items: center;
    gap: 25px;
    transition: all 0.5s;
    font-weight: 500;
    font-size: 28px;
    line-height: 125%;
    text-decoration: underline;
    color: #FFFFFFCC;
}
.services__card--li svg {
    width: 26px;
    transition: all 0.5s;
    opacity: 0;
}
.services__card--li svg .fil0 {
    fill: #FF6900;
}
.services__card--li:hover {
    color: #FFFFFF;
}
.services__card--li:hover svg {
    opacity: 1;
}
.services__card:first-child .services__card--li {
    color: #000000B2;
}
.services__card:first-child  .services__card--li:hover {
    color: #000000;
}
.services__card:first-child .services__card--title {
    color: #000000;
}
.services__card--btn {
    font-weight: 600;
    font-size: 22px;
    line-height: 125%;
    color: #FFFFFF;
    padding: 20px;
    width: calc(100% - 40px);
    display: flex;
    justify-content: center;
    background: #FF6900;
    border-radius: 10px;
	transition: all 0.5s;
}
.services__card--btn:hover {
    background: #404040;
	color: #FFFFFF;
	text-decoration: none;
}
.datopservices .services__card:last-child .services__card--btn:hover {
    background: #FF6900;
	color: #FFFFFF;
	text-decoration: none;
}
.preim {
    display: flex;
    justify-content: center;
    width: 100%;
    background: url('/local/templates/dagroup/img/dabox-preim-banner_result.webp') no-repeat;
    background-size: cover;
    background-position: center;
}
.preim__inner {
    padding: 50px 0;
}
.preim__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 35px;
}
.preim__content {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}
.preim__card {
    width: calc(33% - 70px);
    background: #FFFFFF66;
    backdrop-filter: blur(35px);
    border: 2px solid #FFFFFF66;
    transition: all 0.5s;
    min-height: 387px;
    max-height: 387px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 25px;
    justify-content: space-between;
    margin-top: 15px;
}
.preim__card:hover {
    border: 2px solid #FF690099;
}
.preim__card:first-child, .preim__card:nth-child(3) {
    margin-top: 40px;
}
.preim__card:nth-child(2) {
    margin-top: 0px;
}
.preim__card:nth-child(5) {
    margin-top: -25px;
}
.preim__card--icon {
    height: 45px;
}
.preim__card--icon img, .preim__card--icon svg {
    height: 100%;
    width: auto;
}
.preim__card--icon svg path {
    fill: transparent;
}
.preim__card--content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.preim__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.preim__card--text {
    font-weight: 300;
    font-size: 28px;
    line-height: 125%;
    color: #FFFFFF;
}
.result {
    display: flex;
    width: 100%;
    justify-content: center;
}
.result__inner {
    padding: 100px 0;
}
.result__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    margin-bottom: 35px;
    color: #000000;
}
.result__title span {
    text-transform: none;
}
.result__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.result__card {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 476px;
}
.result__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.result__card--text {
    font-weight: 300;
    font-size: 30px;
    line-height: 125%;
    color: #FFFFFF;
}
.result__card:nth-child(2) {
    background: #DBDBDB;
}
.result__card:nth-child(2) .result__card--title {
    color: #000000;
}
.result__card:nth-child(2) .result__card--text {
    color: #000000;
}
:root{
    --bg:#efeff1;
    --text:#0d0d0f;
    --muted:#3a3a3f;
    --line:#7a7a80;
    --accent:#ff7a1a;
    --max:1180px;
}
.stages{
    color: #000000;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.stages__container{
    padding-bottom: 70px;
}
.stages__title{
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
    margin-bottom: 35px;
}
/* TIMELINE */
.timeline{
    --cols:6;
    position:relative;
    display:grid;
    grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
    column-gap:0px;
}
/* horizontal line */
.timeline::before{
    content:"";
    position:absolute;
    left:-500px;
    right:0;
    top:50%;
    height:2px;
    background:var(--line);
    transform:translateY(-50%);
    width: 3000px;
}
.step{
    position:relative;
    grid-column: var(--col);
    max-width: 265px;
}
/* align text blocks above/below */
.step--top{
    align-self:end;
    margin-bottom:150px; /* space from line to text */
}
.step--bottom{
    align-self:start;
    margin-top:160px; /* space from line to text */
}
.step__dot{
    position:absolute;
    left:0;
    top:50%;
    transform:translate(-2px, -50%); /* tiny nudge like in mock */
    width:12px;
    height:12px;
    border-radius:999px;
    background:var(--accent);
    box-shadow:0 0 0 3px rgba(255,122,26,.18);
}
.step--top .step__dot {
    top:auto;
    bottom: -22px;
}
.step--bottom .step__dot {
    top:-22px;
}
.step__heading{
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 10px;
}
.step__text{
    font-weight: 300;
    font-size: 19px;
    line-height: 125%;
    color: #000000;
    margin: 0;
}
.upravl {
    display: flex;
    justify-content: center;
    width: 100%;
    background: url('/local/templates/dagroup/img/dabox-upravl-banner_result.webp') no-repeat;
    background-size: cover;
    background-position: center;
}
.upravl__inner {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 50px 0;
}
.upravl__left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.upravl__left--top {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.upravl__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}
.upravl__subtitle {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.upravl__subtitle p {
    margin: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 114.99999999999999%;
    color: #FFFFFF;
}
.upravl__left--bottom {
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.upravl__btn {
    font-weight: 500;
    font-size: 26px;
    line-height: 125%;
    color: #FFFFFF;
    padding: 19px 57px;
    width: fit-content;
    background: #FF6900;
    border-radius: 10px;
    transition: all 0.5s;
}
.upravl__btn:hover {
    background: #FFFFFF;
    color: #FF6900;
    text-decoration: none;
}
.upravl--text {
    font-weight: 500;
    font-size: 24px;
    line-height: 114.99999999999999%;
    color: #FFFFFF;
}
.upravl__right {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.upravl__card {
    background: #F0F0F3;
    border-radius: 10px;
    padding: 25px;
}
.upravl__card--icon {
    margin-bottom: 15px;
    height: 45px;
}
.upravl__card--icon img {
    height: 100%;
}
.upravl__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    text-transform: uppercase;
    color: #000000;
}
.upravl__card--subtitle {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    text-transform: uppercase;
    color: #6e6e6e;
    margin-bottom: 20px;
}
.upravl__card--text {
    font-weight: 300;
    font-size: 22px;
    line-height: 100%;
    color: #000000;
}
.upravl__card--text p {
    margin: 0;
}
.moreAut {
    display: flex;
    justify-content: center;
    width: 100%;
}
.moreAut__inner {
    padding: 100px 0;
}
.moreAut__link {
    display: flex;
    align-items: center;
    gap: 25px;
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    text-decoration: underline;
    color: #FF6900;
    margin-bottom: 25px;
    cursor: pointer;
}
.moreAut__link svg {
    width: 26px;
    transform: rotate(90deg);
	transition: all 0.5s;
}
.moreAut__link.active svg {
	transform: rotate(0deg);
}
.moreAut__link svg .fil0 {
    fill: #FF6900;
}
.moreAut__text {
    display: flex;
    flex-direction: column;
    gap: 25px;
	max-height: 0px;
	overflow: hidden;
	transition: all 0.5s;
}
.moreAut__text.active {
	max-height: 1000px;
}
.moreAut__text p {
    margin: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 125%;
    color: #3C3C3C;
}
.recommend {
    display: flex;
    width: 100%;
    justify-content: center;
}
.recommend__inner {
    padding-bottom: 100px;
}
.recommend__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 35px;
}
.recommend__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.recommend__card {
    border-radius: 10px;
    border: 2px solid #4D4D4D;
    background: #4D4D4D;
    transition: all 0.5s;
    padding: 25px;
    min-height: 294px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
}
.recommend__card:hover {
    border: 2px solid #FF6900;
    text-decoration: none;
}
.recommend__card--title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 114.99999999999999%;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.recommend__card--title svg {
    width: 26px;
    transition: all 0.5s;
}
.recommend__card svg .fil0 {
    transition: all 0.5s;
}
.recommend__card:hover svg {
    transform: rotate(90deg);
}
.recommend__card:hover svg .fil0 {
    fill: #FF6900;
}
.recommend__card--subtitle {
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #FFFFFF;
	max-width: 90%;
}
.recommend__card--btns {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.recommend__card--btn {
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #000000;
    padding: 20px 39px;
    border-radius: 10px;
    background: #FFFFFF;
}
.recommend__card .recommend__card--btns .recommend__card--btn {
    width: 38.7%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recommend__card .recommend__card--btns .recommend__card--btn:first-child {
    width: 100%;
}
.contform {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px;
}
.contform__inner {
    background: #F7E0D1;
    border-radius: 10px;
    padding: 50px;
}
.contform__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 25px;
}
.contform__subtitle {
    font-weight: 500;
    font-size: 28px;
    line-height: 125%;
    color: #3C3C3C;
    margin-bottom: 45px;
}
.contform__form--row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.contform__form--row input {
    border: none;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 34px 30px;
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #000000;
}
.contform__form--row input::placeholder {
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #000000;
}
.contform__form--btn {
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border: none;
    border-radius: 10px;
    background: #404040;
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #FFFFFF;
    padding: 34px 0;
    margin-bottom: 25px;
    transition: all 0.5s;
}
.contform__form--btn span {
    position: relative;
    display: block;
    background: #FF6900;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
    transition: all 0.5s;
}
.contform__form--btn span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 105, 0, 0.25);
    filter: blur(1px);

    animation: haloPulse 1.4s ease-in-out infinite;
}
.contform__form--btn:hover {
    color: #FFFFFF;
    background: #FF6900;
}
.contform__form--btn:hover span {
    background: #FFFFFF;
}
.contform__form .cta__form--check label {
    color: #3C3C3C;
}
.contform__form .cta__form--check label a {
    color: #3C3C3C;
    text-decoration: underline;
}
.contform__title span {
    text-transform: none;
}
.infographic {
    display: flex;
    width: 100%;
    justify-content: center;
}
.infographic__inner {
    padding: 50px 0 100px 0;
}
.infographic__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 50px;
}
.infographic__card {
    max-width: 422px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 35px;
}
.infographic__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
}
.infographic__card--icon {
    position: relative;
    display: block;
    background: #FF6900;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    animation: dotPulse 1.4s ease-in-out infinite;
    margin-top: 10px;
}
.infographic__card--icon::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 105, 0, 0.25);
    filter: blur(1px);

    animation: haloPulse 1.4s ease-in-out infinite;
}
.infographic__card--text {
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    color: #3C3C3C;
}
.risk {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #F7E0D1;
}
.risk__inner {
    padding: 50px 0;
}
.risk__title {
    margin-top: 0;
    margin-bottom: 35px;
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
}
.risk__title span {
    text-transform: none;
}
.risk__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.risk__card {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 35px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.risk__card--icon {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 119px 0;
}
.risk__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.risk__card--text {
    font-weight: 500;
    font-size: 28px;
    line-height: 125%;
    color: #FFFFFF;
}
.risk__card:nth-child(2) {
    background: #FFFFFF;
    height: fit-content;
}
.risk__card:nth-child(2) .risk__card--icon {
    padding: 0;
    padding-bottom: 70px;
}
.risk__card:nth-child(2) .risk__card--title {
    color: #000000;
}
.risk__card:nth-child(2) .risk__card--text {
    color: #000000;
}
.datopservices .services__inner {
    padding-top: 0;
}
.datopservices .services__card:last-child {
    background: #DBDBDB;
}
.datopservices .services__card:last-child .services__card--title {
    color: #000000;
}
.datopservices .services__card:last-child .services__card--btn {
    background: #404040;
}
.personal {
    display: flex;
    width: 100%;
    justify-content: center;
}
.personal__inner {
    padding-bottom: 100px;
}
.personal__title {
    margin-top: 0;
    margin-bottom: 35px;
    font-weight: 400;
    font-size: 48px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #000000;
}
.personal__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.personal__card {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 35px;
}
.personal__card--icon {
    height: 50px;
    margin-bottom: 40px;
}
.personal__card--icon img {
    height: 100%;
}
.personal__card--title {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
    font-size: 28px;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: 25px;
}
.personal__card--title span {
    position: relative;
    display: block;
    background: #FF6900;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
}
.personal__card--title span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 105, 0, 0.25);
    filter: blur(1px);

    animation: haloPulse 1.4s ease-in-out infinite;
}
.personal__card--text ul {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: #FFFFFF;
    margin-bottom: 0;
}
.datopStages .timeline {
    --cols: 5;
}
.datopStages .step--bottom {
    margin-top: 95px;
}
.datopStages .step--top {
    margin-bottom: 83px;
}
/*.datopStages  .step:nth-child(4) .step__dot {*/
/*    top: 48%;*/
/*}*/
.industries {
    display: flex;
    justify-content: center;
    width: 100%;
}
.industries__inner {
    padding-bottom: 100px;
}
.industries__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    margin-bottom: 35px;
    color: #000000;
}
.industries__content {
    display: flex;
    gap: 28px;
}
.industries__img {
    border-radius: 10px;
    overflow: hidden;
}
.industries__img img {
    /*width: 100%;*/
    /*height: 100%;*/
    /*object-fit: cover;*/
    border-radius: 10px;
}
.industries__row {
    display: flex;
    gap: 50px;
}
.industries__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.industries__card {
    display: flex;
    align-items: center;
    gap: 15px;
}
.industries__card--img {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #4D4D4D;
}
.industries__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #000000;
}
.line {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #FF6900;
}
.line__inner {
    padding: 30px;
}
.line__title {
    text-align: center;
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 118%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.servicesProject {
    display: flex;
    justify-content: center;
    width: 100%;
}
.servicesProject__inner {
    padding: 100px 0;
}
.servicesProject__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 35px;
}
.servicesProject__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.servicesProject__card {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 25px;
    min-height: 311px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.servicesProject__card--arrow {
    position: absolute;
    top: 25px;
    right: 25px;
    opacity: 1;
    transition: all 0.5s;
    transform: rotate(90deg);
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.servicesProject__card:hover {
    text-decoration: none;
}
.servicesProject__card:hover .servicesProject__card--arrow {
    opacity: 1;
}
.servicesProject__card--arrow svg {
    width: 26px;
}
.servicesProject__card--top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.servicesProject__card--icon {
    height: 35px;
}
.servicesProject__card--icon svg, .servicesProject__card--icon img {
    height: 100%;
    fill: transparent;
}
.servicesProject__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
    max-width: 80%;
}
.servicesProject__card--title:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.servicesProject__card--text {
    font-weight: 300;
    font-size: 28px;
    line-height: 125%;
    color: #FFFFFF;
}
.servicesProject__card:nth-child(4n+2),
.servicesProject__card:nth-child(4n+3) {
    background: #DBDBDB;
}
.servicesProject__card:nth-child(4n+2) .servicesProject__card--title,
.servicesProject__card:nth-child(4n+3) .servicesProject__card--title {
    color: #000000;
}
.servicesProject__card:nth-child(4n+2) .servicesProject__card--title:hover,
.servicesProject__card:nth-child(4n+3) .servicesProject__card--title:hover {
    color: #000000;
    text-decoration: none;
}
.servicesProject__card:nth-child(4n+2) .servicesProject__card--text,
.servicesProject__card:nth-child(4n+3) .servicesProject__card--text {
    color: #000000;
}
.servicesProject__card:nth-child(4n+2) svg .fil0,
.servicesProject__card:nth-child(4n+3) svg .fil0 {
    fill: #000000;
}
.servicesProject__card--top--more {
    display: none;
}
.servicesProject__dots{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /*transform: rotate(90deg);*/
    gap: 6px;
    align-items: center;
}
.servicesProject__dot{
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: currentColor;
    opacity: .9;
}
.blog .blogMain__title {
    font-size: 64px;
}
.blog__tabs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 17px;
    margin-bottom: 35px;
}
.blog__tab {
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #000000;
    transition: all 0.5s;
}
.blog__tab:hover {
    color: #FF6900;
    text-decoration: none;
}
.blog__tab.active {
    background: #FF6900;
    color: #FFFFFF;
}
.policy {
    display: flex;
    justify-content: center;
    width: 100%;
}
.policy__title {
    font-weight: 400;
    font-size: 64px;
    line-height: 99%;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 50px;
}
.policy__content p, .policy__content ul {
    font-weight: 400;
    font-size: 32px;
    line-height: 130%;
    color: #000000;
}
.aboutBlock {
    display: flex;
    justify-content: center;
    width: 100%;
}
.aboutBlock__inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.aboutBlock__img {
    min-width: 397px;
    max-width: 397px;
    border-radius: 15px;
    overflow: hidden;
}
.aboutBlock__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutBlock__content {
    border-radius: 15px;
    background: #FFFFFF;
    padding: 35px 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.aboutBlock__text p {
    font-weight: 400;
    font-size: 26px;
    line-height: 125%;
    color: #000000;
    margin-top: 0;
}
.aboutBlock__btn {
    background: #FF6900;
    border: 1px solid #FF6900;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 30px 60px;
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #FFFFFF;
    width: fit-content;
    transition: all 0.5s;
}
.aboutBlock__btn span {
    position: relative;
    display: block;
    background: #ffffff;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
}
.aboutBlock__btn span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    filter: blur(1px);

    animation: haloPulse 1.4s ease-in-out infinite;
}
.aboutBlock__btn:hover {
    background: #FFFFFF;
    color: #FF6900;
    text-decoration: none;
}
.aboutBlock__btn:hover span {
    background: #FF6900;
}
.values {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px;
}
.values__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 35px;
}
.values__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.values__card {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.5s;
    min-height: 386px;
}
.values__card--number {
    background: #FF6900;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #FFFFFF;

}
.values__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #000000;
}
.values__card--text {
    font-weight: 500;
    font-size: 28px;
    line-height: 125%;
    color: #000000;
}
.values__card:nth-child(3) {
    background: url("/local/templates/dagroup/img/about-card-img.png") no-repeat;
    background-size: cover;
    background-position: center;
}
.values__card:nth-child(3) .values__card--title  {
    color: #FFFFFF;
}
.values__card:nth-child(3) .values__card--text {
    color: #FFFFFF;
}
.values__card:nth-child(4) {
    background: #4D4D4D;
    border-color: #4D4D4D;
}
.values__card:nth-child(4) .values__card--title  {
    color: #FFFFFF;
}
.values__card:nth-child(4) .values__card--text {
    color: #FFFFFF;
}
.values__card:hover {
    border: 1px solid #FF6900;
}
.bannerIn {
    padding-top: 185px;
    padding-bottom: 100px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.bannerIn__inner {
    border: 3px solid #FF690099;
    border-radius: 10px;
    /*box-shadow: 0px 0px 43.6px 0px #FF690040;*/
    padding: 35px;
}
.bannerIn__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 20px;
}
.bannerIn__subtitle {
    max-width: 1355px;
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    color: #000000;
    margin-bottom: 55px;
}
.bannerIn__btn {
    width: fit-content;
    background: #404040;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    line-height: 125%;
    color: #FFFFFF;
    padding: 30px 70px;
    transition: all 0.5s;
}
.bannerIn__btn span {
    position: relative;
    display: block;
    background: #FF6900;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    animation: dotPulse 1.4s ease-in-out infinite;
    transition: all 0.5s;
}
.bannerIn__btn span::after{
    content: "";
    position: absolute;
    inset: -7px;            /* размер ореола */
    border-radius: 50%;
    background: rgba(255, 105, 0, 0.25);
    filter: blur(1px);

    animation: haloPulse 1.4s ease-in-out infinite;
}
.bannerIn__btn:hover {
    background: #FF6900;
}
.bannerIn__btn:hover span {
    background: #FFFFFF;
}
.tabsIn {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px;
}
.tabsIn__content {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 25px;
    display: flex;
    gap: 25px;
}
.tabsIn__row:first-child {
    width: 100%;
    max-width: 809px;
}
.tabsIn__row:last-child {
    width: 100%;
    max-width: 759px;
}
.tabsIn__row--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 50px;
}
.tabsIn__row--cont {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
}
.tabsIn__row--card {
    display: inline-flex;         /* чтобы текст красиво центрился */
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 20px;
    line-height: 125%;
    color: #000000;
    padding: 20px 23.5px;
    border-radius: 10px;
    background: #FFFFFF;
}
.tabsIn__row:first-child .tabsIn__row--card {
    padding: 20px 41.5px;
}
.tabsIn__row--card:last-child {
    color: #FFFFFF;
    background: #FF6900;
}
.whatIs {
    display: flex;
    justify-content: center;
    width: 100%;
    background: url('/local/templates/dagroup/img/datop-banner-bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}
.whatIs__inner {
    padding: 50px 0;
}
.whatIs__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 20px;
}
.whatIs__text p {
    font-weight: 500;
    font-size: 28px;
    line-height: 114.99999999999999%;
    color: #FFFFFF;
    margin-top: 0;
    max-width: 1161px;
}
.cardIn {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 100px 0;
}
.cardIn__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 35px;
}
.cardIn__content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.cardIn__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 450px;
    padding: 25px;
    border-radius: 10px;
    background: #4D4D4D;
    transition: all 0.5s;
    border: 2px solid #4D4D4D;
}
.cardIn__card:hover {
    background: #FFFFFF;
    border: 2px solid #FF6900;
}
.cardIn__card--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: all 0.5s;
}
.cardIn__card:hover .cardIn__card--title {
    color: #000000;
}
.cardIn__card--text {
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #FFFFFF;
    transition: all 0.5s;
}
.cardIn__card:hover .cardIn__card--text {
    color: #000000;
}
.give {
    padding-bottom: 100px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.give__inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.give__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 20px;
}
.give__subtitle {
    font-weight: 500;
    font-size: 28px;
    line-height: 114.99999999999999%;
    color: #3C3C3C;
    max-width: 536px;
    margin-bottom: 115px;
}
.give__tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.give__tab {
    font-weight: 500;
    font-size: 22px;
    line-height: 125%;
    color: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
    background: #4D4D4D;
    width: fit-content;
}
.give__img {
    background: url("/local/templates/dagroup/img/aut-img_result.webp") no-repeat;
    background-size: cover;
    background-position: center;
    max-width: 814px;
    width: 100%;
    border-radius: 10px;
}
.infosIn {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px;
}
.infosIn__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 118%;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 20px;
}
.infosIn__subtitle {
    font-weight: 500;
    font-size: 28px;
    line-height: 114.99999999999999%;
    color: #3C3C3C;
    max-width: 1035px;
    margin-bottom: 50px;
}
.infosIn__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.infosIn__card {
    display: flex;
    align-items: center;
    gap: 15px;
}
.infosIn__card--icon {
    border-radius: 10px;
    background: #4D4D4D;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.infosIn__card--icon img {
    width: 60%;
}
.infosIn__card--text {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #000000;
}
.preim__content-col-4 {
    margin: 100px 0;
    background: url("/local/templates/dagroup/img/aut-img-1_result.webp") no-repeat;
    background-size: cover;
    background-position: center;
}
.preim__content-col-4 .preim__content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.preim__content-col-4 .preim__card {
    width: auto;
    min-height: 324px;
    max-height: 324px;
    border: 2px solid #FF690099;
}
.preim__content-col-4 .preim__card--text {
    font-size: 26px;
}
.preim__content-col-4 .preim__card:first-child, .preim__content-col-4 .preim__card:nth-child(3) {
    margin-top: 20px;
}
.recommend-three {
    padding-top: 100px;
}
.recommend-three .recommend__content {
    grid-template-columns: repeat(3, 1fr);
}
.recommend-three .recommend__card--btn {
    font-size: 18px;
}
.recommend-three .recommend__card--btns .recommend__card--btn:first-child {
    width: 100% !important;
}
.recommend-three .recommend__card--btns .recommend__card--btn {
    width: 45.9% !important;
    padding: 21px 6px;
    text-align: center;
}
.recommend-three .recommend__card {
    min-height: 365px;
}
.naprav {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #F7E0D1;
    padding: 50px 0;
}
.naprav__content {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 25px;
}
.naprav__title {
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 40px;
    margin-top: 0;
}
.naprav__cont {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 45px;
}
.naprav__card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s;
}
a.naprav__card:hover {
    text-decoration: none;
}
a.naprav__card:hover svg {
    transform: rotate(90deg);
}
.naprav__card span {
    font-weight: 400;
    font-size: 30px;
    line-height: 125%;
    color: #000000;
}
.naprav__card svg {
    width: 26px;
    transition: all 0.5s;
}
.naprav__card svg .fil0 {
    fill: #FF6900;
}
.naprav__text {
    margin-top: 50px;
}
.naprav__text--title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 114.99999999999999%;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 25px;
}
.naprav__text--content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.naprav__text--card {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    color: #3C3C3C;
}
.naprav__text--card span {
    background: #3C3C3C;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}
	.risk__tabs {
		margin-top: 50px;
		display: flex;
		justify-content: center;
		gap: 20px;
	}
	.risk__tabs--col {
		width: 50%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 20px;
		min-height: 292px;
		border-radius: 10px;
		background: #4D4D4D;
		padding: 25px;
	}
	.risk__tabs--title {
		font-family: 'Bounded', sans-serif;
		font-weight: 400;
		font-size: 28px;
		line-height: 114.99999999999999%;
		text-transform: uppercase;
		color: #FFFFFF;
	}
	.risk__tabs--cont {
		display: flex;
		flex-wrap: wrap;
		gap: 18px;
		justify-content: space-between;
	}
	.risk__tabs--card {
		font-weight: 400;
		font-size: 20px;
		line-height: 125%;
		color: #000000;
		padding: 20px 45px;
		background: #FFFFFF;
		border-radius: 10px;
	}
.risk_in .risk__card--icon {
	padding: 76px 0 !important;
}
.risk_in .risk__card {
	justify-content: flex-start;
}
.risk_in .risk__card--title {
	text-align: center;
}
.risk_in .risk__card--text {
	text-align: center;
}
.risk_in .risk__card:nth-child(2) {
	height: auto;
}
.uslugiIn {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 100px;
}
.uslugiIn__title {
    font-weight: 400;
    font-size: 48px;
    line-height: 125%;
    text-transform: uppercase;
    color: #000000;
    margin-top: 0;
    margin-bottom: 35px;
}
.uslugiIn__content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.uslugiIn__left, .uslugiIn__pane {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
} 
.uslugiIn__card {
    display: flex;
    align-items: center;
    gap: 25px;
}
.uslugiIn__card span {
    font-weight: 600;
    font-size: 24px;
    line-height: 145%;
    color: #000000;
    transition: all 0.5s;
}
a.uslugiIn__card span {
    text-decoration: underline;
}
.uslugiIn__card svg {
    width: 26px;
    opacity: 0;
    transition: all 0.5s;
}
.uslugiIn__card svg .fil0 {
    fill: #FF6900;
}
.uslugiIn__img {
    width: 50%;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
.uslugiIn__card:hover svg {
    opacity: 1;
}
.uslugiIn__pane { display:none; }
.uslugiIn__pane.is-active { display:flex; width: 100%; }

.uslugiIn__tab {
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    color: #000000;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 88px;
    border: 1px solid #FFFFFF;
    transition: all 0.5s;
}

.uslugiIn__tab.is-active {
    background: #FF6900;
    color: #FFFFFF;
    border: 1px solid #FF6900;
}
.uslugiIn__tab:hover {
    border: 1px solid #FF6900;
}
.uslugiIn__tabs {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    gap: 20px;
    margin-block: 20px;
}
.uslugiIn__tab{
    grid-column:span 2;
}
.uslugiIn__tab:nth-child(3n+1):nth-last-child(2),
.uslugiIn__tab:nth-child(3n+2):last-child{
    grid-column:span 3;
}
.popupThanks {
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: #000000a6;
}
.popupThanks.active {
    display: flex;
}
.popupThanks .container {
    max-width: 1000px;
}
.popupThanks__inner {
    background: #4D4D4D;
    border-radius: 10px;
    padding: 50px;
    position: relative;
}
.popupThanks__close {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px;
    border-radius: 50%;
    transition: all 0.5s;
}
.popupThanks__close svg {
    cursor: pointer;
    transform: rotate(45deg);
    transition: all 0.5s;
}
.popupThanks__close svg path {
    stroke: #FFFFFF;
    transition: all 0.5s;
}
.popupThanks__close:hover {
    background: #000000;
}
.popupThanks__close:hover svg path {
    stroke: #FFFFFF;
}
.popupThanks__title {
    font-family: 'Bounded', sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 35px;
}
.popupThanks__text {
    font-weight: 300;
    font-size: 36px;
    line-height: 125%;
    color: #FFFFFF;
}
.popupConsult {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background: #000000a6;
	display: none;
}
.popupConsult.active {
	display: flex;
}
.popupConsult .container {
    max-width: 1250px;
}
.popupConsult .contform__inner {
	position: relative;
}
.popupConsult__close {
	position: absolute;
	top: 20px;
	right: 20px;
    padding: 5px;
    border-radius: 50%;
    transition: all 0.5s;
}
.popupConsult__close svg {
    cursor: pointer;
	transform: rotate(45deg);
    transition: all 0.5s;
}
.popupConsult__close svg path {
    stroke: #000000;
    transition: all 0.5s;
}
.popupConsult__close:hover {
    background: #000000;
}
.popupConsult__close:hover svg path {
    stroke: #FFFFFF;
}
.popupConsult .contform__form--btn {
	margin: 0px;
}
.popupConsult .contform__form--row {
	margin-bottom: 20px;
}
.article {
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top: 217px;
    padding-bottom: 40px;
}
.article__banner {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 25px;
	margin-bottom: 50px;
}
.article__img {
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}
.article__top {
	display: flex;
	align-items: center;
	gap: 45px;
	background: #0000004D;
	backdrop-filter: blur(16.100000381469727px);
	border-radius: 202px;
	padding: 25px;
	position: absolute;
	top: 50px;
	left: 50px;
}
.article__top--col {
	display: flex;
	align-items: center;
	gap: 15px;
}
.article__top--col span {
	font-weight: 600;
	font-size: 20px;
	line-height: 125%;
	color: #FFFFFFB2;
}
.article__title {
	position: absolute;
	bottom: 50px;
	left: 50px;
	font-weight: 400;
	font-size: 48px;
	line-height: 125%;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
}
.article__content p, .article__content ul {
	font-weight: 400;
	font-size: 32px;
	line-height: 130%;
	color: #000000;
	margin-bottom: 35px;
}
.article__content h2 {
	font-size: 40px;
	text-transform: uppercase;
}
.daBoxBlock .daBlock__slider--nav {
	display: none;
}
.preim__card {
    min-height: 350px;
    max-height: 350px;
}
.contact__col--btn-mob {
    display: none;
}
.footer__col--img {
    display: none;
}
.preim__cont-mob {
    display: none;
}
.stages__contentMob {
    display: none;
}
.upravl__card--plus {
    display: none;
}
.blogMain__slider {
    margin-left: -20px;
}
.aboutCard--feature .aboutFeature__title,
.aboutCard--feature .aboutFeature__text{
    transition:
            opacity .18s ease,
            transform .18s ease,
            filter .18s ease;
    will-change: opacity, transform, filter;
}

.aboutCard--feature.is-changing .aboutFeature__title,
.aboutCard--feature.is-changing .aboutFeature__text{
    opacity: 0;
    /*transform: translateY(10px);*/
    filter: blur(4px);
}
.text-required {
    display: block;
    margin-bottom: 20px;
    color: #000000;
    margin-top: -15px;
}
.aboutCard--feature{
    background: #fff;
    color: #000;
    border-color: #ff7a00;
    opacity: 1 !important;
    height: 448px !important;
    width: auto;
    margin: 0;
}
.uslugiIn__card--dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000000;
}
@media (max-width: 1705px) {
    .tabsIn__row--card {
        padding: 20px 22.5px;
    }
    .tabsIn__row:first-child .tabsIn__row--card {
        padding: 20px 32.5px;
    }
}
@media (max-width: 1605px) {
    .text-required {
        font-size: 14px;
    }
    .aboutSlickWrap {
        max-width: 1160px;
    }
    .aboutFeature {
        left: 28px;
    }
    .aboutCard.aboutCard--feature {
        height: 236px !important;
        margin: 0;
    }
    .popupThanks__title {
        font-size: 34px;
        margin-bottom: 25px;
    }
    .popupThanks__text {
        font-size: 28px;
    }
    .datopStages .step--bottom {
        margin-top: 93px;
    }
    .datopStages .step--top {
        margin-bottom: 80px;
    }
    .blogMain__slider--arrow {
        width: 35px;
        height: 35px;
    }
    .blogMain__content {
        margin-top: -60px;
    }
    .blogMain__slider--nav {
        margin-bottom: 25px;
    }
    .popupConsult .container {
        max-width: 1000px;
    }
    .header__panel {
        gap: 20px;
    }
    .infographic__card--icon {
        margin-top: 3px;
    }
	.cta__form--check input:before {
		top: -6px;
		left: -6px;
		width: 25px;
		height: 25px;
	}
	.cta__form--check input:checked:after {
		top: -4px;
		left: 0px;
		font-size: 20px;
	}
	.article {
		padding-top: 155px;
	}
	.article__top {
		top: 30px;
		left: 30px;
		padding: 18px;
		gap: 30px;
	}
	.article__top--col {
		gap: 8px;
	}
	.article__top--col span {
		font-size: 18px;
	}
	.article__top--col img {
		width: 30px;
	}
	.article__title {
		bottom: 30px;
		left: 30px;
		font-size: 34px;
	}
	.article__banner {
		margin-bottom: 25px;
	}
	.article__content p, .article__content ul {
		font-size: 18px;
	}
	.article__content h2 {
		font-size: 30px;
	}
    .uslugiIn__tabs {
        gap:15px;
    }
    .uslugiIn__tab {
        font-size: 16px;
        height: 50px;
    }
    .uslugiIn {
        padding-bottom: 85px;
    }
    .uslugiIn__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .uslugiIn__content {
        gap: 38px;
    }
    .uslugiIn__left, .uslugiIn__pane {
        gap: 15px;
    }
    .uslugiIn__card {
        gap: 15px;
    }
    .uslugiIn__card span {
        font-size: 18px;
    }
    .uslugiIn__card svg {
        width: 20px;
    }
	.risk_in  .risk__card--icon img {
        height: 70px !important;
    }
	.risk_in .risk__card--icon {
		padding: 50px 0 !important;
	}
	.risk__tabs {
		gap: 15px;
		margin-top: 15px;
	}
	.risk__tabs--cont {
		gap: 10px;
	}
	.risk__tabs--title {
		font-size: 18px;
	}
	.risk__tabs--col {
		padding: 15px;
		min-height: 180px;
	}
	.risk__tabs--card {
		font-size: 15px;
		padding: 15px 20px;
	}
    .naprav__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .naprav__content {
        padding: 15px;
        padding-bottom: 50px;
    }
    .naprav__cont {
        gap: 10px;
    }
    .naprav__card {
        padding: 15px 20px;
    }
    .naprav__card span {
        font-size: 15px;
    }
    .naprav__card svg {
        width: 20px;
    }
    .naprav__text {
        margin-top: 35px;
    }
    .naprav__text--title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .naprav__text--card {
        font-size: 18px;
    }
    .naprav__text--content {
        gap: 7px;
    }
    .recommend-three .recommend__card--btns .recommend__card--btn {
        width: 100% !important;
        font-size: 15px;
        padding: 15px;
    }
    .recommend-three .recommend__card {
        min-height: 290px;
    }
    .recommend-three {
        padding-top: 85px;
    }
    .preim__content-col-4 {
        margin: 85px 0;
    }
    .preim__content-col-4 .preim__card--text {
        font-size: 16px;
    }
    .preim__content-col-4 .preim__content {
        gap: 15px;
    }
    .preim__content-col-4 .preim__card {
        min-height: 206px;
        max-height: 206px;
    }
    .infosIn {
        padding-bottom: 85px;
    }
    .infosIn__title {
        font-size: 34px;
    }
    .infosIn__subtitle {
        font-size: 18px;
        max-width: 687px;
        margin-bottom: 35px;
    }
    .infosIn__content {
        gap: 10px;
    }
    .infosIn__card {
        gap: 10px;
    }
    .infosIn__card--icon {
        width: 50px;
        height: 50px;
    }
    .infosIn__card--text {
        font-size: 16px;
    }
    .give {
        padding-bottom: 85px;
    }
    .give__img {
        max-width: 548px;
    }
    .give__title {
        font-size: 34px;
    }
    .give__subtitle {
        font-size: 18px;
        max-width: 542px;
    }
    .give__tabs {
        gap: 10px;
    }
    .give__tab {
        font-size: 16px;
        padding: 16px;
    }
    .cardIn {
        padding: 85px 0;
    }
    .cardIn__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .cardIn__content {
        gap: 15px;
    }
    .cardIn__card {
        padding: 15px;
        min-height: 238px;
    }
    .cardIn__card--title {
        font-size: 18px;
    }
    .cardIn__card--text {
        font-size: 16px;
    }
    .whatIs__title {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .whatIs__text p {
        font-size: 18px;
        max-width: 1058px;
    }
    .tabsIn {
        padding-bottom: 85px;
    }
    .tabsIn__content {
        gap: 15px;
    }
    .tabsIn__row--cont {
        max-width: 518px !important;
        gap: 12px;
    }
    .tabsIn__row--card {
        font-size: 15px;
        padding: 12px 11.5px;
        border-radius: 7px;
    }
    .tabsIn__row:first-child .tabsIn__row--card {
        padding: 12px 16.5px;
    }
    .tabsIn__row--title {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .bannerIn {
        padding-top: 155px;
        padding-bottom: 85px;
    }
    .bannerIn__inner {
        padding: 30px;
    }
    .bannerIn__title {
        font-size: 34px;
    }
    .bannerIn__subtitle {
        max-width: 761px;
        font-size: 18px;
        margin-bottom: 100px;
    }
    .bannerIn__btn {
        font-size: 16px;
        padding: 23px 60px;
    }
    .values {
        padding-bottom: 85px;
    }
    .values__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .values__content {
        gap: 15px;
    }
    .values__card {
        padding: 15px;
        min-height: 217px;
    }
    .values__card--title {
        font-size: 18px;
    }
    .values__card--text {
        font-size: 16px;
    }
    .values__card--number {
        width: 35px;
        height: 35px;
        font-size: 26px;
    }
    .aboutBlock__inner {
        gap: 15px;
    }
    .aboutBlock__btn {
        font-size: 16px;
        padding: 23px 55px;
    }
    .aboutBlock__img {
        max-width: 266px;
        min-width: 266px;
    }
    .aboutBlock__content {
        padding: 20px;
    }
    .aboutBlock__text p {
        font-size: 18px;
    }
    .policy__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .policy__content p, .policy__content ul {
        font-size: 18px;
    }
    .blog__tabs {
        margin-bottom: 30px;
        gap: 10px;
    }
    .blog__tab {
        font-size: 16px;
        padding: 15px;
    }
    .blog .blogMain__title {
        font-size: 34px;
    }
    .servicesProject__inner {
        padding: 85px 0;
    }
    .servicesProject__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .servicesProject__content {
        gap: 15px;
    }
    .servicesProject__card {
        padding: 15px;
        min-height: 208px;
    }
    .servicesProject__card--arrow {
        top: 15px;
        right: 15px;
        width: 20px;
        h20
    }
    .servicesProject__card--top {
        gap: 10px;
    }
    .servicesProject__card--icon {
        height: 30px;
    }
    .servicesProject__card--title {
        font-size: 18px;
    }
    .servicesProject__card--text {
        font-size: 16px;
    }
    .line__inner {
        padding: 25px;
    }
    .line__title {
        font-size: 26px;
    }
    .industries__img {
        width: 360px;
    }
    .industries__inner {
        padding-bottom: 85px;
    }
    .industries__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .industries__content {
        gap: 15px;
    }
    .industries__row {
        gap: 15px;
    }
    .industries__col {
        gap: 15px;
    }
    .industries__card {
        gap: 10px;
    }
    .industries__card--img {
        width: 50px;
        height: 50px;
    }
    .industries__card--img img {
        width: 50%;
    }
    .industries__card--title {
        font-size: 16px;
    }
    .personal__inner {
        padding-bottom: 85px;
    }
    .personal__title {
        margin-bottom: 30px;
        font-size: 34px;
    }
    .personal__content {
        gap: 15px;
    }
    .personal__card {
        padding: 15px;
    }
    .personal__card--icon {
        height: 35px;
        margin-bottom: 68px;
    }
    .personal__card--title {
        font-size: 18px;
        margin-bottom: 11px;
    }
    .personal__card--text ul {
        font-size: 16px;
    }
    .datopslider .aboutCard {
        height: 268px;
    }
    .risk__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .risk__content {
        gap: 15px;
    }
    .risk__card {
        padding: 15px;
    }
    .risk__card--icon {
        padding-top: 45px;
        padding-bottom: 60px;
    }
    .risk__card:nth-child(2) .risk__card--icon {
        padding-bottom: 40px;
        padding-top: 25px;
    }
    .risk__card--title {
        font-size: 18px;
    }
    .risk__card--text {
        font-size: 16px;
    }
    .risk__card--icon img {
        height: 70px;
    }
    .risk__card:nth-child(2) .risk__card--icon img {
        height: 35px;
    }
    .infographic__inner {
        padding: 30px 0 85px 0;
    }
    .infographic__content {
        margin-bottom: 25px;
    }
    .infographic__card {
        max-width: none;
        width: auto;
    }
    .infographic__card--title {
        font-size: 20px;
    }
    .infographic__card--text {
        font-size: 18px;
        max-width: 931px;
    }
    .contform {
        padding-bottom: 85px;
    }
    .contform__inner {
        padding: 30px;
    }
    .contform__title {
        font-size: 34px;
        margin-bottom: 15px;
    }
    .contform__subtitle {
        margin-bottom: 25px;
        font-size: 18px;
    }
    .contform__subtitle br {
        display: none;
    }
    .contform__form--row input {
        font-size: 18px;
        padding: 20px;
    }
    .contform__form--row input::placeholder {
        font-size: 18px;
    }
    .contform__form--btn {
        font-size: 18px;
        padding: 20px;
    }
    .recommend__inner {
        padding-bottom: 85px;
    }
    .recommend__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .recommend__content {
        gap: 14px;
    }
    .recommend__card {
        padding: 15px;
        min-height: 209px;
    }
    .recommend__card--title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .recommend__card--title svg {
        width: 20px;
    }
    .recommend__card--subtitle {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .recommend__card--btn {
        font-size: 15px;
        padding: 15px 18px;
    }
    .recommend__card .recommend__card--btns .recommend__card--btn {
        width: 41.4%;
    }
    .moreAut__inner {
        padding: 85px 0;
    }
    .moreAut__link {
        font-size: 20px;
        gap: 15px;
    }
    .moreAut__link svg {
        width: 20px;
    }
    .moreAut__text {
        gap: 20px;
    }
    .moreAut__text p {
        font-size: 18px;
    }
    .upravl__title {
        font-size: 34px;
    }
    .upravl__left--top {
        gap: 20px;
    }
    .upravl__subtitle {
        gap: 15px;
    }
    .upravl__subtitle p {
        font-size: 18px;
    }
    .upravl--text {
        font-size: 18px;
    }
    .upravl__btn {
        font-size: 16px;
        padding: 14px 70px;
    }
    .upravl__card {
        padding: 15px;
    }
    .upravl__card--icon {
        height: 30px;
        margin-bottom: 20px;
    }
    .upravl__card--title {
        font-size: 15px;
    }
    .upravl__card--subtitle {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .upravl__card--text {
        font-size: 16px;
    }
    .stages__container {
        padding-bottom: 45px;
    }
    .stages__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .timeline::before {
        left: -500px;
    }
    .step__heading {
        font-size: 16px;
    }
    .step__text {
        font-size: 14px;
        margin-top: 0;
    }
    .result__inner {
        padding: 85px 0;
    }
    .result__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .result__content {
        gap: 15px;
    }
    .result__card {
        padding: 15px;
        min-height: 233px;
    }
    .result__card--title {
        font-size: 18px;
    }
    .result__card--text {
        font-size: 16px;
    }
    .preim__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .preim__content {
        gap: 15px;
    }
    .preim__card {
        width: calc(33% - 41px);
        padding: 15px;
        min-height: 220px;
        max-height: 220px;
    }
    .preim__card--icon {
        height: 35px;
    }
    .preim__card--title {
        font-size: 18px;
    }
    .preim__card--text {
        font-size: 16px;
    }
    .services__inner {
        padding: 85px 0;
    }
    .services__title {
        margin-bottom: 33px;
        font-size: 34px;
    }
    .services__content {
        gap: 15px;
    }
    .services__card {
        padding: 15px;
        min-height: 361px;
    }
    .services__card--top {
        gap: 15px;
    }
    .services__card--icon {
        height: 35px;
    }
    .services__card--icon img {
        height: 100%;
    }
    .services__card--title {
        font-size: 18px;
    }
    .services__card--list {
        gap: 15px;
    }
    .services__card--li {
        font-size: 16px;
    }
    .services__card--li svg {
        width: 20px;
    }
    .services__card--btn {
        font-size: 16px;
        padding: 14px;
        border-radius: 10px;
        width: calc(100% - 28px);
    }
    .bannerSecond {
        max-width: 1240px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .bannerSecond__inner {
        padding-top: 297px;
        padding-bottom: 65px;
    }
    .bannerSecond__title {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .bannerSecond__subtitle {
        font-size: 20px;
        max-width: 735px;
        color: #C8C8C8;
    }
    .projectBanner .bannerSecond__subtitle {
        max-width: 585px;
    }
    .bannerSecond__btn {
        font-size: 16px;
        padding: 23px 31px;
        border-radius: 10px;
    }
    .header {
        top: 35px;
    }
    .header__panel::before {
        top: -9px;
    }
    .mega__title {
        font-size: 18px;
    }

    .contact {
        padding: 85px 0;
    }
    .contact__title {
        font-size: 34px;
    }
    .contact__content {
        gap: 30px;
    }
    .contact__col {
        max-width: 280px;
        min-width: 280px;
    }
    .contact__col--title {
        font-size: 14px;
    }
    .contact__col--link {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .contact__col--text p {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .contact__btn {
        padding: 22px 18px;
        width: 100%;
        font-size: 18px;
        gap: 10px;
    }
    .contact__col--social {
        width: 40px;
        height: 40px;
    }
    .faq {
        padding-top: 85px;
    }
    .faq.faqDatop {
        padding-top: 0;
        padding-bottom: 85px;
    }
    .faq__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .faq-item {
        padding: 20px;
    }
    .faq-question {
        max-width: 498px;
        font-size: 20px;
    }
    .faq-answer {
        max-width: 446px;
        font-size: 16px;
    }
    .faq-toggle {
        width: 35px;
        height: 35px;
    }
    .blogMain {
        padding-top: 85px;
    }
    .blogMain__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .blogMain__card--col img {
        width: 25px;
        height: 25px;
    }
    .blogMain__card--content {
        padding: 15px;
    }
    .blogMain__card--top {
        gap: 10px;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    .blogMain__card--col p {
        font-size: 16px;
    }
    .blogMain__card--col {
        gap: 8px;
    }
    .blogMain__card--title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .blogMain__card--text {
        font-size: 16px;
    }
    .cta__inner {
        padding: 30px;
    }
    .cta__title {
        font-size: 34px;
        margin-bottom: 15px;
    }
    .cta__subtitle {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .cta__form input::placeholder {
        font-size: 18px;
    }
    .cta__form--col input {
        font-size: 18px;
        padding: 20px;
    }
    .cta__form button {
        font-size: 18px;
        padding: 20px;
    }
    .cta__form--check label {
        font-size: 16px;
    }
    .daBlock__slider--arrow.arrow-right {
        right: -18px;
    }
    .daBlock__slider--arrow.arrow-left {
        left: 32px;
    }
    .daBlock__slider--arrow {
        top: 35%;
    }
    .daBlock__content {
        width: calc(100% - 268px);
    }
    .daBlock__left {
        max-width: 236px;
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-height: 207px;
    }
    .daBlock__left--title {
        font-size: 18px;
    }
    .daBlock__left--text {
        font-size: 16px;
    }
    .daBlock__left--top svg {
        width: 20px;
    }
    .daBlock__card--plus {
        padding-top: 10px;
        padding-right: 10px;
    }
    .daBlock__card--plus .img {
        width: 35px;
        height: 35px;
    }
    .daBlock__card--plus .img img {
        width: 18px;
    }
    .daBlock__card {
        /*max-width: 196px;*/
    }
    .daBlock__card .img-main {
        width: 195px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .daBlock__card--img {
        padding-bottom: 20px;
    }
    .daBlock__card--title {
        font-size: 16px;
    }
    .dopBanner__img {
        width: 120px;
    }
    .dopBanner__title {
        font-size: 34px;
    }
    .dopBanner {
        height: 332px;
        padding: 35px 0;
    }
    .aboutNav {
        width: 40px;
        height: 40px;
    }
    .aboutNav svg {
        width: 10px;
    }
    .aboutSlider__title h2 {
        font-size: 34px;
    }
    .aboutSlider__text {
        font-size: 18px;
        max-width: 423px;
    }
    .aboutCard__top h3 {
        font-size: 18px;
    }
    .aboutCard__bottom {
        font-size: 16px;
    }
    .aboutCard {
        height: 268px;
        padding: 15px;
        margin: 0 7.5px;
    }
    .aboutSlick__inner {
        max-width: 1160px;
    }
    .footer__col--title {
        font-size: 20px;
    }
    .footer__col--link {
        font-size: 16px;
    }
    .footer__tab {
        font-size: 30px;
        padding: 30px;
    }
    .banner__inner {
        padding-top: 168px;
    }
    .banner__title {
        font-size: 44px;
    }
    .banner__subtitle {
        font-size: 20px;
    }
    .banner__btn {
        font-size: 16px;
        padding: 20px;
        border-radius: 10px;
    }
    .banner__content {
        gap: 8px;
    }
    .banner__card--title {
        font-size: 18px;
    }
    .banner__card--text {
        font-size: 15px;
    }
    svg.banner__card--img {
        width: 20px;
        height: 20px;
    }
    .banner__card {
        padding: 15px;
        max-width: 236px;
    }
    .banner {
        max-width: 1240px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .container {
        max-width: 1100px;
    }
    .header__li-text svg {
        width: 12px;
        height: 12px;
    }
    .header__li--bot {
        font-size: 15px;
        line-height: 125%;
    }
    .header__nav {
        gap: 12px;
    }
    .header__inner {
        max-width: 1100px;
        gap: 15px;
    }
    .header__li-text {
        font-size: 14px;
    }
    .header__btn--phone {
        font-size: 15px;
        border-radius: 8px;
    }
    .header__btn--phone svg {
        width: 21px;
    }
    .header__btn--call {
        font-size: 15px;
        line-height: 18px;
        border-radius: 8px;
        padding: 17px;
    }
    .header__logo img {
        height: 50px;
    }
    .footer__col--inner {
        padding-left: 25px;
    }
    .footer__inner {
        max-width: 1240px;
    }
    .step--top {
        margin-bottom: 150px;
    }
    .step--bottom {
        margin-top: 161px;
    }
    .recommend__card .recommend__card--btns .recommend__card--btn:first-child {
        width: 100%;
    }
    .preim__card {
        min-height: 186px;
        max-height: 186px;
        margin-top: 25px;
    }
    .preim__card:nth-child(5) {
        margin-top: -15px;
    }
}
@media (max-width: 1300px) {
    .footer__inner {
        max-width: 100%;
        padding: 0;
    }
    .footer__col:first-child .footer__col--inner {
        padding-left: 20px;
    }
    .footer__col--doc .footer__col--inner {
        padding-right: 20px;
    }
}
@media (max-width: 1150px) {
    .text-required {
        font-size: 12px;
    }
    .aboutSlickWrap {
        max-width: 954px;
    }
    .aboutCard.aboutCard--feature {
        height: 147px !important;
    }
    .header.header-fix {
        position: absolute;
    }
    .header.header-fix .header__panel {
        padding: 0;
        background: transparent;
        backdrop-filter: none;
    }
    .popupThanks__inner {
        padding: 30px;
    }
    .popupThanks__title {
        font-size: 28px;
    }
    .popupThanks__text {
        font-size: 24px;
    }
    .popupThanks .container {
        max-width: 600px;
    }
    .popupConsult .container {
        max-width: 894px;
    }
    .submenu {
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-height: 0;
        transition: all 0.5s;
        overflow: hidden;
    }
    .submenu-trigger.active .submenu {
        max-height: 500px;
        padding-top: 20px;
    }
    .submenu__title {
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 15px;
        line-height: 125%;
        text-transform: uppercase;
        color: #FFFFFF;
        transition: all 0.5s;
    }
    .submenu__list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .submenu__link {
        font-weight: 400;
        font-size: 14px;
        line-height: 114.99999999999999%;
        color: #FFFFFF;
        transition: all 0.5s;
    }
    a.submenu__title:hover, a.submenu__link:hover {
        text-decoration: none;
        color: #FF6900;
    }
    .submenu-trigger svg {
        transition: all 0.5s;
    }
    .submenu-trigger.active svg {
        transform: rotate(90deg);
    }
    .bannerIn__subtitle br {
        display: none;
    }
	.cta__form--check input:before {
		top: -4px;
		left: -4px;
		width: 20px;
		height: 20px;
	}
	.cta__form--check input:checked:after {
		top: -2px;
		left: 1px;
		font-size: 16px;
	}
	.article {
		padding-top: 145px;
	}
	.article__top {
		padding: 16px;
	}
	.article__top--col span {
		font-size: 16px;
	}
	.article__top--col img {
		width: 25px;
	}
	.article__title {
		font-size: 28px;
	}
	.article__content p, .article__content ul {
		font-size: 16px;
	}
	.article__content h2 {
		font-size: 26px;
	}
    .uslugiIn__tabs {
        gap:10px;
    }
    .uslugiIn__tab {
        font-size: 14px;
    }
    .uslugiIn {
        padding-bottom: 60px;
    }
    .uslugiIn__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .uslugiIn__content {
        gap: 10px;
    }
    .uslugiIn__card span {
        font-size: 16px;
    }
    .uslugiIn__card svg {
        width: 16px;
    }
	.risk__tabs--title {
		font-size: 16px;
	}
	.risk__tabs--card {
		font-size: 12px;
		padding: 10px 15px;
	}
    .naprav {
        padding: 25px 0;
    }
    .naprav__title {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .naprav__content {
        padding: 15px;
    }
    .naprav__cont {
        gap: 8px;
    }
    .naprav__card {
        padding: 15px 20px;
    }
    .naprav__card span {
        font-size: 12px;
    }
    .naprav__card svg {
        width: 16px;
    }
    .naprav__text {
        margin-top: 25px;
    }
    .naprav__text--title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .naprav__text--card {
        font-size: 16px;
    }
    .naprav__text--content {
        gap: 7px;
    }
    .recommend-three .recommend__card--btns {
        display: flex;
        flex-direction: column;
    }
    .recommend-three .recommend__card--btns .recommend__card--btn, .recommend-three .recommend__card--btns .recommend__card--btn:first-child {
        width: calc(100% - 30px) !important;
    }
    .recommend-three {
        padding-top: 60px;
    }
    .preim__content-col-4 {
        margin: 60px 0;
    }
    .preim__content-col-4 .preim__card--text {
        font-size: 14px;
    }
    .preim__content-col-4 .preim__content {
        gap: 10px;
    }
    .preim__content-col-4 .preim__card {
        min-height: 214px;
        max-height: 214px;
    }
    .infosIn {
        padding-bottom: 60px;
    }
    .infosIn__title {
        font-size: 28px;
    }
    .infosIn__subtitle {
        font-size: 16px;
        max-width: 611px;
        margin-bottom: 25px;
    }
    .infosIn__content {
        gap: 15px;
    }
    .give {
        padding-bottom: 60px;
    }
    .give__img {
        max-width: 442px;
    }
    .give__title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .give__subtitle {
        font-size: 16px;
        max-width: 343px;
    }
    .give__tab {
        font-size: 14px;
    }
    .cardIn {
        padding: 60px 0;
    }
    .cardIn__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .cardIn__content {
        gap: 10px;
    }
    .cardIn__card {
        padding: 15px;
        min-height: 200px;
    }
    .cardIn__card--title {
        font-size: 16px;
    }
    .cardIn__card--text {
        font-size: 14px;
    }
    .whatIs__inner {
        padding: 25px 0;
    }
    .whatIs__title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .whatIs__text p {
        font-size: 16px;
        max-width: 100%;
    }
    .tabsIn {
        padding-bottom: 60px;
    }
    .tabsIn__row--title {
        margin-bottom: 15px;
    }
    .tabsIn__row--card {
        font-size: 12px;
        padding: 12px 7.5px;
    }
    .tabsIn__row:first-child .tabsIn__row--card {
        padding: 12px 12.5px;
    }
    .bannerIn {
        padding-top: 120px;
        padding-bottom: 60px;
    }
    .bannerIn__title {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .bannerIn__subtitle {
        max-width: 574px;
        font-size: 20px;
        margin-bottom: 89px;
    }
    .bannerIn__btn {
        font-size: 14px;
        padding: 19px 37px;
    }
    .values {
        padding-bottom: 60px;
    }
    .values__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .values__content {
        gap: 12px;
    }
    .values__card {
        min-height: 171px;
    }
    .values__card--title {
        font-size: 16px;
    }
    .values__card--text {
        font-size: 14px;
    }
    .values__card--number {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
    .aboutBlock__inner {
        gap: 10px;
    }
    .aboutBlock__btn {
        font-size: 14px;
        padding: 16px 0;
        width: 100%;
    }
    .aboutBlock__img {
        max-width: 216px;
        min-width: 216px;
    }
    .aboutBlock__text p {
        font-size: 16px;
    }
    .policy__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .policy__content p, .policy__content ul {
        font-size: 16px;
    }
    .blog__tabs {
        margin-bottom: 25px;
        gap: 10px;
    }
    .blog__tab {
        font-size: 14px;
        padding: 14px;
    }
    .blog .blogMain__card:last-child {
        display: block;
    }
    .blog .blogMain__title {
        font-size: 28px;
    }
    .servicesProject__inner {
        padding: 60px 0;
    }
    .servicesProject__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .servicesProject__content {
        gap: 10px;
    }
    .servicesProject__card {
        min-height: 149px;
    }
    .servicesProject__card--arrow {
        width: 14px;
    }
    .servicesProject__card--icon {
        height: 25px;
    }
    .servicesProject__card--title {
        font-size: 14px;
    }
    .servicesProject__card--text {
        font-size: 14px;
    }
    .line__inner {
        padding: 22px;
    }
    .line__title {
        font-size: 22px;
    }
    .industries__img {
        width: 291px;
    }
    .industries__inner {
        padding-bottom: 60px;
    }
    .industries__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .industries__content {
        gap: 10px;
    }
    .industries__row {
        gap: 10px;
    }
    .industries__col {
        gap: 12px;
    }
    .industries__card {
        gap: 6px;
    }
    .industries__card--img {
        width: 40px;
        height: 40px;
    }
    .industries__card--img img {
        width: 50%;
    }
    .industries__card--title {
        font-size: 14px;
    }
    .datopStages .step--top {
        margin-bottom: 75px;
    }
    .datopStages .step--bottom {
        margin-top: 85px;
    }
    /*.datopStages .step--bottom .step__dot {*/
    /*    top: 56%;*/
    /*}*/
    /*.datopStages .step:nth-child(5) .step__dot {*/
    /*    top: 50%;*/
    /*}*/
    .personal__inner {
        padding-bottom: 60px;
    }
    .personal__title {
        margin-bottom: 25px;
        font-size: 28px;
    }
    .personal__content {
        gap: 10px;
    }
    .personal__card--icon {
        height: 25px;
        margin-bottom: 20px;
    }
    .personal__card--title {
        gap: 10px;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .personal__card--text ul {
        font-size: 14px;
    }
    .datopslider .aboutCard__top h3 {
        font-size: 14px;
    }
    .datopslider .aboutCard__bottom {
        font-size: 12px;
    }
    .datopslider .aboutCard {
        height: 244px;
    }
    .risk__inner {
        padding: 30px 0;
    }
    .risk__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .risk__content {
        gap: 10px;
    }
    .risk__card--icon {
        padding-top: 35px;
        padding-bottom: 50px;
    }
    .risk__card:nth-child(2) .risk__card--icon {
        padding-bottom: 35px;
        padding-top: 35px;
    }
    .risk__card--title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .risk__card--text {
        font-size: 14px;
    }
    .risk__card--icon img {
        height: 55px;
    }
    .risk__card:nth-child(2) .risk__card--icon img {
        height: 30px;
    }
    .infographic__inner {
        padding: 25px 0 60px 0;
    }
    .infographic__content {
        margin-bottom: 20px;
    }
    .infographic__card--title {
        font-size: 18px;
    }
    .infographic__card--text {
        font-size: 16px;
        max-width: 827px;
    }
    .contform {
        padding-bottom: 60px;
    }
    .contform__title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .contform__subtitle {
        font-size: 16px;
    }
    .contform__form--row input {
        font-size: 14px;
    }
    .contform__form--row input::placeholder {
        font-size: 14px;
    }
    .contform__form--btn {
        font-size: 14px;
    }
    .recommend__inner {
        padding-bottom: 60px;
    }
    .recommend__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .recommend__content {
        gap: 10px;
    }
    .recommend__card {
        padding: 15px;
        min-height: 193px;
        gap: 20px;
    }
    .recommend__card--title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .recommend__card--title svg {
        width: 16px;
    }
    .recommend__card--subtitle {
        font-size: 14px;
        margin-bottom: 0;
    }
    .recommend__card--btns {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .recommend__card--btn {
        width: auto !important;
        font-size: 14px;
        display: flex;
        justify-content: center;
    }
    .recommend__card--btn:first-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .moreAut__inner {
        padding: 60px 0;
    }
    .moreAut__link {
        font-size: 18px;
    }
    .moreAut__link svg {
        width: 16px;
    }
    .moreAut__text {
        gap: 15px;
    }
    .moreAut__text p {
        font-size: 18px;
    }
    .upravl__title {
        font-size: 28px;
    }
    .upravl__left--top {
        gap: 15px;
    }
    .upravl__subtitle p {
        font-size: 16px;
    }
    .upravl__left--bottom {
        gap: 20px;
    }
    .upravl--text {
        font-size: 16px;
    }
    .upravl__btn {
        font-size: 14px;
        padding: 13px 50px;
    }
    .upravl__right {
        gap: 10px;
    }
    .upravl__card--icon {
        height: 25px;
        margin-bottom: 15px;
    }
    .upravl__card--title {
        font-size: 12px;
    }
    .upravl__card--subtitle {
        font-size: 11px;
    }
    .upravl__card--text {
        font-size: 14px;
    }
    .stages__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .step--top {
        margin-bottom: 140px;
    }
    .step--bottom {
        margin-top: 151px;
    }
    .step__heading {
        font-size: 14px;
    }
    .step__text {
        font-size: 12px;
    }
    .result__inner {
        padding: 60px 0;
    }
    .result__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .result__content {
        gap: 10px;
    }
    .result__card {
        min-height: 186px;
    }
    .result__card--title {
        font-size: 16px;
    }
    .result__card--text {
        font-size: 14px;
    }
    .preim__inner {
        padding: 30px 0;
    }
    .preim__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .preim__content {
        gap: 10px;
    }
    .preim__card {
        width: calc(33% - 41px);
        padding: 15px;
        min-height: 191px;
        max-height: 191px;
        margin-top: 0px;
    }
    .preim__card:first-child, .preim__card:nth-child(3) {
        margin-top: 20px;
    }
    .preim__card:nth-child(5) {
        margin-top: -20px;
    }
    .preim__card--icon {
        height: 25px;
    }
    .preim__card--title {
        font-size: 16px;
    }
    .preim__card--text {
        font-size: 14px;
    }
    .services__inner {
        padding: 55px 0;
    }
    .services__title {
        margin-bottom: 25px;
        font-size: 28px;
    }
    .services__content {
        gap: 10px;
    }
    .services__card {
        padding: 15px;
        min-height: 274px;
    }
    .services__card--top {
        gap: 10px;
    }
    .services__card--icon {
        height: 25px;
    }
    .services__card--icon img {
        height: 100%;
    }
    .services__card--title {
        font-size: 16px;
    }
    .services__card--li {
        font-size: 14px;
    }
    .services__card--li svg {
        width: 16px;
    }
    .services__card--btn {
        font-size: 14px;
        padding: 13px;
        border-radius: 10px;
        width: calc(100% - 28px);
    }
    .bannerSecond__inner {
        padding-top: 235px;
        padding-bottom: 45px;
    }
    .bannerSecond__title {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .bannerSecond__subtitle {
        margin-bottom: 40px;
        font-size: 20px;
        max-width: 717px;
    }
    .projectBanner .bannerSecond__subtitle {
        max-width: 655px;
    }
    .bannerSecond__btn {
        padding: 14px;
        font-size: 14px;
    }
    .header__panel::before {
        display: none;
    }
    .header__li-text {
        font-size: 18px;
        color: #FFFFFF !important;
    }
    .header__btn--phone {
        max-width: 174px;
        justify-content: center;
        font-size: 16px;
    }
    .header__btn--call {
        max-width: 214px;
        justify-content: center;
        font-size: 16px;
    }
    .contact {
        padding: 60px 0;
    }
    .contact__title {
        font-size: 28px;
    }
    .contact__content {
        gap: 25px;
    }
    .contact__col {
        max-width: 285px;
        min-width: 285px;
    }
    .contact__col--title {
        font-size: 12px;
    }
    .contact__col--link {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .contact__col--text p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .contact__btn {
        padding: 14px;
        width: 100%;
        font-size: 16px;
        gap: 10px;
        justify-content: center;
    }
    .contact__map {
        display: flex;
        align-items: center;
    }
    .contact__inner {
        gap: 10px;
    }
    .contact__col--social {
        width: 40px;
        height: 40px;
    }
    .faq {
        padding-top: 60px;
    }
    .faq.faqDatop {
        padding-top: 0;
        padding-bottom: 60px;
    }
    .faq__title {
        font-size: 28px;
    }
    .faq-item {
        padding: 20px;
    }
    .faq-question {
        max-width: 398px;
        font-size: 16px;
    }
    .faq-answer {
        max-width: 359px;
        font-size: 14px;
    }
    .blogMain__card--text {
        font-size: 14px;
    }
    .blog .blogMain__content {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    /*.blogMain__card:last-child {*/
    /*    display: none;*/
    /*}*/
    .blogMain {
        padding-top: 60px;
    }
    .blogMain__title {
        font-size: 28px;
        margin-bottom: 25px;
    }
    .cta__title {
        font-size: 28px;
    }
    .cta__subtitle {
        font-size: 16px;
    }
    .cta__form--col input {
        font-size: 14px;
        padding: 19px 20px;
        /*width: calc(100% - 40px);*/
    }
    .cta__form button {
        font-size: 14px;
        padding: 19px 20px;
    }
    .cta__form--check label {
        font-size: 14px;
    }
    .cta__form input::placeholder {
        font-size: 14px;
    }
    .daBlock__slider--arrow {
        top: 27%;
    }
    .daBlock__content {
        width: calc(100% - 250px);
    }
    .daBlock__left {
        max-width: 186px;
        padding: 15px;
        max-height: 163px;
    }
    .daBlock__left--title {
        font-size: 16px;
    }
    .daBlock__left--text {
        font-size: 14px;
    }
    .daBlock__left--top svg {
        width: 16px;
    }
    .daBlock__card--plus {
        padding: 0;
    }
    .daBlock__card .img-main {
        padding: 0;
        width: 140px;
    }
    .daBlock__card--img {
        padding: 8px;
    }
    .dopBanner__img {
        width: 73px;
    }
    .dopBanner__title {
        font-size: 28px;
        max-width: 350px;
    }
    .dopBanner {
        height: 263px;
        padding: 30px 0;
    }
    .aboutNav {
        top: -25%;
    }
    .aboutNav--prev {
        left: auto;
        right: 45px;
    }
    .aboutSlider {
        padding: 60px 0;
    }
    .aboutSlider__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .aboutSlider__title h2 br {
        display: none;
    }
    .aboutSlider__title h2 {
        font-size: 28px;
        margin-bottom: 0;
    }
    .aboutSlider__text {
        font-size: 16px;
        max-width: 436px;
    }
    .aboutSlider__text br {
        display: none;
    }
    .aboutSlick__inner {
        max-width: 954px;
    }
    .aboutCard__top h3 {
        font-size: 16px;
    }
    .aboutCard__bottom {
        font-size: 14px;
    }
    .aboutCard {
        max-height: 179px;
    }
    .footer__tab {
        padding: 26px;
        font-size: 22px;
    }
    .footer__col--title {
        font-size: 16px;
    }
    .footer__col--link {
        font-size: 14px;
    }
    .footer__col .footer__col--inner {
        padding-top: 15px;
    }
    .footer__col--nav {
        margin-top: 15px;
        gap: 12px;
    }
    .container {
        max-width: 894px;
        padding: 0 20px;
    }
    .banner__inner {
        padding-top: 147px;
        padding-bottom: 25px;
    }
    .banner__title {
        margin-top: 67px;
        font-size: 32px;
        margin-bottom: 15px;
    }
	.banner__title span {
        font-size: 32px;
	}
    .banner__bottom {
        margin-top: 78px;
    }
    .banner__card {
        border-radius: 10px;
        padding: 10px;
        max-width: 187px;
    }
    .banner__card--title {
        font-size: 16px;
    }
    svg.banner__card--img {
        width: 16px;
        height: 16px;
    }
    .banner__card--text {
        font-size: 14px;
    }
    .banner__btn {
        font-size: 14px;
        padding: 15px;
    }
    .header__nav {
        display: none;
    }
    .header__btns {
        display: none;
    }
    .header__burger {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 5px;
        background: #FFFFFF;
        position: fixed;
        right: 40px;
    }
    .header__burger .burger {
        height: 18px;
        width: 22px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .header__burger .burger .line {
        border: 1.5px solid #000000;
        transition: all 0.5s;
    }
    .header__inner {
        padding: 0 45px;
    }
    .footer__inner {
        max-width: 100%;
        padding: 0;
    }
}
@media (max-width: 1050px) {
    .header__inner {
        max-width: 894px;
        padding: 0 20px;
    }
}
@media (max-width: 950px) {
    .aboutCard {
        max-height: 195px;
    }
    .aboutCard.aboutCard--feature {
        height: 163px !important;
    }
    .aboutCard__top h3 {
        font-size: 14px;
    }
    .aboutCard__bottom {
        font-size: 12px;
    }
    .blogMain .container {
        max-width: calc(100% - 40px);
    }
    .timeline {
        display: none !important;
    }
    .stages__nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        margin-bottom: 20px;
    }
    .stages__arrow {
        width: 35px;
        height: 35px;
        border: none;
        border-radius: 3px;
        background: #FF6900;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .stages__arrow--next {
        background: #FF6900;
    }
    .stages__arrow svg polyline {
        stroke: #FFFFFF;
    }
    .stages__arrow.swiper-button-disabled {
        background: #FFFFFF;
    }
    .stages__arrow.swiper-button-disabled svg polyline {
        stroke: #000000;
    }
    .stages .container {
        max-width: calc(100% - 40px);
    }
    .stages__contentMob {
        display: block;
        /*max-height: 107px;*/
        position: relative;
    }
    .stages__contentMob::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: 3px;
        height: 2px;
        background: #757575;
        transform: translateY(-50%);
        width: 200%;
    }
    .stages__cardMob {
        width: auto !important;
        height: auto !important;
        max-width: 272px;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-end;
    }
    .stages__cardMob--title {
        font-family: 'Bounded', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 114.99999999999999%;
        text-transform: uppercase;
        color: #000000;
        margin-bottom: 10px;
    }
    .stages__cardMob--text {
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        color: #000000;
        margin-bottom: 20px;
    }
    .stages__cardMob--dot {
        width: 12px;
        height: 12px;
        border-radius: 999px;
        background: #FF6900;
        box-shadow: 0 0 0 3px rgba(255, 122, 26, .18);
    }
    .stages__contentMob .swiper-wrapper {
        height: auto !important;
    }
    .faq-item.active .faq-answer {
        padding-top: 15px;
    }
    .infographic__card--icon {
        margin-top: 0;
    }
	.daBoxBlock .daBlock__slider--nav {
		display: block;
	}
    .uslugiIn__tab {
        font-size: 12px;
    }
	.risk__tabs--col:first-child .risk__tabs--card {
		width: 100%;
		text-align: center;
	}
	.risk__tabs--cont {
		justify-content: flex-start;
	}
    .recommend-three .recommend__content {
        grid-template-columns: repeat(2, 1fr);
    }
    .preim__content-col-4 .preim__content {
        grid-template-columns: repeat(2, 1fr);
    }
    .give__img {
        display: none;
    }
    .give__subtitle {
        max-width: none;
        margin-bottom: 20px;
    }
    .cardIn__content {
        grid-template-columns: repeat(2, 1fr);
    }
    .tabsIn__row--cont {
        justify-content: flex-start;
    }
    .values__content {
        grid-template-columns: repeat(2, 1fr);
    }
    .aboutBlock__img {
        display: none;
    }
    .aboutBlock {
        background: url("/local/templates/dagroup/img/about-bg-mb_result.webp") no-repeat;
        background-size: cover;
        background-position: center;
        padding: 20px 0;
    }
    .datopStages .stages__title {
        margin-bottom: 25px;
    }
    .datopStages .step__heading {
        margin-bottom: 30px;
    }
    .infographic__card--title {
        font-size: 14px;
    }
    .recommend__card--subtitle {
        font-size: 12px;
    }
    .recommend__card--btns {
        gap: 10px;
    }
    .recommend__card--btn {
        font-size: 12px;
        padding: 10px;
    }
    .timeline::before {
        top: auto;
        bottom: 3px;
    }
    .step {
        width: fit-content;
        min-width: 150px;
    }
    .step__text {
        max-width: 272px;
    }
    .stages__title {
        padding-left: 20px;
    }
    .timeline {
        padding-left: 20px;
        display: flex;
        gap: 50px;
        overflow-x: scroll;
        width: fit-content;
        padding-bottom: 20px;
    }
    .step__dot {
        top: auto !important;
        bottom: -20px !important;
        transform: translate(0px, 0px);
    }
    .step--top {
        margin-bottom: 0 !important;
        align-self: end;
    }
    .step--bottom {
        margin-top: 0 !important;
        align-self: end;
    }
    .step:last-child .step__text {
        width: max-content;
    }
    .result__content {
        /*grid-template-columns: repeat(2, 1fr);*/
    }
    .result__card--title {
        font-size: 14px;
    }
    .preim__content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .preim__card {
        width: auto;
        margin-top: 0 !important;
    }
    .contact__col {
        max-width: 215px;
        min-width: 215px;
    }
    .contact__col--text p {
        font-size: 12px;
    }
    .contact__btn {
        font-size: 12px;
    }
    .contact__col--link {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .faq-question {
        max-width: 100%;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .faq-question span {
        width: 60%;
    }
    .faq-item {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
    }
    .faq-toggle {
        /*position: absolute;*/
        /*top: 20px;*/
        /*right: 20px;*/
        display: none;
    }
    .faq-toggle-mob {
        display: flex;
    }
    .blogMain__card--title {
        font-size: 14px;
    }
    .daBlock__inner {
        max-width: calc(100% - 40px);
    }
    .daBlock__content {
        width: calc(100% - 300px);
    }
    .aboutSlickWrap {
        max-width: 100%;
    }
    .aboutSlick__inner {
        max-width: 100%;
    }
    .aboutNav--prev {
        right: 65px;
    }
    .aboutNav--next {
        right: 15px;
    }
    .footer__tab {
        padding: 20px;
        font-size: 18px;
    }
    .footer__col--title {
        font-size: 14px;
    }
    .footer__col--link {
        font-size: 12px;
    }
    .footer__col--inner {
        padding-left: 15px;
    }
    .banner__bottom {
        flex-direction: column;
        margin-top: 20px;
    }
    .banner__btn {
        width: fit-content;
    }
    .banner__content {
        justify-content: center;
        width: 100%;
        margin-top: 50px;
    }
    .banner__card {
        width: 33%;
        max-width: 100%;
    }
}
@media (max-width: 820px) {
    .aboutCard__top h3 {
        font-size: 12px;
    }
    .result__card--title {
        font-size: 13px;
    }
}
@media (max-width: 760px) {
    .result__card--title {
        font-size: 12px;
    }
    .blog .blogMain__content {
        grid-template-columns: repeat(2, 1fr);
    }
    .recommend-three .recommend__content {
        grid-template-columns: repeat(1, 1fr);
    }
    .recommend-three .recommend__card--btns {
        display: none;
    }
    .recommend-three .recommend__card {
        min-height: 0px;
    }
    .tabsIn__content {
        padding: 0;
        background: transparent;
        flex-direction: column;
        gap: 10px;
    }
    .tabsIn__row:first-child {
        max-width: 100%;
        width: fit-content;
    }
    .tabsIn__row:last-child {
        max-width: 100%;
        width: fit-content;
    }
    .tabsIn__row {
        background: #4D4D4D;
        border-radius: 10px;
        padding: 18px;
    }
    .tabsIn__row--cont {
        max-width: 100% !important;
    }
    .tabsIn__row--card {
        font-size: 14px;
        padding: 10px !important;
        border-radius: 10px;
    }
    .industries__img {
        display: none;
    }
    .industries__content {
        width: 100%;
    }
    .industries__row {
        width: 100%;
        justify-content: space-between;
    }
    .services__content {
        display: flex;
        flex-direction: column;
    }
    .services__card {
        gap: 15px;
        min-height: 269px;
        max-height: none;
        padding: 15px 40px;
        border-radius: 12px;
    }
    .footer__col--nav.cont {
        display: flex;
        /*flex-direction: row;*/
    }
    .footer__col--inner.active .footer__col--title img {
        transform: rotate(180deg);
    }
    .footer__col--inner.active .footer__col--nav {
        display: flex;
    }
    .footer__inner {
        flex-direction: column;
    }
    .footer__col {
        width: 100%;
    }
    .footer__col {
        border-right: none;
        border-bottom: 1px solid #404040;
    }
    .footer__col--inner {
        padding: 0 !important;
    }
    .footer__col--title {
        font-size: 20px;
        display: flex;
        justify-content: space-between;
        padding: 20px 11px;
        border-bottom: 1px solid #404040;
    }
    .footer__col--title-mt {
        margin-top: 0;
        border-bottom: none;
    }
    .footer__col--nav {
        margin-top: 0;
        padding: 20px 11px;
        display: none;
    }
    .footer__col--title img {
        display: block;
        transition: all 0.5s;
        height: fit-content;
    }
    .footer__col--link {
        font-size: 16px;
    }
    .footer__col--img {
        display: block;
    }
    .footer__col--img .footer__col--inner {
        display: flex;
        justify-content: center;
        padding: 25px !important;
    }
    .footer__col--logo {
        width: 65px;
    }
    .contact__btn {
        font-size: 14px;
    }
}
@media (max-width: 640px) {
    .blogMain__content {
        /*grid-template-columns: repeat(2, 1fr);*/
    }
    .blogMain__card:last-child {
        display: block;
    }
}
@media (max-width: 600px) {
    .text-required {
        margin-top: 0;
    }
    .aboutFeature {
        left: 8px;
    }
    .popupThanks__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .popupThanks__text {
        font-size: 18px;
    }
    .blogMain .container {
        max-width: calc(100% - 22px);
    }
    .blogMain__slider {
        margin-left: -15px;
    }
    .blogMain__slider--nav {
        margin-bottom: 20px;
    }
    .blogMain__content {
        margin-top: -45px;
    }
    .blogMain__slider--arrow {
        width: 30px;
        height: 30px;
    }
    .headerMenu__inner {
        align-items: center;
    }
    .popupConsult .container {
        max-width: calc(100% - 22px);
        width: 100%;
    }
    .headerMenu {
        right: 11px;
        top: -100%;
        border-radius: 10px;
        height: auto;
    }
    .headerMenu.active {
        top: 8px;
        width: calc(100% - 22px);
        right: 11px;
    }
    .header__li--top, .header__li--box {
        align-items: center;
    }
    .header__li-text {
        justify-content: center;
    }
    .submenu__title, .submenu__link {
        text-align: center;
    }
    .uslugiIn__cont {
        background: #4D4D4D;
        padding: 20px;
        border-radius: 10px;
    }
    .uslugiIn__tabs {
        margin-top: 0;
    }
    .cta__form--col input {
        width: 100%;
    }
    .values__card {
        min-height: 135px;
    }
    .values__card--number {
        font-family: 'Inter', sans-serif;
        min-width: 30px;
        font-size: 20px;
    }
    .values__card--title {
        font-size: 20px;
    }
    .values__card--text {
        font-size: 16px;
    }
    .services__card {
        min-height: 218px;
    }
    .aboutSlick .aboutCard.is-first {
        border-color: #FFFFFF;
    }
    .risk__title span {
        color: #FF6900;
    }
    .upravl__card--text {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        margin-top: -20px;
    }
    .upravl__card--text p {
        transition: all 0.5s;
        max-height: 0;
        overflow: hidden;
        max-width: 250px;
    }
    .upravl__card--text.active p {
        max-height: 300px;
        padding-top: 20px;
    }
    .upravl__card--text.active .upravl__card--plus .icon {
        background: #252525;
    }
    .upravl__card--text.active .upravl__card--plus .icon img {
        transform: rotate(45deg);
    }
    .upravl__card--plus {
        display: flex;
        justify-content: flex-end;
    }
    .upravl__card--plus .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 28px;
        height: 28px;
        background: #FF6900;
        border-radius: 5px;
        transition: all 0.5s;
    }
    .upravl__card--plus .icon img {
        width: 60%;
        transition: all 0.5s;
    }
    .upravl {
        background: url(/local/templates/dagroup/img/babox-upravl-mob.png) no-repeat;
        background-size: cover;
    }
    .stages__cardMob--title {
        min-width: 140px;
    }
    .stages__contentMob {
        max-height: none;
    }
    .stages__cardMob {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-end;
    }
    .preim__cont-mob {
        display: block;
        margin-top: 10px;
        background: #FFFFFF;
        border-radius: 10px;
        padding: 20px;
    }
    .preim__card-mob {
        font-weight: 400;
        font-size: 16px;
        line-height: 125%;
        color: #000000;
        display: none;
    }
    .preim__card-mob.active {
        display: block;
    }
    .preim__card.active {
        background: #FFFFFF;
        border-color: #FFFFFF;
    }
    .preim__card.active .preim__card--title {
        color: #FF6900;
    }
    .preim__card.active .preim__card--icon svg path {
        stroke: #FF6900;
    }
    .services__card:first-child {
        background: #FFFFFF;
    }
    .contact__col--btn-mob {
        display: flex;
        margin-top: 10px;
    }
    .contact__col--btn-desk {
        display: none;
    }
    .faq-question span {
        width: 80%;
    }
    .daBoxBlock .daBlock__slider--nav {
        display: flex;
    }
	.give__content {
		width: 100%;
	}
	.cta__form--check {
		gap: 12px;
	}
	.article {
		padding-top: 90px;
	}
	.article__banner {
		border-radius: 10px;
	}
	.article__img {
		border-radius: 10px;
		height: 255px;
	}
	.article__top {
		top: 15px;
		left: 15px;
		padding: 10px;
		gap: 15px;
	}
	.article__top--col span {
		font-size: 12px;
	}
	.article__top--col img {
		width: 20px;
	}
	.article__title {
		position: static;
		color: #000000;
		font-size: 24px;
		margin-top: 20px;
	}
	.article__content p, .article__content ul {
		margin-bottom: 20px;
	}
	.article__content h2 {
		font-size: 20px;
	}
	.popupConsult .contform__title {
		max-width: 75%;
	}
    .uslugiIn__tabs {
        display: flex;
        flex-direction: column;
    }
    .uslugiIn__tab {
        font-size: 14px;
    }
    .uslugiIn {
        padding-bottom: 40px;
    }
    .uslugiIn__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .uslugiIn__img {
        display: none;
    }
    .uslugiIn__left {
        width: 100%;
        padding: 20px 40px;
        background: #FFFFFF;
        border-radius: 10px;
    }
    .uslugiIn__card svg {
        opacity: 1;
    }
	.risk_in .risk__card--title, .risk_in .risk__card--text {
		text-align: left;
	}
	.risk_in .risk__card--icon img {
		height: auto !important;
	}
	.risk_in .risk__card--icon {
		padding: 0 !important;
	}
	.risk__card--text br {
		display: none;
	}
	.risk__tabs--title {
		font-size: 20px;
	}
	.risk__tabs {
		flex-direction: column;
	}
    .risk__tabs--card {
        font-size: 14px;
        padding: 15px 19px;
    }
	.risk__tabs--col {
		min-height: 0px;
		width: fit-content;
	}
    .naprav {
        background: transparent;
        padding: 0;
    }
    .naprav__card span {
        font-size: 14px;
    }
    .naprav__text--content {
        grid-template-columns: repeat(1, 1fr);
    }
    .naprav__cont {
        grid-template-columns: repeat(1, 1fr);
    }
    .recommend-three {
        padding-top: 40px;
    }
    .preim__content-col-4 {
        margin: 40px 0;
    }
    .preim__content-col-4 .preim__content {
        grid-template-columns: repeat(1, 1fr);
    }
    .preim__content-col-4 .preim__card {
        min-height: 0;
        max-height: none;
    }
    .preim__content-col-4 .preim__card--text {
        display: block;
    }
    .infosIn {
        padding-bottom: 40px;
    }
    .infosIn__title {
        font-size: 24px;
    }
    .infosIn__subtitle {
        max-width: 350px;
        margin-bottom: 20px;
    }
    .infosIn__content {
        gap: 10px;
        display: flex;
        flex-direction: column;
    }
    .infosIn__card {
        gap: 25px;
    }
    .infosIn__card--icon {
        width: 40px;
        height: 40px;
    }
    .infosIn__card--text {
        font-size: 20px;
        font-family: 'Inter', sans-serif;
        text-transform: capitalize;
        font-weight: 600;
    }
    .give {
        padding-bottom: 40px;
    }
    .give__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .give__subtitle {
        font-size: 16px;
        max-width: 294px;
    }
    .give__tab {
        padding: 13px;
        width: calc(100% - 26px);
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .cardIn {
        padding: 40px 0;
    }
    .cardIn__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .cardIn__content {
        gap: 10px;
    }
    .cardIn__card {
        padding: 12px;
        min-height: 170px;
    }
    .cardIn__card:first-child {
        background: #FFFFFF;
        border-color: #FFFFFF;
    }
    .cardIn__card:first-child .cardIn__card--title {
        color: #000000;
    }
    .cardIn__card:first-child .cardIn__card--text {
        color: #000000;
    }
    .cardIn__card--title {
        font-size: 15px;
    }
    .cardIn__card--text {
        font-size: 12px;
    }
    .whatIs__inner {
        padding: 20px 0;
    }
    .whatIs__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .tabsIn {
        padding-bottom: 40px;
    }
    .bannerIn {
        padding-top: 93px;
        padding-bottom: 40px;
    }
    .bannerIn__inner {
        padding: 20px;
    }
    .bannerIn__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .bannerIn__subtitle {
        max-width: 100%;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .bannerIn__btn {
        width: 100%;
        font-size: 16px;
        padding: 13px 0;
    }
    .values__content {
        grid-template-columns: repeat(1, 1fr);
    }
    .values__card--top {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
    }
    .values__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .values__title br {
        display: none;
    }
    .values {
        padding-bottom: 40px;
    }
    .aboutBlock__content {
        padding: 0;
        background: transparent;
        gap: 20px;
    }
    .aboutBanner .banner__title {
        font-size: 27px;
    }
    .aboutBlock__text {
        padding: 20px 30px;
        border-radius: 11px;
        background: #FFFFFF;
    }
    .aboutBlock__btn {
        border-radius: 10px;
    }
    .bannerSecond.aboutBanner {
        background: url('/local/templates/dagroup/img/about-banner-mob.png') no-repeat;
        background-size: cover;
        background-position: center;
    }
    .policy__title {
        font-size: 24px;
        margin-bottom: 20px;
        word-break: break-all;
    }
    .policy__content p, .policy__content ul {
        font-size: 16px;
    }
    .blog__tabs {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 20px;
        gap: 10px;
    }
    .blog__tab {
        font-size: 12px;
        padding: 12px;
    }
    .blog .blogMain__title {
        font-size: 24px;
    }
    .servicesProject__card--arrow {
        opacity: 0 !important;
    }
    .servicesProject__card--top--more {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 10px;
    }
    .servicesProject__card--text {
        display: none;
    }
    .servicesProject__card--top--more .servicesProject__card--text {
        display: none;
        flex-direction: column;
        gap: 10px;
        max-width: 240px;
    }
    .servicesProject__card--top--more .servicesProject__card--text a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 6.5px 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 125%;
        color: #FFFFFF;
        background: #404040;
        border-radius: 7px;
    }
    .servicesProject__card--top--more.active .servicesProject__card--text {
        display: flex;
    }
    .servicesProject__card--top--more--img {
        min-width: 10px;
    }
    .servicesProject__card--top--more--img svg {
        transition: all 0.5s;
        transform: rotate(90deg);
        fill: transparent;
    }
    .servicesProject__card--top--more--img svg path {
        stroke: #000000;
    }
    .servicesProject__inner {
        padding: 40px 0;
    }
    .servicesProject__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .servicesProject__content {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .servicesProject__card {
        background: transparent !important;
        min-height: 0;
        padding: 0;
    }
    .servicesProject__card--top {
        flex-direction: row;
        gap: 25px;
        align-items: center;
    }
    .servicesProject__card--icon {
        min-width: 50px;
        height: 50px;
        background: #4D4D4D;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .servicesProject__card--icon svg, .servicesProject__card--icon img {
        height: auto;
        width: 60%;
        filter: brightness(0) saturate(100%) invert(1);
    }
    .servicesProject__card--icon svg path {
        stroke: #FFFFFF;
    }
    .servicesProject__card--title {
        text-transform: none;
        font-size: 18px;
        color: #000000 !important;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        max-width: 100%;
    }
    .servicesProject__card--text {
        color: #000000 !important;
    }
    .servicesProject__card--top--more--text {
        font-weight: 400;
        font-size: 14px;
        line-height: 125%;
        color: #000000;
    }
    .servicesProject__card--top--more.active .servicesProject__card--top--more--text {
        display: none;
    }
    .servicesProject__card--top--more.active .servicesProject__card--top--more--img svg {
        transform: rotate(270deg);
    }
    .line__inner {
        padding: 20px 0;
    }
    .line__title {
        font-size: 16px;
    }
    .industries__inner {
        padding-bottom: 40px;
    }
    .industries__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .industries__row {
        flex-direction: column;
        gap: 10px;
    }
    .industries__col {
        gap: 10px;
    }
    .datopStages .stages__title {
        margin-bottom: 25px;
    }
    .personal__inner {
        padding-bottom: 40px;
    }
    .personal__title {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .personal__content {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }
    .personal__card {
        padding: 20px 25px;
    }
    .personal__card--icon {
        height: 20px;
        margin-bottom: 15px;
    }
    .personal__card--title {
        gap: 15px;
        font-size: 20px;
        margin-bottom: 20px;
    }
    .personal__card--text ul {
        font-size: 16px;
    }
    .risk {
        background: transparent;
    }
    .risk__inner {
        padding-top: 0;
        padding-bottom: 0;
    }
    .risk__title {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .risk__content {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .risk__card {
        padding: 20px 30px;
        flex-direction: row-reverse;
        align-items: center;
    }
    .risk__card--title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .risk__card--text {
        font-size: 16px;
    }
    .risk__card--icon img {
        width: 80px;
        height: auto !important;
    }
    .risk__card--icon {
        padding: 0 !important;
        justify-content: flex-end;
    }
    .infographic__card {
        align-items: center;
    }
    .infographic__inner {
        padding: 40px 0;
    }
    .infographic__content {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 0;
    }
    .infographic__card--title {
        font-size: 20px;
    }
    .infographic__card--text {
        display: none;
    }
    .contform {
        padding-bottom: 40px;
    }
    .contform__inner {
        padding: 20px;
    }
    .contform__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .contform__subtitle {
        font-size: 14px;
    }
    .contform__subtitle br {
        display: block;
    }
    .contform__form--row {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .contform__form--row input {
        padding: 14px 25px;
    }
    .contform__form--btn {
        padding: 14px 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .recommend__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .recommend__card--title {
        font-size: 20px;
    }
    .recommend__card--title svg {
        width: 19px;
    }
    .recommend__card--subtitle {
        font-size: 16px;
    }
    .recommend__content {
        grid-template-columns: repeat(1, 1fr);
    }
    .recommend__card {
        padding: 20px 25px;
        min-height: 0px;
    }
    .recommend__card--btns {
        display: none;
    }
    .recommend__inner {
        padding-bottom: 40px;
    }
    .moreAut__inner {
        padding: 40px 0;
    }
    .moreAut__link {
        font-size: 20px;
    }
    .moreAut__link svg {
        width: 20px;
    }
    .moreAut__text {
        gap: 15px;
    }
    .moreAut__text p {
        font-size: 16px;
    }
    .upravl__inner {
        flex-direction: column;
        gap: 20px;
        padding: 20px 0;
    }
    .upravl__left {
        width: 100%;
        gap: 20px;
    }
    .upravl__right {
        width: 100%;
    }
    .upravl__title {
        font-size: 20px;
    }
    .upravl__left--top {
        gap: 20px;
    }
    .upravl__subtitle {
        gap: 20px;
    }
    .upravl__subtitle p {
        font-size: 14px;
    }
    .upravl--text {
        font-size: 14px;
        display: none;
    }
    .upravl__left--bottom {
        flex-direction: column-reverse;
    }
    .upravl__btn {
        padding: 13px 0px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .upravl__card--title {
        font-size: 18px;
    }
    .upravl__card--subtitle {
        font-size: 14px;
    }
    .stages__title {
        font-size: 24px;
        margin-bottom: 10px;
        padding-left: 0;
    }
    .timeline {
        padding-left: 0;
    }
    .result__inner {
        padding: 40px 0;
    }
    .result__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .result__content {
        gap: 12px;
        grid-template-columns: repeat(1, 1fr);
    }
    .result__card {
        padding: 16px;
        min-height: 0px;
    }
    .result__card--title {
        font-size: 16px;
        max-width: 299px;
    }
    .result__card--text {
        display: none;
    }
    .preim__title {
        font-size: 20px;
        margin-bottom: 20px;
        max-width: 332px;
    }
    .preim__title br {
        display: none;
    }
    .preim__card--title {
        font-size: 12px;
    }
    .preim__card--text {
        display: none;
    }
    .preim__card {
        padding: 10px;
        gap: 10px;
        max-height: none;
        min-height: 0px;
    }
    .services__card--top {
        gap: 15px;
    }
    .services__content {
        gap: 15px;
    }
    .services__inner {
        padding: 40px 0;
    }
    .services__title {
        font-size: 24px;
    }
    .services__card--title {
        font-size: 20px;
    }
    .services__card--li {
        font-size: 16px;
    }
    .bannerSecond {
        margin: 0;
        max-width: 100%;
        height: 100vh;
        width: 100%;
        border-radius: 0;
    }
    .bannerSecond__inner {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .bannerSecond .container {
        display: flex;
        align-items: flex-end;
    }
    .bannerSecond__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .bannerSecond__subtitle {
        font-size: 18px;
        color: #FFFFFF;
        margin-bottom: 20px;
    }
    .bannerSecond__btn {
        width: 100%;
        display: flex;
        justify-content: center;
        font-size: 16px;
    }
    .contact__title {
        font-size: 24px;
    }
    .contact {
        padding: 40px 0;
    }
    .contact__col--title {
        font-size: 16px;
    }
    .contact__inner {
        flex-direction: column;
    }
    .contact__row {
        flex-direction: column;
    }
    .contact__col {
        max-width: 100%;
        width: 100%;
    }
    .faq {
        padding-top: 40px;
    }
    .faq.faqDatop {
        padding-top: 0;
        padding-bottom: 40px;
    }
    .faq__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .blogMain__card--top {
        margin-bottom: 8px;
    }
    .blogMain__content {
        gap: 6px;
    }
    .blogMain__card--content {
        padding: 12px;
    }
    .blogMain__card--col {
        gap: 5px;
    }
    .blogMain__card--col p {
        font-size: 12px;
    }
    .blogMain__card--text {
        font-size: 12px;
    }
    .blogMain__card--col img {
        width: 18px;
        height: 18px;
    }
    .blogMain__content {
        /*grid-template-columns: repeat(2, 1fr);*/
    }
    .blogMain__card:last-child {
        display: block;
    }
    .blogMain__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .blogMain {
        padding-top: 40px;
    }
    .cta__form--col {
        width: 100%;
        gap: 10px;
    }
    .cta__form {
        gap: 10px;
    }
    .cta__form--row {
        flex-direction: column;
    }
    .cta__form--check label {
        font-size: 12px;
    }
    .cta__inner {
        padding: 20px;
    }
    .cta__title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .cta__subtitle {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .daBlock__slider {
        margin-left: -15px;
        width: calc(100% + 15px);
    }
    .daBlock__slider--arrow {
        position: static;
        transform: translate(0%, 0%);
    }
    .daBlock__slider--nav {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 6px;
        margin-bottom: 15px;
    }
    .daBlock__card--plus {
        width: 100%;
    }
    .daBlock__card--plus .img {
        width: 20px;
        height: 20px;
    }
    .daBlock__card--plus .img img {
        width: 10px;
    }
    .daBlock__content {
        justify-content: center;
        width: 100%;
    }
    .daBlock__card--img {
        align-items: center;
        padding-bottom: 22px;
    }
    .daBlock__card {
        gap: 10px;
        width: 100%;
    }
    .daBlock__slider .uk-panel {
        /*width: 100%;*/
    }
    .daBlock__card--title {
        font-size: 12px;
    }
    .daBlock__card .img-main {
        width: 80px;
    }
    .daBlock {
        padding: 40px 0;
    }
    .daBlock__inner {
        flex-direction: column;
    }
    .daBlock__left {
        max-width: 100%;
    }
    .datopBanner {
        background: url('/local/templates/dagroup/img/datop-bg-banner_mob.png') no-repeat;
        background-size: cover;
        background-position: center;
    }
    .daboxBanner {
        background: url('/local/templates/dagroup/img/dabox-bg-banner_mob.png') no-repeat;
        background-size: cover;
        background-position: center;
    }
    .projectBanner {
        background: url('/local/templates/dagroup/img/project-bg-banner_mob.png') no-repeat;
        background-size: cover;
        background-position: center;
    }
    .dopBanner {
        height: 321px;
        padding: 35px 0;
    }
    .dopBanner__img {
        width: 81px;
    }
    .dopBanner__title {
        font-size: 20px;
        max-width: 195px;
    }
    .aboutNav {
        top: -20%;
        width: 35px;
        height: 35px;
    }
    .aboutNav--prev {
        right: 55px;
    }
    .container {
        padding: 0px 11px;
        max-width: calc(100% - 22px);
        width: 100%;
    }
    .aboutSlider__text {
        max-width: 100%;
    }
    .aboutSlider__head {
        margin: 0;
        margin-bottom: 20px;
    }
    .aboutSlider__title h2 {
        font-size: 24px;
    }
    .aboutSlider__text {
        max-width: 274px;
        font-size: 14px;
    }
    .aboutSlider {
        padding: 40px 0;
    }
    .footer__tab {
        font-size: 16px;
        padding: 20px 5px;
    }
    .header {
        top: 17px;
    }
    .banner {
        width: 100%;
        height: 100vh;
        margin: 0;
        border-radius: 0;
    }
    .banner__inner {
        padding-top: 116px;
        padding-bottom: 30px;
        display: flex;
        flex-direction: column;
    }
    .banner__title {
        margin-top: 179px;
        font-size: 26px;
        margin-bottom: 10px;
    }
	.banner__title span {
        font-size: 26px;
	}
    .banner__subtitle {
        font-size: 18px;
		margin-bottom: 20px;
	}
    .banner__bottom {
        flex-direction: column-reverse;
        margin-top: auto !important;
    }
    .banner__content {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 0;
    }
    .banner__card {
        width: calc(50% - 28px);
    }
    .banner__card:last-child {
        width: 100%;
    }
    .banner__card--text {
        display: none;
    }
    .banner__btn {
        margin-top: 20px;
        font-size: 16px;
        width: 100%;
        justify-content: center;
        border-radius: 11px;
        padding: 13px;
    }
    .banner__card--title {
        font-size: 18px;
    }
    .banner__card--title br {
        display: none;
    }
    .header__logo img {
        height: 36px;
    }
    .header__burger {
        width: 35px;
        height: 35px;
        right: 12px;
    }
    .header__inner {
        padding: 0 11px;
    }
    .aboutSlick__inner {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    .aboutCard__top h3 {
        font-size: 15px;
    }
    .aboutCard__bottom {
        font-size: 12px;
    }
    .preim__card {
        max-height: none;
        min-height: 0px;
    }
    .footer__inner {
        padding: 0;
        max-width: 100%;
    }
}
@media (max-width: 415px) {
    .datopslider .aboutCard__top h3 {
        font-size: 12px;
    }
    .bannerSecond__title {
        font-size: 22px;
    }
    .banner__title {
        font-size: 24px;
    }
}
@media (max-width: 400px) {
    .cardIn__card--title {
        font-size: 12px;
    }
    .cardIn__card--text {
        font-size: 11px;
    }
    .blogMain__card--title {
        font-size: 12px;
    }
}
@media (max-width: 385px) {
    .bannerSecond__title {
        font-size: 20px;
    }
    .preim__card--title {
        font-size: 10px;
    }
    .banner__title {
        margin-top: 120px;
        font-size: 20px;
    }
    .banner__title span {
        font-size: 20px;
    }
    .banner__subtitle {
        font-size: 15px;
    }
}
@media (max-width: 370px) {
    .cardIn__title {
        font-size: 20px;
    }
}
@media (max-width: 360px) {
    .datopslider .aboutCard__top h3 {
        font-size: 10px;
    }
    .banner__title {
        font-size: 18px;
    }
    .banner__title span {
        font-size: 18px;
    }
}
@media (max-width: 359px) {
    .bannerSecond__title {
        font-size: 18px;
    }
    .blogMain__card--title {
        font-size: 10px;
    }
    .blogMain__card--col p {
        font-size: 10px;
    }
    .blogMain__card--text {
        font-size: 10px;
    }
}
@media (max-width: 335px) {
    .cardIn__card--title {
        font-size: 11px;
    }
}


@keyframes dotPulse{
    0%, 100%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(0.75);
        opacity: 0.55;
    }
}

@keyframes haloPulse{
    0%, 100%{
        transform: scale(0.9);
        opacity: 0.35;
    }
    50%{
        transform: scale(1.25);
        opacity: 0;
    }
}

/* уважение к системной настройке "уменьшить движение" */
@media (prefers-reduced-motion: reduce){
    .header__btn--call span,
    .header__btn--call span::after{
        animation: none;
    }
}