main{ padding-top: 60px;}

h1, h2, h3, h4
{ color: #000;}

body
{ color: #404E51;}

._flex{ display: flex;}
._flex_center{ justify-content: center;}
._flex_v_center{ align-items: center;}

._corners{ border-radius: 0 !important}

.language .lang-item img{ width: 24px; height: 18px;}
.customer-section { padding-bottom: var(--mb4);}


.mob_overflow img{ max-width: 100%;}

a.for-Mob{ display: none !important;}

.modal-content{ background: #fff;}
.modal .title{ color: #000;}
.modal-content{ border-radius: 30px;}

.no_shadow{ box-shadow: none !important;}

._zi_4{ z-index: 4;  position: relative;}
._zi_3{ z-index: 3;  position: relative;}
._zi_2{ z-index: 2;  position: relative;}
._zi_1{ z-index: 1;  position: relative;}
._zi_0{ z-index: 0;  position: relative;}

._max_w_100{ max-width: 100%; height: auto;}

._layout_deco{ background: #fff; border-radius: 30px; padding:var(--p_t__xs) 30px; }
._layout_deco._v2,
._layout_deco._v3{ background:none; border-radius: 0px; padding-left: 0; padding-right: 0}
._layout_deco._v3{ padding-bottom: 0}

._bg_deco{ background: #EDF1EC;}

._deco_v_border{ border-right: 1px dashed #ccc}

._content{ padding: 30px 0}

._blur_backdrop_v1{ z-index: 5 !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(10px); background: rgba(3, 38, 33, 0.5);}


.nav__lnk{ margin-right: 10px;}


@media (min-width: 1200px) {
  .container{ max-width: 1200px;  }
}


.lang-list,
.nav__lnk{ border-radius: 15px}

.mb_30{ margin-bottom: 45px;}
.p_tb__xl{ padding-top: 100px; padding-bottom: 100px;}

.deco_sf{ color: #00A1E0; }
.solution .deco_sf{ color: #000; }


._blur_v1{ opacity: 0.25; filter: blur(6.5px);}

.shadow_block{ box-shadow: 0px 10px 35px 0px rgba(62, 89, 130, 0.25);}
.shadow_block2{ box-shadow: 0px 15px 15px 0px rgba(62, 89, 130, 0.15);}
.shadow_3{ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);}

.vertical-centered{align-items: center;}

._scheme{ padding-top: 30px;}

._text_inverce,
._text_inverce h1,
._text_inverce h2 { color: #fff;}

._text_normal { color: #000;}


/* ............................................................................*/
._bg_prolisk { background:url(images/landing_prolisk/header/bg_square.png); background-position: top center; }


/* ............................................................................*/
.btn{ border-radius: 30px; padding: 10px 30px; font-size: 20px; line-height: 165%; vertical-align: baseline;}
.btn span{ display: flex; justify-content: center; align-items: center;}
.btn span svg{ margin-left: 10px}
.btn-outline-primary span svg.icon-arrow{ margin-left: 0}

.btn-simple{font-size: 16px; font-weight: normal; color: #178C7B; text-transform: none; padding: 0; min-width: auto;}
.btn-simple span svg{ margin-left: 5px; margin-top: 3px;}
.btn-simple .icon_svg{fill: #178C7B; width: 24px; height: 24px;}
.btn-simple:hover{ color: #8B3488}
.btn-simple:hover .icon_svg,
.btn-simple:focus .icon_svg{fill: #8B3488;}

.btn-simple span span{ position: relative;}
.btn-simple span span::after{ content: "";  border-bottom: 2px solid; position: absolute; left: 0; bottom: 0; width: 0%}



.btn-primary{ background: #8B3488; border-color:#8B3488 }
.btn-primary:hover,
.btn-primary:focus{ background: #fff !important; border-color:#8B3488 !important; color:#8B3488 !important; }
._text_inverce .btn-primary:hover,
._text_inverce .btn-primary:focus{ background: #fff !important; border-color:#fff !important; color:#8B3488 !important; }

.btn-outline-primary{ font-size: 18px; border: 2px solid #000; color: #000;}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:focus{ background: #000000; color: #fff; border-color:#000;}

.light-text .btn-outline-primary{ font-size: 18px; border: 2px solid #fff; color: #fff;}
.light-text .btn-outline-primary:hover,
.light-text .btn-outline-primary:not(:disabled):not(.disabled):active,
.light-text .btn-outline-primary:focus{ background: #fff; color: #000; border-color:#fff;}

.btn-secondary{ background: #000000; border-color:#000000}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:focus{ background: #fff !important; border-color:#000 !important; color:#000 !important; }


._buttons_list{ display: flex; gap:10px;}
._buttons_list .btn{ width: 45%}



/* icon_svg */
.icon_svg{ width: 32px; height: 32px;}
.icon_svg._xl{ width: 64px; height: 64px;}

.btn-secondary .icon_svg{ fill:#fff}
.btn-secondary:hover .icon_svg{ fill:#000}

.btn-outline-primary .icon_svg{ fill:#000}
.btn-outline-primary:hover .icon_svg,
.btn-outline-primary:hover .icon_svg,
.btn-outline-primary:not(:disabled):not(.disabled):active .icon_svg,
.btn-outline-primary:focus .icon_svg{ fill:#fff}

.light-text .btn-outline-primary .icon_svg{ fill:#fff}
.light-text .btn-outline-primary:hover .icon_svg,
.light-text .btn-outline-primary:not(:disabled):not(.disabled):active .icon_svg,
.light-text .btn-outline-primary:focus .icon_svg{ fill:#000}


/* ............................................................................*/
.section-title,
._title_section{ max-width: 780px; /*830px;*/ margin: 0 auto; margin-bottom: 30px; text-align: center;}
._title_section._v2{ margin-bottom: 60px;}

._title_section._text_left,
.__video_block ._title_section{ text-align: left;}

._title_section .title{  letter-spacing: -1px; margin-bottom: 20px !important}
._title_section .title._v2{  margin-bottom: 10px !important}

._title_section h1,
._title_section h2{ font-weight: bold; }

._title_section h1{ font-size: 52px; }
._title_section h2{ font-size: var(--fs_h2); letter-spacing: -0.5px; margin-bottom: 20px;}

.section-title p,
._title_section p{ font-size: 16px; line-height: 165%}

.fullsreen ._title_section p{ font-size: 22px;}

.section-title h2 {margin-bottom: 20px; letter-spacing: -1px}

.__contact_us ._title_section .icon_svg,
.__contact_us .section-title .icon_svg{ margin-bottom: 15px; fill:#178C7B;}

/* ............................................................................*/
/* ............................................................................*/

._buttons_section{ margin: 0 auto; text-align: center; margin-bottom: 45px}
._buttons_section .btn{  min-width: 235px; text-align: center; margin: 0 5px}
._buttons_section p{ margin-top: 5px; }


/* ............................................................................*/
.screens { position: relative;}
.screenshot{ border-radius: 30px; box-shadow: 0px 10px 35px 0px rgba(62, 89, 130, 0.25); overflow:hidden; z-index: 1;}
.screenshot._no_shadow{box-shadow: none;}

.scr_component{ border: 4px solid #fff; background: #F3F3F3; position: absolute; z-index: 2; top:-65px; left:10%; display: flex; align-items: center; padding: 0 20px; height: 80px;}
.scr_component p,
.scr_component h3{ margin: 0; text-align: left;}
.scr_component img{ margin-right: 10px;}
.scr_component p{ font-size: 12px; color: #5C5C5C; line-height: 130%}
.scr_component h3{ font-size: 16px; color: #000; font-weight: bold;}

.screen_margins{ margin-bottom: 30px; gap:30px; }


/* ............................................................................*/
.scr_sm_component{display: flex;  align-items: center; background: #F3F3F3; border-radius:30px; padding: 5px 20px 6px 15px; box-shadow: 0px 9px 20px 0px rgba(62, 89, 130, 0.25); /*margin-bottom: 50px*/}
.scr_sm_component img{ border-radius: 0px !important; margin-right: 10px; box-shadow: none !important;}
.scr_sm_component p{  font-size: 9px; margin: 0; margin-bottom: -2px}
.scr_sm_component h4{  font-size: 13.5px; font-weight: bold; margin: 0}

.scr_sm_component .icon_display{ margin-right: 10px}

.icon_display{ background: url(images/landing_prolisk/icon_project.svg); width: 24px; height: 24px;}
.visual_diagram{ width: 308px; height: 35px; border-radius: 30px;}
.visual_diagram._v1{ background: url(images/landing_prolisk/header/visual_1_diagram.svg);}
/* ............................................................................*/
.bg_1{ background: #EDF1EC;}
.bg_2{ background: #EBEEF3;}
.bg_3{ background: #EAF5F6;}
.bg_4{ background: #508B96;}
.bg_5{ background: #032E61; /*#00A1E0;*/}
.bg_6{ background: #46736B; /*#00A1E0;*/}

.bg__p_top{ padding-top: 150px}
.bg__p_top__big{ padding-top: 230px}
.bg__p_top__md{ padding-top: 275px}
.bg__p_top__xl{ padding-top: 330px}
.bg__p_top__xl2{ padding-top: 300px}
.bg__p_top__xxl{ padding-top: 390px}

.bg_neg_top_xl{ margin-top: -300px}
.bg_neg_top_xxl{ margin-top: -390px}

.bg_bottom_xl{ margin-bottom: 400px}

.bg_neg_top_ { padding-top: 250px; margin-top: -190px;  z-index: 0;  position: relative;}


.bg__m_bottom{ margin-bottom: -75px}
.bg__m_bottom__sm{ margin-bottom: -215px}
.bg__m_bottom__md{ margin-bottom: -250px}
.bg__m_bottom__xl{ margin-bottom: -350px}

.p_bottom{ padding-bottom: 90px}
.p_bottom__big{ padding-bottom: 150px}

.m_bottom__md{ margin-bottom: 45px}

.mt__md{ margin-top: 30px}
.mb_0{ margin-bottom: 0px}
.pb_0{ padding-bottom: 0px}

.p_tb_general{ padding: 75px 0 60px 0}


._p_t_md{ padding-top: var(--p_t__md);}
._p_t_xl{ padding-top: var(--p_t__xl);}


/* ............................................................................*/
.icon-youtube{ width: 32px}


/* ............................................................................*/
._promo_big{ text-align: center; max-width: 650px; margin: 0 auto; text-align: center;}
._promo_big h2,
._promo_big h3{ font-weight: bold;}
._promo_big h2{font-size: 64px; margin-bottom: 15px}
._promo_big h3{font-size: 36px; margin-bottom: 20px}
._promo_big p{ max-width: 470px; font-size: 20px; margin: 0 auto;}


/* ............................................................................*/
._video_avatar{ display: block; margin: 0 auto; border-radius: 200px; background: #fff; border: 10px solid #fff; overflow: hidden; width: 370px; height: 370px}
._video_avatar img{ width: 100%; height: auto;}

/* ............................................................................*/
.for_bg_{ position: relative;}
._bg_shadow{ background: #09453A; opacity: 75%; position: absolute; left:0; right:0; top:0; bottom:0; z-index: 0}
._bg_shadow._v2{ opacity: 60%;}
._bg_shadow.yellow{ background: #FFE500; opacity: 3%;}


/* ............................................................................*/
.icon_app{  display: flex; flex-direction: column; gap:15px; align-items: center; margin-bottom: 45px}
.icon_app .shadow_3{ border-radius: 15px;}


.price{ color: #FFEEC1; font-size: 150%; font-weight: bold;}
p.text_price{ font-size: 24px !important;}
p.text_sm{ font-size: 14px !important;}
p.text_sm._v2{ font-size: 12px !important;}


/* ............................................................................*/

.__cta{position: relative; z-index: 1; }
.__cta ._title_section .title { margin-bottom: 45px !important;}
.__cta ._title_section { margin-bottom: 0}



/* ............................................................................*/
.header_v2{ margin-top: -20px}


/* ............................................................................*/
.visual{ position: relative;}
.visual img {box-shadow: 0px 9px 20px 0px rgba(62, 89, 130, 0.25)}
.visual img.photo,
.visual img.diagram{ border-radius: 30px; }
.visual .abs{ position: absolute; bottom:auto;}


/* ............................................................................*/
.header_v2 ._title_section{ margin-top: 30px; text-align: left;}
.header_v2 ._buttons_section{ text-align: left;}


/* ............................................................................*/
.__video_block { position: relative; background:url(images/landing_prolisk/bg_video.jpg); background-position: top center; background-repeat: no-repeat;}
.__video_block ._title_section{ margin-bottom: 0}


.skill-list,
.ok_list { text-align: left; gap:60px; }
.skill-list li,
.ok_list li{ padding-left: 30px;  background: url(images/icons/icon-check.svg) 0 5px no-repeat; background-size: auto;  background-size: 18px 18px;  margin-bottom: 25px; }
.skill-list li ul,
.ok_list li ul{ margin-top: 15px;}
.skill-list li ul li,
.ok_list li ul li{ background:none; list-style: disc; padding: 0; margin: 0 0 15px 30px}

.ok_list._compact{ margin-bottom: 30px; margin-left: 20px;}
.ok_list._compact li{ margin-bottom: 5px;}

.ok_list_col_2{ display: flex;}
.ok_list_col_2 .ok_list{ width: 50%; max-width: 50%; padding: 0 45px}
.ok_list_col_2 .ok_list li b{ font-size: 20px; font-weight: bold; color: #404E51; line-height: 155%; display: block; margin-bottom: 5px;}

.skill-list__elem{ font-size: var(--base-text-size); line-height: 165%}






.btn._close_bullets{ /*display: none;*/ min-width: auto; position: absolute; right: 5px; top: 0px; padding: 10px;  margin: 0; z-index: 1}
.btn._close_bullets .icon_svg { fill: #000;}

._bullet_points_hidden{display: none; position: relative;  }
._bullet_points_hidden li:last-child{ margin-bottom: 0}
._bullet_points_hidden .ok_list{margin: 0 auto; padding: 45px 45px; background: #F5F7FA; border-radius: 30px; margin-top: -30px; margin-bottom: -15px}
._bullet_points_hidden._light_bg .ok_list {background: rgba(255,255,255,0.75);}
._bullet_points_hidden h3{font-size: var(--fs-h4); margin-bottom: 25px}

._bullet_points_hidden .ok_list.col-11 > ul,
._bullet_points_hidden .ok_list.col-11 > div{ width: 50%; max-width: 50%;}

._bullet_points_hidden p{ margin-top: 25px; margin-bottom: 0}
._bullet_points_hidden p.top{ margin-top: 0px; margin-bottom: 25px}

/* ............................................................................*/
.customer-section { background: #178C7B}
.customer-section._v2 { padding-top: 300px;}

._customers_list{ position: relative; z-index: 1; }

._video_764{  width: 764px}

/* ............................................................................*/
._app_list{display: flex; flex-wrap: wrap; justify-content: center; }
._app{ overflow: hidden; background: #EDF1EC; border-radius: 30px; padding: 30px; margin-bottom: 30px; text-align: center;}
._app h3{ font-size: var(--fs_h2); font-weight: bold; margin: 15px;}
._app a.btn-simple{  color: #404E51; transform: scale(1); margin-bottom: 30px;}
._app a.btn-simple .icon_svg{ fill: #404E51;}
._app a.btn-simple:hover{color: #8B3488;}
._app a.btn-simple:hover .icon_svg{ fill: #8B3488;}

._app .visual { display: inline-block; position: relative;}
._app .visual .diagram { left: -15px; bottom: -5px; z-index: 1}
._app .visual .project { left: -15px; bottom: 25px; z-index: 2}
._app .deco_fin img,
._app .deco_finblick img,
._app .deco_others ._img,
._app .deco_others img { box-shadow: none; left: -12%;} /*0px 9px 20px 0px rgba(62, 89, 130, 0.25);*/

._app .deco_fin img,
._app .deco_finblick img{width: 18px; height: auto;}
._app .deco_finblick{ right: 20px; bottom: -15px; gap:9px }
._app .deco_fin.pos_1{ left: -8px}
._app  .deco_fin.pos_2{ top: -20px;}

/*............................... */
._app .deco_finblick ._col .line,
._app .deco_fin{background-size: contain; width: 18px;}
._app .deco_fin.yellow_sm{ background-image:url(images/landing_finblick/svg/visual/yellow_sm.svg); height: 25px;}
._app .deco_fin.pink_md{ background-image:url(images/landing_finblick/svg/visual/pink_md.svg); height: 40px;}

._app .deco_finblick .line._v1{ background-image:url(images/landing_finblick/svg/visual/finblick_01.svg); height: 80px;}
._app .deco_finblick .line._v2{ background-image:url(images/landing_finblick/svg/visual/finblick_02.svg); height: 100px;}
._app .deco_finblick .line._v3{ background-image:url(images/landing_finblick/svg/visual/finblick_03.svg); height: 84px;}
._app .deco_finblick .line._v4{ background-image:url(images/landing_finblick/svg/visual/finblick_04.svg); height: 114px;}
._app .deco_finblick .line._v5{ background-image:url(images/landing_finblick/svg/visual/finblick_05.svg); height: 139px;}


.app_visual img{ border-radius: 30px;}
.app_visual_abs{ position: absolute; border-radius: 30px; left: 0; right: 0; bottom: 0; top: 0; /*background: #fff;*/ z-index: 3}

.app_container{ background: #fff; border-radius: 15px; min-height: 58px; padding: 10px 15px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); display: inline-block; }
.app_container img{ min-height: 38px}

._app_sevdesk { padding-bottom: 0;}
._app_sevdesk .app_visual { margin-left: -20px; }
._app_sevdesk .app_visual img{ border-radius: 0}
._app_sevdesk a.btn-simple{ margin-bottom: 15px;}

/* ............................................................................*/
.customer__link{ border-radius: 30px; background-color: rgba(0,0,0,.2);}
.customer{ margin-bottom: var(--mb2)}
.customer._inverce{ justify-content: center;}
.customer._inverce .customer__link{ background: #fff; padding: 10px 20px}
.customer._w50p .customer__elem{ width: 50%; max-width: 315px;}
/* ............................................................................*/

._bg_cta_general{ background: url(images/home/bg_cta.jpg) no-repeat center center; background-size: cover;}
.__cta._bg_cta_general ._title_section .title { margin-bottom: 20px !important; }
.__cta p.cta_desc{ margin: 0 auto;  margin-bottom: 30px; max-width: 550px}
._bg_cta_general ._title_section{ max-width: 700px}

/* ............................................................................*/
/* ............................................................................*/

.deco_abs,
.deco_abs ._img,
.deco_abs img{ position: absolute;  z-index: 1;}

.deco_others{ z-index: 2; width: 100%;}
.deco_others ._img,
.deco_others img{ bottom: 45px; left: -10%; width: 125%; height: auto;}

.deco_fin{ }
.deco_fin.pos_{position: absolute; z-index: 2;}

.deco_fin.pos_1{ left: -16px; bottom: 130px}
.deco_fin.pos_2{ left: 40px; top: -40px}

.deco_finblick{ position: absolute; z-index: 2; right: -16px; bottom: -40px; gap: 20px; align-items: flex-end;}
.deco_finblick .deco_fin{ margin: 10px 0}

.deco_waves span{ position: relative;}
.deco_waves span::after{content: ""; margin-bottom: -7px; background: url(images/consulting/waves_short.svg) repeat-x; height: 13px; width: 0; position: absolute; left: 0; right:0; bottom: 0; transition: all 0.6s ease 1s;}

._anim_items._active .deco_waves span::after{ width: 100%;}

/* ............................................................................*/



/* ............................................................................*/
/* SOLUTION SECTION */
/*
.solution{ display: flex !important; flex-wrap: wrap;}
.solution__elem{ width: 32% !important;}
*/

.solution .slick-track{ display: flex; align-items: stretch;}
.solution .slick-slide{ height: auto;}

.solutions-section{
    position: relative;
}



.bg-layout{
    position: absolute;
    width: 135%;
    left: -17%;
    top: 0;
    bottom: 0;
    /*transform: rotate(-3deg); */
}
/*
.solutions-section .bg-layout{
    background: url(./images/solutions_bg.jpg) top center no-repeat;
    background-size: cover;
}
*/

.bg-layout::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.9;
}

.solutions-section .bg-layout::after{
    background-color: var(--primary-color);
}

.solution{
    display: block;
    color: var(--base-text-color);
    margin-bottom: var(--mb3);
    /*padding: 0 var(--mb1);*/
}

.solution .icon_svg._xl{ fill:#8B3488; }


.solution._flex{  display: flex; position: relative; z-index: 2; margin-bottom: -200px;}

.solution._flex .solution__elem{ margin-left: 0; margin-right: 0; height: 100%;}
._solutions._v2 .col-4{ margin-bottom: 15px; padding-left: 8px; padding-right: 7px; min-height: 420px;}

.p_tb__xl._v2{ padding-top: 280px}

/*............................................. */




/*............................................. */



.solution.set-slider.slick-slider{
    margin-bottom: 45px;
}
.solution.set-slider .slick-dots{
    left: 0;
    right: 0;
}

.solution .slick-prev,
.solution .slick-next{
    top: 170px;
}


.solution .slick-list{
    padding: 15px 0;
}

.set-slider .slick-prev:before{
    content: '';
    background: url(./images/arrows/arrow_prev.png) center center no-repeat;
    width: 23px;
    height: 41px;
    display: block;
}
.set-slider .slick-next:before{
    content: '';
    background: url(./images/arrows/arrow_next.png) center center no-repeat;
    width: 23px;
    height: 41px;
    display: block;
}

.set-slider .slick-dots li button:before{
    font-size: 0px;
    color: #000;
    opacity: 0.2;
    position: relative;
    display: block;
    border-radius: 30px;
    width: 10px !important;
    height: 10px !important;
    margin: 0 auto;
    background: #000;
}

.set-slider .slick-dots li.slick-active button:before{
    color: #000;
    opacity: 1;
}

.set-slider.light-theme .slick-prev:before{
    content: '';
    background: url(./images/arrows/arrow_prev_dark.png) center center no-repeat;
    width: 23px;
    height: 41px;
    display: block;
}
.set-slider.light-theme .slick-next:before{
    content: '';
    background: url(./images/arrows/arrow_next_dark.png) center center no-repeat;
    width: 23px;
    height: 41px;
    display: block;
}

.set-slider.light-theme .slick-dots li button:before{
    font-size: 18px;
    color: var(--black);
    opacity: 0.3;
}

.set-slider.light-theme .slick-dots li.slick-active button:before{
    color: var(--black);
    opacity: 1;
}

.brand__elem,
.solution__elem{
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    text-align: center;

    transition: transform 450ms ease;

    position: relative;
    margin: 0 7px var(--mb1);
    min-height: 240px !important;
    box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0.1);
}

._hover_effect:hover,
.brand__link{ transition: transform 450ms ease;}
._hover_effect:hover {transform: scale(1.03);}
._hover_effect:hover .brand__link{transform: scale(0.85); transition-delay: 0 !important}

._anim_items._active .solution__elem:hover{transition: transform 450ms ease !important; transition-delay: 0}


.solution__elem .logos_list{ display: flex; justify-content: center; text-align: center; gap:15px; margin-top: 15px;}
.solution__elem .logos_list .icon_app{ gap:10px;}
.solution__elem .logos_list .abs_top_link{ position: relative; z-index: 2}
.solution__elem .icon_app{ margin-bottom: 0}

a.abs_top_link{transition: all 350ms ease;}
a.abs_top_link:hover{ transform: scale(1.1);}

.solution__elem:hover{
    transform: translateY(-15px);
}

._anim_items._active .solution__elem:hover{
    transform: translateY(-15px) !important;
    transition-delay: 0;
}



.solution__title{
    font-size: 23px;
    line-height: 1.3;
    font-weight: 700;
}

.solution__descr{
    margin-bottom: 0;
}

.solution__icon {
    width: 100px;
    height: 100px;
    color: #829198;
    display: inline-flex;
    /*box-shadow: var(--shadow-sm);*/
    padding: var(--mb1);
    /*margin: -80px auto 15px auto;*/
    transition: all 500ms ease;
    justify-content: center;
}
.solution__icon i {
    margin: auto;
    font-size: 62px;
}

.solution__elem:hover .solution__icon{
    transform: scale(1.2);
    color: var(--primary-color);
}

.solution__elem:hover .solution__title{
    color: var(--primary-color);
}
/* SOLUTION SECTION END */



/* ............................................................................*/
/* ............................................................................*/

._header_base{ padding: 30px 0; min-height: 470px; overflow: hidden;}

/* ............................................................................*/
/* ............................................................................*/

._header_solutions ._title_section{ margin-right: 90px}
.visual_solutions img{ position: absolute; right: -15px; top: -45px; }
.visual_solutions .logo_partners_box{ position: absolute; right: -15px; top: -45px; }

.logo_partners_box{ background:#fff; padding: 20px; border-radius: 30px; display: flex; gap:15px;}
._header_solutions .logo_partners_box{ display: inline-block;}
._header_solutions .visual_header{ display: flex; align-items: center; height: 100%;}

.abs_v_centered{ position: absolute; display: flex; align-items: center; left: 0; z-index: 3; left: -100px}

/* ............................................................................*/

._title_section h1.title{ font-size: var(--fs_h1);}

/* ............................................................................*/

._solutions.bg_5 { padding-bottom: 300px; position: relative; z-index: 3}
._solutions_list{ margin: -250px 0 -200px 0; z-index: 10; position: relative;}
._solutions_list .solution{ display: flex; flex-wrap: wrap; align-items: flex-start;}
._solutions_list .solution._v1{ margin: 0}
._solutions_list .solution._v2{ align-items: flex-end;}

._solutions_list .solution__elem{  margin: 15px 15px; max-width: calc(33.3% - 30px)}
._solutions_list .col{ padding: 0}
._v1 .solution__elem:nth-child(2){ margin-top: -75px;}
._v2 .solution__elem:nth-child(2){ margin-bottom: -75px;}

._apps_list{ margin:0;}
._apps_list ._title_section{ padding: 0 15px;}


.block_centered{ position: absolute; margin-top:90px; z-index: -1; transition: all 450ms ease; left: 0; right: 0;}
.block_centered ._title_section .title{ margin: 10px 0 !important}
._v1 .solution__elem:nth-child(2):hover .block_centered{ margin-top: 105px}

/* ............................................................................*/
.deco_wave{ position: absolute; background: url(images/home/deco_wave.svg) no-repeat top center; width: 190px; height: 12px; left:100px; top:-50px; opacity: 0.3}
.deco_wave._pos2{ right: 0; top:-200px; left: auto; right:115px; width: 115px;}

.bg_5._solutions .deco_wave{ top: auto; margin-top: 60px;}
.bg_5._solutions .deco_wave._pos2{ top: auto; margin-top: 0}

/* ............................................................................*/

.sub_title{ display: flex; align-items: center; gap:15px; margin: 0 auto; justify-content: center; text-transform: uppercase;}
.sub_title::before,
.sub_title::after{content: ""; display: block; width: 48px; border-bottom: 1px solid #000;}

._text_inverce .sub_title::after,
._text_inverce .sub_title::before {border-color: #fff;}

/* ............................................................................*/

._abs_bg{ position: absolute; z-index: 0; left: 0; right: 0; top: 0; bottom: 0}
._abs_bg_fixed{ position: fixed; z-index: 0; left: 0; right: 0; top: 0; bottom: 0; }


/* ............................................................................*/

.blog-main-section{   position: relative; z-index: 3}
.article-title a{ color: #000}


/* ............................................................................*/

._apps .scr_sm_component{ text-align: left;}
/* ............................................................................*/

._pm_t_neg__md { margin-top: -150px; padding-top: 150px;}
/* ............................................................................*/


._sub_menu{ opacity: 0; position: absolute; background: #FAFAFA; left: 0; right: 0; z-index: 1; margin-top: 15px;  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 15px 0; }
._sub_menu__container{ display: flex;}
._sub_item{ text-align: center; position: relative; padding: 45px 0;}
._sub_item:hover .app_container{ transform: scale(1.2);}
._sub_item:hover ._p{ transform: translate(0, 10px);}

/*._sub_menu ._sub_item{opacity: 0; transform:translate(0, 50%);}*/
._sub_menu ._sub_item:nth-child(2)::before,
._sub_menu ._sub_item:nth-child(2)::after{ content: ""; position: absolute; right:0; top:0; bottom: 0; border-left: 1px solid #DADADA}
._sub_menu ._sub_item:nth-child(2)::before{ left: 0; right: auto;}

._sub_menu ._sub_item:nth-child(2)._no_right_border::after{ border: 0;}


._p{ display: block; transition: all 0.45s ease 0s;}
._sub_item ._p{ color: #000; font-size: 18px; margin: 0 auto; margin-top: 15px; max-width: 200px; }

.f-nav ._sub_menu { margin-top: 5px;}

._dropdown::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

._sub_menu__parent,
.__sub_menu_layer{ display: none;}






/* ............................................................................*/
._bullets li { text-align: left; margin-top: 0px; padding-left: 30px; list-style: none; background: url(images/icons/icon-check.svg) 0 5px no-repeat; background-size: auto; background-size: 18px 18px; margin-bottom: 10px; }
._bullets li:last-child{ margin-bottom: 0}

.solution ._bullets{ margin-top: 10px; padding: 20px 0; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; }
.solution_note{ font-size: 14px; margin-bottom: 0; margin-top: 20px;}

.stretched-link{ display: block;}

.icon_app .img_name{ margin: 10px 0;}

.no_border_bottom{ border-bottom: 0 !important;}

/* ............................................................................*/

.video-section .video{ text-align: center;  background: #fff; border-radius: 30px;  box-shadow: 0px 10px 35px 0px rgba(62, 89, 130, 0.25); overflow: hidden;}
.video-section{ border: 0}
.video-section .row{  align-items: center;}

/* ............................................................................*/

.deco-img._salesforce{ width: 80%; margin: 0 auto; max-width: 100%}
.deco-img._sevdesk{ width: 260px; margin: 0 auto; max-width: 100%}

.semi-title b{ font-weight: 700;}


/* ............................................................................*/

.img_shadow { -webkit-filter: drop-shadow(0 12px 12px  rgba(35, 61, 66, 0.25)); filter: drop-shadow(0 12px 12px rgba(35, 61, 66, 0.25)); }

.img_shadow._logo_sign{ opacity: 0.3; width: 1190px; position: absolute; z-index: -1; top:60px}


/* ............................................................................*/

.video-container img{ width: 100%}

/* ............................................................................*/

.blog-bg.blog_single_list{ margin-top: 45px;}
.blog-bg.blog_single_list .bg-layout { top:0; }
.article-main-img{ border-radius: 30px;}

/* ............................................................................*/

._sub_menu__parent { z-index: 6; position: fixed; width: 100%;}
._sub_menu{ padding-top: 45px;}

nav ._sub_menu__parent{ display: none !important; }


/* ............................................................................*/

.proj-btns .btn-secondary3{ max-height: 69px; padding: 0px 38px !important;}

/* ............................................................................*/

.search .search_icon{ background: 0; border: 0}


/* ............................................................................*/

.blockquote .testimonials__elem { margin-top: -50px;}
.blockquote .testimonials__partner .author { margin-top: 50px; margin-right: 20px; }
.blockquote .testimonials__elem .avatar {margin-right: 20px;}
.blockquote img{ margin-bottom: 0}

.testimonials__partner{ align-items: center;}

.testimonials__elem{ flex-direction: column; align-items: flex-end;}

.testimonials__elem .avatar { border: 10px solid #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); width: 100px; height: 100px; overflow: hidden; border-radius: 50%}
.testimonials__elem .avatar img{ object-fit: contain; width: auto; max-width: none; height: 80px !important; border-radius: 0}

.testimonials__partner .author b{ font-size: 16px; text-transform: uppercase; display: block;}
.testimonials__partner .author { font-size: 14px; }


/* ............................................................................*/

.content-txt blockquote {
  font-size: 20px;
  font-style: italic;
  background: #F9F7F0;
  padding: 30px;
  border-left: 10px solid #ccc;
}

.content-txt blockquote p {
  font-size: 20px;
  line-height: 150%;
}



/* ............................................................................*/
section.wrapper{ padding: 0; position: relative; z-index: 0}

.fullsreen{ position: relative; min-height: 100vh; display: flex; flex-direction: column;}
.fullsreen._fixed_height{ min-height: 680px;}

.fullsreen_body{ background: rgba(39, 45, 7, 0.5); position: relative; z-index: 3; display: flex; flex: 1 1 auto; justify-content: center; align-items: center; flex-direction: column;}
.page__business .fullsreen_body{ background: rgba(0, 0, 0, 0.5); }
.fullsreen_body .container{ justify-content: center; display: flex;}
.fullsreen_body ._title_section{ z-index: 2;}

.fullsreen_video{ z-index:0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.fullsreen_video{ filter: contrast(1.2);}

/* .fullsreen_shadow{ z-index:1; background: rgba(88, 185, 229, 0.5); mix-blend-mode: darken; position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} */
/* ............................................................................ */

.__video_block ._bg_shadow{ background: rgba(93,186,0,5%);}


/* ............................................................................ */






/* ............................................................................ */
/* ............................................................................ */
/* ............................................................................ */

@media (max-width: 1199px) {

  .img_shadow._logo_sign{ display: none;}

  /*._title_section h1.title{ font-size: 42px; }*/

  ._title_section p{ font-size: 16px; }

  ._bullet_points_hidden .col-11{ max-width: 100%}

  .app_visual img { width: 100%; height: auto;}


  .visual_solutions img{ width: 585px;}

  ._solutions_list .solution__elem{  margin: 15px 5px; max-width: calc(33.3% - 10px); padding: 30px 20px;}
  .block_centered{ margin-top: 75px}

  .brand__elem { flex: 1 1 100%; max-width: 100%; }


  .blog-bg .bg-layout{ top:0; }
  .blog-bg { margin-top: 60px; }

}



/* ............................................................................*/
/* ............................................................................*/
/* ............................................................................*/
/* ............................................................................*/

@media (max-width:1200px){

  .__sub_menu_layer,
  ._sub_menu__parent{ display: none !important}


  nav ._sub_menu__parent{ display: block !important; position: relative;}
  nav ._sub_menu{ position: relative; opacity: 1 !important; background: none;}
  nav ._sub_menu__container {flex-direction: column; }
  nav ._sub_item {padding: 0}
  nav ._sub_menu ._sub_item:nth-child(2)::before,
  nav ._sub_menu ._sub_item:nth-child(2)::after{ display: none;}
  nav ._sub_menu{ margin: 0; padding: 0}
  nav ._dropdown::after{ display: none;}
}


@media (max-width:991px){

    /*._title_section p{ font-size: 16px;} */
    /*._title_section h2{ font-size: 32px;}*/

    .scr_component{ top:-55px; height: 70px}


    .p_bottom__big{ padding-bottom: 90px; }
    .bg__p_top__big{ padding-top: 150px; }


    .header_v2 .row-cols-1 {flex-direction: column-reverse;}

    .bg__p_top__md { padding-top: 175px; }

    ._video_764{  width: 100%}


    ._apps .col-6 { flex: 0 0 100%; max-width: 100%; }


    .visual_solutions img{ position: relative; right: auto; top: auto; width: 115%; left: -9%; right: -6%;}

    ._header_base{ text-align: center;}
    ._header_solutions ._title_section,
    ._header_solutions ._buttons_section { margin-right: 0; text-align: center;}
    ._header_solutions .visual_header{ justify-content: center; margin-top: -10%}

    ._header_solutions .abs_v_centered{ left: auto; margin-top: 60%;}
    ._header_solutions .logo_partners_box img{ height: 100px;  width: auto;}

    .deco_wave._pos2{ top: -85px;}

    ._solutions_list .solution__elem { max-width: 100%; padding: 30px}
    ._solutions_list .solution__elem .block_centered{ display: none;}
    ._v1 .solution__elem:nth-child(2){ margin-top: 10px;}
    ._v2 .solution__elem:nth-child(2){ margin-bottom: 10px;}
    ._solutions_list .solution__elem{ margin: 10px 15px;}
    .customer-section._v2{ padding-top: 200px;}
    .bg_5._solutions .deco_wave{ margin: 0 auto; left: 0; right: 0}
    .bg_5._solutions .deco_wave._pos2{ display: none;}

    ._solutions.bg_5{ padding-bottom: 250px;}


    .blog-bg { margin-top: 30px; }





    ._video_avatar{ width: 270px; height: 270px}


}


/* ............................................................................*/
/* ............................................................................*/
/* ............................................................................*/
/* ............................................................................*/

@media (max-width:767px)
{

  header{ padding: 7px 0}

  .btn{ font-size: 18px; padding: 7px 30px;}
  .btn-simple{font-size: 16px;}

  /*._title_section h2{ font-size: 28px;}*/
  ._title_section p{ font-size: 15px;}

  ._buttons_section{ margin-bottom: 30px}

  ._video_avatar{ width: 200px; height: 200px; margin-bottom: 30px; box-shadow: 0px 10px 35px 0px rgba(62, 89, 130, 0.25);}

  .p_tb__xl{ padding-top:60px; padding-bottom: 60px;}


  .__video_block .row{ flex-direction: column;  justify-content: center;  text-align: center;}
  .__video_block .col-6{ max-width: 100%}
  .__video_block ._title_section{ text-align: center;}


  ._bullet_points_hidden .ok_list.col-11 > ul,
  ._bullet_points_hidden .ok_list.col-11 > div{ width: 100%; max-width: 100%;}



  ._bullet_points_hidden .ok_list{ flex-direction: column; padding: 45px 20px; gap:30px; font-size: 14px; margin-top: -45px; margin-bottom: 0;}
  ._bullet_points_hidden .ok_list._flex { margin-left: 0px;}

  ._bullet_points_hidden .col-7{ max-width: 100%}

  .ok_list_col_2{ display: block;}
  .ok_list_col_2 .ok_list { width: 100%; max-width: 100%; padding: 0 15px; }
  .ok_list_col_2 .ok_list._deco_v_border {  border: 0 }
  .ok_list_col_2 .ok_list li b{ font-size: 17px}


  .__cta.in_blog{ padding-top: 160px;}


  .blockquote .testimonials__elem .avatar {
    margin-right: 20px;
  }

  ._title_section .title{ letter-spacing: -0.5px;}


}


/* ............................................................................*/

@media (max-width:575px){

  .btn{ font-size: 16px; padding: 7px 20px;}
  /*._title_section h2{ font-size: 24px;}*/
  ._title_section{ margin-bottom: 20px;}

  .scr_component{ top: -50px; height: 62px; }
  .scr_component h3{ font-size: 14px;}

  img.screenshot{ border-radius: 15px;}

  .mob_overflow{ overflow-x: scroll; margin-left: -15px; margin-right: -15px; padding: 0 15px; padding-bottom: 45px}
  .mob_overflow img{ max-width: 200%}


  .icon_app img{ width: 100px; height: auto;}
  .solution__elem .icon_app img{ width: 80px; }

  .__video_block{ position: relative; box-shadow: 0px 10px 35px 0px rgba(62, 89, 130, 0.25);}
  .__video_block::before{content: ""; background: #fff; opacity: 0.5; position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; right: 0}

  .ok_list._flex { flex-direction: column; gap:0; margin-left: 30px;}
  .ok_list li{ margin-bottom: 20px; padding-left: 25px; background-size: 15px 15px;}

  ._bullet_points_hidden .ok_list ul,
  ._bullet_points_hidden .ok_list div{ margin-bottom: 25px;}
  ._bullet_points_hidden .ok_list ul:last-child,
  ._bullet_points_hidden .ok_list div:last-child{ margin-bottom: 0px;}

  .bg__p_top__xl2{ padding-top: 265px;}
  .bg__p_top__xl{ padding-top: 310px;}
  .bg__p_top__xxl{ padding-top: 330px;}

  p.text_price{ font-size: 20px !important; margin-bottom: 15px;}

  ._app{ padding: 30px 15px; margin-bottom: 15px;}
  ._app .btn-simple{ padding: 0;}
  ._apps .col-6 { padding: 0}


  ._layout_deco{ padding:var(--p_t__xs) 15px; }
  ._layout_deco._v2,
  ._layout_deco._v3 { padding-left: 15px; padding-right: 15px;}

  ._title_section._v2{ margin-bottom: 45px;}

  .bg_neg_top_ { padding-top: 200px;}

  .ok_list_col_2 .ok_list{ padding: 0}

  .article-main-img{ border-radius: 0px;}


  .content-txt blockquote,
  .content-txt blockquote p { font-size: 17px; }
  .blockquote .testimonials__elem .avatar{ margin-right: 30px; margin-left: 30px;}

  .fullsreen ._title_section p{ font-size: 18px;}


}