a { background-color: transparent; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } textarea { overflow: auto; } @font-face { font-display: swap; font-family: "Inter"; src: url("../eot/inter-black.eot"); src: local("Inter Black"), local("Inter-Black"), url("../eot/inter-blackd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/inter-black.woff2") format("woff2"), url("../woff/inter-black.woff") format("woff"), url("../inter-black.html") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-display: swap; font-family: "Inter"; src: url("../eot/inter-bold.eot"); src: local("Inter Bold"), local("Inter-Bold"), url("../eot/inter-boldd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/inter-bold.woff2") format("woff2"), url("../woff/inter-bold.woff") format("woff"), url("../inter-bold.html") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-display: swap; font-family: "Inter"; src: url("../eot/inter-semibold.eot"); src: local("Inter Semi Bold"), local("Inter-SemiBold"), url("../eot/inter-semiboldd41d.eot?#iefix") format("embedded-opentype"), url("../woff2/inter-semibold.woff2") format("woff2"), url("../woff/inter-semibold.woff") format("woff"), url("../inter-semibold.html") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: "Inter"; src: url("../eot/inter-regular.eot"); src: local("Inter Regular"), local("Inter-Regular"), url("../eot/inter-regulard41d.eot?#iefix") format("embedded-opentype"), url("../woff2/inter-regular.woff2") format("woff2"), url("../woff/inter-regular.woff") format("woff"), url("../inter-regular.html") format("truetype"); font-weight: 400; font-style: normal; } body { margin: 0; font-size: 16px; line-height: 140%; color: #252525; font-family: "Inter", sans-serif; font-weight: 400; letter-spacing: -0.18px; background: #fff; } ul { list-style: none; margin: 0; padding: 0; } .header * { /* box-sizing: border-box; */ margin: 0; padding: 0; } .container { margin: 0 auto; padding: 0 15px; } @media (min-width: 1200px) { .container { max-width: 1200px; } } .btn-wrap { margin-top: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .btn { font-family: "Inter", sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; text-align: center; cursor: pointer; border: none; padding: 12px 34px; border-radius: 12px; text-decoration: none; background: #0146fe; color: #fff; box-sizing: border-box; } .btn-white { border: 1px solid #0146fe; background-color: #fff; color: #0146fe; } .title { margin: 0; margin-bottom: 25px; color: #000; text-align: center; font-size: 34px; font-weight: 900; line-height: 120%; word-wrap: break-word; letter-spacing: -1.5px; } .subtitle { margin: 0; color: #000; text-align: center; font-size: 30px; font-weight: 900; line-height: 120%; word-wrap: break-word; } .text { margin: 0; color: #2a2b2f; font-size: 16px; font-weight: 400; line-height: 140%; } .subtext { margin: 0; margin-bottom: 15px; color: #000; font-size: 22px; font-weight: 700; line-height: 120%; } @media (min-width: 992px) { .btn { font-size: 20px; } .text { font-size: 18px; } .title { font-size: 56px; } .subtitle { font-size: 34px; } } /*common end*/ /*smart*/ .smart-banner { display: block; width: 100%; padding: 15px 0; background: #3a5ff7; box-shadow: 0 2px 5px 2px rgba(37, 37, 37, 0.36); transition: all 3s; margin-top: 70px; z-index: 100; } .smart-banner .container { padding: 0 10px; } .smart-banner-inner { display: flex; justify-content: space-between; align-items: center; } .smart-banner-inner img { width: 60px; height: 60px; margin-right: 20px; margin-bottom: 0; } .smart-banner-block h2 { margin: 0; margin-bottom: 15px; font-size: 23px; line-height: 36px; color: #fff; } .smart-banner-block p { margin: 0; font-size: 12px; line-height: 16px; color: #252525; } .smart-banner-link { display: flex; justify-content: flex-end; align-items: center; } .smart-banner-link a { padding: 7px 20px; text-decoration: none; font-size: 18px; line-height: 20px; } .smart-banner-link-inst { text-transform: uppercase; color: #fff; background-color: #cfff47; border-radius: 5px; color: #000 !important; font-weight: 700; } .smart-banner-link-close { color: #fff; margin-right: 20px; border: none; background-color: transparent; font-size: 16px; line-height: 140%; } @media (min-width: 992px) { .smart-banner { display: none !important; } .smart-banner-block h2 { font-size: 32px; } } /*smart end*/ /* header*/ .header ul { list-style: none; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; pointer-events: none; transition: opacity 0.7s ease; z-index: 999; } .header { position: fixed; top: 30px; width: 100%; z-index: 1000; } .header-inner { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; padding: 0 20px; border-radius: 24px; background-color: #fff; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); .header-logo { padding: 15px 0; } } .header-menu { flex-grow: 1; display: flex; align-items: center; justify-content: space-between; z-index: 1000; background-color: #fff; margin-right: 2px; } .header-desktop .nav-list { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; .nav-list__link { padding: 20px 0; font-size: 16px; font-weight: 600; } .nav-list__link:hover .header-link { color: #0146fe; } } .header-block-link { display: flex; align-items: center; gap: 10px; } .header-reg { display: flex; align-items: center; color: #252525; text-decoration: none; font-weight: 600; font-size: 16px; line-height: 20px; transition: all 0.3s; } .header-reg span { margin-right: 5px; } .partner-btn { border-radius: 12px; text-decoration: none; padding: 12px; border: 1px solid #0146fe; background-color: #fff; color: #0146fe; transition: all 0.3s; } .contact-us-btn { border-radius: 12px; text-decoration: none; color: #ffffff; background: #0146fe; padding: 12px; transition: all 0.3s; } .menu-btns { display: none; } .sumbenu-link-wrapper { text-decoration: none; } .nav-link, .header-link { color: #252525; transition: color 0.3s; text-decoration: none; } .header-link-arrow { display: none; } .menu-btn { width: 30px; height: 30px; position: relative; z-index: 1000; overflow: hidden; } .menu-btn span { width: 30px; height: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #222; transition: all 0.5s; } .menu-btn span:nth-of-type(2) { top: calc(50% - 10px); } .menu-btn span:nth-of-type(3) { top: calc(50% + 10px); } .menu-btn.active span:nth-of-type(1) { display: none; } .menu-btn.active span:nth-of-type(2) { top: 50%; transform: translate(-50%, 0%) rotate(45deg); } .menu-btn.active span:nth-of-type(3) { top: 50%; transform: translate(-50%, 0%) rotate(-45deg); } .container-submenu { display: none; position: absolute; top: 100%; left: 0; right: 0; max-width: 1200px; margin: 0 auto; padding: 20px 0px; z-index: 1000; } @media (max-width: 1200px) { .container-submenu { padding: 20px 20px; } } @media (width < 1100px) { .header-logo { margin-right: 10px !important; } .header-link { font-size: 14px; } .header-block-link a { font-size: 14px; } } @media (min-width: 992px) { .nav-list__item.active .container-submenu { display: block; } .header-desktop .nav-list .nav-list__link { padding: 20px 10px; } .container-submenu { max-height: 80svh; overflow-y: auto; } .container-submenu::-webkit-scrollbar { height: 80%; width: 6px; } .container-submenu::-webkit-scrollbar-track { background: #e4e3e3; border-radius: 10px; } .container-submenu::-webkit-scrollbar-thumb { background-color: #0146fe; border-radius: 10px; border: 1px solid #e4e3e3; } .container-submenu::-webkit-scrollbar-thumb:hover { background-color: #0146fe; } } .submenu { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; list-style: none; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); background-color: #fff; padding: 20px 20px; border-radius: 32px; .submenu__item { padding: 10px; border-radius: 12px; } .submenu__item:hover { background-color: #ede6e6; } .submenu__item:hover .nav-link { color: #0146fe; } } .submenu-union.submenu-company { grid-template-columns: repeat(3, 1fr); gap: 0; } .submenu-union { display: grid; grid-template-columns: 2fr 1fr; padding: 0; overflow: hidden; .submenu-list__title { padding-left: 20px; text-transform: uppercase; color: #0146fe; } .submenu-list__wrapper { display: flex; flex-direction: column; gap: 20px; justify-content: start; padding: 20px; align-items: start; height: 100%; } .submenu-list__wrapper:last-child { background-color: #ede6e6; .submenu-list .submenu__item:hover { background-color: #fff; } } .industries .submenu-list { gap: 0; .submenu__item { padding: 5px 10px 0; margin-bottom: 10px; } .submenu__item a { font-weight: 400; } } } .submenu-union .submenu-list__wrapper:first-child .submenu-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .submenu-union.submenu-company .submenu-list__wrapper:first-child .submenu-list { grid-template-columns: 1fr; gap: 0; } .submenu-union .submenu-list__wrapper .submenu-list { padding-left: 10px; } .submenu__item { flex: 1 1 calc(33% - 20px); min-width: 200px; max-width: calc(1150px / 3 - 20px); } .submenu__text p { display: block; font-size: 16px; font-weight: bold; color: #333; margin-bottom: 10px; text-decoration: none; } .limited-text { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; } @media (width < 992px) { .header-menu { display: none; justify-content: start; margin-right: 0; } .header-inner { justify-content: space-between; } .header-block-link { margin-top: 40px; } .header-block-link a { font-size: 16px; } .container-submenu-technologies.active .submenu { flex-direction: column; padding-left: 20px !important; margin-top: 20px; .submenu__item { flex: 1; } } .header-menu.active { position: absolute; left: 0; right: 0; top: calc(100% + 20px); display: flex; flex-direction: column; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding-bottom: 40px; border-radius: 32px; margin: 0 15px; max-height: calc(100svh - 115px); overflow-y: auto; .header-desktop { width: 100%; .nav-list { flex-direction: column; } } .container-submenu.active { position: static; display: flex; padding: 0; border-radius: 0; .submenu-list__wrapper { margin-top: 20px; padding: 0; } .submenu-list__wrapper:last-child { padding: 20px 0; } .submenu__item-description { display: none; } .submenu { grid-template-columns: 1fr; gap: 0; width: 100%; box-shadow: none; border-radius: 0; padding: 0; .submenu-list { grid-template-columns: 1fr; gap: 0; } } } } .header-menu.active::-webkit-scrollbar { width: 6px; } .header-menu.active::-webkit-scrollbar-track { background: #e4e3e3; border-radius: 10px; } .header-menu.active::-webkit-scrollbar-thumb { background-color: #0146fe; border-radius: 10px; border: 1px solid #e4e3e3; } .header-menu.active::-webkit-scrollbar-thumb:hover { background-color: #0146fe; } .nav-list__item.nav-list__link { width: 100%; } .nav-list__item-text { display: flex; justify-content: space-between; margin: 0 20px; } .header-link { font-size: 22px; } .header-link-arrow { font-size: 22px; } .header-link-arrow { display: inline-block; } .menu-btns { display: flex; justify-content: start; align-items: center; gap: 20px; } } @media (width < 450px) { .header-block-link { flex-direction: column; gap: 20px; justify-content: start; align-items: center; a { flex-grow: 1; } } } /*header-end*/ /* breadcrumbs */ .breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; padding: 15px 0; } .post-inner .breadcrumbs { margin-bottom: 30px; padding: 0; } .breadcrumbs li { margin-right: 8px; color: #7A869C; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.18px; } .breadcrumbs li:first-child { display: flex; align-items: center; } .breadcrumbs li:first-child img { margin-top: 1px; } .breadcrumbs li a { color: #7A869C; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.18px; text-decoration: none; } .breadcrumbs-link span img svg { color: #7A869C; } @media(min-width:992px) { .breadcrumbs li { font-size: 14px; } .breadcrumbs li a { font-size: 14px; } } /* breadcrumbs-end*/ main { margin-top: 110px; } /*main*/ .main-block { padding-top: 30px; padding-bottom: 50px; } .main-title { margin: 0; margin-bottom: 25px; color: #000; font-weight: 900; font-size: 38px; line-height: 120%; text-align: center; letter-spacing: -1.5px; } .main-text { margin: 0; margin-bottom: 40px; text-align: center; font-size: 20px; } @media (min-width: 992px) { .main-block { padding-top: 50px; padding-bottom: 80px; } .main-title { font-size: 70px; } .main-text { margin-bottom: 60px; } } /*main end*/ /*partners*/ .partners { padding: 30px 0; } .partners-slider { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } @media (min-width: 992px) { .partners-title { width: 800px; margin: 0 auto; margin-bottom: 70px; } } /*partners-end*/ /* ------footer------- */ .footer { border-top: 1px solid #ebebeb; padding-top: 50px; padding-bottom: 30px; } .footer-inner { display: flex; flex-direction: column; justify-content: center; } .footer-column { margin-bottom: 30px; text-align: center; } .contact-net { list-style: none; display: flex; justify-content: center; } .contact-net li { margin: 0; margin-right: 25px; } .footer-title-wrapper { display: flex; justify-content: space-between; align-items: center; /* width: 250px; */ margin: 0 auto 15px auto; cursor: pointer; img { margin-left: 25px; transform: rotate(90deg); } } .footer-title-wrapper.active img { transition: transform 0.3s ease; } .footer-title-wrapper.active img { transform: rotate(-90deg); } @media (min-width: 992px) { .footer-inner { flex-direction: row; justify-content: space-between; align-items: flex-start; } .footer-column { text-align: left; } .contact-net { justify-content: start; } .footer-title-wrapper { justify-content: start; } .footer-title-wrapper img { display: none; } .footer-title { cursor: default; } } .footer-title { margin: 0; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; } .footer-nav { overflow: hidden; transition: max-height 0.3s ease; } .footer-nav-list__hide { display: none; } .footer-nav li { margin-bottom: 10px; } .footer-nav li a { font-size: 14px; line-height: 18px; color: #252525; text-decoration: none; } .footer-nav li a:hover { color: #4a90e2; } .footer-print { margin: 0; text-align: center; font-size: 14px; line-height: 18px; color: #252525; } .work-status-text { font-size: 12px; line-height: 20px; color: #252525; font-weight: 700; text-transform: uppercase; } .work-status-point, .work-status-gmt { color: #666666; } .work-status-day { font-size: 14px; line-height: 20px; color: #252525; font-weight: 400; } #change-lang { margin-bottom: 20px; width: 220px; padding: 5px; font-size: 16px; font-family: "Inter", sans-serif; font-weight: 400; color: #252525; box-sizing: border-box; border: 1px solid #8b8686; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04); border-radius: 5px; background-color: #fff; } @media (max-width: 991px) { .opt-lang { text-align: center; } .footer * { text-align: center; } .footer #change-lang { display: block; margin: 0 auto 20px auto; } } /*footer-end*/ /*main*/ .brand-list { display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; gap: 50px; } .brand-list img { width: 100%; } @media (min-width: 992px) { .brand-list img { width: auto; } } .snippet_block { margin: 40px auto; max-width: 900px; padding: 20px 40px; border: 2px solid #0146FE; box-shadow: 0px 0px 2px rgba(1, 70, 254, 0.4); border-radius: 6px; } .snippet_block p { text-align: center; } .when-to-use, .when-not-to-use { padding-top: 40px; } @media (min-width: 992px) { .when-to-use, .when-not-to-use { padding-top: 80px; } } .metrics-list { list-style: disc; padding-left: 20px; margin: 20px 0; } .metrics-list li { margin-top: 16px; } .offers { padding: 50px 0; } @media (min-width: 992px) { .offers { padding: 100px 0 50px 0; } } .offers-subtitle { margin-bottom: 60px; } /* products */ .products-item { display: flex; flex-direction: column; box-sizing: border-box; background-color: #f6f7f9; border-radius: 32px; width: 90%; padding-bottom: 25px; margin: 0; overflow: hidden; } .products-item img.item-image-size { width: 100%; height: auto; margin-bottom: 25px; border-top-left-radius: 32px; border-top-right-radius: 32px; } .products-title { padding: 0 18px; margin-bottom: 15px; } .products-text { text-align: center; margin-bottom: 30px; padding: 0 25px; } .products-item .btn-wrap { padding: 0 20px; } @media (min-width:992px) { .main-products { display: flex; justify-content: space-between; align-items: center; } .products-item { padding-top: 0; margin-bottom: 0; width: 32%; min-height: 560px; } .products-item img.item-image-size { max-width: 100%; height: 264px; object-fit: cover; } .products-text { margin: 0; } .main-title { margin: 0 auto !important; margin-bottom: 25px !important; width: 900px; } } /* products end */ /*business*/ .business { padding: 50px 0; } .business-title { margin-bottom: 50px; } .business-item { display: flex; flex-direction: column; box-sizing: border-box; background-color: #f6f7f9; border-radius: 32px; width: 90%; padding-bottom: 25px; margin: 0 auto 30px auto; } .business-img { width: 100%; height: auto; margin-bottom: 25px; border-top-left-radius: 32px; border-top-right-radius: 32px; } .business-subtitle { margin: 0; padding: 0 16px; margin-bottom: 10px; color: #2A2B2F; font-size: 22px; font-weight: 900; line-height: 130%; letter-spacing: -0.48px; } .business-text { text-align: { { text_direction } } ; padding: 0 16px; margin-bottom: 30px; } @media (min-width: 992px) { .business { padding: 100px 0; } .business-img { height: 240px; object-fit: cover; } .business-title { margin-bottom: 70px; } .business-wrap { display: flex; justify-content: space-between; align-items: center; } .business-item { width: 24%; margin-bottom: 0; min-height: 450px; } .business-text { margin-bottom: 10px; } } /*business-end*/ /*support-form*/ .support-form { padding: 50px 0; background-color: #f4f6fd; } .support-form-wrap { padding: 0 15px; } .support-form-title { margin-bottom: 40px; text-align: center; } .support-form-data-input input, .support-form-data-message textarea { width: 100%; padding: 12px 100px 12px 16px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: -0.16px; border-radius: 8px; border: 1px solid rgba(185, 196, 210, 0.42); box-sizing: border-box; background: #FFF; } .support-form-data-input input { padding: 12px 12px 12px 16px; } .support-form-data-input { margin-bottom: 16px; } .support-form-data-message { margin-bottom: 16px; } #support-form-data textarea { min-height: 150px; } .required-field { margin-bottom: 20px; color: #3E79FA; font-size: 10px; font-weight: 600; line-height: 22px; } .support-form-data-btn { margin-bottom: 10px; } .support-form-data-btn input { width: 100%; } .support-form-data-text { color: #7D858F; text-align: center; font-size: 12px; line-height: 120%; font-weight: 400; } .support-form-data-phone { position: relative; } .support-form-data-phone input { width: 100%; } .iti--allow-dropdown { width: 100%; } #error-msg { color: red; } #valid-msg { top: 50px; left: 5px; font-size: 10px; line-height: 14px; color: green; position: absolute; } .hide { display: none; } .support-form-popup { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1500; } .support-form-popup-wrap { position: fixed; z-index: 1581; box-sizing: border-box; width: calc(100% - 24px); max-width: 570px; margin-right: auto; margin-left: auto; padding: 48px 20px; background: #f9f9f9; border-radius: 10px; text-align: center; left: calc(2.5%); top: calc(5%); } .support-form-popup-title { text-align: center !important; margin-bottom: 20px; } .support-form-popup-btn { position: absolute; top: 0; right: 10px; width: 44px; height: 44px; padding: 0 0 18px 10px; font-size: 44px; line-height: 44px; text-align: center; color: #252525; border: transparent; background: transparent; text-decoration: none; z-index: 1502; } .support-form-popup-wrap img { margin-bottom: 15px; } .iti__selected-flag { padding-left: 16px; } .support-form-data-btn .btn { width: 100%; } .iti__flag-container { padding-left: 10px !important; } /* .support-form-data-btn { display: flex; justify-content: center; } .support-form-data-btn .btn { width: auto; padding: 12px 55px; } */ #btn-support[disabled] { opacity: .5; cursor: default; } @media (min-width: 992px) { .support-form { padding: 70px 0; } .support-form-wrap { width: 745px; margin: 0 auto; padding: 0; } .support-form-data-wrap { display: flex; justify-content: space-between; } .support-form-data-input { width: 360px; } .support-form-data-phone input { width: 360px; } .support-form-popup-wrap { left: calc(50% - 280px); top: 20%; } } /*support-form end*/ .real-block { padding: 50px 0; } .real-title { margin: 0; margin-bottom: 20px; font-weight: 900; font-size: 24px; line-height: 130%; letter-spacing: -0.05em; text-align: center; } @media (min-width: 768px) { .real-title { font-size: 40px; } } /***********reviews***************/ .reviews { margin-bottom: 50px; } .reviews-item { margin-bottom: 20px; background: #f6f7f9; padding: 30px; border-radius: 20px; display: flex; flex-direction: column; width: 100%; min-height: 390px; box-sizing: border-box; } .reviews-item-text { margin: 0; margin-bottom: 30px; font-weight: 600; font-size: 18px; line-height: 130%; letter-spacing: -0.02em; padding-left: 20px; border-left: 1px solid #e6e9ef; } .reviews-item-user { margin-top: auto; display: flex; align-items: center; } .reviews-item-info { margin-left: 20px; } .reviews-item-logo { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background: #e6e9ef; } .reviews-item-logo span { font-weight: 600; font-size: 22px; line-height: 120%; color: #000; } .reviews-item-name { margin-bottom: 5px; font-weight: 700; font-size: 16px; line-height: 120%; letter-spacing: -0.01em; } .reviews-item-work { font-size: 14px; line-height: 120%; letter-spacing: -0.01em; } @media (min-width: 992px) { .reviews { margin-bottom: 70px; display: flex; justify-content: space-between; } .reviews-item { box-sizing: border-box; width: 300px; } } @media (min-width: 1200px) { .reviews-item { width: 380px; } } /*partners*/ .partners { padding: 50px 0; } .partners-slider { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } @media (min-width: 992px) { .partners { padding: 50px 0; } .partners-title { width: 800px; margin: 0 auto !important; margin-bottom: 70px !important; } } @media (max-width: 992px) { .partners-slider img { width: 100px !important; height: 42px !important; } } /*partners-end*/ /*faq end*/ .faq { padding: 50px 0; } .faq-list { margin-bottom: 30px; } .faq-item { margin-bottom: 20px; border-bottom: 1px solid #e4e4e4; cursor: pointer; } .faq-text { color: #000; margin: 0; padding: 15px; padding-top: 0; display: none; } .faq-title { position: relative; padding-right: 30px; margin: 0; margin-bottom: 20px; color: #000; font-size: 24px; font-weight: 700; line-height: 120%; letter-spacing: -0.72px; } .faq-title::after { content: '+'; position: absolute; font-size: 40px; font-weight: 400; color: #000; top: 0; right: 0; } .faq-title-plus { margin-left: 10px; font-size: 40px; color: #000; } .faq-subtitle { margin-bottom: 30px; } .faq-text-item { margin: 0; margin-bottom: 5px; } .faq-text-list { margin: 0; padding: 0; } @media (min-width: 992px) { .faq { padding: 80px 0; width: 865px; margin: 0 auto; } .faq-list { margin-bottom: 50px; } .faq-subtitle { margin-bottom: 50px; } } /*faq end*/ /*trial*/ .trial { padding: 50px 0; background-color: #f4f6fd; } .trial-wrap { padding: 0 15px; } .trial-title { margin-bottom: 40px; text-align: center; } #request-free-trial-submit[disabled] { opacity: 0.5; cursor: default; } .trial-data-input input, .trial-data-message textarea { width: 100%; padding: 12px 100px 12px 16px; font-family: "Inter", sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: -0.16px; border-radius: 8px; border: 1px solid rgba(185, 196, 210, 0.42); box-sizing: border-box; background: #fff; } .trial-data-input input { padding: 12px 12px 12px 16px; } .trial-data-input { margin-bottom: 16px; } .trial-data-message { margin-bottom: 16px; position: relative; } .trial-data-message #charCount { position: absolute; bottom: 12px; right: 30px; } #charCount.exceeded { color: red; } #trial-data textarea { min-height: 150px; } .required-field { margin-bottom: 20px; color: #3e79fa; font-size: 10px; font-weight: 600; line-height: 22px; } .trial-data-btn { margin-bottom: 10px; } .trial-data-btn input { width: 100%; } .trial-data-text { color: #7d858f; text-align: center; font-size: 12px; line-height: 120%; font-weight: 400; } .trial-data-phone { position: relative; } .trial-data-phone input { width: 100%; } .iti--allow-dropdown { width: 100%; } #error-msg { color: red; } .trial-data-btn { display: flex; justify-content: center; } .trial-data-btn .btn { width: auto; padding: 12px 55px; } #valid-msg { top: 50px; left: 5px; font-size: 10px; line-height: 14px; color: green; position: absolute; } .hide { display: none; } .trial-popup { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1500; } .trial-popup-wrap { position: fixed; left: calc(2.5%); top: calc(5%); z-index: 1581; box-sizing: border-box; display: flex; flex-direction: column; justify-content: start; align-items: center; width: calc(100% - 24px); max-width: 570px; margin-right: auto; margin-left: auto; padding: 48px 20px; background: #f9f9f9; border-radius: 10px; } .trial-popup-title { text-align: center !important; margin-bottom: 20px; } .trial-popup-text { text-align: center !important; } .trial-popup-btn { position: absolute; top: 0; right: 10px; width: 44px; height: 44px; padding: 0 0 18px 10px; font-size: 44px; line-height: 44px; text-align: center; color: #252525; border: transparent; background: transparent; text-decoration: none; z-index: 1502; } .posthog-popup { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1500; } .posthog-popup-close { position: absolute; top: 0; right: 10px; width: 44px; height: 44px; padding: 0 0 18px 10px; font-size: 44px; line-height: 44px; text-align: center; color: #252525; border: transparent; background: transparent; text-decoration: none; z-index: 1502; cursor: pointer; } .posthog-popup .trial-popup-title { font-size: 24px; } .trial-popup-wrap img { margin-bottom: 15px; } .iti__selected-flag { padding-left: 16px; } .trial-data-btn .btn { width: 100%; } .iti__flag-container { padding-left: 10px !important; } @media (min-width: 992px) { .trial { padding: 100px 0; } .trial-wrap { width: 745px; margin: 0 auto; padding: 0; } .trial-data-wrap { display: flex; justify-content: space-between; } .trial-data-input { width: 360px; } .trial-data-phone input { width: 360px; } .trial-popup-wrap { left: calc(50% - 280px); top: 20%; } } /*trial end*/