@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

html {
   scroll-behavior: smooth;
}

body {
   font-family: "Montserrat", sans-serif;
   background: #ffffff;
}

.wrapper {
   overflow: hidden;
}

span,
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
   padding: 0;
   margin: 0;
}

p{
   line-height: 100%;
   letter-spacing: 0%;
}
span,
a,
button,
svg,
path,
img {
   transition: 0.3s ease all;
}

button,
a {
   border: none;
   outline: none;
   text-decoration: none;
   background: none;
   cursor: pointer;
}

.container-lg,
.container {
   max-width: 1216px;
   margin: 0 auto;
   padding: 0 23px;
}

.container-lg {
   max-width: 1416px;
}

.main_title {
   display: flex;
   align-items: center;
   gap: 30px;
   padding-left: 25px;
}

.main_title h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #35c2ff;
}

.head_top {
   padding: 6px 0px 3px;
   background: #484848;
}

.head_top .head_tabs {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   flex-wrap: wrap;
}

.head_top .head_tabs a {
   padding: 2px 7px;
   font-weight: 400;
   font-size: 14px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
   border: 1px solid #c4c4c4;
   border-radius: 4px 4px 0 0;
   background: #ffffff;
   position: relative;
   white-space: nowrap;
}

.head_top .head_tabs a .text-mob {
   display: none;
}

.head_top .head_tabs a::after {
   content: "";
   position: absolute;
   bottom: -4px;
   left: -1px;
   width: 102%;
   height: 4px;
   background: #ffffff;
   border-left: 1px solid #c4c4c4;
   border-right: 1px solid #c4c4c4;
   transition: 0.3s ease all;
   opacity: 0;
   pointer-events: none;
}

.head_top .head_tabs a.active::after {
   opacity: 1;
   pointer-events: all;
}

header {
   position: relative;
   z-index: 2;
   padding: 13px 0px;
   background: #ffffff;
}

header .head_wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
}

header .head_wrap .head_navs {
   display: flex;
   align-items: center;
   gap: 62px;
}

header .head_wrap .head_navs .head_nav {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   text-transform: uppercase;
   color: #5495c2;
   position: relative;
   white-space: nowrap;
}

header .head_wrap .head_navs .orange_nav {
  color: #ffffff !important;
    background: #0079c1;
    padding: 15px;
    font-weight: 700;
	border-radius: 25px;
}

header .head_wrap .head_navs .head_nav::after {
   content: "";
   position: absolute;
   bottom: -3px;
   left: 0;
   width: 0;
   height: 1px;
   background: #5495c2;
   transition: 0.3s ease all;
}

header .head_wrap .head_navs .orange_nav:after {
   background: #ff8d28 !important;
   display: none;
}

header .head_wrap .head_navs .head_nav.active {
   font-weight: 700;
}

header .head_wrap .head_navs .head_nav.active::after,
header .head_wrap .head_navs .head_nav:hover::after {
   width: 100%;
}

header .head_wrap .head_select {
   position: relative;
}

header .head_wrap .head_select .select_tab {
   display: flex;
   align-items: center;
   gap: 8px;
}

header .head_wrap .head_select .select_tab::before {
   content: "";
   position: absolute;
   left: 0;
   bottom: -13px;
   width: 100%;
   height: 13px;
   background: none;
   pointer-events: none;
}

header .head_wrap .head_select .select_tab:hover img {
   transform: rotateX(-180deg);
}

header .head_wrap .head_select .select_tab:hover::before {
   pointer-events: all;
}

header .head_wrap .head_select .select_tab:hover+.select_list {
   opacity: 1;
   pointer-events: all;
   top: calc(100% + 13px);
}

header .head_wrap .head_select .select_list {
   position: absolute;
   left: 0;
   top: calc(100% + 20px);
   display: flex;
   flex-direction: column;
   background: #ffffff;
   width: 170px;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
   opacity: 0;
   pointer-events: none;
   transition: 0.3s ease all;
}

header .head_wrap .head_select .select_list:hover,
header .head_wrap .head_select .select_list.active {
   top: calc(100% + 13px);
   opacity: 1;
   pointer-events: all;
}

header .head_wrap .head_select .select_list a {
   font-weight: 400;
   font-size: 16px;
   line-height: 115%;
   color: #5495c2;
   padding: 8px 17px;
}

header .head_wrap .head_select .select_list a:hover,
header .head_wrap .head_select .select_list a.active {
   color: #ffffff;
   background: #35c2ff;
}

header .head_wrap .openMenu {
   display: none;
   align-items: center;
   justify-content: center;
}

header .head_wrap .openMenu .close-icon {
   display: none;
}

header .head_wrap .openMenu.active .menu-icon {
   display: none;
}

header .head_wrap .openMenu.active .close-icon {
   display: block;
}

header .head_menu {
   position: absolute;
   top: 110%;
   right: 15px;
   width: 250px;
   display: none;
   flex-direction: column;
   text-align: right;
   background: #ffffff;
   box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2509803922);
   padding-bottom: 22px;
   opacity: 0;
   pointer-events: none;
   transition: 0.3s ease all;
}

header .head_menu.active {
   top: 100%;
   opacity: 1;
   pointer-events: all;
}

header .head_menu .menu_link {
   padding: 9px 27px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   text-align: right;
   text-transform: uppercase;
   color: #5495c2;
   text-decoration: underline;
}

header .head_menu .menu_link.active,
header .head_menu .menu_link:hover {
   background: #35c2ff;
   color: #ffffff;
   font-weight: 700;
   text-decoration: none;
}

header .head_menu .accordion-item {
   border-radius: 0;
   border: none;
}

header .head_menu .accordion-header .accordion-button {
   border: none;
   outline: none;
   border-radius: 0 !important;
   box-shadow: none;
   display: flex;
   align-items: center;
   justify-content: end;
   gap: 7px;
   padding-top: 12px;
   padding-bottom: 12px;
}

header .head_menu .accordion-header .accordion-button::after {
   display: none;
}

header .head_menu .accordion-header .accordion-button.active svg path {
   stroke: #ffffff;
}

header .head_menu .accordion-header .accordion-button:not(.collapsed) {
   background: #35c2ff;
   color: #ffffff;
   font-weight: 700;
}

header .head_menu .accordion-header .accordion-button:not(.collapsed) svg {
   transform: rotateX(-180deg);
}

header .head_menu .accordion-header .accordion-button:not(.collapsed) svg path {
   stroke: #ffffff;
}

header .head_menu .accordion-body {
   padding: 12px 0 8px 0;
   display: flex;
   flex-direction: column;
}

header .head_menu .accordion-body a {
   font-weight: 400;
   padding: 8px 45px 8px 8px;
   font-size: 16px;
   line-height: 110%;
   text-align: right;
   text-transform: uppercase;
   color: #5495c2;
   text-decoration: underline;
}

header .head_menu .accordion-body a.active,
header .head_menu .accordion-body a:hover {
   background: #35c2ff;
   color: #ffffff;
   font-weight: 700;
}

section.home {
   margin-top: 96px;
   background: #0079c1;
}

section.home.home2 .home_info {
   gap: 45px;
}

section.home .block {
   display: flex;
   flex-direction: column;
   gap: 60px;
}

section.home.home3 .block {
   gap: 35px;
}

.home_info {
   position: relative;
   width: 100%;
   height: 630px;
   display: flex;
   flex-direction: column;
   gap: 7px;
   justify-content: end;
   padding: 97px 97px 0;
   margin-top: -90px;
}

.home_info::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 505px;
   background: linear-gradient(0deg, #0079c1 14.02%, rgba(0, 163, 233, 0) 71.11%);
   z-index: 0;
}

.home_info h1 {
   position: relative;
   z-index: 1;
   font-weight: 700;
   font-size: 40px;
   line-height: 100%;
   letter-spacing: 0%;
   text-transform: uppercase;
   color: #ffffff;
   max-width: 900px;
}

.home_info h2 {
   position: relative;
   z-index: 1;
   font-weight: 400;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #ffffff;
   max-width: 842px;
}

.home_info .home-arrows1 {
   position: absolute;
   bottom: 51px;
   left: -142px;
   z-index: 1;
}

.home_info .home-arrows2 {
   position: absolute;
   bottom: 21px;
   right: -72px;
   z-index: 1;
}

.home_info.home_info2 h2,
.home_info.home_info2 h1 {
   max-width: 1170px;
}

.home_banner {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: 0;
}

section.home .home_tabs {
   display: flex;
   align-items: center;
   justify-content: end;
}

section.home .home_tabs .home_tab {
   padding: 7px 34px;
   height: 45px;
   border-left: 1px solid #ffffff;
   display: flex;
   align-items: center;
   gap: 16px;
   font-weight: 500;
   font-size: 16px;
   line-height: 100%;
   color: #ffffff;
}

section.home .home_tabs .home_tab:last-child {
   border-right: 1px solid #ffffff;
}

section.home .home_tabs .home_tab:hover,
section.home .home_tabs .home_tab.active {
   background: #35c2ff;
}

section.home .home_tabs .home_tab:hover svg path,
section.home .home_tabs .home_tab.active svg path {
   stroke: #ffffff;
}

section.home.home2 .hollow_buttons {
   margin-bottom: 41px;
   display: flex;
   justify-content: center;
   gap: 40px;
}

.hollow_button {
   padding: 10px 24px;
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1%;
   color: #ffffff;
   border: 2px solid #ffffff;
   background: rgba(196, 196, 196, 0);
}

.hollow_button:hover {
   background: #35c2ff;
}

.hollow_button.active {
   background: #35c2ff;
}

.innovative {
   padding: 100px 0;
   position: relative;
}

.innovative .block {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 21px;
}

.innovative .block .title {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.innovative .block .title h2 {
   display: flex;
   align-items: center;
   gap: 43px;
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #35c2ff;
   padding-left: 26px;
}

.innovative .block .title p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   max-width: 670px;
}

.innovative .block .info {
   display: flex;
   align-items: end;
   gap: 30px;
}

.innovative .block .info .texts {
   display: flex;
   flex-direction: column;
   gap: 30px;
   align-items: center;
}

.innovative .block .info .check_texts {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.innovative .block .info .check_texts p {
   display: flex;
   align-items: center;
   gap: 30px;
   max-width: 346px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.innovative .block .info .info_text {
   max-width: 670px;
   text-align: center;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.innovative.desc {
   padding-top: 0 !important;
}

.innovative.desc .block .info {
   align-items: center;
   gap: 16px;
   justify-content: center;
}

.innovative.desc .block .info .check_texts p {
   max-width: 690px;
   gap: 11px;
}

.innovative.desc .block .info .info_text {
   text-align: start;
   color: #0079c1;
}

.system {
   padding-bottom: 100px;
}

.system .block {
   display: flex;
   flex-direction: column;
   gap: 26px;
}

.system .block h2 {
   display: flex;
   align-items: center;
   gap: 43px;
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #35c2ff;
   padding-left: 25px;
}

.system .block .cards {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 10px;
}

.system .block .cards .system_card {
   position: relative;
   padding: 25px;
   color: white;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: end;
   gap: 15px;
   background-repeat: no-repeat;
   background-size: cover;
   border: none;
   border-radius: 0;
}

.system .block .cards .system_card.disabled::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;

   z-index: 1;
}

.system .block .cards .system_card .title {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.system .block .cards .system_card h3 {
   font-weight: 700;
   font-size: 24px;
   line-height: 120%;
   color: #ffffff;
}

.system .block .cards .system_card p {
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #ffffff;
}

.system .block .cards .system_card a {
   padding: 10px 24px;
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1%;
   color: #ffffff;
   border: 2px solid #ffffff;
   background: rgba(196, 196, 196, 0);
}

.system .block .cards .system_card a:hover {
   background: #35c2ff;
}

.system .block .cards .stolovaya {
   background-image: url(../img/stolovaya-bg.png);
   grid-column: span 2;
   grid-row: span 2;
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
}

.system .block .cards .vending {
   background-image: url(../img/vending-bg.png);
   grid-column: span 3;
   border-top-right-radius: 15px;
   overflow: hidden;
}

.system .block .cards .vending .title {
   flex-direction: initial;
   align-items: center;
   gap: 50px;
}

.system .block .cards .prohodnaya {
   background-image: url(../img/prohodnaya-bg.png);
   grid-column: span 2;
   grid-row: span 2;
   border-bottom-left-radius: 15px;
}

.system .block .cards .biblioteka {
   background-image: url(../img/biblioteka-bg.png);
   grid-column: span 2;
   grid-row: span 2;
   border-top-right-radius: 15px;
   overflow: hidden;
}

.system .block .cards .dnevnik {
   background-image: url(../img/dnevnik-bg.png);
   grid-column: span 1;
   grid-row: span 3;
   border-bottom-right-radius: 15px;
}

.system .block .cards .text {
   background: #ffffff;
   grid-column: span 2;
   grid-row: span 1;
}

.system .block .cards .text p {
   color: #484848;
}

.system .block .cards .dop-obraz {
   background-image: url(../img/obraz-bg.png);
   grid-column: span 5;
   border-top-right-radius: 15px;
   flex-direction: initial;
   padding: 25px 25px 32px 40px;
   gap: 60px;
   overflow: hidden;
   color: #fff;
}

.advantages {
   padding-bottom: 115px;
}

.advantages .block {
   display: flex;
   flex-direction: column;
   gap: 35px;
}

.advantages .block .title {
   display: flex;
   align-items: center;
   gap: 43px;
   padding-left: 25px;
}

.advantages .block .title h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #35c2ff;
   max-width: 637px;
}

.advantages .block .items {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 100px 30px;
}

.advantages .block .items .item {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 20px;
   padding-left: 75px;
}

.advantages .block .items .item img {
   position: absolute;
   z-index: -1;
   left: 0;
   top: -25px;
}

.advantages .block .items .item h4 {
   font-weight: 800;
   font-size: 14px;
   line-height: 120%;
   text-transform: uppercase;
   color: #484848;
}

.advantages .block .items .item p {
   font-weight: 500;
   font-size: 14px;
   color: #484848;
   line-height: 120%;
}

.advantages2 {
   padding-bottom: 70px;
}

.advantages2 .block .items {
   max-width: 1000px;
   margin: 0 auto;
   gap: 70px 30px;
}

.advantages2 .block .items .item {
   padding-left: 99px;
}

.advantages2 .block .items .item img {
   top: -22px;
}

.advantages.moduleAdvantages {
   padding: 50px 0;
}

.advantages.moduleAdvantages .title {
   padding-left: 0;
}

.advantages.moduleAdvantages .title h2 {
   color: #484848;
   max-width: 700px;
}

.advantages.moduleAdvantages .block .items {
   grid-template-columns: 1fr 1fr 1fr;
   gap: 35px;
}

.advantages.moduleAdvantages .block .items .item {
   padding-left: 100px;
}

.advantages.moduleAdvantages .block .items .item img {
   top: -19px;
}

.advantages.moduleAdvantages .block .items .item_link {
   display: flex;
   flex-direction: column;
   gap: 17px;
   align-items: center;
   justify-content: center;
}

.advantages.moduleAdvantages .block .items .item_link p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
}

.advantages.moduleAdvantages .block .items .item_link a {
   padding: 10px 43px;
   font-weight: 400;
   font-size: 16px;
   color: #ffffff;
   background: #35c2ff;
}

.advantages.moduleAdvantages .block .items .item_link a:hover {
   background: #0079c1;
}

.benefits {
   padding-bottom: 136px;
}

.benefits .block {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.benefits .block .title {
   display: flex;
   align-items: center;
   gap: 43px;
   padding-left: 25px;
}

.benefits .block .title h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #35c2ff;
   max-width: 730px;
}

.benefits .block .items {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 30px;
}

.benefits .block .items .item {
   width: 370px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   align-items: center;
   text-align: center;
}

.benefits .block .items .item b {
   font-weight: 700;
   font-size: 96px;
   line-height: 100%;
   color: #35c2ff;
}

.benefits .block .items .item h2 {
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   text-transform: uppercase;
   color: #35c2ff;
}

.benefits .block .items .item p {
   font-weight: 400;
   font-size: 16px;
   color: #484848;
}

.projects_sec {
   padding: 128px 0px 176px;
   background: linear-gradient(109.01deg, #35c2ff 29.16%, #0079c1 98.62%);
}

.projects_sec .block {
   display: flex;
   flex-direction: column;
   gap: 49px;
}

.projects_sec .block .title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
}

.projects_sec .block .title h2 {
   display: flex;
   align-items: center;
   gap: 43px;
   font-weight: 500;
   font-size: 24px;
   line-height: 71%;
   text-transform: uppercase;
   color: #ffffff;
   padding-left: 25px;
}

.projects_sec .block .title a {
   padding: 10px 24px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 1%;
   color: #ffffff;
   border: 2px solid #ffffff;
}

.projects_sec .block .title a:hover {
   background: #0079c1;
}

.projects_sec .more_btn {
   padding: 10px 24px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 1%;
   color: #ffffff;
   border: 2px solid #ffffff;
   text-align: center;
   display: none;
}

.projects_sec .more_btn:hover {
   background: #0079c1;
}

.projects_sec .items {
   position: relative;
   display: grid;
   grid-template-columns: 1fr 1fr 1.3fr;
   grid-auto-rows: 1fr;
   gap: 11px;
}

.projects_sec .items .projectSec_arrows1 {
   position: absolute;
   top: 42px;
   left: -181px;
}

.projects_sec .items .projectSec_arrows2 {
   position: absolute;
   bottom: -114px;
   right: -205px;
}

.cases {
   margin-bottom: 40px;
}

.cases .items {
   position: relative;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-auto-rows: 213px 213px;
   gap: 11px;
}

.item_hover {
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transition: opacity 0.3s ease;
}

.item_link {
   display: block;
   padding: 10px 20px;
   color: #fff;
   font-weight: 500;
   border: 2px solid #fff;
   border-radius: 7px;
}

.projects_sec .items>div:hover .item_hover {
   opacity: 1;
}

.projects_sec .items .item_img1 {
   grid-column: span 2;
   grid-row: span 2;
   border-top-right-radius: 15px;
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
}

.cases .items .item_img1 {
   grid-column: auto;
   grid-row: auto;
}

.projects_sec .items .item_img2 {
   border-bottom-left-radius: 15px;
   -o-object-fit: cover;
   object-fit: cover;
   position: relative;
   overflow: hidden;
}

.projects_sec .items .item_img3 {
   border-bottom-right-radius: 15px;
   -o-object-fit: cover;
   object-fit: cover;
   position: relative;
   overflow: hidden;
}

.projects_sec .items .item_img1-img {
   grid-column: span 2;
   grid-row: span 2;
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
   height: 100%;
   position: relative;
}

.projects_sec .items .item_img2-img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   position: relative;
}

.projects_sec .items .item_img3-img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   position: relative;
}

.questions {
   padding-top: 51px;
}

.questions.descQuestion {
   padding-top: 0 !important;
}

.questions .block {
   display: flex;
   flex-direction: column;
   gap: 43px;
   padding: 39px 26px 76px;
   background-image: url(../img/question-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
}

.questions .block .title {
   display: flex;
   align-items: center;
   gap: 43px;
}

.questions .block .title h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #5495c2;
}

.questions .block .boxs {
   display: flex;
   justify-content: space-around;
   gap: 20px;
}

.questions .block .boxs .box {
   display: flex;
   flex-direction: column;
}

.questions .block .boxs .box a {
   font-weight: 700;
   font-size: 24px;
   letter-spacing: 1%;
   color: #484848;
}

.questions .block .boxs .box p {
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1%;
   color: #484848;
}

.questions.moduleQuestion {
   padding: 0;
   background: #eaf9ff;
}

.questions.moduleQuestion .block {
   background: none;
   display: flex;
   flex-direction: column;
   gap: 17px;
   padding: 41px 25px 70px;
}

.questions.moduleQuestion .block h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #35c2ff;
}

.questions.moduleQuestion .block .boxs {
   justify-content: space-between;
}

.description {
   padding: 50px 0;
}

.description2 {
   padding-top: 0 !important;
}

.description2 .block {
   max-width: 1000px;
   margin: 0 auto;
   margin-top: 30px;
}

.description3 {
   padding-top: 0;
}

.description .top {
   margin-bottom: 40px;
   display: flex;
   align-items: start;
   justify-content: space-between;
   gap: 20px;
   width: 100%;
}

.description .top .read_more {
   padding: 10px 21px;
   background: #35c2ff;
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1%;
   color: #ffffff;
}

.description h3 {
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   text-transform: uppercase;
   color: #484848;
   margin-bottom: 25px;
   text-align: center;
}

.description .text_desc {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
   max-width: 970px;
   margin: 24px auto 0;
}

.description .block {
   position: relative;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 10px;
}

.description .block .redlines {
   position: absolute;
   top: 65px;
   left: -375px;
}

.description .block .info {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.description .block .info h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #484848;
   max-width: 522px;
}

.description .block .info p {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   color: #484848;
   max-width: 470px;
   line-height: 120%;
}

.description .block .info p span {
   font-weight: 500;
}

.description .block .info p.blue {
   color: #35c2ff;
}

.description .block .info p.blue::after {
   display: none;
}

.description .block .info p.none::after {
   display: none;
}

.description .block .info p a {
   font-weight: 700;
   color: #35c2ff;
}

.description .block .info p::after {
   content: "";
   position: absolute;
   top: -8px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.digital {
   padding-bottom: 50px;
}

.digital .block {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.digital .block .title_wrap {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.digital .block .title_wrap p {
   max-width: 570px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.digital .items {
   display: flex;
   align-items: start;
   justify-content: space-between;
   max-width: 1000px;
   margin: 0 auto;
   gap: 25px;
}

.digital .items_wrap {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.digital .items_wrap .item {
   display: flex;
   align-items: center;
   gap: 18px;
}

.digital .items_wrap .item p {
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   max-width: 470px;
}

.digital.moduleDigital .block {
   gap: 15px;
}

.digital.moduleDigital .block .title {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #484848;
   max-width: 600px;
}

.digital.moduleDigital .items {
   margin: 0;
   margin-left: auto;
}

.digital.moduleDigital .items .items_wrap .item p {
   max-width: 744px;
}

.choose {
   padding-bottom: 50px;
}

.choose .block {
   display: flex;
   flex-direction: column;
}

.choose .block .items {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px 60px;
   margin: 50px auto 0;
   max-width: 1050px;
}

.choose .block .items .item {
   display: flex;
   align-items: start;
   gap: 30px;
}

.choose .block .items .item .info {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.choose .block .items .item .info h4 {
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   text-transform: uppercase;
   color: #484848;
}

.choose .block .items .item .info p {
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.choose .block .box {
   border: 12px solid #c9efff;
   padding: 30px 60px;
   display: flex;
   align-items: center;
   gap: 30px;
   max-width: 970px;
   margin: 27px auto 0;
}

.choose .block .box p {
   font-weight: 500;
   font-size: 16px;
   line-height: 110%;
   color: #0079c1;
}

.stages {
   padding-bottom: 50px;
}

.stages .block {
   margin-top: 35px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 30px;
}

.stages .block .items {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.stages .block .items .item {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.stages .block .items .item h3 {
   font-weight: 700;
   font-size: 16px;
   text-transform: uppercase;
   color: #484848;
}

.stages .block .items .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.stages .block .items .item ul {
   width: 400px;
   margin-left: auto;
}

.stages .block .items .item ul li {
   list-style: none;
   display: flex;
   align-items: center;
   gap: 15px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.stages .block .items .item ul li span {
   width: 15px;
   height: 2px;
   background: #35c2ff;
}

.download {
   padding-bottom: 30px;
}

.download .block {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 30px;
}

.download .block p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #0079c1;
   max-width: 770px;
}

.download .block h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-align: center;
   text-transform: uppercase;
   color: #0079c1;
   max-width: 960px;
}

.download .block .box {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 39px;
   width: 100%;
}

.download .block .box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
   max-width: 823px;
}

.download .block .box a {
   padding: 10px 21px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 1%;
   color: #ffffff;
   background: #35c2ff;
}

.solution {
   padding: 16px 0 35px;
   background: #eaf9ff;
   margin-bottom: 32px;
}

.solution .title {
   display: flex;
   flex-direction: column;
   gap: 3px;
}

.solution .title h3 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   color: #484848;
}

.solution .title p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #484848;
}

.solution .block {
   display: flex;
   flex-direction: column;
   gap: 78px;
}

.solution .block .cards {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
}

.solution .block .book_card {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 21px;
}

.solution .block .book_card .top {
   position: relative;
   display: flex;
   flex-direction: column;
}

.solution .block .book_card .top::after {
   content: "";
   position: absolute;
   top: -10px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.solution .block .book_card .top p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #484848;
}

.solution .block .book_card .top b {
   font-weight: 700;
   font-size: 24px;
   color: #35c2ff;
}

.solution .block .book_card .book_img {
   width: 100%;
}

.solution .block .book_card img {
   width: 100%;
}

.companyHome {
   background-image: url(../img/company-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   padding-top: 87px;
}

.companyHome .block {
   display: flex;
   flex-direction: column;
   gap: 79px;
}

.companyHome .block .title {
   display: flex;
   flex-direction: column;
   gap: 16px;
   max-width: 826px;
   margin: 0 auto;
}

.companyHome .block .title h2 {
   font-weight: 700;
   font-size: 36px;
   text-transform: uppercase;
   color: #ffffff;
}

.companyHome .block .title p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   max-width: 462px;
   color: #ffffff;
}

.companyHome .block .company_tabs {
   display: flex;
   align-items: center;
   overflow: auto;
}

.companyHome .block .company_tabs::-webkit-scrollbar {
   height: 5px;
}

.companyHome .block .company_tabs::-webkit-scrollbar-track {
   background: #c4c4c4;
   border-radius: 4.5px;
   height: 5px;
}

.companyHome .block .company_tabs::-webkit-scrollbar-thumb {
   background: #35c2ff;
   border-radius: 4.4px;
}

.companyHome .block .company_tabs a {
   width: 160px;
   display: flex;
   justify-content: center;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #ffffff;
   border-left: 1px solid #ffffff;
   padding: 6px 28px;
}

.companyHome .block .company_tabs a:hover,
.companyHome .block .company_tabs a.active {
   background: #35c2ff;
}

.companyHome .block .company_tabs a:last-child {
   border-right: 1px solid #ffffff;
}

.companyHome .block .company_tabs a span {
   display: flex;
   flex-direction: column;
}

.companyHome .block .company_tabs a b {
   font-weight: 700;
   font-size: 10px;
   color: #c9efff;
}

.keys {
   padding: 50px 0 0;
}

.keys .block {
   display: flex;
   flex-direction: column;
}

.keys .block .top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
}

.keys .block .top .keys_links {
   display: flex;
   align-items: center;
   gap: 10px;
}

.keys .block .top .keys_links .keys_link {
   padding: 10px 21px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #ffffff;
   background: #35c2ff;
   border: 2px solid #35c2ff;
}

.keys .block .top .keys_links .keys_link:hover {
   background: #0079c1;
   border-color: #0079c1;
}

.keys .block .top .keys_links .keys_link.keys_back {
   background: #ffffff;
   color: #35c2ff;
}

.keys .block .top .keys_links .keys_link.keys_back:hover {
   border-color: #35c2ff;
   background: #35c2ff;
   color: #ffffff;
}

.keys .block .keys_links-mob {
   display: none;
   align-items: center;
   justify-content: center;
   gap: 7px;
   margin-bottom: 75px;
}

.keys .block .keys_links-mob .keys_link {
   padding: 10px 21px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #ffffff;
   background: #35c2ff;
   border: 2px solid #35c2ff;
}

.keys .block .keys_links-mob .keys_link:hover {
   background: #0079c1;
   border-color: #0079c1;
}

.keys .block .keys_links-mob .keys_link.keys_back {
   background: #ffffff;
   color: #35c2ff;
}

.keys .block .keys_links-mob .keys_link.keys_back:hover {
   border-color: #35c2ff;
   background: #35c2ff;
   color: #ffffff;
}

.keys .block .keys_body {
   margin-top: 32px;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 100px;
   background-image: url(../img/keys_body-bg.png);
   padding: 0px 15px;
}

.keys .block .keys_body2 {
   background-image: url(../img/keys_body-bg2.png);
}

.keys .block .keys_body3 {
   background-image: url(../img/keys_body-bg3.png);
}

.keys .block .keys_body::before {
   content: "";
   position: absolute;
   bottom: 0;
   left: -500%;
   width: 1000%;
   height: 350px;
   background: #eaf9ff;
   z-index: -1;
}

.keys .block .keys_body .info {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   max-width: 797px;
   width: 100%;
   padding: 0 30px 30px;
   background: rgba(0, 121, 193, 0.6);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   text-align: center;
}

.keys .block .keys_body .info span {
   font-weight: 700;
   font-size: 96px;
   line-height: 100%;
   color: #c9efff;
}

.keys .block .keys_body .info h3 {
   font-weight: 700;
   font-size: 24px;
   line-height: 100%;
   color: #ffffff;
}

.keys .block .keys_body .info p {
   margin-top: 30px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #ffffff;
   max-width: 528px;
}

.keys .block .keys_body .info p b {
   font-weight: 700;
}

.keys .block .keys_body .keys_tabs {
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: auto;
   width: 100%;
}

.keys .block .keys_body .keys_tabs::-webkit-scrollbar {
   height: 5px;
}

.keys .block .keys_body .keys_tabs::-webkit-scrollbar-track {
   background: #c4c4c4;
   border-radius: 4.5px;
   height: 5px;
}

.keys .block .keys_body .keys_tabs::-webkit-scrollbar-thumb {
   background: #35c2ff;
   border-radius: 4.4px;
}

.keys .block .keys_body .keys_tabs .tab {
   width: 210px;
   display: flex;
   justify-content: center;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #ffffff;
   border-left: 1px solid #ffffff;
   padding: 6px;
   white-space: nowrap;
}

.keys .block .keys_body .keys_tabs .tab:hover,
.keys .block .keys_body .keys_tabs .tab.active {
   background: #35c2ff;
}

.keys .block .keys_body .keys_tabs .tab:last-child {
   border-right: 1px solid #ffffff;
}

.keys .block .keys_body .keys_tabs .tab span {
   display: flex;
   flex-direction: column;
   align-items: start;
}

.keys .block .keys_body .keys_tabs .tab b {
   font-weight: 700;
   font-size: 10px;
   color: #c9efff;
}

.keys .sliderOne {
   padding: 25px 0 36px;
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.keys .sliderOne .info {
   display: flex;
   align-items: center;
   gap: 30px;
}

.keys .sliderOne .info .texts {
   display: flex;
   flex-direction: column;
   gap: 35px;
   max-width: 471px;
}

.keys .sliderOne .info .texts p {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.keys .sliderOne .info .texts p::after {
   content: "";
   position: absolute;
   top: -10px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.keys .sliderOne .info .boxs {
   position: relative;
   padding: 30px 30px 30px 90px;
   display: flex;
   flex-direction: column;
   gap: 32px;
   border: 12px solid #eaf9ff;
   width: 598px;
}

.keys .sliderOne .info .boxs .box {
   display: flex;
   flex-direction: column;
}

.keys .sliderOne .info .boxs .box span {
   font-weight: 500;
   font-size: 32px;
   line-height: 100%;
   color: #35c2ff;
}

.keys .sliderOne .info .boxs .box b {
   font-weight: 700;
   font-size: 48px;
   line-height: 100%;
   color: #35c2ff;
}

.keys .sliderOne .info .boxs .box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.keys .sliderOne .info .boxs img {
   position: absolute;
   top: 50%;
   right: 32px;
   transform: translate(0, -50%);
   z-index: -1;
}

.keys .sliderOne .items {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px 20px;
}

.keys .sliderOne .items .item {
   display: flex;
   align-items: center;
   gap: 15px;
   border-bottom: 1px solid #35c2ff;
   max-width: 480px;
}

.keys .sliderOne .items .item span {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #35c2ff;
}

.keys .sliderOne .items .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #484848;
}

.keys .sliderTwo {
   padding: 121px 0px 100px;
}

.keys .sliderTwo .items {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 100px 30px;
   max-width: 1050px;
   margin: 0 auto;
}

.keys .sliderTwo .items .item {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 20px;
   padding-left: 130px;
}

.keys .sliderTwo .items .item img {
   position: absolute;
   z-index: -1;
   left: 0;
   top: -40px;
}

.keys .sliderTwo .items .item h4 {
   font-weight: 800;
   font-size: 14px;
   line-height: 100%;
   text-transform: uppercase;
   color: #484848;
}

.keys .sliderTwo .items .item p {
   font-weight: 500;
   font-size: 14px;
   color: #484848;
}

.keys .sliderThree {
   padding: 80px 0px 40px;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 10px;
   max-width: 1041px;
   margin: 0 auto;
}

.keys .sliderThree.sliderThree4 {
   grid-template-columns: 1fr 1fr;
}

.keys .sliderThree .slider_card {
   display: flex;
   flex-direction: column;
   gap: 44px;
   padding: 30px 15px 69px;
   background: #eaf9ff;
   max-width: 370px;
   margin: 0 auto;
}

.keys .sliderThree .slider_card h3 {
   font-weight: 500;
   font-size: 24px;
   line-height: 120%;
   text-align: center;
   text-transform: uppercase;
   color: #35c2ff;
}

.keys .sliderThree .slider_card .texts {
   display: flex;
   flex-direction: column;
   gap: 34px;
   height: 100%;
   justify-content: center;
   align-items: center;
}

.keys .sliderThree .slider_card .texts p {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
}

.keys .sliderThree .slider_card .texts p::after {
   content: "";
   position: absolute;
   top: -16px;
   left: 50%;
   transform: translate(-50%);
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.swiper-button-next,
.swiper-button-prev {
   top: 38%;
   width: 50px;
   height: 50px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
   display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
   color: #484848;
   font-size: 18px;
   font-weight: 700;
   width: 50px;
   height: 50px;
   border-radius: 100%;
   background: #eaf9ff;
   display: flex;
   align-items: center;
   justify-content: center;
}

.number {
   padding: 50px 0px 90px;
}

.number .block {
   display: flex;
   align-items: start;
   justify-content: space-between;
   gap: 30px;
   margin-top: 46px;
}

.number .block .info {
   display: flex;
   flex-direction: column;
   gap: 17px;
   padding: 50px 0 50px 27px;
   border-left: 1px solid #35c2ff;
}

.number .block .info .box {
   display: flex;
   align-items: center;
   gap: 5px;
}

.number .block .info .box p {
   position: relative;
   width: 250px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.number .block .info .box p::after {
   content: "";
   position: absolute;
   left: -29.5px;
   top: 50%;
   transform: rotate(0, -50%);
   width: 5px;
   height: 5px;
   border-radius: 100%;
   background: #35c2ff;
}

.number .block .info .box .boxNumber {
   display: flex;
   flex-direction: column;
}

.number .block .info .box .boxNumber span {
   font-weight: 500;
   font-size: 32px;
   line-height: 100%;
   color: #35c2ff;
   margin-bottom: -5px;
}

.number .block .info .box .boxNumber b {
   font-weight: 600;
   font-size: 64px;
   line-height: 100%;
   color: #35c2ff;
   white-space: nowrap;
}

.advantagesCards {
   padding: 47px 0px 65px;
}

.advantagesCards .block {
   display: flex;
   flex-direction: column;
   gap: 33px;
}

.advantagesCards .block .cards {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
}

.advantagesCards .block .cards .card {
   position: relative;
   padding: 25px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 25px;
   background: #eaf9ff;
   min-height: 312px;
   border: none;
}

.advantagesCards .block .cards .card img {
   position: absolute;
   right: 17px;
   top: 50%;
   transform: translate(0, -50%);
   width: 212px;
}

.advantagesCards .block .cards .card h3 {
   position: relative;
   z-index: 1;
   font-weight: 700;
   font-size: 16px;
   line-height: 120%;
   text-transform: uppercase;
   max-width: 382px;
   color: #484848;
}

.advantagesCards .block .cards .card p {
   position: relative;
   z-index: 1;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   max-width: 370px;
   color: #484848;
}

.management {
   padding: 50px 0;
}

.management .block {
   display: flex;
   flex-direction: column;
   gap: 26px;
}

.management .block .cards {
   display: flex;
   flex-direction: column;
   gap: 26px;
}

.management .block .cards .card {
   display: flex;
   flex-direction: column;
   gap: 10px;
   border: none;
   background: none;
}

.management .block .cards .card .card_blog {
   display: flex;
   align-items: center;
   border-radius: 0;
   flex-direction: initial;
   gap: 125px;
   padding: 0 25px;
   position: relative;
}

.management .block .cards .card .card_blog::after {
   content: "";
   position: absolute;
   left: -600px;
   width: 1000px;
   height: 312px;
   background: #c9efff;
   z-index: -1;
}

.management .block .cards .card .card_blog.right {
   justify-content: end;
   text-align: end;
}

.management .block .cards .card .card_blog.right::after {
   left: auto;
   right: -600px;
}

.management .block .cards .card .card_img {
   width: 280px;
   height: 400px;
   -o-object-fit: cover;
   object-fit: cover;
}

.management .block .cards .card .info {
   display: flex;
   flex-direction: column;
   gap: 23px;
}

.management .block .cards .card .info h2 {
   font-weight: 700;
   font-size: 36px;
   line-height: 110%;
   color: #484848;
}

.management .block .cards .card .info h3 {
   font-weight: 500;
   font-size: 24px;
   line-height: 90%;
   text-transform: uppercase;
   color: #35c2ff;
}

.management .block .cards .card .info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   max-width: 500px;
}

.management .block .cards .card .card_text {
   font-weight: 400;
   font-size: 14px;
   line-height: 120%;
   color: #484848;
   display: none;
}

.document {
   padding: 50px 0;
}

.document .block {
   display: flex;
   flex-direction: column;
   gap: 54px;
}

.document .block .items {
   display: flex;
   align-items: start;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 20px;
}

.document .block .items .item {
   display: flex;
   flex-direction: column;
   gap: 15px;
   width: 240px;
}

.document .block .items .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.document .block .info {
   display: flex;
   flex-direction: column;
   gap: 44px;
   max-width: 600px;
   margin: 0 auto;
}

.document .block .info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.document .block .info p a {
   font-weight: 500;
   font-size: 16px;
   line-height: 100%;
   text-decoration: underline;
   color: #35c2ff;
}

.document .block .info p a img {
   margin-left: 23px;
}

.geography {
   padding: 50px 0px 130px;
}

.geography .block {
   display: flex;
   flex-direction: column;
   gap: 70px;
}

.geography .block .map {
   position: relative;
}

.geography .block .map .bottom_text,
.geography .block .map .top_text {
   position: relative;
   z-index: 1;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #484848;
}

.geography .block .map .top_text::after {
   content: "";
   position: absolute;
   top: -15px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.geography .block .map .bottom_text {
   max-width: -moz-fit-content;
   max-width: fit-content;
   margin: 23px 0 0 auto;
}

.geography .block .map svg {
   margin-top: -30px;
   width: 100%;
   height: auto;
}

.geography .block .map svg path {
   pointer-events: none;
}

.geography .block .map svg .group rect {
   transition: 0.1s ease all;
   cursor: pointer;
}

.geography .block .map svg .group rect:hover {
   fill: #0079c1;
}

.geography .block .map svg .group.active rect {
   fill: #0079c1;
}

.geography .block .map .map_modal {
   position: absolute;
   top: 25px;
   right: 0;
   z-index: 2;
   display: flex;
   flex-direction: column;
   gap: 17px;
   padding: 24px 26px 34px;
   background: #0079c1;
   max-width: 485px;
   opacity: 0;
   pointer-events: none;
   transition: 0.3s ease all;
}

.geography .block .map .map_modal.active {
   top: 14px;
   opacity: 1;
   pointer-events: all;
}

.geography .block .map .map_modal .top {
   padding-bottom: 13px;
   border-bottom: 1px solid #ffffff;
}

.geography .block .map .map_modal .top p {
   font-weight: 500;
   font-size: 16px;
   letter-spacing: 1%;
   color: #ffffff;
   text-align: center;
}

.geography .block .map .map_modal .info {
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.geography .block .map .map_modal .info p {
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1%;
   line-height: 120%;
   color: #ffffff;
   display: flex;
   align-items: start;
   gap: 5px;
}

.geography .block .map .map_modal .info p span {
   white-space: nowrap;
   color: #35c2ff;
   width: 194px;
   text-align: end;
}

.geography .map_mob {
   position: relative;
   margin-top: 30px;
   display: none;
}

.geography .map_mob .map_mob-img {
   position: absolute;
   right: -15px;
   top: -50px;
   z-index: -1;
}

.geography .map_tabs {
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.geography .map_tabs .accordion-item {
   border: none;
   max-width: -moz-fit-content;
   max-width: fit-content;
   background: none;
}

.geography .map_tabs .accordion-button {
   padding: 10px 33px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #ffffff;
   max-width: -moz-fit-content;
   max-width: fit-content;
   background: #35c2ff;
   border: none;
   box-shadow: none !important;
}

.geography .map_tabs .accordion-button::after {
   display: none;
}

.geography .map_tabs .accordion-button:not(.collapsed) {
   background: #0079c1;
   border-bottom: 1px solid #35c2ff;
}

.geography .map_tabs .accordion-body {
   padding: 0;
   max-width: -moz-fit-content;
   max-width: fit-content;
}

.geography .map_tabs .accordion-body .info {
   padding: 15px 33px;
   display: flex;
   flex-direction: column;
   gap: 12px;
   background: #0079c1;
}

.geography .map_tabs .accordion-body .info p {
   display: flex;
   flex-direction: column;
   font-weight: 400;
   font-size: 14px;
   line-height: 100%;
   color: #ffffff;
}

.geography .map_tabs .accordion-body .info p span {
   color: #35c2ff;
}

.moduleHome {
   position: relative;
}

.moduleHome::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 274px;
   background: #fff7dc;
   z-index: -1;
}

.moduleHome .block {
   display: flex;
   flex-direction: column;
   gap: 80px;
   background-image: url(../img/moduleHomeBg.png);
   background-repeat: no-repeat;
   background-size: cover;
}

.moduleHome .block .info {
   padding: 80px 0 0 100px;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.moduleHome .block h1 {
   font-weight: 700;
   font-size: 40px;
   line-height: 120%;
   text-transform: uppercase;
   color: #ffffff;
}

.moduleHome .block p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #ffffff;
   max-width: 532px;
}

.moduleHome .block .home_tabs {
   display: flex;
   align-items: center;
   justify-content: end;
}

.moduleHome .block .home_tabs .home_tab {
   padding: 7px 34px;
   border-left: 1px solid #ffffff;
   display: flex;
   align-items: center;
   gap: 16px;
   font-weight: 500;
   font-size: 16px;
   line-height: 100%;
   color: #ffffff;
}

.moduleHome .block .home_tabs .home_tab:last-child {
   border-right: 1px solid #ffffff;
}

.moduleHome .block .home_tabs .home_tab:hover,
.moduleHome .block .home_tabs .home_tab.active {
   background: #fbce2d;
}

.moduleHome .block .home_tabs .home_tab:hover svg path,
.moduleHome .block .home_tabs .home_tab.active svg path {
   stroke: #ffffff;
}

.moduleHome.blue::after {
   background: #c9efff;
}

.moduleHome.blue .block {
   background-image: url(../img/moduleHomeBg-blue.png);
   gap: 30px;
}

.moduleHome.blue .block .home_tabs .home_tab:hover,
.moduleHome.blue .block .home_tabs .home_tab.active {
   background: #35c2ff;
}

.moduleHome.blue .block p {
   max-width: 600px;
}

.moduleHome.green::after {
   background: #e6fcc9;
}

.moduleHome.green .block {
   background-image: url(../img/moduleHomeBg-green.png);
}

.moduleHome.green .block .home_tabs .home_tab:hover,
.moduleHome.green .block .home_tabs .home_tab.active {
   background: #168b03;
}

.title_line {
   position: relative;
}

.title_line::before {
   content: "";
   position: absolute;
   left: -100%;
   top: 13px;
   width: 1000%;
   height: 70px;
   background: #fff7dc;
   z-index: -1;
}

.title_line.lineGreen::before {
   background: #e6fcc9;
}

.title_line.lineGreen span {
   color: #3ab426;
}

.title_line.lineGreen .title {
   max-width: 485px;
}

.title_line.lineBlue::before {
   background: #c9efff;
}

.title_line.lineBlue span {
   color: #35c2ff;
}

.title_line .title {
   display: flex;
   align-items: center;
   gap: 42px;
   max-width: -moz-fit-content;
   max-width: fit-content;
   padding: 0px 50px 0px 10px;
   background: #ffffff;
}

.title_line span {
   font-weight: 700;
   font-size: 96px;
   line-height: 100%;
   color: #eab600;
}

.title_line h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #484848;
}

.products {
   padding-bottom: 50px;
}

.products .block {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.products .block .content {
   display: flex;
   align-items: start;
   gap: 32px;
}

.products .block .content .info {
   display: flex;
   flex-direction: column;
   gap: 38px;
   width: 100%;
}

.products .block .content .info .top {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.products .block .content .info .top h4 {
   font-weight: 700;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.products .block .content .info .top p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.products .block .content .info .boxs {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
}

.products .block .content .info .boxs .box {
   display: flex;
   flex-direction: column;
   gap: 17px;
}

.products .block .content .info .boxs .box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.products .block .content .info .boxs .box .box_info {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.products .block .content .info .boxs .box .box_info p {
   display: flex;
   align-items: center;
   gap: 22px;
}

.products .block .content .product_img {
   padding: 20px 30px;
   background: #ffffff;
   border: 1px solid #c4c4c4;
   min-width: 367px;
   min-height: 308px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.products .block .content .product_img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.moduleFuntion {
   padding-bottom: 76px;
}

.moduleFuntion .block {
   display: flex;
   flex-direction: column;
}

.moduleFuntion .block h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #484848;
}

.moduleFuntion .block .title2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
   max-width: 918px;
   margin: 86px auto 0;
}

.moduleFuntion .block .title2 span {
   color: #eab600;
}

.moduleFuntion .block .title2.blue span {
   color: #35c2ff;
}

.moduleFuntion .block .body {
   display: flex;
   align-items: start;
   gap: 30px;
   justify-content: space-between;
   margin-top: 53px;
}

.moduleFuntion .block .body .tabs {
   display: flex;
   flex-direction: column;
   max-width: 378px;
}

.moduleFuntion .block .body .tabs a {
   display: flex;
   align-items: center;
   gap: 30px;
   width: 100%;
   padding: 10px 40px;
   border: 1px solid transparent;
}

.moduleFuntion .block .body .tabs a:hover {
   border: 1px solid #eab600;
   box-shadow: 0px 1px 5px 0px #eab600;
}

.moduleFuntion .block .body .tabs a.active {
   background: #fff7dc;
}

.moduleFuntion .block .body .tabs a p {
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   display: flex;
   flex-direction: column;
   color: #484848;
}

.moduleFuntion .block .body .tabs a p b {
   font-weight: 700;
   color: #eab600;
}

.moduleFuntion .block .body .tabs.green a:hover {
   border: 1px solid #3ab426;
   box-shadow: 0px 1px 5px 0px #3ab426;
}

.moduleFuntion .block .body .tabs.green a.active {
   background: #e6fcc9;
}

.moduleFuntion .block .body .tabs.green a p b {
   color: #3ab426;
}

.moduleFuntion .block .body .tabs.blue a:hover {
   border: 1px solid #35c2ff;
   box-shadow: 0px 1px 5px 0px #35c2ff;
}

.moduleFuntion .block .body .tabs.blue a.active {
   background: #eaf9ff;
}

.moduleFuntion .block .body .tabs.blue a p b {
   color: #35c2ff;
}

.moduleFuntion .block .cashInfo {
   max-width: 670px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 50px;
   align-items: center;
}

.moduleFuntion .block .cashInfo .title {
   position: relative;
   padding: 32px 64px 36px 55px;
   width: 100%;
}

.moduleFuntion .block .cashInfo .title p {
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
}

.moduleFuntion .block .cashInfo .title .line-icon1 {
   position: absolute;
   top: 0;
   left: 0;
}

.moduleFuntion .block .cashInfo .title .line-icon2 {
   position: absolute;
   right: 0;
   bottom: 0;
}

.moduleFuntion .block .cashInfo .texts {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.moduleFuntion .block .cashInfo .texts p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.moduleFuntion .block .cashInfo .cash_boxs {
   display: flex;
   flex-direction: column;
   gap: 39px;
}

.moduleFuntion .block .cashInfo .cash_boxs .cash_box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
   padding-left: 56px;
}

.moduleFuntion .block .cashInfo .cash_boxs .cash_box img {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translate(0, -50%);
   z-index: -1;
}

.moduleFuntion .block .cashInfo .cash_boxs .cash_box p,
.moduleFuntion .block .cashInfo .cash_boxs .cash_box b {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #484848;
}

.moduleFuntion .block .cashInfo .cash_boxs .cash_box b {
   font-weight: 500;
   text-align: center;
   min-width: 114px;
}

.moduleFuntion .block .cashInfo .cash_boxs.widget_boxs .cash_box {
   padding-left: 190px;
}

.moduleFuntion .block .cashInfo .cash_boxs.widget_boxs .cash_box .box_info {
   display: flex;
   flex-direction: column;
   gap: 14px;
}

.moduleFuntion .block .cashInfo .cash_boxs.widget_boxs .cash_box .box_info h4 {
   font-weight: 700;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.moduleFuntion .block .widget_item {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-top: 74px;
}

.moduleFuntion .block .widget_item h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
}

.moduleFuntion .block .widget_item h2 span {
   color: #eab600;
}

.moduleFuntion .block .widget_item .widget-img-mob {
   display: none;
}

.moduleFuntion .block .cash_items {
   display: flex;
   flex-direction: column;
   gap: 20px;
   margin-top: 60px;
}

.moduleFuntion .block .cash_items .text {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #484848;
   text-align: center;
}

.moduleFuntion .block .cash_items .items {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 30px;
}

.moduleFuntion .block .cash_items .items .item {
   display: flex;
   flex-direction: column;
   gap: 14px;
   padding: 12px;
   background: #fff7dc;
}

.moduleFuntion .block .cash_items .items .item img {
   width: -moz-fit-content;
   width: fit-content;
}

.moduleFuntion .block .cash_items .items .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   max-width: 218px;
}

.moduleFuntion .block .app_text {
   display: flex;
   align-items: center;
   gap: 30px;
}

.moduleFuntion .block .app_text p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.moduleFuntion .block .app_boxs {
   display: flex;
   flex-direction: column;
   gap: 62px;
   margin-top: 52px;
}

.moduleFuntion .block .app_boxs h4 {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
}

.moduleFuntion .block .app_boxs .boxs {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 80px 30px;
}

.moduleFuntion .block .app_boxs .boxs .box {
   position: relative;
   padding-left: 120px;
}

.moduleFuntion .block .app_boxs .boxs .box img {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translate(0, -50%);
   z-index: -1;
}

.moduleFuntion .block .app_boxs .boxs .box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   max-width: 150px;
}

.moduleFuntion .block .app_boxs .boxs .box:nth-child(6) p {
   max-width: 170px;
}

.moduleFuntion .block .app_boxs .boxs .box:nth-child(7) p {
   max-width: 160px;
}

.moduleFuntion .block .app_cards {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 12px;
   margin-top: 78px;
}

.moduleFuntion .block .app_cards .app_card {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.moduleFuntion .block .app_cards .app_card p {
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   color: #484848;
}

.moduleFuntion .block .app_cards .app_card img {
   width: 100%;
   height: 278px;
   -o-object-fit: cover;
   object-fit: cover;
}

.moduleFuntion .block .app_cards .app_card a {
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1%;
   color: #ffffff;
   padding: 10px 21px;
   background: #35c2ff;
   margin: 13px auto 0;
}

.moduleFuntion .block .app_cards .app_card a:hover {
   background: #0079c1;
}

.moduleFuntion .block .equipment_texts {
   display: flex;
   flex-direction: column;
   gap: 32px;
}

.moduleFuntion .block .equipment_texts .text_box {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.moduleFuntion .block .equipment_texts .text_box::after {
   content: "";
   position: absolute;
   left: 0;
   top: -10px;
   width: 30px;
   height: 2px;
   background: #eab600;
}

.moduleFuntion .block .equipment_texts p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.moduleFuntion .block .equipment_texts p b {
   font-weight: 700;
}

.moduleFuntion .block .equipment_wrap {
   display: flex;
   flex-direction: column;
   gap: 45px;
   margin-top: 50px;
}

.moduleFuntion .block .equipment_wrap h3 {
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   text-transform: uppercase;
   max-width: 571px;
   margin: 0 auto;
}

.moduleFuntion .block .equipment_wrap .equipment_cards {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 10px;
}

.moduleFuntion .block .equipment_wrap .equipment_card {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 22px;
}

.moduleFuntion .block .equipment_wrap .equipment_card p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   text-align: center;
}

.moduleFuntion .block .equipment_wrap .equipment_card .equipment_img {
   position: relative;
   width: 100%;
   height: 292px;
   background: #ffffff;
   border: 1px solid transparent;
   padding: 10px;
   cursor: pointer;
   transition: 0.3s ease all;
}

.moduleFuntion .block .equipment_wrap .equipment_card .equipment_img:hover {
   border: 1px solid #eab600;
   box-shadow: 0px 0px 14.2px 0px #eab600;
}

.moduleFuntion .block .equipment_wrap .equipment_card .equipment_img .img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.moduleFuntion .block .equipment_wrap .equipment_card .equipment_img .add_btn {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 56px;
   height: 56px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   background: #35c2ff;
   display: none;
}

.moduleFuntion .block .equipment_wrap .equipment_card .equipment_img .add_btn:hover {
   background: #0079c1;
}

.moduleFuntion .block .offer {
   display: flex;
   flex-direction: column;
   gap: 36px;
   margin-top: 50px;
}

.moduleFuntion .block .offer h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   text-align: center;
   color: #484848;
}

.moduleFuntion .block .offer .offer_text {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   max-width: 745px;
   margin: 0 auto;
}

.moduleFuntion .block .offer .info {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
}

.moduleFuntion .block .offer .info .texts_wrap {
   display: flex;
   flex-direction: column;
   gap: 44px;
}

.moduleFuntion .block .offer .info .texts {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.moduleFuntion .block .offer .info .texts::after {
   content: "";
   position: absolute;
   top: -15px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #eab600;
}

.moduleFuntion .block .offer .info .texts p {
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #484848;
}

.moduleFuntion .block .schemes_boxs {
   display: flex;
   flex-direction: column;
   gap: 5px;
   width: 100%;
}

.moduleFuntion .block .schemes_boxs .box {
   position: relative;
   height: 247px;
   padding: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #d9d9d9;
}

.moduleFuntion .block .schemes_boxs .box img {
   position: absolute;
   top: 0;
   right: 0;
}

.moduleFuntion .block .schemes_boxs .box p {
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   color: #000000;
}

.moduleFuntion .block .payment_img {
   width: 100%;
}

.moduleFuntion .block .payment_desc {
   display: flex;
   flex-direction: column;
   gap: 15px;
   align-items: start;
   margin-top: 60px;
}

.moduleFuntion .block .payment_desc h3 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
}

.moduleFuntion .block .payment_desc p {
   max-width: 750px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.moduleFuntion .block .web_box {
   display: flex;
   align-items: center;
   gap: 20px;
}

.moduleFuntion .block .web_box .web_texts {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.moduleFuntion .block .web_box .web_texts .web_text {
   display: flex;
   align-items: center;
   gap: 22px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.moduleFuntion .block .web_box .web_img-mob {
   display: none;
}

.schema {
   padding-bottom: 50px;
}

.schema .block {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.schema .block .title {
   max-width: 540px;
}

.schema .block .info {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
}

.schema .block .info .texts_wrap {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.schema .block .info .texts_wrap .texts {
   display: flex;
   flex-direction: column;
   gap: 15px;
   justify-content: space-between;
   height: 100%;
}

.schema .block .info .texts_wrap b {
   font-weight: 700;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.schema .block .info .texts_wrap p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   max-width: 470px;
}

.schema .block .info .info_box {
   display: flex;
   align-items: center;
   gap: 30px;
}

.schema .block .info .info_box .img_box {
   position: relative;
   display: flex;
   flex-direction: column;
}

.schema .block .info .info_box .img_box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
   width: 191px;
   margin: -76px auto 0;
}

.schema .block .info .info_box .img_box .box_text1 {
   max-width: 138px;
   margin-top: -24px;
}

.schema .block .bottom_title {
   max-width: 583px;
   margin: 20px auto 0;
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
}

.schema .block .big_box {
   display: flex;
   flex-direction: column;
   gap: 31px;
   align-items: center;
}

.schema .block .big_box b {
   font-weight: 700;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
   max-width: 270px;
}

.schema .block .big_box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   margin-top: -76px;
   max-width: 470px;
}

.schema .block .schema_boxs {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.schema .block .schema_boxs .box {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.schema .block .schema_boxs .box .box_imgs {
   display: flex;
   align-items: end;
   gap: 24px;
}

.schema .block .schema_boxs .box p {
   display: flex;
   align-items: start;
   gap: 5px;
   margin-top: -30px;
   max-width: 470px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.canteen_book {
   padding: 16px 0px 34px;
   margin-bottom: 74px;
   background: #fff7dc;
}

.canteen_book.green {
   background: #f7feee;
}

.canteen_book.blue {
   background: #eaf9ff;
}

.canteen_book .block {
   display: flex;
   flex-direction: column;
   gap: 36px;
}

.canteen_book .block h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   color: #484848;
}

.canteen_book .block .body {
   display: flex;
   align-items: center;
}

.canteen_book .block .body .book_img {
   margin-left: -318px;
}

.canteen_book .block .info {
   display: flex;
   flex-direction: column;
   gap: 54px;
}

.canteen_book .block .info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.canteen_book .block .info .boxs {
   display: flex;
   flex-direction: column;
   gap: 50px;
}

.canteen_book .block .info .boxs .box {
   display: flex;
   flex-direction: column;
   position: relative;
}

.canteen_book .block .info .boxs .box::after {
   content: "";
   position: absolute;
   top: -15px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.canteen_book .block .info .boxs .box b {
   font-weight: 700;
   font-size: 24px;
   line-height: 100%;
   color: #35c2ff;
}

.canteen_book .block .info .boxs .box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.canteen_book .block .info .boxs .box p a {
   font-weight: 700;
   color: #35c2ff;
}

.canteen_book .block .info .boxs .box .text {
   max-width: 450px;
}

.canteen_book .block .info .book_link {
   padding: 10px 21px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #ffffff;
   background: #35c2ff;
   max-width: -moz-fit-content;
   max-width: fit-content;
   text-align: center;
}

.canteen_book .block .book_text {
   max-width: 469px;
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.canteen_book .block .book_text a {
   font-weight: 700;
   color: #35c2ff;
}

.book_desc {
   padding-bottom: 66px;
}

.book_desc h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #484848;
}

.book_desc .block {
   display: flex;
   align-items: center;
   gap: 100px;
   margin-top: 30px;
}

.book_desc .block p {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   max-width: 508px;
}

.book_desc .block p::after {
   content: "";
   position: absolute;
   left: 0;
   top: -10px;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.payment {
   padding-bottom: 50px;
}

.payment .title {
   max-width: 570px;
   padding: 0px 20px 0px 10px;
   gap: 28px;
}

.payment .block {
   display: flex;
   flex-direction: column;
   gap: 50px;
}

.payment .info {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.payment .info .texts {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 34px;
}

.payment .info .text_wrap {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.payment .info .boxs_wrap {
   display: flex;
   flex-direction: column;
   gap: 28px;
}

.payment .info .boxs_wrap p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   text-align: center;
}

.payment .info .boxs_wrap .boxs {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 60px;
}

.payment .info .boxs_wrap .boxs .box {
   display: flex;
   flex-direction: column;
   gap: 15px;
   align-items: center;
}

.payment .info .boxs_wrap .boxs .box img {
   width: 100%;
   height: 377px;
   overflow: hidden;
   -o-object-fit: cover;
   object-fit: cover;
}

.payment .info .payment_item {
   display: flex;
   align-items: end;
   gap: 30px;
   justify-content: space-between;
}

.payment .info .payment_item .info_wrap {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.payment .info .payment_item .item_info {
   display: flex;
   flex-direction: column;
   gap: 15px;
   max-width: 570px;
}

.payment .info .payment_item .item_info h2 {
   display: flex;
   align-items: center;
   gap: 30px;
   padding-left: 60px;
}

.payment .info .payment_item .item_info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.payment .info .payment_item .item_info ul {
   display: flex;
   flex-direction: column;
   gap: 15px;
   margin-left: 80px;
}

.payment .info .payment_item .item_info ul li {
   list-style: auto;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.payment .info .boxs_wrap {
   display: flex;
   flex-direction: column;
   gap: 34px;
}

.payment .info .boxs_wrap p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.payment .info .boxs_wrap .payment_boxs {
   display: flex;
   align-items: start;
   justify-content: center;
   gap: 40px;
   flex-wrap: wrap;
}

.payment .info .boxs_wrap .payment_boxs .payment_box {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 13px;
}

.payment .info .boxs_wrap .payment_boxs .more_box {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   margin-top: 50px;
}

.payment .info .info_title {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #484848;
   margin-top: 15px;
   max-width: 766px;
}

.payment .direactly_info {
   gap: 50px;
}

.payment .direactly_wrap {
   display: flex;
   align-items: start;
   gap: 100px;
}

.payment .direactly_wrap .directly-img {
   width: 100%;
}

.payment .direactly_wrap .directly_info {
   display: flex;
   flex-direction: column;
   gap: 25px;
}

.payment .direactly_wrap .directly_info h4 {
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   text-transform: uppercase;
   color: #484848;
}

.payment .direactly_wrap .direactly_text {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.payment .direactly_wrap .direactly_text h4 {
   display: flex;
   align-items: center;
   gap: 48px;
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   text-transform: uppercase;
   color: #484848;
}

.payment .direactly_wrap .direactly_text h5 {
   display: flex;
   align-items: center;
   gap: 40px;
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.payment .direactly_wrap .direactly_text p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.payment .direactly_wrap .direactly_text p span {
   font-weight: 700;
}

.payment .direactly_desc {
   display: flex;
   flex-direction: column;
   gap: 21px;
}

.payment .direactly_desc h4 {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 30px;
}

.payment .direactly_desc .desc_texts {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 30px;
}

.payment .direactly_desc .desc_texts p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.payment .direactly_desc .desc_texts p span {
   font-weight: 700;
}

.payment .direactly_desc .desc_boxs {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 5px;
}

.payment .direactly_desc .desc_boxs .desc_box {
   display: flex;
   align-items: start;
   gap: 40px;
}

.payment .direactly_desc .desc_boxs .desc_box .text {
   display: flex;
   flex-direction: column;
   gap: 25px;
}

.payment .direactly_desc .desc_boxs .desc_box .text p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.payment .direactly_desc .desc_boxs .desc_box .text p span {
   font-weight: 700;
}

.productModal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(72, 72, 72, 0.4745098039);
   overflow: auto;
   padding: 50px 15px;
   z-index: 5;
   opacity: 0;
   pointer-events: none;
   transition: 0.3s ease all;
}

.productModal.active {
   opacity: 1;
   pointer-events: all;
}

.productModal .modal_wrap {
   position: relative;
   max-width: 967px;
   width: 100%;
   margin: 0 auto;
   padding: 50px 27px 43px 42px;
   background: #ffffff;
   border: 1px solid #eab600;
   box-shadow: 0px 4px 33.8px 0px rgba(0, 0, 0, 0.5607843137);
   display: flex;
   flex-direction: column;
   gap: 52px;
}

.productModal .modal_wrap .modal_close {
   position: absolute;
   top: 15px;
   right: 15px;
}

.productModal .modal_wrap .modal_body {
   display: flex;
   align-items: start;
   gap: 19px;
}

.productModal .modal_wrap .modal_img {
   padding: 10px;
   border: 1px solid #35c2ff;
   background: #ffffff;
   height: 480px;
   width: 480px;
}

.productModal .modal_wrap .modal_img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.productModal .modal_wrap .modal_title {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #484848;
   display: none;
}

.productModal .modal_wrap .modal_info {
   max-width: 400px;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.productModal .modal_wrap .modal_info h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #484848;
}

.productModal .modal_wrap .modal_info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: #484848;
}

.productModal .modal_wrap .modal_info .modal_tabs {
   display: flex;
   align-items: center;
   gap: 10px;
}

.productModal .modal_wrap .modal_info .modal_tabs .modal_tab {
   width: 90px;
   height: 90px;
   background: #ffffff;
   border: 1px solid #c4c4c4;
   position: relative;
   transition: 0.3s ease all;
}

.productModal .modal_wrap .modal_info .modal_tabs .modal_tab::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #484848;
   opacity: 0;
   transition: 0.3s ease all;
}

.productModal .modal_wrap .modal_info .modal_tabs .modal_tab:hover::after {
   opacity: 0.6;
}

.productModal .modal_wrap .modal_info .modal_tabs .modal_tab.video .play-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 28px;
   height: 28px;
   z-index: 1;
}

.productModal .modal_wrap .modal_info .modal_tabs .modal_tab.video::after {
   opacity: 0.6;
}

.productModal .modal_wrap .modal_info .modal_tabs .modal_tab img {
   width: 100%;
   height: 100%;
}

.productModal .modal_wrap .modal_btn {
   padding: 10px 67px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #ffffff;
   background: #35c2ff;
   max-width: -moz-fit-content;
   max-width: fit-content;
   margin: 0 auto;
}

.productModal .modal_wrap .modal_btn:hover {
   background: #0079c1;
}

.web {
   padding-bottom: 50px;
}

.web .block {
   display: flex;
   flex-direction: column;
   gap: 40px;
}

.web .block .title_line .title {
   gap: 23px;
   max-width: 483px;
}

.web .block .title_line .title.titleYellow3 {
   max-width: 800px;
}

.web .block .title_line .title.titleYellow4,
.web .block .title_line .title.titleYellow5 {
   max-width: 632px;
   padding: 0px 10px 0px 10px;
   gap: 3px;
}

.web .block .web_title {
   font-weight: 500;
   font-size: 24px;
   line-height: 120%;
   text-transform: uppercase;
   color: #484848;
}

.web .block .web_blog {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
   align-items: center;
}

.web .block .web_blog .web_info {
   display: flex;
   flex-direction: column;
   align-items: start;
   gap: 20px;
   max-width: 430px;
}

.web .block .web_blog .web_info p {
   display: flex;
   align-items: center;
   gap: 23px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.web .block .web_blog .web_info .web_link {
   padding: 10px 21px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #ffffff;
   background: #35c2ff;
   max-width: -moz-fit-content;
   max-width: fit-content;
   margin-left: 70px;
}

.web .block .web_blog .web_img {
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2509803922);
   height: 332px;
   width: 100%;
}

.web .block .web_blog .web_img.green {
   box-shadow: none;
}

.web .block .web_blog .web_img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.web .block .webText {
   max-width: 723px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.web .block .web_blog {
   display: flex;
   align-items: center;
   justify-content: space-around;
   gap: 40px;
}

.web .block .web_blog-texts {
   display: flex;
   flex-direction: column;
   gap: 22px;
   max-width: 393px;
}

.web .block .web_blog-texts p {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.web .block .web_blog-texts p::after {
   content: "";
   position: absolute;
   top: -15px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.web .block .blog_more {
   padding: 10px 21px;
   background: #35c2ff;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   text-transform: uppercase;
   color: #ffffff;
   max-width: -moz-fit-content;
   max-width: fit-content;
   margin: 0 auto;
   text-align: center;
}

.web.auth .title_line .title {
   max-width: 717px;
}

.modulePoint {
   padding: 50px 0;
}

.modulePoint .block {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 31px;
}

.modulePoint .block img {
   width: 100%;
   height: 265px;
   -o-object-fit: cover;
   object-fit: cover;
}

.modulePoint .block p {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   max-width: 470px;
}

.modulePoint .block p::after {
   content: "";
   position: absolute;
   top: -15px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.pointItems {
   padding-bottom: 50px;
}

.pointItems .block {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.pointItems .block h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 131%;
   text-transform: uppercase;
   max-width: 770px;
   color: #484848;
}

.pointItems .block .items_wrap {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 70px;
   max-width: 940px;
   margin: 0 auto;
}

.pointItems .block .items_wrap .items {
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.pointItems .block .items_wrap .items .item {
   display: flex;
   align-items: center;
   gap: 30px;
   padding: 30px 30px 30px 20px;
   border: 12px solid #e6fcc9;
}

.pointItems .block .items_wrap .items .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.pointItems .block .item_bottom {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 17px;
}

.pointItems .block .item_bottom p {
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   text-transform: uppercase;
   color: #484848;
}

.pointItems .block .item_bottom a {
   padding: 10px 43px;
   background: #35c2ff;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #ffffff;
}

.pointItems.blue {
   padding-top: 50px;
}

.pointItems.blue .block .items_wrap .items .item {
   border-color: #eaf9ff;
}

.pointItems.blue .block .items_wrap .items .item_link {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 12px;
   padding: 18px;
}

.pointItems.blue .block .items_wrap .items .item_link h3 {
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
}

.pointItems.blue .block .items_wrap .items .item_link a {
   padding: 10px 43px;
   background: #35c2ff;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #ffffff;
}

.company {
   padding-bottom: 50px;
}

.company .block {
   display: flex;
   flex-direction: column;
   gap: 22px;
}

.company .block .info {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: center;
   gap: 30px;
   justify-content: space-between;
}

.company .block .info .boxs {
   display: flex;
   flex-direction: column;
   gap: 40px;
}

.company .block .info .boxs .box {
   display: flex;
   align-items: center;
   gap: 25px;
}

.company .block .info .boxs .box .company_logo {
   display: none;
}

.company .block .info .boxs .box .text {
   display: flex;
   flex-direction: column;
}

.company .block .info .boxs .box .text span {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.company .block .info .boxs .box .text a {
   font-size: 16px;
   line-height: 120%;
   text-decoration: underline;
   color: #35c2ff;
}

.company .block .info .boxs .more_company {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   margin-left: 70px;
}

.company .block .info .big_logo {
   width: 100%;
   max-width: -moz-fit-content;
   max-width: fit-content;
}

.tasks {
   padding-bottom: 50px;
}

.tasks .block {
   display: flex;
   flex-direction: column;
   gap: 48px;
}

.tasks .block h2 {
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   text-transform: uppercase;
   color: #484848;
   text-align: center;
   max-width: 548px;
   margin: 0 auto;
}

.tasks .block .boxs {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 30px;
}

.tasks .block .box {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.tasks .block .box::after {
   content: "";
   position: absolute;
   top: -15px;
   left: 0;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.tasks .block .box b,
.tasks .block .box p {
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #484848;
}

.tasks .block .box p {
   font-weight: 400;
}

.tasks .block .box ul {
   max-width: 470px;
   margin-left: auto;
}

.tasks .block .box ul li {
   list-style: none;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.tasks .block .texts_wrap {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
}

.tasks .block .texts_wrap .texts {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.tasks .block .texts_wrap .texts p {
   position: relative;
   display: flex;
   gap: 14px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   padding-left: 44px;
}

.tasks .block .texts_wrap .texts p::after {
   content: "";
   position: absolute;
   left: 0;
   width: 30px;
   height: 2px;
   top: 5px;
   background: #35c2ff;
}

.tasks .block .red {
   font-weight: 500;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #e3651d;
   max-width: 775px;
}

.tasks2 .block {
   gap: 15px;
}

.tasks3 .block .boxs {
   grid-template-columns: 1fr 1fr;
}

.tasks3 .block .boxs .boxs_wrap {
   display: flex;
   flex-direction: column;
   gap: 40px;
}

.centerDesc {
   padding-bottom: 50px;
}

.centerDesc h2 {
   margin-bottom: 30px;
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   text-transform: uppercase;
   color: #484848;
   text-align: center;
}

.centerDesc .title_center {
   margin: 30px auto 0;
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
   max-width: 870px;
}

.centerDesc .text_center {
   max-width: 808px;
   margin: 30px auto 0;
   font-weight: 400;
   font-style: Italic;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
}

.centerDesc .block {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
   align-items: end;
}

.centerDesc .block .info {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.centerDesc .block .info h2 {
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
   max-width: 342px;
   margin: 0 auto;
}

.centerDesc .block .info .texts {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.centerDesc .block .info .texts p {
   position: relative;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   padding-left: 45px;
}

.centerDesc .block .info .texts p::after {
   content: "";
   position: absolute;
   left: 0;
   top: 8px;
   width: 30px;
   height: 2px;
   background: #35c2ff;
}

.centerDesc .block .info .texts p span {
   font-weight: 600;
}

.centerDesc .block .info img {
   width: 100%;
}

.centerDesc .block .info ul {
   max-width: 390px;
   margin-left: auto;
}

.centerDesc .block .info ul li {
   list-style: none;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.centerDesc .block .box {
   padding: 50px 30px;
   width: 100%;
   border: 12px solid #eaf9ff;
}

.centerDesc .block .box.green {
   border-color: #e6fcc9;
}

.centerDesc .block .box.green p {
   font-style: italic;
   font-weight: 500;
}

.centerDesc .block .box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   max-width: 419px;
   margin: 0 auto;
   padding: 0 !important;
}

.centerDesc .block .box p::after {
   display: none;
}

.centerDesc .block .centerDesc-img {
   width: 100%;
   height: 368px;
   -o-object-fit: cover;
   object-fit: cover;
}

.centerDesc .bottom {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
   margin-top: 50px;
}

.centerDesc .bottom img {
   width: 100%;
}

.centerDesc .bottom .box_wrap {
   display: flex;
   flex-direction: column;
   gap: 14px;
}

.centerDesc .bottom .box_wrap .box {
   padding: 56px 25px;
   border: 12px solid #ffd1df;
}

.centerDesc .bottom .box_wrap .box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
}

.centerDesc .bottom .box_wrap .title {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.centerDesc .bottom .box_wrap .title h3 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-align: center;
   text-transform: uppercase;
   color: #35c2ff;
}

.centerDesc .bottom .box_wrap .title p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   text-align: center;
   color: #484848;
}

.centerDesc2 .block .box {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.centerDesc2 .block .box p {
   text-align: center;
   max-width: 450px;
}

.program {
   padding-bottom: 50px;
}

.program .block {
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.program .block h2 {
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
}

.program .block .text {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   text-align: center;
   color: #484848;
}

.program .block .boxs {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 30px;
}

.program .block .boxs img {
   width: 100%;
}

.program .block .boxs .box {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.program .block .boxs .box p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #484848;
}

.contactHome {
   padding: 86px 0px 126px;
   background-image: url(../img/contact-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
}

.contactHome .block {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.contactHome .block h2 {
   font-weight: 700;
   font-size: 36px;
   line-height: 110%;
   text-transform: uppercase;
   color: #ffffff;
}

.contactHome .block p {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #ffffff;
   max-width: 462px;
}

.contact {
   padding: 50px 0px 45px;
}

.contact .block {
   display: flex;
   flex-direction: column;
   gap: 25px;
   margin-top: 25px;
}

.contact .block .info {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 30px;
}

.contact .block .info .boxs {
   display: flex;
   flex-direction: column;
   gap: 33px;
}

.contact .block .info .box {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.contact .block .info .box a {
   margin-left: 0px;
}

.contact .block .info .box2 {
   display: flex;
   align-items: center;
   gap: 23px;
}

.contact .block .info .box2 span {
   width: 77px;
}

.contact .block .info span {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #35c2ff;
}

.contact .block .info a {
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.contact .block .map {
   position: relative;
   width: 530px;
   margin: 20px auto 0 auto;
   padding: 0px 30px;
}

.contact .block .map::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0px;
   transform: translate(0, -50%);
   width: 100%;
   height: 291px;
   z-index: -1;
   background: #c9efff;
}

.contact .block .map iframe {
   width: 100%;
   height: 353px;
}

footer {
   padding: 93px 0px 31px;
   background-image: url(../img/ftr-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

footer .block {
   display: flex;
   align-items: start;
   gap: 86px;
   margin-bottom: 21px;
}

footer .block .ftr_navs {
   display: flex;
   align-items: start;
   justify-content: space-between;
   gap: 33px;
   width: 100%;
}

footer .block .ftr_nav {
   display: flex;
   flex-direction: column;
   gap: 33px;
}

footer .block .ftr_nav b {
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   text-transform: uppercase;
   color: #c4c4c4;
   text-align: right;
}

footer .block .ftr_nav .links {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

footer .block .ftr_nav .links a {
   font-weight: 500;
   font-size: 16px;
   line-height: 100%;
   text-align: right;
   text-decoration: underline;
   color: #c4c4c4;
   white-space: nowrap;
}

footer .block .ftr_nav .links a:hover {
   color: #35c2ff;
}

footer .copyright p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   color: #ffffff;
}

footer .ftr_accordion {
   display: none;
   flex-direction: column;
   align-items: end;
   gap: 12px;
   margin-top: 14px;
}

footer .ftr_accordion .accordion-item {
   background: none;
   border: none;
   gap: 9px;
}

footer .ftr_accordion .accordion-item .links {
   display: flex;
   flex-direction: column;
   gap: 10px;
   text-align: right;
}

footer .ftr_accordion .accordion-item .links a {
   font-weight: 500;
   font-size: 14px;
   line-height: 100%;
   text-align: right;
   color: #c4c4c4;
}

footer .ftr_accordion .accordion-header {
   display: flex;
   align-items: center;
   justify-content: end;
}

footer .ftr_accordion .accordion-header .accordion-button {
   background: none;
   padding: 0 0 3px;
   border-radius: 0;
   outline: none;
   box-shadow: none;
   text-align: right;
   display: flex;
   align-items: center;
   gap: 5px;
   justify-content: end;
   border-radius: 0 !important;
   max-width: -moz-fit-content;
   max-width: fit-content;
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   text-transform: uppercase;
   border-bottom: 1px solid #c4c4c4;
   color: #c4c4c4;
   white-space: nowrap;
}

footer .ftr_accordion .accordion-header .accordion-button:hover {
   color: #35c2ff;
   border-color: #35c2ff;
}

footer .ftr_accordion .accordion-header .accordion-button:hover svg path {
   stroke: #35c2ff;
}

footer .ftr_accordion .accordion-header .accordion-button:not(.collapsed) {
   color: #35c2ff;
   border-color: #35c2ff;
}

footer .ftr_accordion .accordion-header .accordion-button:not(.collapsed) svg {
   transform: rotateX(-180deg);
}

footer .ftr_accordion .accordion-header .accordion-button:not(.collapsed) svg path {
   stroke: #35c2ff;
}

footer .ftr_accordion .accordion-header .accordion-button::after {
   display: none;
}

footer .ftr_accordion .accordion-body {
   padding: 9px 0 0;
}

.btnTop {
   position: fixed;
   z-index: 10;
   bottom: 50px;
   right: 40px;
   padding: 9px;
   border-radius: 100%;
   background: #fff7dc;
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.btnTop:hover {
   background: #eab600;
}

.btnTop.green {
   background: #e6fcc9;
}

.about_project {
   padding-top: 50px;
   color: #484848;
}

.about_project .block .title h2 {
   display: flex;
   align-items: center;
   gap: 43px;
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #35c2ff;
   padding-left: 26px;
}

.about_project .block .section_title p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   max-width: 670px;
}

.about_project .block .info {
   display: flex;
   padding-left: 103px;
   gap: 15px;
   margin-top: 20px;
}

.IconTextItems {
   display: flex;
   flex-direction: column;
   gap: 16px;
   min-width: 467px;
   width: 100%;
}

.IconTextItem {
   height: 145px;
   position: relative;
   padding-left: 120px;
   display: flex;
   align-items: center;
}

.about_project .IconTextItem {
   height: 170px;
}

.IconTextItem img {
   position: absolute;
   z-index: -1;
   left: 0;
}

.IconTextItem p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   max-width: 256px;
   color: #484848;
}

.about_project .about_project_banners {
   display: flex;
   flex-direction: column;
   gap: 15px;
   max-width: 584px;
   width: 100%;
}

.about_project .about_project_banners img {
   width: 100%;
   height: 389px;
}

.about_project .about_project_banner_text {
   border: 12px solid #EAF9FF;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 28px 43px;
}

.about_project .about_project_banner_text p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.opportunities {
   padding-top: 50px;
   color: #484848;
}

.opportunities .container .title h2 {
   display: flex;
   align-items: center;
   gap: 43px;
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   text-transform: uppercase;
   color: #35c2ff;
   padding-left: 26px;
}

.opportunities .blocks {
   display: flex;
   flex-direction: column;
   gap: 15px;
   margin-top: 20px;
}

.opportunities .blocks .block {
   display: flex;
   align-items: start;
}

.opportunities .blocks .block1 {
   column-gap: 50px;
   position: relative;
}

.opportunities .block1 .info {
   display: flex;
   flex-direction: column;
   gap: 25px;
   max-width: 662px;
   width: 100%;
}

.opportunities .block1 .info .title h3,
.opportunities .block2 .title h3 {
   font-weight: 700;
   font-style: Bold;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-transform: uppercase;
}

.opportunities .block1 .info .check_texts {
   display: flex;
   flex-direction: column;
   gap: 25px;
}

.opportunities .block1 .info .check_texts p {
   display: flex;
   align-items: start;
   gap: 30px;
   max-width: 599px;
   width: 100%;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.opportunities .block1 .info_img {
   width: 100%;
   max-width: 499px;
}

.opportunities .block1 .info_img img {
   width: 499px;
   max-height: 436.78px;
   height: auto;
}

.opportunities .blocks .block2 {
   gap: 15px;
   flex-direction: column;
   margin-top: 20px;
}

.opportunities .block2 .layout {
   display: flex;
   gap: 22px;
   padding-left: 53px;
}

.opportunities .block2 .item {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.opportunities .block2 .item1 {
   padding: 29.74px 8.96px 0px 49.21px;
}

.opportunities .block2 .item2 {
   padding: 27px 20px 0px 54px;
}

.opportunities .block2 .item3 {
   padding: 37px 0px 0px 54px;
}

.opportunities .block2 .item4 {
   width: 222px;
   height: 423px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.opportunities .block2 .item .shape img {
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
}

.opportunities .block2 .item .shape p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   color: #484848;
   max-width: 216px;
   width: max-content;
}

.opportunities .block2 .item1 .media img {
   width: 202.8278350830078px;
   height: 360.58282470703125px;
}

.opportunities .block2 .item2 .media img {
   width: 193px;
   height: 419px;
}

.opportunities .block2 .item3 .media img {
   width: 193px;
   height: 344px;
}

.opportunities .block2 .item4 .shape img {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: -1;
}

.security_attendance {
   padding-top: 50px;
}

.section_title h2,
.section_title h3,
.section_title h4 {
   font-weight: 500;
   font-style: Medium;
   font-size: 24px;
   line-height: 140%;
   letter-spacing: 0%;
   text-transform: uppercase;
   color: #35C2FF;
   padding: 10px 25px;
   font-size: 24px;
}

.security_attendance .block1 {
   display: flex;
   align-items: start;
   gap: 35px;
   margin-top: 15px;
   position: relative;
}

.security_attendance .block1 .info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
}

.security_attendance .info_img {
   width: 100%;
   min-width: 549px;
   height: 150px;
   position: relative;
}

.security_attendance .info_img img {
   width: 549px;
   height: auto;
   position: absolute;
   inset: 0;
}

.security_attendance .block2 {
   margin-top: 15px;
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.block_bold_title h3 {
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-transform: uppercase;
   color: #484848;
}

.security_attendance .block2 .IconTextItems {
   display: flex;
   gap: 54px;
   max-width: 774px;
   flex-direction: row;
}

.security_attendance .block2 .IconTextItem {
   height: 145px;
   position: relative;
   padding-left: 120px;
   display: flex;
   align-items: center;
}

.security_attendance .block2 .items .item img {
   position: absolute;
   z-index: -1;
   left: 0;
}

.security_attendance .block2 .items .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
}

.grade {
   padding-top: 50px;
   color: #484848;
   line-height: 100%;
}

.grade .info {
   display: flex;
   align-items: start;
   gap: 25px;
   margin-top: 15px;
}

.grade .info_img {
   display: flex;
   flex-direction: column;
   gap: 14px;
   max-width: 568px;
}

.grade .info_img .callout {
   border: 12px solid #EAF9FF;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 12px 89px;
}

.grade .info_img .callout p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   color: #484848;
}

.grade .info_box {
   display: flex;
   flex-direction: column;
   gap: 25px;
}

.grade .IconTextItems {
   padding-left: 100px;
}

.mob_app {
   padding-top: 50px;
   color: #484848;
}

.mob_app .info1 {
   margin-top: 15px;
   display: flex;
   flex-direction: column;
   gap: 15px;
   color: #484848;
}

.mob_app .info1 p {
   font-size: 16px;
   line-height: 100%;
   font-weight: 400;
   letter-spacing: 0%;
   max-width: 666px;
   margin-bottom: 10px;
}

.mob_app .info1 .info_img {
   max-width: 953px;
   margin: 0 auto;
}

.mob_app .info1 .info_img img {
   width: 100%;
   height: auto;
}

.mob_app .info1 .info_img .phone {
   display: none;
}

.mob_app .info2 {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 15px;
   margin-top: 15px;
}

.mob_app .info2 .title h3 {
   font-weight: 500;
   font-style: Medium;
   font-size: 24px;
   line-height: 140%;
   letter-spacing: 0%;
   text-transform: uppercase;
   color: #35C2FF;
   font-size: 24px;
}

.mob_app .info2 .items {
   display: flex;
   justify-content: center;
   column-gap: 56px;
   row-gap: 15px;
   flex-wrap: wrap;
}

.mob_app .info2 .items .item img {
   max-width: 260px;
   width: 100%;
   height: auto;
}

.how_use {
   padding-top: 50px;
   color: #484848;
}

.how_use .block {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.how_use .info {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.how_use .info .info_subtitle {
   max-width: 666px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.how_use .info .info_box {
   display: flex;
   justify-content: center;
   align-items: center;
   column-gap: 47px;
   row-gap: 15px;
}

.how_use .info .items {
   display: flex;
   flex-direction: column;
}

.how_use .info .item {
   display: flex;
   align-items: center;
   gap: 47px;
}

.how_use .info .item span {
   width: 67px;
   height: 117px;
   font-weight: 700;
   font-size: 96px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #C9EFFF;
   display: flex;
   align-items: center;
}

.how_use .info .item p {
   max-width: 340px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.how_use .info .info_img {
   max-width: 372px;
}

.how_use .info .info_img img {
   width: 372px;
   height: 425px;
}

.ids {
   padding-top: 50px;
   color: #484848;
}

.ids .block {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.ids .info {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 15px;
}

.ids .info .info_subtitle,
.ids .info .item p,
.ids .info .info_food p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.ids .info .info_subtitle2 {
   margin: 0 auto;
}

.ids .info .IconTextItems {
   flex-direction: row;
}

.ids .info .items {
   display: flex;
   justify-content: center;
   column-gap: 80px;
   padding-bottom: 15px;
}

.ids .info .item {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 13.5px;
}

.ids .info .item .info_img {
   max-height: 167px;
   height: 167px;
   position: relative;
}

.ids .info .item .info_img1 img {
   width: 224px;
   height: auto;
}

.ids .info .item .info_img2 img {
   width: 258px;
   height: auto;
}

.ids .info .item .info_img3 img {
   width: 216px;
   height: auto;
}

.ids .info .info_food {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 15px;
}

.ids .info .info_food p {
   max-width: 622px;
   text-align: center;
}

.ids .info .info_food a {
   padding: 10px 43px;
   background: #35C2FF;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #FFFFFF;
   box-shadow: 0px 2px 6px 2px #00000026;
   box-shadow: 0px 1px 2px 0px #0000004D;
   width: 200px;
   text-align: center;
}

.replenishment {
   padding: 50px 0;
}

.replenishment .info {
   color: #484848;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.replenishment .info .info_subtitle p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.replenishment .info .box {
   display: flex;
   align-items: start;
   justify-content: center;
   column-gap: 60px;
}

.replenishment .replenishment_title p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: -0.5px;
   text-align: center;
}

.replenishment .box .items_box {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.replenishment .box .items_box1 {
   max-width: 413px;
}

.replenishment .box .items_box2 {
   max-width: 306px;
   align-items: center;
}

.replenishment .box .items1 {
   display: flex;
   flex-wrap: wrap;
   column-gap: 40px;
   row-gap: 20px;
}

.replenishment .box .items1 .item {
   display: flex;
   flex-direction: column;
   gap: 5px;
   max-width: 186px;
}

.replenishment .box .items1 .item img {
   width: 186px;
   height: 46px;
}

.replenishment .box .items1 .item a {
   font-weight: 400;
   font-size: 15px;
   line-height: 100%;
   letter-spacing: -0.5px;
   text-decoration: underline;
   text-decoration-style: solid;
   text-decoration-thickness: 0%;
   color: #0074C9;
}

.replenishment .box .items_box2 .imtems2_img1 {
   max-width: 223px;
}

.replenishment .box .items_box2 .imtems2_img2,
.replenishment .box .items_box2 .imtems2_img3 {
   max-width: 128px;
}

.app-promo {
   background: #CBC1B8;
   background: linear-gradient(90deg, rgba(203, 193, 184, 1) 0%, rgba(224, 220, 214, 1) 80%, rgba(220, 215, 209, 1) 100%);
   position: relative;
}

.app-promo .block {
   position: relative;
   min-height: 372px;
   padding: 46px 0px 36px;
}

.app-promo .block img {
   position: absolute;
   right: -17px;
   top: 0;
   width: 662px;
   height: 372px;
   -webkit-mask-image: linear-gradient(to right, transparent 0%, black 23%, black 88%, transparent 100%);
   mask-image: linear-gradient(to right, transparent 2%, black 23%, black 88%, transparent 100%);
   z-index: 1;
}

.app-promo .info {
   max-width: 535px;
   margin-left: 67px;
   display: flex;
   flex-direction: column;
   gap: 22px;
   position: relative;
   z-index: 2;
}

.app-promo .info .info_subtitle h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
   color: white;
}

.app-promo .info .items {
   display: flex;
   flex-direction: column;
   gap: 22px;
}

.app-promo .info .items .item {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
}

.app-promo .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 1%;
   color: #484848;
}

.app-promo .item1 a {
   padding: 10px 43px;
   background: #35C2FF;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   letter-spacing: 1%;
   color: #FFFFFF;
   box-shadow: 0px 2px 6px 2px #00000026;
   box-shadow: 0px 1px 2px 0px #0000004D;
   max-width: 263px;
   width: 100%;
   text-align: center;
   padding: 10px;
}

.app-promo .hollow_button {
   max-width: 263px;
   letter-spacing: -1%;
}

.school_services {
   padding-top: 50px;
}

.school_services .block {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.school_services .info {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.school_services .info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   max-width: 582px;
}

.school_services .info .info_subtitle {
   font-weight: 600;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   max-width: fit-content;
}

.school_services .IconTextItems {
   flex-direction: row;
   column-gap: 44px;
   row-gap: 15px;
   flex-wrap: wrap;
   justify-content: center;
}

.school_services .IconTextItems .IconTextItem {
   padding-left: 100px;
}

.school_services .IconTextItems .IconTextItem.IconTextItemSpan {
   height: fit-content;
   padding-left: 0;
}

.IconTextItem p b {
   font-weight: 700;
}

.school_services .block span {
   margin: 0 auto;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   color: #35C2FF;
}

.web.for_schools {
   padding-top: 50px;
}

.web.for_schools .block {
   gap: 15px;
}

.web.for_schools .block .title_line .title,
.for_schools .block .title_line .title {
   max-width: fit-content;
   padding: 0 25px 0 10px;
   height: 70px;
   display: flex;
   justify-content: start;
   align-items: center;
}

.web.for_schools .title_line.lineBlue::before,
.company.for_schools .title_line.lineGreen::before,
.for_schools .title_line::before,
.products.for_schools .title_line.lineGreen::before {
   top: 0;
}

.web.for_schools .block .title_line span,
.web.for_schools .block .title_line span,
.company.for_schools .title_line span,
.for_schools .title_line span {
   font-size: 40px;
}

.for_schools .info,
.company.for_schools .block .info {
   display: flex;
   flex-direction: column;
   align-items: start;
   gap: 15px;
   color: #484848;
}

.for_schools .info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   vertical-align: middle;
}

.for_schools .info .info_subtitle p {
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   vertical-align: middle;
}

.for_schools .info .info_text {
   max-width: 585px;
   width: 100%;
}

.for_schools .block .web_blog {
   gap: 40px;
   column-gap: 0px;
   display: flex;
   align-items: end;
   justify-content: space-between;
}

.for_schools .block .web_blog .web_img {
   height: 284px;
   width: 500px;
   position: relative;
}

.for_schools .block .web_blog .web_img img {
   height: 284px;
   width: 570px;
   position: absolute;
   top: 0;
   right: 0;
}

.for_schools .block .web_blog .web_info {
   max-width: 453px;
   display: flex;
   flex-direction: column;
   align-items: start;
   gap: 20px;
}

.for_schools .block .info_foot {
   max-width: 785px;
   font-weight: 500;
   font-size: 16px;
   line-height: 130%;
   letter-spacing: 0%;
   text-align: center;
   vertical-align: middle;
   text-transform: uppercase;
   margin: 0 auto;
   margin-top: 10px;
   color: #eab600;
}

.web.for_schools .block .info_foot {
   color: #35C2FF;
}

.for_schools .title_line.lineGreen .title {
   max-width: fit-content;
   height: 70px;
   padding: 0 25px 0 10px;
}

.for_schools .block .web_blog .web_info p {
   display: flex;
   align-items: center;
   gap: 23px;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
}

.company.for_schools .block .info_foot {
   color: #3AB426;
}

.company.for_schools .block .web_blog .web_info {
   max-width: 560px;
}

.for_schools .block .title_line .title {
   max-width: fit-content;
}

.products.for_schools .info {
   max-width: 585px;
}

.products.for_schools .block .web_blog {
   column-gap: 12px;
}

.products.for_schools .block .web_blog .web_img {
   height: 474px;
   margin-bottom: 56px;
}

.products.for_schools .block .web_blog .web_img img {
   width: 570px;
   height: 474px;
}

.products.for_schools .block .web_blog .web_info {
   max-width: 560px;
}

.products.for_schools .block .web_blog .info_img,
.for_schools .block .web_blog .info_img,
.web.for_schools .block .web_blog .info_img {
   display: none;
}

.ArrowTextItems {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.ArrowTextItems .ArrowTextItem {
   display: flex;
   align-items: start;
   column-gap: 12px;
}

.ArrowTextItems .ArrowTextItem img {
   width: 20px;
   height: 30px;
}

.ArrowTextItems .ArrowTextItem p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   vertical-align: middle;
   color: #484848;
}

.products.for_schools .ArrowTextItems {
   padding-left: 25px;
}

.products.for_schools .ArrowTextItem p {
   max-width: 375px;
}

.frequent_questions {
   background: linear-gradient(96.83deg, #EAF9FF 45.87%, #FBF3EC 98.19%);
   color: #484848;
   padding-top: 47px;
   padding-bottom: 68px;
   position: relative;
}

.frequent_questions .info {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.frequent_questions .info .info_subtitle {
   font-weight: 600;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.frequent_questions .info .info_text {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   max-width: 582px;
}

.frequent_questions .info .items {
   display: flex;
   flex-direction: column;
   padding-left: 45px;
   padding-top: 60px;
   row-gap: 25px;
}

.frequent_questions .info .items .item {
   display: flex;
   column-gap: 66px;
   align-items: start;
}

.frequent_questions .info .item .question {
   min-width: 480px;
   max-width: 480px;
   position: relative;
}

.frequent_questions .item .question p {
   font-weight: 800;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-transform: uppercase;
   color: #0079C1;
   position: relative;
   z-index: 2;
}

.frequent_questions .item .answer {
   position: relative;
}

.frequent_questions .item .answer p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   position: relative;
   z-index: 2;
}

.frequent_questions .item .question .back_text {
   font-weight: 700;
   font-size: 64px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #C9EFFF;
   position: absolute;
   text-transform: capitalize;
   left: -45px;
   top: -45px;
   z-index: 1;
}

.frequent_questions .item .answer .back_text {
   font-weight: 700;
   font-size: 64px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #C9EFFF;
   position: absolute;
   text-transform: capitalize;
   left: -33px;
   top: -45px;
   z-index: 1;
}

.frequent_questions .item .question .back_text span {
   display: none;
}

.frequent_questions .back_img {
   position: absolute;
   right: 50px;
   top: -130px;
}

.news {
   padding-top: 45px;
   padding-bottom: 27px;
   color: #484848;
}

.news .info {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.news .info .info_subtitle {
   font-weight: 600;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.news .info .info_text {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   max-width: 582px;
}

.news .info .items {
   display: flex;
   column-gap: 21px;
   row-gap: 50px;
   justify-content: center;
   align-items: start;
   flex-wrap: wrap;
}

.news .info .items .item {
   display: flex;
   flex-direction: column;
   justify-content: center;
   max-width: 217px;
   row-gap: 16px;
}

.news .info .items .item .item_img {
   width: 217px;
   height: 217px;
   border-radius: 999px;
}

.news .info .items .item .title {
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
}

.news .info .items .item .text {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
}

.documents_contacts {
   padding-top: 25px;
}

.documents_contacts .block {
   background: linear-gradient(179.55deg, #C9EFFF 0.39%, rgba(190, 228, 255, 0) 128.23%);
   padding: 40px 24px 45px;
   position: relative;
}

.documents_contacts .block .title {
   display: flex;
   column-gap: 43px;
   align-items: center;
}

.documents_contacts .block .title img {
   width: 32px;
   height: 32px;
}

.documents_contacts .block .title h2 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   letter-spacing: 0%;
   vertical-align: middle;
   text-transform: uppercase;
   color: #5495C2;
}

.documents_contacts .info {
   color: #484848;
   margin-top: 27px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.documents_contacts .info .info_items {
   display: flex;
   align-items: center;
   column-gap: 30px;
}

.documents_contacts .info .info_items .info_item {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.documents_contacts .info .info_items .info_item:first-child {
   max-width: 508px;
}

.documents_contacts .info .info_item .info_subtitle p {
   font-weight: 700;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.documents_contacts .info .info_item .info_text p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.documents_contacts .info .info_item .info_text {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   column-gap: 30px;
   row-gap: 15px;
}

.documents_contacts .info .info_item .info_text a {
   width: 206px;
   height: 40px;
   gap: 10px;
   padding-top: 10px;
   padding-right: 21px;
   padding-bottom: 10px;
   padding-left: 21px;
   background: #35C2FF;
   color: #fff;
}

.documents_contacts .info .box_title {
   max-width: 880px;
   margin: 0 auto;
   margin-top: 63px;
}

.documents_contacts .info .box_title h2 {
   font-weight: 700;
   font-size: 40px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
   color: #35C2FF;
}

.documents_contacts .block .boxs {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   max-width: 890px;
   margin-top: 45px;
   width: 100%;
}

.documents_contacts .block .boxs .box {
   display: flex;
   flex-direction: column;
   row-gap: 30px;
}

.documents_contacts .block .boxs .box a {
   font-weight: 700;
   font-size: 24px;
   letter-spacing: 1%;
   color: #484848;
}

.documents_contacts .block .boxs .box p {
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1%;
   color: #484848;
}

.documents_contacts .info .info_food {
   max-width: 790px;
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
   color: #35C2FF;
   margin-top: 25px;
}

.documents_contacts .block .back_img {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 438px;
   height: 250px;
   z-index: -1;
}

.for_suppliers_task,
.key_benefits,
.how_it_works,
.solving_problems {
   padding-top: 50px;
}

.for_suppliers_task .info {
   display: flex;
   column-gap: 15px;
   row-gap: 15px;
   justify-content: space-between;
   align-items: start;
}

.for_suppliers_task .info .info_block {
   display: flex;
   flex-direction: column;
   row-gap: 72px;
}

.for_suppliers_task .info .info_block p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   max-width: 518px;
}

.for_suppliers_task .info .info_img {
   max-width: 502px;
}

.key_benefits .info {
   display: flex;
   flex-wrap: wrap;
   justify-content: start;
   column-gap: 15px;
   row-gap: 25px;
   margin-top: 15px;
}

.key_benefits .info .info_block {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   max-width: 491px;
   row-gap: 10px;
}

.key_benefits .info .info_block:nth-child(2) {
   max-width: 616px;
}

.key_benefits .info .info_block:nth-child(3) {
   max-width: 569px;
}

.key_benefits .info .info_block h3 {
   font-weight: 700;
   font-size: 48px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   color: #35c2ff;
}

.key_benefits .info .info_block p {
   color: #484848;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
}

.how_it_works .IconTextItems {
   margin-top: 15px;
   row-gap: 40px;
   flex-direction: row;
   flex-wrap: wrap;
}

.how_it_works .IconTextItem {
   padding-left: 110px;
}

.how_it_works .IconTextItem p {
   max-width: 380px;
}

.solving_problems .info {
   color: #484848;
   display: flex;
   column-gap: 35px;
}

.solving_problems .info .items {
   display: flex;
   flex-direction: column;
   row-gap: 50px;
   max-width: 560px;
}

.solving_problems .info .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}

.solving_problems .info .info_img {
   max-width: 584px;
}

.solving_problems .info .items .img-mab {
   display: none;
}

.solving_problems .info .info_img img {
   width: 100%;
}

.documents_contacts.calculation_request .info .info_items .info_item {
   max-width: 702px;
}

.documents_contacts.calculation_request .info .info_items .info_item .info_text {
   text-align: center;
}

.documents_contacts.calculation_request .block .boxs .box {
   row-gap: 0px;
   justify-content: space-between;
}

.questions.for_suppliers {
   padding-top: 0;
}

.for_suppliers_food_banner {
   background: #CBC1B8;
   background: linear-gradient(90deg, rgba(203, 193, 184, 1) 0%, rgba(227, 222, 211, 1) 60%, rgba(227, 213, 197, 1) 100%);
}

.for_suppliers_food_banner .block {
   display: flex;
   justify-content: space-between;
   column-gap: 0px;
   align-items: center;
}

.for_suppliers_food_banner .block .img_block {
   width: 590px;
   height: 506px;
   position: relative;
}

.for_suppliers_food_banner .block .img_block img {
   position: absolute;
   z-index: 1;
   left: -120px;
   top: 0;
   -webkit-mask-image: linear-gradient(to right, transparent 0%, black 23%, black 88%, transparent 100%);
   mask-image: linear-gradient(to right, transparent 2%, black 23%, black 88%, transparent 100%);
   width: 759px;
   height: 506px;
}

.for_suppliers_food_banner .block .info_block {
   max-width: 584px;
   position: relative;
   z-index: 1;
   text-align: center;
   display: flex;
   flex-direction: column;
   row-gap: 14px;
}

.for_suppliers_food_banner .info_block h2 {
   font-weight: 700;
   font-size: 40px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
   color: #0079C1;
}

.for_suppliers_food_banner .info_block h3 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
   color: #0079C1;
}

.for_suppliers_food_banner .info_block p {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
   color: #484848;
}

.for_suppliers_food_banner .info_block p b {
   font-weight: 900;
}

.partners_opportunities,
.partners_our_product,
.partners_our_support,
.looking_partners,
.form_partners {
   padding-top: 50px;
}

.partners_opportunities .info {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.partners_opportunities .info .info_top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 40px;
   row-gap: 5px;
}

.partners_opportunities .info .mob_block, .partners_opportunities .info .info_img.mob_block {
   display: none;
}

.partners_opportunities .info .info_top .info_left {
   display: flex;
   flex-direction: column;
   align-items: start;
   row-gap: 62px;
}

.partners_opportunities .info_top .info_left p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
   max-width: 571px;
}

.partners_opportunities .info_top .info_left .item {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.partners_opportunities .info_top .info_img, .partners_opportunities .info .info_img {
   position: relative;
   z-index: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   row-gap: 4px;
   width: 583.9279174804688px;
   height: 303.9989px;
}

.partners_opportunities .info_top .info_img img {
   position: absolute;
   width: 583.9279174804688px;
   height: 303.9989px;
   inset: 0;
   z-index: -1;
}

.partners_opportunities .info_top .info_img h2 {
   font-weight: 700;
   font-size: 40px;
   line-height: 100%;
   letter-spacing: 0%;
   text-transform: uppercase;
   color: #35C2FF;
   opacity: 90%;
   background-color: #C9EFFF;
   padding: 16px 30px;
}

.partners_opportunities .info_top .info_img p {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   letter-spacing: 0%;
   color: #0079C1;
   opacity: 90%;
   background-color: #C9EFFF;
   padding: 16px 30px;
}

.partners_opportunities .info_bottom .IconTextItems {
   flex-direction: row;
   flex-wrap: wrap;
}

.partners_opportunities .info_top .IconTextItem, .partners_opportunities .info_bottom .IconTextItem{
   padding-left: 110px;
}
.partners_opportunities .info_top .IconTextItem p {
   max-width: 414px;
}

.partners_opportunities .info_bottom .IconTextItem p {
   max-width: 426px;
}

.partners_our_product {
   background-color: #EAF9FF;
   padding-bottom: 30px;
   margin-top: 50px;
   padding-top: 40px;
}
.partners_our_product .info{
   margin-top: 25px;
}

.partners_our_product .info .info_subtitle p {
   font-weight: 400;
   font-size: 24px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   color: #0079C1;
   max-width: 1145px;
}

.partners_our_product .info .items {
   display: flex;
   align-items: start;
   justify-content: space-between;
   margin-top: 30px;
   column-gap: 10px;
   row-gap: 5px;
}

.partners_our_product .info .items .item {
   display: flex;
   flex-direction: column;
   row-gap: 10px;
}

.partners_our_product .info .items .item img {
   width: 30px;
   height: 2px;
}

.partners_our_product .info .item .item_text {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
}
.partners_our_product .info .item .item_img{
   display: none;
}

.partners_our_product .info .item .item_text h4 {
   color: #35C2FF;
   font-size: 24px;
   font-weight: 700;
}

.partners_our_product .img_block {
   position: relative;
   width: 100%;
   height: 442px;
}

.partners_our_product .img_block img {
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: auto;
   height: 442px;
}

.partners_our_support {
   padding-bottom: 42px;
}

.partners_our_support .block {
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}

.partners_our_support .info {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 15px;

}

.partners_our_support .info .items {
   display: flex;
   flex-direction: column;
   padding-left: 50px;
}

.partners_our_support .info .item {
   display: flex;
   align-items: center;
   column-gap: 15px;
}

.partners_our_support .info .item span {
   min-width: 67px;
   height: 117px;
   font-weight: 700;
   font-size: 96px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #C9EFFF;
   display: flex;
   align-items: center;
}

.partners_our_support .info .item p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   vertical-align: middle;
   max-width: 440px;
}

.partners_our_support .info .item p b {
   font-size: 24px;
   font-weight: 700;
}

.partners_our_support .info .info_img {
   max-width: 584px;
}

.partners_our_support .info .info_img img {
   width: 100%;
   height: auto;
}

.looking_partners {
   background-color: #DDC3B9;
   /* position: relative; */
}

.looking_partners .block {
   position: relative;
   z-index: 2;
}

.looking_partners .section_title h2 {
   color: #FFFFFF;
}

.looking_partners .info {
   display: flex;
   column-gap: 85px;
   row-gap: 22px;
   align-items: center;
   flex-wrap: wrap;
   margin-top: 15px;
}

.looking_partners .info p {
   display: flex;
   align-items: start;
   gap: 30px;
   max-width: 599px;
   width: 100%;
   font-weight: 400;
   font-size: 16px;
   line-height: 120%;
   color: #484848;
   max-width: 498px;
}

.looking_partners .img_block {
   max-width: max-content;
   height: auto;
   position: relative;
   margin: 0 auto;
   margin-top: 32px;
   /* z-index: -2; */
}

.looking_partners .img_block img {
   width: 100%;
   height: auto;
}

.looking_partners .back_img {
   position: absolute;
   right: -140px;
   top: 0;
   rotate: 30deg;
   opacity: 60%;
   z-index: -1;
}

.form_partners {
   padding-bottom: 42px;
}

.form_partners .block {
   display: flex;
   flex-direction: column;
   row-gap: 25px;
}

.form_partners .info p {
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   vertical-align: middle;
   max-width: 701px;
}

.form_partners .info p b {
   font-weight: 700;
}

.form_style {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   row-gap: 25px;
}

.form_style form {
   display: flex;
   flex-direction: column;
   align-items: center;
   row-gap: 25px;
   max-width: 769px;
   width: 100%;
}

.form_style form input {
   padding: 25px;
   width: 100%;
   background-color: #EAF9FF;
   border: none;
   outline: none;
   border-bottom: 1px solid #35C2FF;
   font-weight: 400;
   font-size: 20px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
   font-family: inherit;
}

.form_style form input::placeholder {
   color: #484848;
}

/* custom select */
.custom-select {
   position: relative;
   width: 100%;
}

.custom-select__trigger {
   width: 100%;
   padding: 25px;
   background-color: #EAF9FF;
   border: none;
   outline: none;
   border-bottom: 1px solid #35C2FF;
   font-weight: 400;
   font-size: 20px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
   font-family: inherit;
   text-align: left;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
}

.custom-select__text {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.custom-select__arrow {
   flex-shrink: 0;
   width: 10px;
   height: 10px;
   border-right: 2px solid #697077;
   border-bottom: 2px solid #697077;
   transform: rotate(45deg);
   transition: transform 0.25s ease;
   margin-top: -4px;
   border-end-end-radius: 2px;
   border-top-right-radius: 1px;
   border-bottom-left-radius: 1px;
}

.custom-select.open .custom-select__arrow {
   transform: rotate(-135deg);
   margin-top: 4px;
}

.custom-select__dropdown {
   position: absolute;
   top: calc(100% + 6px);
   left: 0;
   width: 100%;
   background: #EAF9FF;
   border: 1px solid #35C2FF;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
   max-height: 260px;
   overflow-y: auto;
   z-index: 20;
   opacity: 0;
   visibility: hidden;
   transform: translateY(8px);
   transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.custom-select.open .custom-select__dropdown {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.custom-select__option {
   width: 100%;
   border: none;
   background: transparent;
   text-align: left;
   padding: 18px 25px;
   font-weight: 400;
   font-size: 18px;
   line-height: 120%;
   color: #484848;
   cursor: pointer;
   transition: background-color 0.2s ease;
}

.custom-select__option:hover {
   background-color: #d8f2fc;
}

.custom-select__option.is-selected {
   background-color: #c8ecfa;
}

/* scrollbar */
.custom-select__dropdown::-webkit-scrollbar {
   width: 8px;
}

.custom-select__dropdown::-webkit-scrollbar-thumb {
   background: #35C2FF;
   border-radius: 20px;
}

.custom-select__dropdown::-webkit-scrollbar-track {
   background: transparent;
}
.form_style .textarea_block{
   background-color: #EAF9FF;
   padding: 25px;
   display: flex;
   flex-direction: column;
   row-gap: 12px;
   width: 100%;
}
.form_style .textarea_block label{
   font-weight: 400;
   font-size: 20px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
   border: none;
}
.form_style .textarea_block textarea{
   color: #484848;
   border: none;
   padding: 0 10px;
   height: 116px;

}
.form_style form input[type=submit]{
   max-width: 485px;
   width: 100%;
   padding: 20px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   color: white;
   border: none;
   background-color: #35C2FF;
}
.form_disclaimer p{
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   color: #484848;
}
.government_agencies_task{
   padding-top: 50px;
}
.government_agencies_task .info{
   margin-top: 40px;
}
.government_agencies_task .IconTextItems{
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   row-gap: 18px;
   column-gap: 57px;
   margin-top: 15px;
}
.government_agencies_task .IconTextItem{
   padding-left: 112px;
}
.government_agencies_task .IconTextItem p{
   max-width: 366px;
}

.government_agencies_ecosystem{
   padding-top: 50px;
}
.government_agencies_ecosystem .info{
   margin-top: 15px;
   display: flex;
   flex-direction: column;
   row-gap: 15px;
   color: #484848;
}
.government_agencies_ecosystem .info_subtitle{
   max-width: 571px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}
.government_agencies_ecosystem .info .info_block{
   display: flex;
   align-items: center;
   gap: 15px;
}
.government_agencies_ecosystem .ArrowTextItems{
   padding-left: 50px;
}
.government_agencies_ecosystem .ArrowTextItems .ArrowTextItem{
   align-items: center;
}
.government_agencies_ecosystem .info_block .info_img{
   max-width: 651px;
}
.government_agencies_ecosystem .info_block .info_img img{
   width: 100%;
   height: auto;
}
.government_agencies_organize{
   padding-top: 50px;
   padding-bottom: 24px;
}
.government_agencies_organize .block{
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}
.government_agencies_organize .items{
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   height: 157px;
   row-gap: 5px;
   column-gap: 15px; 
   padding-left: 50px;
}
.government_agencies_organize .items .item{
   display: flex;
   align-items: center;
   gap: 15px;
   max-width: 492px;
   min-width: 0;
}
.government_agencies_organize .items .item span{
   font-weight: 700;
   font-size: 40px;
   line-height: 100%;
   letter-spacing: 0%;
   text-transform: uppercase;
   color: #C9EFFF;
   min-width: 39px;
   height: 49px;
   display: flex;
   align-items: center;
}
.government_agencies_organize .items .item p{
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   color: #484848;
   min-width: 0;
}
.government_agencies_organize .info_food{
   font-weight: 800;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
   color: #0079C1;
}
.government_agencies_advantage{
   margin-top: 50px;
   background-color: #EAF9FF;
   padding-top: 25px;
   padding-bottom: 43px;
}
.government_agencies_advantage .info{
   margin-top: 15px;
   gap: 22px;
   column-gap: 12px;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 100%;
}
.government_agencies_advantage .info p{
   display:flex;
   align-items: center;
   gap: 15px;
   max-width: 498px;
   font-weight: 400;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
}
.government_agencies_geography{
   padding-bottom: 0px;
}
.government_agencies_geography .block{
   row-gap: 10px;
}
.regulatory_framework{
   padding-top: 50px;
}
.regulatory_framework .info{
   margin-top: 15px;
   display: flex;
   column-gap: 79px;
   align-items: center;
   justify-content: center;
   row-gap: 15px;
}
.regulatory_framework .info .info_img{
   display: flex;
   flex-direction: column;
   row-gap: 10px;
   align-items: center;
}
.regulatory_framework .info .info_img img{
   width: 240px;
   height: 340px;
}
.regulatory_framework .info .info_block{
   display: flex;
   flex-direction: column;
   row-gap: 15px;
}
.regulatory_framework .info .info_block a{
   display: flex;
   align-items: center;
   gap: 18px;
   font-weight: 600;
   font-size: 16px;
   line-height: 100%;
   letter-spacing: 0%;
   text-decoration: underline;
   text-decoration-style: solid;
   text-decoration-thickness: 0%;
   color: #35C2FF;
}
.regulatory_framework .info .info_block a img{
   width: 32px;
   height: 32px;
}
.regulatory_framework .info .info_block p{
   max-width: 609px;
}
.regulatory_framework .info .info_block p a{
   display: inline;
   font-weight: 500;
   font-size: 16px;
}


@media (max-width: 1202px) {
   .opportunities .block2 .layout {
      padding: 0;
      gap: 10px;
      justify-content: center;
      width: 100%;
   }

   .school_services .IconTextItems {
      justify-content: start;
      column-gap: 40px;
      row-gap: 30px;
      align-items: center;
   }

   .for_schools .block .web_blog .web_img img {
      width: 450px;
      height: auto;
   }
}

@media (max-width: 1200px) {

   .key_benefits .info .info_block:nth-child(2),
   .key_benefits .info .info_block:nth-child(3) {
      max-width: 491px;
   }
   .partners_opportunities .info_top .IconTextItem p, .partners_opportunities .info_bottom .IconTextItem p{
      max-width: 330px;
   }
}

@media (max-width: 1150px) {
   header {
      padding: 12px 0;
   }

   header .head_wrap .head_navs {
      gap: 37px;
   }

   section.home {
      margin-top: 31px;
   }

   section.home .block {
      gap: 0;
   }

   section.home.home3 .block {
      gap: 25px;
   }

   .home_info {
      width: 100%;
      height: 437px;
      padding: 51px 56px 51px 124px;
      margin-top: -31px;
   }

   .home_info.home_info2 {
      padding: 51px 56px 0px 124px;
   }

   .home_info::after {
      bottom: -36px;
      height: 474px;
   }

   .home_info.home_info2::after {
      bottom: -20px;
      height: 474px;
   }

   .home_info .home-arrows1 {
      bottom: 69px;
      left: -23px;
      width: 116px;
   }

   .home_info .home-arrows2 {
      bottom: 82px;
      right: -13px;
      width: 91px;
   }

   .home_info.home_info2 h2,
   .home_info.home_info2 h1 {
      max-width: 740px;
   }

   .home_info.home_info2 h1 {
      font-size: 32px;
   }

   .home_info2 h2 {
      font-size: 24px;
   }

   section.home .home_tabs {
      position: relative;
      margin-top: -10px;
      justify-content: start;
   }

   section.home.home2 .home_tabs {
      overflow: auto;
      width: 100%;
   }

   section.home.home2 .home_tabs::-webkit-scrollbar {
      display: none;
   }

   section.home.home2 .home_tabs .home_tab {
      white-space: nowrap;
      padding: 6px 12px;
   }



   .innovative {
      padding: 40px 0;
   }

   .innovative .redlines-mob,
   .innovative .innovative_icon40 {
      display: block;
   }

   .innovative .block {
      gap: 37px;
   }

   .innovative .innovative_img {
      width: 392px;
   }

   .innovative .block .info .check_texts {
      gap: 20px;
   }

   .system {
      padding-bottom: 40px;
   }

   .system .block .cards .system_card p {
      display: none;
   }

   .system .block .cards .text p {
      display: block;
   }

   .system .block .cards .vending {
      grid-column: span 1;
   }

   .system .block .cards .system_card h3 {
      font-size: 20px;
   }

   .system .block .cards .system_card h3 br {
      display: none;
   }

   .system .block .cards .system_card a {
      display: flex;
      margin-left: auto;
   }

   .system .block .cards .system_card {
      align-items: start;
      gap: 30px;
   }

   .system .block .cards .biblioteka {
      grid-column: span 2;
      grid-row: span 1;
   }

   .system .block .cards .stolovaya {
      order: 1;
   }

   .system .block .cards .vending {
      order: 2;
   }

   .system .block .cards .biblioteka {
      order: 3;
   }

   .system .block .cards .dnevnik {
      order: 4;
   }

   .system .block .cards .dop-obraz {
      order: 5;
      grid-column: span 2;
      flex-direction: column;
      padding: 13px 13px 13px 20px;
   }

   .system .block .cards .prohodnaya {
      order: 6;
   }

   .system .block .cards .text {
      order: 7;
      padding: 10px 0;
   }

   .benefits {
      padding-bottom: 40px;
   }

   .benefits .block {
      gap: 15px;
   }

   .benefits .block .items {
      gap: 20px 14px;
   }

   .benefits .block .items .item {
      gap: 15px;
   }

   .benefits .block .items .item:nth-child(3),
   .benefits .block .items .item:nth-child(4),
   .benefits .block .items .item:nth-child(5) {
      width: 297px;
   }

   .benefits .block .items .item b {
      font-size: 64px;
   }

   .advantages {
      padding-bottom: 75px;
   }

   .advantages .block {
      gap: 15px;
   }

   .advantages .block .items .item img {
      top: 0;
   }

   .advantages .block .items .item {
      padding-left: 82px;
      gap: 15px;
   }

   .advantages .block .items {
      gap: 100px 10px;
   }

   .projects_sec {
      padding: 66px 0px 52px;
   }

   .projects_sec .block {
      gap: 54px;
   }

   .projects_sec .items {
      grid-template-rows: 183px;
   }

   .cases .items {
      grid-template-rows: none;
   }

   .projects_sec .items .item_img1 {
      height: 378px;
   }

   .projects_sec .items .item_img2,
   .projects_sec .items .item_img3 {
      width: 392px;
      height: 183px;
   }

   .cases .items .item_img1,
   .cases .items .item_img2,
   .cases .items .item_img3 {
      grid-column: auto;
      grid-row: auto;
      height: 100%;
      width: 100%;
   }

   .questions {
      padding-top: 40px;
   }

   .questions .container {
      padding: 0;
   }

   .questions .block {
      padding: 40px 25px;
   }

   .questions .block .title {
      gap: 20px;
   }

   .description {
      padding: 30px 0;
   }

   .description .description_img {
      width: 100%;
   }

   .stages_img {
      height: 743px;
   }

   .solution .block .book_card .top {
      max-width: 290px;
   }

   .solution .block .book_card .top b {
      line-height: 110%;
   }

   .companyHome {
      padding-top: 18px;
   }

   .companyHome .block {
      gap: 47px;
   }

   .keys {
      padding: 42px 0 0;
   }

   .keys .container {
      padding: 0;
   }

   .keys .keys_slider,
   .keys .block .top {
      padding: 0px 15px;
   }

   .keys .block .keys_body .info p {
      margin-top: 21px;
   }

   .keys .block .keys_body {
      gap: 47px;
   }

   .keys .sliderOne {
      padding: 50px 0 34px;
      gap: 17px;
   }

   .advantagesCards {
      padding: 45px 0px 58px;
   }

   .advantagesCards .block {
      gap: 28px;
   }

   .advantagesCards .block .cards {
      gap: 25px;
   }

   .main_title {
      padding-left: 0;
      gap: 16px;
   }

   .number .block {
      gap: 43px;
      justify-content: start;
   }

   .number .block img {
      width: 330px;
   }

   .contactHome {
      padding: 38px 0px 72px;
   }

   .contact .block {
      flex-direction: initial;
   }

   .contact .block .info {
      display: flex;
      flex-direction: column;
      gap: 50px;
   }

   .contact .block .map {
      margin-top: 0;
      width: 471px;
      margin-right: -15px;
   }

   .moduleHome .block .info {
      padding: 58px 0 0 50px;
   }

   .moduleHome .block h1 {
      font-size: 32px;
   }

   .moduleHome .block {
      gap: 50px;
   }

   .advantages.moduleAdvantages .block .items {
      grid-template-columns: 1fr 1fr;
      gap: 90px 35px;
   }

   .moduleFuntion .block .cash_items {
      width: 600px;
      margin-left: auto;
   }

   .moduleFuntion .block .cash_items .items {
      grid-template-columns: 1fr 1fr;
      gap: 11px;
   }

   .moduleFuntion .block .cashInfo {
      max-width: 100%;
      gap: 43px;
   }

   .moduleFuntion .block .equipment_wrap {
      gap: 35px;
      margin-top: 45px;
   }

   .moduleFuntion .block .equipment_wrap .equipment_cards {
      align-items: end;
   }

   .moduleFuntion .block .equipment_wrap .equipment_card .equipment_img {
      border: 1px solid #c4c4c4;
      height: 226px;
   }

   .moduleFuntion .block .equipment_wrap .equipment_card .equipment_img .add_btn {
      display: flex;
   }

   .products .block .content .info .boxs {
      grid-template-columns: 1fr;
   }

   .canteen_book .block .info {
      margin-left: -100px;
   }

   footer {
      padding: 28px 34px 21px;
   }

   footer .block {
      gap: 16px;
      margin-bottom: 17px;
      flex-direction: column;
   }

   footer .block .ftr_navs {
      width: 100%;
      padding-left: 88px;
   }

   footer .block .ftr_nav {
      gap: 41px;
   }

   footer .block .ftr_nav .links a {
      font-size: 14px;
   }

   .about_project .block .info {
      padding-left: 0;
   }

   .IconTextItems {
      min-width: 0px;
   }

   .opportunities .block1 .info_img {
      position: absolute;
      right: 0;
   }

   .opportunities .block1 .info .check_texts p:nth-child(1) {
      max-width: 440px;
   }

   .opportunities .block1 .info .check_texts p:nth-child(2) {
      max-width: 460px;
   }

   .opportunities .block1 .info .check_texts p:nth-child(3) {
      max-width: 640px;
   }

   .opportunities .block2 .layout {
      gap: 0px;
      row-gap: 10px;
      flex-wrap: wrap;
   }

   .opportunities .block2 .item4 {
      width: 249px;
      height: 151px;
      margin: auto 0;
   }

   .grade .IconTextItems {
      padding-left: 43px;
   }

   .app-promo {
      display: none;
   }

   .for_schools .block .web_blog .web_img {
      width: auto;
      height: auto;
      margin-bottom: 62px;
   }

   .for_schools .block .web_blog .web_img img {
      width: 387.3768310546875px;
      height: 193px;
      position: relative;
   }

   .frequent_questions .info .items .item {
      column-gap: 40px;
   }

   .documents_contacts .container {
      padding: 0;
   }

   .key_benefits .info {
      row-gap: 20px;
      column-gap: 30px;
      justify-content: center;
   }

   .how_it_works .IconTextItem p {
      max-width: 320px;
   }

   .solving_problems .info {
      column-gap: 5px;
   }

   .solving_problems .info .info_img {
      max-width: 436.0597229003906px;
      min-width: 380px;
   }

   .for_suppliers_task .info .info_img {
      max-width: 436px;
   }

   .for_suppliers_task .info .info_img img {
      width: 100%;
   }

   .for_suppliers_food_banner .block .img_block {
      width: 390px;
   }

   .for_suppliers_food_banner .block .img_block img {
      left: -240px;
      -webkit-mask-image: linear-gradient(to right, transparent 2%, black 0%, black 50%, transparent 80%);
      mask-image: linear-gradient(to right, transparent 2%, black 0%, black 50%, transparent 80%);
   }
   .partners_opportunities .info_top .info_img, .partners_opportunities .info_top .info_img img{
      width: 527.9271240234375px;
      height: 274.8448486328125px;
   }
   .partners_opportunities .info_top .info_img h2{
      font-size: 36px;
      padding: 10px 16px;
   }
   .partners_opportunities .info_top .info_img p{
      font-size: 22px;
      padding: 10px 16px;
   }
   .partners_opportunities .info .info_top{
      row-gap: 40px;
   }
   .partners_our_product .img_block, .partners_our_product .img_block img{
      height: 371px;
   }
   .partners_our_product .info .items .item{
      max-width: 261px;
   }
   .partners_our_support .info .info_img{
      max-width: 388px;
   }
   .looking_partners .info{
      column-gap: 16px;
      justify-content: space-between;
   }
   .looking_partners .info p{
      column-gap: 15px;
      max-width: 431px;
   }
   .looking_partners .back_img{
      display: none;
   }
   .government_agencies_task .IconTextItem p{
      max-width: 320px;
   }
   .government_agencies_organize .items{
      padding-left: 40px;
      height: 200px;
   }
   .government_agencies_organize .items .item{
      height: auto;
   }
   .government_agencies_organize .items .item p{
      width: 340px;
   }
   
   .government_agencies_advantage .info{
      column-gap: 8px;
   }
   .government_agencies_advantage .info p{
      max-width: 430px;
   }
   .regulatory_framework .info{
      column-gap: 40px;
   }
}

@media (max-width: 991px) {

   .container-lg,
   .container {
      padding: 0px 15px;
   }

   .home_info .home-arrows1,
   .home_info .home-arrows2,
   header .head_wrap .head_navs {
      display: none;
   }

   .home_info.home_info2 .home-arrows1,
   .home_info.home_info2 .home-arrows2 {
      display: block;
   }

   header .head_menu,
   header .head_wrap .openMenu {
      display: flex;
   }

   .head_top .head_tabs a::after {
      width: 102%;
   }

   section.home {
      margin-top: 0px;
      overflow: hidden;
   }

   .home_info {
      height: 280px;
      padding: 98px 0px 22px 0;
      margin-top: 0;
      gap: 22px;
   }

   .home_info .home_banner {
      height: 290px;
      margin-top: -55px;
   }

   .home2 .home_info .home_banner {
      margin-top: 0;
      height: 235px;
   }

   section.home.home2 .home_info {
      gap: 15px;
      padding: 98px 24px 22px;
   }

   .home_info h2 {
      line-height: 120%;
   }

   .home_info::after {
      height: 193px;
      bottom: 44px;
      background: linear-gradient(0deg, #0079c1 26.81%, rgba(0, 163, 233, 0) 77.07%);
   }

   section.home .home_tabs {
      margin-top: 0;
   }

   .home_info h1 {
      font-size: 16px;
   }

   .home_info h2 {
      font-size: 16px;
   }

   section.home .home_tabs .home_tab span {
      display: none;
   }

   section.home .home_tabs .home_tab {
      padding: 7px 10px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
   }

   .description .top {
      margin-bottom: 20px;
   }

   .innovative {
      padding: 30px 0;
   }

   .main_title,
   .main_title h2,
   .questions .block .title,
   .questions .block .title h2,
   .projects_sec .block .title h2,
   .benefits .block .title,
   .benefits .block .title h2,
   .advantages .block .title,
   .advantages .block .title h2,
   .system .block h2,
   .innovative .block .title h2 {
      padding-left: 0;
      gap: 15px;
      font-size: 16px;
   }

   .benefits .block .title,
   .advantages .block .title {
      align-items: start;
   }

   .projects_sec .items .projectSec_arrows1,
   .projects_sec .items .projectSec_arrows2,
   .innovative .redlines-mob,
   .innovative .innovative_icon40 {
      display: none;
   }

   .innovative .block .info .check_texts,
   .innovative .block,
   .innovative .block .title {
      gap: 10px;
   }

   .innovative .block .title p {
      font-size: 14px;
      line-height: 120%;
   }

   .innovative .block .info .check_texts p {
      gap: 14px;
      font-size: 14px;
   }

   footer .block .ftr_navs,
   .innovative .innovative_img {
      display: none;
   }

   .innovative.desc .innovative_img {
      display: block;
   }

   .innovative .block .info .texts {
      gap: 10px;
   }

   .innovative .block .info .info_text {
      line-height: 120%;
   }

   .system {
      padding-bottom: 30px;
   }

   .advantages .block .items .item {
      padding-left: 84px;
   }

   .advantages .block .items .item img {
      top: -16px;
   }

   .advantages .block .items .item:nth-child(1) img {
      top: 0;
   }

   .advantages .block .items {
      gap: 100px;
      grid-template-columns: 1fr;
   }

   .benefits .block {
      gap: 10px;
   }

   .benefits .block .items .item b {
      font-size: 36px;
   }

   .benefits .block .items .item p,
   .benefits .block .items .item h2 {
      font-size: 14px;
   }

   .benefits .block .items {
      gap: 10px;
   }

   .projects_sec {
      padding: 24px 0 15px;
   }

   .projects_sec .block {
      gap: 14px;
   }

   .projects_sec .items {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

   .projects_sec .items .item_img2,
   .projects_sec .items .item_img3,
   .projects_sec .items .item_img1 {
      height: 320px;
      width: 100%;
   }

   .questions .block {
      padding: 15px 15px 32px;
      gap: 16px;
   }

   .questions .block .boxs {
      justify-content: unset;
      gap: 15px;
      flex-direction: column;
   }

   .questions .block .boxs .box a {
      font-size: 20px;
   }

   .questions .block .boxs .box p {
      font-size: 14px;
   }

   .questions.moduleQuestion .block {
      padding: 30px 15px 25px;
      gap: 15px;
   }

   .questions.moduleQuestion .block h2 {
      font-size: 16px;
      line-height: 130%;
   }

   .advantages.advantages2 .block .items {
      gap: 13px;
   }

   .advantages2 .block .items .item:nth-child(1) img,
   .advantages2 .block .items .item img {
      width: 120px;
      height: 120px;
      top: -3px;
   }

   .advantages2 .block .items .item {
      padding-left: 72px;
      gap: 6px;
   }

   .stages {
      padding-bottom: 40px;
   }

   .stages .block {
      margin-top: 14px;
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .stages .stages_img {
      margin: 0 auto;
      height: 482px;
   }

   .stages .block .items {
      gap: 11px;
   }

   .stages .block .items .item {
      gap: 5px;
   }

   .stages .block .items .item p,
   .stages .block .items .item h3 {
      gap: 14px;
   }

   .solution .block .cards {
      grid-template-columns: 1fr;
      gap: 15px;
   }

   .solution .block .book_card .book_img {
      max-width: 362px;
      margin-top: -15px;
   }

   .solution .block .book_card {
      gap: 0;
   }

   .solution .block .book_card .top {
      max-width: 100%;
   }

   .solution .block {
      gap: 37px;
   }

   .keys .sliderOne .info {
      flex-direction: column-reverse;
      align-items: start;
      gap: 27px;
   }

   .keys .sliderOne .info .texts {
      max-width: 100%;
   }

   .keys .sliderOne .info .boxs {
      padding: 30px;
      gap: 30px;
      width: 100%;
   }

   .keys .sliderOne .items {
      grid-template-columns: 1fr;
      gap: 14px;
   }

   .keys .sliderTwo .items {
      grid-template-columns: 1fr;
      gap: 25px;
      max-width: 380px;
   }

   .keys .sliderTwo .items .item {
      height: 140px;
      justify-content: center;
   }

   .keys .sliderTwo .items .item img {
      top: 50%;
      transform: translate(0, -50%);
   }

   .keys .sliderTwo .items .item p {
      line-height: 120%;
   }

   .keys .sliderTwo {
      padding: 48px 0px 100px;
   }

   .keys .sliderThree {
      padding: 33px 0px 15px;
      grid-template-columns: 1fr;
      gap: 5px;
   }

   .keys .sliderThree .slider_card {
      max-width: 100%;
      padding: 10px 15px 20px;
      gap: 30px;
   }

   .number .block {
      gap: 22px;
      justify-content: start;
      flex-direction: column-reverse;
   }

   .management {
      padding: 38px 0 20px;
   }

   .management .block .cards {
      gap: 14px;
   }

   .management .block .cards .card .card_blog {
      padding: 0;
      gap: 28px;
   }

   .management .block .cards .card .card_img {
      width: 151px;
      height: 232px;
   }

   .management .block .cards .card .card_blog::after {
      height: 180px;
      left: -834px;
   }

   .management .block .cards .card .card_blog.right::after {
      right: -834px;
   }

   .management .block .cards .card .info h2 {
      font-size: 16px;
   }

   .management .block .cards .card .info p,
   .management .block .cards .card .info h3 {
      font-size: 14px;
   }

   .moduleFuntion {
      padding-bottom: 40px;
   }

   .moduleFuntion .block .title2,
   .moduleFuntion .module-img.none {
      display: none;
   }

   .moduleFuntion .block .body {
      margin-top: 10px;
   }

   .moduleFuntion .block .body {
      flex-direction: column;
   }

   .moduleFuntion .block .widget_item {
      margin-top: 25px;
      flex-direction: column-reverse;
   }

   .moduleFuntion .block .offer .info {
      display: flex;
      flex-direction: column-reverse;
   }

   .moduleFuntion .block .offer .info img {
      height: 328px;
      max-width: -moz-fit-content;
      max-width: fit-content;
      margin: 0 auto;
   }

   .title_line .title {
      gap: 8px;
      padding: 22px 0 0;
      background: none;
   }

   .title_line::before {
      top: 0;
      height: 22px;
   }

   .title_line span {
      font-size: 36px;
   }

   .title_line h2 {
      font-size: 16px;
   }

   .payment .info .payment_item {
      align-items: center;
      gap: 0;
      flex-direction: column;
   }

   .payment .info .payment_item .item_info {
      max-width: 100%;
   }

   .payment .info .payment_item .payment_img2 {
      display: none;
   }

   .payment .info .payment_item .item_info ul {
      margin-left: 46px;
   }

   .payment .direactly_wrap {
      gap: 27px;
      flex-direction: column;
      align-items: center;
   }

   .payment .direactly_wrap .directly-img {
      width: auto;
   }

   .geography {
      padding: 40px 0 42px;
   }

   .geography .block .map .map_modal {
      gap: 15px;
      padding: 16px 33px;
   }

   .geography .block .map .map_modal .top {
      padding-bottom: 10px;
   }

   .geography .block .map .map_modal .info {
      align-items: start;
      gap: 12px;
   }

   .geography .block .map .map_modal .info p {
      flex-direction: column;
      gap: 0;
   }

   .geography .block .map .map_modal .info p {
      font-size: 14px;
   }

   footer {
      position: relative;
      height: 300px;
      padding: 30px 0 0;
      background-image: url(../img/ftr-bg2.png);
   }

   footer .block {
      flex-direction: initial;
      justify-content: space-between;
      margin-bottom: 0;
   }

   footer .ftr_accordion {
      display: flex;
   }

   footer .copyright {
      position: absolute;
      bottom: 28px;
      left: 15px;
   }

   footer .copyright p {
      max-width: 140px;
   }

   footer .footer_logo {
      width: 103px;
   }

   .about_project .about_project_banners img {
      /* width: 400px; */
      height: auto;
   }

   .opportunities .block1 .info .check_texts p:nth-child(1) {
      max-width: 360px;
   }

   .opportunities .block1 .info .check_texts p:nth-child(2) {
      max-width: 420px;
   }

   .opportunities .block1 .info .check_texts p:nth-child(3) {
      max-width: 600px;
   }

   .grade .info {
      flex-direction: column;
      gap: 10px;
   }

   .grade .info_img {
      width: 100%;
      height: auto;
      max-width: max-content;
      display: flex;
      justify-content: center;
      gap: 10px;
   }

   .grade .IconTextItem p {
      max-width: max-content;
   }

   .how_use .info .info_box {
      flex-wrap: wrap;
   }

   .ids .info .IconTextItems {
      flex-wrap: wrap;
   }

   .ids .info .items {
      flex-wrap: wrap;
      row-gap: 10px;
   }

   .web.for_schools .block .title_line span,
   .web.for_schools .block .title_line span,
   .company.for_schools .title_line span,
   .for_schools .title_line span {
      font-size: 16px;
   }

   .web.for_schools .block .title_line .title,
   .for_schools .block .title_line .title {
      height: 45px;
      background-color: #FFFFFF;
      padding: 0 18px;
   }

   .for_schools .info,
   .company.for_schools .block .info,
   .products.for_schools .info {
      max-width: max-content;
      min-width: 100%;
      width: 100%;
   }

   .products.for_schools .block .web_blog .info_img,
   .for_schools .block .web_blog .info_img,
   .web.for_schools .block .web_blog .info_img {
      display: block;
      margin: 0 auto;
   }

   .for_schools .block .web_blog .info_img img,
   .web.for_schools .block .web_blog .info_img img {
      width: 329px;
   }

   .for_schools .block .web_blog .web_img {
      display: none;
   }

   .for_schools .info .info_subtitle p,
   .for_schools .info .info_text,
   .for_schools .block .web_blog .web_info p,
   .for_schools .block .info_foot,
   .products.for_schools .ArrowTextItem p {
      font-size: 14px;
      max-width: max-content;
   }

   .for_schools .block {
      row-gap: 15px;
   }

   .web.for_schools .title_line.lineBlue::before,
   .company.for_schools .title_line.lineGreen::before,
   .for_schools .title_line::before,
   .products.for_schools .title_line.lineGreen::before {
      height: 45px;
   }

   .for_schools .block .web_blog .web_info,
   .products.for_schools .ArrowTextItem p {
      max-width: max-content;
   }

   .frequent_questions .info .items .item {
      flex-direction: column;
      row-gap: 10px;
   }

   .frequent_questions .item .answer .back_text {
      display: none;
   }

   .frequent_questions .item .question .back_text {
      display: flex;
      gap: 0;
   }

   .frequent_questions .item .question .back_text span {
      display: block;
   }

   .how_it_works .IconTextItem p {
      max-width: fit-content;
   }

   .solving_problems .info .items {
      max-width: max-content;
      row-gap: 15px;
      align-items: center;
   }

   .solving_problems .info .info_img {
      display: none;
   }

   .solving_problems .info .items .img-mab {
      display: block;
      max-width: 330px;
   }

   .solving_problems .info .items .img-mab img {
      width: 100%;
   }
   .partners_opportunities .info .info_top{
      flex-direction: column;
   }
   .partners_opportunities .info .info_top .IconTextItems, .partners_opportunities .info .info_top .info_right{
      display: none;
   }
   .partners_opportunities .info .mob_block, .partners_opportunities .info .info_img.mob_block{
      display: flex;
   }
   .partners_opportunities .info .info_top{
      align-items: start;
      margin-top: 15px;
   }
   .partners_opportunities .info_top .info_left p{
      max-width: fit-content;
   }
   .partners_opportunities .info .info_img.mob_block{
      margin: 0 auto;
   }
   .partners_opportunities .info_bottom .IconTextItem p{
      max-width: fit-content;
   }
   
   .government_agencies_task .IconTextItems{
      justify-content: start;
   }
}  

@media (max-width: 950px){
   .partners_our_product .img_block, .partners_our_product .img_block img{
      height: 320px;
   }
}

@media (max-width: 900px) {
   .opportunities .block1 .info .check_texts p:nth-child(1) {
      max-width: 340px;
   }

   .security_attendance .block1 {
      flex-direction: column;
      gap: 15px;
   }

   .security_attendance .info_img {
      height: auto;
      width: 100%;
      min-width: min-content;
      display: flex;
      justify-content: center;
   }

   .security_attendance .info_img img {
      position: relative;
   }

   .how_use .info .item {
      padding-left: 27px;
   }

   .how_use .info .item p {
      max-width: max-content;
   }
   .looking_partners .info p{
      max-width: fit-content;
   }
   .government_agencies_organize .items .item p{
      width: 300px;
   }
   .government_agencies_advantage .info p{
      max-width: fit-content;
   }
}

@media (max-width: 875px) {
   .companyHome .container {
      padding-left: 0;
      padding-right: 0;
   }

   .companyHome .block .title {
      padding: 0px 15px;
   }

   .companyHome .block .company_tabs {
      overflow: auto;
      padding-bottom: 8px;
      margin-bottom: -13px;
   }

   .schema .block {
      gap: 15px;
   }

   .schema .block .info {
      grid-template-columns: 1fr;
   }

   .schema .block .info .info_box {
      flex-direction: column;
      gap: 10px;
   }

   .schema .block .info .texts_wrap {
      width: 100%;
   }

   .schema .block .info .texts_wrap p {
      font-size: 14px;
      max-width: 100%;
   }

   .schema .block .info .info_box .img_box p {
      font-size: 14px;
   }

   .schema .block .bottom_title {
      margin: 38px auto 0;
      font-size: 16px;
   }

   .schema {
      padding-bottom: 38px;
   }

   .opportunities .blocks .block1 {
      flex-direction: column;
      row-gap: 15px;
   }

   .opportunities .block1 .info_img {
      position: relative;
   }

   .opportunities .block1 .info .check_texts p:nth-child(1) {
      max-width: max-content;
   }

   .opportunities .block1 .info .check_texts p:nth-child(2) {
      max-width: max-content;
   }

   .opportunities .block1 .info .check_texts p:nth-child(3) {
      max-width: max-content;
   }

   .opportunities .block1 .info {
      max-width: max-content;
   }

   .opportunities .block1 .info_img {
      margin: 0 auto;
   }

   .school_services .IconTextItems .IconTextItem.IconTextItemSpan {
      justify-content: center;
      margin: 0 auto;
   }
   .partners_our_product .img_block, .partners_our_product .img_block img{
      height: 280px;
   }
}

@media (max-width: 776px) {

   .home_info.home_info2 .home-arrows1,
   .home_info.home_info2 .home-arrows2 {
      display: none;
   }

   .home_info.home_info2 h2,
   .home_info.home_info2 h1 {
      max-width: 740px;
   }

   .home_info.home_info2 h1 {
      font-size: 16px;
      font-weight: 800;
   }

   .home_info2 h2 {
      font-size: 16px;
      font-weight: 500;
      line-height: 130%;
   }

   section.home.home2 .hollow_buttons {
      flex-direction: column;
      align-items: center;
      gap: 10px;
   }

   section.home.home2 .hollow_buttons .hollow_button {
      max-width: 80%;
      width: 100%;
      text-align: center;
   }

   .system .block .cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 5px;
   }

   .system .block .cards .stolovaya {
      grid-column: span 1;
      grid-row: span 1;
   }

   .system .block .cards .biblioteka {
      grid-column: span 2;
      grid-row: span 1;
      order: 5;
   }

   .system .block .cards .biblioteka a {
      margin-left: auto;
      margin-right: 0 !important;
   }

   .system .block .cards .dnevnik {
      grid-column: span 1;
      grid-row: span 1;
   }

   .system .block .cards .prohodnaya {
      order: 3;
      grid-column: span 1;
      grid-row: span 1;
   }

   .system .block .cards .dop-obraz {
      order: 6;
      grid-column: span 2;
      grid-row: span 1;
      flex-direction: initial;
      gap: 10px;
      align-items: end;
      padding-bottom: 18px;
   }

   .system .block .cards .system_card {
      padding: 18px 10px 13px 10px;
   }

   .system .block .cards .system_card.text {
      padding: 25px 0 12px 0;
      text-align: center;
   }

   .system .block .cards .system_card.text p {
      font-size: 14px;
   }

   .system .block .cards .system_card h3 {
      font-size: 16px;
   }

   .system .block .cards .system_card a {
      padding: 10px;
      margin: 0 auto;
   }

   .projects_sec .block .title a {
      display: none;
   }

   .projects_sec .more_btn {
      display: block;
   }

   .projects_sec .items .item_img2,
   .projects_sec .items .item_img3,
   .projects_sec .items .item_img1 {
      height: 250px;
   }

   .description .block {
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .description.description3 .block {
      display: flex;
      flex-direction: column-reverse;
      gap: 18px;
   }

   .description .block .info p {
      max-width: 100%;
   }

   .description .block .info {
      gap: 20px;
   }

   .tasks {
      padding-bottom: 25px;
   }

   .tasks .block {
      gap: 35px;
   }

   .tasks.electronicTask .block {
      gap: 15px;
   }

   .tasks2 .block {
      gap: 10px;
   }

   .tasks .block .box {
      gap: 8px;
   }

   .tasks .block .boxs {
      grid-template-columns: 1fr;
      gap: 34px;
   }

   .tasks .block .box::after {
      top: -10px;
   }

   .tasks .block .texts_wrap .texts p,
   .tasks .block .box b,
   .tasks .block .box p {
      font-size: 14px;
   }

   .tasks .block .texts_wrap {
      grid-template-columns: 1fr;
      gap: 13px;
   }

   .tasks .block .texts_wrap .texts {
      gap: 13px;
   }

   .innovative.desc .block .info {
      flex-direction: column-reverse;
   }

   .innovative.desc .innovative_img {
      width: 127px;
   }

   .digital {
      padding-bottom: 25px;
   }

   .digital .block .title_wrap,
   .digital .block {
      gap: 10px;
   }

   .digital .items {
      margin: 0;
      gap: 16px;
      flex-direction: column;
   }

   .advantages2 {
      padding-bottom: 25px;
   }

   .choose {
      padding-bottom: 25px;
   }

   .choose .block .items {
      grid-template-columns: 1fr;
      gap: 25px;
      margin: 13px auto 0;
   }

   .choose .block .items .item .info {
      gap: 15px;
   }

   .tasks .block .box ul li,
   .download .block p,
   .choose .block .box p,
   .stages .block .items .item ul li,
   .stages .block .items .item p,
   .choose .block .items .item .info h4,
   .payment .info .payment_item .item_info ul li,
   .choose .block .items .item .info p {
      font-size: 14px;
   }

   .description .block .info h2 {
      font-size: 16px;
   }

   .choose .block .items .item {
      gap: 17px;
   }

   .choose .block .box {
      padding: 33px 20px 23px;
      gap: 17px;
      max-width: 100%;
      margin: 14px auto 0;
      flex-direction: column;
   }

   .choose .block .box img {
      width: 68px;
   }

   .download {
      padding-bottom: 65px;
   }

   .download .block {
      gap: 10px;
   }

   .download .block h2 {
      padding-top: 10px;
      font-size: 16px;
   }

   .download .block .box {
      gap: 17px;
      flex-direction: column;
   }

   .stages .block .items .item ul {
      width: auto;
   }

   .solution .block .book_card .top {
      width: 100%;
   }

   .solution .block .book_card .top p {
      font-size: 14px;
   }

   .solution .block .book_card .top b {
      font-size: 16px;
   }

   .solution {
      padding: 16px 0 44px;
      margin-bottom: 10px;
   }

   .productModal .modal_wrap {
      padding: 57px 15px 31px;
   }

   .productModal .modal_wrap .modal_body {
      gap: 10px;
      flex-direction: column;
   }

   .productModal .modal_wrap .modal_title {
      display: block;
   }

   .keys .block .top .keys_links,
   .productModal .modal_wrap .modal_btn,
   .productModal .modal_wrap .modal_info h2 {
      display: none;
   }

   .productModal .modal_wrap .modal_info {
      max-width: 100%;
      flex-direction: column-reverse;
      gap: 10px;
   }

   .productModal .modal_wrap .modal_img {
      height: 311px;
      width: 100%;
   }

   .productModal .modal_wrap .modal_info p {
      font-size: 14px;
   }

   .productModal .modal_wrap .modal_info .modal_tabs {
      flex-wrap: wrap;
   }

   .keys .block .keys_links-mob {
      display: flex;
   }

   .number {
      padding: 40px 0px 0px;
   }

   .number .block .info .box {
      align-items: start;
      gap: 0;
      flex-direction: column;
   }

   .number .block .info {
      flex-direction: column;
      gap: 20px;
      padding: 12px 0 12px 25px;
   }

   .number .block .info .box p {
      font-size: 14px;
   }

   .number .block .info .box .boxNumber b {
      font-size: 36px;
   }

   .number .block img {
      width: auto;
      height: 253px;
   }

   .number .block {
      margin-top: 10px;
   }

   .contactHome {
      padding: 34px 0px 20px;
   }

   .contactHome .block {
      align-items: center;
      text-align: center;
   }

   .contactHome .block h2 {
      font-size: 16px;
   }

   .contact {
      gap: 25px 0px 15px;
   }

   .contact .main_title {
      display: none;
   }

   .contact .block {
      flex-direction: column;
      margin-top: 0;
   }

   .contact .block .map {
      margin-top: 0;
      width: 104%;
      margin-right: 0;
      margin-left: -15px;
   }

   .contact .block .map iframe {
      height: 230px;
   }

   .contact .block .map::after {
      height: 192px;
   }

   .contact .block .info,
   .contact .block .info .boxs {
      gap: 10px;
   }

   .contact .block .info .box a {
      margin-left: 40px;
      font-size: 14px;
   }

   .contact .block .info span,
   .contact .block .info a {
      font-size: 14px;
   }

   .moduleHome .block .home_tabs .home_tab {
      width: 100%;
      justify-content: center;
      padding: 7px 15px;
   }

   .moduleHome .block .home_tabs .home_tab span {
      display: none;
   }

   .moduleHome .block .home_tabs .home_tab.active span {
      display: block;
   }

   .moduleHome .block .info {
      padding: 38px 15px 0;
      gap: 6px;
   }

   .moduleHome .block h1 {
      font-size: 16px;
      text-align: center;
   }

   .moduleHome .block p {
      font-size: 14px;
   }

   .moduleHome .block {
      gap: 27px;
   }

   .advantages.moduleAdvantages .block .items {
      grid-template-columns: 1fr;
      gap: 90px;
   }

   .advantages.moduleAdvantages {
      padding: 25px 0;
   }

   .advantages.moduleAdvantages .block .items .item img {
      top: 50%;
      transform: translate(0, -50%);
   }

   .advantages.moduleAdvantages .block .items .item {
      max-width: 330px;
      min-height: 170px;
      justify-content: center;
      margin: 0 auto;
   }

   .advantages.moduleAdvantages .block .items {
      gap: 20px;
   }

   .advantages .block .items .item h4 {
      font-size: 16px;
      text-transform: none;
   }

   .moduleFuntion .block .cashInfo .cash_boxs .cash_box {
      align-items: start;
      flex-direction: column;
      gap: 10px;
      padding-left: 81px;
   }

   .moduleFuntion .block .cashInfo .cash_boxs .cash_box b {
      min-width: auto;
   }

   .moduleFuntion .block .cashInfo .cash_boxs .cash_box p {
      font-size: 14px;
   }

   .moduleFuntion .block .cashInfo {
      gap: 15px;
   }

   .moduleFuntion .block .cash_items {
      width: 100%;
   }

   .moduleFuntion .block .cash_items .items {
      grid-template-columns: 1fr;
      gap: 5px;
   }

   .moduleFuntion .block .cash_items {
      max-width: 270px;
      margin: 24px auto 0;
   }

   .moduleFuntion .block .cash_items .items .item p {
      max-width: 100%;
      font-size: 14px;
   }

   .moduleFuntion .block .cashInfo .cash_boxs .cash_box img {
      top: 0;
      transform: translate(0, 0%);
   }

   .moduleFuntion .block .cashInfo {
      max-width: 100%;
      gap: 25px;
   }

   .moduleFuntion .block .cashInfo .cash_boxs {
      gap: 15px;
   }

   .moduleFuntion .block .cashInfo .cash_boxs.widget_boxs .cash_box {
      padding-left: 0;
      padding-right: 97px;
   }

   .moduleFuntion .block .cashInfo .cash_boxs.widget_boxs .cash_box img {
      left: auto;
      right: 0;
   }

   .moduleFuntion .block .widget_item h2 {
      font-size: 16px;
   }

   .moduleFuntion .block .widget_item img {
      width: 100%;
      display: none;
   }

   .moduleFuntion .block .widget_item .widget-img-mob {
      display: block;
   }

   .moduleFuntion .block .app_text {
      gap: 8px;
      flex-direction: column;
   }

   .moduleFuntion .block .app_text img {
      width: 100%;
      height: 227px;
   }

   .moduleFuntion .block .app_text p {
      font-size: 14px;
   }

   .moduleFuntion .block .app_boxs .boxs {
      align-items: start;
      flex-direction: column;
      gap: 5px;
   }

   .moduleFuntion .block .app_boxs .boxs .box {
      min-height: 102px;
      padding-left: 88px;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .moduleFuntion .block .app_boxs .boxs .box img {
      width: 102px;
      height: 102px;
   }

   .moduleFuntion .block .app_boxs .boxs .box:nth-child(6) p,
   .moduleFuntion .block .app_boxs .boxs .box:nth-child(7) p,
   .moduleFuntion .block .app_boxs .boxs .box p {
      max-width: 241px;
   }

   .moduleFuntion .block .app_boxs {
      gap: 28px;
      margin-top: 25px;
   }

   .moduleFuntion .block .app_cards {
      grid-template-columns: 1fr;
      gap: 16px;
      margin-top: 25px;
   }

   .moduleFuntion .block .app_cards .app_card {
      position: relative;
   }

   .moduleFuntion .block .app_cards .app_card a {
      margin-top: 0;
      position: absolute;
      bottom: 21px;
      left: 25px;
      width: calc(100% - 45px);
      text-align: center;
   }

   .moduleFuntion .block .app_cards .app_card p {
      max-width: 235px;
      text-align: center;
      margin: 0 auto;
   }

   .moduleFuntion .block .equipment_wrap .equipment_cards {
      grid-template-columns: 1fr 1fr;
      gap: 16px;
   }

   .moduleFuntion .block .equipment_wrap .equipment_card {
      gap: 16px;
   }

   .moduleFuntion .block .offer {
      margin-top: 25px;
      gap: 22px;
   }

   .products .block .content .info .boxs .box,
   .products .block .content .info .boxs .box p,
   .products .block .content .info .top p,
   .moduleFuntion .block .offer .offer_text,
   .moduleFuntion .block .offer .info .texts p {
      font-size: 14px;
      line-height: 120%;
   }

   .moduleFuntion .block .offer .info .texts_wrap {
      gap: 22px;
   }

   .moduleFuntion .block .offer .info .texts::after {
      top: -10px;
   }

   .moduleFuntion .block .offer h2 {
      font-size: 16px;
   }

   .products .block .content {
      gap: 15px;
      flex-direction: column-reverse;
   }

   .products .block .content .product_img {
      height: 276px;
      min-height: auto;
      width: 100%;
      min-width: 100%;
   }

   .products .block .content .product_img img {
      width: auto;
   }

   .products .block .content .info,
   .products .block {
      gap: 15px;
   }

   .products .block .content .info .boxs .box .box_info p,
   .products .block .content .info .boxs .box {
      gap: 10px;
   }

   .products .block .content .info .boxs .box .box_info {
      gap: 7px;
   }

   .title_line h2 p {
      display: none;
   }

   .moduleFuntion .block .schemes_boxs .box {
      height: 196px;
   }

   .schema .block .big_box {
      gap: 10px;
   }

   .schema .block .big_box p {
      font-size: 14px;
      max-width: 100%;
   }

   .schema .block .schema_boxs .box .box_imgs {
      flex-direction: column;
      align-items: center;
      gap: 34px;
   }

   .schema .block .schema_boxs .box {
      position: relative;
   }

   .schema .block .schema_boxs .box p {
      position: absolute;
      top: 48%;
      left: 0;
      max-width: 100%;
   }

   .payment .info .payment_item .item_info p,
   .payment .info .text_wrap p,
   .payment .info .boxs_wrap p,
   .payment .info .texts p,
   .moduleFuntion .block .payment_desc p,
   .schema .block .schema_boxs .box p {
      font-size: 14px;
      line-height: 120%;
   }

   .moduleFuntion {
      padding-bottom: 28px;
   }

   .moduleFuntion .block .payment_desc {
      margin-top: 30px;
   }

   .moduleFuntion .block .payment_desc h3 {
      font-size: 16px;
   }

   .payment .block {
      gap: 10px;
   }

   .payment .info .boxs_wrap,
   .payment .info .boxs_wrap .boxs,
   .payment .info .texts {
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .payment .info .boxs_wrap .boxs .box {
      flex-direction: column-reverse;
   }

   .payment .info .boxs_wrap .boxs .box {
      gap: 2px;
   }

   .payment .info .boxs_wrap .boxs .box img {
      height: 210px;
   }

   .payment {
      padding-bottom: 25px;
   }

   .payment .info .payment_item .item_info h2 {
      padding-left: 24px;
      font-size: 16px;
      text-transform: uppercase;
   }

   .payment .info .payment_item .payment_img {
      width: 100%;
   }

   .payment .info .info_title {
      font-size: 16px;
      line-height: 130%;
      margin-top: 10px;
      max-width: 100%;
   }

   .payment .direactly_info {
      gap: 10px;
   }

   .payment .direactly_desc .desc_boxs {
      grid-template-columns: 1fr;
      gap: 42px;
   }

   .payment .direactly_desc .desc_texts {
      grid-template-columns: 1fr;
      gap: 15px;
   }

   .payment .direactly_desc h4 {
      font-size: 16px;
      line-height: 130%;
   }

   .payment .direactly_wrap .direactly_text h4 {
      gap: 20px;
   }

   .web {
      padding-bottom: 25px;
   }

   .web .block .web_blog {
      flex-direction: column;
      align-items: start;
      gap: 15px;
   }

   .web .block {
      flex-direction: column;
      gap: 16px;
   }

   .web .block .web_blog .web_img {
      height: auto;
   }

   .web .block .web_blog .web_img img {
      height: auto;
   }

   .web .block .web_blog .web_info p {
      font-size: 14px;
   }

   .web .block .web_blog .web_info .web_link {
      text-align: center;
      margin: 0 auto;
   }

   .web .block .title_line .title.titleYellow4,
   .web .block .title_line .title.titleYellow5 {
      padding: 22px 0px 0px;
   }

   .web .block .web_title {
      font-size: 16px;
   }

   .moduleFuntion .block .web_box {
      align-items: start;
      flex-direction: column;
      gap: 10px;
      width: 100%;
   }

   .moduleFuntion .block .web_box .web_img {
      display: none;
   }

   .moduleFuntion .block .web_box .web_img-mob {
      display: block;
      margin: 0 auto;
   }

   .canteen_book .block .body {
      align-items: start;
      flex-direction: column;
   }

   .canteen_book .block .info {
      margin-left: 0;
      width: 100%;
      gap: 30px;
   }

   .canteen_book {
      padding: 13px 0px 44px;
      margin-bottom: 14px;
   }

   .canteen_book .block .body .book_img {
      height: 314px;
   }

   .canteen_book .block .body .book_img {
      margin-left: -200px;
   }

   .canteen_book .block {
      gap: 0;
   }

   .canteen_book .block .info .boxs .box b,
   .canteen_book .block h2 {
      font-size: 16px;
   }

   .canteen_book .block .info .boxs {
      gap: 30px;
   }

   .program .block .text,
   .program .block .boxs .box p,
   .centerDesc .block .info .texts p,
   .tasks .block .red,
   .web .block .webText,
   .web .block .web_blog-texts p,
   .moduleFuntion .block .cashInfo p,
   .company .block .info .boxs .box .text a,
   .company .block .info .boxs .box .text span,
   .pointItems .block .items_wrap .items .item p,
   .modulePoint .block p,
   .canteen_book .block .info p,
   .canteen_book .block .info .boxs .box p {
      font-size: 14px;
   }

   .modulePoint .block {
      display: flex;
      align-items: start;
      gap: 15px;
      flex-direction: column-reverse;
   }

   .modulePoint .block p {
      max-width: 100%;
   }

   .pointItems .block .items_wrap {
      grid-template-columns: 1fr;
      gap: 5px;
      max-width: 100%;
      margin: 0 auto;
   }

   .pointItems .block .items_wrap .items .item {
      gap: 30px 20px;
   }

   .moduleFuntion .block .body {
      gap: 25px;
   }

   .moduleFuntion .block .body .module-img {
      width: 100%;
   }

   .company .block .info .big_logo {
      display: none;
   }

   .company .block .info {
      grid-template-columns: 1fr;
   }

   .company .block .info .boxs .box .company_logo {
      display: block;
      margin-left: auto;
   }

   .company .block .info .boxs {
      gap: 29px;
   }

   .company .block .info .boxs .box {
      width: 100%;
   }

   .company .block .info .boxs .box .text a {
      text-decoration: none;
   }

   .web .block .web_blog-texts p::after {
      top: -10px;
   }

   .web .block .web_blog img {
      margin: 0 auto;
   }

   .centerDesc {
      padding-bottom: 25px;
   }

   .centerDesc .block {
      grid-template-columns: 1fr;
      gap: 10px;
      align-items: start;
   }

   .centerDesc .block .info {
      gap: 15px;
   }

   .centerDesc.centerDesc2 .block,
   .centerDesc.centerDesc3 .block {
      display: flex;
      flex-direction: column-reverse;
   }

   .centerDesc.centerDesc2 .block {
      gap: 18px;
   }

   .centerDesc .block .box {
      padding: 22px;
   }

   .centerDesc .block .box p {
      font-size: 14px;
      max-width: 100%;
   }

   .centerDesc .block .info .texts {
      gap: 10px;
   }

   .centerDesc .block .centerDesc-img {
      height: 240px;
   }

   .tasks .block .box ul {
      margin-left: 0;
      max-width: 100%;
   }

   .tasks3 .block .boxs .boxs_wrap {
      gap: 20px;
   }

   .tasks3 .block .boxs .boxs_wrap img {
      width: 100%;
      height: 151px;
      -o-object-fit: cover;
      object-fit: cover;
   }

   .program {
      padding-bottom: 25px;
   }

   .program .block .boxs img {
      height: 203px;
      -o-object-fit: cover;
      object-fit: cover;
   }

   .centerDesc h2 {
      margin-bottom: 16px;
   }

   .centerDesc .text_center {
      font-size: 14px;
      margin-top: 10px;
   }

   .program .block .boxs {
      grid-template-columns: 1fr;
      gap: 10px;
   }

   .program .block .boxs .box {
      gap: 10px;
   }

   .program .block {
      gap: 16px;
   }

   .centerDesc .title_center {
      margin: 34px auto 0;
      font-size: 16px;
      line-height: 120%;
   }

   .centerDesc .bottom {
      grid-template-columns: 1fr;
      gap: 14px;
      margin-top: 25px;
   }

   .centerDesc .bottom img {
      height: 190px;
      -o-object-fit: cover;
      object-fit: cover;
   }

   .centerDesc .bottom .box_wrap .box {
      padding: 30px 20px;
      border: 12px solid #ffd1df;
   }

   .centerDesc .bottom .box_wrap {
      gap: 19px;
   }

   .centerDesc .bottom .box_wrap .title h3 {
      font-size: 16px;
   }

   .centerDesc .bottom .box_wrap .title p {
      font-size: 14px;
   }

   .about_project .block .info {
      flex-direction: column;
   }

   .about_project .about_project_banners {
      margin: 0 auto;
      width: fit-content;
   }

   .about_project .about_project_banners img {
      width: 335px;
      height: 223px;
   }

   .about_project .about_project_banner_text {
      padding: 0;
      width: 100%;
      padding: 12px 13px;
      max-width: 335px;
   }

   .IconTextItem p {
      max-width: max-content;
   }

   .opportunities .block1 .info .check_texts {
      flex-direction: column;
      gap: 15px;
   }

   .opportunities .block1 .info .check_texts p {
      font-weight: 400;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: 0%;
      gap: 10px;
   }

   .opportunities .block1 .info_img,
   .opportunities .block1 .info_img img {
      max-width: 329px;
   }

   .opportunities .block2 .layout {
      flex-direction: column;
      align-items: center;
      gap: 5px;
   }

   .opportunities .block1 .info {
      gap: 15px;
   }

   .security_attendance .block1 {
      flex-direction: column;
      gap: 15px;
   }

   .security_attendance .info_img {
      height: auto;
      width: 100%;
      min-width: min-content;
      display: flex;
      justify-content: center;
   }

   .security_attendance .info_img img {
      position: relative;
      width: 330px;
      height: 154px;
   }

   .security_attendance .block2 .IconTextItems {
      flex-direction: column;
      gap: 5px;
   }

   .grade .info_img img {
      width: 100%;
      height: auto;
   }

   .grade .info_img .callout {
      padding: 24px 21px;
   }

   .mob_app .info2 .title h3 {
      font-size: 16px;
      padding: 0 30px;
   }

   .mob_app .info1 .info_img {
      max-width: 331.62109375px;
      width: 100%;
   }

   .mob_app .info1 .info_img .table {
      display: none;
   }

   .mob_app .info1 .info_img .phone {
      display: block;
   }

   .mob_app .info2 .items {
      flex-direction: column;
      gap: 10px;
   }

   .how_use .info .item span {
      width: 42px;
      height: 46px;
      font-size: 36px;
   }

   .how_use .info .item {
      gap: 8px;
   }

   .ids .info {
      align-items: start;
   }

   .replenishment .info .box {
      flex-direction: column;
      align-items: center;
      row-gap: 20px;
   }

   .replenishment .box .items1 {
      justify-content: center;
   }

   .school_services .IconTextItems {
      justify-content: start;
   }

   .frequent_questions .info .items {
      padding-left: 0;
      row-gap: 10px;
      padding-top: 30px;
   }

   .frequent_questions .item .question .back_text {
      font-size: 36px;
      left: 0;
      top: -30px;
   }

   .frequent_questions .back_img {
      display: none;
   }

   .frequent_questions {
      padding: 20px 0;
   }

   .documents_contacts .block .title {
      column-gap: 15px;
   }

   .documents_contacts .info {
      margin-top: 15px;
      align-items: start;
   }

   .documents_contacts .info .info_items {
      flex-direction: column;
      align-items: start;
      row-gap: 15px;
      width: 100%;
   }

   .documents_contacts .info .info_items .info_item {
      row-gap: 5px;
   }

   .documents_contacts .info .info_items .info_item:first-child {
      max-width: max-content;
   }

   .documents_contacts .info .info_items .info_item:nth-child(2) {
      width: 100%;
      justify-content: center;
      align-items: center;
   }

   .documents_contacts .info .info_items .info_item:nth-child(2) p {
      text-align: center;
   }

   .documents_contacts .info .box_title {
      margin-top: 15px;
   }

   .documents_contacts .info .box_title h2 {
      font-size: 36px;
   }

   .documents_contacts .block .boxs {
      flex-direction: column;
      gap: 15px;
      margin-top: 15px;
   }

   .documents_contacts .block .boxs .box {
      row-gap: 15px;
   }

   .documents_contacts .block .boxs .box a {
      font-size: 20px;
   }

   .for_suppliers_task .info {
      flex-direction: column;
      align-items: center;
   }

   .for_suppliers_task .info .info_block {
      flex-direction: column;
      row-gap: 10px;
   }

   .for_suppliers_task .info .info_block p {
      max-width: max-content;
   }

   .key_benefits .info .info_block h3 {
      font-size: 36px;
   }

   .how_it_works .IconTextItems .IconTextItem {
      padding-left: 75px;
   }

   .for_suppliers_food_banner .block .img_block {
      height: 290px;
      width: auto;
   }

   .for_suppliers_food_banner .block .img_block img {
      left: -130px;
      height: 290px;
      width: auto;
      -webkit-mask-image: linear-gradient(to right, transparent 0%, black 23%, black 50%, transparent 80%);
      mask-image: linear-gradient(to right, transparent 2%, black 23%, black 50%, transparent 80%);
   }

   .for_suppliers_food_banner .block {
      column-gap: 125px;
      justify-content: space-around;
   }

   .for_suppliers_food_banner .block .info_block {
      max-width: 220px;
   }
   
   .partners_our_support{
      padding: 25px 0;
   }
   .partners_opportunities,
   .partners_our_product,
   .looking_partners,
   .form_partners{
      padding-top: 25px;
      padding-bottom: 0;
   }
   .partners_opportunities .info_top .info_img h2{
      font-size: 20px;
   }
   .partners_opportunities .info_top .info_img, .partners_opportunities .info_top .info_img img{
      width: 330.38092041015625px;
      height: 172px;
   }
   .partners_opportunities .info .info_top .info_left{
      row-gap: 15px;
   }
   .partners_opportunities .info_top .IconTextItem, .partners_opportunities .info_bottom .IconTextItem{
      padding-left: 85px;
   }
   .partners_our_product .img_block{
      display: none;
   }
   .partners_our_product .info .items{
      flex-direction: column;
      align-items: center;
   }
   .partners_our_product .info .item .item_img{
      display: block;
      max-width: 362px;
   }
   .partners_our_product .info .item .item_img img{
      width: 100%;
      height: auto;
   }
   .partners_our_support .info{
      flex-direction: column;
   }
   .partners_our_support .info .items{
      padding-left: 0;
      align-items: start;
      width: 100%;
   }
   .partners_our_support .info .item p{
      max-width: fit-content;
      font-size: 14px;
   }
   .partners_our_support .info .item span{
      min-width: 25px;
      height: 44px;
      font-size: 36px;
   }
   .partners_our_support .info .info_img{
      width: 330px;
   }
   .form_partners .block{
      row-gap: 15px;
   }
   .government_agencies_task .IconTextItem p,.government_agencies_ecosystem .info_subtitle{
      max-width: fit-content;
   }
   .government_agencies_ecosystem .info .info_block{
      flex-direction: column;
      align-items: start;
   }
   .government_agencies_ecosystem .info_block .info_img{
      margin: 0 auto;
   }
   .government_agencies_ecosystem .ArrowTextItems{
      padding-left: 22px;
   }
   .government_agencies_organize .items{
      height: auto;
      padding-left: 0;
   }
   .government_agencies_organize .items .item p{
      width: auto;
   }
   .regulatory_framework .info{
      flex-direction: column;
   }
   .regulatory_framework .info .info_block{
      align-items:center;
   }
   .regulatory_framework .info .info_block p{
      padding-inline: 22px;
   }
   .regulatory_framework{
      padding-top: 25px;
      padding-bottom: 14px;
   }
   .government_agencies_geography{
      padding-top: 25px;
      padding-bottom: 0;
   }
   .government_agencies_advantage{
      display: none;
   }
   .government_agencies_organize .items .item span{
      font-size:36px;
      min-width: 28px;
      height: 44px;
   }
   .partners_our_product{
      margin-top: 25px;
   }
   .partners_our_product .info .items .item{
      max-width: fit-content;
   }

   .ids,
   .grade,
   .about_project,
   .opportunities,
   .security_attendance,
   .mob_app,
   .how_use,
   .replenishment,
   .school_services,
   .web.for_schools,
   .for_suppliers_task,
   .key_benefits,
   .how_it_works,
   .solving_problems, .government_agencies_organize, .government_agencies_ecosystem,.government_agencies_task {
      padding-top: 25px;
      padding-bottom: 0px;
   }

   .ids .info .info_subtitle,
   .ids .info .item p,
   .ids .info .info_food p,
   .grade .info_img .callout p,
   .grade .info_box p,
   .how_use .info .info_subtitle,
   .how_use .info .item p,
   .opportunities .block2 .item .shape p,
   .security_attendance .block2 .items .item p,
   .IconTextItem p,
   .about_project .block .section_title p,
   .IconTextItem p,
   .about_project .block .title p,
   .about_project .about_project_banner_text p,
   .school_services .info .info_subtitle,
   .school_services .info p,
   .school_services .block span,
   .frequent_questions .info .info_subtitle,
   .frequent_questions .info .info_text,
   .news .info .info_subtitle,
   .news .info .info_text,
   .news .info .items .item .title,
   .news .info .items .item .text,
   .for_suppliers_task .info .info_block p,
   .key_benefits .info .info_block p,
   .solving_problems .info .item p,
   .for_suppliers_food_banner .info_block h2,
   .for_suppliers_food_banner .info_block h3,
   .for_suppliers_food_banner .info_block p,.partners_opportunities .info_top .info_left p, .partners_our_support .info .item p b, .looking_partners .info p, .form_partners .info p, .ArrowTextItems .ArrowTextItem p, .government_agencies_ecosystem .info_subtitle,.regulatory_framework .info .info_block a,.government_agencies_advantage .info p,.form_disclaimer p{
      font-size: 14px;
   }

   .about_project .block .section_title h2,
   .opportunities .container .section_title h2,
   .opportunities .container .section_title h2,
   .section_title h2,
   .section_title h3,
   .section_title h4,
   .documents_contacts .block .title h2,
   .documents_contacts .info .info_food {
      font-size: 16px;
   }

   .IconTextItems .IconTextItem {
      height: 110px;
   }

   .IconTextItem img {
      height: 110px;
   }

   .IconTextItems .IconTextItem,
   .school_services .IconTextItems .IconTextItem,
   .security_attendance .block2 .IconTextItem {
      padding-left: 84px;
   }

   .section_title h2,
   .section_title h3,
   .section_title h4 {
      padding: 8px 25px;
   }

}

@media (max-width: 576px) {
   header {
      padding: 9px 0;
   }

   .head_top .head_tabs {
      justify-content: start;
   }

   .head_top {
      padding: 10px 0px 6px;
      background: #484848;
   }

   .head_top .head_tabs a::after {
      bottom: -8px;
      height: 8px;
   }

   .advantages .block .items {
      gap: 45px;
   }

   .projects_sec .items .item_img2,
   .projects_sec .items .item_img3,
   .projects_sec .items .item_img1 {
      height: 170px;
   }

   .head_top .head_tabs a .text-mob {
      display: block;
   }

   .keys .block .keys_body .info h3,
   .head_top .head_tabs a .text-desc {
      display: none;
   }

   .description {
      padding: 25px 0;
   }

   .description .block .info p {
      font-size: 14px;
   }

   .btnTop {
      width: 40px;
      height: 40px;
      bottom: 30px;
      right: 15px;
   }

   .btnTop img {
      width: 25px;
      height: 25px;
   }

   .companyHome {
      padding-top: 37px;
   }

   .companyHome .block {
      gap: 40px;
   }

   .companyHome .block .title {
      gap: 24px;
      align-items: center;
      text-align: center;
   }

   .companyHome .block .title h2 {
      font-size: 16px;
   }

   .keys .block .keys_body .keys_tabs {
      padding-bottom: 8px;
      margin-bottom: -13px;
      justify-content: start;
   }

   .keys .block .keys_body .keys_tabs .tab {
      min-width: 210px;
   }

   .keys .block .keys_body .info span {
      font-size: 64px;
   }

   .keys .block .keys_body {
      gap: 13px;
      margin-top: 19px;
   }

   .keys .block .keys_body .info {
      padding: 20px 21px 32px;
   }

   .keys .block .keys_body .info p {
      margin-top: 0;
      font-size: 14px;
   }

   .keys .sliderOne .info .boxs .box b {
      font-size: 36px;
   }

   .keys .sliderOne .items .item p,
   .keys .sliderOne .items .item span,
   .keys .sliderThree .slider_card .texts p,
   .keys .sliderOne .info .texts p,
   .keys .sliderOne .info .boxs .box p {
      font-size: 14px;
   }

   .keys .sliderOne .info .boxs .box span {
      font-size: 32px;
   }

   .keys .sliderThree .slider_card h3 {
      font-size: 20px;
   }

   .swiper-button-next:after {
      right: 0;
   }

   .swiper-button-prev {
      left: 0;
   }

   .swiper-button-next,
   .swiper-button-prev {
      top: 21%;
   }

   .keys .sliderOne .items .item {
      padding-bottom: 5px;
   }

   .advantagesCards {
      padding: 40px 0px 50px;
   }

   .advantagesCards .block {
      gap: 8px;
   }

   .advantagesCards .block .cards {
      gap: 5px;
      grid-template-columns: 1fr;
   }

   .advantagesCards .block .cards .card {
      padding: 38px 11px 11px;
      gap: 30px;
      min-height: 234px;
   }

   .moduleFuntion .block .equipment_texts p,
   .document .block .items .item p,
   .advantagesCards .block .cards .card p,
   .advantagesCards .block .cards .card h3 {
      font-size: 14px;
   }

   .management .block .cards .card .info {
      gap: 10px;
   }

   .management .block .cards .card .info p {
      display: none;
   }

   .management .block .cards .card .card_text {
      display: block;
   }

   .document {
      padding: 25px 0;
   }

   .document .block {
      gap: 13px;
   }

   .document .block .items .item {
      width: 100%;
      gap: 8px;
   }

   .document .block .items .item img {
      width: 240px;
      margin: 0 auto;
   }

   .document .block .info {
      gap: 15px;
      max-width: 600px;
   }

   .document .block .info {
      margin-top: 40px;
   }

   .moduleFuntion .block h2,
   .digital.moduleDigital .block .title {
      font-size: 16px;
   }

   .digital .items_wrap .item p {
      font-size: 14px;
   }

   .digital .items_wrap .item {
      align-items: start;
      gap: 13px;
   }

   .moduleFuntion .block .body .tabs {
      max-width: 100%;
      width: 100%;
   }

   .moduleFuntion .block .body .tabs a {
      padding: 10px 23px;
      gap: 30px;
   }

   .moduleFuntion .block .cashInfo .title {
      padding: 32px 20px 30px 20px;
   }

   .moduleFuntion .block .equipment_texts {
      gap: 25px;
   }

   .moduleFuntion .block .equipment_wrap .equipment_cards {
      grid-template-columns: 1fr;
      gap: 16px;
      max-width: 220px;
      margin: 0 auto;
   }

   .moduleFuntion .block .equipment_wrap {
      gap: 16px;
      margin-top: 25px;
   }

   .moduleFuntion .block .offer .info img {
      width: 100%;
      height: auto;
   }

   .payment .info .boxs_wrap .payment_boxs {
      display: grid;
      justify-content: space-between;
      gap: 10px;
      grid-template-columns: 1fr 1fr;
   }

   .payment .direactly_wrap .directly-img {
      width: 100%;
   }

   .payment .direactly_wrap .direactly_text h5,
   .payment .direactly_wrap .direactly_text p {
      font-size: 14px;
   }

   .modulePoint .block img {
      height: 177px;
   }

   .modulePoint {
      padding: 42px 0 25px;
   }

   .pointItems .block h2 {
      font-size: 16px;
   }

   .pointItems .block .item_bottom {
      gap: 20px;
      flex-direction: column;
      text-align: center;
   }

   .geography .map_modals,
   .geography .block .map svg,
   .geography .block .map .bottom_text {
      display: none;
   }

   .geography {
      padding: 34px 0px 38px;
   }

   .geography .block {
      gap: 20px;
   }

   .geography .map_mob {
      display: block;
   }

   .geography .block .map .top_text {
      padding-left: 44px;
   }

   .geography .block .map .top_text::after {
      top: 10px;
      left: 0;
   }

   .btnTop {
      right: 15px;
      bottom: 15px;
   }
   
   section.home.home2 .hollow_buttons .hollow_button{
      max-width: 100%;
   }
   .regulatory_framework .info .info_block a:nth-child(1){
      max-width: 221px;
   }
   .regulatory_framework .info .info_block a:nth-child(2){
      max-width: 262px;
   }
   .government_agencies_geography{
      padding-top: 25px;
      padding-bottom: 0;
   }
}

@media (max-width: 350px) {

   .projects_sec .items .item_img2,
   .projects_sec .items .item_img3,
   .projects_sec .items .item_img1 {
      height: 130px;
   }
}

/*# sourceMappingURL=style.css.map */

/* Школьный вендинг - красная тема */
.products.for_schools.vending .title_line.lineRed::before {
background: #ffe6e6;
}

.products.for_schools.vending .title_line span {
color: #e31e24;
}

.products.for_schools.vending .title_line.lineRed .title {
max-width: 485px;
}

.products.for_schools.vending .web_info p img {
content: url(<?php echo get_template_directory_uri() ?>/assets/img/checkRed-icon.svg);
}

.products.for_schools.vending .ArrowTextItem img {
content: url(<?php echo get_template_directory_uri() ?>/assets/img/digitalRed-icon.svg);
}

.products.for_schools.vending .info_foot {
color: #e31e24;
}

.products.for_schools.vending .web_img.red {
box-shadow: none;
}

/* Красные иконки чекбоксов */
.checkRed-icon {
width: 24px;
height: 24px;
}

/* Красные стрелки */
.digitalRed-icon {
width: 20px;
height: 30px;
}

/* Адаптивность для вендинга */
@media (max-width: 1150px) {
.products.for_schools.vending .block .web_blog .web_img img {
width: 387.3768310546875px;
height: 193px;
position: relative;
}
}

@media (max-width: 991px) {
.products.for_schools.vending .block .web_blog .web_img {
display: none;
}

.products.for_schools.vending .block .web_blog .info_img {
display: block;
margin: 0 auto;
}

.products.for_schools.vending .block .web_blog .info_img img {
width: 329px;
}
}

@media (max-width: 776px) {
.products.for_schools.vending .ArrowTextItem p {
font-size: 14px;
max-width: max-content;
}
}

/* Кнопка отправки — в стиле сайта */
.submit_button.orange_nav {
  display: inline-block;
  padding: 14px 32px;
  background: #ff6b35; /* подставь свой оранжевый из дизайна */
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s;
  text-align: center;
  width: 100%;
  max-width: 300px;
  margin-top: 20px;
}

.submit_button.orange_nav:hover {
  background: #e55a2b;
  transform: translateY(-2px);
}

.submit_button.orange_nav:active {
  transform: translateY(0);
}

/* Кастомный селект — базовые стили */
.custom-select {
  position: relative;
  width: 100%;
  margin: 10px 0;
}

.custom-select__trigger {
  width: 100%;
  padding: 14px 16px;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  color: #333;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: border-color 0.3s;
}

.custom-select__trigger:hover,
.custom-select__trigger.active {
  border-color: #ff6b35;
}

.custom-select__arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  transition: transform 0.3s;
}

.custom-select__trigger.active .custom-select__arrow {
  transform: rotate(180deg);
}

.custom-select__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 2px solid #ff6b35;
  border-radius: 8px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 100;
  display: none;
  flex-direction: column;
  margin-top: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.custom-select__dropdown.active {
  display: flex;
}

.custom-select__option {
  padding: 12px 16px;
  background: none;
  border: none;
  text-align: left;
  font-size: 15px;
  color: #333;
  cursor: pointer;
  transition: background 0.2s;
}

.custom-select__option:hover,
.custom-select__option.selected {
  background: #fff5f0;
  color: #ff6b35;
  font-weight: 500;
}

/* Текстовое поле комментария */
textarea[name="comment"] {
  width: 100%;
  padding: 14px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  resize: vertical;
  margin: 10px 0;
  transition: border-color 0.3s;
}

textarea[name="comment"]:focus {
  border-color: #ff6b35;
  outline: none;
}

/* Стили для всех полей формы */
.form_style input[type="text"],
.form_style input[type="tel"],
.form_style input[type="email"],
.form_style textarea {
  width: 100%;
  padding: 16px 20px;
  background: #e8f7ff; /* голубой фон как на скриншоте */
  border: 1px solid #b8e0f5;
  border-radius: 8px;
  font-size: 16px;
  color: #333;
  margin-bottom: 16px;
  transition: border-color 0.3s, box-shadow 0.3s;
  box-sizing: border-box;
}

.form_style input[type="text"]::placeholder,
.form_style input[type="tel"]::placeholder,
.form_style input[type="email"]::placeholder,
.form_style textarea::placeholder {
  color: #7a9aa8;
}

.form_style input[type="text"]:focus,
.form_style input[type="tel"]:focus,
.form_style input[type="email"]:focus,
.form_style textarea:focus {
  outline: none;
  border-color: #4a9fd8;
  box-shadow: 0 0 0 3px rgba(74, 159, 216, 0.15);
}

/* Текстовое поле комментария */
.form_style textarea {
  resize: vertical;
  min-height: 120px;
  font-family: inherit;
}

/* Кнопка отправки — голубая */
.submit_button {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  padding: 16px 32px;
  background: #4a9fd8; /* голубой цвет сайта */
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
  text-align: center;
  margin-top: 10px;
}

.submit_button:hover {
  background: #3a8fc8; /* чуть темнее при наведении */
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(74, 159, 216, 0.3);
}

.submit_button:active {
  transform: translateY(0);
}

.submit_button:disabled {
  background: #b8d8e8;
  cursor: not-allowed;
  transform: none;
}
/* Ссылка на интернет-магазин в футере */
.ftr_nav .shop_link {
    display: inline-block;
    padding: 8px 16px;
    background: #4a9fd8; /* голубой цвет сайта */
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
    margin-top: 8px;
    transition: background 0.3s, transform 0.2s;
}

.ftr_nav .shop_link:hover {
    background: #3a8fc8;
    transform: translateY(-2px);
    color: #fff;
}

/* Для мобильной версии (аккордеон) */
.accordion-body .shop_link {
    display: inline-block;
    padding: 8px 16px;
    background: #4a9fd8;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    margin-top: 10px;
    transition: background 0.3s, transform 0.2s;
}

.accordion-body .shop_link:hover {
    background: #3a8fc8;
    transform: translateY(-2px);
    color: #fff;
}

/* Отступ для нового нижнего блока */
.ftr_bottom {
    margin-top: 40px;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Тонкая линия разделителя, если нужно */
}

.ftr_bottom_wrap {
    display: flex;
    justify-content: space-between; /* Копирайт слева, ссылки справа */
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.ftr_policy_links {
    display: flex;
    gap: 20px;
}
.copyright {color: #fff;}
.ftr_policy_links a {
    color: #fff; /* Или цвет текста футера */
    font-size: 14px;
    opacity: 0.7;
    transition: opacity 0.3s;
    text-decoration: none;
}

.ftr_policy_links a:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .ftr_bottom_wrap {
        flex-direction: column;
        text-align: center;
    }
    .ftr_policy_links {
        flex-direction: column;
        gap: 10px;
    }
}

/* Стили для модальных окон политик */
.privacy-modal .modal__content,
.terms-modal .modal__content {
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 40px;
}

.modal__content-large {
    width: 90%;
}

.modal__text h3 {
    margin-top: 25px;
    margin-bottom: 15px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.modal__text h3:first-child {
    margin-top: 0;
}

.modal__text p {
    margin-bottom: 15px;
    line-height: 1.6;
    color: #555;
}

.modal__text ul {
    margin-bottom: 15px;
    padding-left: 20px;
}

.modal__text ul li {
    margin-bottom: 8px;
    line-height: 1.5;
    color: #555;
}

.modal__text b {
    color: #333;
    font-weight: 600;
}

/* Скроллбар для модального окна */
.modal__content-large::-webkit-scrollbar {
    width: 8px;
}

.modal__content-large::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.modal__content-large::-webkit-scrollbar-thumb {
    background: #4a9fd8;
    border-radius: 4px;
}

.modal__content-large::-webkit-scrollbar-thumb:hover {
    background: #3a8fc8;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .privacy-modal .modal__content,
    .terms-modal .modal__content {
        padding: 25px;
        width: 95%;
    }
    
    .modal__text h3 {
        font-size: 16px;
    }
    
    .modal__text p,
    .modal__text ul li {
        font-size: 14px;
    }
}

/* Базовые стили модального окна */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  pointer-events: none;
}

.modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal__content {
  background: #fff;
  padding: 30px 40px;
  border-radius: 16px;
  max-width: 500px;
  width: 90%;
  text-align: center;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.modal__content-large {
  max-width: 800px;
  max-height: 90vh;
  overflow-y: auto;
  text-align: left;
}

.modal__close {
  position: absolute;
  top: 12px;
  right: 16px;
  background: none;
  border: none;
  font-size: 28px;
  color: #999;
  cursor: pointer;
  line-height: 1;
}

.modal__close:hover {
  color: #333;
}

.modal__text h3 {
  margin-top: 25px;
  margin-bottom: 15px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.modal__text h3:first-child {
  margin-top: 0;
}

.modal__text p {
  margin-bottom: 15px;
  line-height: 1.6;
  color: #555;
}

.modal__text ul {
  margin-bottom: 15px;
  padding-left: 20px;
}

.modal__text ul li {
  margin-bottom: 8px;
  line-height: 1.5;
  color: #555;
}

/* Скроллбар для больших модальных окон */
.modal__content-large::-webkit-scrollbar {
  width: 8px;
}

.modal__content-large::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.modal__content-large::-webkit-scrollbar-thumb {
  background: #4a9fd8;
  border-radius: 4px;
}

/* Адаптив */
@media (max-width: 768px) {
  .modal__content,
  .modal__content-large {
    padding: 25px;
    width: 95%;
  }
  
  .modal__text h3 {
    font-size: 16px;
  }
}