@font-face {
    font-family: 'SF Pro Rounded';
    src: url('../fonts/SF-Pro-Rounded-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Rounded';
    src: url('../fonts/SF-Pro-Rounded-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

html {
    font-size: 16px;
}

body {
  font-family: 'SF Pro Rounded';
  background: #ededed;
  color: #252831;
}


/* GLOBAL */
/*section {margin-top: 14rem; margin-bottom: 14rem;}
section:last-child {margin-bottom: 4rem;}
.container {border-left: 1px solid red; border-right: 1px solid red;}*/
.container_inner {display: flex; gap: 9rem;}
.container_inner aside {order: 2; flex-basis: 20%;}
.container_inner main {order: 1; flex-basis: 80%;}
aside .inner {height: 100%;}
h2 {font-size: 70px; line-height: 110%; font-weight: 400; margin: 1.6rem 0; color: #252831; text-align: center; letter-spacing: -2px;}
.help h2 {font-size: 2rem;}
h3 {font-size: 38px; line-height: 45px; font-weight: 400; color: #252831; text-align: center;}
.subtitle {text-align: center; font-size: 24px; line-height: 130%; margin-bottom: 3rem;}
.center {text-align: center;}
img.lazy {max-width: 100%; height: auto; /*display: block;*/}

.btn {border: 1px solid rgba(0, 0, 0, 0.16); border-radius: 40px; background: unset; color: #fff; transition: color background 0.5s;}
.btn:hover {background: #fff!important; color: #313339!important;}
.btn:focus, .btn:active {box-shadow: unset;}
.btn a {text-decoration: none; color: #fff; transition: color 0.5s;}
.btn:hover a {color: #313339!important;}
.btn a span {width: 25px; height: 25px; background: url(/assets/images/chevron_right.svg) left center no-repeat; background-size: contain;}
.btn_main {font-size: 1.5rem; line-height: 1.75rem; font-weight: 500; padding: 1.5rem 2.4rem; color: #fff; background: #282772;}
a.learn_more {font-size: 1.3rem; line-height: 1.6rem; font-weight: 500;}
a.learn_more span {display: inline-block; width: 15px; height: 15px; background: url(/assets/images/arrow_right.svg) left center no-repeat; background-size: contain;}

input.hdn {display: none;}
a, a:hover {color: #0085E2; text-decoration: none;}

#orderModal {text-align: center;}
#orderModal h4 {color: #097DD0; font-size: 1.9rem; font-weight: 600; margin-bottom: 1rem;}
#orderModal input[type="text"], #orderModal textarea {border: 2px solid #C7C7C7; border-radius: 0.4rem; margin-bottom: 0.8rem; padding: 0.5rem 1.2rem; width: 80%;}
#orderModal input[type="submit"] {font-weight: 600; width: 80%; border-radius: 0.4rem;}
#orderModal p {font-size: 0.875rem; line-height: 1rem; font-weight: 500; color: #C7C7C7; margin: 0.4rem 0;}

.accordion-item {margin-bottom: 10px; padding: 1.5rem;}
.accordion-item,
.accordion-item:first-of-type,
.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type,
.accordion-item:last-of-type .accordion-button {border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px; border: unset;}
.accordion-item .accordion-body {padding: 15px 0 0; font-weight: 400; font-size: 1rem; line-height: 1.4rem;}
.accordion-item .accordion-body p {margin-bottom: 0.8rem; max-width: 700px;}
.accordion-item .accordion-body p:last-of-type {margin-bottom: 0;}
.accordion-button {font-size: 1.25rem; line-height: 1.5rem; font-weight: 500; border-radius: 8px; padding: 0}
.accordion-button:not(.collapsed) {background: unset; color: unset; box-shadow: unset;}
.accordion-button::after {background-image: url(/assets/images/accordion_open_icon.svg); background-size: 1.8rem; width: 1.8rem; height: 1.8rem;}
.accordion-button:not(.collapsed)::after {background-image: url(/assets/images/accordion_close_icon.svg); background-size: 1.8rem; width: 1.8rem; height: 1.8rem;}


/* HEADER */
header {position: fixed; top: 0; width: 100%; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.15); z-index: 100;}
header.fixed {}
.header {display: flex; flex-direction: row; align-items: center; justify-content: space-around; min-height: 48px;}
.header .logo {height: 24px; flex: 1;}
.header .logo a {display: inline-block; width: 86px; height: 24px; background: url(/assets/logo.svg) center center no-repeat; background-size: contain!important;}

.header .menu {display: flex; align-items: center; justify-content: flex-end;}
.header .menu .nav-link {color: #252831;}
.header .buttons {display: flex; align-items: center; justify-content: flex-end; flex: 1;}
.header .buttons .btn {font-size: 14px; line-height: 18px; font-weight: 400; color: #fff; background: #282772; border: 1px solid rgba(0, 0, 0, 0.16); padding: 9px 13px; margin-left: 0.875rem;}
.header .buttons #sign_up {background: #0085E2; border: 1px solid rgba(0, 0, 0, 0.16);}
.header .buttons .btn a {text-decoration: none; color: #fff;}
.header .buttons .btn span {background: unset;}

.header__nav ul {margin-bottom: 0; padding: 0;}
.header__menu {display: flex; position: relative;}
.header__menu .nav-item {position: relative;}
.header__menu .nav-item:hover::before {content:''; background: #0085e2; width: calc(100% - 0.8rem); height: 2px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.header__menu .nav-item:hover > a {color: #0085E2;}
.header__menu .nav-item:hover > .dropdown-toggle::after {background: url(/assets/images/chevrone_down_act.svg) center center no-repeat; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);}
.header__menu li {list-style: none; margin: 0px 1.5rem;}
.header__menu li a {font-size: 1rem; line-height: 1.2rem; font-weight: 500; padding: 1rem 0.5rem; text-decoration: none;}
.header__menu .dropdown-toggle {transition: all 0.5s;}
.header__menu .dropdown-toggle:hover,
.header__menu .dropdown-toggle:active,
.header__menu .dropdown-toggle:focus {color: #0085E2;}
.header__menu .dropdown-toggle::after {border: none; position: relative; top: 2px; width: 11px; height: 6px; padding-left: 20px; background: url(/assets/images/chevrone_down.svg) center center no-repeat; transition: all 0.5s;}
.header__menu .dropdown-toggle:hover::after {background: url(/assets/images/chevrone_down_act.svg) center center no-repeat; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);}
.dropdown .dropdown-menu {padding: 8px; background: rgba(246, 246, 246, 0.8); backdrop-filter: blur(5px); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; box-sizing: border-box; -webkit-transition: opacity 0.5s ease-out 0s; -moz-transition: opacity 0.5s ease-out 0s; -o-transition: opacity 0.5s ease-out 0s; transition: opacity 0.5s ease-out 0s; transition: opacity 0.5s ease-out 0s; opacity: 0; max-height: 0; overflow: hidden; display: block; top: 103%; z-index: 20;}
.dropdown:hover .dropdown-menu {display: block; margin-top: 0px; opacity: 1; max-height: 999px;}
.dropdown .dropdown-menu .dropdown-item {transition: color 0.5s;}
.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:focus {color: #0085E2; background-color: unset;}
.dropdown .dropdown-menu li {margin: 0 0 8px;}
.dropdown .dropdown-menu li:last-child {margin-bottom: 0;}
.dropdown .dropdown-menu li a {padding: 0; display: flex; font-weight: 400;}
.dropdown_products .dropdown-menu li a:before {content: ''; display: block; height: 17px; width: 22px;}
.dropdown .dropdown-menu li a#task_tracker:before {background: url(/assets/images/check_circle_act.svg) left center no-repeat; background-size: contain;}
.dropdown .dropdown-menu li a#calendar:before {background: url(/assets/images/calendar_act.svg) left center no-repeat; background-size: contain;}
.dropdown .dropdown-menu li a#projects:before {background: url(/assets/images/briefcase_act.svg) left center no-repeat; background-size: contain;}
.dropdown .dropdown-menu li a#teams:before {background: url(/assets/images/teams_act.svg) left center no-repeat; background-size: contain;}
.dropdown .dropdown-menu li a#gantt_chart:before {background: url(/assets/images/gantt_act.svg) left center no-repeat; background-size: contain;}
.content-wrapper {margin-top: 78px; padding: 10px; line-height: 34px;}
.open-menu_footer {display: none;}


/* MAIN */
.section_1_inner {}
.section_1_inner .d-flex {justify-content: center; align-items: center; flex-wrap: nowrap;}
.section_1_inner .inf {display: flex; flex-direction: column; justify-content: center;}
.section_1_inner .inf .title {font-size: 4.4rem; line-height: 4.8rem; font-weight: 400; letter-spacing: -2px; margin-bottom: 1.25rem;}
.section_1_inner .inf p {margin: 0 0 2.5rem; font-size: 18px; line-height: 140%; width: 100%; max-width: 420px;}
.section_1_inner .inf .btn {font-size: 1.5rem; line-height: 1.75rem; font-weight: 500; padding: 1.5rem 2.4rem; color: #fff; background: #282772;}
.section_1_inner .inf .btn a:hover {}
.section_1_inner .img {margin-right: -15rem;}
.section_1_inner img {max-width: 100%;}
.section_1_inner a:hover {opacity: 1;}
.section_1 .scroll_arrow {position: relative; bottom: 3rem; color: #85878B; font-size: 1.25rem; padding-left: 50px;}
.section_1 .scroll_arrow .image {position: absolute; width: 40px; height: 40px; display: block; left: 0; bottom: -5px; transition: bottom 0.2s linear;}
.section_1 .scroll_arrow:hover .image {bottom: 0px; }

.section_2_1_inner {margin-top: 4rem; margin-bottom: 12.5rem;}
.section_2_1_inner h3 {margin-bottom: 1.8rem;}
.section_2 .devices {display: flex; justify-content: center; flex-wrap: wrap;}
.section_2 .devices a {text-decoration: none;}
.section_2 .devices a:hover {opacity: 1;}
.section_2 .devices .item {position: relative; height: 117px; width: 108px; margin: 15px 10px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;font-size: 1.25rem; line-height: 1.5rem; font-weight: 400; color: #c3c3c3; transition: color 0.3s;}
.section_2 .devices .item .img {width: 84px; height: 84px;}
.section_2 .devices .item_1 .img {position: absolute; top: 0px; background: url(/assets/images/device_android.svg) no-repeat; background-size: 84px; transition: 0.3s;}
.section_2 .devices .item_1:hover .img {top: -3px; background: url(/assets/images/device_android_hover.svg) no-repeat;}
.section_2 .devices .item_2 .img {position: absolute; top: 0px; background: url(/assets/images/device_mac.svg) no-repeat; background-size: 84px; transition: 0.3s;}
.section_2 .devices .item_2:hover .img {top: -3px; background: url(/assets/images/device_mac_hover.svg) no-repeat;}
.section_2 .devices .item_3 .img {position: absolute; top: 0px; background: url(/assets/images/device_chrome.svg) no-repeat; background-size: 84px; transition: 0.3s;}
.section_2 .devices .item_3:hover .img {top: -3px; background: url(/assets/images/device_chrome_hover.svg) no-repeat;}
.section_2 .devices .item_4 .img {position: absolute; top: 0px; background: url(/assets/images/device_firefox.svg) no-repeat; background-size: 84px; transition: 0.3s;}
.section_2 .devices .item_4:hover .img {top: -3px; background: url(/assets/images/device_firefox_hover.svg) no-repeat;}
.section_2 .devices .item_5 .img {position: absolute; top: 0px; background: url(/assets/images/device_edge.svg) no-repeat; background-size: 84px; transition: 0.3s;}
.section_2 .devices .item_5:hover .img {top: -3px; background: url(/assets/images/device_edge_hover.svg) no-repeat;}
.section_2 .devices .item:hover {color: #252831;}
.section_2_inner .controls {margin: 0 auto 4rem;}
.section_2_inner .controls:after {content: ''; width: 100%; max-width: 1240px; height: 1px; display: block; margin-top: 4px; background: radial-gradient(49.55% 54070505.34% at 46.98% 151.47%, #A9B7C4 0%, rgba(189, 199, 208, 0) 100%);}
.section_2_inner .nav {justify-content: center;}
.section_2_inner .nav-tabs {border-bottom: none;}
.section_2_inner .nav-tabs .nav-link {color: #aeaeae; font-size: 1.125rem; min-width: 130px; position: relative; border: none; transition: border 0.3s;}
.section_2_inner .nav-tabs .nav-link:hover:not(.active) {background: #f5f5f5; border: 1px solid #0000001a!important; border-radius: 10px;}
.section_2_inner .nav-tabs .active {color: #0085E2; background: #D5E3EC; border: 1px solid #004b801a; border-radius: 10px;}
.section_2_inner .nav-tabs .active:after {content: ''; position: absolute; bottom: -10px; left: 45px; width: 40px; height: 3px; display: block; background: #0085E2; border-radius: 3px;}
.section_2_inner .nav-tabs li.nav-item {margin: 4px 9px;}
.section_2_inner .nav-tabs button span {display: block; width: 24px; height: 24px; margin: 0 auto;}
.section_2_inner .nav-tabs button span.tab_1 {background: url(/assets/images/check_circle.svg) top center no-repeat;}
.section_2_inner .nav-tabs .active span.tab_1 {background: url(/assets/images/check_circle_act.svg) top center no-repeat;}
.section_2_inner .nav-tabs button span.tab_2 {background: url(/assets/images/calendar.svg) top center no-repeat;}
.section_2_inner .nav-tabs .active span.tab_2 {background: url(/assets/images/calendar_act.svg) top center no-repeat;}
.section_2_inner .nav-tabs button span.tab_3 {background: url(/assets/images/briefcase.svg) top center no-repeat;}
.section_2_inner .nav-tabs .active span.tab_3 {background: url(/assets/images/briefcase_act.svg) top center no-repeat;}
.section_2_inner .nav-tabs button span.tab_4 {background: url(/assets/images/teams.svg) top center no-repeat;}
.section_2_inner .nav-tabs .active span.tab_4 {background: url(/assets/images/teams_act.svg) top center no-repeat;}
.section_2_inner .nav-tabs button span.tab_5 {background: url(/assets/images/gantt.svg) top center no-repeat;}
.section_2_inner .nav-tabs .active span.tab_5 {background: url(/assets/images/gantt_act.svg) top center no-repeat;}
.section_2_inner .tab-content .tab_inner {display: flex; flex-wrap: wrap; align-items: center;}
.section_2_inner .tab-content .tab_inner .inf {flex: 1; max-width: 400px;}
.section_2_inner .tab-content .tab_inner .inf .text {margin-bottom: 1.8rem;}
.section_2_inner .tab-content .tab_inner .inf h4 {font-size: 2.4rem; line-height: 2.8rem; font-weight: 400; margin-bottom: 1.25rem;}
.section_2_inner .tab-content .tab_inner .inf p {font-size: 1.125rem; line-height: 1.55rem;}
.section_2_inner .tab-content .tab_inner .inf p.list {padding-left: 36px; background: url(/assets/images/list_bg.svg) top left no-repeat;}
.section_2_inner .tab-content .tab_inner .img {flex: 1; text-align: right;}
.section_2_inner .tab-content .tab_inner .img img {max-width: 100%; filter: drop-shadow(0px 6px 40px rgba(0, 0, 0, 0.16)); border-radius: 9px;}

.section_3 {padding-top: 13.5rem;}
.section_3 .subtitle {max-width: 710px; margin-left: auto; margin-right: auto;}
.section_3_inner {margin-top: 0rem; padding: 0rem 3rem; position: relative;}
.section_3_inner .inf {text-align: left;}
.section_3_inner .inf p {font-size: 3rem; line-height: 3.4rem; font-weight: 600;}
.section_3_inner .nav-tabs {display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; position: relative;}
.section_3_inner .nav-tabs li {}
.section_3_inner .nav-tabs .nav-link {color: #5D849B; border: 2px solid #fff; border-radius: 1.5rem; font-size: 1.6rem; line-height: 2rem; font-weight: 700; width: 142px; margin-bottom: 0;}
.section_3_inner .nav-tabs .nav-link.active,
.section_3_inner .nav-tabs .nav-item.show .nav-link {background: #5D849B; color: #fff; border: 2px solid #5D849B;}
.section_3_inner .controls {padding: 0 0 2.5rem; margin: 0 auto; max-width: 1024px; width: 100%;}
.section_3_inner .controls .logos {display: flex; flex-wrap: wrap; justify-content:center;}
.section_3_inner .controls .logos div {display: inline-block; padding: 0.5rem 1.25rem; margin: 0.3rem; color: #fff; font-size: 1.125rem; background: #0085E2; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 40px;}
.section_3_inner .controls .logos .inactive {background: #fff; color: #252831; border: 1px solid rgba(0, 0, 0, 0.1);}
.section_3_inner .controls .logos div img {max-height: 1.5rem;}
.section_3_inner .sravnite_content {/*background: #fff; box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08); */border-radius: 16px 16px 0 0; position: relative;}
/*.section_3_inner .sravnite_content .bg {position: absolute; top: 0px; height: 48px; width: 100%; border-radius: 16px 16px 0 0; background: #f6f6f6; border-bottom: 1px solid #D0D4DA;}
.section_3_inner .sravnite_content .bg .sticky {position: sticky; border-radius: 16px 16px 0 0; background: #f6f6f6; border-bottom: 1px solid #D0D4DA;}*/
.section_3_inner .sravnite_main {display: flex; justify-content: center; position: relative;}
.section_3_inner .sravnite_main div[class^="col_"] .head,
.section_3_inner .sravnite_main .tab-pane .head {position: sticky; position: -webkit-sticky; top: 46px; z-index: 10; background: #f6f6f6!important; font-size: 1rem; line-height: 1.2rem; text-align: center; font-weight: 400; border-bottom: 1px solid #D0D4DA;}
.section_3_inner .sravnite_main .col_1 div {font-size: 1rem; line-height: 1.4rem; font-weight: 400; height: 4rem; width: 21rem; padding-left: 10px; display: flex; align-items: center; background: #fafafa;}
.section_3_inner .sravnite_main .col_2 div,
.section_3_inner .sravnite_main .col_2 .head {padding: 0 10px;}
.section_3_inner .sravnite_main div[class^="col_"]:not(.col_1) div {background: #fafafa; height: 4rem; width: 5rem; padding: 0 0.5rem; display: flex; align-items: center; justify-content: center;}
.section_3_inner .sravnite_main div[class^="col_"] div img {height: 20px; width: auto;}
.section_3_inner .sravnite_main .col_2 .head img {max-width: 6.5rem;}
.section_3_inner .sravnite_main div[class^="col_"] div:last-child,
.section_3_inner .sravnite_main .col_4 div div:last-child {border-bottom: none;}
/*.section_3_inner .sravnite_main .col_3 .head {font-size: 1.6rem; color: #799CB0; font-weight: 700; padding-left: 3rem;}*/
.section_3_inner .sravnite_main .col_4 .head {}
.section_3_inner .show_more .inner {/*background: #cccccc24; background-blend-mode: luminosity; border-top: 1px solid #D5D5D5; backdrop-filter: blur(30px); border-radius: 0 0 16px 16px; box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08); */text-align: center;}
.section_3_inner .show_more .inner button {background: #282772; border: 1px solid rgba(0, 0, 0, 0.16); padding: 10px 14px; color: #fff; margin: 10px auto;}
.section_3_inner .not_an_offer {margin-top: 18px; text-align: center; font-size: 13px; line-height: 18px; color: #a4a4a4;}

.section_4 {padding-top: 13.5rem;}
.section_4_inner .item {min-height: 36.25rem; width: 100%; aspect-ratio: 1/0.9; background: linear-gradient(121.46deg, #329CDB 11.61%, #1165A9 92.07%); color: #fff; border-radius: 16px; padding: 2.5rem; margin-bottom: 1.25rem;}
.section_4_inner #benefits_3 {background: url(/assets/images/benefits_3.png) center center no-repeat; background-size: cover;}
.section_4_inner .item .item_inner {min-height: 31.25rem; width: 100%; aspect-ratio: 1/0.9; display: flex; flex-direction: column; justify-content: space-between;}
.section_4_inner .item h5 {font-size: 1.9rem; line-height: 2.25rem; margin-bottom: 1rem;}
.section_4_inner .item p {font-size: 1.125rem; line-height: 140%;}
.section_4_inner .item .img {text-align: center; position: relative;}
.section_4_inner .item .img img {max-width: 100%;}
.section_4_inner #benefits_1 .img {padding-bottom: 2rem;}
.section_4_inner #benefits_6 .img {padding-bottom: 3rem;}
.section_4_inner .benefits_apps_logo {position: absolute; bottom: 0px; width: 100%; display: flex; flex-direction: column; align-items: center; z-index: 5;}
.section_4_inner .benefits_apps_logo div {margin-bottom: 4px;}
.section_4_inner .benefits_apps_logo .googleplay a {width: 132px; height: 40px; display: block; transition: background 0.5s; background: url(/assets/images/footer_googleplay.svg) top left no-repeat; background-size: contain;}
.section_4_inner .benefits_apps_logo .googleplay a:hover {background: url(/assets/images/footer_googleplay_hover.svg) top left no-repeat; background-size: contain;}
.section_4_inner .benefits_apps_logo .appstore a {width: 121px; height: 40px; display: block; transition: background 0.5s; background: url(/assets/images/footer_appstore.svg) top left no-repeat; background-size: contain;}
.section_4_inner .benefits_apps_logo .appstore a:hover {background: url(/assets/images/footer_appstore_hover.svg) top left no-repeat; background-size: contain;}

.section_5 {padding-top: 13.5rem;}
.section_5_inner {}
.section_5_inner .controls {max-width: 565px; margin: 0 auto 4rem;}
.section_5_inner .nav {justify-content: center;}
.section_5_inner .nav-tabs {border-bottom: none;}
.section_5_inner .nav-tabs .nav-link {border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 40px; background: #fff; color: #252831; font-size: 1.125rem;}
.section_5_inner .nav-tabs .active {background: #0085E2; color: #fff;}
.section_5_inner .nav-tabs li.nav-item {margin: 4px;}
.section_5_inner .tab-content .tab_inner {display: flex; flex-wrap: wrap;}
.section_5_inner .tab-content .tab_inner .inf {flex: 1;}
.section_5_inner .tab-content .tab_inner .inf .text {max-width: 400px; margin-bottom: 1.8rem;}
.section_5_inner .tab-content .tab_inner .inf h4 {font-size: 2.4rem; line-height: 2.8rem; font-weight: 400; margin-bottom: 1.25rem; max-width: 450px;}
.section_5_inner .tab-content .tab_inner .inf p {font-size: 1.125rem; line-height: 1.55rem;}
.section_5_inner .tab-content .tab_inner .inf p.list {padding-left: 36px; background: url(/assets/images/list_bg.svg) top left no-repeat; min-height: 22px;}
.section_5_inner .tab-content .tab_inner .inf a {font-size: 1.325rem; line-height: 1.6rem; font-weight: 500;}
.section_5_inner .tab-content .tab_inner .inf a span {display: inline-block; width: 15px; height: 15px; background: url(/assets/images/arrow_right.svg) left center no-repeat; background-size: contain;}
.section_5_inner .tab-content .tab_inner .img {flex: 1; text-align: center; align-items: center;}
.section_5_inner .tab-content .tab_inner .img img {max-width: 100%;}

.section_6 {padding-top: 13.5rem;}
.section_6_inner {width: 100%;}
.section_6_inner .block {background: #f8f8f8; border-radius: 16px;}
.section_6_inner .block_inner {min-height: 450px; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.section_6_inner .block_inner .inf {display: flex; flex-basis: 45%; flex-direction: column; justify-content: space-between; min-height: 450px; max-width: 550px; padding: 2.5rem; font-size: 2.4rem; line-height: 2.8rem;}
.section_6_inner .block_inner .inf .btn {font-size: 1.5rem; line-height: 1.75rem; font-weight: 500; padding: 1.5rem 2.4rem; color: #fff; background: #282772;}
.section_6_inner .block_inner .img {display: flex; align-items: center;}
.section_6_inner .block_inner .img img {max-width: 100%; height: auto;}

/* Feauters */
.page .main_content {margin-top: 9rem; margin-left: auto; margin-right: auto; max-width: 1054px;}
.page section,
.use_cases section {margin-bottom: 13rem;}
.page section:last-child,
.use_cases section:last-child,
.page .last,
.use_cases .last {margin-bottom: 2rem;}
.page h2 {text-align: left;}
.page h3 {text-align: left; font-size: 38px; line-height: 45px; margin-bottom: 1.25rem;}
.page h2 span,
.page h3 span {display: block;}
.help-sidebar h3 {font-size: 1.8rem; line-height: 2rem;}
.page .img img {width: 100%; height: auto; filter: drop-shadow(0px 6px 40px rgba(0, 0, 0, 0.16)); border-radius: 8px;}
.page img.no_shadow {filter: unset;}
.page .text_desc {font-size: 18px; line-height: 140%; margin-bottom: 2.4rem;}
.page .block_type_1 .img {margin-top: 4rem; margin-bottom: 3rem;}
.page .block_type_2 .img img,
.page .block_type_3 .img img {max-width: 505px; height: auto;}
.page .block_type_2 .d-grid {grid-template: "title img"
                                            "text img"; justify-content: space-between;}
.page .block_type_2 .grid_title {grid-area: title; align-self: end;}
.page .block_type_2 .grid_img {grid-area: img;}
.page .block_type_2 .grid_text {grid-area: text;}
.page .block_type_3 .d-grid {grid-template: "img title"
                                             "img text"; justify-content: space-between;}
.page .block_type_3 .grid_title {grid-area: title; align-self: end;}
.page .block_type_3 .grid_img {grid-area: img;}
.page .block_type_3 .grid_text {grid-area: text;}
.page .block_type_2 .grid_title,
.page .block_type_2 .grid_text,
.page .block_type_3 .grid_title,
.page .block_type_3 .grid_text {max-width: 400px;}
.page .tabs {display: flex; flex-wrap: wrap; margin: 30px 0;}
.page .tabs .button {color: #0085E2; font-size: 24px; line-height: 28px; padding: 12px 18px; margin: 9px 18px 9px 0; background: #FFFFFF; border: 1px solid #1C79D8; box-shadow: 0px 6px 40px rgba(0, 0, 0, 0.16); border-radius: 8px;}
.page .tabs_desc>div {margin-bottom: 40px;}
.page .tabs_desc .title {display: flex; align-items: center; font-weight: 500; font-size: 18px; line-height: 140%; margin-bottom: 8px;}
.page .tabs_desc .title:before {content: ''; background: url(/assets/images/circle_check.svg) left center no-repeat; background-size: contain; display: inline-block; width: 30px; height: 22px;}
.page .tabs_desc .text_desc {font-size: 16px;}
.page .calendar_agendas {display: flex; flex-wrap: wrap; margin: 30px 0;}
.page .calendar_agendas>div {flex-basis: 50%; margin-bottom: 20px; padding-right: 10px;}
.page .calendar_agendas .title {display: flex; align-items: center; font-weight: 500; font-size: 18px; line-height: 140%; margin-bottom: 8px;}
.page .calendar_agendas .title:before {content: ''; display: inline-block; width: 30px; height: 22px;}
.page .calendar_agendas>div:nth-child(1) .title:before {background: url(/assets/images/icon_notes.svg) left center no-repeat; background-size: contain;}
.page .calendar_agendas>div:nth-child(2) .title:before {background: url(/assets/images/circle_check.svg) left center no-repeat; background-size: contain;}
.page .calendar_agendas>div:nth-child(3) .title:before {background: url(/assets/images/icon_docs.svg) left center no-repeat; background-size: contain;}
.page .calendar_agendas .text_desc {font-size: 16px;}

/* Use cases */
.use_cases .main_content {margin-top: 10rem; margin-left: auto; margin-right: auto; max-width: 1270px;}
.use_cases h2 span,
.use_cases h3 span {display: block;}
.use_cases .title_block .img {text-align: center; margin: 4rem auto 3rem;}
.use_cases .title_block .img img {max-width: 100%; height: auto;}
.use_cases .button_block {text-align: center; margin-top: 3rem;}
.use_cases .business_features_block {max-width: 80%; margin: 0 auto;}
.use_cases .business_features_block>div {text-align: center;}
.use_cases .business_features_block .item {height: 145px; max-width: 190px; margin: 2.5rem auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; font-size: 1.25rem;line-height: 1.5rem; font-weight: 400;}
.use_cases .business_features_block .item .img {width: 84px; height: 84px; padding: 20px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center;border-radius: 22px; border: 2px solid #E3E3E3; background: #FFF;}

.use_cases .blue_blocks {margin-top: 4rem;}
.use_cases .blue_blocks .img {margin-bottom: 30px;}
.use_cases .blue_blocks .img img {/*max-width: 100%; height: auto;*/}
.use_cases .blue_blocks h4 {font-size: 1.9rem; margin-bottom: 1rem;}
.use_cases .blue_blocks .text {font-size: 1.1rem; line-height: 140%;}

.use_cases .block_shema_inner {display: flex; max-width: 1090px; margin: 4rem auto;}
.use_cases .block_shema_inner#six_items {max-width: unset;}
.use_cases .block_shema_inner .col {min-height: 315px; display: flex; }
.use_cases .block_shema_inner .col:nth-child(1),
.use_cases .block_shema_inner .col:nth-child(3),
.use_cases .block_shema_inner .col:nth-child(5) {align-items: flex-start;}
.use_cases .block_shema_inner .col:nth-child(2),
.use_cases .block_shema_inner .col:nth-child(4),
.use_cases .block_shema_inner .col:nth-child(6) {align-items: flex-end;}
/*.use_cases .block_shema_inner .col:nth-child(1) .item:after {content: url(/assets/images/use_cases_block_shema_arrow.svg); position: absolute; left: 50%; bottom: -128px;}
.use_cases .block_shema_inner .col:nth-child(2) .item:before {content: url(/assets/images/use_cases_block_shema_arrow.svg); position: absolute; left: 50%; top: -128px; transform: scale(1, -1);}
.use_cases .block_shema_inner .col:nth-child(4) .item:before {content: url(/assets/images/use_cases_block_shema_arrow.svg); position: absolute; left: -42px; top: -128px; transform: scale(1, -1) rotate(270deg);}
.use_cases .block_shema_inner .col:nth-child(5) .item:after {content: url(/assets/images/use_cases_block_shema_arrow.svg); position: absolute; left: -40%; top: 100%; transform: scale(-1, -1) rotate(90deg);}*/
.use_cases .block_shema_inner .item {position: relative; height: 130px; width: 162px; margin: 0 auto; padding: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 22px; border: 1px solid #E3E3E3; background: #FFF; font-size: 18px; line-height: 120%; font-weight: 400; text-align: center;}
.use_cases .block_shema_inner .item .img {width: 40px; height: 40px; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center;}
.use_cases .block_desc {max-width: 795px; margin: 1rem auto 2rem;}

.use_cases .row.features_acc_title {align-items: flex-end;}
.use_cases .features_acc_title h2 {margin-top: 0; margin-bottom: 0; text-align: left;}
.use_cases .features_acc_title h3 {margin-top: 0; margin-bottom: 0; text-align: left;}
.use_cases .features_acc {margin-top: 5rem;}
.use_cases .accordion {position: relative;}
.use_cases .accordion-item {margin-bottom: 4px; padding: 18px;}
.use_cases .accordion-button::after {display: none;}
.use_cases .accordion-button:not(.collapsed)::before {background-image: url(/assets/images/accordion_close_icon.svg); transform: rotate(-180deg);}
.use_cases .accordion-button::before {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 1.25rem;
  content: "";
  background-image: url(/assets/images/accordion_open_icon.svg);
  background-repeat: no-repeat;
  background-size: 1.8rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .use_cases .accordion-button::before {
    transition: none;
  }
}
.use_cases .features_acc .accordion-body .img {position: absolute; left: 530px; top: 0; opacity: 0; transition: opacity 0.15s linear; box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.16);}
.use_cases .features_acc .show .img {opacity: 1;}
.use_cases .features_acc .accordion-body .img img {border-radius: 8px;}
.use_cases .features_acc .accordion-body p {margin-left: 3rem;}

/* Privacy policy & License */
.policy .page_title {margin-top: 12rem;}
.policy .main_content {margin-top: 0rem;}
.policy section div {margin-bottom: 3.5rem;}
.policy h2 {margin-bottom: 4rem; text-align: left;}
.policy h3 {font-size: 2.4rem; line-height: 2.8rem; font-weight: 400; margin-bottom: 2rem; text-align: left;}
.policy p {font-size: 1.125rem;}
.policy .btn {color: #282C36; background: #f5f5f5;}
.policy .sidebar_menu {position: sticky; top: 60px;}
.policy .sidebar_menu>div {margin-bottom: 5px;}

/* FAQ */
.faq section {margin-bottom: 3rem;}


/* FOOTER */
.footer {padding: 3.5rem 0 0;}
.footer .footer_inner_right a {display: flex; color: #25283180; text-decoration: none; transition: all 0.5s;}
.footer .footer_inner_right a:hover {color: #252831; padding-left: 6px;}
.footer .footer_inner_right a:before {transition: 0.5s;}
.footer .footer_inner_right a:hover:before {content: ''; width: 20px; height: 21px; display: inline-block; background: url(/assets/images/footer_button_hover.svg) left center no-repeat;}
.footer_inner {position: relative;}
.footer_inner .on_top {position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; border-radius: 30px; background: #0085E2; cursor: pointer;}
.footer_inner .on_top a {display: block; width: 1.5rem; height: 1.5rem; background: url(/assets/images/arrow_up.svg) center center no-repeat; background-size: 1.5rem;}
.footer_inner>div {display: flex; flex-direction: row; align-items: start; justify-content: space-between;}
.footer_inner h5 {color: #252831; font-size: 1.25rem; line-height: 1.5rem; font-weight: 500; margin-bottom: 20px;}
.footer_inner ul {list-style-type: none; padding-left: 0;}
.footer_inner ul li {font-size: 17px; line-height: 20px; font-weight: 400; margin-bottom: 12px;}
.footer_inner_left {max-width: 210px;}
.footer_inner_left .footer_apps_logo {display: flex; flex-direction: column;}
.footer_inner_left .footer_apps_logo div {margin-bottom: 1rem;}
.footer_inner_left .footer_apps_logo .googleplay a,
.nav_apps_logo .googleplay a {width: 166px; height: 50px; display: block; transition: background 0.5s;}
.footer_inner_left .footer_apps_logo .appstore a,
.nav_apps_logo .appstore a {width: 151px; height: 50px; display: block; transition: background 0.5s;}
.footer_inner_left .footer_apps_logo .googleplay a,
.nav_apps_logo .googleplay a {background: url(/assets/images/footer_googleplay.svg) top left no-repeat;}
.footer_inner_left .footer_apps_logo .googleplay a:hover,
.nav_apps_logo .googleplay a:hover {background: url(/assets/images/footer_googleplay_hover.svg) top left no-repeat;}
.footer_inner_left .footer_apps_logo .appstore a,
.nav_apps_logo .appstore a {background: url(/assets/images/footer_appstore.svg) top left no-repeat;}
.footer_inner_left .footer_apps_logo .appstore a:hover,
.nav_apps_logo .appstore a:hover {background: url(/assets/images/footer_appstore_hover.svg) top left no-repeat;}
.footer_logo {font-size: 1.125rem; line-height: 140%;}
.footer_logo img {width: 110px; height: auto;}
.footer_inner_right {display: flex; justify-content: space-around;}
.footer_inner_right>div>div {min-width: 210px;}
.footer_inner_right .last {display: flex; flex-wrap: nowrap;}
.footer_bottom {border-top: 1px solid #0000001A; font-size: 14px; line-height: 17px; color: #25283180; padding: 16px 0;}
.footer_bottom a {color: #252831;}




@media (min-width: 1440px) {
header .container-fluid {max-width: 1630px;}

}

@media (max-width: 1600px) {

.section_1_inner .inf .title {font-size: 60px; line-height: 66px;}
.section_1_inner .inf p {font-size: 18px; line-height: 140%;}
.section_1_inner img {max-width: 760px;}

.use_cases .blue_blocks .img img {max-width: 100%; height: auto;}
}


@media (max-width: 1439px) {
html {font-size: 14px;}
.page .main_content {max-width: 960px;}
h2 {font-size: 60px;}
h3,
.page h3,
.use_cases h3 {font-size: 34px; line-height: 41px;}
.subtitle {font-size: 20px;}

.section_1_inner .inf {max-width: 430px;}
.section_1_inner .inf .title {font-size: 60px; line-height: 110%;}
.section_1_inner .inf p {font-size: 16px; line-height: 140%;}
.section_1_inner .img {margin-right: -5rem;}
.section_1_inner img {max-width: 730px;}

.section_2_inner .tab-content .tab_inner .inf h4 {font-size: 34px; line-height: 41px;}
.section_2_inner .tab-content .tab_inner .inf p {font-size: 16px; line-height: 140%;}
.section_2_inner .tab-content .tab_inner .img img {max-width: 95%; height: auto;}

.section_3 .subtitle {max-width: 630px;}

.section_4_inner .item h5 {font-size: 26px; line-height: 31px;}
.section_4_inner .item p {font-size: 18px; line-height: 140%;}

.section_6_inner .block_inner .inf {font-size: 34px; line-height: 41px;}

.page .block_type_2 .grid_title,
.page .block_type_2 .grid_text,
.page .block_type_3 .grid_title,
.page .block_type_3 .grid_text {max-width: 345px;}
.page .block_type_2 .img img,
.page .block_type_3 .img img {max-width: 440px;}
.page .text_desc {font-size: 16px;}
.page .tabs .button {font-size: 22px; line-height: 26px; margin: 6px 12px 6px 0;}

.use_cases .features_acc .accordion-body .img {left: 125%;}
.use_cases .features_acc .accordion-body .img img {max-width: 620px;}

}



@media (max-width: 1279px) {
html {font-size: 14px;}
.policy .page_title {margin-top: 10rem;}
.container_inner {gap: 5rem;}
.container_inner aside {flex-basis: 30%;}
.container_inner main {flex-basis: 70%;}
h2 {font-size: 44px;}
h3,
.page h3,
.use_cases h3 {font-size: 28px; line-height: 33px;}
.subtitle {font-size: 18px;}
.btn_main {font-size: 20px; line-height: 24px; padding: 1.2rem 2rem;}

.header__menu li {margin: 0 0.5rem;}
.header .buttons .btn a span {display: none;}

.section_1_inner .d-flex {justify-content: space-between;}
.section_1_inner .inf {max-width: 315px;}
.section_1_inner .inf .title {font-size: 44px;}
.section_1_inner .inf p {font-size: 14px;}
.section_1_inner .img {margin-right: -5rem;}
.section_1_inner img {max-width: 550px;}
.section_1_inner .inf .btn {font-size: 20px; line-height: 24px; padding: 1.2rem 2.4rem;}

.section_2_inner .tab-content .tab_inner .inf h4 {font-size: 28px; line-height: 33px;}
.section_2_inner .tab-content .tab_inner .inf p {font-size: 14px;}
.section_2_inner .tab-content .tab_inner .img {flex: 2;}

.section_3_inner {padding: 0;}

.section_4_inner .item {min-height: 420px;}
.section_4_inner .item .item_inner {min-height: unset;}
.section_4_inner .item h5 {font-size: 24px; line-height: 29px;}
.section_4_inner .item p {font-size: 14px;}
.section_4_inner #benefits_6 .img {padding-bottom: 0;}

.section_5_inner .tab-content .tab_inner .inf h4 {font-size: 28px; line-height: 33px;}
.section_5_inner .tab-content .tab_inner .inf p {font-size: 14px; line-height: 140%;}
.section_5_inner .tab-content .tab_inner .img {flex: 2;}

.section_6_inner .block_inner {min-height: unset;}
.section_6_inner .block_inner .inf {flex-basis: 50%; min-height: unset; max-width: 100%; font-size: 28px; line-height: 33px;}
.section_6_inner .block_inner .inf>div:first-child {margin-bottom: 60px;}
.section_6_inner .block_inner .img {flex-basis: 50%;}
.section_6_inner .block_inner .img img {max-width: 100%; height: auto;}

.page .block_type_1 .img {margin-top: 3rem;}
.page .text_desc {font-size: 14px; margin-bottom: 2rem;}
.page .block_type_2 .img img,
.page .block_type_3 .img img {max-width: 430px;}
.page .tabs .button {font-size: 20px; line-height: 24px;}
.page .tabs_desc .text_desc {font-size: 14px;}
.page .tabs_desc>div {max-width: 80%;}

.use_cases .block_shema_inner .col {margin-left: -20px; margin-right: -20px;}
.use_cases .accordion-item {width: 330px;}
.use_cases .features_acc .accordion-body .img {left: 150%;}
.use_cases .features_acc .accordion-body .img img {max-width: 400px;}

.footer_inner_left {max-width: 180px;}
.footer_inner_right {width: 70%;}
.footer_inner_right>div {width: calc(100%/3);}
.footer_inner_right .last {flex-wrap: wrap;}
}




@media (max-width: 899px) {
html {font-size: 14px;}
.policy .page_title {margin-top: 3rem;}
h2 {font-size: 2.0rem; line-height: 2.0rem;}
.page h2 span,
.page h3 span,
.use_cases h2 span,
.use_cases h3 span {display: unset;}
/*section {margin-bottom: 5rem;}*/

.section_1_inner {margin-top: 7rem; margin-bottom: 7rem; background-size: contain;}
.section_1_inner .row .inf {padding-left: 0;}
.section_1_inner .row .inf div {margin-bottom: 3rem;}
.section_1_inner .row .inf div:last-child {margin-bottom: 0rem;}
.section_1_inner .img {margin-right: 0rem;}

.section_2_inner .nav-tabs .nav-link {min-width: 122px;}
.section_2 .content .row .col_inner {margin-bottom: 2rem;}

.section_3_inner .sravnite_main div[class^="col_"] .head,
.section_3_inner .sravnite_main .tab-pane .head {top: 35px;}

.section_5_inner .item_inner .img {height: 60px;}
.section_5_inner .item_inner .img img {max-height: 50px;}

/*.footer {padding-bottom: 1rem;}*/
.footer_inner {}
/*.footer_inner .line {display: none;}
.footer_inner>div {margin-bottom: 1rem;}*/
.footer_inner_left {min-height: unset;}
.footer_inner_left .footer_logo {margin-bottom: 3rem;}
.footer_inner_center {justify-content: center;}
.footer_icons {margin-bottom: 0; height: 3rem;}
}




@media (max-width: 768px) {
html {font-size: 12px;}
/*.min-vh-100 {min-height: unset!important;}*/

.header {justify-content: flex-end; padding: 5px 15px;}
.header .logo {position: absolute; left: 15px;}
.header .menu {order: 2; padding-left: 20px; align-items: flex-start; justify-content: space-around; flex-direction: row; flex-wrap: wrap;}
.header .open-menu .menu {padding-left: 0;}
.header .buttons {order: 1;}
.header .buttons .demo_desctop {display: none;}
.header__nav {display: block; position: fixed; top: 48px; right: 0; min-height: 100vh; background: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); box-shadow: #ccc; width: 100%; box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.37); transition: all 0.4s ease; right:-100%;}
.header__menu {display: block;}
.header__nav.open-menu {right:0;}
.header__menu li {margin: 0.5rem; flex-basis: 44%;}
.header__menu .nav-item:hover::before {background: unset;}
.menu-burger__header {position: relative; width: 30px; height: 27px; display: block; cursor: pointer;}
.menu-burger__header.open-menu {height: 32px;}
.menu-burger__header span,
.menu-burger__header:before {height: 2px; width: 100%; position: absolute; background: #252831; margin: 0 auto;}
.menu-burger__header span {top: 16px;}
.menu-burger__header:before {content: '';}
.menu-burger__header:before {top: 8px;}
.menu-burger__header.open-menu span {transform: rotate(-45deg); top: 16px; transition: 0.4s;}
.menu-burger__header.open-menu:before {transform: rotate(45deg); top: 16px; transition: 0.4s;}
.open-menu .header__menu .dropdown-toggle::after {display: none;}
.open-menu .dropdown_products .dropdown-menu li a:before {display: none;}
.open-menu .header__menu li a {font-weight: 500; font-size: 18px; line-height: 21px; color: #252831; margin-bottom: 5px;}
.open-menu .dropdown .dropdown-menu li a {font-weight: 400; font-size: 16px; line-height: 19px; color: rgba(37, 40, 49, 0.5);}
.open-menu .dropdown .dropdown-menu {position: unset; background-color: unset; backdrop-filter: unset; border: none; display: block; min-width: unset; opacity: 1; max-height: 999px;}
.open-menu_footer .btn {background: #282772; width: 100%; max-width: 325px; margin-left: auto; margin-right: auto; padding: 14px; font-size: 18px;}
.nav_apps_logo {display: flex; justify-content: space-between;}

.section_3_inner .sravnite_main .col_1 div {font-size: 1rem; width: 19rem;}

.footer_inner .line {max-width: 150px;}
.footer_inner_center {order: 1; justify-content: space-around; margin-bottom: 3rem;}
.footer_inner_left {order: 2;}
.footer_inner_left .footer_logo img {max-width: 170px;}
.footer_inner_left .footer_apps_logo div img {width: 90%;}
.footer_inner_right {order: 3; align-items: start; text-align: left;}
}




@media (max-width: 575px) {
html {font-size: 12px; overflow-x: hidden;}
body {overflow-x: hidden;}
.container {padding-left: 20px; padding-right: 20px;}
h2 {font-size: 34px; line-height: 110%; letter-spacing: -1px;}
h3 {font-size: 34px;}
.page h3 {font-size: 24px; line-height: 29px;}
.use_cases h3 {font-size: 16px; line-height: 130%;}
.subtitle {font-size: 16px; line-height: 130%;}
.btn_main {font-size: 18px; line-height: 21px; font-weight: 400;}
a.learn_more {font-size: 18px; line-height: 21px;}
.sidebar_menu .btn {font-size: 14px;}

.header_right .right {padding-right: 5px;}
.header_right .right div:last-child {display: none;}
.open-menu_footer {position: fixed; bottom: 0; width: 100%; display: block; padding-left: 12px; padding-right: 12px;}

.section_1 .scroll {display: none!important;}
.section_1_inner .d-flex {flex-wrap: wrap; justify-content: center; text-align: center;}
.section_1_inner .row .inf {align-items: center; text-align: center; margin-bottom: 4rem;}
.section_1_inner .inf .title {font-size: 34px;}
.section_1_inner .inf p {font-size: 16px;}
.section_1_inner img {max-width: 100%;}

.section_2_inner .controls:after {display: none;}
.section_2_inner .nav {flex-wrap: nowrap; justify-content: start;}
.section_2_inner .nav-tabs {overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}
.section_2_inner .nav-tabs::-webkit-scrollbar {width: 0; height: 0;}
.section_2_inner .nav-tabs .nav-link {min-width: 115px;}
.section_2_inner .nav-line {display: none!important;}
.section_2_inner .tab-content .tab_inner {flex-direction: column;}
.section_2_inner .tab-content .tab_inner .inf {max-width: unset; order: 2;}
.section_2_inner .tab-content .tab_inner .inf h4 {font-size: 24px; line-height: 29px;}
.section_2_inner .tab-content .tab_inner .inf p {font-size: 16px;}
.section_2_inner .tab-content .tab_inner .img {text-align: center; order: 1; margin-bottom: 2rem;}
.section_2_inner .tab-content .tab_inner .img img {max-width: 100%; height: auto;}

.section_3_inner .controls .logos div {padding: 0.5rem 1rem; margin: 0.2rem;}
.section_3_inner .sravnite_main div[class^="col_"] .head,
.section_3_inner .sravnite_main .tab-pane .head {top: 30px;}
.section_3_inner .sravnite_main .col_1 div {height: 3.5rem; width: 145px; padding-right: 0.5rem;}
.section_3_inner .sravnite_main div[class^="col_"]:not(.col_1) div {height: 3.5rem; width: 72px;}

.section_4_inner .item h5 {font-size: 20px; line-height: 24px;}

.section_5_inner .nav {flex-wrap: nowrap; justify-content: start;}
.section_5_inner .nav-tabs {overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;}
.section_5_inner .nav-tabs::-webkit-scrollbar {width: 0; height: 0;}
.section_5_inner .tab-content .tab_inner {flex-direction: column;}
.section_5_inner .tab-content .tab_inner .inf {order: 2;}
.section_5_inner .tab-content .tab_inner .inf h4 {font-size: 24px; line-height: 29px;}
.section_5_inner .tab-content .tab_inner .inf p {font-size: 16px;}
.section_5_inner .tab-content .tab_inner .img {order: 1; margin-bottom: 2rem;}

.section_6_inner .block_inner {flex-wrap: wrap;}
.section_6_inner .block_inner .inf {font-size: 24px; line-height: 29px;}
.section_6_inner .block_inner .inf,
.section_6_inner .block_inner .img {flex-basis: 100%;}
.section_6_inner .block_inner .inf>div:first-child {margin-bottom: 2.5rem;}

.page section,
.use_cases section {margin-bottom: 10rem;}
.page .block_type_1 .img {margin-top: 2rem; margin-bottom: 2rem;}
.page .text_desc {margin-bottom: 1rem;}
.page .block_type_2 .d-grid,
.page .block_type_3 .d-grid {grid-template: "title"
                                            "img"
                                            "text"; justify-content: center;}
.page .block_type_2 h3,
.page .block_type_3 h3 {font-size: 34px; line-height: 110%;}
.page .block_type_2 .img,
.page .block_type_3 .img {margin-top: 1.5rem; margin-bottom: 2rem;}
.page .block_type_2 .img img,
.page .block_type_3 .img img {max-width: 100%;}
.page .block_type_2 .grid_title,
.page .block_type_2 .grid_text,
.page .block_type_3 .grid_title,
.page .block_type_3 .grid_text {max-width: 100%;}
.page .tabs_desc>div {max-width: 100%;}
.page .tabs .button {font-size: 16px; line-height: 19px; padding: 10px 14px; margin: 5px 10px 5px 0;}
.page .tabs_desc.last_column {display: flex; justify-content: space-between;}
.page .tabs_desc.last_column>div {flex-basis: 48%;}
.page .tabs_desc .title {font-size: 16px;}

.use_cases .business_features_block {max-width: unset;}
.use_cases .business_features_block .item {font-size: 18px;}
.use_cases .blue_blocks .img {margin-bottom: 20px;}
.use_cases .blue_blocks .item {margin-bottom: 3rem;}

.use_cases .block_shema_inner {flex-direction: column;}
.use_cases .block_shema_inner .col {min-height: 169px; flex-direction: column;}
.use_cases .block_shema_inner .col .item:before,
.use_cases .block_shema_inner:not(#six_items) .col:nth-child(5) .item:after,
.use_cases .block_shema_inner .col:nth-child(6) .item:after {display: none;}
.use_cases .block_shema_inner .col .item:after,
.use_cases .block_shema_inner .col:nth-child(1) .item:after,
.use_cases .block_shema_inner#six_items .col:nth-child(5) {content: url(/assets/images/use_cases_block_shema_arrow_down.svg); position: absolute; left: 50%; bottom: -45px;}
.use_cases .features_acc_title h2 {text-align: center; margin-bottom: 2rem;}
.use_cases .features_acc_title h3 {text-align: center;}
.use_cases .accordion-item {width: unset;}
.use_cases .features_acc {margin-top: 3rem;}
.use_cases .features_acc .accordion-body .img {position: unset; margin-bottom: 2rem;}
.use_cases .features_acc .accordion-body .img img {max-width: 100%;}
.use_cases .features_acc .accordion-body p {margin-left: 0; font-size: 14px; line-height: 140%;}

.policy .page_title {margin-top: 8rem;}
.policy .container_inner {flex-direction: column;}
.container_inner aside {order: 1;}
.container_inner main {order: 2;}
.policy h2 {margin-bottom: 2rem;}
.policy section.last .section_6 {padding-top: 6rem;}

.footer_inner>div {flex-wrap: wrap;}
.footer_inner_left {order: 2; width: 100%; max-width: unset;}
.footer_inner_left .footer_apps_logo {flex-direction: row; justify-content: space-between;}
.footer_inner_right>div,
.footer_inner_right .last>div {width: calc(100%/2);}
.footer_inner_right>div>div {min-width: unset;}
.footer_inner_right {order: 1; width: 100%; flex-wrap: wrap;}
.footer_inner_right .last {width: 100%;}
.footer_inner .on_top {top: unset; bottom: 173px;}

}




@media (max-width: 425px) {
html {font-size: 12px;}

.section_1_inner .inf .btn {font-size: 18px; line-height: 21px;}

.section_2 .devices .item {margin-left: 12px; margin-right: 12px;}
.section_2_inner .tab-content .tab_inner .img img {border-radius: 4px;}

.section_3_inner .controls .logos {flex-wrap: wrap;}

.footer_inner_left .footer_logo {font-size: 1.1rem;}
.footer_inner_left .footer_logo img {max-width: 150px;}
}




@media (max-height: 705px) {
.header__nav.open-menu {min-height: unset; max-height: calc(100vh - 50px); overflow-y: auto;}
.open-menu .open-menu_footer {position: unset;}
}




/* THANKS
----------------------*/

.thanks-body {
    padding: 20px;
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
}

.thanks-body__modal{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 70%;
    padding: 20px 40px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.thanks-body__title {
    margin-top: 12px;
    text-align: center;
}

.thanks-body__descr {
    text-align: center;
}

.thanks-body__illustration{
    max-width: 100%;
}

.thanks-body__home-link{
    margin-bottom: 30px;
}

ul.social {
    display: flex;
    justify-content: space-around;
    padding: 0px 65px;
    margin: 0;
    width: 100%;
    text-align: center;
}

ul.social > li {
    display: inline-block;
}

ul.social > li > a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #aaaaaa;
    color: #fff;
    margin: 0 3px 3px 0;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

ul.social > li > a.fa-facebook:hover {
    text-decoration: none;
    background-color: #3b5998;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

ul.social > li > a.fa-youtube:hover {
    text-decoration: none;
    background-color: #dc3737;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

ul.social > li > a.fa-instagram:hover {
    text-decoration: none;
    background-color: #C13584;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

@media screen and (min-width: 300px) and (max-width: 425px){
    .thanks-body__modal {
        max-width: 100%;
        box-shadow: none;
        padding: 20px 25px;
    }
}

@media all and (min-width: 320px) and (max-width: 1280px) {
    .thanks-body {
        padding: 0;
    }

    ul.social {
        padding: 0px 20px;
    }
}

body::after {position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content:url(/assets/images/device_android_hover.svg) url(/assets/images/device_mac_hover.svg) url(/assets/images/device_chrome_hover.svg) url(/assets/images/device_firefox_hover.svg) url(/assets/images/device_edge_hover.svg) url(/assets/images/footer_googleplay_hover.svg) url(/assets/images/footer_appstore_hover.svg);}