@charset "UTF-8"; @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap); *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } .pt-1 { padding-top: 0.0625rem; } .pt-2 { padding-top: 0.125rem; } .pt-3 { padding-top: 0.1875rem; } .pt-4 { padding-top: 0.25rem; } .pt-5 { padding-top: 0.3125rem; } .pt-6 { padding-top: 0.375rem; } .pt-7 { padding-top: 0.4375rem; } .pt-8 { padding-top: 0.5rem; } .pt-9 { padding-top: 0.5625rem; } .pt-10 { padding-top: 0.625rem; } .pt-11 { padding-top: 0.6875rem; } .pt-12 { padding-top: 0.75rem; } .pt-13 { padding-top: 0.8125rem; } .pt-14 { padding-top: 0.875rem; } .pt-15 { padding-top: 0.9375rem; } .pt-16 { padding-top: 1rem; } .pt-17 { padding-top: 1.0625rem; } .pt-18 { padding-top: 1.125rem; } .pt-19 { padding-top: 1.1875rem; } .pt-20 { padding-top: 1.25rem; } .pt-25 { padding-top: 1.5625rem; } .pt-30 { padding-top: 1.875rem; } .pt-35 { padding-top: 2.1875rem; } .pt-40 { padding-top: 2.5rem; } .pt-45 { padding-top: 2.8125rem; } .pt-50 { padding-top: 3.125rem; } .pt-55 { padding-top: 3.4375rem; } .pt-60 { padding-top: 3.75rem; } .pt-65 { padding-top: 4.0625rem; } .pt-70 { padding-top: 4.375rem; } .pt-75 { padding-top: 4.6875rem; } .pt-80 { padding-top: 5rem; } .pt-85 { padding-top: 5.3125rem; } .pt-90 { padding-top: 5.625rem; } .pt-95 { padding-top: 5.9375rem; } .pt-100 { padding-top: 6.25rem; } .pt-105 { padding-top: 6.5625rem; } .pt-110 { padding-top: 6.875rem; } .pt-115 { padding-top: 7.1875rem; } .pt-120 { padding-top: 7.5rem; } .pt-125 { padding-top: 7.8125rem; } .pt-130 { padding-top: 8.125rem; } .pt-135 { padding-top: 8.4375rem; } .pt-140 { padding-top: 8.75rem; } .pt-145 { padding-top: 9.0625rem; } .pt-150 { padding-top: 9.375rem; } .pt-155 { padding-top: 9.6875rem; } .pt-160 { padding-top: 10rem; } .pt-165 { padding-top: 10.3125rem; } .pt-170 { padding-top: 10.625rem; } .pt-175 { padding-top: 10.9375rem; } .pt-180 { padding-top: 11.25rem; } .pt-185 { padding-top: 11.5625rem; } .pt-190 { padding-top: 11.875rem; } .pt-195 { padding-top: 12.1875rem; } .pt-200 { padding-top: 12.5rem; } .pt-205 { padding-top: 12.8125rem; } .pt-210 { padding-top: 13.125rem; } .pt-215 { padding-top: 13.4375rem; } .pt-220 { padding-top: 13.75rem; } .pt-225 { padding-top: 14.0625rem; } .pt-230 { padding-top: 14.375rem; } .pt-235 { padding-top: 14.6875rem; } .pt-240 { padding-top: 15rem; } .pt-245 { padding-top: 15.3125rem; } .pt-250 { padding-top: 15.625rem; } .pb-1 { padding-bottom: 0.0625rem; } .pb-2 { padding-bottom: 0.125rem; } .pb-3 { padding-bottom: 0.1875rem; } .pb-4 { padding-bottom: 0.25rem; } .pb-5 { padding-bottom: 0.3125rem; } .pb-6 { padding-bottom: 0.375rem; } .pb-7 { padding-bottom: 0.4375rem; } .pb-8 { padding-bottom: 0.5rem; } .pb-9 { padding-bottom: 0.5625rem; } .pb-10 { padding-bottom: 0.625rem; } .pb-11 { padding-bottom: 0.6875rem; } .pb-12 { padding-bottom: 0.75rem; } .pb-13 { padding-bottom: 0.8125rem; } .pb-14 { padding-bottom: 0.875rem; } .pb-15 { padding-bottom: 0.9375rem; } .pb-16 { padding-bottom: 1rem; } .pb-17 { padding-bottom: 1.0625rem; } .pb-18 { padding-bottom: 1.125rem; } .pb-19 { padding-bottom: 1.1875rem; } .pb-20 { padding-bottom: 1.25rem; } .pb-25 { padding-bottom: 1.5625rem; } .pb-30 { padding-bottom: 1.875rem; } .pb-35 { padding-bottom: 2.1875rem; } .pb-40 { padding-bottom: 2.5rem; } .pb-45 { padding-bottom: 2.8125rem; } .pb-50 { padding-bottom: 3.125rem; } .pb-55 { padding-bottom: 3.4375rem; } .pb-60 { padding-bottom: 3.75rem; } .pb-65 { padding-bottom: 4.0625rem; } .pb-70 { padding-bottom: 4.375rem; } .pb-75 { padding-bottom: 4.6875rem; } .pb-80 { padding-bottom: 5rem; } .pb-85 { padding-bottom: 5.3125rem; } .pb-90 { padding-bottom: 5.625rem; } .pb-95 { padding-bottom: 5.9375rem; } .pb-100 { padding-bottom: 6.25rem; } .pb-105 { padding-bottom: 6.5625rem; } .pb-110 { padding-bottom: 6.875rem; } .pb-115 { padding-bottom: 7.1875rem; } .pb-120 { padding-bottom: 7.5rem; } .pb-125 { padding-bottom: 7.8125rem; } .pb-130 { padding-bottom: 8.125rem; } .pb-135 { padding-bottom: 8.4375rem; } .pb-140 { padding-bottom: 8.75rem; } .pb-145 { padding-bottom: 9.0625rem; } .pb-150 { padding-bottom: 9.375rem; } .pb-155 { padding-bottom: 9.6875rem; } .pb-160 { padding-bottom: 10rem; } .pb-165 { padding-bottom: 10.3125rem; } .pb-170 { padding-bottom: 10.625rem; } .pb-175 { padding-bottom: 10.9375rem; } .pb-180 { padding-bottom: 11.25rem; } .pb-185 { padding-bottom: 11.5625rem; } .pb-190 { padding-bottom: 11.875rem; } .pb-195 { padding-bottom: 12.1875rem; } .pb-200 { padding-bottom: 12.5rem; } .pb-205 { padding-bottom: 12.8125rem; } .pb-210 { padding-bottom: 13.125rem; } .pb-215 { padding-bottom: 13.4375rem; } .pb-220 { padding-bottom: 13.75rem; } .pb-225 { padding-bottom: 14.0625rem; } .pb-230 { padding-bottom: 14.375rem; } .pb-235 { padding-bottom: 14.6875rem; } .pb-240 { padding-bottom: 15rem; } .pb-245 { padding-bottom: 15.3125rem; } .pb-250 { padding-bottom: 15.625rem; } .mb-1 { margin-bottom: 0.0625rem; } .mb-2 { margin-bottom: 0.125rem; } .mb-3 { margin-bottom: 0.1875rem; } .mb-4 { margin-bottom: 0.25rem; } .mb-5 { margin-bottom: 0.3125rem; } .mb-6 { margin-bottom: 0.375rem; } .mb-7 { margin-bottom: 0.4375rem; } .mb-8 { margin-bottom: 0.5rem; } .mb-9 { margin-bottom: 0.5625rem; } .mb-10 { margin-bottom: 0.625rem; } .mb-11 { margin-bottom: 0.6875rem; } .mb-12 { margin-bottom: 0.75rem; } .mb-13 { margin-bottom: 0.8125rem; } .mb-14 { margin-bottom: 0.875rem; } .mb-15 { margin-bottom: 0.9375rem; } .mb-16 { margin-bottom: 1rem; } .mb-17 { margin-bottom: 1.0625rem; } .mb-18 { margin-bottom: 1.125rem; } .mb-19 { margin-bottom: 1.1875rem; } .mb-20 { margin-bottom: 1.25rem; } .mb-25 { margin-bottom: 1.5625rem; } .mb-30 { margin-bottom: 1.875rem; } .mb-35 { margin-bottom: 2.1875rem; } .mb-40 { margin-bottom: 2.5rem; } .mb-45 { margin-bottom: 2.8125rem; } .mb-50 { margin-bottom: 3.125rem; } .mb-55 { margin-bottom: 3.4375rem; } .mb-60 { margin-bottom: 3.75rem; } .mb-65 { margin-bottom: 4.0625rem; } .mb-70 { margin-bottom: 4.375rem; } .mb-75 { margin-bottom: 4.6875rem; } .mb-80 { margin-bottom: 5rem; } .mb-85 { margin-bottom: 5.3125rem; } .mb-90 { margin-bottom: 5.625rem; } .mb-95 { margin-bottom: 5.9375rem; } .mb-100 { margin-bottom: 6.25rem; } .mb-105 { margin-bottom: 6.5625rem; } .mb-110 { margin-bottom: 6.875rem; } .mb-115 { margin-bottom: 7.1875rem; } .mb-120 { margin-bottom: 7.5rem; } .mb-125 { margin-bottom: 7.8125rem; } .mb-130 { margin-bottom: 8.125rem; } .mb-135 { margin-bottom: 8.4375rem; } .mb-140 { margin-bottom: 8.75rem; } .mb-145 { margin-bottom: 9.0625rem; } .mb-150 { margin-bottom: 9.375rem; } .mb-155 { margin-bottom: 9.6875rem; } .mb-160 { margin-bottom: 10rem; } .mb-165 { margin-bottom: 10.3125rem; } .mb-170 { margin-bottom: 10.625rem; } .mb-175 { margin-bottom: 10.9375rem; } .mb-180 { margin-bottom: 11.25rem; } .mb-185 { margin-bottom: 11.5625rem; } .mb-190 { margin-bottom: 11.875rem; } .mb-195 { margin-bottom: 12.1875rem; } .mb-200 { margin-bottom: 12.5rem; } .mb-205 { margin-bottom: 12.8125rem; } .mb-210 { margin-bottom: 13.125rem; } .mb-215 { margin-bottom: 13.4375rem; } .mb-220 { margin-bottom: 13.75rem; } .mb-225 { margin-bottom: 14.0625rem; } .mb-230 { margin-bottom: 14.375rem; } .mb-235 { margin-bottom: 14.6875rem; } .mb-240 { margin-bottom: 15rem; } .mb-245 { margin-bottom: 15.3125rem; } .mb-250 { margin-bottom: 15.625rem; } @font-face { font-family: "Onest"; src: url("../assets/fonts/Onest-Regular.woff") format("woff"); font-weight: 400; } @font-face { font-family: "Onest"; src: url("../assets/fonts/Onest-Medium.woff") format("woff"); font-weight: 500; } @font-face { font-family: "Onest"; src: url("../assets/fonts/Onest-Bold.woff") format("woff"); font-weight: 700; } @font-face { font-family: "Onest"; src: url("../assets/fonts/Onest-ExtraBold.woff") format("woff"); font-weight: 800; } html { scroll-behavior: smooth; } a, svg, button { -webkit-transition: 0.3s all; transition: 0.3s all; } input, textarea, button { font-family: inherit; } .z-index--1 { z-index: -1 !important; } .nav a.button.button--gradient--blue { display: block; padding: 16px 36px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 10px; min-width: 176px; font-weight: 600; font-size: 18px; color: #FFFFFF; text-align: center; background-color: #1A1A1A; cursor: pointer; z-index: 1; }.header-top { display: flex; align-items: center !important; } header.header { position: fixed; top: 0px; width: 100%; z-index: 100; background: #fff; } body { padding-top: 103px; } .partners_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media screen and (max-width: 600px) { .partners_list { grid-template-columns: 1fr; } } .partners_list_item { display: flex; align-items: center; justify-content: center; height: 102px; background: white; border-radius: 18px; overflow: hidden; } .partners_list_item a { color: var(--Blue, #0176FE); text-align: center; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 500; line-height: 152%; letter-spacing: 1.8px; text-transform: uppercase; } .partners__wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px; } @media screen and (max-width: 1024px) { .partners__wrapper { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 40px; } } @media screen and (max-width: 768px) { .partners__wrapper { gap: 20px; } .partners-info { gap: 16px; } .partners-info__text { font-size: 16px; line-height: 24px; } } .partners-info { display: grid; gap: 36px; justify-content: space-between; } .partners-info__text { font-size: 20px; line-height: 30px; color: black; font-weight: 400; } .partners-info__tags { font-weight: 400; font-size: 14px; line-height: 100%; background-image: linear-gradient(271.3deg, #0075FF 36.38%, #00DCFF 108.45%); color: transparent; background-clip: text; } /*popup*/ div#contact_form_pop { width: 804px; } .fomblock { display: flex; justify-content: space-between; } .left { width: 320px; } .right { width: 400px; } .fomblock { padding: 40px; } .left { display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: left; } .left > div { width: 100%; }.left_image { color: var(--Blue, #0176FE); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 500; line-height: 152%; letter-spacing: 1.8px; text-transform: uppercase; } .time_label { margin-top: 24px; color: #ADADAD; font-family: "Onest", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 152%; /* 24.32px */ } .time_label_under { color: #0D0D0D; /* p 16 */ font-family: Onest; font-size: 16px; font-style: normal; font-weight: 300; line-height: 152%; /* 24.32px */ } .left_phone { margin-top: 24px; } .left_phone a { color: var(--Blue, #0176FE); font-family: Onest; font-size: 18px; font-style: normal; font-weight: 500; line-height: 152%; /* 27.36px */ } .right_text p { color: #0D0D0D; /* p 16 */ font-family: Onest; font-size: 16px; font-style: normal; font-weight: 300; line-height: 152%; /* 24.32px */ } .right { display: flex; flex-wrap: wrap; align-content: space-between; align-items: stretch; } .right_link a { color: #1A1A1A; font-family: Onest; font-size: 16px; font-style: normal; font-weight: 300; line-height: 152%; /* 24.32px */ text-decoration-line: underline; } .right_link a::before { content: ''; background: url(../img/arrow_popup.svg) no-repeat; width: 16px; height: 16px; margin-right: 4px; padding: 0px 8px; background-position: center; }.left_icons { margin-top: 16px; } .left_icons a { margin-right: 1px; }div#fancybox-content { border-width: 0 !important; border-radius: 16px; } div#fancybox-outer { border-radius: 16px; } a#fancybox-close { top: 0px !important; right: -40px !important; width: 24px; height: 24px; padding: 16px; } a#fancybox-close span { display: none; } a#fancybox-close { background: url(../img/close_lg.svg) no-repeat; width: 56px; height: 56px; background-position: center; right: -56px !important; }div#fancybox-content { height: fit-content; } div#fancybox-wrap { height: auto !important; } @media screen and (min-width:320px) and (max-width:920px){ div#fancybox-wrap { position: fixed; top: initial !important; left: 0px !important; width: 100% !important; bottom: 0px !important; } div#fancybox-outer { border-radius: 16px 16px 0 0px; } .fomblock { padding: 32px; display:flex; flex-wrap: wrap; } .left { width: 100%; } .right { width: 100%; } div#contact_form_pop { width: 100%; } .right { margin-top: 32px; } .right_text { margin-bottom: 24px; } div#fancybox-outer { padding-top: 40px; background: none; box-shadow: none; } a#fancybox-close { right: initial !important; width: 100%; margin-top: -16px; } div#fancybox-content { background: #fff !important; border-radius: 16px 16px 0 0; } } /* popup end */ @media only screen and (max-width: 1200px){ body { padding-top: 60px; } } @media only screen and (max-width: 1200px) { .z-index--1 { z-index: 1 !important; } } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } @media only screen and (max-width: 1200px) { .mob-hidden { visibility: hidden !important; display: none !important; } } .desktop-hidden { display: none; visibility: hidden; } @media only screen and (max-width: 1200px) { .desktop-hidden { display: block; visibility: visible; } } @media only screen and (max-width: 1200px) { .order-m-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 1200px) { .order-m-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media only screen and (max-width: 1200px) { .order-m-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media only screen and (max-width: 1200px) { .order-m-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } @media only screen and (max-width: 1200px) { .order-m-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } @media only screen and (max-width: 1200px) { .order-m-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } } @media only screen and (max-width: 1200px) { .order-m-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } } @media only screen and (max-width: 1200px) { .order-m-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } } @media only screen and (max-width: 1200px) { .order-m-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } } .center { text-align: center; } .centered { margin-left: auto; margin-right: auto; } .text-right { text-align: right; } .background-clip { position: absolute; bottom: -148px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1920px; height: 370px; fill: #F0F0F0; z-index: -1; pointer-events: none; } .background-clip--down { bottom: -570px; right: 0; }.partners_list_item a { display: flex; align-items: center; }.partners_list_item { color: var(--Blue, #0176FE); text-align: center; font-family: Onest; font-size: 18px; font-style: normal; font-weight: 500; line-height: 152%; letter-spacing: 1.8px; text-transform: uppercase; } @media only screen and (max-width: 1200px) { .background-clip--down { top: 223%; right: 0; width: 100%; } } @media only screen and (max-width: 1200px) { .background-clip--down--partners { top: 85%; } } .background-clip--top { top: -130px; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); fill: #1A1A1A; } @media only screen and (max-width: 1200px) { .background-clip--top { top: -174px; width: 100%; } } .hidden { position: absolute; z-index: -1000; } .svg-circle { border: 10px solid green; } body { width: 100vw; } .mb-32 { margin-bottom: 32px; } @media only screen and (max-width: 1200px) { .mbm-1 { margin-bottom: 0.0625rem; } } @media only screen and (max-width: 1200px) { .mbm-2 { margin-bottom: 0.125rem; } } @media only screen and (max-width: 1200px) { .mbm-3 { margin-bottom: 0.1875rem; } } @media only screen and (max-width: 1200px) { .mbm-4 { margin-bottom: 0.25rem; } } @media only screen and (max-width: 1200px) { .mbm-5 { margin-bottom: 0.3125rem; } } @media only screen and (max-width: 1200px) { .mbm-6 { margin-bottom: 0.375rem; } } @media only screen and (max-width: 1200px) { .mbm-7 { margin-bottom: 0.4375rem; } } @media only screen and (max-width: 1200px) { .mbm-8 { margin-bottom: 0.5rem; } } @media only screen and (max-width: 1200px) { .mbm-9 { margin-bottom: 0.5625rem; } } @media only screen and (max-width: 1200px) { .mbm-10 { margin-bottom: 0.625rem; } } @media only screen and (max-width: 1200px) { .mbm-15 { margin-bottom: 0.9375rem; } } @media only screen and (max-width: 1200px) { .mbm-20 { margin-bottom: 1.25rem; } } @media only screen and (max-width: 1200px) { .mbm-25 { margin-bottom: 1.5625rem; } } @media only screen and (max-width: 1200px) { .mbm-30 { margin-bottom: 1.875rem; } } @media only screen and (max-width: 1200px) { .mbm-35 { margin-bottom: 2.1875rem; } } @media only screen and (max-width: 1200px) { .mbm-35 { margin-bottom: 2.1875rem; } } @media only screen and (max-width: 1200px) { .mbm-40 { margin-bottom: 2.5rem; } } @media only screen and (max-width: 1200px) { .mbm-45 { margin-bottom: 2.8125rem; } } @media only screen and (max-width: 1200px) { .mbm-50 { margin-bottom: 3.125rem; } } @media only screen and (max-width: 1200px) { .mbm-55 { margin-bottom: 3.4375rem; } } @media only screen and (max-width: 1200px) { .mbm-60 { margin-bottom: 3.75rem; } } @media only screen and (max-width: 1200px) { .mbm-65 { margin-bottom: 4.0625rem; } } @media only screen and (max-width: 1200px) { .mbm-70 { margin-bottom: 4.375rem; } } @media only screen and (max-width: 1200px) { .mbm-75 { margin-bottom: 4.6875rem; } } @media only screen and (max-width: 1200px) { .mbm-80 { margin-bottom: 5rem; } } @media only screen and (max-width: 1200px) { .mbm-85 { margin-bottom: 5.3125rem; } } @media only screen and (max-width: 1200px) { .mbm-90 { margin-bottom: 5.625rem; } } @media only screen and (max-width: 1200px) { .mbm-95 { margin-bottom: 5.9375rem; } } @media only screen and (max-width: 1200px) { .mbm-100 { margin-bottom: 6.25rem; } } .pt-600 { padding-top: 600px; } .pl-100 { padding-left: 100px; } @media only screen and (max-width: 1200px) { .plm-43 { padding-left: 0px; } } @media only screen and (max-width: 1200px) { .ptm-1 { padding-top: 0.0625rem; } } @media only screen and (max-width: 1200px) { .ptm-2 { padding-top: 0.125rem; } } @media only screen and (max-width: 1200px) { .ptm-3 { padding-top: 0.1875rem; } } @media only screen and (max-width: 1200px) { .ptm-4 { padding-top: 0.25rem; } } @media only screen and (max-width: 1200px) { .ptm-5 { padding-top: 0.3125rem; } } @media only screen and (max-width: 1200px) { .ptm-6 { padding-top: 0.375rem; } } @media only screen and (max-width: 1200px) { .ptm-7 { padding-top: 0.4375rem; } } @media only screen and (max-width: 1200px) { .ptm-8 { padding-top: 0.5rem; } } @media only screen and (max-width: 1200px) { .ptm-9 { padding-top: 0.5625rem; } } @media only screen and (max-width: 1200px) { .ptm-10 { padding-top: 0.625rem; } } @media only screen and (max-width: 1200px) { .ptm-15 { padding-top: 0.9375rem; } } @media only screen and (max-width: 1200px) { .ptm-20 { padding-top: 1.25rem; } } @media only screen and (max-width: 1200px) { .ptm-25 { padding-top: 1.5625rem; } } @media only screen and (max-width: 1200px) { .ptm-30 { padding-top: 1.875rem; } } @media only screen and (max-width: 1200px) { .ptm-35 { padding-top: 2.1875rem; } } @media only screen and (max-width: 1200px) { .ptm-40 { padding-top: 2.5rem; } } @media only screen and (max-width: 1200px) { .ptm-45 { padding-top: 2.8125rem; } } @media only screen and (max-width: 1200px) { .ptm-50 { padding-top: 3.125rem; } } @media only screen and (max-width: 1200px) { .ptm-55 { padding-top: 3.4375rem; } } @media only screen and (max-width: 1200px) { .ptm-60 { padding-top: 3.75rem; } } @media only screen and (max-width: 1200px) { .ptm-65 { padding-top: 4.0625rem; } } @media only screen and (max-width: 1200px) { .ptm-70 { padding-top: 4.375rem; } } @media only screen and (max-width: 1200px) { .ptm-75 { padding-top: 4.6875rem; } } @media only screen and (max-width: 1200px) { .ptm-80 { padding-top: 5rem; } } @media only screen and (max-width: 1200px) { .ptm-85 { padding-top: 5.3125rem; } } @media only screen and (max-width: 1200px) { .ptm-90 { padding-top: 5.625rem; } } @media only screen and (max-width: 1200px) { .ptm-95 { padding-top: 5.9375rem; } } @media only screen and (max-width: 1200px) { .ptm-100 { padding-top: 6.25rem; } } @media only screen and (max-width: 1200px) { .pbm-0 { padding-bottom: 0rem; } } @media only screen and (max-width: 1200px) { .pbm-1 { padding-bottom: 0.0625rem; } } @media only screen and (max-width: 1200px) { .pbm-2 { padding-bottom: 0.125rem; } } @media only screen and (max-width: 1200px) { .pbm-3 { padding-bottom: 0.1875rem; } } @media only screen and (max-width: 1200px) { .pbm-4 { padding-bottom: 0.25rem; } } @media only screen and (max-width: 1200px) { .pbm-5 { padding-bottom: 0.3125rem; } } @media only screen and (max-width: 1200px) { .pbm-6 { padding-bottom: 0.375rem; } } @media only screen and (max-width: 1200px) { .pbm-7 { padding-bottom: 0.4375rem; } } @media only screen and (max-width: 1200px) { .pbm-8 { padding-bottom: 0.5rem; } } @media only screen and (max-width: 1200px) { .pbm-9 { padding-bottom: 0.5625rem; } } @media only screen and (max-width: 1200px) { .pbm-10 { padding-bottom: 0.625rem; } } @media only screen and (max-width: 1200px) { .pbm-15 { padding-bottom: 0.9375rem; } } @media only screen and (max-width: 1200px) { .pbm-20 { padding-bottom: 1.25rem; } } @media only screen and (max-width: 1200px) { .pbm-25 { padding-bottom: 1.5625rem; } } @media only screen and (max-width: 1200px) { .pbm-30 { padding-bottom: 1.875rem; } } @media only screen and (max-width: 1200px) { .pbm-35 { padding-bottom: 2.1875rem; } } @media only screen and (max-width: 1200px) { .pbm-40 { padding-bottom: 2.5rem; } } @media only screen and (max-width: 1200px) { .pbm-45 { padding-bottom: 2.8125rem; } } @media only screen and (max-width: 1200px) { .pbm-50 { padding-bottom: 3.125rem; } } @media only screen and (max-width: 1200px) { .pbm-55 { padding-bottom: 3.4375rem; } } @media only screen and (max-width: 1200px) { .pbm-60 { padding-bottom: 3.75rem; } } @media only screen and (max-width: 1200px) { .pbm-65 { padding-bottom: 4.0625rem; } } @media only screen and (max-width: 1200px) { .pbm-70 { padding-bottom: 4.375rem; } } @media only screen and (max-width: 1200px) { .pbm-75 { padding-bottom: 4.6875rem; } } @media only screen and (max-width: 1200px) { .pbm-80 { padding-bottom: 5rem; } } @media only screen and (max-width: 1200px) { .pbm-85 { padding-bottom: 5.3125rem; } } @media only screen and (max-width: 1200px) { .pbm-90 { padding-bottom: 5.625rem; } } @media only screen and (max-width: 1200px) { .pbm-95 { padding-bottom: 5.9375rem; } } @media only screen and (max-width: 1200px) { .pbm-100 { padding-bottom: 6.25rem; } } @media only screen and (max-width: 1200px) { .pbm-120 { padding-bottom: 7.5rem; } } @media only screen and (max-width: 1200px) { .pbm-160 { padding-bottom: 10rem; } } .body { color: #1A1A1A; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 1.2; font-weight: 400; min-height: 100vh; overflow-x: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: "Onest", sans-serif; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #F8F8F8; } .columns { display: grid; grid-auto-flow: dense; grid-template-rows: minmax(0, 1fr); grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2.25rem 1.875rem; } .columns__col { position: relative; } .columns__col--1 { grid-column: span 1; } .columns__col--2 { grid-column: span 2; } .columns__col--3 { grid-column: span 3; } .columns__col--4 { grid-column: span 4; } .columns__col--5 { grid-column: span 5; } .columns__col--6 { grid-column: span 6; } .columns__col--7 { grid-column: span 7; } .columns__col--8 { grid-column: span 8; } .columns__col--9 { grid-column: span 9; } .columns__col--10 { grid-column: span 10; } .columns__col--11 { grid-column: span 11; } .columns__col--12 { grid-column: span 12; } .columns__row { position: relative; } .columns__row--1 { grid-row: span 1; } .columns__row--2 { grid-row: span 2; } .columns__row--3 { grid-row: span 3; } .columns__row--4 { grid-row: span 4; } .columns__row--5 { grid-row: span 5; } .columns__col--mob { position: relative; } .container { width: 100%; margin-left: auto; margin-right: auto; max-width: 75rem; padding-left: 0.9375rem; padding-right: 0.9375rem; } @media only screen and (max-width: 1200px) { .container { padding: 0 24px; } } .container--full { max-width: 1660px; } @media only screen and (max-width: 1200px) { .container--mob-full { padding: 0 !important; } .container--mob-full .title { padding: 0 24px; } } .editor { display: block; width: 100%; } .editor > :last-child { margin-bottom: 0; } .editor--16 { font-size: 1rem; } .editor--18 { font-size: 1.125rem; } .editor--center { text-align: center; } @media only screen and (max-width: 1200px) { .editor--center { text-align: left; } } .editor h1, .editor h2 { font-weight: 700; line-height: 1.2; margin-bottom: 1em; } .editor h3, .editor h4, .editor h5 { font-weight: 600; line-height: 1.3; margin-bottom: 1em; } .editor h1 { font-size: 3.125rem; } @media only screen and (max-width: 1200px) { .editor h1 { font-size: 2.75rem; } } .editor h2 { font-size: 2.75rem; } @media only screen and (max-width: 1200px) { .editor h2 { font-size: 2.25rem; } } .editor h3 { font-size: 2.25rem; } @media only screen and (max-width: 1200px) { .editor h3 { font-size: 1.5rem; } } .editor h4 { font-size: 1.5rem; } @media only screen and (max-width: 1200px) { .editor h4 { font-size: 1.25rem; } } .editor h5 { font-size: 1.25rem; } @media only screen and (max-width: 1200px) { .editor h5 { font-size: 1rem; } } .editor h6 { font-size: 1rem; } .editor p { margin-bottom: 2rem; } @media only screen and (max-width: 1200px) { .editor p { margin-bottom: 1.875rem; } } .editor ul, .editor ol { margin-bottom: 2rem; } @media only screen and (max-width: 1200px) { .editor ul, .editor ol { margin-bottom: 1.875rem; } } .editor ul > :last-child, .editor ol > :last-child { margin-bottom: 0; } .editor li { margin-bottom: 1rem; padding-left: 1.5625rem; } .editor ul li { position: relative; padding-left: 1.5625rem; } .editor blockquote { font-weight: 300; position: relative; font-size: 1.5rem; margin-bottom: 2rem; padding: 2.0625rem 4.5rem; } @media only screen and (max-width: 1200px) { .editor blockquote { font-weight: 400; font-size: 1.25rem; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-bottom: 1.875rem; padding: 1.875rem 1.875rem 1.875rem 2.625rem; } } .editor blockquote:before { content: ""; top: 2.0625rem; left: 3.125rem; width: 0.125rem; display: block; bottom: 2.0625rem; position: absolute; } @media only screen and (max-width: 1200px) { .editor blockquote:before { left: 1.875rem; top: 1.875rem; bottom: 1.875rem; } } .editor figure { display: block; margin-bottom: 2rem; } @media only screen and (max-width: 1200px) { .editor figure { margin-bottom: 1.875rem; } } .editor picture { width: 100%; height: auto; display: block; } .editor img { width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.25rem; } .editor figcaption { display: block; font-weight: 400; } .editor strong, .editor b { font-weight: 600; } .editor i { font-style: italic; } .main { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-x: clip; } .section { position: relative; } .section--dark { background-color: #1A1A1A; } .section--invert { color: #FFFFFF; } .section--bg { position: relative; overflow: hidden; } .section--blur::after { position: absolute; left: 0; bottom: 0; content: ""; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; background: linear-gradient(181.36deg, rgba(26, 26, 26, 0) 17.46%, #1A1A1A 75.17%, #1A1A1A 98.85%); pointer-events: none; z-index: 2; } .section--animate { margin-top: -550px; z-index: 0; } @media only screen and (max-width: 1200px) { .section--animate { margin: 0; z-index: 1; } } .header { padding: 23px 0 20px; align-items: center !important; } @media only screen and (max-width: 1200px) { .header { padding: 15px 10px; } } .header-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } @media only screen and (max-width: 1200px) { .header-top { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .intro { position: relative; z-index: 1; } .intro__bg { position: absolute; top: 0; bottom: 0; right: 140px; width: 968px; z-index: -1; } .intro__bg img { width: 100%; height: 100%; object-fit: contain; } @media only screen and (max-width: 1200px) { .intro__bg { right: 0; width: 100%; } } @media only screen and (max-width: 768px) { .intro__bg { top: auto; bottom: 120px; } } @media only screen and (max-width: 1200px) { .intro { height: 85dvh; max-height: 756px; padding-top: 50px; } } @media only screen and (max-width: 355px) { .intro { padding-top: 30px; } } .intro--partners .intro-inner__title { font-size: 70px; font-weight: 800; line-height: 100%; } @media only screen and (max-width: 1200px) { .intro--partners .intro-inner__info { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .intro--partners .intro-inner__info .button { margin-left: auto; margin-right: auto; margin-bottom: 60px; } .intro--partners .intro-inner__title { font-size: 40px; text-align: left; margin-top: -50px; } .intro--partners .intro-decor { right: 0; bottom: 0; } } @media only screen and (max-width: 355px) { .intro--partners { padding-top: 0; } .intro--partners .intro-inner__title { font-size: 32px; } } @media only screen and (max-width: 1200px) { .intro .container { height: 100%; } } .intro-inner { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; } @media only screen and (max-width: 1200px) { .intro-inner { height: 100%; } } .intro-inner__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: "Onest", sans-serif; font-size: 40px; font-weight: 700; line-height: 108.5%; color: #FFFFFF; } @media only screen and (max-width: 1200px) { .intro-inner__title { font-size: 24px; text-align: center; } } @media only screen and (max-width: 355px) { .intro-inner__title { margin-bottom: 10px; } } .intro-inner__title-accent { color: #00FFFF; } .intro-inner__description { margin-bottom: 87px; font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 160%; } @media only screen and (max-width: 1200px) { .intro-inner__description { text-align: center; } } @media only screen and (max-width: 768px) { .intro-inner__description { max-width: 230px; } } @media only screen and (max-width: 394px) { .intro-inner__description { font-size: 16px; } } .intro-inner__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 1200px) { .intro-inner__info { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } } @media only screen and (max-width: 1200px) { .intro-inner .button { margin-top: auto; font-size: 16px; } } .intro-decor { position: absolute; right: 0; bottom: -130px; z-index: 0; pointer-events: none; } .intro-decor__img--1 { position: absolute; top: -80px; left: -100px; z-index: 0; } @media only screen and (max-width: 1200px) { .intro-decor__img--1 { top: -50px; left: 0; width: 121px; height: 80px; } } .intro-decor__img--2 { position: relative; z-index: 1; display: block; border-radius: 185px 30px 0px 0px; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 32px 59px rgba(0, 0, 0, 0.12), 0px 32px 32px -8px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 32px 59px rgba(0, 0, 0, 0.12), 0px 32px 32px -8px rgba(0, 0, 0, 0.08); } @media only screen and (max-width: 1200px) { .intro-decor__img--2 { -webkit-box-shadow: none; box-shadow: none; } } .intro-decor__circle { position: absolute; top: 39%; left: -20px; width: 39px; height: 39px; -webkit-transform: rotate(56.147deg); transform: rotate(56.147deg); border-radius: 50%; background: linear-gradient(162deg, #0FF 0%, #0075FF 100%); } @media only screen and (max-width: 1200px) { .intro-decor__circle { top: 4%; left: 40px; } } .intro-decor__circle--big { left: initial; top: 45%; right: -65px; width: 136px; height: 136px; -webkit-transform: none; transform: none; } @media only screen and (max-width: 1200px) { .intro-decor__circle--big { width: 116px; height: 116px; top: -9%; right: -10px; } } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px; } @media only screen and (max-width: 1200px) { .nav:not(.nav--footer) { position: absolute; top: 60px; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 17px; padding: 30px 24px 30px 30px; background-color: #F4F4F4; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 4; opacity: 0; -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear; transition: opacity 0.2s linear, -webkit-transform 0.2s linear; transition: opacity 0.2s linear, transform 0.2s linear; transition: opacity 0.2s linear, transform 0.2s linear, -webkit-transform 0.2s linear; } } .nav.active { left: initial; right: 0; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .nav--footer { margin-top: 16px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px; } @media only screen and (max-width: 1200px) { .nav--footer { margin-top: 0px; row-gap: 14px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .nav--footer .nav__link { font-size: 16px; color: #FFFFFF; } @media only screen and (max-width: 1200px) { .nav--footer .nav__link { font-size: 14px; } } .nav__link { font-size: 14px; color: #1A1A1A; } @media only screen and (max-width: 1200px) { .nav__link { font-weight: 300; font-size: 14px; } } .nav__link:hover { text-decoration: underline; } .nav .button { display: none; } @media only screen and (max-width: 1200px) { .nav .button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 56px; padding: 13px 16px; } } .slider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .slider--intro { position: absolute; right: 9px; top: -23px; margin-right: -10%; max-width: 765px; } .slider-pagination { position: static !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin: 0 auto; min-width: 372px; height: 2px; background-color: #E3E3E3; } .slider-pagination__bullet { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 2px; border-radius: 20px; background-color: transparent; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .slider-pagination__bullet--active { height: 4px; border-radius: 20px; background-color: #00FFFF; } .swiper { height: -webkit-min-content; height: -moz-min-content; height: min-content; } @media only screen and (max-width: 1200px) { .swiper { overflow: visible !important; width: inherit; } } .swiper--full { position: relative; overflow: visible !important; } .swiper--full .swiper-wrapper { max-width: 1170px; } .swiper--full .swiper-slide { opacity: 0; visibility: hidden; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .swiper--full .slider__item--visible { opacity: 1; visibility: visible; } .swiper--full .swiper-slide-next { opacity: 1; visibility: visible; } @media only screen and (max-width: 1200px) { .swiper--full .swiper-slide-next { opacity: 0; visibility: hidden; } } .swiper--full .swiper-slide-prev { opacity: 0; visibility: hidden; } @media only screen and (max-width: 1200px) { .swiper--auto .swiper-slide { max-width: 272px; } } .swiper-pagination { bottom: -50px !important; pointer-events: none; } .swiper-pagination--light .swiper-pagination-bullet { background-color: #FFFFFF; opacity: 1; } .swiper-pagination--light .swiper-pagination-bullet-active { background-color: #0176FE; } @media only screen and (min-width: 1201px) { .swiper--grid { margin: 0; width: 100%; } .swiper--grid .swiper-wrapper { display: grid; grid-template-columns: repeat(3, minmax(300px, 1fr)); gap: 30px; } } .swiper-tooltip { position: absolute; top: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 4; pointer-events: none; } .swiper-tooltip--mobile { top: initial; bottom: -60px; -webkit-transform: none; transform: none; } .swiper-tooltip--mobile .button-slider { right: 0; } .swiper-tooltip--mobile .button-slider--prev { left: 0; } .swiper-slide { max-width: 100%; } .swiper-slide--auto { height: auto !important; } .swiper-slide, swiper-slide { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; height: auto !important; } .swiper-slide.swiper-slide--mob-hidden { grid-column: span 2; } @media only screen and (max-width: 1200px) { .swiper-slide.swiper-slide--mob-hidden { display: none !important; } } .swiper-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: -webkit-min-content; width: -moz-min-content; width: min-content; margin: 43px 106px 0 auto; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .swiper-pagination-count { min-width: 30px; font-weight: 400; font-size: 22px; line-height: 1; color: #B5B5B5; text-align: center; } .slider__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 15px; height: 15px; fill: #FFFFFF; } .logo { font-weight: 800; font-size: 30px; line-height: 27px; color: #1A1A1A; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .logo:hover { opacity: 0.7; } .title { position: relative; font-size: 42px; font-weight: 700; line-height: 108.5%; z-index: 2; } @media only screen and (max-width: 1200px) { .title { font-size: 26px; } } .title span { font-weight: 700; background: linear-gradient(100.21deg, #00FFFF -19.34%, #0075FF 82.01%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .feedback { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 65px 100px 63px; background-color: #FFFFFF; border-radius: 32px; z-index: 2; } @media only screen and (max-width: 1200px) { .feedback { border-radius: 10px; padding: 24px 28px; } } @media only screen and (max-width: 1200px) { .feedback .button { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .feedback__title { margin-bottom: 88px; font-weight: 700; font-size: 32px; line-height: 35px; text-align: center; color: #1A1A1A; } @media only screen and (max-width: 1200px) { .feedback__title { font-size: 24px; } } .feedback__title--row { margin-bottom: 53px; } @media only screen and (max-width: 1200px) { .feedback__title--row { margin-bottom: 16px; } } .form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; row-gap: 42px; } @media only screen and (max-width: 1200px) { .form { gap: 17px; } } .form--modal { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .form--modal .form__wrapper { width: 100%; } .form--footer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 38px; -moz-column-gap: 38px; column-gap: 38px; } @media only screen and (max-width: 1200px) { .form--footer { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .form__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } @media only screen and (max-width: 1200px) { .form__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .form__item { width: 270px; } @media only screen and (max-width: 1200px) { .form__item { width: 100%; } } .form__item:last-child { width: 370px; } @media only screen and (max-width: 1200px) { .form__item:last-child { width: 100%; } } .form__item--area { width: 100%; height: 260px; } .form__item--area textarea { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px; height: 100%; border-radius: 10px; border: 2px solid #000; background: #EFEFEF; } .form__text { font-weight: 500; color: #FFFFFF; } .form__desc { max-width: 470px; font-weight: 400; font-size: 12px; line-height: 15px; color: #ADADAD; } .form__desc--link { text-decoration: underline; } @media only screen and (max-width: 1200px) { .form__desc { max-width: 100%; margin-bottom: 18px; font-size: 11px; } } .vacancy__body { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1200px) { .vacancy__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .vacancy__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; row-gap: 50px; max-width: 420px; } @media only screen and (max-width: 1200px) { .vacancy__info { text-align: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .vacancy__info button { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 200px; } .vacancy__decor { position: absolute; bottom: 30px; left: 23.5%; -webkit-transform: rotate(12deg); transform: rotate(12deg); z-index: 0; pointer-events: none; } @media only screen and (max-width: 1200px) { .vacancy__decor { display: none; } } .vacancy__picture { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: -10%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 520px; } @media only screen and (max-width: 1200px) { .vacancy__picture { margin: 0; height: auto; } } .vacancy__text { font-size: 16px; font-weight: 300; line-height: 24px; } .faq { display: flex; flex-direction: column; align-items: center; } .faq__header { margin-bottom: 48px; text-align: center; } @media only screen and (max-width: 1200px) { .faq__header { margin-bottom: 28px; } } .faq__description { font-size: 16px; font-weight: 400; line-height: 1.5; color: rgba(26, 26, 26, 0.5); margin-top: 8px; } .faq__wrapper { display: flex; flex-direction: column; width: 100%; max-width: 800px; } .faq__item { display: flex; flex-direction: column; border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; transition: 0.2s ease; } .faq__item:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .faq__item:hover .faq__title { color: #0176FE; } .faq__item--active { cursor: auto; } .faq__item--active .faq__content { height: auto; padding: 0 40px 22px 0; opacity: 1; visibility: visible; } .faq__item--active .faq__icon { transform: rotate(-45deg); color: #0176FE; opacity: 1; } .faq__item--active .faq__title { color: #0176FE; } .faq__title { font-size: 15px; font-weight: 500; line-height: 1.4; color: #1A1A1A; transition: color 0.2s ease; } @media only screen and (max-width: 768px) { .faq__title { font-size: 14px; } } .faq__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; } .faq__content { height: 0; opacity: 0; visibility: hidden; padding: 0; transition: opacity 0.25s ease, padding 0.25s ease; } .faq__text { font-size: 14px; font-weight: 400; line-height: 1.65; color: rgba(26, 26, 26, 0.55); } .faq__icon { display: flex; flex-shrink: 0; width: 20px; height: 20px; opacity: 0.35; cursor: pointer; transition: transform 0.2s ease, opacity 0.2s ease, color 0.2s ease; } .social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .social__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 26px; height: 26px; } .address { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; row-gap: 14px; } @media only screen and (max-width: 1200px) { .address { margin-bottom: 24px; } } .address__text { font-size: 16px; line-height: 20.5px; } .address__text--phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; -webkit-column-gap: 14px; -moz-column-gap: 14px; column-gap: 14px; font-weight: 500; cursor: pointer; } .address__text--phone:hover { opacity: 0.7; } .address__text--phone::before { content: "·"; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 32px; color: #2BE2A0; } .feature-list { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 1200px) { .feature-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 60px; } } .feature-list__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: start; text-align: center; } @media only screen and (max-width: 1200px) { .feature-list__item { max-width: 270px; } } .feature-list__picture { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 42px; width: 70px; height: 70px; background-color: #1A1A1A; border-radius: 50%; } .feature-list__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 24px; fill: #FFFFFF; } .feature-list__title { margin-bottom: 14px; font-weight: 600; font-size: 20px; line-height: 30px; color: #1A1A1A; } .feature-list__text { text-align: center; font-size: 16px; line-height: 24px; color: #1A1A1A; } .about { display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr)); grid-auto-flow: dense; gap: 30px; } @media only screen and (max-width: 1200px) { .about { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .about__item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 320px; background-color: #00FFFF; grid-column: span 1; grid-row: span 1; border-radius: 15px; padding: 20px 30px 0; overflow: hidden; } @media only screen and (max-width: 1200px) { .about__item { padding: 30px; } .about__item:nth-child(1) .about__picture:not(.about__picture--phone) { width: 250px; } } .about__item:nth-child(1) { background-color: rgba(33, 169, 255, 0.3); } .about__item:nth-child(2) { background-color: #AEECFA; } .about__item:nth-child(3) { background-color: #D6F4FA; } .about__item:nth-child(4) { background-color: #AEECFA; } .about__item:nth-child(5) { background-color: #B8E0FA; } .about__item:nth-child(6) { background-color: #D6F4FA; } .about__item--static { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: static; } @media only screen and (max-width: 1200px) { .about__item--static { position: relative; } } .about__item--big { grid-column: span 2; } .about__item--full { grid-column: span 3; } @media only screen and (max-width: 1200px) { .about__item--full { height: 270px; } } .about__col { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 1200px) { .about__col { position: static; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } } .about__col .about__picture { bottom: -2px; } @media only screen and (max-width: 1200px) { .about__col .about__picture { bottom: 0; } } .about__picture { position: absolute; bottom: 0; left: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 1200px) { .about__picture { left: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: none; transform: none; } } .about__picture--phone { position: static; -webkit-transform: none; transform: none; height: 100%; } @media only screen and (max-width: 1200px) { .about__picture--phone { position: absolute; bottom: -17%; right: 0; width: 100%; height: 238px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .about__title { font-size: 24px; font-weight: 700; line-height: 152%; } @media only screen and (max-width: 1200px) { .about__title { font-size: 20px; } .about__title br { display: none; } } .about__text { font-size: 16px; font-weight: 300; line-height: 152%; } @media only screen and (max-width: 1200px) { .about__text { font-size: 14px; } .about__text br { display: none; } } .get-consultation { display: flex; justify-content: center; } .get-consultation a { width: fit-cintent; } .stats { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 40px; background-color: #fff; background-image: url("../assets/images/stats-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 15px; overflow: hidden; } @media only screen and (max-width: 1200px) { .stats { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 24px; padding-bottom: 110px; border-radius: 0; } } @media only screen and (max-width: 400px) { .stats { padding-left: 12px; padding-right: 12px; } } .stats::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, 0.7); z-index: 0; pointer-events: none; } .stats__grid { display: grid; grid-template-columns: repeat(2, 270px); gap: 40px; } @media only screen and (max-width: 1200px) { .stats__grid { grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; z-index: 0; } } .stats__item { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px; } @media only screen and (max-width: 1200px) { .stats__item { padding: 20px 12px; } } .stats__item::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border-radius: 15px; background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(11px); backdrop-filter: blur(11px); z-index: 0; } .stats__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 30px; height: 30px; margin-bottom: 20px; fill: #FFFFFF; z-index: 1; } .stats__title { color: #00E1E1; font-size: 40px; font-weight: 700; line-height: 120%; /* 48px */ z-index: 1; } @media only screen and (max-width: 1200px) { .stats__title { font-size: 20px; } } .stats__text { font-size: 16px; font-weight: 500; line-height: 152%; color: #FFFFFF; z-index: 1; } @media only screen and (max-width: 1200px) { .stats__text { font-size: 14px; } } .stats__picture { position: absolute; bottom: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1200px) { .stats__picture { left: 15px; right: initial; width: 298px; } } .rating { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 24px 16px; max-width: 175px; z-index: 1; } @media only screen and (max-width: 1200px) { .rating { padding: 22px 11px; max-width: 160px; } } .rating::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border-radius: 15px; background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(11px); backdrop-filter: blur(11px); z-index: 0; } .rating__info { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; z-index: 1; } @media only screen and (max-width: 1200px) { .rating__info { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .rating__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 48px; height: 48px; fill: #FFCC16; } .rating__text { font-size: 16px; font-weight: 500; line-height: 152%; /* 24.32px */ color: #FFFFFF; text-align: right; z-index: 1; } .rating__number { font-size: 48px; font-weight: 500; line-height: 140%; /* 67.2px */ color: #FFFFFF; } @media only screen and (max-width: 1200px) { .rating__number { font-size: 28px; } } .data { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .data__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px; border-radius: 15px; background: #FFF; overflow: hidden; width: 100%; } @media only screen and (max-width: 1200px) { .data__item { padding: 15px 30px 15px 15px; } } .data__title { margin-bottom: 27px; color: #1A1A1A; font-size: 18px; font-weight: 500; line-height: 152%; /* 27.36px */ } @media only screen and (max-width: 1200px) { .data__title { font-size: 16px; } } @media only screen and (max-width: 1200px) { .data__text { font-size: 14px; } } .data__text--after { position: absolute; right: 12px; bottom: 34px; } @media only screen and (max-width: 1200px) { .data__text--after { right: 4px; } } .data__total { color: #0176FE; font-size: 24px; font-weight: 700; line-height: 120%; /* 28.8px */ } .data__graph { position: relative; margin-top: auto; } .data__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .features { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 20px; } .features__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column: span 1; padding: 40px; background-color: #FFFFFF; border-radius: 15px; } @media only screen and (max-width: 1200px) { .features__item { padding: 30px; } } .features__item--big { position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column: span 2; max-height: 372px; width: 100%; overflow: hidden; } .features__item--mobile { display: none; } @media only screen and (max-width: 1200px) { .features__item--mobile { position: relative; display: flex; align-items: center; padding: 0; overflow: hidden; height: 200px; z-index: 1; } .features__item--mobile .features__picture { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .features__item--mobile .features__picture img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } } .features__title { margin-bottom: 11px; color: #0176FE; font-size: 18px; font-weight: 500; line-height: 152%; /* 27.36px */ } @media only screen and (max-width: 1200px) { .features__title { font-size: 16px; } } .features__text { color: #1A1A1A; font-size: 16px; font-weight: 300; line-height: 152%; } @media only screen and (max-width: 1200px) { .features__text { font-size: 14px; } } .features__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 24px; width: 60px; height: 60px; } .features__picture { position: absolute; top: 0; bottom: 0; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .tg-channel { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 20px auto; padding: 24px 32px; background-color: #f9f9f9; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .tg-channel__text { max-width: 60%; } .tg-channel__text--title { font-size: 24px; font-weight: bold; margin-bottom: 10px; } .tg-channel__text--subtitle { font-size: 16px; color: #666; } .tg-channel__image { position: absolute; right: 200px; top: -25px; width: 200px; height: auto; } .tg-channel__button { padding: 10px 20px; background: linear-gradient(0.39turn, rgba(0, 230, 245, 1) 0%, rgba(0, 255, 240, 1) 100%); color: #000; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: 500; } .tg-channel__button:hover { background: linear-gradient(0.39turn, rgb(0, 200, 214) 0%, rgb(0, 236, 221) 100%); } @media (max-width: 868px) { .tg-channel__image { right: 150px; } } @media (max-width: 768px) { .tg-channel { flex-direction: column; text-align: left; align-items: flex-start; } .tg-channel__text { max-width: 100%; margin-bottom: 20px; } .tg-channel__image { width: 130px; top: auto; bottom: 10px; right: 20px; } } .partner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } @media only screen and (max-width: 1200px) { .partner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 50px; } } .partner__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; row-gap: 34px; } @media only screen and (max-width: 1200px) { .partner__info { width: 100%; } } .partner__text { max-width: 470px; font-size: 16px; font-weight: 300; line-height: 152%; color: #1A1A1A; } @media only screen and (max-width: 1200px) { .partner__text { max-width: 100%; } } .partner__picture { position: relative; } .partner__picture::before { position: absolute; top: -63px; left: -68px; content: ""; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 265px; height: 142px; background-image: url("../assets/images/icon-cloud-1.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); z-index: -1; } @media only screen and (max-width: 1200px) { .partner__picture::before { top: -36px; left: 0; width: 150px; height: 81px; } } .partner__picture::after { position: absolute; bottom: 19px; right: -42px; content: ""; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 291px; height: 147px; background-image: url("../assets/images/icon-cloud-2.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } @media only screen and (max-width: 1200px) { .partner__picture::after { bottom: 10px; right: 0; width: 165px; height: 83px; } } .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: rgba(15, 15, 15, 0.8); opacity: 0; visibility: hidden; z-index: 5; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .modal.active { opacity: 1; visibility: visible; } .modal__container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 70px 100px; border-radius: 15px; background: #D9D9D9; } @media only screen and (max-width: 1200px) { .modal__container { padding: 50px 30px 30px; } } .modal__title { margin-bottom: 33px; color: #1A1A1A; font-size: 30px; font-weight: 500; line-height: 108.5%; } .modal__close { position: absolute; top: 30px; right: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -webkit-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; } @media only screen and (max-width: 1200px) { .modal__close { top: 10px; right: 10px; } } .footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 55px 0 20px; background-color: #1A1A1A; color: #FFFFFF; z-index: 1; } .footer-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px; } @media only screen and (max-width: 1200px) { .footer-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .footer-header__logos { display: flex; gap: 32px } .footer-header__logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 25px; height: 48px; } .footer-header__logo-skolkovo { height: 48px; } .footer-header__nav-with-socials{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 32px; } .socials-footer{ display:flex; flex-direction:row; gap: 12px; } @media only screen and (max-width: 1200px) { .footer-header__meta { margin-bottom: 40px; } .footer-header__nav-with-socials{ align-items: flex-start; } } .footer-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; row-gap: 22px; } .footer-footer__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media only screen and (max-width: 1200px) { .footer-footer__wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .terms-list { display: flex; align-items: center; gap: 18px; } @media only screen and (max-width: 1200px) { .terms-list { flex-direction: column; align-items: flex-start; gap: 14px; } } .terms-list__item { opacity: 0.6; } @media only screen and (max-width: 1200px) { .terms-list__item { font-size: 14px; } } .button { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 22px 42px; border-radius: 10px; min-width: 200px; font-weight: 600; font-size: 18px; color: #FFFFFF; text-align: center; background-color: #1A1A1A; cursor: pointer; z-index: 1; } @media only screen and (max-width: 1200px) { .button { padding: 14px 45px; } } .button:hover { opacity: 0.7; } .button--small { padding: 18px 34px; font-weight: 500; font-size: 16px; } .button--primary { color: #1A1A1A; background-color: #00FFFF; } .button--primary--animate:hover { opacity: 1; } .button--primary--animate:hover::before { -webkit-animation: skewRotate 3s infinite alternate linear; animation: skewRotate 3s infinite alternate linear; opacity: 0.8; } .button--primary--animate::before { position: absolute; top: 0; left: 0; content: ""; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; background: #00FFFF; mix-blend-mode: screen; opacity: 0.45; -webkit-filter: blur(27.5px); filter: blur(27.5px); border-radius: 10px; z-index: -1; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .button--small-gray { padding: 11px 31px; font-size: 16px; font-weight: 600; color: #FFF; border-radius: 10px; background: #838383; } .button--gradient--blue { background: linear-gradient(162deg, #0FF 0%, #0075FF 100%); } .button-slider { position: absolute; top: 0; right: -70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; background-color: #0176FE; border-radius: 50%; cursor: pointer; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; pointer-events: all; } @media only screen and (max-width: 1200px) { .button-slider { right: -16px; } } .button-slider:hover { opacity: 0.7; } .button-slider--prev { position: absolute; top: 0; right: initial; left: -70px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @media only screen and (max-width: 1200px) { .button-slider--prev { left: -16px; } } .slider__button--disabled { background-color: #EEEEEE; pointer-events: none; } .slider__button--disabled:hover { opacity: 1; } .slider__button--disabled .slider__icon { fill: #1A1A1A; } @-webkit-keyframes skewRotate { from { -webkit-transform: skew(0, 0) rotate(0deg); transform: skew(0, 0) rotate(0deg); } 25% { -webkit-transform: skew(20deg, -5deg) rotate(-3deg); transform: skew(20deg, -5deg) rotate(-3deg); } 75% { -webkit-transform: skew(-20deg, 5deg); transform: skew(-20deg, 5deg); } to { -webkit-transform: skew(0deg, 0deg) rotate(3deg); transform: skew(0deg, 0deg) rotate(3deg); } } @keyframes skewRotate { from { -webkit-transform: skew(0, 0) rotate(0deg); transform: skew(0, 0) rotate(0deg); } 25% { -webkit-transform: skew(20deg, -5deg) rotate(-3deg); transform: skew(20deg, -5deg) rotate(-3deg); } 75% { -webkit-transform: skew(-20deg, 5deg); transform: skew(-20deg, 5deg); } to { -webkit-transform: skew(0deg, 0deg) rotate(3deg); transform: skew(0deg, 0deg) rotate(3deg); } } .circle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 27px; height: 27px; border-radius: 50%; background-color: transparent; border: 2px solid #21A9FF; } .circle::before { content: ""; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 15px; height: 15px; border-radius: 50px; background-color: #21A9FF; } .circle--lighten { border-color: #01D1FF; } .circle--lighten::before { background-color: #01D1FF; } .circle--light { border-color: #87E9FF; } .circle--light::before { background-color: #87E9FF; } .tooltip { position: absolute; top: 50%; left: 103%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 140px; padding: 10px 11px; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; font-size: 13px; line-height: 20px; border: 1px solid #F1F1F1; background-color: #FFFFFF; border-radius: 4px; -webkit-filter: drop-shadow(0px 4px 4px rgba(51, 51, 51, 0.04)) drop-shadow(0px 4px 16px rgba(51, 51, 51, 0.08)); filter: drop-shadow(0px 4px 4px rgba(51, 51, 51, 0.04)) drop-shadow(0px 4px 16px rgba(51, 51, 51, 0.08)); -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .tooltip::before { content: ""; position: absolute; left: -12px; top: 50%; margin-left: 0; border: 5px solid transparent; border-right: 7px solid #FFFFFF; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tooltip__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 24px; } .burger { position: relative; display: none; width: 16px; height: 12px; } @media only screen and (max-width: 1200px) { .burger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .burger.active .burger__item { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .burger.active::before { top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .burger.active::after { top: 5px; width: 16px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .burger::before, .burger::after { content: ""; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 16px; height: 2px; background-color: #000; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .burger::before { top: 0; left: 0; } .burger::after { top: 10px; right: 0; width: 9px; } .burger__item { position: absolute; top: 5px; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 16px; height: 2px; background-color: #000; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .show-more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; font-weight: 500; font-size: 14px; line-height: 17px; color: #C5C5C5; } .show-more:hover { opacity: 0.7; } .show-more__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 24px; } .input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; padding: 13px 0 9px; border-bottom: 2px solid #000000; color: #1A1A1A; } @media only screen and (max-width: 1200px) { .input { font-size: 16px; border-color: #EDEDED; } } .input::-webkit-input-placeholder { font-weight: 500; font-size: 18px; line-height: 22px; color: #ADADAD; } .input::-moz-placeholder { font-weight: 500; font-size: 18px; line-height: 22px; color: #ADADAD; } .input:-ms-input-placeholder { font-weight: 500; font-size: 18px; line-height: 22px; color: #ADADAD; } .input::-ms-input-placeholder { font-weight: 500; font-size: 18px; line-height: 22px; color: #ADADAD; } .input::placeholder { font-weight: 500; font-size: 18px; line-height: 22px; color: #ADADAD; } .input--gray { width: 278px; padding: 10px 20px; border-radius: 10px; border: 1px solid #555; background: #393939; } .input--gray::-webkit-input-placeholder { color: #828282; font-weight: 400; font-size: 14px; } .input--gray::-moz-placeholder { color: #828282; font-weight: 400; font-size: 14px; } .input--gray:-ms-input-placeholder { color: #828282; font-weight: 400; font-size: 14px; } .input--gray::-ms-input-placeholder { color: #828282; font-weight: 400; font-size: 14px; } .input--gray::placeholder { color: #828282; font-weight: 400; font-size: 14px; } .icon-bg { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; bottom: -51%; right: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; z-index: -1; fill: #F0F0F0; } .icon-bg--dark { top: -100%; left: 0; bottom: initial; height: 100%; fill: #191919; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); } .decor-line { position: absolute; top: 50%; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; pointer-events: none; } @media only screen and (max-width: 1200px) { .decor-line { display: none; } } .decor-line--left { left: 0; } .sponsor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 14px; -moz-column-gap: 14px; column-gap: 14px; font-size: 16px; font-weight: 500; color: #333333; } @media only screen and (max-width: 1200px) { .sponsor { margin-top: 40px; } } .d-circle { position: absolute; width: 18%; height: 349px; -webkit-transform: rotate(-124.492deg); transform: rotate(-124.492deg); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 349.001px; pointer-events: none; z-index: 0; } .d-circle--blue { background: var(--unnamed, linear-gradient(162deg, #0FF 0%, #0075FF 100%)); -webkit-filter: blur(125px); filter: blur(125px); } .d-circle--green { background: var(--unnamed, linear-gradient(132deg, #02E88D 0%, #84E3E9 100%)); -webkit-filter: blur(100px); filter: blur(100px); } .d-circle:nth-child(1) { top: 80px; left: 300px; } @media only screen and (max-width: 1200px) { .d-circle:nth-child(1) { top: 418px; left: 253px; } } .d-circle:nth-child(2) { left: 20px; bottom: 190px; } @media only screen and (max-width: 1200px) { .d-circle:nth-child(2) { left: 20px; bottom: 80px; } } .d-circle:nth-child(3) { right: 150px; bottom: 450px; } @media only screen and (max-width: 1200px) { .d-circle:nth-child(3) { right: 150px; bottom: -400px; } } .d-circle:nth-child(4) { right: 70px; bottom: 230px; } @media only screen and (max-width: 1200px) { .d-circle:nth-child(4) { right: 70px; bottom: 170px; } } .d-circle:nth-child(5) { left: 880px; bottom: 420px; } .decor--partners .d-circle:nth-child(1) { top: 80px; left: 300px; } @media only screen and (max-width: 1200px) { .decor--partners .d-circle:nth-child(1) { top: 512px; } } .decor--partners .d-circle:nth-child(2) { left: 20px; bottom: -118px; } @media only screen and (max-width: 1200px) { .decor--partners .d-circle:nth-child(2) { bottom: -36px; } } .decor--partners .d-circle:nth-child(3) { right: 150px; bottom: 0; } @media only screen and (max-width: 1200px) { .decor--partners .d-circle:nth-child(3) { right: 371px; bottom: 309px; } } .decor--partners .d-circle:nth-child(4) { right: 70px; bottom: -300px; } @media only screen and (max-width: 1200px) { .decor--partners .d-circle:nth-child(4) { right: 70px; bottom: 217px; } } .decor--partners .d-circle:nth-child(5) { left: 880px; bottom: -163px; } @media only screen and (max-width: 1200px) { .decor--partners .d-circle:nth-child(5) { left: 100px; bottom: 300px; } } .article-title { display: inline-block; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; font-weight: 600; font-size: 18px; line-height: 27px; color: #1A1A1A; } .article-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; width: 100%; } .article-stats__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px 30px 30px; width: 100%; max-width: 270px; height: 193px; background: #F5F6FA; border-radius: 15px; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .article-stats__item:hover { background: #FFFFFF; -webkit-box-shadow: 0px 32px 32px -8px rgba(0, 0, 0, 0.08); box-shadow: 0px 32px 32px -8px rgba(0, 0, 0, 0.08); } .article-stats__item:hover .article-stats__icon .main { fill: #00FFFF; } .article-stats__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 20px; width: 30px; height: 30px; } .article-stats__icon .main { fill: #1A1A1A; -webkit-transition: 0.2s linear; transition: 0.2s linear; } .article-stats__title { font-weight: 800; font-size: 36px; line-height: 43px; color: #00FFFF; } .article-stats__text { font-weight: 300; font-size: 16px; line-height: 19px; } .article-rating { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .article-rating--call { background-image: url("../assets/images/icon-phone.svg"); background-repeat: no-repeat; background-position: bottom right; } .article-rating--app .article-rating__info { margin-left: auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .article-rating__picture { position: absolute; top: -52px; left: -41px; height: 244px; } .article-rating__text { margin-bottom: 14px; font-size: 18px; line-height: 27px; color: #BDBDBD; } .article-connect { position: relative; height: 100%; width: 100%; overflow: hidden; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .article-connect__title { position: relative; font-weight: 800; font-size: 172.466px; line-height: 88.5%; z-index: 1; color: rgba(255, 255, 255, 0.5); } .article-connect__title span { color: #00FFFF; } .article-connect__box { position: absolute; left: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: auto; width: 100%; height: 77%; background: #00FFFF; border-radius: 18px; z-index: 0; } .article-connect__picture { position: absolute; top: -28px; right: -1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; z-index: 1; } .article-connect__button { position: absolute; bottom: 42px; left: 41px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; padding-right: 15px; font-weight: 300; font-size: 16px; color: #FFFFFF; border-radius: 50px; background-color: #171E28; z-index: 2; cursor: pointer; } .article-connect__button:hover { opacity: 0.7; } .article-connect__circle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 13px; border-radius: 50%; background-color: #2C3443; } .article-connect__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25px; height: 25px; fill: #FFFFFF; } .article-reviews { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 40px 33px 50px; background-color: #FFFFFF; border-radius: 15px; height: 100%; } @media only screen and (max-width: 1200px) { .article-reviews { padding: 30px; height: auto; } } .article-reviews__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 30px; width: 100%; } @media only screen and (max-width: 1200px) { .article-reviews__header { margin-bottom: 18px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .article-reviews__profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article-reviews__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .article-reviews__name { display: inline-block; margin-bottom: 14px; font-size: 18px; font-weight: 500; line-height: 22px; color: #0176FE; } @media only screen and (max-width: 1200px) { .article-reviews__name { margin-bottom: 0; font-size: 16px; } } .article-reviews__company { font-size: 16px; font-weight: 500; line-height: 22px; color: #C5C5C5; } @media only screen and (max-width: 1200px) { .article-reviews__company { font-size: 14px; } } .article-reviews__avatar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 1200px) { .article-reviews__avatar { width: 44px; height: 44px; } } .article-reviews__avatar img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .article-reviews__video { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 27px; height: 170px; cursor: pointer; border-radius: 15px; overflow: hidden; } .article-reviews__video img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .article-reviews__video::before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: rgba(49, 49, 49, 0.5); z-index: 0; } .article-reviews__video::after { position: absolute; top: 50%; left: 50%; content: ""; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 63px; height: 63px; background-image: url("../assets/images/icon-play.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; } .article-reviews__logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 135px; height: 52px; } @media only screen and (max-width: 1200px) { .article-reviews__logo { margin-bottom: 10px; width: 93px; height: 36px; } } .article-reviews__text { font-size: 16px; font-weight: 300; line-height: 152%; color: #1E1E1E; } @media only screen and (max-width: 1200px) { .article-reviews__text { font-size: 14px; } } /*!***************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper.css ***! \***************************************************************************************************************************************************************************************************************************/ /** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ /* FONT_START */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide, swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -ms-scroll-snap-type: none; scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-centered > .swiper-wrapper::before { content: ""; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper-bundle.css ***! \**********************************************************************************************************************************************************************************************************************************/ /** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ /* FONT_START */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide, swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { -ms-scroll-snap-type: none; scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-centered > .swiper-wrapper::before { content: ""; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; /*ADD_HOST*/ } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; -ms-touch-action: none; touch-action: none; } /* a11y */ .swiper .swiper-notification, swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transition-property: opacity, height, -webkit-transform; transition-property: opacity, height, -webkit-transform; transition-property: transform, opacity, height; transition-property: transform, opacity, height, -webkit-transform; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .data__item--invert .data__total { text-align: right; } .data__item--invert .data__icon { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .data__item--invert .data__text--after { left: 0; right: initial; } .data__item--invert .data__text { text-align: right; } .mt__-20{ bottom:60px !important } .scaled{ transform: scale(1.3); } /* Integrations */ .integrations { } .integrations__title { font-size: 32px; line-height: 100%; color: black; font-weight: 600; } .integrations-list { margin-top: 45px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } @media screen and (max-width: 768px) { .integrations-list { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .integrations-list__item { display: flex; align-items: center; justify-content: center; height: 102px; background: white; border-radius: 18px; } .map { position: relative; } .map__grad { position: absolute; left: calc(50% - 730px); top: -120px; width: 1460px; height: 365px; } .map__grad img { width: 100%; } .map__title { position: absolute; top: 50px; left: 0px; display: flex; flex-direction: column; gap: 8px; } .map__title h2 { font-size: 32px; line-height: 100%; color: black; font-weight: 500; } .map__title h3 { font-size: 16px; line-height: 32px; color: black; font-weight: 500; } .map__wrapper img { width: 100%; object-fit: cover; } @media screen and (max-width: 768px) { .map__title { position: relative; top: 0px; } .map__title h2 { font-size: 24px; } .map__title h3 { font-size: 14px; line-height: 24px; } } /* Help restaurants */ #help-restaurants { width: 100%; position: relative; overflow: hidden; background-color: #191919; } #help-restaurants:before { content: ""; position: absolute; background-image: linear-gradient(to bottom,rgba(25,25,25,0.25),rgba(25,25,25,0.25)); inset: 0; z-index: 1; } .help-restaurants__background { position: absolute; display: block; width: 100%; height: 100vh; top: -250px; left: 0; background-size: cover; background-position: center bottom; background-image: url("https://goulash.tech/wp-content/uploads/2026/03/background.svg"); transform: translateZ(0); will-change: transform; pointer-events: none; } .container { max-width: 1171px; margin: 0 auto; padding: 0 16px; } .help-restaurants__content { padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 1; } .help-restaurants__header { display: flex; flex-direction: column; gap: 20px; } .help-restaurants__header h2 { margin: 0; max-width: 780px; font-size: 32px; line-height: 42px; font-weight: 700; color: white; } .help-restaurants__header p { margin: 0; max-width: 560px; font-size: 16px; line-height: 21px; font-weight: 300; color: white; } .help-restaurants-cards { margin-top: 50px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 40px; } .help-restaurants-cards__card { background: white; border-radius: 15px; padding: 24px 0 0 0; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; } .help-restaurants-cards__card:first-child { grid-column: span 2 / span 2; } .help-restaurants-cards__card:first-child img { margin-left: auto; height: 247px; } .help-restaurants-cards__card:last-child { grid-column: span 3 / span 3; } .help-restaurants-cards__card:last-child img:first-child { height: 237px; } .help-restaurants-cards__card:last-child img:last-child { position: absolute; bottom: 0; right: 32px; height: 262px; } .help-restaurants-cards__card .help-restaurants-cards__card__image { display: flex; justify-content: center; align-items: flex-end; } .help-restaurants-cards__card h3 { margin: 0 24px 0 24px; max-width: 536px; font-size: 24px; line-height: 31px; font-weight: 700; color: #191919; } .help-restaurants-cards__card p { margin: 12px 24px 0 24px; max-width: 599px; font-size: 16px; line-height: 21px; font-weight: 300; color: #191919; } @media screen and (max-width: 1200px) { .help-restaurants-cards { gap: 20px; } } @media screen and (max-width: 1000px) { .help-restaurants-cards__card:last-child img:last-child { right: 0; } } @media screen and (max-width: 768px) { .help-restaurants-cards { grid-template-columns: repeat(1, minmax(0, 1fr)); } .help-restaurants-cards__card:first-child { grid-column: span 1 / span 1; } .help-restaurants-cards__card:last-child { grid-column: span 1 / span 1; } .help-restaurants__header h2 { font-size: 28px; } } @media screen and (max-width: 480px) { .help-restaurants-cards__card:first-child img { height: auto; max-width: 90%; object-fit: contain; } .help-restaurants-cards__card:last-child img:first-child { max-width: 80%; height: auto; object-fit: contain; } .help-restaurants-cards__card:last-child img:last-child { height: auto; width: 43%; object-fit: contain; right: 60px; } } /* ============================================================ Forms (CF7) ============================================================ */ .wpcf7-form-control-wrap input:not([type="checkbox"]) { display: flex; width: 100%; height: auto; padding: 13px 0 9px; border-bottom: 2px solid #000000; font-weight: 600; color: #adadad !important; } input[type="checkbox"] { all: revert; margin: 0px; } .wpcf7-list-item { margin-left: 0; } .form__submit { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; } .form__submit p { display: flex; flex-direction: row-reverse; align-items: center; } .form__checkbox p { display: flex; flex-direction: row; align-items: flex-start; gap: 4px; } .form__checkbox .wpcf7-list-item-label { color: #333; font-size: 14px; line-height: 1.5; } .form__checkbox label { color: #333; font-size: 14px; line-height: 1.5; margin-top: -1px; } .form__checkbox label a { text-decoration: underline; } .form__checkbox label a:hover { text-decoration: none; } .form__wrapper { margin-top: 20px; align-items: flex-start; } .textarea, textarea { width: 100%; } /* ============================================================ About section tweaks ============================================================ */ .all_in_one { bottom: -20% !important; } .about__picture { bottom: -10%; } .add_pc_last { bottom: -20% !important; } .about__item--full .all_in_full { bottom: 0% !important; height: 70%; } @media only screen and (max-width: 1200px) { .about__picture { bottom: -5% !important; } .about__picture--phone { bottom: -20% !important; } .intro--partners .intro-inner__title { font-size: 60px !important; } .add_pc_last { bottom: -22% !important; } .data__text--after { margin-bottom: 20px !important; } } @media only screen and (max-width: 768px) { .about__item--full .all_in_full { height: auto !important; } } @media only screen and (max-width: 748px) { .intro--partners .intro-inner__title { font-size: 45px !important; } .plm-43 { padding-left: 0px !important; } } @media only screen and (max-width: 528px) { .intro--partners .intro-inner__title { font-size: 32px !important; line-height: 140%; } } @media only screen and (max-width: 384px) { .intro--partners .intro-inner__title { font-size: 26px !important; } } /* Облако тегов в форме обратной связи */ .tag-container { display: flex; flex-direction: column; gap: 20px; width: 100%; margin: 40px auto 80px auto; } .tag-cloud { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; } .tag-cloud:nth-child(even) { justify-content: flex-end; } .tag-cloud__item { display: inline-block; padding: 16px; font-size: 14px; font-weight: 400; color: #000000; background: #ffffff; border-radius: 10px; white-space: nowrap; } @media (max-width: 1080px) { .tag-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } .tag-cloud { display: contents; } .tag-cloud__item { width: fit-content; } } @media (max-width: 767px) { .tag-container { flex-direction: row; flex-wrap: wrap; gap: 8px; margin: 20px auto 40px auto; } .tag-cloud { display: contents; } .tag-cloud__item { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; padding: 12px; min-width: 0; font-size: 14px; white-space: normal; text-align: center; } }