/* * CSS index: * - Global definitions * - Colors * - Sizes * - Hover effects * - Icon data * - BG blobs * - Icons * - Main header * - Main footer * - Container * - Container with background blobs * - Links * - Buttons * - Select * - Slider input * - Checkbox switch * - Pagination * - Slider navigation * - Modals * - Need register hint * - Register hint * - Business hint * - Business hint sent * - Open profiles * - Monitoring * - Pages * - Page blog postings * - Page blog single * - Page PmPro * - Page login * - Page register type * - Page account * - Page checkout * - Page branch risks * - Page business profile * - Page legal * - Page contact * - Page investigation (includes page contact styles) * - Page blog categories * - Page search * - Page search all * - Page error 404 * - Blocks * - Block home top * - Block companies slider * - Block text 3 images slider * - Block text 2 images * - Block text tabs * - Block big text * - Block benefits * - Block prices * - Block prices 2 * - Block testimonials * - Block newsletter * - Block page header * - Block image text * - Block text image box * - Block numbered list * - Block facts list * - Block score graph * - Block score text * - Block FAQ * - Block press * - Block lexicon */ /* * Global definitions */ :root { /* Colors */ --sdx-color-black: #0d0d0d; --sdx-color-black-20: rgba(13, 13, 13, .2); --sdx-color-black-50: rgba(13, 13, 13, .5); --sdx-color-black-light: #1a1a1a; --sdx-color-black-lighter: #222222; --sdx-color-bluegray-darker: #252b42; --sdx-color-bluegray-dark: #6b7280; --sdx-color-bluegray: #9ca3af; --sdx-color-bluegray-light: #d1d5db; --sdx-color-bluegray-lighter: #e5e7eb; --sdx-color-bluegray-lightest: #f2f6f9; --sdx-color-gray-darker: #595959; --sdx-color-gray-dark: #858585; --sdx-color-gray: #ababab; --sdx-color-gray-light: #d9d9d9; --sdx-color-gray-lighter: #e0dedd; --sdx-color-gray-lightest: #f2f2f2; --sdx-color-main-dark: #1ca67f; --sdx-color-main-dark-20: rgb(28, 166, 127, .2); --sdx-color-main-dark-50: rgb(28, 166, 127, .5); --sdx-color-main: #23d9a5; --sdx-color-main-20: rgba(35, 217, 165, .2); --sdx-color-main-40: rgba(35, 217, 165, .4); --sdx-color-purple-dark: #34233f; --sdx-color-purplegray-dark: #6d716d; --sdx-color-white: #fff; --sdx-color-white-10: rgba(255, 255, 255, .1); --sdx-color-white-80: rgba(255, 255, 255, .8); --sdx-yellow-dark: #a2a64d; /* Sizes */ --sdx-mobile-content-max-width: 480px; --sdx-mobile-content-padding-x: 30px; --sdx-medium-content-max-width: 1302px; --sdx-medium-content-inner-max-width: 818px; /* --sdx-content-max-width: 1690px; */ --sdx-content-max-width: 1470px; --sdx-content-padding-x: 83px; --sdx-content-inner-padding-x: 289px; --sdx-inner-content-max-width: calc(1112px + (2 * var(--sdx-content-padding-x))); /* Hover effects */ --sdx-link-hover-transition: .15s ease; --sdx-link-hover-opacity: .7; /* Icon data */ --sdx-icon-arrow-left: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M15.8327 10H4.16602M4.16602 10L9.99935 15.8333M4.16602 10L9.99935 4.16666" stroke="%23344054" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-arrow-right: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.16602 10H15.8327M15.8327 10L9.99935 4.16666M15.8327 10L9.99935 15.8333" stroke="%23344054" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-arrow-narrow-left: url('data:image/svg+xml,%3Csvg width="21" height="14" fill="none" version="1.1" viewBox="0 0 21 14" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m7.7354 12.683c-0.4933 0.4932-1.2931 0.4932-1.7864 0l-5.0526-5.0527c-0.49329-0.49329-0.49329-1.2931 0-1.7864l5.0526-5.0526c0.4933-0.4933 1.2931-0.4933 1.7864-1e-6 0.49329 0.4933 0.49329 1.2931 0 1.7864l-2.8963 2.8963h14.635c0.6977 0 1.2632 0.56554 1.2632 1.2632s-0.5655 1.2632-1.2632 1.2632h-14.635l2.8963 2.8963c0.49329 0.4933 0.49329 1.2931 0 1.7864z" clip-rule="evenodd" fill="%239CA3AF" fill-rule="evenodd"/%3E%3C/svg%3E'); --sdx-icon-arrow-narrow-right: url('data:image/svg+xml,%3Csvg width="21" height="14" fill="none" version="1.1" viewBox="0 0 21 14" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m13.265 0.79111c0.4933-0.49329 1.2931-0.49329 1.7864 0l5.0527 5.0526c0.4933 0.4933 0.4933 1.2931 0 1.7864l-5.0527 5.0527c-0.4933 0.4932-1.2931 0.4932-1.7864 0-0.4933-0.4933-0.4933-1.2931 0-1.7864l2.8963-2.8963h-14.635c-0.69762 0-1.2632-0.56554-1.2632-1.2632s0.56554-1.2632 1.2632-1.2632h14.635l-2.8963-2.8963c-0.4933-0.4933-0.4933-1.2931 0-1.7864z" clip-rule="evenodd" fill="%239CA3AF" fill-rule="evenodd"/%3E%3C/svg%3E'); --sdx-icon-arrows-circle: url('data:image/svg+xml,%3Csvg width="22" height="22" fill="none" version="1.1" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.8735 2.1042v5.643h0.6563m17.331 2.2572c-0.5554-4.4538-4.3547-7.9002-8.9589-7.9002-3.7892 0-7.0332 2.3341-8.3726 5.643m0 0h4.9867m12.415 12.415v-5.643h-0.6563m0 0c-1.3394 3.3089-4.5834 5.643-8.3725 5.643-4.6043 0-8.4036-3.4464-8.959-7.9002m17.332 2.2572h-4.9867" stroke="%23F2F2F2" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2572"/%3E%3C/svg%3E'); --sdx-icon-author: url('data:image/svg+xml,%3Csvg width="11" height="13" fill="none" version="1.1" viewBox="0 0 11 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m7.3594 7.625c0.5625 0 1.0781 0.14062 1.5703 0.42188 0.46875 0.28124 0.86719 0.67968 1.1484 1.1484 0.2813 0.49219 0.4219 1.0078 0.4219 1.5703v0.6094c0 0.3281-0.1172 0.5859-0.3281 0.7969-0.2344 0.2343-0.49221 0.3281-0.7969 0.3281h-8.25c-0.32812 0-0.58594-0.0938-0.79688-0.3281-0.23438-0.211-0.32812-0.4688-0.32812-0.7969v-0.6094c0-0.5625 0.14062-1.0781 0.42188-1.5703 0.28125-0.46875 0.65624-0.86719 1.1484-1.1484 0.46875-0.28126 1.0078-0.42188 1.5703-0.42188 0.1875 0 0.46876 0.07031 0.79688 0.16406 0.21094 0.07032 0.39844 0.11719 0.53906 0.14063 0.23438 0.04687 0.49219 0.07031 0.77344 0.07031s0.53906-0.02344 0.77344-0.07031c0.14062-0.02344 0.30468-0.07031 0.53906-0.14063 0.32812-0.09375 0.58594-0.16406 0.79688-0.16406zm2.0156 3.75v-0.6094c0-0.539-0.21094-1.0078-0.60938-1.4062-0.39843-0.39844-0.86718-0.60938-1.4062-0.60938-0.09376 0-0.25782 0.04688-0.46876 0.09375-0.5625 0.1875-1.125 0.28125-1.6406 0.28125s-1.0781-0.09375-1.6406-0.28125c-0.23438-0.04687-0.39844-0.09375-0.46876-0.09375-0.5625 0-1.0312 0.21094-1.4297 0.60938-0.39844 0.39843-0.58594 0.86722-0.58594 1.4062v0.6094h8.25zm-4.125-4.125c-0.60938 0-1.1719-0.14062-1.6875-0.44531s-0.9375-0.72657-1.2422-1.2422-0.44531-1.0781-0.44531-1.6875 0.14062-1.1719 0.44531-1.6875 0.72657-0.91406 1.2422-1.2188c0.51562-0.30469 1.0781-0.46875 1.6875-0.46875s1.1719 0.16406 1.6875 0.46875c0.51562 0.30469 0.91406 0.70313 1.2188 1.2188s0.46875 1.0781 0.46875 1.6875-0.16406 1.1719-0.46875 1.6875-0.70313 0.9375-1.2188 1.2422-1.0781 0.44531-1.6875 0.44531zm0-5.625c-0.63281 0-1.1719 0.23438-1.5938 0.65625-0.44531 0.44531-0.65625 0.98437-0.65625 1.5938 0 0.63281 0.21094 1.1719 0.65625 1.5938 0.42187 0.44531 0.96094 0.65625 1.5938 0.65625 0.60938 0 1.1484-0.21094 1.5938-0.65625 0.42187-0.42187 0.65625-0.96094 0.65625-1.5938 0-0.60938-0.23438-1.1484-0.65625-1.5938-0.44531-0.42187-0.98437-0.65625-1.5938-0.65625z" fill="%23595959"/%3E%3C/svg%3E'); --sdx-icon-book: url('data:image/svg+xml,%3Csvg width="20" height="20" fill="none" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m9.9994 17.5-0.08338-0.1251c-0.57887-0.8683-0.8683-1.3024-1.2507-1.6167-0.33854-0.2783-0.72862-0.487-1.1479-0.6144-0.47363-0.1438-0.99541-0.1438-2.039-0.1438h-1.1457c-0.93342 0-1.4001 0-1.7566-0.1817-0.3136-0.1597-0.56857-0.4147-0.72836-0.7283-0.18165-0.3565-0.18165-0.8232-0.18165-1.7567v-7.1666c0-0.93342 0-1.4001 0.18165-1.7566 0.15979-0.31361 0.41476-0.56858 0.72836-0.72836 0.35652-0.18166 0.82323-0.18166 1.7566-0.18166h0.33334c1.8668 0 2.8003 0 3.5133 0.36331 0.6272 0.31958 1.1371 0.82951 1.4567 1.4567 0.36331 0.71304 0.36331 1.6465 0.36331 3.5133m0 9.6667v-9.6667m0 9.6667 0.08335-0.1251c0.5789-0.8683 0.8683-1.3024 1.2507-1.6167 0.3386-0.2783 0.7286-0.487 1.1479-0.6144 0.4737-0.1438 0.9955-0.1438 2.039-0.1438h1.1457c0.9334 0 1.4001 0 1.7567-0.1817 0.3136-0.1597 0.5685-0.4147 0.7283-0.7283 0.1817-0.3565 0.1817-0.8232 0.1817-1.7567v-7.1666c0-0.93342 0-1.4001-0.1817-1.7566-0.1598-0.31361-0.4147-0.56858-0.7283-0.72836-0.3566-0.18166-0.8233-0.18166-1.7567-0.18166h-0.3333c-1.8669 0-2.8003 0-3.5133 0.36331-0.6272 0.31958-1.1372 0.82951-1.4567 1.4567-0.36335 0.71304-0.36335 1.6465-0.36335 3.5133" stroke="%2398A2B3" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/svg%3E'); --sdx-icon-calendar: url('data:image/svg+xml,%3Csvg width="11" height="13" fill="none" version="1.1" viewBox="0 0 11 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m9.375 2c0.30469 0 0.5625 0.11719 0.7969 0.32812 0.2109 0.23438 0.3281 0.49219 0.3281 0.79688v8.25c0 0.3281-0.1172 0.5859-0.3281 0.7969-0.2344 0.2343-0.49221 0.3281-0.7969 0.3281h-8.25c-0.32812 0-0.58594-0.0938-0.79688-0.3281-0.23438-0.211-0.32812-0.4688-0.32812-0.7969v-8.25c0-0.30469 0.09375-0.5625 0.32812-0.79688 0.21094-0.21093 0.46875-0.32812 0.79688-0.32812h1.125v-1.2188c0-0.070312 0.02344-0.14062 0.07031-0.1875 0.04688-0.046875 0.11719-0.09375 0.21094-0.09375h0.9375c0.07031 0 0.14063 0.046875 0.1875 0.09375s0.09375 0.11719 0.09375 0.1875v1.2188h3v-1.2188c0-0.070312 0.02344-0.14062 0.07031-0.1875 0.04688-0.046875 0.11719-0.09375 0.21094-0.09375h0.9375c0.07031 0 0.14063 0.046875 0.1875 0.09375s0.09375 0.11719 0.09375 0.1875v1.2188h1.125zm-0.14062 9.375c0.02343 0 0.04687 0 0.09374-0.0469 0.02344-0.0234 0.04688-0.0469 0.04688-0.0937v-6.9844h-8.25v6.9844c0 0.0468 0 0.0703 0.04688 0.0937 0.02343 0.0469 0.04687 0.0469 0.09374 0.0469h7.9688z" fill="%23595959"/%3E%3C/svg%3E'); --sdx-icon-calendar-2: url('data:image/svg+xml,%3Csvg width="20" height="20" fill="none" version="1.1" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m17.5 8.3337h-15m10.833-6.6667v3.3333m-6.6666-3.3333v3.3333m-0.16667 13.333h7c1.4001 0 2.1002 0 2.635-0.2725 0.4704-0.2397 0.8528-0.6222 1.0925-1.0926 0.2725-0.5347 0.2725-1.2348 0.2725-2.6349v-7c0-1.4001 0-2.1002-0.2725-2.635-0.2397-0.4704-0.6221-0.85285-1.0925-1.0925-0.5348-0.27248-1.2349-0.27248-2.635-0.27248h-7c-1.4001 0-2.1002 0-2.635 0.27248-0.4704 0.23969-0.85285 0.62214-1.0925 1.0925-0.27248 0.53478-0.27248 1.2348-0.27248 2.635v7c0 1.4001 0 2.1002 0.27248 2.6349 0.23969 0.4704 0.62214 0.8529 1.0925 1.0926 0.53478 0.2725 1.2348 0.2725 2.635 0.2725z" stroke="%2398A2B3" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/%3E%3C/svg%3E%0A'); --sdx-icon-category: url('data:image/svg+xml,%3Csvg width="15" height="13" fill="none" version="1.1" viewBox="0 0 15 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.6719 7.39062C14.8828 7.17969 15 6.92188 15 6.59375C15 6.28906 14.8828 6.03125 14.6719 5.79688L9.70312 0.828125C9.46875 0.617188 9.21094 0.5 8.90625 0.5H7.75781L13.875 6.59375L8.29688 12.1719C8.50781 12.4062 8.76562 12.5 9.09375 12.5C9.39844 12.5 9.65625 12.4062 9.89062 12.1719L14.6719 7.39062ZM11.6719 7.39062C11.8828 7.17969 12 6.92188 12 6.59375C12 6.28906 11.8828 6.03125 11.6719 5.79688L6.70312 0.828125C6.46875 0.617188 6.21094 0.5 5.90625 0.5H1.125C0.796875 0.5 0.539062 0.617188 0.328125 0.828125C0.09375 1.0625 0 1.32031 0 1.625V6.40625C0 6.73438 0.09375 6.99219 0.328125 7.20312L5.29688 12.1719C5.50781 12.4062 5.76562 12.5 6.09375 12.5C6.39844 12.5 6.65625 12.4062 6.89062 12.1719L11.6719 7.39062ZM10.875 6.59375L6.09375 11.375L1.125 6.40625V1.625H5.90625L10.875 6.59375ZM3.375 2.75C3.67969 2.75 3.9375 2.86719 4.17188 3.07812C4.38281 3.3125 4.5 3.57031 4.5 3.875C4.5 4.20312 4.38281 4.46094 4.17188 4.67188C3.9375 4.90625 3.67969 5 3.375 5C3.04688 5 2.78906 4.90625 2.57812 4.67188C2.34375 4.46094 2.25 4.20312 2.25 3.875C2.25 3.57031 2.34375 3.3125 2.57812 3.07812C2.78906 2.86719 3.04688 2.75 3.375 2.75Z" fill="%231CA67F"/%3E%3C/svg%3E'); --sdx-icon-check: url('data:image/svg+xml,%3Csvg width="11" height="11" fill="none" version="1.1" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23a)"%3E%3Cpath d="m9.2272 3.1135-4.5833 4.5833-2.0833-2.0833" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6667"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="a"%3E%3Crect transform="translate(.89453 .61352)" width="10" height="10" fill="%23fff"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'); --sdx-icon-comment: url('data:image/svg+xml,%3Csvg width="13" height="13" fill="none" version="1.1" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m10.899 0.5c0.3985 0 0.75 0.16406 1.0547 0.44531 0.2813 0.30469 0.4453 0.65625 0.4453 1.0547v6.75c0 0.42188-0.164 0.77344-0.4453 1.0547-0.3047 0.30471-0.6562 0.44531-1.0547 0.44531h-3.375l-2.9297 2.2031c-0.04688 0.0469-0.11719 0.0469-0.1875 0.0469-0.07032 0-0.14063-0.0234-0.1875-0.0703-0.04688-0.0469-0.07032-0.1172-0.07032-0.2109v-1.9688h-2.25c-0.42187 0-0.77343-0.1406-1.0547-0.44531-0.30469-0.28125-0.44531-0.63281-0.44531-1.0547v-6.75c0-0.39844 0.14062-0.75 0.44531-1.0547 0.28125-0.28125 0.63281-0.44531 1.0547-0.44531h9zm0.375 8.25v-6.75c0-0.09375-0.0469-0.1875-0.1172-0.25781s-0.164-0.11719-0.2578-0.11719h-9c-0.11718 0-0.21093 0.04688-0.28125 0.11719-0.07031 0.07031-0.09375 0.16406-0.09375 0.25781v6.75c0 0.11719 0.02344 0.21094 0.09375 0.28125 0.07032 0.07031 0.16407 0.09375 0.28125 0.09375h3.375v1.4062l1.875-1.4062h3.75c0.0938 0 0.1875-0.02344 0.2578-0.09375s0.1172-0.16406 0.1172-0.28125zm-2.25-5.0625c0.09375 0 0.1875 0.04688 0.25782 0.11719 0.07031 0.07031 0.11718 0.16406 0.11718 0.25781v0.375c0 0.11719-0.04687 0.21094-0.11718 0.28125-0.07032 0.07031-0.16407 0.09375-0.25782 0.09375h-5.25c-0.11718 0-0.21093-0.02344-0.28125-0.09375-0.07031-0.07031-0.09375-0.16406-0.09375-0.28125v-0.375c0-0.09375 0.02344-0.1875 0.09375-0.25781 0.07032-0.07031 0.16407-0.11719 0.28125-0.11719h5.25zm-2.25 2.25c0.09375 0 0.1875 0.04688 0.25782 0.11719 0.07031 0.07031 0.11718 0.16406 0.11718 0.25781v0.375c0 0.11719-0.04687 0.21094-0.11718 0.28125-0.07032 0.07031-0.16407 0.09375-0.25782 0.09375h-3c-0.11718 0-0.21093-0.02344-0.28125-0.09375-0.07031-0.07031-0.09375-0.16406-0.09375-0.28125v-0.375c0-0.09375 0.02344-0.1875 0.09375-0.25781 0.07032-0.07031 0.16407-0.11719 0.28125-0.11719h3z" fill="%231CA67F"/%3E%3C/svg%3E'); --sdx-icon-document: url('data:image/svg+xml,%3Csvg width="22" height="27" fill="none" version="1.1" viewBox="0 0 22 27" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m7.2154 13.482h7.6578m-7.6578 5.1052h7.6578m2.5527 6.3816h-12.763c-1.4098 0-2.5526-1.1429-2.5526-2.5526v-17.868c0-1.4098 1.1428-2.5526 2.5526-2.5526h7.1293c0.3385 0 0.6631 0.13447 0.9024 0.37382l6.9103 6.9102c0.2393 0.23935 0.3738 0.56399 0.3738 0.90251v12.234c0 1.4097-1.1428 2.5526-2.5526 2.5526z" stroke="%23F2F2F2" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5526"/%3E%3C/svg%3E'); /*--sdx-icon-eye: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.01677 10.5943C1.90328 10.4146 1.84654 10.3248 1.81477 10.1862C1.79091 10.0821 1.79091 9.91794 1.81477 9.81384C1.84654 9.67525 1.90328 9.5854 2.01677 9.40571C2.95461 7.92072 5.74617 4.16669 10.0003 4.16669C14.2545 4.16669 17.0461 7.92072 17.9839 9.4057C18.0974 9.5854 18.1541 9.67525 18.1859 9.81384C18.2098 9.91794 18.2098 10.0821 18.1859 10.1862C18.1541 10.3248 18.0974 10.4146 17.9839 10.5943C17.0461 12.0793 14.2545 15.8334 10.0003 15.8334C5.74617 15.8334 2.95461 12.0793 2.01677 10.5943Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10.0003 12.5C11.381 12.5 12.5003 11.3807 12.5003 10C12.5003 8.61931 11.381 7.50002 10.0003 7.50002C8.61962 7.50002 7.50034 8.61931 7.50034 10C7.50034 11.3807 8.61962 12.5 10.0003 12.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');*/ --sdx-icon-eye: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-6 h-6"%3E%3Cpath stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" /%3E%3Cpath stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /%3E%3C/svg%3E%0A'); --sdx-icon-eye-closed: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-6 h-6"%3E%3Cpath stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" /%3E%3C/svg%3E%0A'); --sdx-icon-facebook: url('data:image/svg+xml,%3Csvg width="10" height="18" fill="none" version="1.1" viewBox="0 0 10 18" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7.03125 0C5.76823 0 4.8112 0.338542 4.16016 1.01562C3.47005 1.73177 3.125 2.8125 3.125 4.25781V6.875H0V10H3.125V17.5H6.25V10H8.75L9.375 6.875H6.25V4.78516C6.25 4.21224 6.35417 3.79557 6.5625 3.53516C6.78385 3.26172 7.14844 3.125 7.65625 3.125H9.375V0.136719C8.73698 0.0455729 7.95573 0 7.03125 0Z" fill="%23fff"/%3E%3C/svg%3E'); --sdx-icon-facebook-color: url('data:image/svg+xml,%3Csvg width="20" height="21" fill="none" version="1.1" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m13.362 11.438 0.4102-2.6953h-2.6075v-1.7578c0-0.76172 0.3516-1.4648 1.5235-1.4648h1.2011v-2.3144s-1.0839-0.20508-2.1093-0.20508c-2.1387 0-3.545 1.3184-3.545 3.6621v2.0801h-2.4023v2.6953h2.4023v6.5625h2.9296v-6.5625h2.1973z" fill="%234267B2"/%3E%3C/svg%3E%0A'); --sdx-icon-faq-document: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 2.26953V6.40007C14 6.96012 14 7.24015 14.109 7.45406C14.2049 7.64222 14.3578 7.7952 14.546 7.89108C14.7599 8.00007 15.0399 8.00007 15.6 8.00007H19.7305M14 17H8M16 13H8M20 9.98822V17.2C20 18.8802 20 19.7202 19.673 20.362C19.3854 20.9265 18.9265 21.3854 18.362 21.673C17.7202 22 16.8802 22 15.2 22H8.8C7.11984 22 6.27976 22 5.63803 21.673C5.07354 21.3854 4.6146 20.9265 4.32698 20.362C4 19.7202 4 18.8802 4 17.2V6.8C4 5.11984 4 4.27976 4.32698 3.63803C4.6146 3.07354 5.07354 2.6146 5.63803 2.32698C6.27976 2 7.11984 2 8.8 2H12.0118C12.7455 2 13.1124 2 13.4577 2.08289C13.7638 2.15638 14.0564 2.27759 14.3249 2.44208C14.6276 2.6276 14.887 2.88703 15.4059 3.40589L18.5941 6.59411C19.113 7.11297 19.3724 7.3724 19.5579 7.67515C19.7224 7.94356 19.8436 8.2362 19.9171 8.5423C20 8.88757 20 9.25445 20 9.98822Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-faq-forbidden: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.93 4.93L19.07 19.07M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-faq-heart: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M11.9932 5.13581C9.9938 2.7984 6.65975 2.16964 4.15469 4.31001C1.64964 6.45038 1.29697 10.029 3.2642 12.5604C4.89982 14.6651 9.84977 19.1041 11.4721 20.5408C11.6536 20.7016 11.7444 20.7819 11.8502 20.8135C11.9426 20.8411 12.0437 20.8411 12.1361 20.8135C12.2419 20.7819 12.3327 20.7016 12.5142 20.5408C14.1365 19.1041 19.0865 14.6651 20.7221 12.5604C22.6893 10.029 22.3797 6.42787 19.8316 4.31001C17.2835 2.19216 13.9925 2.7984 11.9932 5.13581Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-faq-switch: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 17H4M4 17L8 13M4 17L8 21M4 7H20M20 7L16 3M20 7L16 11" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-hint: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.0013 2.1665V2.99984M2.5013 10.4998H1.66797M4.58464 5.08317L4.08455 4.58309M15.418 5.08317L15.9182 4.58309M18.3346 10.4998H17.5013M8.33464 11.7498H11.668M10.0013 11.7498V15.9165M12.918 14.5615C14.1797 13.6538 15.0013 12.1728 15.0013 10.4998C15.0013 7.73841 12.7627 5.49984 10.0013 5.49984C7.23988 5.49984 5.0013 7.73841 5.0013 10.4998C5.0013 12.1728 5.82291 13.6538 7.08464 14.5615V16.1665C7.08464 17.0999 7.08464 17.5666 7.26629 17.9232C7.42608 18.2368 7.68105 18.4917 7.99465 18.6515C8.35117 18.8332 8.81788 18.8332 9.7513 18.8332H10.2513C11.1847 18.8332 11.6514 18.8332 12.008 18.6515C12.3216 18.4917 12.5765 18.2368 12.7363 17.9232C12.918 17.5666 12.918 17.0999 12.918 16.1665V14.5615Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-info: url('data:image/svg+xml,%3Csvg width="24" height="24" fill="none" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m24 12c0 6.6274-5.3726 12-12 12-6.6274 0-12-5.3726-12-12 0-6.6274 5.3726-12 12-12 6.6274 0 12 5.3726 12 12zm-10.5-6c0 0.82843-0.6716 1.5-1.5 1.5s-1.5-0.67157-1.5-1.5 0.6716-1.5 1.5-1.5 1.5 0.67157 1.5 1.5zm-3 4.5c-0.82841 0-1.5 0.6716-1.5 1.5s0.67158 1.5 1.5 1.5v4.5c0 0.8284 0.6716 1.5 1.5 1.5h1.5c0.8284 0 1.5-0.6716 1.5-1.5s-0.6716-1.5-1.5-1.5v-4.5c0-0.8284-0.6716-1.5-1.5-1.5h-1.5z" clip-rule="evenodd" fill="%2323D9A5" fill-rule="evenodd"/%3E%3C/svg%3E%0A'); --sdx-icon-instagram: url('data:image/svg+xml,%3Csvg width="14" height="14" fill="none" version="1.1" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m4.043 0c-0.72917 0-1.4062 0.18229-2.0312 0.54688-0.61198 0.36458-1.1003 0.85938-1.4648 1.4844-0.36458 0.61198-0.54688 1.2826-0.54688 2.0117v5.6641c0 0.72917 0.18229 1.4063 0.54688 2.0313 0.36458 0.612 0.85286 1.1002 1.4648 1.4648 0.625 0.3646 1.3021 0.5469 2.0312 0.5469h5.6641c0.72917 0 1.3998-0.1823 2.0118-0.5469 0.625-0.3646 1.1197-0.8528 1.4843-1.4648 0.3646-0.625 0.5469-1.3021 0.5469-2.0313v-5.6641c0-0.72917-0.1823-1.3997-0.5469-2.0117-0.3646-0.625-0.8593-1.1198-1.4843-1.4844-0.612-0.36458-1.2826-0.54688-2.0118-0.54688h-5.6641zm0 1.25h5.6641c0.50777 0 0.97657 0.1237 1.4063 0.37109 0.4297 0.2474 0.7682 0.58594 1.0156 1.0156s0.3711 0.89844 0.3711 1.4062v5.6641c0 0.50777-0.1237 0.97657-0.3711 1.4063s-0.5859 0.7682-1.0156 1.0156-0.8985 0.3711-1.4063 0.3711h-5.6641c-0.50781 0-0.97656-0.1237-1.4062-0.3711s-0.76823-0.5859-1.0156-1.0156c-0.24739-0.4297-0.37109-0.8985-0.37109-1.4063v-5.6641c0-0.50781 0.1237-0.97656 0.37109-1.4062 0.2474-0.42969 0.58594-0.76823 1.0156-1.0156 0.42969-0.24739 0.89844-0.37109 1.4062-0.37109zm6.5234 1.3672c-0.1562 0-0.293 0.05859-0.4102 0.17578-0.1041 0.10417-0.1562 0.23437-0.1562 0.39062s0.0521 0.29297 0.1562 0.41016c0.1172 0.10417 0.254 0.15625 0.4102 0.15625 0.1563 0 0.2865-0.05208 0.3906-0.15625 0.1172-0.11719 0.1758-0.25391 0.1758-0.41016s-0.0586-0.28645-0.1758-0.39062c-0.1041-0.11719-0.2343-0.17578-0.3906-0.17578zm-3.6914 0.50781c-0.67708 0-1.3021 0.16927-1.875 0.50781s-1.0286 0.79427-1.3672 1.3672-0.50781 1.1979-0.50781 1.875 0.16927 1.3021 0.50781 1.875 0.79427 1.0286 1.3672 1.3672c0.57292 0.3385 1.1979 0.5078 1.875 0.5078s1.3021-0.1693 1.875-0.5078c0.57292-0.33855 1.0286-0.79428 1.3672-1.3672 0.3385-0.57292 0.5078-1.1979 0.5078-1.875s-0.1693-1.3021-0.5078-1.875c-0.33855-0.57292-0.79428-1.0286-1.3672-1.3672s-1.1979-0.50781-1.875-0.50781zm0 1.25c0.45573 0 0.8724 0.11068 1.25 0.33203 0.39062 0.22136 0.69661 0.52735 0.91797 0.91797 0.22135 0.3776 0.33203 0.79427 0.33203 1.25s-0.11068 0.87891-0.33203 1.2695c-0.22136 0.37761-0.52735 0.67708-0.91797 0.89844-0.3776 0.22135-0.79427 0.33203-1.25 0.33203s-0.87891-0.11068-1.2695-0.33203c-0.37761-0.22136-0.67708-0.52083-0.89844-0.89844-0.22135-0.39062-0.33203-0.8138-0.33203-1.2695s0.11068-0.8724 0.33203-1.25c0.22136-0.39062 0.52083-0.69661 0.89844-0.91797 0.39062-0.22135 0.8138-0.33203 1.2695-0.33203z" fill="%23fff"/%3E%3C/svg%3E'); --sdx-icon-invoice: url('data:image/svg+xml,%3Csvg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.2272 2.12642V4.88011C10.2272 5.25348 10.2272 5.44016 10.2999 5.58277C10.3638 5.70821 10.4658 5.8102 10.5912 5.87412C10.7338 5.94678 10.9205 5.94678 11.2939 5.94678H14.0476M14.2272 7.27226V12.0801C14.2272 13.2002 14.2272 13.7603 14.0092 14.1881C13.8175 14.5644 13.5115 14.8704 13.1352 15.0621C12.7074 15.2801 12.1473 15.2801 11.0272 15.2801H6.76055C5.64044 15.2801 5.08039 15.2801 4.65257 15.0621C4.27624 14.8704 3.97028 14.5644 3.77853 14.1881C3.56055 13.7603 3.56055 13.2002 3.56055 12.0801V5.14678C3.56055 4.02667 3.56055 3.46662 3.77853 3.0388C3.97028 2.66247 4.27624 2.35651 4.65257 2.16476C5.08039 1.94678 5.64044 1.94678 6.76055 1.94678H8.90173C9.39091 1.94678 9.6355 1.94678 9.86568 2.00204C10.0697 2.05103 10.2648 2.13184 10.4438 2.2415C10.6456 2.36518 10.8186 2.53813 11.1645 2.88404L13.29 5.00952C13.6359 5.35542 13.8088 5.52837 13.9325 5.73021C14.0422 5.90915 14.123 6.10424 14.172 6.30831C14.2272 6.53849 14.2272 6.78308 14.2272 7.27226Z" stroke="%237F56D9" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-lexicon-dataflow: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5 22.5V22.25C5 20.1498 5 19.0997 5.40873 18.2975C5.76825 17.5919 6.34193 17.0183 7.04754 16.6587C7.8497 16.25 8.8998 16.25 11 16.25H19C21.1002 16.25 22.1503 16.25 22.9525 16.6587C23.6581 17.0183 24.2317 17.5919 24.5913 18.2975C25 19.0997 25 20.1498 25 22.25V22.5M5 22.5C3.61929 22.5 2.5 23.6193 2.5 25C2.5 26.3807 3.61929 27.5 5 27.5C6.38071 27.5 7.5 26.3807 7.5 25C7.5 23.6193 6.38071 22.5 5 22.5ZM25 22.5C23.6193 22.5 22.5 23.6193 22.5 25C22.5 26.3807 23.6193 27.5 25 27.5C26.3807 27.5 27.5 26.3807 27.5 25C27.5 23.6193 26.3807 22.5 25 22.5ZM15 22.5C13.6193 22.5 12.5 23.6193 12.5 25C12.5 26.3807 13.6193 27.5 15 27.5C16.3807 27.5 17.5 26.3807 17.5 25C17.5 23.6193 16.3807 22.5 15 22.5ZM15 22.5V10M7.5 10H22.5C23.6649 10 24.2473 10 24.7067 9.8097C25.3193 9.55596 25.806 9.06928 26.0597 8.45671C26.25 7.99728 26.25 7.41485 26.25 6.25C26.25 5.08515 26.25 4.50272 26.0597 4.04329C25.806 3.43072 25.3193 2.94404 24.7067 2.6903C24.2473 2.5 23.6649 2.5 22.5 2.5H7.5C6.33515 2.5 5.75272 2.5 5.29329 2.6903C4.68072 2.94404 4.19404 3.43072 3.9403 4.04329C3.75 4.50272 3.75 5.08515 3.75 6.25C3.75 7.41485 3.75 7.99728 3.9403 8.45671C4.19404 9.06928 4.68072 9.55596 5.29329 9.8097C5.75272 10 6.33515 10 7.5 10Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); --sdx-icon-lexicon-briefcase: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 8.75C20 7.58754 20 7.0063 19.8722 6.52943C19.5255 5.23533 18.5147 4.22453 17.2206 3.87778C16.7437 3.75 16.1625 3.75 15 3.75C13.8375 3.75 13.2563 3.75 12.7794 3.87778C11.4853 4.22453 10.4745 5.23533 10.1278 6.52943C10 7.0063 10 7.58754 10 8.75M6.5 26.25H23.5C24.9001 26.25 25.6002 26.25 26.135 25.9775C26.6054 25.7378 26.9878 25.3554 27.2275 24.885C27.5 24.3502 27.5 23.6501 27.5 22.25V12.75C27.5 11.3499 27.5 10.6498 27.2275 10.115C26.9878 9.64462 26.6054 9.26217 26.135 9.02248C25.6002 8.75 24.9001 8.75 23.5 8.75H6.5C5.09987 8.75 4.3998 8.75 3.86502 9.02248C3.39462 9.26217 3.01217 9.64462 2.77248 10.115C2.5 10.6498 2.5 11.3499 2.5 12.75V22.25C2.5 23.6501 2.5 24.3502 2.77248 24.885C3.01217 25.3554 3.39462 25.7378 3.86502 25.9775C4.3998 26.25 5.09987 26.25 6.5 26.25Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-lexicon-file: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 17.5V22.5M20 15V22.5M15 10V22.5M25 8.5V21.5C25 23.6002 25 24.6503 24.5913 25.4525C24.2317 26.1581 23.6581 26.7317 22.9525 27.0913C22.1503 27.5 21.1002 27.5 19 27.5H11C8.8998 27.5 7.8497 27.5 7.04754 27.0913C6.34193 26.7317 5.76825 26.1581 5.40873 25.4525C5 24.6503 5 23.6002 5 21.5V8.5C5 6.3998 5 5.3497 5.40873 4.54754C5.76825 3.84193 6.34193 3.26825 7.04754 2.90873C7.8497 2.5 8.8998 2.5 11 2.5H19C21.1002 2.5 22.1503 2.5 22.9525 2.90873C23.6581 3.26825 24.2317 3.84193 24.5913 4.54754C25 5.3497 25 6.3998 25 8.5Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-lexicon-file-question: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M25 11.875V8.5C25 6.3998 25 5.3497 24.5913 4.54754C24.2317 3.84193 23.6581 3.26825 22.9525 2.90873C22.1503 2.5 21.1002 2.5 19 2.5H11C8.8998 2.5 7.8497 2.5 7.04754 2.90873C6.34193 3.26825 5.76825 3.84193 5.40873 4.54754C5 5.3497 5 6.3998 5 8.5V21.5C5 23.6002 5 24.6503 5.40873 25.4525C5.76825 26.1581 6.34193 26.7317 7.04754 27.0913C7.8497 27.5 8.8998 27.5 11 27.5H17.5M17.5 13.75H10M12.5 18.75H10M20 8.75H10M20.625 18.7528C20.8452 18.1267 21.28 17.5988 21.8522 17.2625C22.4244 16.9262 23.0971 16.8033 23.7513 16.9155C24.4054 17.0277 24.9988 17.3678 25.4262 17.8755C25.8536 18.3833 26.0875 19.0259 26.0866 19.6896C26.0866 21.5632 23.2761 22.5 23.2761 22.5M23.3124 26.25H23.3249" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-lexicon-scan: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10 3.75H9.75C7.6498 3.75 6.5997 3.75 5.79754 4.15873C5.09193 4.51825 4.51825 5.09193 4.15873 5.79754C3.75 6.5997 3.75 7.6498 3.75 9.75V10M10 26.25H9.75C7.6498 26.25 6.5997 26.25 5.79754 25.8413C5.09193 25.4817 4.51825 24.9081 4.15873 24.2025C3.75 23.4003 3.75 22.3502 3.75 20.25V20M26.25 10V9.75C26.25 7.6498 26.25 6.5997 25.8413 5.79754C25.4817 5.09193 24.9081 4.51825 24.2025 4.15873C23.4003 3.75 22.3502 3.75 20.25 3.75H20M26.25 20V20.25C26.25 22.3502 26.25 23.4003 25.8413 24.2025C25.4817 24.9081 24.9081 25.4817 24.2025 25.8413C23.4003 26.25 22.3502 26.25 20.25 26.25H20M3.75 15H3.7625M9.375 15H9.3875M20.625 15H20.6375M15 15H15.0125M26.25 15H26.2625" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-lexicon-marker-pin: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M15 16.25C17.0711 16.25 18.75 14.5711 18.75 12.5C18.75 10.4289 17.0711 8.75 15 8.75C12.9289 8.75 11.25 10.4289 11.25 12.5C11.25 14.5711 12.9289 16.25 15 16.25Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M15 27.5C20 22.5 25 18.0228 25 12.5C25 6.97715 20.5228 2.5 15 2.5C9.47715 2.5 5 6.97715 5 12.5C5 18.0228 10 22.5 15 27.5Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-lexicon-user: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.75 25C6.66974 21.9032 10.6338 20 15 20C19.3662 20 23.3303 21.9032 26.25 25M20.625 9.375C20.625 12.4816 18.1066 15 15 15C11.8934 15 9.375 12.4816 9.375 9.375C9.375 6.2684 11.8934 3.75 15 3.75C18.1066 3.75 20.625 6.2684 20.625 9.375Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-lexicon-scales: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.12486 16.25H10.6249M19.3749 16.25H26.8749M14.9999 8.75V26.25M14.9999 8.75C16.7258 8.75 18.1249 7.35089 18.1249 5.625M14.9999 8.75C13.274 8.75 11.8749 7.35089 11.8749 5.625M4.99986 26.25L24.9999 26.25M4.99986 5.62501L11.8749 5.625M11.8749 5.625C11.8749 3.89911 13.274 2.5 14.9999 2.5C16.7258 2.5 18.1249 3.89911 18.1249 5.625M18.1249 5.625L24.9999 5.625M11.1004 17.9204C10.5995 19.8382 8.89749 21.25 6.87486 21.25C4.85223 21.25 3.15018 19.8382 2.64931 17.9204C2.60839 17.7637 2.58793 17.6854 2.58595 17.3723C2.58474 17.1804 2.65606 16.7379 2.7175 16.5561C2.81774 16.2596 2.92624 16.0922 3.14325 15.7573L6.87486 10L10.6065 15.7573C10.8235 16.0922 10.932 16.2596 11.0322 16.5561C11.0937 16.7379 11.165 17.1804 11.1638 17.3723C11.1618 17.6854 11.1413 17.7637 11.1004 17.9204ZM27.3504 17.9204C26.8495 19.8382 25.1475 21.25 23.1249 21.25C21.1022 21.25 19.4002 19.8382 18.8993 17.9204C18.8584 17.7637 18.8379 17.6854 18.836 17.3723C18.8347 17.1804 18.9061 16.7379 18.9675 16.5561C19.0677 16.2596 19.1762 16.0922 19.3932 15.7573L23.1249 10L26.8565 15.7573C27.0735 16.0922 27.182 16.2596 27.2822 16.5561C27.3437 16.7379 27.415 17.1804 27.4138 17.3723C27.4118 17.6854 27.3913 17.7637 27.3504 17.9204Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-lexicon-signal: url('data:image/svg+xml,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20.3036 7.19659C23.2326 10.1255 23.2326 14.8743 20.3036 17.8032M9.69698 17.8032C6.76804 14.8743 6.76804 10.1255 9.69698 7.19659M6.16117 21.3388C1.27961 16.4572 1.27961 8.54269 6.16117 3.66113M23.8394 3.66113C28.7209 8.54269 28.7209 16.4572 23.8394 21.3388M15.0003 14.9999C16.381 14.9999 17.5003 13.8807 17.5003 12.4999C17.5003 11.1192 16.381 9.99994 15.0003 9.99994C13.6196 9.99994 12.5003 11.1192 12.5003 12.4999C12.5003 13.8807 13.6196 14.9999 15.0003 14.9999ZM15.0003 14.9999V26.2499" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-linkedin: url('data:image/svg+xml,%3Csvg width="14" height="14" fill="none" version="1.1" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.6602 0c-0.45573 0-0.84636 0.16276-1.1719 0.48828-0.32552 0.3125-0.48828 0.70313-0.48828 1.1719 0 0.45573 0.16276 0.84635 0.48828 1.1719s0.70964 0.48828 1.1523 0.48828c0.45573 0 0.84636-0.16276 1.1719-0.48828s0.48828-0.71614 0.48828-1.1719-0.16276-0.84636-0.48828-1.1719c-0.3125-0.32552-0.69661-0.48828-1.1523-0.48828zm8.0469 4.375c-0.63802 0-1.1914 0.14974-1.6602 0.44922-0.37761 0.24739-0.67709 0.57943-0.89844 0.99609h-0.03906v-1.25h-2.7344v9.1797h2.8516v-4.5508c0-0.49479 0.02604-0.8724 0.07813-1.1328 0.07812-0.39063 0.22135-0.6836 0.42969-0.87891 0.24739-0.22135 0.59895-0.33203 1.0547-0.33203s0.80078 0.13021 1.0352 0.39062c0.19528 0.20834 0.32548 0.52084 0.39058 0.9375 0.0391 0.2474 0.0586 0.61198 0.0586 1.0938v4.4727h2.8516v-5.0391c0-0.92448-0.0846-1.6667-0.2539-2.2266-0.1953-0.67709-0.5273-1.1914-0.9961-1.543-0.5208-0.37761-1.2435-0.56641-2.168-0.56641zm-9.4727 0.19531v9.1797h2.8516v-9.1797h-2.8516z" fill="%23fff"/%3E%3C/svg%3E'); --sdx-icon-linkedin-color: url('data:image/svg+xml,%3Csvg width="20" height="21" fill="none" version="1.1" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m6.3576 18h-3.1098v-10.015h3.1098v10.015zm-1.5566-11.381c-0.99442 0-1.801-0.82368-1.801-1.8181 0-0.47766 0.18975-0.93576 0.5275-1.2735 0.33776-0.33776 0.79585-0.52751 1.2735-0.52751 0.47766 0 0.93575 0.18975 1.2735 0.52751 0.33775 0.33777 0.5275 0.79587 0.5275 1.2735 0 0.99445-0.80692 1.8181-1.801 1.8181zm13.196 11.381h-3.1032v-4.8751c0-1.1619-0.0234-2.6519-1.6168-2.6519-1.6169 0-1.8646 1.2624-1.8646 2.5682v4.9588h-3.1065v-10.015h2.9826v1.3661h0.0435c0.4152-0.78685 1.4293-1.6172 2.9424-1.6172 3.1473 0 3.7259 2.0726 3.7259 4.7646v5.5012h-0.0033z" fill="%230E76A8"/%3E%3C/svg%3E%0A'); --sdx-icon-link-arrow: url('data:image/svg+xml,%3Csvg width="4.848" height="9.5964" fill="none" version="1.1" viewBox="0 0 4.848 9.5964" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m4.624 4.2542-4.08-4.08c-0.14933-0.14934-0.27733-0.20267-0.384-0.16-0.10667 0.04266-0.16 0.17066-0.16 0.384v8.8c0 0.2133 0.053333 0.3413 0.16 0.384 0.10667 0.0426 0.23467-0.0107 0.384-0.16l4.08-4.08c0.14933-0.14934 0.224-0.33067 0.224-0.544 0-0.21334-0.07467-0.39467-0.224-0.544z" fill="%23f2f6f9"/%3E%3C/svg%3E'); --sdx-icon-list-check: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" version="1.1" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m7.4673 2.5462c1.1254-0.0898 2.1937-0.53233 3.053-1.2646 2.0051-1.7088 4.9543-1.7088 6.9594 0 0.8593 0.73225 1.9277 1.1748 3.053 1.2646 2.6262 0.20957 4.7116 2.295 4.9211 4.9211 0.0898 1.1254 0.5324 2.1937 1.2646 3.053 1.7088 2.0051 1.7088 4.9543 0 6.9594-0.7322 0.8593-1.1748 1.9277-1.2646 3.053-0.2095 2.6262-2.2949 4.7116-4.9211 4.9211-1.1253 0.0898-2.1937 0.5324-3.053 1.2646-2.0051 1.7088-4.9543 1.7088-6.9594 0-0.8593-0.7322-1.9277-1.1748-3.053-1.2646-2.6262-0.2095-4.7115-2.2949-4.9211-4.9211-0.0898-1.1253-0.53233-2.1937-1.2646-3.053-1.7088-2.0051-1.7088-4.9543 0-6.9594 0.73225-0.8593 1.1748-1.9277 1.2646-3.053 0.20957-2.6262 2.295-4.7115 4.9211-4.9211zm13.02 9.1912c0.6835-0.6834 0.6835-1.7914 0-2.4748-0.6834-0.68341-1.7914-0.68341-2.4748 0l-5.7626 5.7625-2.2626-2.2625c-0.68342-0.6835-1.7915-0.6835-2.4749 0-0.68341 0.6834-0.68341 1.7914 0 2.4748l3.5 3.5c0.6834 0.6835 1.7914 0.6835 2.4748 0l7-7z" clip-rule="evenodd" fill="%2323D9A5" fill-rule="evenodd"/%3E%3C/svg%3E%0A'); --sdx-icon-list-check-thin: url('data:image/svg+xml,%3Csvg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M16.2957 0.201934C16.3604 0.265782 16.4118 0.341632 16.4469 0.425138C16.482 0.508644 16.5 0.598165 16.5 0.688575C16.5 0.778985 16.482 0.868507 16.4469 0.952013C16.4118 1.03552 16.3604 1.11137 16.2957 1.17522L6.55781 10.7981C6.4932 10.8621 6.41645 10.9129 6.33194 10.9475C6.24744 10.9822 6.15685 11 6.06536 11C5.97387 11 5.88328 10.9822 5.79877 10.9475C5.71427 10.9129 5.63751 10.8621 5.5729 10.7981L0.703982 5.98664C0.573374 5.85758 0.5 5.68253 0.5 5.5C0.5 5.31747 0.573374 5.14242 0.703982 5.01336C0.83459 4.88429 1.01173 4.81179 1.19644 4.81179C1.38115 4.81179 1.55829 4.88429 1.6889 5.01336L6.06536 9.33952L15.3107 0.201934C15.3754 0.137924 15.4521 0.0871387 15.5366 0.0524876C15.6211 0.0178364 15.7117 0 15.8032 0C15.8947 0 15.9853 0.0178364 16.0698 0.0524876C16.1543 0.0871387 16.231 0.137924 16.2957 0.201934Z" fill="white"/%3E%3C/svg%3E%0A'); /*--sdx-icon-lock: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"%3E%3Cpath d="M18 1.5c2.9 0 5.25 2.35 5.25 5.25v3.75a.75.75 0 01-1.5 0V6.75a3.75 3.75 0 10-7.5 0v3a3 3 0 013 3v6.75a3 3 0 01-3 3H3.75a3 3 0 01-3-3v-6.75a3 3 0 013-3h9v-3c0-2.9 2.35-5.25 5.25-5.25z" /%3E%3C/svg%3E%0A');*/ --sdx-icon-lock: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10.0005V8.00049C7 5.23906 9.23858 3.00049 12 3.00049C14.0503 3.00049 15.8124 4.23458 16.584 6.00049M12 14.5005V16.5005M8.8 21.0005H15.2C16.8802 21.0005 17.7202 21.0005 18.362 20.6735C18.9265 20.3859 19.3854 19.9269 19.673 19.3625C20 18.7207 20 17.8806 20 16.2005V14.8005C20 13.1203 20 12.2803 19.673 11.6385C19.3854 11.074 18.9265 10.6151 18.362 10.3275C17.7202 10.0005 16.8802 10.0005 15.2 10.0005H8.8C7.11984 10.0005 6.27976 10.0005 5.63803 10.3275C5.07354 10.6151 4.6146 11.074 4.32698 11.6385C4 12.2803 4 13.1203 4 14.8005V16.2005C4 17.8806 4 18.7207 4.32698 19.3625C4.6146 19.9269 5.07354 20.3859 5.63803 20.6735C6.27976 21.0005 7.11984 21.0005 8.8 21.0005Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E'); --sdx-icon-lock-locked: url('data:image/svg+xml,%3Csvg width="19" height="21" fill="none" version="1.1" viewBox="0 0 19 21" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m3.25 9.0015v-2.5c0-3.4518 2.7982-6.25 6.25-6.25 3.4518 0 6.25 2.7982 6.25 6.25v2.5c1.3807 0 2.5 1.1193 2.5 2.5v6.25c0 1.3807-1.1193 2.5-2.5 2.5h-12.5c-1.3807 0-2.5-1.1193-2.5-2.5v-6.25c0-1.3807 1.1193-2.5 2.5-2.5zm10-2.5v2.5h-7.5v-2.5c0-2.0711 1.6789-3.75 3.75-3.75 2.0711 0 3.75 1.6789 3.75 3.75z" clip-rule="evenodd" fill="%23111827" fill-rule="evenodd"/%3E%3C/svg%3E%0A'); --sdx-icon-maximize: url('data:image/svg+xml,%3Csvg width="35" height="35" fill="none" version="1.1" viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m34.717 11.698v-11.503h-11.503v3.8344h4.9579l-10.71 10.71-10.709-10.71h4.9578v-3.8344h-11.503v11.503h3.8344v-4.9579l10.709 10.709-10.709 10.71v-4.9579h-3.8344v11.503h11.503v-3.8344h-4.9578l10.709-10.71 10.71 10.71h-4.9579v3.8344h11.503v-11.503h-3.8345v4.9579l-10.709-10.71 10.709-10.709v4.9579h3.8345z" fill="%23fff"/%3E%3C/svg%3E%0A'); --sdx-icon-menu: url('data:image/svg+xml,%3Csvg width="24" height="15" fill="none" version="1.1" viewBox="0 0 24 15" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23fff"%3E%3Crect y="12" width="24" height="3" rx="1.5"/%3E%3Crect y="6" width="24" height="3" rx="1.5"/%3E%3Crect width="24" height="3" rx="1.5"/%3E%3C/g%3E%3C/svg%3E'); --sdx-icon-monitoring: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.66797 12.1667L18.3346 12.1667M6.66797 18H13.3346M5.66797 15.5H14.3346C15.7348 15.5 16.4348 15.5 16.9696 15.2275C17.44 14.9878 17.8225 14.6054 18.0622 14.135C18.3346 13.6002 18.3346 12.9001 18.3346 11.5V7C18.3346 5.59987 18.3346 4.8998 18.0622 4.36502C17.8225 3.89462 17.44 3.51217 16.9696 3.27248C16.4348 3 15.7348 3 14.3346 3H5.66797C4.26784 3 3.56777 3 3.03299 3.27248C2.56259 3.51217 2.18014 3.89462 1.94045 4.36502C1.66797 4.8998 1.66797 5.59987 1.66797 7V11.5C1.66797 12.9001 1.66797 13.6002 1.94045 14.135C2.18014 14.6054 2.56259 14.9878 3.03299 15.2275C3.56777 15.5 4.26784 15.5 5.66797 15.5Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-monitoring-black: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.66797 12.1667L18.3346 12.1667M6.66797 18H13.3346M5.66797 15.5H14.3346C15.7348 15.5 16.4348 15.5 16.9696 15.2275C17.44 14.9878 17.8225 14.6054 18.0622 14.135C18.3346 13.6002 18.3346 12.9001 18.3346 11.5V7C18.3346 5.59987 18.3346 4.8998 18.0622 4.36502C17.8225 3.89462 17.44 3.51217 16.9696 3.27248C16.4348 3 15.7348 3 14.3346 3H5.66797C4.26784 3 3.56777 3 3.03299 3.27248C2.56259 3.51217 2.18014 3.89462 1.94045 4.36502C1.66797 4.8998 1.66797 5.59987 1.66797 7V11.5C1.66797 12.9001 1.66797 13.6002 1.94045 14.135C2.18014 14.6054 2.56259 14.9878 3.03299 15.2275C3.56777 15.5 4.26784 15.5 5.66797 15.5Z" stroke="%230D0D0D" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-office: url('data:image/svg+xml,%3Csvg width="36" height="36" fill="none" version="1.1" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m30.667 34.25v-28.667c0-1.979-1.6043-3.5833-3.5834-3.5833h-17.917c-1.979 0-3.5833 1.6043-3.5833 3.5833v28.667m25.083 0h3.5833m-3.5833 0h-8.9584m-16.125 0h-3.5833m3.5833 0h8.9584m-1.7917-25.083h1.7917m-1.7917 7.1667h1.7917m7.1666-7.1667h1.7917m-1.7917 7.1667h1.7917m-8.9583 17.917v-8.9584c0-0.9895 0.8021-1.7916 1.7916-1.7916h3.5834c0.9895 0 1.7916 0.8021 1.7916 1.7916v8.9584m-7.1666 0h7.1666" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/%3E%3C/svg%3E'); --sdx-icon-person: url('data:image/svg+xml,%3Csvg width="29" height="36" fill="none" version="1.1" viewBox="0 0 29 36" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m21.708 9.1667c0 3.958-3.2086 7.1666-7.1666 7.1666-3.9581 0-7.1667-3.2086-7.1667-7.1666 0-3.958 3.2086-7.1667 7.1667-7.1667 3.958 0 7.1666 3.2086 7.1666 7.1667z" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/%3E%3Cpath d="m14.542 21.708c-6.9266 0-12.542 5.6151-12.542 12.542h25.083c0-6.9266-5.6151-12.542-12.542-12.542z" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/%3E%3C/svg%3E'); --sdx-icon-plus: url('data:image/svg+xml,%3Csvg width="18" height="18" fill="none" version="1.1" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m8.6937 1.2742v15.048m7.524-7.524h-15.048" stroke="%23F2F2F2" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2572"/%3E%3C/svg%3E'); --sdx-icon-profile-lock: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M7 10V8C7 5.23858 9.23858 3 12 3C14.0503 3 15.8124 4.2341 16.584 6M12 14.5V16.5M8.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V14.8C20 13.1198 20 12.2798 19.673 11.638C19.3854 11.0735 18.9265 10.6146 18.362 10.327C17.7202 10 16.8802 10 15.2 10H8.8C7.11984 10 6.27976 10 5.63803 10.327C5.07354 10.6146 4.6146 11.0735 4.32698 11.638C4 12.2798 4 13.1198 4 14.8V16.2C4 17.8802 4 18.7202 4.32698 19.362C4.6146 19.9265 5.07354 20.3854 5.63803 20.673C6.27976 21 7.11984 21 8.8 21Z" stroke="%231CA67F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); --sdx-icon-profile-lock-locked: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17 10V8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8V10M12 14.5V16.5M8.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V14.8C20 13.1198 20 12.2798 19.673 11.638C19.3854 11.0735 18.9265 10.6146 18.362 10.327C17.7202 10 16.8802 10 15.2 10H8.8C7.11984 10 6.27976 10 5.63803 10.327C5.07354 10.6146 4.6146 11.0735 4.32698 11.638C4 12.2798 4 13.1198 4 14.8V16.2C4 17.8802 4 18.7202 4.32698 19.362C4.6146 19.9265 5.07354 20.3854 5.63803 20.673C6.27976 21 7.11984 21 8.8 21Z" stroke="%23BC5959" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A'); /*--sdx-icon-register-person: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMA8AbQkbISh0LHMhv6d2O7oFTgBhqtAAAA3klEQVRIx9WU2xKCMAxESe+lFyD//7GKjoO0JWkdH3SfzwSyu+k0/a5CWgARYUmBZYWK+FJUgoaNx3d5Q9Iaz9IU7LCUGxhND4eKBmJHrEXsGSs4En8iK1p+bUtb0ZaIvfEn1+HPDU/mgSipMAf9VhWsqFrlAs70MZybAsw56P56V7Y47jBV74pls2THC2F7OvIhrbsd2dM/HAfD0uubJyv7sJ1bQmbpynOQl/mIzTca67fW/FkBtgWquB+RPVLy+fiAsYCcwD7tFIlnH3y6zw8SeyXD1A/vpcQR/St9A8hVP+uPA+JmAAAAAElFTkSuQmCC);*/ /*--sdx-icon-register-company: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAARVBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////9X1DS3AAAAFnRSTlMA7/ppCRzQXsMUnazehSu5UzRAdkjmLFmEXwAAAUJJREFUSMfNlFuShCAMReWliAi2j+x/qaMtaoKA48dUTT5Tp0KSe0NV/bcYjQXgdd/+gpUdhGDNM+3hiuEJFggG9tSMxTRMZfhDYNBluqE0OxvUDJZuLNM87EmnO5spbfesORMzoV2q75ZnBpGUNt/kgDIS04oTurtpoDDd09rQFmvHtItEWPLCrxuU0eiW0IolpsQPfvK4qR5o4tigxYj6lpSe4q7xNFxFTkHCmTOX96RI3MLRnsgfBDKc2x+sEx7Xiav0udJVnXg2S0seD7kGu2UKU4rMAivHIr9uJjyes47CA1beh+pSLIc8BpV3XXTzU5BTTkcV3gWrzB5uwfpQTPanyPrrH0jGWcxd/5hXOXortn87bX15UeXpdT0qsm5fooGNl0j7dqGIK/ID6zINDbLQZsc3tH1Fsz+k+Ssa3tE/ZZNa+4YA+JIAAAAASUVORK5CYII=');*/ --sdx-icon-register-person: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAAM1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADbQS4qAAAAEHRSTlMABdDuirISlkLE914yG3h3deIxrQAAANlJREFUSMfVlMsSgyAMRXmEN2j+/2ur7aIKGILjor3juDoTyL0JQvyuyho0IuqwliErISJu3/6LIGnYBjwqWJI2eJahYI+1/ERpurhuaE30iK2IPmMDR+ImqqHVY11CQwMRe+cm1+Hnjid5IkoqzEm/XQM7aqxSBSd6Gc5pxsE6GP54N7b40WI6bot1nkqOXwjgzMhN2rAd2dP/Oh6teNITeZ4UR7ri63VQl/nIFDoTG1KvfgaNfWnInLL9A+xl2eMBHzvlMmbf/LLVLwq5UkXw4f2Zwxn9K/0Cszk5CXtJaVwAAAAASUVORK5CYII='); --sdx-icon-register-company: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAMAAAANxBKoAAAAP1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC6E+JdAAAAFHRSTlMAv/ppCfEc0N9DrV4U6554K4g0U0J/iPsAAAE9SURBVEjHzZRLFoMgDEUBARFFsGb/a621igkCllkzjPc88nmRsX+LYTYAovfTD6y0cIQan2kOV6xPcIdgcE/FGEyDr8MvAgOv0yOlXSyQK3B2qNPimBPPVzZQ2nyzc0xQ9ZCrexKFRiSl5z25oozEtBaEtrcdaEx7qg1TVXtJ6JAswZQXv01QJq1TWqtMl/jBVxmf2QPNLPo03FbmJKV9WjXuRujEKWhxc8yVPdllbuF0VVc+CGS48H2wr1zmestlpFmfebZIS5E2uYW7ZdIu1ZTmVDpAFlTi148Jz+dMoPDq8Okc6rI7s2JB8sFSDyp/rFP6yNvDKgOHW6hTTC5xyXz3D2QjioXrP8Z1iY5ibOqvq9BlehuPTqy71GhQuzyeLlRxTf7AvE7DiCz0sWMLbZpo10SrJlo00dBGvwG8tVMW2pXxFQAAAABJRU5ErkJggg=='); --sdx-icon-search: url('data:image/svg+xml,%3Csvg width="21" height="20" fill="none" version="1.1" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m19.391 19-6-6m2-5c0 3.866-3.134 7-7 7-3.866 0-7-3.134-7-7 0-3.866 3.134-7 7-7 3.866 0 7 3.134 7 7z" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/%3E%3C/svg%3E%0A'); --sdx-icon-star-rating-small: url('data:image/svg+xml,%3Csvg width="24.021" height="17.186" fill="none" version="1.1" viewBox="0 0 24.021 17.186" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m9.5106 0 2.2451 6.5643h7.2655l-5.8779 4.057 2.2452 6.5643-5.8779-4.057-5.8778 4.057 2.2451-6.5643-5.8779-4.057h7.2654z" fill="%231ca67f"/%3E%3C/svg%3E%0A'); --sdx-icon-star-rating: url('data:image/svg+xml,%3Csvg width="41.336" height="30.753" fill="none" version="1.1" viewBox="0 0 41.336 30.753" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m16.168 0 3.8167 11.747h12.351l-9.9924 7.2598 3.8167 11.747-9.9923-7.2599-9.9924 7.2599 3.8168-11.747-9.9924-7.2598h12.351z" fill="%231ca67f"/%3E%3C/svg%3E%0A'); --sdx-icon-sub: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAMAAACfvvDEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAByUExURUdwTPTr/vDs//Pr/fTr/vTr/vTs/vPr/e/t//Xr//Pq/PTr/vTs//Tr//Lq/e/v+vbt//Tr/mlBxp537Ord+oVf2Lyj6nJLytfG8+HR9p127KaJ4XtU0c258Mau8baZ7Ytq0fHn/aN/65Rt5pV41bGR7hV+8rEAAAARdFJOUwDfIGCAue9AEJ8wkE/PcDBv80NszwAAAZRJREFUOMuNlVmWgyAQRVFxzNSIojhrJ/vfYotiCYh23l/CPdREPREyFSV3zwsT9I/Cm0OkHrfwFItwQDQ5nh38Mbgz1vWJVbfIAF8OOZHj6mBAyFeoawOz8oi6h9BjW+dpOshfPpCxTpX9UKSLtr+wBD0F4+wtqVk5/C3j77H5kKqq4cA3ruSFBqYt73o2LkfLZKHlWaODaVVRStt1AKJwuJIZYEGF1l4FWvDBIHMBVhnZwu/BDTD9FeRW1ROhx0a2JimypEyexghB8NoAGyXN+WGjCMjclibNtuHvpXNrmh9yJDtrj7qdhDzf1uAcFnCfemOrZxqVyct+lga4tIj2RHl4+DjKIl+qgaEL3Wcz0NMsmryilQShR4SIFQ2g78UAl1G98vWBruEzxkrC6Akogs8msy9mDdAc/1Mqm7xuB4bXBODEykzdQmk60dZSXonLpr7NjKWOwQu3/e2nT8fHKxd5kkuptouvQN0Zz9HAtNDnids5yZdWezDa1UwOlueffhTCWIEdfP2pSe44noU91zj4A7aEWIRMuvklAAAAAElFTkSuQmCC'); --sdx-icon-trophy: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURUdwTP/////////////8/P/////////////////////////////////////////9/f////////////////8cM/////////////////////////8uRP////8wRv8oPv8xR/8sQ/8vRv////////8qQf////8xR/2dXdQAAAAldFJOUwDgK+oEMzAnIvLt3vvXEwobTzrDCaqJz3u4lnlgwx3oXqFCbDNCvpu9AAACs0lEQVRIx9WWW7trMBCGQ4KoQyTifCjt4v//xJ0ERbtQnnWzvzsyb2bMZCYA+EMRfUfBAZxrO8rQPnzr9nTgGq6MbXgdDh+P8Bj28SC0giHjHDsrmIyG/swGkaeUGCs4Jk3B0xWsh4Nlhl+wMabJZkvY9uvqXhNtCZvj+s2YYdiFzBdCIJnZJyj6vgCl/Xp1Q0haGVkHzQXsUgBUETNp5GbxkzJSV31//yGMPuNIeXSkhTB7wBX8eogkG8t9eN32Qm3N5fvUFQvZaKRra3j6hljYaAYv2ureT6raosaeWIgO4FJ4sEvezKhUwanMaXwAM6hcg2bNKsc2PYCVVac9wOz7XgCm3jrmBjw9oEgVJaG8mP0awyENyQzPdTbhq+hoPFHeHHgDhg27HPzmOUjc6XMAs0fDl+dWlUBUcGHj6PP4iLp86vNgCDEFosr3qhVfXqkSiERYk33ahYvOKLt5K+XGprzq7w3nTdVXXJVgtX+67Mlk3st3VWLrtuDIYAg01U+gTvwipxpZwtTpImPcOVe14jXSY6jlDNVDlcMpW3kH6XociN7RYkO0DJE9JkwtnKo5AGMcRCKYGwVELOtp0rnp+yB8JDJc13XLMblvihCFYlWYePRziOJn5Mn5Gvp68slChkK56mUp/nX4IWwIMQLoJ/xEiMlVjA7vDdW9C7n5iUvHz+0VG5FTV9YqaXlw8sajr6wl5fn7Ej8zT2VXv3TdosA0v8juVt6s5b1yUg/PKy/DZbfuvVOKF6PntMTsyshFVs4AR7+aL9HYbnk9ahH3tUKbQ2vRi0dEKbjE6dYsfALOnDclJyoGb+864do03vVtztGGvjlWmb2h8Dh03dn65V3cyVuy/k9Y17bgxc/qZqGwtSF8cMqQZe5rj7cSuCttL3Icarty2G7Y+q4sAv5M/wA7BIJQjGfVxgAAAABJRU5ErkJggg=='); --sdx-icon-twitter: url('data:image/svg+xml,%3Csvg width="15" height="13" fill="none" version="1.1" viewBox="0 0 15 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m15 1.4453c-0.5599 0.2474-1.1458 0.41016-1.7578 0.48828 0.3125-0.19531 0.5859-0.43619 0.8203-0.72265 0.2344-0.29948 0.4102-0.63151 0.5273-0.9961-0.6119 0.36458-1.263 0.61849-1.9531 0.76172-0.2864-0.3125-0.625-0.55338-1.0156-0.72266-0.3906-0.16927-0.8008-0.25391-1.2305-0.25391-0.55987 0-1.0742 0.13672-1.5429 0.41016-0.46875 0.27344-0.84636 0.65104-1.1328 1.1328-0.27343 0.46875-0.41015 0.97656-0.41015 1.5234 0 0.24739 0.02604 0.48177 0.07812 0.70312-1.25-0.05208-2.4349-0.37109-3.5547-0.95703-1.0807-0.54688-2.0117-1.2956-2.793-2.2461-0.27344 0.46875-0.41016 0.98307-0.41016 1.543 0 0.52083 0.1237 1.0091 0.37109 1.4648s0.57943 0.82031 0.9961 1.0938c-0.49479-0.01302-0.95703-0.14323-1.3867-0.39063v0.03907c0 0.74218 0.23438 1.3997 0.70312 1.9726 0.46875 0.5599 1.0547 0.91146 1.7578 1.0547-0.26042 0.0651-0.52735 0.09766-0.80079 0.09766-0.19531 0-0.39062-0.01302-0.58593-0.03907 0.19531 0.61198 0.55338 1.1198 1.0742 1.5234 0.53385 0.39063 1.1328 0.59245 1.7969 0.60547-0.53385 0.41667-1.1263 0.74215-1.7773 0.97655s-1.3281 0.3516-2.0313 0.3516c-0.2474-0.013-0.49479-0.0326-0.74219-0.0586 0.6901 0.4427 1.4323 0.7812 2.2266 1.0156 0.80729 0.2474 1.6341 0.3711 2.4805 0.3711 1.3672 0 2.6237-0.2669 3.7695-0.8008 1.0417-0.4818 1.9531-1.1653 2.7343-2.0508 0.7292-0.82032 1.2956-1.7578 1.6993-2.8125 0.3776-1.0286 0.5664-2.0573 0.5664-3.0859l-0.0196-0.41016c0.612-0.42968 1.1263-0.95703 1.543-1.582z" fill="%23fff"/%3E%3C/svg%3E'); /*--sdx-icon-xing-color: url('data:image/svg+xml,%3Csvg width="20" height="21" version="1.1" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m5.1636 5.9627c-0.13034 0-0.24004 0.04575-0.29537 0.13523-0.05707 0.09232-0.04843 0.21135 0.01246 0.3318l1.4643 2.5321c0.00247 0.0048 0.00247 0.00788 0 0.0123l-2.3011 4.0563c-0.05999 0.1194-0.05706 0.2393 0 0.3319 0.05526 0.089 0.15265 0.1474 0.28314 0.1474h2.1657c0.32376 0 0.48-0.2182 0.59067-0.4177 0 0 2.2504-3.9758 2.338-4.1301-0.00886-0.01425-1.4889-2.5935-1.4889-2.5935-0.10804-0.19178-0.27075-0.40575-0.60291-0.40575h-2.166v7e-5z" fill="%23005A5F"/%3E%3Cpath d="m14.262 3.0002c-0.3235 0-0.4637 0.20356-0.5799 0.41206 0 0-4.6656 8.265-4.8193 8.5363 0.00788 0.0147 3.0771 5.6394 3.0771 5.6394 0.1076 0.1918 0.2734 0.412 0.6052 0.412h2.1631c0.1305 0 0.2325-0.049 0.2874-0.1382 0.0578-0.0923 0.0562-0.2143-0.0044-0.3344l-3.0531-5.5721c-0.0015-0.0021-0.0022-0.0046-0.0022-0.0071s7e-4 -5e-3 0.0022-0.0071l4.7949-8.469c0.0603-0.11955 0.0616-0.24149 0.0046-0.33389-0.0553-0.0891-0.1575-0.13823-0.288-0.13823h-2.1878v1.5e-4l2e-4 7e-5z" fill="%23D4D600"/%3E%3C/svg%3E%0A');*/ /* BG blobs */ --sdx-bg-blob-top-right: url('data:image/svg+xml,%3Csvg width="1040" height="1234" fill="none" version="1.1" viewBox="0 0 1040 1234" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="translate(-1116,572)" opacity=".9"%3E%3Cg filter="url(%23d)" opacity=".1"%3E%3Ccircle cx="1736" cy="262" r="200" fill="%2323d9a5"/%3E%3C/g%3E%3Cg filter="url(%23c)" opacity=".15"%3E%3Ccircle cx="1636" cy="-52" r="320" fill="%2323d9a5"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="d" x="1336" y="-138" width="800" height="800" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur result="effect1_foregroundBlur_182_3062" stdDeviation="100"/%3E%3C/filter%3E%3Cfilter id="c" x="1116" y="-572" width="1040" height="1040" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur result="effect1_foregroundBlur_182_3062" stdDeviation="100"/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A'); --sdx-bg-blob-bottom-left: url('data:image/svg+xml,%3Csvg width="1716" height="1438" fill="none" version="1.1" viewBox="0 0 1716 1438" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="translate(556,-172)" opacity=".9"%3E%3Cg filter="url(%23b)" opacity=".2"%3E%3Ccircle cx="535" cy="985" r="425" fill="%2323d9a5"/%3E%3C/g%3E%3Cg filter="url(%23a)" opacity=".1"%3E%3Ccircle cx="69" cy="797" r="425" fill="%2323d9a5"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="b" x="-90" y="360" width="1250" height="1250" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur result="effect1_foregroundBlur_182_3062" stdDeviation="100"/%3E%3C/filter%3E%3Cfilter id="a" x="-556" y="172" width="1250" height="1250" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur result="effect1_foregroundBlur_182_3062" stdDeviation="100"/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A'); --sdx-bg-blob-bottom-right: url('data:image/svg+xml,%3Csvg width="1120" height="781.41" fill="none" version="1.1" viewBox="0 0 1120 781.41" xmlns="http://www.w3.org/2000/svg"%3E%3Cg transform="translate(-995,-399)" opacity=".9"%3E%3Cg filter="url(%23e)" opacity=".1"%3E%3Cellipse cx="1555" cy="789.7" rx="360" ry="190.7" fill="%2323d9a5"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="e" x="995" y="399" width="1120" height="781.41" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur result="effect1_foregroundBlur_182_3062" stdDeviation="100"/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A'); /* BG blocks */ --sdx-bg-block-home-top: url('data:image/svg+xml,%3Csvg width="1920" height="706" fill="none" version="1.1" viewBox="0 0 1920 706" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cdefs%3E%3ClinearGradient id="a" x1="-7.6612" x2="1922.5" y1="352.98" y2="352.98" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%2323d9a5" stop-opacity="0" offset=".0021598"/%3E%3Cstop stop-color="%2323d9a5" offset=".030238"/%3E%3Cstop stop-color="%2323d9a5" offset=".96328"/%3E%3Cstop stop-color="%2323d9a5" stop-opacity="0" offset="1"/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform="translate(2)" opacity=".2" stroke-width="16"%3E%3Cpath d="m-4.6185 698 364.13-149.74 176.13 40.899 341.04-40.899h262.54c63.33 0 288.93-92.791 393.82-139.19l188-131.27 131.27-243.41 67.29-26.386" stroke="url(%23a)"/%3E%3Cg fill="%2323d9a5" stroke="%2323d9a5"%3E%3Ccircle cx="358.19" cy="548.26" r="19.046"/%3E%3Ccircle cx="536.3" cy="587.84" r="19.046"/%3E%3Ccircle cx="872.72" cy="542.98" r="19.046"/%3E%3Ccircle cx="1143.2" cy="548.26" r="19.046"/%3E%3Ccircle cx="1729" cy="268.56" r="19.046"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A'); --sdx-bg-block-score-graph: url('data:image/svg+xml,%3Csvg width="1920" height="481" fill="none" version="1.1" viewBox="0 0 1920 481" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3ClinearGradient id="a" x1="1343.5" x2="1499" y1="-215.5" y2="325" gradientTransform="translate(0,16)" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23386C4D" offset="0"/%3E%3Cstop stop-color="%23386c4d" stop-opacity="0" offset="1"/%3E%3C/linearGradient%3E%3Cfilter id="b" x="-20" y="0" width="1960" height="531" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/%3E%3CfeOffset dy="4"/%3E%3CfeGaussianBlur stdDeviation="10"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix values="0 0 0 0 0.137255 0 0 0 0 0.85098 0 0 0 0 0.647059 0 0 0 1 0"/%3E%3CfeBlend in2="BackgroundImageFix" result="effect1_dropShadow_321_3389"/%3E%3CfeBlend in="SourceGraphic" in2="effect1_dropShadow_321_3389" result="shape"/%3E%3C/filter%3E%3C/defs%3E%3Cpath d="m1250 116c-150 0-139 100-289 100s-139 100-289 100-139 99.536-289 99.536c-51.21 0-233 88.464-383 88.464h1920v-144.38l20-166.62v-177h-401c-150 0-139 100-289 100z" fill="url(%23a)"/%3E%3Cg transform="translate(.034907)" fill="none"%3E%3Cpath d="m1946 19s-257 0.0192-407 0.0192-139 100-289 100-139 100-289 100-139 100-289 100-139 100-289 100c-51.214 0-234.5 84.981-383 84.981" filter="url(%23b)" stroke="%2323d9a5" stroke-width="6"/%3E%3C/g%3E%3C/svg%3E%0A'); --sdx-bg-block-score-graph-right: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAHhCAMAAABgGN96AAAAOVBMVEVHcEw4bE04bE44bE04bE04bE03bU45a0s4bE03bEw1i2Uun3Y1eVcwlm8k3KIziWMi2qUh2aQj2aXFabr+AAAAEnRSTlMAGxIkLDNIC0E6BXtUbg5hKBrI+nBYAAABDUlEQVRYw+2W2a7CMAxEJ03XdIHy/x97s9huckVUCYnw4jOuOQzuO3AC3OFoglLgHxockfCFNJDreXBweo6wzqjnG31S8PQ7jVemoi/hU12Fj3VfabCvOw12tjUoketj5+DhdxqvTE03jtf4GTSsLS5swp2OGDcORr/TU7Qb9/5gzA6ixNeY7+nMgVhxMAv5Qd621YVTaRcBUs5F21QHAcvAqRw01p6Tt72Afhhoqgecom2rlnK1tmitACv1dWD/HdAUbVM1lhPaZF5N+jm2VBoYoXhNPD943/5OO06lFTPohOKAMdftbdtGJ8rVTh0m4TqY7tsGmv0vyQ+co8kPGiicRFEURVEURVGU7/MHY8U6w+mcFR8AAAAASUVORK5CYII='); } html { background-color: var(--sdx-color-black); scroll-padding-top: 80px; } /* desktop size */ @media (min-width: 1010px) { html { scroll-padding-top: 93px; } } body { background-color: #fff; /* prevent dark scrollbar in firefox */ font-family: Montserrat, sans-serif; font-size: 13px; line-height: 20px; } a { text-decoration: none; } button { border: 0; cursor: pointer; } p, h1, h2, h3 { margin: 0; } ul { margin: 0; padding: 0; list-style-type: none; } .font-scoredex { font-family: Audiowide, sans-serif; } .font-white { color: var(--sdx-color-white); } #wpadminbar { position: fixed; } /* * Icons */ .icon-facebook { background-image: var(--sdx-icon-facebook); background-size: 8px; } .icon-facebook-color { background-image: var(--sdx-icon-facebook-color); background-size: 16px; } .icon-faq-document { background-image: var(--sdx-icon-faq-document); background-size: 20px; } .icon-faq-forbidden { background-image: var(--sdx-icon-faq-forbidden); background-size: 20px; } .icon-faq-heart { background-image: var(--sdx-icon-faq-heart); background-size: 20px; } .icon-faq-switch { background-image: var(--sdx-icon-faq-switch); background-size: 20px; } .icon-hint { background-image: var(--sdx-icon-hint); background-size: 16px; } .icon-instagram { background-image: var(--sdx-icon-instagram); background-size: 12px; } .icon-lexicon-dataflow { background-image: var(--sdx-icon-lexicon-dataflow); background-size: 24px; } .icon-lexicon-briefcase { background-image: var(--sdx-icon-lexicon-briefcase); background-size: 24px; } .icon-lexicon-file { background-image: var(--sdx-icon-lexicon-file); background-size: 24px; } .icon-lexicon-file-question { background-image: var(--sdx-icon-lexicon-file-question); background-size: 24px; } .icon-lexicon-scan { background-image: var(--sdx-icon-lexicon-scan); background-size: 24px; } .icon-lexicon-marker-pin { background-image: var(--sdx-icon-lexicon-marker-pin); background-size: 24px; } .icon-lexicon-user { background-image: var(--sdx-icon-lexicon-user); background-size: 24px; } .icon-lexicon-scales { background-image: var(--sdx-icon-lexicon-scales); background-size: 24px; } .icon-lexicon-signal { background-image: var(--sdx-icon-lexicon-signal); background-size: 24px; } .icon-linkedin { background-image: var(--sdx-icon-linkedin); background-size: 12px; } .icon-linkedin-color { background-image: var(--sdx-icon-linkedin-color); background-size: 16px; } .icon-monitoring { background-image: var(--sdx-icon-monitoring); background-size: 16px; } .icon-monitoring-black { background-image: var(--sdx-icon-monitoring-black); background-size: 16px; } .icon-twitter { background-image: var(--sdx-icon-twitter); background-size: 12px; } /*.icon-xing-color { background-image: var(--sdx-icon-xing-color); background-size: 16px; }*/ /* * Main header */ .sdx-header { position: sticky; top: 0; z-index: 11000; } .translated-ltr .sdx-header { top: 35px; } .admin-bar .sdx-header { top: 32px; } .sdx-header .content { display: flex; align-items: center; gap: 24px; height: 80px; max-width: var(--sdx-medium-content-max-width); margin: 0 auto; padding: 0 var(--sdx-mobile-content-padding-x); } .sdx-header::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; backdrop-filter: none; background-color: rgba(13, 13, 13, .9); opacity: 0; transition: all .3s ease; z-index: -1; } .header-show-bg .sdx-header::before { backdrop-filter: blur(8px); opacity: 1; } .sdx-header .logo { flex: 0 1 147px; line-height: 0; } .sdx-header .logo img { width: 100%; } .sdx-header nav ul, .sdx-header .search { display: flex; } .sdx-header .input-search { width: 100%; height: 32px; padding: 0 4px 0 15px; background-color: transparent; border: 1px solid var(--sdx-color-gray); border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: none; color: var(--sdx-color-white); font-size: 12px; } .sdx-header .input-search::placeholder { color: var(--sdx-color-white); opacity: .8; } .sdx-header .btn-search { flex-shrink: 0; width: 44px; height: 32px; padding-left: 15px; background: linear-gradient(90deg, rgba(35, 217, 165, 0) 0%, rgba(35, 217, 165, .3) 100%); border: 1px solid var(--sdx-color-gray); border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: none; } .sdx-header .btn-search .icon-search { display: block; width: 15px; height: 15px; background: var(--sdx-icon-search) no-repeat; background-size: contain; } .sdx-header .btn-login { flex-shrink: 0; display: flex; align-items: center; height: 32px; margin-left: auto; padding: 0 10px; border: 1px solid var(--sdx-color-gray); border-radius: 80px; color: var(--sdx-color-white); font-size: 12px; transition: background-color var(--sdx-link-hover-transition); } .sdx-header .btn-login:hover { background-color: var(--sdx-color-white-10); } .sdx-header .btn-menu { flex-shrink: 0; width: 32px; height: 32px; background: var(--sdx-icon-menu) center no-repeat; background-size: contain; } .sdx-header .btn-mag-menu, .sdx-mag-menu { display: none; } /* enlarge login button */ @media (min-width: 360px) { .sdx-header .btn-login { padding: 0 26px; } } /* mobile nav */ @media (max-width: 1010px) { body { position: relative; } .sdx-header-overlay { width: 100vw; position: absolute; top: 80px; bottom: 0; left: -100vw; background-color: rgba(0, 0, 0, .95); transition: left .2s ease-in; z-index: 11000; } .nav-open .sdx-header-overlay { left: 0; } .sdx-header nav { width: 100vw; position: absolute; top: 80px; left: -100vw; padding: 16px; transition: left .2s ease-in; } .nav-open .sdx-header nav { left: 0; } .sdx-header nav ul { flex-direction: column; align-items: center; gap: 8px; } .sdx-header nav li, .sdx-header .search { width: 100%; max-width: 240px; } .sdx-header nav a { display: flex; justify-content: center; align-items: center; height: 32px; border: 1px solid var(--sdx-color-gray); border-radius: 16px; color: var(--sdx-color-white); font-size: 12px; } .sdx-header .search { margin: 16px auto 0 auto; } .sdx-header .search + a { width: 100%; max-width: 240px; margin: 5px auto 0 auto; border: none; } } /* desktop nav with links on two lines */ @media (min-width: 1010px) { .sdx-header .content { gap: 0; height: 93px; } .sdx-header .logo { flex-shrink: 0; } .sdx-header nav { flex-grow: 1; display: flex; } .sdx-header nav ul { flex-grow: 1; flex-wrap: wrap; align-items: center; row-gap: 8px; padding-left: 16px; } .sdx-header nav li { width: 50%; font-size: 15px; line-height: 18px; font-weight: 500; text-align: center; } .sdx-header a { color: #868686; white-space: nowrap; transition: color var(--sdx-link-hover-transition); } .sdx-header a:hover { color: var(--sdx-color-white); } .sdx-header .search { flex-shrink: 0; width: 275px; } .sdx-header .search::after { content: ''; width: 1px; height: 31px; position: relative; top: 7px; right: -20px; background-color: #cdcfd3; } .sdx-header .input-search { height: 44px; font-size: 15px; } .sdx-header .btn-search { width: 44px; height: 44px; padding-left: 15px; } .sdx-header .btn-login { justify-content: center; width: 104px; height: 44px; margin-left: 39px; font-size: 15px; } .sdx-header .btn-menu, .sdx-header .search + a { display: none; } .sdx-header .btn-mag-menu { display: block; flex-shrink: 0; width: 32px; height: 32px; margin-left: 20px; background: var(--sdx-icon-menu) center no-repeat; background-size: contain; } .sdx-mag-menu { display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .4); opacity: 0; overflow: hidden; transition: opacity .5s ease-out .1s, z-index .5s ease-out .1s; z-index: -1; } .mag-open .sdx-mag-menu { opacity: 1; z-index: 12000; transition: opacity .5s ease-in, z-index .5s ease-in; } .sdx-mag-menu::before { content: 'X'; position: absolute; top: 20px; right: 40px; color: #000; cursor: pointer; font-size: 30px; transform: translateX(400px); transition: transform .5s ease-out; z-index: 1; } .mag-open .sdx-mag-menu::before { transform: translateX(0); transition: transform .5s ease-in .1s; } .sdx-mag-menu nav { position: absolute; right: 0; display: flex; flex-direction: column; justify-content: space-around; width: 400px; height: 100%; text-align: right; transform: translateX(100%); transition: transform .5s ease-out .1s; } .mag-open .sdx-mag-menu nav { transform: translateX(0); transition: transform .5s ease-in; } .sdx-mag-menu nav::before { content: ''; position: absolute; z-index: -1; width: 200%; height: 100%; background-color: #fff; transform: skewX(-30deg) translateX(80%); transition: transform .5s ease-out .1s; } .mag-open .sdx-mag-menu nav::before { transform: skewX(-15deg) translateX(-20%); transition: transform .5s ease-in; } .sdx-mag-menu nav > div { max-height: 100%; margin-top: 55px; padding: 0 40px 40px; overflow: auto; transform: translateX(100%); transition: transform .5s ease-out; } .mag-open .sdx-mag-menu nav > div { transform: translateX(0); transition: transform .5s ease-in .1s; } .sdx-mag-menu ul { overflow: auto; } .sdx-mag-menu li { margin-bottom: 23px; } .sdx-mag-menu a { font-size: 23px; font-weight: bold; color: #000; } .sdx-mag-menu form { display: flex; } .sdx-mag-menu .input-search { flex: 1; height: 44px; padding: 0 4px 0 15px; border: 1px solid var(--sdx-color-gray); border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: none; color: #000; font-size: 15px; } .sdx-mag-menu .input-search::placeholder { color: #000; opacity: .8; } .sdx-mag-menu .btn-search { flex-shrink: 0; width: 44px; height: 44px; padding-left: 15px; background: linear-gradient(90deg, rgba(35, 217, 165, 0) 0%, rgba(35, 217, 165, .3) 100%); border: 1px solid var(--sdx-color-gray); border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: none; } .sdx-mag-menu .btn-search .icon-search { display: block; width: 15px; height: 15px; background-color: #000; -webkit-mask-image: var(--sdx-icon-search); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-image: var(--sdx-icon-search); mask-position: center; mask-repeat: no-repeat; mask-size: contain; } } /* bigger desktop padding */ @media (min-width: 1336px) { .sdx-header .content { max-width: var(--sdx-content-max-width); padding-left: var(--sdx-content-padding-x); padding-right: var(--sdx-content-padding-x); } } /* links on one line */ @media (min-width: 1600px) { .sdx-header nav ul { justify-content: space-evenly; padding: 0; } .sdx-header nav li { display: flex; align-items: center; width: auto; text-align: left; } .sdx-header .btn-login { width: 144px; } } /* * Main footer */ .sdx-footer { background-color: var(--sdx-color-black); } .sdx-footer .content { max-width: 640px; margin: 0 auto; padding: 36px var(--sdx-mobile-content-padding-x); } .sdx-footer .card-box { display: flex; flex-wrap: wrap; justify-content: center; gap: 36px; line-height: 0; } .sdx-footer .card-box > div { width: 100%; max-width: 240px; line-height: 20px; } .sdx-footer p { color: var(--sdx-color-bluegray-light); } .sdx-footer .title { margin-top: 13px; color: var(--sdx-color-white); font-weight: bold; } .sdx-footer .card-info p { margin-top: 18px; } .sdx-footer .card-info p b { color: var(--sdx-color-white); font-weight: 600; } .sdx-footer .card-info .social { display: flex; gap: 11px; margin-top: 12px; } .sdx-footer .card-info .social a { display: block; width: 40px; height: 40px; background-color: var(--sdx-color-main); background-position: center; background-repeat: no-repeat; border-radius: 80px; transition: opacity var(--sdx-link-hover-transition); } .sdx-footer .card-info .social a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-footer .card-about .title { margin-bottom: 28px; } .sdx-footer .card-links .links { display: flex; gap: 12px; } .sdx-footer .card-links .title { margin-bottom: 15px; } .sdx-footer .card-links .links p { color: var(--sdx-color-bluegray-light); } .sdx-footer .card-links li { width: 120px; margin-top: 16px; padding-left: 12px; background: var(--sdx-icon-link-arrow) 3px center no-repeat; background-size: 4px; line-height: 13px; } .sdx-footer .card-links a { color: var(--sdx-color-gray-lightest); transition: opacity var(--sdx-link-hover-transition); } .sdx-footer .card-links a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-footer .card-blog .title { margin-bottom: 35px; font-size: 16px; } .sdx-footer .card-blog .title a { color: var(--sdx-color-white); transition: opacity var(--sdx-link-hover-transition); } .sdx-footer .card-blog .title a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-footer .card-blog ul { display: flex; flex-wrap: wrap; gap: 10px; width: 212px; } .sdx-footer .card-blog li { display: inline-block; } .sdx-footer .card-blog li a { display: block; width: 64px; height: 64px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: opacity var(--sdx-link-hover-transition); } .sdx-footer .card-blog li a img{ width: 64px; height: 64px; } .sdx-footer .card-blog a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-footer .copyright { margin-top: 36px; color: var(--sdx-color-bluegray); text-align: center; } .sdx-footer .copyright a { color: var(--sdx-color-bluegray); transition: opacity var(--sdx-link-hover-transition); } .sdx-footer .copyright a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-footer .copyright span { display: none; } .sdx-footer .copyright ul{ display: flex; gap: 10px; flex-direction: column; } /* copyright on one line */ @media (min-width: 650px) { .sdx-footer .copyright ul{ flex-direction: row; } .sdx-footer .copyright ul li{ padding-bottom: 10px; } .copyright ul li:not(:last-child)::after { content: "|"; margin-left: 10px; } .sdx-footer .copyright span { display: inline; } .sdx-footer .copyright br { display: none; } } /* desktop size, footer boxes on one line */ @media (min-width: 1010px) { .sdx-footer .content { max-width: var(--sdx-medium-content-max-width); padding-top: 71px; padding-bottom: 55px; } .sdx-footer .card-box { flex-wrap: nowrap; justify-content: space-between; } .sdx-footer .copyright { text-align: left; } } /* bigger desktop padding */ @media (min-width: 1336px) { .sdx-footer .content { max-width: var(--sdx-content-max-width); padding-left: var(--sdx-content-padding-x); padding-right: var(--sdx-content-padding-x); } } /* * Container */ .sdx-container > .content { max-width: var(--sdx-medium-content-max-width); margin: 0 auto; padding: 0 var(--sdx-mobile-content-padding-x); } .sdx-container > .content-inner { max-width: var(--sdx-medium-content-inner-max-width); margin: 0 auto; padding: 0 var(--sdx-mobile-content-padding-x); } .sdx-container > .content.mobile-max, .sdx-container > .content-inner.mobile-max { max-width: var(--sdx-mobile-content-max-width); } .sdx-container > .content-full { max-width: var(--sdx-content-max-width); margin: 0 auto; } /* desktop size */ @media (min-width: 1010px) { .sdx-container > .content.mobile-max { max-width: var(--sdx-medium-content-max-width); } .sdx-container > .content-inner.mobile-max { max-width: var(--sdx-medium-content-inner-max-width); } } /* bigger desktop padding */ @media (min-width: 1336px) { .sdx-container > .content, .sdx-container > .content.mobile-max { max-width: var(--sdx-content-max-width); padding-left: var(--sdx-content-padding-x); padding-right: var(--sdx-content-padding-x); } .sdx-container > .content-inner, .sdx-container > .content-inner.mobile-max { max-width: var(--sdx-content-max-width); padding-left: var(--sdx-content-inner-padding-x); padding-right: var(--sdx-content-inner-padding-x); } } /* * Container with background blobs (moved below main header, used in topmost container) */ .sdx-container-below-header { margin-top: -80px; padding-top: 80px; background-color: #f5f7f6; background-image: none; } /* resize to original image sizes */ @media (min-width: 800px) { .sdx-container-below-header { background-position: right -189px top -458px, -445px 138px; background-size: 832px, 1373px, 0; } } /* react to increased header height */ @media (min-width: 1010px) { .sdx-container-below-header { margin-top: -93px; padding-top: 93px; } } /* show bottom right image */ @media (min-width: 1280px) { .sdx-container-below-header { background-position: right -189px top -458px, -445px 138px, right -156px top 320px; background-size: 832px, 1373px, 896px; } } /* position images relative to center on x-axis */ @media (min-width: 1536px) { .sdx-container-below-header { background-position: calc(50vw + 128px) -458px, calc(50vw - 1213px) 138px, left calc(50vw + 28px) top 320px; } } /* * Links */ .sdx-container a { color: var(--sdx-color-main-dark); transition: opacity var(--sdx-link-hover-transition); } .sdx-container a:hover { opacity: var(--sdx-link-hover-opacity); } /* * Buttons */ .sdx-container .btn-main, .sdx-modal .btn-main { display: inline-block; padding: 11px 40px; background-color: var(--sdx-color-main-dark); border-radius: 7px; color: var(--sdx-color-white); font-weight: 600; font-size: 13px; line-height: 16px; text-align: center; transition: var(--sdx-link-hover-transition); } .sdx-container .btn-main.secondary, .sdx-modal .btn-main.secondary { background: #FFF; border: 1px solid #D0D5DD; color: #344054; } .sdx-container .btn-main:hover, .sdx-modal .btn-main:hover { opacity: var(--sdx-link-hover-opacity); } /* * Select */ select { position: relative; padding-right: 48px !important; appearance: none; background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg width="60" height="64" fill="none" version="1.1" viewBox="0 0 60 64" xmlns="http://www.w3.org/2000/svg"%3E%3Crect y="-1.0112e-7" width="60" height="64" fill="%231ca67f" stroke-width="6.8532"/%3E%3Cpath d="M38.75 28.25L30 37L21.25 28.25" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/%3E%3C/svg%3E%0A'); background-size: contain; background-position: right; background-repeat: no-repeat; text-overflow: ellipsis; } /* * Slider input */ .slider-label { display: block; position: relative; } .slider-label .slider-value { position: absolute; right: 0; } .noUi-target { height: 7px; padding: 0 10px; background-color: #EAECF0; border: none; box-shadow: none; } .noUi-connects { margin: 0 -10px; width: calc(100% + 20px); } .noUi-connect { background-color: #1CA67F; } .noUi-handle::before, .noUi-handle::after { display: none; } .noUi-horizontal .noUi-handle { width: 20px; height: 20px; top: -6px; right: -10px; border: 2px solid #1CA67F; border-radius: 10px; box-shadow: 0 4px 7px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06); } .noUi-handle .noUi-touch-area { width: auto; height: auto; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; cursor: pointer; } /* * Checkbox switch */ .checkbox-switch { height: 23px; width: 40px; margin-left: 8px; appearance: none; background-color: #dadfe5; background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="3" fill="%23fff"/%3e%3c/svg%3e'); background-position: left center; background-repeat: no-repeat; border-radius: 20px; cursor: pointer; transition: background-color .3s, background-position .3s; } .checkbox-switch:checked { background-color: #23D9A5; background-position: right center; } .checkbox-switch-label { display: flex; align-items: center; } /* * Pagination */ .sdx-container .sdx-pagination { display: flex; max-width: 954px; margin: 0 auto; } .sdx-container .sdx-pagination > div { flex-basis: 100%; display: flex; border-top: 2px solid var(--sdx-color-bluegray-lighter); } .sdx-container .sdx-pagination .next { justify-content: end; } .sdx-container .sdx-pagination ul { display: flex; } .sdx-container .sdx-pagination a, .sdx-container .sdx-pagination span { display: flex; align-items: end; justify-content: center; height: 36px; padding: 0 20px 6px; border-top: 2px solid var(--sdx-color-bluegray-lighter); color: var(--sdx-color-bluegray-dark); font-size: 12px; font-weight: 500; line-height: 16px; transition: background-color var(--sdx-link-hover-transition); } .sdx-container .sdx-pagination a:hover { background-color: var(--sdx-color-main-dark-20); } .sdx-container .sdx-pagination span.current { height: 35px; border-top: 3px solid var(--sdx-color-main-dark); color: var(--sdx-color-main-dark); } .sdx-container .sdx-pagination span.dots { font-size: 14px; } .sdx-container .sdx-pagination .prev a { padding-left: 38px; padding-right: 10px; background-image: var(--sdx-icon-arrow-narrow-left); background-position: left 4px bottom 7px; background-repeat: no-repeat; background-size: 17px; } .sdx-container .sdx-pagination .next a { padding-right: 38px; padding-left: 10px; background-image: var(--sdx-icon-arrow-narrow-right); background-position: right 4px bottom 7px; background-repeat: no-repeat; background-size: 17px; } /* only current page with prev/next on small screens */ @media (max-width: 400px) { .sdx-container .sdx-pagination li:not(.active) { display: none; } } /* all pages without prev/next on medium screens */ @media (min-width: 400px) and (max-width: 720px) { .sdx-container .sdx-pagination > div a { display: none; } } /* * Slider navigation */ .sdx-container .splide__pagination { gap: 16px; margin-top: 15px; } .sdx-container .splide__pagination button { height: 12px; width: 12px; background-color: var(--sdx-color-gray-light); border-radius: 80px; transition: background-color var(--sdx-link-hover-transition); } .sdx-container .splide__pagination button:hover { background-color: var(--sdx-color-gray); } .sdx-container .splide__pagination button.is-active { background-color: var(--sdx-color-main-dark); } /* * Modals */ .sdx-modal { display: none; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 0 13px; background: rgba(52, 64, 84, 0.7); backdrop-filter: blur(8px); opacity: 0; transition: opacity .2s ease; z-index: 12000; } .sdx-modal.no-blur { background: rgba(24, 24, 24, 0.7); backdrop-filter: none; } .sdx-modal.open { opacity: 1; } .sdx-modal .box { width: 100%; position: relative; background-color: #fff; border-radius: 10px; } .sdx-modal .box > .sdx-modal-close { position: absolute; top: 10px; right: 16px; background-color: #fff; font-size: 15px; font-weight: 600; z-index: 9999; } .sdx-modal .content { padding: 16px 13px 19px; } .sdx-modal .footer { padding: 16px; border-top: 1px solid #EAECF0; } .sdx-modal .btn-main { width: 100%; } .sdx-modal .btn-main + .btn-main { margin-top: 10px; } .sdx-modal .btn-main { width: 100%; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } /* desktop size */ @media (min-width: 1010px) { .sdx-modal .footer { display: flex; gap: 10px; } .sdx-modal .btn-main { flex: 1; padding: 11px; order: 1; } .sdx-modal .btn-main + .btn-main { margin-top: 0; order: 0; } } /* * Modal need register hint */ #modal-need-register .box { max-width: 315px; } #modal-need-register .content { padding: 25px; text-align: center; } #modal-need-register .left { display: none; } #modal-need-register .title { width: 203px; margin: 0 auto; color: #1CA67F; font-size: 16px; font-weight: 700; line-height: 24px; } #modal-need-register .image { width: 193px; height: 188px; margin: 0 auto 10px; background: url('../images/need-register-bg.svg') no-repeat; background-size: contain; } #modal-need-register .text { color: #0D0D0D; font-size: 13px; font-weight: 500; line-height: 20px; } #modal-need-register .btn-main { margin-top: 12px; } /* desktop size */ @media (min-width: 1010px) { #modal-need-register .box { max-width: 818px; } #modal-need-register .content { padding: 66px 31px 74px 49px; text-align: left; } #modal-need-register .row { display: flex; justify-content: space-between; align-items: center; } #modal-need-register .left { display: block; } #modal-need-register .right { flex: 1; } #modal-need-register .right .image { display: none; } #modal-need-register .image { width: 249px; height: 242px; margin: 0 80px 0 0; } #modal-need-register .title { width: 245px; margin: 0; font-size: 20px; font-weight: 600; line-height: 29px; } #modal-need-register .text { width: 270px; margin-top: 30px; color: #000; font-size: 16px; font-weight: 500; line-height: 24px; } #modal-need-register .btn-main { margin-top: 30px; } } /* * Modal register hint */ #modal-register-hint .box { max-width: 280px; } #modal-register-hint .content { text-align: center; } #modal-register-hint .title { margin-top: 16px; color: #101828; font-size: 15px; font-weight: 600; line-height: 23px; } #modal-register-hint .title + p { margin-top: 4px; color: #475467; font-size: 12px; line-height: 16px; } /* desktop size */ @media (min-width: 1010px) { #modal-register-hint .box { max-width: 320px; } } /* * Modal business hint */ #modal-business-hint .box { max-width: 600px; } #modal-business-hint p { color: #475467; font-size: 14px; font-weight: 500; line-height: 18px; } #modal-business-hint textarea { display: block; width: 100%; height: 200px; margin-top: 7px; padding: 12px 13px; border: 2px solid var(--sdx-color-gray-lighter); border-radius: 7px; font-weight: 500; line-height: 16px; resize: vertical; } /* * Modal business hint sent */ #modal-business-hint-sent .box { max-width: 300px; } #modal-business-hint-sent .content { text-align: center; } #modal-business-hint-sent .title { margin-top: 16px; color: #101828; font-size: 15px; font-weight: 600; line-height: 23px; } #modal-business-hint-sent .title + p { margin-top: 4px; color: #475467; font-size: 12px; line-height: 16px; } /* * Modal open profile */ #modal-open-profile .box { max-width: 280px; } #modal-open-profile .content { text-align: center; } #modal-open-profile .title { margin-top: 16px; color: #101828; font-size: 15px; font-weight: 600; line-height: 23px; } #modal-open-profile .title + p { margin-top: 4px; color: #475467; font-size: 12px; line-height: 16px; } /* desktop size */ @media (min-width: 1010px) { #modal-open-profile .box { max-width: 320px; } } /* * Modal monitoring */ #modal-monitoring .box { max-width: 480px; } #modal-monitoring.logged-out .box { max-width: 280px; } #modal-monitoring .content { text-align: center; } #modal-monitoring .title { margin-top: 16px; color: #101828; font-size: 15px; font-weight: 600; line-height: 23px; } #modal-monitoring .title + p { margin-top: 4px; color: #475467; font-size: 12px; line-height: 16px; } #modal-monitoring .form-content { text-align: left; } #modal-monitoring .form-content label { display: block; margin-top: 15px; margin-bottom: 4px; cursor: pointer; } #modal-monitoring .form-content label input { margin-right: 10px; } /* desktop size */ @media (min-width: 1010px) { #modal-monitoring .box { max-width: 520px; } #modal-monitoring.logged-out .box { max-width: 320px; } } /* * Page blog postings */ .sdx-page-blog-postings .top .content { padding-top: 16px; padding-bottom: 24px; } .sdx-page-blog-postings .top h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-page-blog-postings .top form { width: 100%; max-width: 280px; margin: 24px auto 0; padding: 20px; background-color: var(--sdx-color-white); border-radius: 7px; } .sdx-page-blog-postings .top form .row:not(:first-child) { margin-top: 13px; } .sdx-page-blog-postings .top form label { font-weight: 600; font-size: 15px; line-height: 18px; color: #1CA67F; } .sdx-page-blog-postings .top form input, .sdx-page-blog-postings .top form select { display: block; width: 100%; margin-top: 6px; padding: 16px; background-color: #fff; border: 1px solid #E8E8E8; border-radius: 8px; } .sdx-page-blog-postings .top form .btn-main { width: 100%; margin-top: 7px; padding: 20px; background-color: #23D9A5; } .sdx-page-blog-postings .posts { background-color: var(--sdx-color-gray-lightest); } .sdx-page-blog-postings .posts .content { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; padding-top: 24px; } .sdx-page-blog-postings .posts .card { width: 100%; max-width: 280px; background-color: var(--sdx-color-white); border-radius: 7px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07); overflow: hidden; } .sdx-page-blog-postings .posts .post-image { display: block; height: 152px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-blog-postings .posts .post-image:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-blog-postings .posts .post-data { padding: 16px 20px 20px; overflow: hidden; word-wrap: break-word; } .sdx-page-blog-postings .posts .info { display: none; } .sdx-page-blog-postings .posts h2 { font-size: 13px; line-height: 20px; font-weight: 600; } .sdx-page-blog-postings .posts h2 a { color: var(--sdx-color-bluegray-darker); transition: color var(--sdx-link-hover-transition); } .sdx-page-blog-postings .posts h2 a:hover { color: var(--sdx-color-main-dark); } .sdx-page-blog-postings .posts .text { margin-top: 16px; margin-bottom: 13px; color: var(--sdx-color-gray-dark); font-size: 12px; line-height: 15px; } .sdx-page-blog-postings .posts .text p + p { margin-top: 1em; } .sdx-page-blog-postings .posts .more { color: var(--sdx-color-main-dark); font-size: 12px; font-weight: 700; line-height: 19px; transition: color var(--sdx-link-hover-transition); } .sdx-page-blog-postings .posts .more:hover { color: #000; } .sdx-page-blog-postings .posts .sdx-pagination { margin-top: 71px; padding-bottom: 72px; } /* form inputs side by side */ @media (min-width: 700px) { .sdx-page-blog-postings .top form { max-width: 912px; } .sdx-page-blog-postings .top form .group { display: flex; gap: 28px; } .sdx-page-blog-postings .top form .group .row { width: calc(62% - 14px); } .sdx-page-blog-postings .top form .group .row + .row { width: calc(38% - 14px); margin-top: 0; } } /* desktop size */ @media (min-width: 1010px) { .sdx-page-blog-postings .top .content { padding-top: 100px; padding-bottom: 50px; } .sdx-page-blog-postings .top h1 { font-size: 64px; line-height: 77px; } .sdx-page-blog-postings .top form { margin-top: 29px; } .sdx-page-blog-postings .posts .content { flex-direction: column; flex-wrap: nowrap; align-items: center; padding-top: 50px; } .sdx-page-blog-postings .posts .card { display: flex; width: 912px; max-width: none; border: 1px solid var(--sdx-color-gray-lighter); box-shadow: none; } .sdx-page-blog-postings .posts .post-image { flex: 0 0 597px; order: 2; height: auto; } .sdx-page-blog-postings .posts .post-data { flex-grow: 1; order: 1; padding: 24px; } .sdx-page-blog-postings .posts .info { display: block; color: var(--sdx-color-gray-darker); font-size: 12px; font-weight: 500; line-height: 13px; } .sdx-page-blog-postings .posts .info span { display: inline-block; padding-left: 16px; background-position: left center; background-repeat: no-repeat; } .sdx-page-blog-postings .posts .info a { color: var(--sdx-color-gray-darker); transition: opacity var(--sdx-link-hover-transition); } .sdx-page-blog-postings .posts .info a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-blog-postings .posts .info .date { background-image: var(--sdx-icon-calendar); background-size: 9px; } .sdx-page-blog-postings .posts .info .author { margin-left: 16px; background-image: var(--sdx-icon-author); background-size: 9px; } .sdx-page-blog-postings .posts .info .category { margin-top: 16px; padding-left: 20px; background-image: var(--sdx-icon-category); background-size: 12px; } .sdx-page-blog-postings .posts .info .category, .sdx-page-blog-postings .posts .info .category a { color: var(--sdx-color-main-dark); } .sdx-page-blog-postings .posts h2 { margin-top: 13px; font-size: 23px; font-weight: 700; line-height: 32px; } .sdx-page-blog-postings .posts .text { margin-bottom: 19px; font-size: 15px; line-height: 20px; } .sdx-page-blog-postings .posts .more { font-size: 15px; } .sdx-page-blog-postings .posts .sdx-pagination { margin-top: 58px; padding-bottom: 120px; } } /* * Page blog single */ .sdx-page-blog-single .title .content { padding-top: 16px; padding-bottom: 24px; } .sdx-page-blog-single .title h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; word-wrap: break-word; } .sdx-page-blog-single .title p { margin-top: 24px; color: var(--sdx-color-white); font-size: 12px; line-height: 16px; text-align: center; } .sdx-page-blog-single .title p a { color: var(--sdx-color-white); transition: opacity var(--sdx-link-hover-transition); } .sdx-page-blog-single .title p a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-blog-single .post { background-color: var(--sdx-color-gray-lightest); } .sdx-page-blog-single .post-image { height: 42vw; background-position: center; background-repeat: no-repeat; background-size: cover; } .sdx-page-blog-single .post .card { max-width: 720px; margin-left: auto; margin-right: auto; background-color: var(--sdx-color-white); border: 1px solid var(--sdx-color-gray-lighter); border-radius: 7px; } .sdx-page-blog-single .post .card-header { padding: 23px 24px 21px; border-bottom: 2px solid var(--sdx-color-gray-lightest); } .sdx-page-blog-single .post .card-footer { padding: 21px 24px 23px; border-top: 2px solid var(--sdx-color-gray-lightest); } .sdx-page-blog-single .post-content { margin-top: 32px; } .sdx-page-blog-single .post-content .card-header, .sdx-page-blog-single .post-content .card-footer { color: var(--sdx-color-gray-darker); font-size: 12px; font-weight: 500; line-height: 13px; } .sdx-page-blog-single .post-content .card-header span, .sdx-page-blog-single .post-content .card-footer span { display: inline-block; padding-left: 16px; background-position: left center; background-repeat: no-repeat; } .sdx-page-blog-single .post-content .card-header a, .sdx-page-blog-single .post-content .card-footer a { color: var(--sdx-color-gray-darker); transition: opacity var(--sdx-link-hover-transition); } .sdx-page-blog-single .post-content .card-header a:hover, .sdx-page-blog-single .post-content .card-footer a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-blog-single .post-content .card-header .date { background-image: var(--sdx-icon-calendar); background-size: 9px; } .sdx-page-blog-single .post-content .card-header .author { margin-left: 24px; background-image: var(--sdx-icon-author); background-size: 9px; } .sdx-page-blog-single .post-content .card-footer .tags { padding-left: 20px; background-image: var(--sdx-icon-category); background-size: 12px; } .sdx-page-blog-single .post-content .card-footer .tags, .sdx-page-blog-single .post-content .card-footer .tags a { color: var(--sdx-color-main-dark); } .sdx-page-blog-single .post-text { padding: 24px 31px; font-size: 15px; line-height: 22px; color: var(--sdx-color-purplegray-dark); word-wrap: break-word; } .sdx-page-blog-single .post-text p:not(:first-child) { margin-top: 1em; } .sdx-page-blog-single .post-text h1:not(:first-child), .sdx-page-blog-single .post-text h2:not(:first-child), .sdx-page-blog-single .post-text h3:not(:first-child), .sdx-page-blog-single .post-text h4:not(:first-child), .sdx-page-blog-single .post-text h5:not(:first-child), .sdx-page-blog-single .post-text h6:not(:first-child) { margin-top: 1.5em; } .sdx-page-blog-single .post-text h2, .sdx-page-blog-single .post-text h3, .sdx-page-blog-single .post-text h4, .sdx-page-blog-single .post-text h5, .sdx-page-blog-single .post-text h6 { color: var(--sdx-color-main-dark); } .sdx-page-blog-single .post-text a { color: var(--sdx-color-main-dark); transition: opacity var(--sdx-link-hover-transition); } .sdx-page-blog-single .post-text a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-blog-single .post-text figure, .sdx-page-blog-single .post-text .wp-caption { max-width: 100%; position: relative; margin-top: 1em; } .sdx-page-blog-single .post-text .wp-caption.aligncenter { margin: 1em auto 0; } .sdx-page-blog-single .post-text figure img, .sdx-page-blog-single .post-text .wp-caption img { border-radius: 10px; } .sdx-page-blog-single .post-text figcaption, .sdx-page-blog-single .post-text .wp-caption-text { margin: 0; padding: 8px 13px; background-color: rgba(35, 217, 165, .8); border-radius: 7px; color: #0D0D0D; font-weight: 500; font-size: 12px; line-height: 13px; } .sdx-page-blog-single .post-text iframe { max-width: 100%; } .sdx-page-blog-single .post-comments { margin-top: 26px; padding-bottom: 45px; } .sdx-page-blog-single .post-comments .card-header { padding-top: 20px; padding-bottom: 18px; color: var(--sdx-color-black-light); font-weight: 700; } .sdx-page-blog-single .post-comments p.no-comment { margin: 24px 24px 0; text-align: center; } .sdx-page-blog-single .post-comments .comments { padding: 0 31px; } .sdx-page-blog-single .post-comments .children { margin-left: 58px; } .sdx-page-blog-single .post-comments .comment { margin-top: 23px; } .sdx-page-blog-single .post-comments .comment-header { display: flex; gap: 13px; } .sdx-page-blog-single .post-comments .author-image { flex-shrink: 0; width: 39px; height: 39px; } .sdx-page-blog-single .post-comments .author-image img { border-radius: 7px; } .sdx-page-blog-single .post-comments .comment-info { display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .sdx-page-blog-single .post-comments .comment-info .date { padding-left: 16px; background: var(--sdx-icon-calendar) left center no-repeat; background-size: 9px; color: var(--sdx-color-gray-darker); font-size: 12px; font-weight: 500; line-height: 13px; } .sdx-page-blog-single .post-comments .comment-info .author { color: var(--sdx-color-black-light); font-weight: 700; } .sdx-page-blog-single .post-comments .comment-info .author a { color: var(--sdx-color-black-light); transition: opacity var(--sdx-link-hover-transition); } .sdx-page-blog-single .post-comments .comment-info .author a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-blog-single .post-comments .comment-info .links a { color: var(--sdx-color-main-dark); font-size: 12px; font-weight: 500; line-height: 13px; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-blog-single .post-comments .comment-info .links a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-blog-single .post-comments .comment-info .comment-reply-link { padding-right: 16px; background: var(--sdx-icon-comment) right center no-repeat; background-size: 11px; } .sdx-page-blog-single .post-comments .comment-content { margin-top: 13px; line-height: 21px; color: var(--sdx-color-gray-darker); } .sdx-page-blog-single .post-comments .comment-content p + p { margin-top: 1em; } .sdx-page-blog-single .post-comment-form { margin-top: 32px; } .sdx-page-blog-single .post-comment-form .card-header { padding-top: 20px; padding-bottom: 18px; color: var(--sdx-color-black-light); font-weight: 700; } .sdx-page-blog-single .post-comment-form form { padding: 23px 31px 26px; } .sdx-page-blog-single .post-comment-form .row:not(:first-child) { margin-top: 13px; } .sdx-page-blog-single .post-comment-form form label { color: var(--sdx-color-gray-darker); font-size: 12px; font-weight: 500; line-height: 13px; } .sdx-page-blog-single .post-comment-form form input, .sdx-page-blog-single .post-comment-form form textarea { display: block; width: 100%; margin-top: 7px; padding: 12px 13px; border: 2px solid var(--sdx-color-gray-lighter); border-radius: 7px; font-weight: 500; line-height: 16px; resize: vertical; } .sdx-page-blog-single .post-comment-form form .btn-main { width: 100%; margin-top: 7px; } .sdx-page-blog-single .sdx-block-newsletter .content { padding-top: 30px; padding-bottom: 30px; } .sdx-page-blog-single .post-text table{ width: 100%; display: block; border-collapse: collapse; overflow: auto; /* Always show the scrollbar */ -webkit-overflow-scrolling: touch; scrollbar-width: thin; /* For Firefox */ scrollbar-color: #1ca67f #f0f0f0; /* For Firefox */ } /* .sdx-page-blog-single .post-text table th{ padding: 10px } */ .sdx-page-blog-single .post-text table::-webkit-scrollbar { height: 12px; /* Height for horizontal scrollbars */ } .sdx-page-blog-single .post-text table::-webkit-scrollbar-track { background: #eee; /* Track background color */ } .sdx-page-blog-single .post-text table::-webkit-scrollbar-thumb { background-color: #1ca67f; /* Scrollbar color */ border-radius: 10px; /* Rounded scrollbar */ border: 2px solid #eee; /* Adds space around the thumb */ } .sdx-page-blog-single .post-text table::-webkit-scrollbar-thumb:hover { background-color: #1ca67f; /* Scrollbar color on hover */ } /* image caption inside on top of image, form inputs side by side */ @media (min-width: 600px) { .sdx-page-blog-single .post-text figcaption, .sdx-page-blog-single .post-text .wp-caption-text { max-width: calc(100% - 62px); position: absolute; left: 31px; bottom: 24px; } .sdx-page-blog-single .post-comment-form .group { display: flex; gap: 28px; } .sdx-page-blog-single .post-comment-form .group .row { width: 50%; } .sdx-page-blog-single .post-comment-form .group .row + .row { margin-top: 0; } .sdx-page-blog-single .post-comment-form form .btn-main { width: auto; } } /* comment links align right */ @media (min-width: 640px) { .sdx-page-blog-single .post-comments .comment-info .bottom { display: flex; align-items: center; justify-content: space-between; } } /* desktop size */ @media (min-width: 1010px) { .sdx-page-blog-single .title .content { padding-top: 100px; padding-bottom: calc(22vw + 24px); } .sdx-page-blog-single .title h1 { font-size: 32px; } .sdx-page-blog-single .title p { font-size: 15px; line-height: 23px; } .sdx-page-blog-single .post .content-full { padding: 0 var(--sdx-content-padding-x); } .sdx-page-blog-single .post-image { height: auto; position: relative; top: -22vw; margin-bottom: -22vw; padding-top: 42%; /* keep aspect ratio */ border-radius: 10px; } .sdx-page-blog-single .post-content { margin-top: 56px; } .sdx-page-blog-single .sdx-block-newsletter .content { padding-top: 60px; padding-bottom: 60px; } } /* fixed image position */ @media (min-width: 1690px) { .sdx-page-blog-single .title .content { padding-bottom: 396px; } .sdx-page-blog-single .post-image { top: -372px; margin-bottom: -372px; } } /* * Page PmPro (used in combination with other pages) */ .sdx-page-pmpro .content { padding-top: 40px; padding-bottom: 136px; } .sdx-page-pmpro .top h1 { font-weight: 600; font-size: 32px; line-height: 40px; text-align: center; color: #FFF; } .sdx-page-pmpro .top p { margin-top: 7px; font-size: 12px; line-height: 16px; color: #FFF; text-align: center; } .sdx-page-pmpro .top p a { font-weight: 500; color: #23D9A5; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-pmpro .top p a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-pmpro .box { max-width: 359px; margin: 26px auto 0; padding: 26px 32px; background-color: #FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); border-radius: 7px; } .sdx-page-pmpro .box label { display: block; font-weight: 500 !important; font-size: 12px; line-height: 16px; color: #374151; } .sdx-page-pmpro .box a { color: #1CA67F; font-weight: 500; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-pmpro .box a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-pmpro input[type="text"], .sdx-page-pmpro input[type="password"], .sdx-page-pmpro .box input[type="email"], .sdx-page-pmpro .box select { width: 100% !important; max-width: none !important; margin-top: 4px; padding: 8px 11px; background-color: #fff; border: 1px solid #D1D5DB; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 5px; } .sdx-page-pmpro input[type="text"].pmpro_error, .sdx-page-pmpro input[type="password"].pmpro_error, .sdx-page-pmpro .box input[type="email"].pmpro_error, .sdx-page-pmpro .box select.pmpro_error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .sdx-page-pmpro input[type="submit"] { width: 100%; padding: 8px 11px; background-color: #1CA67F; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border: 0; border-radius: 5px; font-weight: 500; font-size: 12px; line-height: 16px; color: #FFF; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-pmpro input[type="submit"]:hover { cursor: pointer; opacity: var(--sdx-link-hover-opacity); } /* * Page login */ .sdx-page-login .pmpro_login_wrap { margin-bottom: 0; } .sdx-page-login .box p { margin-bottom: 0 !important; } .sdx-page-login .box form > p + p { margin-top: 20px !important; } .sdx-page-login .login-remember label, .sdx-page-login .login-remember input { cursor: pointer; } .sdx-page-login hr, .sdx-page-login .pmpro_actions_nav, .sdx-page-login .pmpro_login_wrap ~ .link-back-to-login { display: none; } /* .sdx-page-login .link-reset-password, .sdx-page-login .link-back-to-login { margin-top: 16px; text-align: center; } */ /* .sdx-page-login .link-reset-password a, .sdx-page-login .link-back-to-login a { font-size: 12px; line-height: 16px; color: #23D9A5; } */ .sdx-page-login .pmpro_message { margin-top: 0; margin-bottom: 20px; } /* lost password */ .sdx-page-login .pmpro_lost_password_wrap { margin-bottom: 0; } .sdx-page-login .pmpro_lost_password-instructions { font-size: 12px; line-height: 16px; } .sdx-page-login .pmpro_lost_password-field, .sdx-page-login .pmpro_submit { margin: 20px 0 0 !important; } .sdx-page-login .pmpro_lost_password_wrap ~ .link-reset-password { display: none; } /* password reset */ .sdx-page-login #pass-strength-result { width: 100% !important; max-width: none !important; margin-top: 4px; border-radius: 5px; } .sdx-page-login #pass-strength-result + p { font-size: 12px; line-height: 16px; } .sdx-page-login .pmpro_reset_password-field-pass2 { margin-top: 20px; } .sdx-page-login .pmpro_reset_password_wrap ~ .link-reset-password { display: none; } /* move reset password link */ @media (min-width: 400px) { .sdx-page-login .box { position: relative; } /* .sdx-page-login .link-reset-password { position: absolute; bottom: 75px; right: 32px; } */ } /* * Page register type */ .sdx-page-register-type .box { max-width: 550px; } .sdx-page-register-type .box a { width: 100%; color: #fff; text-align: left; padding: 11px 11px 11px 67px; background-image: var(--sdx-icon-register-person); background-position: 11px center; background-repeat: no-repeat; } .sdx-page-register-type .box a + a { margin-top: 20px; background-image: var(--sdx-icon-register-company); } .sdx-page-register-type .box p + p { margin-top: 5px; } /* * Page account */ .sdx-page-account .box { max-width: 360px; padding: 20px 16px; } .sdx-page-account .box .top-row .btn-main { margin-top: 16px; color: #fff; } .sdx-page-account .box h2 { font-weight: 600; font-size: 20px; line-height: 26px; color: #101828; } .sdx-page-account .box h2 + p { font-size: 13px; line-height: 20px; color: #475467; } .sdx-page-account .box h3 { margin-top: 32px; font-weight: 500; font-size: 14px; line-height: 20px; color: #344054; } .sdx-page-account .box .data-box { margin-top: 20px; border: 1px solid #EAECF0; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06); border-radius: 12px; } .sdx-page-account .box .data { padding: 20px 16px; } .sdx-page-account .box .data .label { margin-top: 23px; font-weight: 500; font-size: 12px; line-height: 16px; color: #344054; } .sdx-page-account .box .data .value { margin-top: 6px; height: 42px; padding: 10px 14px; border: 1px solid #D0D5DD; border-radius: 7px; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); font-size: 13px; line-height: 20px; color: #101828; } .sdx-page-account .box .data .row:first-child .col:first-child .label { margin-top: 0; } .sdx-page-account .box .profile-btn { padding: 15px 20px 12px; border-top: 1px solid #EAECF0; text-align: right; } .sdx-page-account .box .profile-btn a { color: #fff; } .sdx-page-account .box .list { padding: 12px; } .sdx-page-account .box .list .row { display: flex; align-items: center; gap: 12px; } .sdx-page-account .box .list .row + .row { margin-top: 30px; } .sdx-page-account .box .list .row .icon { flex: 0 0 37px; height: 37px; background: #F4EBFF var(--sdx-icon-invoice) center no-repeat; background-size: 16px; border: 5px solid #F9F5FF; border-radius: 23px; } .sdx-page-account .box .list .row .info { flex: 1; } .sdx-page-account .box .list .row p { font-size: 12px; line-height: 16px; color: #475467; } .sdx-page-account .box .list .row p.title { font-weight: 500; } .sdx-page-account .box .list .row .status { align-self: start; width: 13px; height: 13px; background-color: #E0E0E0; border-radius: 8px; } .sdx-page-account .box .list .row .status.success { background: #1CA67F var(--sdx-icon-check) center no-repeat; background-size: 8px; } .sdx-page-account .box .subscription .list .row .icon, .sdx-page-account .box .profiles .list .row .icon { flex: 0 0 41px; height: 41px; background: var(--sdx-icon-sub) center no-repeat; background-size: auto; border: 0; border-radius: 0; } .sdx-page-account .confirm-box { margin-bottom: 1rem; padding: .75rem 1.25rem; color: #155724; background-color: #d4edda; border: 1px solid #c3e6cb; border-radius: .25rem; } /* desktop size */ @media (min-width: 1010px) { .sdx-page-account .box { max-width: 1040px; padding: 40px 32px; } .sdx-page-account .box .top-row { display: flex; justify-content: space-between; } .sdx-page-account .box .top-row .btn-main { margin-top: 0; } .sdx-page-account .box .section { display: flex; } .sdx-page-account .box .section h3 { width: 300px; } .sdx-page-account .box .data-box { flex: 1; margin-top: 32px; } .sdx-page-account .box .data { padding: 24px; } .sdx-page-account .box .data .row { display: flex; gap: 24px; } .sdx-page-account .box .data .row + .row { margin-top: 24px; } .sdx-page-account .box .data .col { flex: 1; } .sdx-page-account .box .data .label { margin-top: 0; } .sdx-page-account .box .profile-btn { padding: 16px 24px; } } /* * Page checkout */ .sdx-page-checkout .box { max-width: 619px; } .sdx-page-checkout .box .account-type h2 { margin-bottom: 1em; font-weight: 400; font-size: 14px; } .sdx-page-checkout .box .account-type h2 b { font-weight: 600; } .sdx-page-checkout #pmpro_account_loggedin { margin-bottom: 2em; } .sdx-page-checkout .box .pmpro_checkout-fields input[type="radio"] + a { font-size: 16px; font-weight: 600; } .sdx-page-checkout .box .pmpro_asterisk, .sdx-page-checkout .box hr, .sdx-page-checkout #pmpro_checkout_box-accounttyp, .sdx-page-checkout .pmpro_checkout_box-accounttyp, .sdx-page-checkout #pmpro_user_fields > h3, .sdx-page-checkout .pmpro_btn-cancel, .sdx-page-checkout #pmpro_level-4 .pmpro_checkout-field-firstname, .sdx-page-checkout #pmpro_level-4 .pmpro_checkout-field-lastname { display: none; } .sdx-page-checkout #pmpro_checkout_box-adressdaten-firma, .sdx-page-checkout .pmpro_checkout_box-adressdaten-firma, .sdx-page-checkout #pmpro_checkout_box-kontaktdaten, .sdx-page-checkout .pmpro_checkout_box-kontaktdaten, .sdx-page-checkout #pmpro_checkout_box-nutzung-des-accounts, .sdx-page-checkout .pmpro_checkout_box-nutzung-des-accounts, .sdx-page-checkout #pmpro_autorenewal_checkbox, .sdx-page-checkout .pmpro_autorenewal_checkbox, .sdx-page-checkout #pmpro_payment_method, .sdx-page-checkout #pmpro_billing_address_fields, .sdx-page-checkout .pmpro_checkout_box-zahlungsadresse, .sdx-page-checkout #pmpro_tos_fields { margin-top: 2em; padding-top: 2em; border-top: 1px solid #D1D5DB; } .sdx-page-checkout .box > h2, .sdx-page-checkout #pmpro_checkout_box-adressdaten-firma > h2, .sdx-page-checkout .pmpro_checkout_box-adressdaten-firma > h2, .sdx-page-checkout #pmpro_checkout_box-kontaktdaten > h2, .sdx-page-checkout .pmpro_checkout_box-kontaktdaten > h2, .sdx-page-checkout #pmpro_checkout_box-nutzung-des-accounts > h2, .sdx-page-checkout .pmpro_checkout_box-nutzung-des-accounts > h2, .sdx-page-checkout #pmpro_autorenewal_checkbox > h3, .sdx-page-checkout .pmpro_autorenewal_checkbox > h3, .sdx-page-checkout #pmpro_payment_method > h3, .sdx-page-checkout .pmpro_payment_method > h3, .sdx-page-checkout #pmpro_billing_address_fields > h2, .sdx-page-checkout .pmpro_checkout_box-zahlungsadresse > h2 { margin-top: 0; font-weight: 600; font-size: 14px; } .sdx-page-checkout .box > h2, .sdx-page-checkout .pmpro_checkout_box-adressdaten-firma > h2, .sdx-page-checkout .pmpro_checkout_box-kontaktdaten > h2, .sdx-page-checkout .pmpro_checkout_box-nutzung-des-accounts > h2, .sdx-page-checkout .pmpro_autorenewal_checkbox > h3, .sdx-page-checkout .pmpro_payment_method > h3 { margin-bottom: 1rem; } .sdx-page-checkout #pmpro_autorenewal_checkbox > h3, .sdx-page-checkout #pmpro_payment_method > h3, .sdx-page-checkout .pmpro_checkout_box-zahlungsadresse > h2 { margin: 0 .5rem 1rem 0; } .sdx-page-checkout #pmpro_pricing_fields { margin-top: 2em; margin-bottom: 2em; } .sdx-page-checkout #pmpro_level_cost { margin-top: 1em; } .sdx-page-checkout .box .gateway_paypalstandard::after { content: ' oder '; } .sdx-page-checkout .box .gateway_check { margin-left: 6px; } .sdx-page-checkout .box form.pmpro_form .pmpro_submit { margin-top: 2em; } .sdx-page-checkout .link-back-to-account { text-align: center; } /* * Page branch risks */ .sdx-page-branch-risks { position: relative; } .sdx-page-branch-risks::after { content: ''; position: absolute; left: 0; right: 0; top: 440px; bottom: 0; background-color: #f2f2f2; z-index: 1; } .sdx-page-branch-risks .content { position: relative; padding-top: 16px; z-index: 2; } .sdx-page-branch-risks h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-page-branch-risks .box { margin-top: 40px; padding: 26px 16px 16px; background-color: #FFF; border-radius: 13px; } .sdx-page-branch-risks .box .sdx-page-blog-single .post-text img { border-radius: 0; } /* desktop size */ @media (min-width: 1010px) { .sdx-page-branch-risks::after { top: 710px; } .sdx-page-branch-risks .content { padding-top: 101px; padding-bottom: 64px; } .sdx-page-branch-risks h1 { font-size: 32px; } .sdx-page-branch-risks .box { margin-top: 96px; padding: 77px; } } /* * Page business profile */ .sdx-page-business-profile .score-graph .scoredex-title{ display: inline-block; position: relative; margin-top: 12px; width: auto; height: auto; padding: 7px 12px; border-radius: 4px; font-size: 12px; line-height: 17px; margin-bottom: 5px; color: white; font-weight: bold; } .sdx-page-business-profile .score-graph.score-5 .scoredex-title{ background-color: #BC5959; } .sdx-page-business-profile .score-graph.score-4 .scoredex-title{ background-color: #BC9459; } .sdx-page-business-profile .score-graph.score-3 .scoredex-title{ background-color: #BABC59; } .sdx-page-business-profile .score-graph.score-2 .scoredex-title{ background-color: #7FBC59; } .sdx-page-business-profile .score-graph.score-1 .scoredex-title{ background-color: #23D9A5; } .sdx-page-business-profile .content { max-width: var(--sdx-mobile-content-max-width); } .sdx-page-business-profile .header { position: relative; } .sdx-page-business-profile .header::after { content: ''; position: absolute; left: 0; right: 0; top: calc(50% + 40px); bottom: 0; background-color: #f2f2f2; z-index: 1; } .sdx-page-business-profile .header .content { position: relative; padding-top: 30px; z-index: 2; } .sdx-page-business-profile .header .profile-box { background-color: #23D9A5; border-radius: 13px; overflow: hidden; text-align: center; } .sdx-page-business-profile .header .top { padding: 20px 20px 39px; } .sdx-page-business-profile .header .left { width: 100%; } .sdx-page-business-profile .header .logo { position: relative; padding-top: 100%; background-color: #fff; border-radius: 13px; box-shadow: inset -1px -1px 3px rgba(0, 0, 0, .3); filter: drop-shadow(-10px 4px 8px rgba(0, 0, 0, .25)); } .sdx-page-business-profile .header .logo .inner { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 8px; } .sdx-page-business-profile .header .logo img { max-width: 90%; max-height: 90%; } .sdx-page-business-profile .header .branch { margin-top: 20px; } .sdx-page-business-profile .header .legal-form, .sdx-page-business-profile .header .contact { margin-top: 24px; } .sdx-page-business-profile .header .title { display: inline-block; padding: 0 18px; background-color: #1CA67F; border-radius: 13px; color: #fff; font-weight: 600; font-size: 13px; line-height: 23px;; } .sdx-page-business-profile .header h1 { margin-top: 14px; font-weight: 700; font-size: 16px; line-height: 20px; color: #fff; word-wrap: break-word; } .sdx-page-business-profile .header .title + p { margin-top: 8px; font-size: 12px; line-height: 16px; color: #fff; } .sdx-page-business-profile .header .right { margin-top: 24px; display: flex; gap: 15px; flex-direction: column; } .sdx-page-business-profile .header .score { padding: 16px; background-color: #1CA67F; border-radius: 12px; } .sdx-page-business-profile.closed .header .score { position: relative; user-select: none; } .sdx-page-business-profile.closed .header .score::after { content: ''; position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; background-color: #fff; -webkit-mask-image: var(--sdx-icon-lock-locked); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-image: var(--sdx-icon-lock-locked); mask-position: center; mask-repeat: no-repeat; mask-size: contain; } .sdx-page-business-profile .header .score p { font-size: 15px; font-weight: 500; line-height: 20px; color: #fff; } .sdx-page-business-profile.closed .header .score p { filter: blur(7px); } .sdx-page-business-profile .header .score .points { font-weight: 700; font-size: 32px; line-height: 32px; } .sdx-page-business-profile .header .closed-info { color: #fff; text-align: center; } .sdx-page-business-profile .header .bottom { background-color: #1CA67F; color: #fff; } .sdx-page-business-profile .header .bottom a { color: #fff; text-decoration: underline; } .sdx-page-business-profile .header .bottom a:hover { text-decoration: none; } .sdx-page-business-profile .header .bottom li { padding: 14px; font-size: 18px; line-height: 24px; } .sdx-page-business-profile .header .bottom li + li { border-top: 2px solid rgba(215, 215, 217, .2); } .sdx-page-business-profile .header .header-links { display: none; } .sdx-page-business-profile .toc { position: sticky; top: 18px; background-color: #f2f2f2; z-index: 10000; } .admin-bar .sdx-page-business-profile .toc { top: 50px; } .sdx-page-business-profile .toc .content { padding-top: 10px; padding-bottom: 10px; } .sdx-page-business-profile .toc ul { display: flex; gap: 23px; border-bottom: 1px solid #E5E7EB; overflow-x: scroll; } .sdx-page-business-profile .toc h2 { font-weight: 600; font-size: 23px; line-height: 33px; color: #111827; text-align: center; } .sdx-page-business-profile .toc a { display: block; margin-top: 12px; padding: 0 0 8px 0; font-size: 15px; line-height: 22px; border-bottom: 2px solid transparent; /* color: #6B7280; */ color: #141414; font-weight: 500; transition: color var(--sdx-link-hover-transition); white-space: nowrap; } .sdx-page-business-profile .toc a:hover { color: #1CA67F; } .sdx-page-business-profile .toc a + a { margin-top: 4px; } .sdx-page-business-profile .main { background-color: #f2f2f2; } .sdx-page-business-profile .main .content { margin-bottom: -28px; padding-top: 21px; } .sdx-page-business-profile .main .box { width: 100%; margin-bottom: 28px; scroll-margin: 50px; } .sdx-page-business-profile .main .box-content { padding: 28px; background-color: #FFF; border-radius: 7px; } .sdx-page-business-profile .main .box.closed .box-content::after { content: ''; display: block; width: 24px; position: absolute; top: 0; bottom: 0; right: 28px; background-color: #34233f; -webkit-mask-image: var(--sdx-icon-lock-locked); -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; mask-image: var(--sdx-icon-lock-locked); mask-position: center; mask-repeat: no-repeat; mask-size: contain; } .sdx-page-business-profile .main .subbox { margin-top: 15px; padding: 31px 10px 20px 10px; background-color: var(--sdx-color-gray-lightest); border-radius: 7px; } .sdx-page-business-profile .main .subbox + .subbox { margin-top: 20px; } .sdx-page-business-profile .main h2 { font-weight: 700; font-size: 16px; line-height: 20px; color: #34233F; } .sdx-page-business-profile .main h3 { font-weight: 600; font-size: 13px; line-height: 20px; color: #000; } .sdx-page-business-profile .main h3:not(:first-child), .sdx-page-business-profile .main .bar-content > h3 { margin-top: 16px; } .sdx-page-business-profile .main p { font-size: 12px; line-height: 16px; color: #000; } .sdx-page-business-profile .main p.center { text-align: center; } .sdx-page-business-profile .main p.highlight { padding: 10px; background-color: #1ca67f; color: #fff; } .sdx-page-business-profile .main p + p { margin-top: 12px; } .sdx-page-business-profile .main p a:not(.btn-main) { color: #000; text-decoration: underline; } .sdx-page-business-profile .main p a:not(.btn-main):hover { text-decoration: none; } .sdx-page-business-profile .main h2 + p, .sdx-page-business-profile .main .bar-content > p:first-child, .sdx-page-business-profile .main h2:not(:first-child) { margin-top: 20px; } .sdx-page-business-profile .main .article { margin-top: 28px; padding: 31px 10px 20px 10px; background-color: #F2F2F2; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); border-radius: 7px; } .sdx-page-business-profile .main .article .date { padding-left: 16px; background: var(--sdx-icon-calendar) no-repeat; background-position: left center; background-size: 9px; font-weight: 500; font-size: 12px; line-height: 13px; } .sdx-page-business-profile .main .article h3, .sdx-page-business-profile .main .article p { margin-top: 9px; font-size: 12px; line-height: 16px; color: #000; } .sdx-page-business-profile .main .article h3 { font-weight: 700; } .sdx-page-business-profile .main .article p { margin-top: 8px; } .sdx-page-business-profile .main .badge { margin-top: 12px; width: 100%; } .sdx-page-business-profile .main .bar { margin-top: 28px; padding: 8px 46px 10px 24px; background-color: #23D9A5; background-image: var(--sdx-icon-lock-locked); background-position: top 50% right 32px; background-repeat: no-repeat; background-size: 16px; box-shadow: 0 4px 4px rgba(0, 0, 0, .25); border-radius: 7px; } .sdx-page-business-profile.open .main .bar { background-image: var(--sdx-icon-lock); cursor: pointer; } .sdx-page-business-profile .main .bar.open { background-image: none; } .sdx-page-business-profile .main .bar h3 { margin-top: 0; font-weight: 700; font-size: 15px; line-height: 22px; color: #000; } .sdx-page-business-profile .main .bar .stars { width: 96px; height: 15px; background: var(--sdx-icon-star-rating-small) repeat-x; background-size: 20px; } .sdx-page-business-profile .main .bar .stars > div { height: 15px; background-color: #111827; -webkit-mask-image: var(--sdx-icon-star-rating-small); -webkit-mask-repeat: repeat-x; -webkit-mask-size: 20px; mask-image: var(--sdx-icon-star-rating-small); mask-repeat: repeat-x; mask-size: 20px; } .sdx-page-business-profile .main .bar-content { overflow: hidden; } .sdx-page-business-profile .main .bar-content.init-done { transition: height .2s ease; } .sdx-page-business-profile .main .progressbar { margin-top: 35px; height: 32px; background-color: #D9D9D9; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 7px; } .sdx-page-business-profile .main .progressbar div { height: 32px; position: relative; background: linear-gradient(90deg, #F2F2F2 2.38%, #23D9A5 96.91%); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 7px; } .sdx-page-business-profile .main .progressbar div::after { content: ''; width: 3px; position: absolute; right: 0; top: -13px; bottom: -13px; background-color: #1CA67F; } .sdx-page-business-profile .main .progressbar + p { margin-top: 19px; font-weight: 700; font-size: 28px; line-height: 35px; color: #2E2A2A; text-align: right; } .sdx-page-business-profile .main #score-chart { height: 320px; margin-top: 35px; } .sdx-page-business-profile .main #network-graph { height: 320px; margin-top: 35px; } .sdx-page-business-profile .main #network-graph svg { cursor: move; } .sdx-page-business-profile .main #network-graph .node .ring, .sdx-page-business-profile .main #network-graph .relationship .overlay { opacity: 0; } .sdx-page-business-profile .main #network-graph .node .outline { fill: #1CA67F !important; stroke: none !important; cursor: default; } .sdx-page-business-profile .main #network-graph .node image { cursor: default; } .sdx-page-business-profile .main #network-graph .node-highlighted .outline { fill: #23D9A5 !important; } .sdx-page-business-profile .main #network-graph .relationship .outline, .sdx-page-business-profile .main #network-graph .relationship .text { fill: #1CA67F !important; } #network-node-info { display: none; position: absolute; padding: 13px 20px; border-radius: 8px; background: #1CA67F; color: #FFF; font-size: 13px; font-weight: 700; line-height: 150%; text-align: center; } #network-node-info .sub { font-weight: 500; font-size: 11px; } .sdx-page-business-profile .main .toggler { display: flex; justify-content: flex-start; gap: 11px; margin-top: 28px; } .sdx-page-business-profile .main .toggler button { flex: 1 1 0; max-width: 131px; display: flex; align-items: center; justify-content: center; height: 55px; padding: 0 8px; background-color: #23D9A5; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 7px; color: #000; font-weight: 700; font-size: 15px; line-height: 22px; text-align: center; opacity: .6; } .sdx-page-business-profile .main .toggler button.active, .sdx-page-business-profile .main .toggler button:hover { opacity: 1; } .sdx-page-business-profile .main .tabs { display: grid; } .sdx-page-business-profile .main .tabs > div { grid-column: 1; grid-row: 1; opacity: 0; transition: opacity .4s ease-in; visibility: hidden; } .sdx-page-business-profile .main .tabs .tab-1 { opacity: 1; visibility: visible; } .sdx-page-business-profile .main .tabs .page-numbers { display: flex; justify-content: center; margin-top: 10px; } .sdx-page-business-profile .main .tabs .page-numbers li { margin: 0 4px; } .sdx-page-business-profile .main .tabs .page-numbers a { color: var(--sdx-color-main-dark); transition: opacity var(--sdx-link-hover-transition); } .sdx-page-business-profile .main .tabs .page-numbers a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-business-profile .main p + .two-cols, .sdx-page-business-profile .main h2 + .two-cols, .sdx-page-business-profile .main h3 + .two-cols { margin-top: 16px; } .sdx-page-business-profile .main .two-cols .row + .row { margin-top: 20px; } .sdx-page-business-profile .main .two-cols .row p:first-child { font-weight: 600; } .sdx-page-business-profile .main .two-cols .row p + p { margin-top: 15px; } .sdx-page-business-profile .main .box.integrity h3 { margin-top: 28px; } .sdx-page-business-profile #company-google-map { height: 250px; margin-top: 15px; } .sdx-page-business-profile .main .buttons > a, .sdx-page-business-profile .main .buttons > button { width: 100%; margin-top: 13px; } /* desktop size */ @media (min-width: 1010px) { .sdx-page-business-profile .content { max-width: var(--sdx-medium-content-max-width); } .sdx-page-business-profile .header::after { display: none; } .sdx-page-business-profile .header .content { /* padding-top: 112px; */ padding-top: 50px; /* padding-bottom: 79px; */ padding-bottom: 20px; } .sdx-page-business-profile .header .profile-box { text-align: left; } .sdx-page-business-profile .header .top { display: flex; gap: 58px; padding: 23px 18px 28px; } .sdx-page-business-profile .header .left { flex: 0 0 243px; } .sdx-page-business-profile .header .center { flex: 656px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;; padding: 10px 0; overflow: hidden; } .sdx-page-business-profile .header .branch, .sdx-page-business-profile .header .contact { margin-top: 0; } .sdx-page-business-profile .header .contact p { white-space: nowrap; } .sdx-page-business-profile .header .legal-form { max-width: 360px; margin-top: 0; padding-right: 16px; } .sdx-page-business-profile .header .info { display: flex; gap: 100px; } .sdx-page-business-profile .header h1 { width: 100%; margin-top: 15px; font-size: 38px; line-height: 42px; word-wrap: break-word; } .sdx-page-business-profile .header .title + p { font-size: 16px; line-height: 21px; } .sdx-page-business-profile .header .right { align-items: center; justify-content: center; padding-right: 30px; } .sdx-page-business-profile .header .right .btn-main { width: 100%; } .sdx-page-business-profile .header .score { margin-top: 0; padding: 20px 18px 16px; border-radius: 13px; text-align: center; } .sdx-page-business-profile.closed .header .score::after { left: 30px; right: 30px; top: 30px; bottom: 30px; } .sdx-page-business-profile .header .score p { font-size: 18px; line-height: 23px; } .sdx-page-business-profile .header .score .points { font-size: 38px; line-height: 24px; } .sdx-page-business-profile .header .score .points + p { margin-top: 8px; } .sdx-page-business-profile .header .closed-info { max-width: 110px; } .sdx-page-business-profile .header .bottom { display: flex; } .sdx-page-business-profile .header .bottom li { flex: 1 1 0; padding: 16px; font-size: 18px; line-height: 24px; text-align: center; } .sdx-page-business-profile .header .bottom li + li { border-top-width: 0; border-left: 2px solid rgba(215, 215, 217, .2); } .sdx-page-business-profile .header .header-links { display: flex; justify-content: space-between; } .sdx-page-business-profile .header .header-links ul { margin-top: 23px; display: flex; gap: 15px; } .sdx-page-business-profile .header .header-links a, .sdx-page-business-profile .header .header-links button { display: block; padding: 8px 16px 8px 38px; font-weight: 500; font-size: 12px; line-height: 17px; color: #FFF; background-color: #1CA67F; background-position: 16px center; background-repeat: no-repeat; background-size: 16px; border: 2px solid #038963; border-radius: 7px; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-business-profile .header .header-links a, .sdx-page-business-profile .header .header-links button.inactive { background-color: #D9D9D9; border-color: #D9D9D9; color: #0D0D0D; } .sdx-page-business-profile .header .header-links a:hover, .sdx-page-business-profile .header .header-links button:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-business-profile .toc { top: 28px; } .admin-bar .sdx-page-business-profile .toc { top: 60px; } .sdx-page-business-profile .toc .content { padding-top: 10px; } .sdx-page-business-profile .toc h2 { font-size: 26px; line-height: 30px; text-align: left; } .sdx-page-business-profile .toc ul { gap: 43px; } .sdx-page-business-profile .main .content { /* padding-top: 79px; */ padding-top: 20px; } .sdx-page-business-profile .main .box { width: calc(50% - 14px); scroll-margin: 67px; } .sdx-page-business-profile .main .subbox { padding: 31px 24px; } .sdx-page-business-profile .main h2 { font-size: 24px; line-height: 32px; } .sdx-page-business-profile .main h2 .desktop-block { display: block; } .sdx-page-business-profile .main h3 { font-size: 15px; line-height: 22px; } .sdx-page-business-profile .main p { font-size: 15px; line-height: 22px; } .sdx-page-business-profile .main p + p { margin-top: 15px; } .sdx-page-business-profile .main h2 + p, .sdx-page-business-profile .main .bar + p, .sdx-page-business-profile .main h2:not(:first-child) { margin-top: 28px; } .sdx-page-business-profile .main h2:not(:first-child) + p { margin-top: 24px; } .sdx-page-business-profile .main .article { padding: 31px 24px; } .sdx-page-business-profile .main .article h3, .sdx-page-business-profile .main .article p { margin-top: 19px; font-size: 15px; font-weight: 400; line-height: 22px; } .sdx-page-business-profile .main .article p { margin-top: 8px; } .sdx-page-business-profile .main .badge, .sdx-page-business-profile .main .badge + p { margin-top: 28px; } .sdx-page-business-profile .main .bar { display: flex; align-items: center; justify-content: space-between; padding: 13px 51px 15px 24px; background-position: top 50% right 19px; } .sdx-page-business-profile .main .bar h3 { margin-top: 0; } .sdx-page-business-profile .main .bar .stars { flex-shrink: 0; width: 159px; height: 28px; background: var(--sdx-icon-star-rating) repeat-x; background-size: 33px; } .sdx-page-business-profile .main .bar .stars > div { height: 28px; background-color: #111827; -webkit-mask-image: var(--sdx-icon-star-rating); -webkit-mask-repeat: repeat-x; -webkit-mask-size: 33px; mask-image: var(--sdx-icon-star-rating); mask-repeat: repeat-x; mask-size: 33px; } .sdx-page-business-profile .main p + .two-cols, .sdx-page-business-profile .main h2 + .two-cols, .sdx-page-business-profile .main h3 + .two-cols { margin-top: 24px; } .sdx-page-business-profile .main .two-cols .row { display: flex; gap: 34px; } .sdx-page-business-profile .main .two-cols .row > * { flex: 1 1 0; } .sdx-page-business-profile .main .two-cols .row p:first-child { font-weight: 400; } .sdx-page-business-profile .main .two-cols .row p + p { margin-top: 0; } .sdx-page-business-profile .main .buttons { display: flex; gap: 13px; } } /* bigger desktop padding */ @media (min-width: 1336px) { .sdx-page-business-profile .content { max-width: var(--sdx-content-max-width); } } /* * Page legal */ .sdx-page-legal { background-color: #f2f2f2; } .sdx-page-legal .content { padding-top: 152px; padding-bottom: 160px; } .sdx-page-legal .title { font-weight: 700; font-size: 64px; line-height: 77px; color: #23D9A5; text-align: center; word-wrap: break-word; } .sdx-page-legal .text { margin-top: 95px; font-size: 15px; line-height: 22px; color: #0D0D0D; } .sdx-page-legal h2 { margin-bottom: 20px; font-weight: 600; font-size: 32px; line-height: 40px; color: #1CA67F; word-wrap: break-word; } .sdx-page-legal h2:not(:first-child) { margin-top: 40px; } .sdx-page-legal p + p { margin-top: 22px; } /* * Page contact */ .sdx-page-contact .content { padding-top: 16px; padding-bottom: 50px; } .sdx-page-contact h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-page-contact .box { margin-top: 40px; padding: 26px 16px 16px; background-color: #FFF; border-radius: 13px; } .sdx-page-contact .wpcf7-form-control { width: 100%; } .sdx-page-contact .wpcf7-text, .sdx-page-contact .wpcf7-select, .sdx-page-contact .wpcf7-textarea { margin-top: 8px; padding: 8px 11px; background-color: var(--sdx-color-white); border: 1px solid #D1D5DB; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 5px; } .sdx-page-contact .wpcf7-submit { margin-top: 8px; border: none; cursor: pointer; } .sdx-page-contact .wpcf7-spinner { display: none; } .sdx-page-contact form.submitting .wpcf7-spinner { display: block; margin: 10px auto; } /* desktop size */ @media (min-width: 1010px) { .sdx-page-contact .content { padding-top: 101px; padding-bottom: 64px; } .sdx-page-contact h1 { font-size: 32px; } .sdx-page-contact .box { max-width: 650px; margin: 96px auto 0; padding: 40px; } } /* * Page investigation (includes page contact styles) */ .sdx-page-investigation h2 { font-weight: 600; font-size: 15px; line-height: 23px; color: #1CA67F; } .sdx-page-investigation p.text { margin-top: 10px; font-size: 12px; font-weight: 400; line-height: 16px; } .sdx-page-investigation form { padding-top: 4px; } .sdx-page-investigation .wpcf7-list-item { margin: 8px 0 0; } /* desktop size */ @media (min-width: 1010px) { .sdx-page-investigation h2 { font-size: 20px; line-height: 24px; } .sdx-page-investigation p.text { font-size: 15px; font-weight: 400; line-height: 22px; } .sdx-page-investigation .city-row { display: flex; gap: 8px; } .sdx-page-investigation .city-row > span:first-child { width: 40%; } } /* * Page blog categories */ .sdx-page-blog-categories .content { padding-top: 16px; padding-bottom: 50px; } .sdx-page-blog-categories h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-page-blog-categories .box { margin-top: 40px; padding: 26px 16px 16px; background-color: #FFF; border-radius: 13px; } .sdx-page-blog-categories ul { padding-left: 25px; list-style-type: square; } /* desktop size */ @media (min-width: 1010px) { .sdx-page-blog-categories .content { padding-top: 101px; padding-bottom: 64px; } .sdx-page-blog-categories h1 { font-size: 32px; } .sdx-page-blog-categories .box { max-width: 650px; margin: 96px auto 0; padding: 40px; } } /* * Page search */ .sdx-page-search .content-inner.top { padding-top: 16px; padding-bottom: 44px; } .sdx-page-search h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-page-search form { margin-top: 25px; padding: 21px 13px; background-color: #FFF; border-radius: 7px; } .sdx-page-search form .row + .row, .sdx-page-search form .group + .group { margin-top: 20px; } .sdx-page-search form label { font-weight: 600; font-size: 12px; line-height: 16px; /* color: #1CA67F; */ color: #0d5a44; } .sdx-page-search form .slider-label { display: block; padding-right: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sdx-page-search form .slider-value { font-weight: 500; } .sdx-page-search form .slider-label + div { margin-top: 12px; margin-bottom: 26px; } .sdx-page-search form input[type="text"], .sdx-page-search form select { display: block; width: 100%; height: 36px; margin-top: 5px; padding: 0 12px; background-color: #fff; border: 1px solid #D0D5DD; border-radius: 7px; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .sdx-page-search form .group-4 select { margin-top: 0; } .sdx-page-search form .btn-main { width: 100%; } .sdx-page-search form .group-5 { text-align: center; } .sdx-page-search form .blog-link { font-weight: 700; font-size: 12px; line-height: 16px; color: #1CA67F; text-align: center; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-search form .blog-link:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-search .results-title { padding-bottom: 25px; } .sdx-page-search .results, .sdx-page-search .results-empty { background-color: #fff; } .sdx-page-search .results .row, .sdx-page-search .results-empty { position: relative; padding: 12px 20px 29px; border-bottom: 1px solid #EAECF0; } .sdx-page-search .results .row.header { display: none; } .sdx-page-search .results .row > div { font-size: 12px; line-height: 26px; } .sdx-page-search .results .business a { color: #101828; font-weight: 600; } .sdx-page-search .results .branch { margin-top: 12px; font-style: italic; font-weight: 500; color: #475467; } .sdx-page-search .results .contact { margin-top: 12px; color: #475467; } .sdx-page-search .results .status { display: none; } .sdx-page-search .results .btn-main { display: block; width: 34px; height: 36px; padding: 0; position: absolute; right: 20px; top: calc(50% - 18px); background-image: var(--sdx-icon-eye-closed); background-position: center; background-repeat: no-repeat; background-size: 16px; } .sdx-page-search .results .open .btn-main { background-image: var(--sdx-icon-eye); } .sdx-page-search .results-empty { font-weight: 500; color: #475467; text-align: center; } .sdx-page-search .results-pagination { display: flex; padding: 10px 13px; background-color: #fff; } .sdx-page-search .results-pagination .prev a, .sdx-page-search .results-pagination .next a { display: block; width: 29px; height: 29px; background-image: var(--sdx-icon-arrow-left); background-position: center; background-repeat: no-repeat; background-size: 16px; border: 1px solid #D0D5DD; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); border-radius: 7px; transition: background-color var(--sdx-link-hover-transition); } .sdx-page-search .results-pagination .next a { background-image: var(--sdx-icon-arrow-right); } .sdx-page-search .results-pagination .prev a:hover, .sdx-page-search .results-pagination .next a:hover { background-color: var(--sdx-color-gray-lightest); } .sdx-page-search .results-pagination .prev span, .sdx-page-search .results-pagination .next span { display: none; } .sdx-page-search .results-pagination .page-number-text { flex: 1; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 16px; color: #344054; } .sdx-page-search .results-pagination .page-number b { font-weight: 500; } .sdx-page-search .results-pagination .page-numbers { display: none; } /* desktop size */ @media (min-width: 1010px) { .sdx-page-search .content-inner.top { padding-top: 65px; padding-bottom: 0; } .sdx-page-search .content-inner.top .box { padding: 36px 40px 118px; background: #1CA67F; border-radius: 16px 16px 0 0; } .sdx-page-search h1 { font-size: 32px; } .sdx-page-search form { margin-top: 32px; padding: 32px 40px; border-radius: 10px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); } .sdx-page-search form .group { display: flex; align-items: center; justify-content: space-between; gap: 31px; } .sdx-page-search form .group-1 .row:first-child { flex: 1; } .sdx-page-search form .group-1 .row + .row { width: calc(33% - 20px); } .sdx-page-search form .group-2 .row { width: calc(33% - 20px); } .sdx-page-search form .group-3 .row { width: calc(50% - 100px); } .sdx-page-search form .group-3 .row + .row + .row { flex: 0 0 170px; } .sdx-page-search form .group-4 .row:first-child { flex: 0 0 280px; } .sdx-page-search form .group-4 .row + .row { flex: 1; } .sdx-page-search form .group + .group.group-5 { justify-content: center; margin-top: 28px; } .sdx-page-search form .row + .row { margin-top: 0; } .sdx-page-search form label { font-size: 16px; line-height: 20px; } .sdx-page-search form .slider-label { padding-right: 40px; } .sdx-page-search form .slider-label + div { margin-bottom: 11px; } .sdx-page-search form input[type="text"], .sdx-page-search form select { height: 52px; padding: 0 20px; font-size: 16px; line-height: 13px; } .sdx-page-search form .btn-main { height: 52px; font-size: 16px; line-height: 13px; } .sdx-page-search form .blog-link { font-size: 16px; line-height: 20px; } .sdx-page-search .results-title { display: none; } .sdx-page-search .content-full.bottom { max-width: var(--sdx-medium-content-inner-max-width); margin: 0 auto; padding: 0 var(--sdx-mobile-content-padding-x); padding-bottom: 100px; } .sdx-page-search .content-full.bottom .box { padding: 0 40px 36px; background: #fff; border-radius: 0 0 16px 16px; } .sdx-page-search .content-full.bottom .box-inner { position: relative; top: -66px; margin-bottom: -66px; border: 1px solid #EAECF0; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06); border-radius: 10px; overflow: hidden; } .sdx-page-search .results { display: table; width: 100%; table-layout: fixed; } .sdx-page-search .results .row, .sdx-page-search .results .row.header { display: table-row; } .sdx-page-search .results .row > div { display: table-cell; padding: 23px 20px; border-bottom: 1px solid #EAECF0; font-size: 16px; line-height: 20px; vertical-align: middle; word-wrap: break-word; } .sdx-page-search .results .business { width: 43%; } .sdx-page-search .results .business a { color: #475467; font-weight: 500; transition: var(--sdx-link-hover-transition); } .sdx-page-search .results .business a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-search .results .branch { width: 23%; font-style: normal; font-weight: 400; } .sdx-page-search .results .contact { width: 24%; font-weight: 400; } .sdx-page-search .results .status { width: 10%; background-image: var(--sdx-icon-profile-lock-locked); background-position: right 20px center; background-repeat: no-repeat; background-size: 20px; } .sdx-page-search .results .open .status { background-image: var(--sdx-icon-profile-lock); } .sdx-page-search .results .row.header > div { padding-top: 12px; padding-bottom: 12px; background-color: #F9FAFB; background-image: none; font-weight: 600; } .sdx-page-search .results .btn-main { display: none; } .sdx-page-search .results-empty { font-size: 16px; } .sdx-page-search .results-pagination { display: flex; padding: 10px 13px; background-color: #fff; } .sdx-page-search .results-pagination .prev, .sdx-page-search .results-pagination .next { width: 102px; } .sdx-page-search .results-pagination .prev a, .sdx-page-search .results-pagination .next a { display: flex; align-items: center; width: 100%; padding-left: 32px; background-position: 10px; font-weight: 600; font-size: 12px; line-height: 16px; color: #344054; } .sdx-page-search .results-pagination .next a { padding-left: 15px; background-position: right 11px center; } .sdx-page-search .results-pagination .prev span, .sdx-page-search .results-pagination .next span { display: block; } .sdx-page-search .results-pagination .page-number-text { display: none; } .sdx-page-search .results-pagination .page-numbers { flex: 1; display: flex; justify-content: center; gap: 2px; } .sdx-page-search .results-pagination .page-numbers a, .sdx-page-search .results-pagination .page-numbers span { display: flex; align-items: center; justify-content: center; height: 29px; padding: 0 12px; border-radius: 7px; color: #475467; font-size: 12px; font-weight: 500; line-height: 16px; transition: background-color var(--sdx-link-hover-transition); } .sdx-page-search .results-pagination .page-numbers a:hover { background-color: var(--sdx-color-main-dark-20); } .sdx-page-search .results-pagination .page-numbers span.current { background-color: #F9FAFB; } } /* bigger desktop padding */ @media (min-width: 1336px) { .sdx-page-search .content-full.bottom { max-width: var(--sdx-content-max-width); padding-left: var(--sdx-content-inner-padding-x); padding-right: var(--sdx-content-inner-padding-x); } } .sdx-page-search .results-tabs-nav { border-radius: 10px 10px 0px 0px; position: sticky; top: 0; z-index: 50; background: rgba(13, 13, 13, .95); backdrop-filter: blur(6px); border-bottom: 1px solid rgba(255, 255, 255, .08); margin-bottom: 20px; } .sdx-page-search .tabs-nav-inner { padding-top: 0; padding-bottom: 0; } .sdx-page-search .tabs-nav { display: flex; gap: 4px; } .sdx-page-search .tab-btn { background: none; border: none; border-bottom: 3px solid transparent; padding: 14px 20px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .5); cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: color .15s, border-color .15s; font-family: inherit; letter-spacing: .01em; } .sdx-page-search .tab-btn:hover { color: rgba(255, 255, 255, .85); } .sdx-page-search .tab-btn.active { color: #fff; border-bottom-color: #1CA67F; } .sdx-page-search .tab-count { background: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .6); font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 10px; line-height: 1.5; } .sdx-page-search .tab-btn.active .tab-count { background: #1CA67F; color: #fff; } .sdx-page-search .blog-section-header { padding: 20px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; border-bottom: 2px solid #1CA67F; } .sdx-page-search .blog-section-header-left { display: flex; align-items: center; gap: 10px; } .sdx-page-search .blog-section-icon { display: flex; align-items: center; color: #1CA67F; } .sdx-page-search .blog-section-title { margin: 0; font-size: 18px; font-weight: 700; color: #101828; } .sdx-page-search .blog-section-count { font-size: 13px; font-weight: 600; color: #fff; background: #1CA67F; padding: 3px 12px; border-radius: 20px; } .sdx-page-search .blog-results { background-color: #fff; } .sdx-page-search .blog-header, .sdx-page-search .blog-row { display: grid; grid-template-columns: 1fr 160px 120px; align-items: center; gap: 16px; } .sdx-page-search .blog-row { padding: 16px 0; border-bottom: 1px solid #EAECF0; } .sdx-page-search .blog-col-title a { font-size: 15px; font-weight: 600; color: #101828; text-decoration: none; line-height: 1.4; } .sdx-page-search .blog-col-title a:hover { color: #1CA67F; } .sdx-page-search .blog-col-cat { font-size: 13px; } .sdx-page-search .blog-col-date { font-size: 13px; color: #667085; } .sdx-page-search .blog-meta { display: flex; gap: 8px; font-size: 12px; color: #667085; margin-bottom: 4px; } .sdx-page-search .blog-cat { font-weight: 600; color: #1CA67F; } .sdx-page-search .blog-title a { font-size: 15px; font-weight: 600; color: #101828; text-decoration: none; line-height: 1.4; } .sdx-page-search .blog-title a:hover { color: #1CA67F; } .sdx-page-search .blog-excerpt { margin-top: 4px; font-size: 13px; color: #475467; line-height: 1.5; } .sdx-page-search .blog-results-more { padding: 16px 20px; } .sdx-page-search .blog-results-more .btn-main { display: inline-block; } /* * Page search all */ .sdx-page-search-all .top .content { padding-top: 16px; padding-bottom: 24px; } .sdx-page-search-all .top h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-page-search-all .top form { width: 100%; max-width: 912px; margin: 24px auto 0; padding: 20px; background-color: var(--sdx-color-white); border-radius: 7px; } .sdx-page-search-all .top form .row:not(:first-child) { margin-top: 13px; } .sdx-page-search-all .top form label { font-weight: 600; font-size: 15px; line-height: 18px; color: #1CA67F; } .sdx-page-search-all .top form input { display: block; width: 100%; margin-top: 6px; padding: 16px; background-color: #fff; border: 1px solid #E8E8E8; border-radius: 8px; } .sdx-page-search-all .top form .btn-main { width: 100%; margin-top: 7px; padding: 20px; background-color: #23D9A5; } .sdx-page-search-all .items { display: grid; gap: 15px; justify-items: center; margin: 34px 0; } .sdx-page-search-all .item { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 305px; height: 305px; position: relative; border-radius: 6px; color: #fff; overflow: hidden; } .sdx-page-search-all a.item::before, .sdx-page-search-all .bg, .sdx-page-search-all .box-info, .sdx-page-search-all .box-button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .sdx-page-search-all a.item::before { content: ''; display: block; background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000); opacity: 0.6; transition: opacity var(--sdx-link-hover-transition); z-index: 2; } .sdx-page-search-all a.item:hover::before { opacity: 1; } .sdx-page-search-all .bg { background-position: top; background-size: cover; transition: transform var(--sdx-link-hover-transition); z-index: 1; } .sdx-page-search-all a.item:hover .bg { transform: scale(1.1); } .sdx-page-search-all .box-info, .sdx-page-search-all .box-button { display: flex; flex-direction: column; z-index: 3; } .sdx-page-search-all .box-info { justify-content: space-between; padding: 26px; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-search-all a.item:hover .box-info { opacity: 0; } .sdx-page-search-all .box-info .date { align-self: flex-end; padding: 10px; background-color: rgba(255, 255, 255, 0.4); border-radius: 6px; color: #000; font-size: 14px; } .sdx-page-search-all .box-info .text { padding: 0 10px; } .sdx-page-search-all .box-info h3 { font-size: 20px; font-weight: bold; } .sdx-page-search-all .box-info p { margin-top: 5px; text-align: justify; } .sdx-page-search-all .box-button { justify-content: center; align-items: center; opacity: 0; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-search-all a.item:hover .box-button { opacity: 1; } .sdx-page-search-all .box-button button { margin-top: 22px; padding: 13px 38px 13px; } .sdx-page-search-all .box-button p { margin-top: 6px; font-size: 14px; } @media (min-width: 655px) { .sdx-page-search-all .items { grid-template-columns: 1fr 1fr; } } @media (min-width: 800px) { .sdx-page-search-all h2 { text-align: left; } } @media (min-width: 970px) { .sdx-page-search-all .items { grid-template-columns: 1fr 1fr 1fr; } } /* desktop size */ @media (min-width: 1010px) { .sdx-page-search-all .top .content { padding-top: 100px; padding-bottom: 50px; } .sdx-page-search-all .top h1 { font-size: 64px; line-height: 77px; } .sdx-page-search-all .top form { margin-top: 29px; } .sdx-page-search-all .sdx-pagination { padding-bottom: 120px; } } /* * Page error 404 */ .sdx-page-404 .content { padding-top: 16px; padding-bottom: 50px; } .sdx-page-404 .top { text-align: center; } .sdx-page-404 .error-status { display: inline-block; padding: 3px 8px; background-color: var(--sdx-color-white); border-radius: 6px; border: 1px solid #D0D5DD; box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05); color: var(--sdx-color-main-dark); font-size: 13px; font-weight: 600; line-height: 19px; } .sdx-page-404 .error-status span { color: var(--sdx-color-black); font-size: 30px; line-height: 17px; vertical-align: top; } .sdx-page-404 h1 { margin-top: 16px; color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; } .sdx-page-404 p { padding-top: 19px; color: var(--sdx-color-white); font-size: 11px; line-height: 15px; } .sdx-page-404 .buttons { display: flex; justify-content: center; gap: 10px; margin-top: 38px; } .sdx-page-404 .buttons a { padding-left: 17px; padding-right: 17px; font-size: 14px; } .sdx-page-404 .buttons a.btn-back { position: relative; padding-left: 35px; background-color: var(--sdx-color-white); color: var(--sdx-color-main-dark); } .sdx-page-404 .btn-back::before { content: ''; display: block; width: 19px; height: 19px; position: absolute; left: 10px; top: 10px; background-color: var(--sdx-color-main-dark); -webkit-mask-image: var(--sdx-icon-arrow-left); -webkit-mask-size: 19px; mask-image: var(--sdx-icon-arrow-left); mask-size: 19px; } .sdx-page-404 ul { max-width: 560px; margin: 57px auto 0; border-top: 1px solid #d7d7d9; } .sdx-page-404 li { border-bottom: 1px solid #d7d7d9; } .sdx-page-404 li a { display: flex; align-items: center; gap: 19px; position: relative; padding: 19px 25px 19px 0; color: var(--sdx-color-white); font-size: 13px; font-weight: 600; line-height: 19px; transition: opacity var(--sdx-link-hover-transition); } .sdx-page-404 li a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-page-404 li a:after { content: ''; display: block; width: 19px; height: 19px; position: absolute; right: 0; top: calc(50% - 9px); background-color: #98a2b3; -webkit-mask-image: var(--sdx-icon-arrow-right); -webkit-mask-size: 19px; mask-image: var(--sdx-icon-arrow-right); mask-size: 19px; } .sdx-page-404 .icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid var(--sdx-color-white); border-radius: 8px; } /* desktop size */ @media (min-width: 1010px) { .sdx-page-404 .content { padding-top: 101px; padding-bottom: 64px; } .sdx-page-404 h1 { font-size: 32px; line-height: 40px; } .sdx-page-404 p { font-size: 14px; line-height: 22px; } .sdx-page-404 li a { font-size: 16px; font-weight: 700; line-height: 19px; } } /* * Block home top */ .sdx-block-home-top .content { display: flex; flex-direction: column; align-items: center; padding-top: 16px; padding-bottom: 36px; } .sdx-block-home-top .overview { max-width: 360px; } .sdx-block-home-top h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-block-home-top h1 a { color: var(--sdx-color-main); transition: opacity var(--sdx-link-hover-transition); } .sdx-block-home-top h1 a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-block-home-top .company-info { display: flex; flex-direction: column; align-items: center; } .sdx-block-home-top .company-name { min-width: 208px; margin-top: 19px; background-color: var(--sdx-color-main); border-radius: 7px; text-align: center; } .sdx-block-home-top .company-name div { display: inline-block; padding: 14px 48px 14px 14px; background: var(--sdx-icon-office) no-repeat; background-position: center right 14px; background-size: 20px; color: var(--sdx-color-white); font-weight: 600; line-height: 14px; opacity: .8; } .sdx-block-home-top .company-info ul { margin-top: 12px; } .sdx-block-home-top .company-info li { display: flex; align-items: center; margin-top: 4px; padding: 4px 8px; background-color: var(--sdx-color-main-20); border-radius: 7px; color: var(--sdx-color-white-80); font-size: 10px; font-weight: 500; line-height: 15px; } .sdx-block-home-top .company-info li span { display: inline-block; margin-right: 8px; background-repeat: no-repeat; background-size: contain; vertical-align: top; opacity: .8; } .sdx-block-home-top .company-info li span.icon-arrows-circle { width: 10px; height: 10px; background-image: var(--sdx-icon-arrows-circle); } .sdx-block-home-top .company-info li span.icon-plus { margin-left: 1px; margin-right: 8px; width: 8px; height: 8px; background-image: var(--sdx-icon-plus); } .sdx-block-home-top .company-info li.spacer { height: 18px; position: relative; background: transparent var(--sdx-icon-document) center no-repeat; background-size: 11px; opacity: .8; } .sdx-block-home-top .company-info li.spacer::before, .sdx-block-home-top .company-info li.spacer::after { content: ''; width: 40px; height: 1px; position: absolute; top: 50%; left: calc(50% - 60px); background-color: var(--sdx-color-gray-lightest); } .sdx-block-home-top .company-info li.spacer::after { left: calc(50% + 20px); } .sdx-block-home-top .company-info p { margin-top: 8px; color: var(--sdx-color-white-80); font-size: 9px; line-height: 15px; text-align: center; } .sdx-block-home-top .btn-test { display: inline-block; margin-top: 14px; padding: 8px 28px; background-color: var(--sdx-color-white); border-radius: 80px; color: var(--sdx-color-purple-dark); font-size: 12px; transition: opacity var(--sdx-link-hover-transition); } .sdx-block-home-top .btn-test:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-block-home-top h1 + p, .sdx-block-home-top .card-box { display: none; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-home-top { position: relative; z-index: 0; } .sdx-block-home-top::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--sdx-bg-block-home-top) left 50% bottom 39px no-repeat; background-size: contain; z-index: -1; } .sdx-block-home-top .content { flex-direction: row; gap: 80px; align-items: start; padding-top: 68px; padding-bottom: 125px; } .sdx-block-home-top .overview { max-width: 752px; } .sdx-block-home-top h1 { font-size: 64px; font-weight: 700; line-height: 77px; text-align: left; } .sdx-block-home-top h1 + p { display: block; margin-top: 31px; color: var(--sdx-color-white); font-size: 20px; font-weight: 500; line-height: 28px; text-align: justify; } .sdx-block-home-top .company-name { min-width: 408px; margin-top: 17px; } .sdx-block-home-top .company-name div { padding: 27px 91px 27px 27px; background-position: center right 27px; background-size: 37px; font-size: 24px; font-weight: 700; line-height: 24px; } .sdx-block-home-top .company-info ul { margin-top: 23px; } .sdx-block-home-top .company-info li { margin-top: 8px; padding: 4px 17px; border-radius: 10px; font-size: 18px; line-height: 28px; } .sdx-block-home-top .company-info li span { margin-right: 24px; } .sdx-block-home-top .company-info li span.icon-arrows-circle { width: 18px; height: 18px; } .sdx-block-home-top .company-info li span.icon-plus { margin-left: 2px; margin-right: 23px; width: 15px; height: 15px; } .sdx-block-home-top .company-info li.spacer { height: 52px; background-size: 18px; } .sdx-block-home-top .company-info li.spacer::before, .sdx-block-home-top .company-info li.spacer::after { width: 75px; height: 1px; left: calc(50% - 106px); } .sdx-block-home-top .company-info li.spacer::after { left: calc(50% + 25px); } .sdx-block-home-top .company-info p { margin-top: 20px; font-size: 17px; line-height: 26px; } .sdx-block-home-top .btn-test { margin-top: 26px; padding: 8px 53px; font-size: 16px; } } /* show cards */ @media (min-width: 1422px) { .sdx-block-home-top .card-box { display: flex; align-items: start; gap: 24px; margin-top: 64px; padding: 26px 36px 24px; backdrop-filter: blur(3px); background-color: var(--sdx-color-white-10); border-radius: 8px; } .sdx-block-home-top .card-box + .card-box { margin-top: 29px; } .sdx-block-home-top .card { color: var(--sdx-color-white); font-size: 20px; } .sdx-block-home-top .card h2 { position: relative; font-size: 20px; font-weight: 700; line-height: 24px; } .sdx-block-home-top .card h2::before { content: ''; width: 20px; height: 20px; position: absolute; top: -6px; left: -10px; background-color: #22715a; border-radius: 7px; z-index: -1; } .sdx-block-home-top .card a { color: var(--sdx-color-white); } .sdx-block-home-top .card p { max-width: 200px; margin-top: 7px; color: var(--sdx-color-gray); font-size: 12px; line-height: 14px; text-align: justify; } } /* position background relative to center on x-axis */ @media (min-width: 1536px) { .sdx-block-home-top::before { width: 1536px; left: calc(50% - 768px); } } /* * Block companies slider */ .sdx-block-companies-slider { background-color: var(--sdx-color-gray-lightest); } .sdx-block-companies-slider .content { padding-top: 40px; padding-bottom: 24px; } .sdx-block-companies-slider h2 { color: var(--sdx-color-purple-dark); font-size: 13px; font-weight: 600; line-height: 20px; text-align: center; } .sdx-block-companies-slider .slider { margin-top: 20px; } .sdx-block-companies-slider .slider img { width: 140px; height: auto; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-companies-slider .content { padding-top: 48px; padding-bottom: 48px; } .sdx-block-companies-slider h2 { font-size: 20px; font-weight: 700; line-height: 28px; } } /* * Block text 3 images slider */ .sdx-block-text-3-images-slider { background-color: var(--sdx-color-gray-lightest); } .sdx-block-text-3-images-slider .content { padding-top: 24px; padding-bottom: 20px; } .sdx-block-text-3-images-slider .title h2 { color: var(--sdx-color-purple-dark); font-size: 13px; font-weight: 600; line-height: 20px; text-align: center; } .sdx-block-text-3-images-slider .title p { margin-top: 8px; font-size: 12px; line-height: 20px; text-align: center; } .sdx-block-text-3-images-slider .slider { margin-top: 40px; } .sdx-block-text-3-images-slider .slider li { display: flex; align-items: center; justify-content: center; } .sdx-block-text-3-images-slider .slider video, .sdx-block-text-3-images-slider .slider .video-wrapper { width: 100%; border-radius: 10px; overflow: hidden; } .sdx-block-text-3-images-slider .slider .video-wrapper { position: relative; padding-bottom: 56.25%; } .sdx-block-text-3-images-slider .slider .video-wrapper iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sdx-block-text-3-images-slider .slider img { width: 100%; height: auto; max-width: 256px; border-radius: 10px; } .sdx-block-text-3-images-slider .text { margin-top: 40px; font-size: 12px; font-weight: 500; line-height: 16px; text-align: justify; } .sdx-block-text-3-images-slider .btn-main { width: 100%; margin-top: 22px; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-text-3-images-slider .content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; column-gap: 36px; row-gap: 28px; padding-top: 55px; padding-bottom: 55px; } .sdx-block-text-3-images-slider .title { grid-column: 1 / 2; grid-row: 1 / 2; align-self: end; } .sdx-block-text-3-images-slider .title h2 { font-size: 32px; line-height: 40px; text-align: left; } .sdx-block-text-3-images-slider .title p { margin-top: 12px; font-size: 20px; line-height: 24px; text-align: left; } .sdx-block-text-3-images-slider .slider { grid-column: 2 / 3; grid-row: 1 / 3; margin-top: 0; } .sdx-block-text-3-images-slider .text { grid-column: 1 / 2; grid-row: 2 / 3; margin-top: 0; font-size: 15px; line-height: 22px; } .sdx-block-text-3-images-slider .btn-main { width: auto; margin-top: 35px; } .sdx-block-text-3-images-slider .slider ul { display: flex !important; flex-wrap: wrap; column-gap: 28px; row-gap: 31px; } .sdx-block-text-3-images-slider .slider ul li { width: calc(50% - 16px); } .sdx-block-text-3-images-slider .slider ul li:first-child { width: 100%; } .sdx-block-text-3-images-slider .slider img { max-width: none; } } /* * Block text 2 images */ .sdx-block-text-2-images { background-color: var(--sdx-color-bluegray-lightest); } .sdx-block-text-2-images .content-inner { padding-top: 20px; padding-bottom: 32px; } .sdx-block-text-2-images h2 { font-size: 28px; font-weight: 700; line-height: 34px; text-align: center; } .sdx-block-text-2-images .text-1 { margin-top: 8px; font-size: 16px; line-height: 20px; text-align: center; } .sdx-block-text-2-images .text-2 { margin-top: 8px; font-size: 12px; line-height: 16px; text-align: justify; } .sdx-block-text-2-images h3 { padding-top: 11px; font-size: 16px; font-weight: 700; line-height: 20px; } .sdx-block-text-2-images .info-2 + h3 { margin-top: 36px; border-top: 1px solid var(--sdx-color-black-50); } .sdx-block-text-2-images h3 + p { margin-top: 8px; padding-bottom: 11px; border-bottom: 1px solid var(--sdx-color-black-50); color: var(--sdx-color-main-dark); font-size: 12px; line-height: 16px; text-align: justify; } .sdx-block-text-2-images .btn-main { width: 100%; margin-top: 18px; } .sdx-block-text-2-images .images .top, .sdx-block-text-2-images .images .info { display: none; } .sdx-block-text-2-images .images .bottom { width: 100%; margin-top: 61px; padding-top: 106.38%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 7px; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-text-2-images .content-inner { display: flex; align-items: center; gap: 50px; padding-top: 92px; padding-bottom: 80px; } .sdx-block-text-2-images .images { width: 50%; order: 1; } .sdx-block-text-2-images .text { width: 50%; order: 2; } .sdx-block-text-2-images .images .inner { max-width: 437px; position: relative; } .sdx-block-text-2-images .images .top { display: block; width: 50.18%; padding-top: 50.18%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 7px; } .sdx-block-text-2-images .images .bottom { width: 87.55%; margin-left: 17.95%; margin-top: -15.75%; padding-top: 91.58%; border: 7px solid var(--sdx-color-bluegray-lightest); border-right-width: 0; border-bottom-width: 0; } .sdx-block-text-2-images .images .info { display: inline-block; min-height: 71px; position: absolute; bottom: 44px; padding: 16px 22px 16px 76px; background: var(--sdx-color-main-dark) var(--sdx-icon-trophy) 22px center no-repeat; background-size: 48px; border-radius: 7px; color: var(--sdx-color-white); font-weight: 700; font-size: 16px; line-height: 20px; } .sdx-block-text-2-images h2 { font-size: 36px; line-height: 40px; text-align: left; } .sdx-block-text-2-images .text-1 { width: 85%; margin-top: 12px; font-size: 20px; line-height: 24px; text-align: left; } .sdx-block-text-2-images .text-2 { margin-top: 8px; font-size: 15px; line-height: 22px; } .sdx-block-text-2-images h3 { padding-top: 26px; font-size: 15px; font-weight: 700; line-height: 22px; } .sdx-block-text-2-images .text-2 + h3 { margin-top: 16px; } .sdx-block-text-2-images h3 + p { margin-top: 4px; padding-bottom: 15px; border-bottom: 1px solid var(--sdx-color-black-50); color: var(--sdx-color-main-dark); font-size: 15px; line-height: 22px; } .sdx-block-text-2-images .btn-main { width: auto; margin-top: 47px; } } /* * Block text tabs */ .sdx-block-text-tabs { background-color: var(--sdx-color-black); overflow: hidden; } .sdx-block-text-tabs .content-inner { padding-top: 20px; padding-bottom: 32px; } .sdx-block-text-tabs .tabs { display: grid; align-items: center; } .sdx-block-text-tabs .text { grid-column: 1; grid-row: 1; opacity: 0; transition: opacity .4s ease-in; visibility: hidden; } .sdx-block-text-tabs .text .text-2 { text-align: justify; } .sdx-block-text-tabs .text.tab-1 { opacity: 1; visibility: visible; } .sdx-block-text-tabs h2 { color: var(--sdx-color-white); font-size: 16px; font-weight: 700; line-height: 20px; } .sdx-block-text-tabs .text-1 { margin-top: 15px; color: var(--sdx-color-white); font-size: 13px; font-weight: 500; line-height: 20px; } .sdx-block-text-tabs .text-2 { margin-top: 19px; color: var(--sdx-color-white); font-size: 12px; line-height: 16px; } .sdx-block-text-tabs .btn-main { margin-top: 22px; width: 100%; } .sdx-block-text-tabs .toggler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; } .sdx-block-text-tabs .toggler button { width: calc(50% - 5px); height: 67px; padding: 10px; background-color: var(--sdx-color-black-lighter); border-radius: 4px; color: var(--sdx-color-main-dark-50); font-size: 8px; font-weight: 700; line-height: 11px; } .sdx-block-text-tabs .toggler button.active, .sdx-block-text-tabs .toggler button:hover { color: var(--sdx-color-main-dark); } .sdx-block-text-tabs .toggler button.active { cursor: default; } /* desktop size with one tabs column */ @media (min-width: 1010px) { .sdx-block-text-tabs .content-inner { display: flex; align-items: center; gap: 56px; padding-top: 80px; padding-bottom: 108px; } .sdx-block-text-tabs h2 { font-size: 32px; font-weight: 600; line-height: 40px; } .sdx-block-text-tabs .text-1 { margin-top: 25px; font-size: 15px; font-weight: 700; line-height: 22px; } .sdx-block-text-tabs .text-2 { margin-top: 25px; font-size: 15px; line-height: 22px; } .sdx-block-text-tabs .btn-main { margin-top: 25px; width: auto; } .sdx-block-text-tabs .toggler { flex: 0 0 240px; flex-direction: column; margin-top: 0; } .sdx-block-text-tabs .toggler button { width: 100%; border-radius: 7px; font-size: 20px; line-height: 24px; } } /* desktop size with two tabs columns */ @media (min-width: 1600px) { .sdx-block-text-tabs { background-image: var(--sdx-bg-blob-top-right); background-position: calc(50vw + 128px) -26px; background-repeat: no-repeat; background-size: 832px; } .sdx-block-text-tabs .toggler { flex-basis: 616px; flex-direction: row; gap: 24px; margin-top: 0; } .sdx-block-text-tabs .toggler button { width: 296px; height: 160px; } } /* * Block big text */ .sdx-block-big-text { background-color: var(--sdx-color-main-dark); } .sdx-block-big-text .content { padding-top: 100px; padding-bottom: 100px; } .sdx-block-big-text .text-wrapper { display: flex; flex-direction: column; position: sticky; top: 180px; } .sdx-block-big-text h2 { color: var(--sdx-color-white); font-size: 32px; font-weight: 800; line-height: 44px; text-align: center; } .sdx-block-big-text .scroll-target { height: 300px; } /* desktop size */ @media (min-width: 1310px) { .sdx-block-big-text .content { padding-top: 150px; padding-bottom: 150px; } .sdx-block-big-text .content h2 { font-size: 72px; line-height: 84px; } } /* * Block benefits */ .sdx-block-benefits { background-color: var(--sdx-color-gray-lightest); } .sdx-block-benefits .content-inner { padding-top: 30px; padding-bottom: 44px; } .sdx-block-benefits h2 { font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-benefits .slider { margin-top: 20px; } .sdx-block-benefits .text { height: 100%; padding: 16px 17px 20px; background-color: var(--sdx-color-white); border: 1px solid var(--sdx-color-gray-lighter); border-radius: 4px; } .sdx-block-benefits h3 { padding-bottom: 4px; border-bottom: 1px solid var(--sdx-color-black-20); color: var(--sdx-color-main-dark); font-size: 16px; font-weight: 600; line-height: 20px; } .sdx-block-benefits .text-1, .sdx-block-benefits .text-2 { margin-top: 10px; font-size: 10px; line-height: 15px; } .sdx-block-benefits .text-1 { font-weight: 700; } .sdx-block-benefits .text-2 { text-align: justify; } .sdx-block-benefits .btn-main { width: 100%; margin-top: 10px; font-size: 10px; line-height: 12px; } /* slider disabled */ @media (min-width: 800px) { .sdx-block-benefits .slider ul { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 24px; } /* .sdx-block-benefits .slider ul li { width: calc(50% - 12px); } */ .sdx-block-benefits .btn-main { width: auto; } } /* desktop size */ @media (min-width: 1010px) { .sdx-block-benefits .content-inner { padding-top: 80px; padding-bottom: 80px; } .sdx-block-benefits h2 { font-size: 39px; line-height: 52px; } .sdx-block-benefits .slider { margin-top: 51px; } .sdx-block-benefits .slider ul { gap: 50px; } /* .sdx-block-benefits .slider ul li { width: calc(50% - 25px); } */ .sdx-block-benefits .text { padding: 32px 36px 40px; border-radius: 7px; } .sdx-block-benefits h3 { padding-bottom: 9px; font-size: 32px; font-weight: 600; line-height: 40px; } .sdx-block-benefits .text-1, .sdx-block-benefits .text-2 { margin-top: 20px; font-size: 15px; line-height: 22px; } .sdx-block-benefits .btn-main { margin-top: 20px; font-size: 13px; line-height: 24px; } } /* force shorter title to wrap the same as the longer one */ @media (min-width: 1550px) and (max-width: 1640px) { .sdx-block-benefits h3 { padding-right: 50px; } } /* * Block prices */ .sdx-block-prices { background-color: var(--sdx-color-gray-lightest); } .sdx-block-prices .content { padding-top: 30px; padding-bottom: 44px; } .sdx-block-prices h2 { font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-prices .slider { margin-top: 20px; } .sdx-block-prices .box { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 16px 17px 20px; background-color: var(--sdx-color-main-40); border-radius: 4px; } .sdx-block-prices .box.highlight { background-color: var(--sdx-color-main); } .sdx-block-prices h3, .sdx-block-prices .price { color: var(--sdx-color-black-light); font-size: 26px; font-weight: 700; line-height: 32px; } .sdx-block-prices .price { margin-top: 18px; } .sdx-block-prices .info { margin-top: 20px; font-size: 15px; line-height: 22px; } .sdx-block-prices .btn-main { width: 100%; margin-top: 44px; } /* slider disabled */ @media (min-width: 800px) { .sdx-block-prices .slider ul { display: flex !important; justify-content: center; gap: 15px; } .sdx-block-prices .slider ul li { flex: 0 1 331px; } } /* desktop size */ @media (min-width: 1010px) { .sdx-block-prices .content { padding-top: 40px; padding-bottom: 40px; } .sdx-block-prices .content h2 { font-size: 45px; line-height: 55px; } .sdx-block-prices .slider { margin-top: 56px; } } /* * Block prices 2 */ .sdx-block-prices-2 { position: relative; } .sdx-block-prices-2::after { content: ''; position: absolute; left: 0; right: 0; top: 440px; bottom: 0; background-color: #f2f2f2; z-index: 1; } .sdx-block-prices-2 .content { position: relative; padding-top: 16px; padding-bottom: 72px; z-index: 2; } .sdx-block-prices-2 h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-block-prices-2 .box, .sdx-block-prices-2 .bottom-box { max-width: 367px; margin: 40px auto 0; padding: 16px 16px 22px; background-color: #FFF; border: 1px solid #DEDEDE; border-radius: 8px; box-shadow: 0 13px 19px rgba(0, 0, 0, 0.07); text-align: center; } .sdx-block-prices-2 .title { color: #252B42; font-size: 28px; font-weight: 700; } .sdx-block-prices-2 .subtitle { margin-top: 6px; color: #737373; font-size: 13px; font-weight: 600; line-height: 23px; } .sdx-block-prices-2 .price { margin-top: 24px; color: #1CA67F; font-size: 47px; font-weight: 800; line-height: 64px; } .sdx-block-prices-2 .price-info { color: rgba(28, 166, 127, 0.6); font-size: 13px; font-weight: 700; line-height: 20px; } .sdx-block-prices-2 .btn-main { display: flex; justify-content: center; align-items: center; height: 52px; max-width: 280px; margin: 24px auto 0; } .sdx-block-prices-2 ul { max-width: 228px; margin: 0 auto; } .sdx-block-prices-2 li { min-height: 28px; position: relative; padding-left: 44px; color: #252B42; font-size: 13px; font-weight: 500; line-height: 23px; text-align: left; } .sdx-block-prices-2 li::before { content: ''; width: 28px; height: 28px; position: absolute; left: 0; top: calc(50% - 14px); background: #737373 var(--sdx-icon-list-check-thin) center no-repeat; background-size: 13px; border-radius: 28px; } .sdx-block-prices-2 li.active::before { background-color: #1CA67F; } .sdx-block-prices-2 li + li { margin-top: 22px; } .sdx-block-prices-2 .box ul { margin-top: 36px; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-prices-2::after { top: calc(50% + 159px); } .sdx-block-prices-2 .content { padding-top: 101px; } .sdx-block-prices-2 h1 { font-size: 32px; } .sdx-block-prices-2 .box-container { display: flex; justify-content: space-between; gap: 20px; } .sdx-block-prices-2 .box { flex-grow: 1; margin: 96px 0 0; padding: 64px 43px 43px; } .sdx-block-prices-2 .bottom-box { max-width: none; padding: 0; } .sdx-block-prices-2 .bottom-box .row { padding: 26px 26px 19px; border-bottom: 1px solid #eaecf0; } .sdx-block-prices-2 .bottom-box .footer { padding: 26px; } .sdx-block-prices-2 .bottom-box .btn-main { max-width: none; margin: 0; } .sdx-block-prices-2 .bottom-box .price { /* position: absolute; top: 18px; right: 43px; margin: 0; */ } } @media (min-width: 1700px) { .sdx-block-prices-2 .bottom-box .price{ position: relative; } } /* * Block testimonials */ .sdx-block-testimonials { background-color: var(--sdx-color-gray-lightest); } .sdx-block-testimonials .content { padding-top: 28px; padding-bottom: 28px; } .sdx-block-testimonials h3 { display: none; } .sdx-block-testimonials h2 { color: #0D0D0D; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-testimonials .slider { margin-top: 8px; } .sdx-block-testimonials .shadow-container { height: 100%; padding: 12px 12px 16px; } .sdx-block-testimonials .box { height: 100%; padding: 28px 24px 30px; background-color: var(--sdx-color-white); border-radius: 7px; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.07); } .sdx-block-testimonials .profile { display: flex; gap: 8px; } .sdx-block-testimonials .avatar { flex-shrink: 0; width: 31px; height: 31px; border-radius: 80px; background-color: #e7e7e7; background-position: center; background-repeat: no-repeat; background-size: cover; } .sdx-block-testimonials .company { font-weight: 700; font-size: 12px; line-height: 15px; color: #737373; } .sdx-block-testimonials .name { font-weight: 600; font-size: 12px; /* line-height: 17px; */ color: #252B42; } .sdx-block-testimonials .profile + p { margin-top: 7px; color: #737373; font-weight: 500; font-size: 12px; /* line-height: 17px; */ text-align: justify; } .sdx-block-testimonials .btn-main { display: block; margin-top: 25px; } .sdx-block-testimonials .splide__pagination { margin-top: 0; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-testimonials .content { padding-top: 40px; padding-bottom: 52px; } .sdx-block-testimonials h3 { display: block; font-size: 16px; line-height: 24px; letter-spacing: 0.3em; text-align: center; } .sdx-block-testimonials .content h2 { margin-top: 13px; font-size: 48px; line-height: 59px; } .sdx-block-testimonials .slider { margin-top: 120px; } .sdx-block-testimonials .shadow-container { height: 100%; max-width: 785px; padding: 0; } .sdx-block-testimonials .box { padding: 53px; background-color: #f7f9f9; border-radius: 0; box-shadow: none; transition: background-color .1s ease-in; } .sdx-block-testimonials li.is-active .box { background-color: #23D9A5; } .sdx-block-testimonials .profile { gap: 30px; } .sdx-block-testimonials .avatar { width: 75px; height: 75px; transition: background-color .1s ease-in; } .sdx-block-testimonials li.is-active .avatar { background-color: #fff; } .sdx-block-testimonials .company { color: #c7c7c7; font-weight: 400; font-size: 13px; line-height: 23px; transition: color .1s ease-in; } .sdx-block-testimonials .name { color: #a7f0db; font-weight: 700; font-size: 23px; line-height: 29px; transition: color .1s ease-in; } .sdx-block-testimonials li.is-active .company, .sdx-block-testimonials li.is-active .name { color: #fff; } .sdx-block-testimonials .profile + p { margin-top: 24px; font-weight: 400; font-size: 13px; line-height: 23px; color: #747474; transition: color .1s ease-in; } .sdx-block-testimonials li.is-active .profile + p { color: #fff; } .sdx-block-testimonials .btn-main { background-color: var(--sdx-color-main-dark-50); transition: background-color .1s ease-in; } .sdx-block-testimonials li.is-active .btn-main { background-color: var(--sdx-color-main-dark); } .sdx-block-testimonials .splide__pagination { gap: 22px; margin-top: 51px; } .sdx-block-testimonials .splide__pagination button { height: 15px; width: 15px; } .sdx-container .splide__pagination button.is-active { background-color: var(--sdx-color-main); } } /* * Block newsletter */ .sdx-block-newsletter { background-color: var(--sdx-color-gray-lightest); } .sdx-block-newsletter .content { padding-top: 28px; padding-bottom: 42px; } .sdx-block-newsletter .box { padding: 23px 22px 32px; background-color: #23D9A5; border-radius: 7px; } .sdx-block-newsletter .inner { max-width: 400px; margin: 0 auto; } .sdx-block-newsletter h2 { font-weight: 700; font-size: 16px; line-height: 20px; color: #FFF; text-align: center; } .sdx-block-newsletter .text p { margin-top: 4px; line-height: 20px; text-align: center; color: #0D0D0D; } .sdx-block-newsletter input { display: block; width: 100%; height: 32px; margin-top: 24px; padding-left: 23px; padding-right: 23px; background-color: #fff; border: 0; border-radius: 7px; font-size: 12px; line-height: 16px; color: #6B7280; } .sdx-block-newsletter .btn-main { width: 100%; height: 32px; margin-top: 12px; padding-top: 0; padding-bottom: 0; } .sdx-block-newsletter form p { margin-top: 12px; font-size: 10px; line-height: 15px; color: #595959; } .sdx-block-newsletter form p a { color: #595959; text-decoration: underline; } .sdx-block-newsletter form p a:hover { text-decoration: none; } .sdx-block-newsletter .inputs p, .sdx-block-newsletter form.success .inputs input, .sdx-block-newsletter form.success .inputs button { display: none; } .sdx-block-newsletter form.success .inputs p { display: block; color: #fff; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center; } /* two columns */ @media (min-width: 640px) { .sdx-block-newsletter .inner { max-width: none; display: flex; gap: 32px; justify-content: center; align-items: center; } .sdx-block-newsletter form.success .inputs p { margin-top: 0; text-align: left; } } /* desktop size */ @media (min-width: 1010px) { .sdx-block-newsletter .box { padding: 75px 70px; border-radius: 13px; } .sdx-block-testimonials .content { padding-top: 52px; padding-bottom: 52px; } .sdx-block-newsletter h2 { font-weight: 800; font-size: 33px; line-height: 40px; text-align: left; } .sdx-block-newsletter .text p { margin-top: 13px; font-size: 20px; line-height: 27px; text-align: left; } .sdx-block-newsletter .inputs { display: flex; gap: 13px; } .sdx-block-newsletter input { min-width: 240px; max-width: 313px; height: 55px; margin-top: 0; font-size: 18px; line-height: 27px; } .sdx-block-newsletter .btn-main { flex-shrink: 0; width: 200px; height: 55px; margin-top: 0; padding-left: 28px; padding-right: 28px; font-weight: 500; font-size: 18px; line-height: 27px; } .sdx-block-newsletter form p { margin-top: 13px; font-size: 16px; line-height: 22px; color: #fff; } .sdx-block-newsletter form p a { color: #fff; } .sdx-block-newsletter form.success .inputs p { height: 55px; font-size: 20px; line-height: 24px; } } /* * Block page header */ .sdx-block-page-header .header-top .content { padding-top: 16px; padding-bottom: 68px; } .sdx-block-page-header .header-top h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-block-page-header .header-top p { min-height: 16px; margin-top: 24px; color: var(--sdx-color-white); font-size: 12px; line-height: 16px; text-align: center; } .sdx-block-page-header .header-top video, .sdx-block-page-header .header-top .video-wrapper { margin-top: 27px; width: 100%; border-radius: 5px; overflow: hidden; } .sdx-block-page-header .header-top .video-wrapper { position: relative; padding-bottom: 56.25%; } .sdx-block-page-header .header-top .video-wrapper iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sdx-block-page-header .header-top h2 { margin-top: 37px; color: var(--sdx-color-white); font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-page-header .header-top .subtitle { margin-top: 10px; color: var(--sdx-color-white); font-size: 16px; line-height: 20px; text-align: center; } .sdx-block-page-header .header-bottom { background-color: var(--sdx-color-gray-lightest); } .sdx-block-page-header .header-bottom .content-inner { padding-top: 22px; padding-bottom: 48px; } .sdx-block-page-header .header-bottom h2, .sdx-block-page-header .header-bottom .subtitle { display: none; } .sdx-block-page-header .header-bottom p, .sdx-block-page-header .header-bottom ul { font-size: 12px; font-weight: 400; line-height: 16px; text-align: justify; } .sdx-block-page-header .header-bottom ul { margin-top: 24px; } .sdx-block-page-header .header-bottom li { min-height: 18px; padding-left: 28px; background: var(--sdx-icon-list-check) left center no-repeat; background-size: 18px; } .sdx-block-page-header .header-bottom li + li { margin-top: 11px; } .sdx-block-page-header .header-bottom .btn-main { width: 100%; margin-top: 22px; } .sdx-block-page-header .header-bottom .images { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 20px; } .sdx-block-page-header .header-bottom .image { width: calc(50% - 8px); } .sdx-block-page-header .header-bottom .image div { padding-top: 74%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; } .sdx-block-page-header .header-bottom .image:first-child { width: 100%; } .sdx-block-page-header .header-bottom .image:first-child div { padding-top: 52.74%; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-page-header .header-top .content { padding-top: 100px; padding-bottom: 0; } .sdx-block-page-header .header-top h1 { font-size: 32px; } .sdx-block-page-header .header-top p { min-height: 23px; font-size: 15px; line-height: 23px; } .sdx-block-page-header .header-top video, .sdx-block-page-header .header-top .video-wrapper { margin-top: 24px; margin-bottom: -150px; width: 100%; border-radius: 5px; } .sdx-block-page-header .header-top h2, .sdx-block-page-header .header-top .subtitle { display: none; } .sdx-block-page-header .header-bottom .content-inner { display: flex; align-items: center; gap: 36px; padding-top: 268px; padding-bottom: 96px; } .sdx-block-page-header .header-bottom .content-inner > div { width: calc(50% - 18px); } .sdx-block-page-header .header-bottom h2 { display: block; color: #34233F; font-size: 32px; font-weight: 600; line-height: 40px; } .sdx-block-page-header .header-bottom .subtitle { display: block; margin-top: 28px; color: #0D0D0D; font-size: 15px; font-weight: 700; line-height: 22px; text-align: left; } .sdx-block-page-header .header-bottom p, .sdx-block-page-header .header-bottom ul { margin-top: 29px; font-size: 15px; font-weight: 400; line-height: 22px; } .sdx-block-page-header .header-bottom ul { margin-top: 32px; } .sdx-block-page-header .header-bottom li { min-height: 23px; padding-left: 32px; background-size: 23px; } .sdx-block-page-header .header-bottom li + li { margin-top: 14px; } .sdx-block-page-header .header-bottom .btn-main { width: auto; margin-top: 30px; } .sdx-block-page-header .header-bottom .images { gap: 28px; margin-top: 0; } .sdx-block-page-header .header-bottom .image:not(:first-child) { width: calc(50% - 14px); } .sdx-block-page-header .header-bottom .image div { border-radius: 10px; } } /* * Block image text */ .sdx-block-image-text { background-color: #D7D7D9; } .sdx-block-image-text .content { padding-top: 24px; padding-bottom: 28px; } .sdx-block-image-text .image-left { display: none; } .sdx-block-image-text h2 { color: #0D0D0D; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-image-text .subtitle { margin-top: 7px; color: #1CA67F; font-weight: 600; font-size: 13px; line-height: 20px; text-align: center; } .sdx-block-image-text .text-1, .sdx-block-image-text .text-2, .sdx-block-image-text ul { font-size: 12px; line-height: 16px; text-align: justify; color: #0D0D0D; } .sdx-block-image-text .text-1 { margin-top: 7px; } .sdx-block-image-text .text-1 + img { margin-top: 14px; width: 100%; height: auto; border-radius: 7px; } .sdx-block-image-text .text-2 { margin-top: 14px; } .sdx-block-image-text ul { margin-top: 17px; } .sdx-block-image-text li { min-height: 18px; padding-left: 28px; background: var(--sdx-icon-list-check) left center no-repeat; background-size: 18px; } .sdx-block-image-text li + li { margin-top: 11px; } .sdx-block-image-text .btn-main { width: 100%; margin-top: 22px; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-image-text .content { display: flex; align-items: center; gap: 36px; padding-top: 74px; padding-bottom: 98px; } .sdx-block-image-text .image-left { display: block; width: 50%; } .sdx-block-image-text .text { width: 50%; } .sdx-block-image-text .image-left .inner { max-width: 462px; padding-left: 86px; position: relative; } .sdx-block-image-text .image-left .image { width: 100%; padding-top: 148.51%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 7px; } .sdx-block-image-text .image-left .info { display: inline-block; min-height: 71px; position: absolute; bottom: 44px; left: 0; padding: 16px 22px 16px 76px; background: var(--sdx-color-main-dark) var(--sdx-icon-trophy) 22px center no-repeat; background-size: 48px; border-radius: 7px; color: var(--sdx-color-white); font-weight: 700; font-size: 16px; line-height: 20px; } .sdx-block-image-text h2 { font-size: 32px; font-weight: 600; line-height: 40px; text-align: left; } .sdx-block-image-text .subtitle { margin-top: 28px; color: #0D0D0D; font-size: 15px; font-weight: 700; line-height: 22px; text-align: left; } .sdx-block-image-text .text-1, .sdx-block-image-text .text-2, .sdx-block-image-text ul { font-size: 15px; line-height: 22px; } .sdx-block-image-text .text-1 { margin-top: 28px; } .sdx-block-image-text .text-1 + img { display: none; } .sdx-block-image-text .text-2 { margin-top: 16px; } .sdx-block-image-text ul { margin-top: 32px; } .sdx-block-image-text li { min-height: 23px; padding-left: 32px; background-size: 23px; } .sdx-block-image-text li + li { margin-top: 14px; } .sdx-block-image-text .btn-main { width: auto; margin-top: 30px; } } /* * Block text image box */ .sdx-block-text-image-box { background-color: var(--sdx-color-black); background-image: var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right); background-position: right -80px top -120px, -124px 300px; background-repeat: no-repeat, no-repeat; background-size: 420px, 560px; } .sdx-block-text-image-box .content-inner { padding-top: 24px; padding-bottom: 28px; } .sdx-block-text-image-box .image-right { display: none; } .sdx-block-text-image-box h2 { color: #fff; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-text-image-box .subtitle { margin-top: 7px; font-weight: 600; font-size: 13px; line-height: 20px; text-align: center; color: #1CA67F; } .sdx-block-text-image-box .text-1, .sdx-block-text-image-box .text-2 { font-size: 12px; line-height: 16px; text-align: justify; color: #fff; } .sdx-block-text-image-box .text-1 { margin-top: 7px; } .sdx-block-text-image-box .text-1 + img { margin-top: 14px; width: 100%; height: auto; border-radius: 7px; } .sdx-block-text-image-box .text-2 { margin-top: 14px; } .sdx-block-text-image-box .btn-main { width: 100%; margin-top: 22px; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-text-image-box { background-color: #f2f2f2; background-image: none; } .sdx-block-text-image-box .content-inner { padding-top: 101px; padding-bottom: 151px; } .sdx-block-text-image-box .box { display: flex; align-items: center; gap: 36px; padding: 40px 54px; background-color: #0D0D0D; border-radius: 7px; } .sdx-block-text-image-box .image-right { display: block; width: 50%; margin-top: -82px; margin-bottom: -116px; } .sdx-block-text-image-box .text { width: 50%; } .sdx-block-text-image-box .image-right .inner { max-width: 462px; padding-left: 86px; position: relative; } .sdx-block-text-image-box .image-right .image { width: 100%; padding-top: 174.47%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 7px; } .sdx-block-text-image-box .image-right .info { display: inline-block; min-height: 71px; position: absolute; bottom: 44px; left: 0; padding: 16px 22px 16px 76px; background: var(--sdx-color-main-dark) var(--sdx-icon-trophy) 22px center no-repeat; background-size: 48px; border-radius: 7px; color: var(--sdx-color-white); font-weight: 400; font-size: 16px; line-height: 20px; } .sdx-block-text-image-box h2 { font-size: 32px; font-weight: 600; line-height: 40px; text-align: left; } .sdx-block-text-image-box .subtitle { margin-top: 28px; font-weight: 700; font-size: 15px; line-height: 22px; color: #fff; text-align: left; } .sdx-block-text-image-box .text-1, .sdx-block-text-image-box .text-2 { font-size: 15px; line-height: 22px; } .sdx-block-text-image-box .text-1 { margin-top: 28px; } .sdx-block-text-image-box .text-1 + img { display: none; } .sdx-block-text-image-box .text-2 { margin-top: 16px; } .sdx-block-text-image-box .btn-main { width: auto; margin-top: 30px; } } /* * Block numbered list */ .sdx-block-numbered-list { background-color: var(--sdx-color-black); background-image: var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right); background-position: right -96px top -152px, -124px 300px, right -276px top 756px, -220px 1192px, right -228px top 1576px, right -244px top 2008px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; background-size: 416px, 494px, 416px, 494px, 416px, 416px; } .sdx-block-numbered-list .top-bg, .sdx-block-numbered-list .top-bg + svg { display: none; } .sdx-block-numbered-list .content-inner { padding-top: 24px; padding-bottom: 28px; } .sdx-block-numbered-list h2 { color: #fff; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-numbered-list .subtitle { margin-top: 7px; font-weight: 600; font-size: 13px; line-height: 20px; text-align: center; color: #1CA67F; } .sdx-block-numbered-list .text { display: none; } .sdx-block-numbered-list ul { margin-top: 28px; text-align: center; } .sdx-block-numbered-list li + li { margin-top: 28px; } .sdx-block-numbered-list .number, .sdx-block-numbered-list .number svg { height: 60px; } .sdx-block-numbered-list h3 { margin-top: -4px; font-size: 16px; font-weight: 700; line-height: 20px; color: #23D9A5; } .sdx-block-numbered-list .info p { margin-top: 5px; font-size: 12px; line-height: 17px; color: #FFF; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-numbered-list { background-color: #000; background-image: var(--sdx-bg-blob-bottom-left), var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-bottom-right); background-position: -1040px -240px, right -120px top 432px, 72px 1168px, right 20px top 1248px; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 1373px, 832px, 832px, 896px; } .sdx-block-numbered-list .top-bg { display: block; height: 52px; background-color: #d7d7d9; } .sdx-block-numbered-list .top-bg + svg { display: block; width: 100%; height: 205px; } .sdx-block-numbered-list .content-inner { margin-top: -120px; padding-top: 0; padding-bottom: 71px; } .sdx-block-numbered-list h2 { font-size: 36px; line-height: 40px; text-align: left; } .sdx-block-numbered-list .subtitle { max-width: 539px; margin-top: 26px; font-size: 15px; line-height: 22px; text-align: left; color: #fff; } .sdx-block-numbered-list .text { display: block; max-width: 539px; margin-top: 12px; color: #fff; font-size: 15px; line-height: 22px; text-align: justify; } .sdx-block-numbered-list ul { max-width: 832px; margin-top: 48px; text-align: left; } .sdx-block-numbered-list li { display: flex; } .sdx-block-numbered-list li + li { margin-top: 62px; } .sdx-block-numbered-list .number { flex: 0 0 132px; } .sdx-block-numbered-list .number, .sdx-block-numbered-list .number svg { height: auto; } .sdx-block-numbered-list h3 { margin-top: 0; font-size: 20px; line-height: 28px; } .sdx-block-numbered-list .info p { margin-top: 1px; font-size: 15px; font-weight: 700; line-height: 22px; } } /* position images relative to center on x-axis */ @media (min-width: 1536px) { .sdx-block-numbered-list { background-position: calc(50vw - 1808px) -240px, calc(50vw + 56px) 432px, calc(50vw - 696px) 1168px, calc(50vw - 148px) 1248px; } } /* * Block facts list */ .sdx-block-facts-list { background-color: var(--sdx-color-black); background-image: var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right); background-position: right -96px top -152px, -124px 300px, right -276px top 756px; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 416px, 494px, 416px; } .sdx-block-facts-list .content-inner { padding-top: 24px; padding-bottom: 55px; } .sdx-block-facts-list h2 { color: #fff; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-facts-list .subtitle { margin-top: 7px; font-weight: 600; font-size: 13px; line-height: 20px; text-align: center; color: #1CA67F; } .sdx-block-facts-list ul { margin-top: 36px; text-align: center; } .sdx-block-facts-list li + li { margin-top: 38px; } .sdx-block-facts-list .icon { width: 67px; height: 67px; margin: 0 auto; background: #1CA67F var(--sdx-icon-person) center no-repeat; background-size: 26px; border-radius: 80px; } .sdx-block-facts-list li:nth-child(n+3) .icon { background-image: var(--sdx-icon-office); background-size: 28px; } .sdx-block-facts-list h3 { margin-top: 16px; font-size: 15px; font-weight: 700; line-height: 20px; color: #23D9A5; } .sdx-block-facts-list li p { margin-top: 8px; font-size: 12px; line-height: 16px; color: #FFF; text-align: justify; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-facts-list { background-image: var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-bottom-left), var(--sdx-bg-blob-bottom-right); background-position: right -189px top -458px, -445px 218px; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 832px, 1373px, 0; } .sdx-block-facts-list .content-inner { padding-top: 125px; padding-bottom: 160px; } .sdx-block-facts-list h2 { font-size: 32px; font-weight: 600; line-height: 40px; text-align: left; } .sdx-block-facts-list .subtitle { margin-top: 4px; font-size: 20px; line-height: 28px; text-align: left; } .sdx-block-facts-list ul { display: flex; gap: 15px; margin-top: 94px; text-align: left; } .sdx-block-facts-list li + li { margin-top: 0; } .sdx-block-facts-list .icon { margin: 0; } .sdx-block-facts-list h3 { margin-top: 22px; font-size: 20px; line-height: 31px; } .sdx-block-facts-list li p { margin-top: 10px; font-size: 15px; font-weight: 400; line-height: 22px; } } /* show bottom right image */ @media (min-width: 1280px) { .sdx-block-facts-list { background-position: right -189px top -458px, -445px 218px, right -156px top 320px; background-size: 832px, 1373px, 896px; } } /* position images relative to center on x-axis */ @media (min-width: 1536px) { .sdx-block-facts-list { background-position: calc(50vw + 128px) -458px, calc(50vw - 1213px) 218px, left calc(50vw + 28px) top 320px; } } /* * Block score graph */ .sdx-block-score-graph { background-image: var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right); background-position: right -96px top -152px, -60px 260px; background-repeat: no-repeat, no-repeat; background-size: 416px, 416px; } .sdx-block-score-graph .content { padding-top: 16px; } .sdx-block-score-graph .scores-box { padding-bottom: 57px; } .sdx-block-score-graph h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 400; line-height: 35px; text-align: center; } .sdx-block-score-graph .scores { max-width: 252px; position: relative; margin: 22px auto 0; } .sdx-block-score-graph .scores::after { content: ''; width: 4px; position: absolute; top: -8px; bottom: -8px; left: 7px; background-color: #23D9A5; box-shadow: 0 4px 16px #23D9A5; border-radius: 2px; z-index: 1; } .sdx-block-score-graph .score { display: flex; align-items: center; justify-content: space-between; position: relative; padding-left: 46px; } .sdx-block-score-graph .score::after { content: ''; width: 16px; height: 16px; position: absolute; left: 0; top: calc(50% - 8px); background-color: #FFF; box-shadow: 0 0 8px #FFFF; border-radius: 80px; z-index: 2; } .sdx-block-score-graph .score + .score { margin-top: 33px; } .sdx-block-score-graph .points { font-weight: 700; font-size: 24px; line-height: 24px; color: #23D9A5; } .sdx-block-score-graph .points span { display: block; font-weight: 500; font-size: 8px; line-height: 12px; color: #FFFFFF; } .sdx-block-score-graph .title { display: flex; align-items: center; justify-content: center; width: 91px; height: 23px; background-color: #BC9459; border-radius: 4px; font-weight: 700; font-size: 9px; line-height: 13px; color: #FFFFFF; } .sdx-block-score-graph .score-1 .title { background-color: #1CA67F; } .sdx-block-score-graph .score-2 .title { background-color: #7FBC59; } .sdx-block-score-graph .score-3 .title { background-color: #BABC59; } .sdx-block-score-graph .score-4 .title { background-color: #BC9459; } .sdx-block-score-graph .score-5 .title { background-color: #BC5959; } .sdx-block-score-graph .info { display: none; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-score-graph { background-image: var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-top-right), var(--sdx-bg-blob-bottom-right); background-position: right -40px top -224px, -420px -12px, 71px 224px; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 568px, 744px, 744px; } .sdx-block-score-graph .content { padding-top: 59px; padding-bottom: 0; } .sdx-block-score-graph h1 { font-size: 52px; line-height: 46px; text-align: left; } .sdx-block-score-graph .scores-box { max-width: 1536px; margin: 64px auto 0; padding: 0; background: var(--sdx-bg-block-score-graph) center bottom no-repeat; background-size: contain; } .sdx-block-score-graph .scores { max-width: none; position: relative; margin: 0; padding-top: 40.42%; } .sdx-block-score-graph .scores::after { display: none; } .sdx-block-score-graph .score { display: block; width: 128px; position: absolute; padding: 0; cursor: help; text-align: center; } .sdx-block-score-graph .score::before { z-index: 2; content: ''; width: 2px; height: 160px; position: absolute; left: calc(50% - 1px); top: 154px; background-color: #FFF; } .sdx-block-score-graph .score::after { content: ''; width: 16px; height: 16px; position: absolute; left: calc(50% - 8px); top: 330px; background-color: #FFF; box-shadow: 0 0 8px #FFFF; border-radius: 80px; z-index: 2; } .sdx-block-score-graph .score + .score { margin: 0; } .sdx-block-score-graph .score-5 { left: calc(19.95% - 64px); top: calc(91.75% - 338px); } .sdx-block-score-graph .score-4 { left: calc(35% - 64px); top: calc(78.87% - 338px); } .sdx-block-score-graph .score-3 { left: calc(50.05% - 64px); top: calc(65.98% - 338px); } .sdx-block-score-graph .score-2 { left: calc(65.10% - 64px); top: calc(53.09% - 338px); } .sdx-block-score-graph .score-1 { left: calc(80.16% - 64px); top: calc(40.21% - 338px); } .sdx-block-score-graph .points { font-size: 32px; line-height: 32px; } .sdx-block-score-graph .points span { font-size: 12px; line-height: 16px; } .sdx-block-score-graph .title { display: inline-block; position: relative; margin-top: 12px; width: auto; height: auto; padding: 7px 12px; border-radius: 4px; font-size: 12px; line-height: 17px; } .sdx-block-score-graph .title::after { content: ''; width: 13px; height: 13px; position: absolute; left: calc(50% - 7px); bottom: -21px; background-color: #D9D9D9; -webkit-mask-image: var(--sdx-icon-info); -webkit-mask-size: 13px; mask-image: var(--sdx-icon-info); mask-size: 13px; } .sdx-block-score-graph .score .info { width: 288px; position: relative; top: 42px; left: calc(50% - 144px); padding: 39px 20px 13px; background-color: rgba(37, 37, 37, 0.7); backdrop-filter: blur(4px); border-radius: 8px; z-index: 3; } .sdx-block-score-graph .score:hover .info { display: block; } .sdx-block-score-graph .score .info::before { content: ''; position: absolute; top: -16px; left: calc(50% - 16px); backdrop-filter: blur(4px); border-bottom: 16px solid rgba(37, 37, 37, 0.7); border-top-color: inherit; border-left: 16px solid transparent; border-right: 16px solid transparent; } .sdx-block-score-graph .score .info::after { content: ''; width: 20px; height: 20px; position: absolute; left: calc(50% - 10px); top: 10px; background: var(--sdx-icon-info) no-repeat; background-size: 20px; } .sdx-block-score-graph .score .info p { font-size: 12px; line-height: 14px; text-align: center; color: #d9d9d9; } } /* move score points up */ @media (min-width: 1120px) { .sdx-block-score-graph .scores-box { margin-top: 0; } } /* fixed background size and repeating right background */ @media (min-width: 1536px) { .sdx-block-score-graph { position: relative; } .sdx-block-score-graph::before { background-size: 1536px; } .sdx-block-score-graph .scores-box::after { content: ''; height: 621px; position: absolute; left: calc(50% + 768px); top: 244px; right: 0; background: var(--sdx-bg-block-score-graph-right) left bottom repeat-x; background-size: 8px; } } /* * Block score text */ .sdx-block-score-text { background-color: #f2f2f2; } .sdx-block-score-text .content-inner{ display: grid !important; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start !important; } .sdx-block-score-text .content-inner { padding-top: 24px; padding-bottom: 93px; } .sdx-block-score-text .image { display: none; } .sdx-block-score-text h2 { color: #0D0D0D; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; } .sdx-block-score-text .subtitle { margin-top: 7px; font-weight: 600; font-size: 13px; line-height: 20px; text-align: center; color: #1CA67F; } .sdx-block-score-text .text { font-size: 12px; line-height: 16px; text-align: justify; color: #0D0D0D; } .sdx-block-score-text h3 { margin-top: 9px; font-weight: 600; font-size: 13px; line-height: 20px; text-align: center; color: #000; } .sdx-block-score-text p + h3 { margin-top: 17px; } .sdx-block-score-text p { margin-top: 8px; font-size: 12px; line-height: 16px; text-align: justify; color: #5F5F5F; } .sdx-block-score-text .image-mobile { margin-top: 32px; width: 100%; height: auto; border-radius: 7px; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-score-text .content-inner { display: flex; align-items: center; gap: 36px; padding-top: 106px; padding-bottom: 75px; } .sdx-block-score-text .image { flex: 0 0 46.6%; display: block; width: 100%; height: auto; } .sdx-block-score-text h2 { font-size: 36px; font-weight: 700; line-height: 40px; text-align: left; } .sdx-block-score-text .subtitle { margin-top: 6px; font-weight: 700; font-size: 20px; line-height: 28px; text-align: left; } .sdx-block-score-text .text { font-size: 15px; line-height: 22px; display: flex; flex-direction: column; gap: 15px; } .sdx-block-score-text h3 { margin-top: 24px; font-weight: 700; font-size: 20px; line-height: 31px; text-align: left; } .sdx-block-score-text p + h3 { margin-top: 26px; } .sdx-block-score-text p { margin-top: 0; font-size: 13px; line-height: 21px; } .sdx-block-score-text .image-mobile { display: none; } } /* * Block FAQ */ .sdx-block-faq { position: relative; } .sdx-block-faq::after { content: ''; position: absolute; left: 0; right: 0; top: 440px; bottom: 0; background-color: #f2f2f2; z-index: 1; } .sdx-block-faq .content { position: relative; padding-top: 16px; z-index: 2; } .sdx-block-faq h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-block-faq .box { margin-top: 40px; padding: 26px 16px 16px; background-color: #FFF; border-radius: 13px; } .sdx-block-faq .inner { display: flex; flex-direction: column; } .sdx-block-faq .image { order: 1; } .sdx-block-faq .row { display: flex; gap: 10px; order: 0; } .sdx-block-faq .row + .row { margin-top: 32px; } .sdx-block-faq .icon { flex: 0 0 37px; height: 37px; background-color: #D2EDE5; background-repeat: no-repeat; background-position: center; background-size: 16px; border: 5px solid #E8F6F2; border-radius: 23px; } .sdx-block-faq .text { padding-top: 8px; text-align: justify; } .sdx-block-faq h2 { font-size: 15px; line-height: 23px; color: #101828; } .sdx-block-faq p { margin-top: 4px; color: #475467; } .sdx-block-faq .image { margin-top: 40px; width: 100%; height: auto; border-radius: 8px; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-faq::after { top: 710px; } .sdx-block-faq .content { padding-top: 101px; padding-bottom: 64px; } .sdx-block-faq h1 { font-size: 32px; } .sdx-block-faq .box { margin-top: 96px; padding: 77px; } .sdx-block-faq .inner { display: block; overflow: hidden; } .sdx-block-faq .image { max-width: 448px; margin-top: 26px; margin-left: 26px; border-radius: 13px; float: right; } .sdx-block-faq .row + .row { margin-top: 39px; } .sdx-block-faq .icon { flex: 0 0 44px; height: 44px; background-size: 20px; border-width: 7px; border-radius: 23px; } .sdx-block-faq .text { padding-top: 0; } } /* * Block press */ .sdx-block-press .content-inner { padding-top: 16px; padding-bottom: 44px; } .sdx-block-press h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-block-press .box { margin-top: 25px; padding: 26px 13px; background-color: #FFF; border-radius: 7px; } .sdx-block-press .row + .row { margin-top: 20px; padding-top: 12px; border-top: 1px solid #EAECF0; } .sdx-block-press h2 a { font-weight: 600; font-size: 15px; line-height: 23px; color: #1CA67F; transition: opacity var(--sdx-link-hover-transition); } .sdx-block-press h2 a:hover { opacity: var(--sdx-link-hover-opacity); } .sdx-block-press h2 .new { padding: 1px 7px; background: #E2FFF5; border-radius: 13px; font-weight: 500; font-size: 12px; line-height: 16px; color: #1CA67F; } .sdx-block-press p { margin-top: 7px; color: #475467; font-size: 12px; text-align: justify; } .sdx-block-press .info { margin-top: 20px; } .sdx-block-press .info span { display: inline-block; padding-left: 23px; background-position: left center; background-repeat: no-repeat; font-weight: 500; color: #475467; } .sdx-block-press .info .source { background-image: var(--sdx-icon-book); background-size: 16px; } .sdx-block-press .info .date { margin-left: 22px; background-image: var(--sdx-icon-calendar-2); background-size: 16px; } /* desktop size */ @media (min-width: 1010px) { .sdx-block-press .content-inner { padding-top: 101px; padding-bottom: 165px; } .sdx-block-press h1 { font-size: 32px; } .sdx-block-press .box { margin-top: 96px; padding: 40px; } .sdx-block-press .p { font-size: 13px; } } /* * Block lexicon */ .sdx-block-lexicon .content-inner { padding-top: 16px; padding-bottom: 44px; } .sdx-block-lexicon h1 { color: var(--sdx-color-white); font-size: 28px; font-weight: 700; line-height: 35px; text-align: center; } .sdx-block-lexicon .box { margin-top: 25px; padding: 26px 13px; background-color: #FFF; border-radius: 7px; } .sdx-block-lexicon .row + .row { margin-top: 20px; padding-top: 12px; border-top: 1px solid #EAECF0; } .sdx-block-lexicon h2 { padding-left: 31px; background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 15px; line-height: 23px; color: #1CA67F; transition: opacity var(--sdx-link-hover-transition); } .sdx-block-lexicon p { margin-top: 12px; color: #475467; font-size: 12px; text-align: justify; } .sdx-block-lexicon p a { color: #1CA67F; transition: opacity var(--sdx-link-hover-transition); } .sdx-block-lexicon p a:hover { opacity: var(--sdx-link-hover-opacity); } /* desktop size */ @media (min-width: 1010px) { .sdx-block-lexicon .content-inner { padding-top: 101px; padding-bottom: 165px; } .sdx-block-lexicon h1 { font-size: 32px; } .sdx-block-lexicon .box { margin-top: 96px; padding: 40px; } .sdx-block-lexicon .p { font-size: 13px; } }