@font-face { font-family: 'ZohoPuvi'; src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf') format('truetype'); font-style: normal; font-weight: 300; font-display: swap } @font-face { font-family: 'ZohoPuvi'; src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2') format('woff2'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap } @font-face { font-family: 'ZohoPuvi'; src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2') format('woff2'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.ttf') format('truetype'); font-style: normal; font-weight: 700; font-display: swap } body { font-family: ZohoPuvi, sans-serif } :root { --color-base-red: #e80e19; --color-base-green: #09ab58; --color-base-blue: #006deb; --color-base-yellow: #ffca14; --color-black: #000; --color-white: #fff; --color-black-900: #1a1a1a; --color-black-800: #222; --color-black-700: #333; --color-black-600: #4d4d4d } .form-group-wrapper .form-group-item, .form-group-wrapper select { flex: 50% } .page-wrapper--base { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility } .page-wrapper--base *, .page-wrapper--base *::before, .page-wrapper--base *::after { -webkit-box-sizing: border-box; box-sizing: border-box } .page-wrapper--base .font-xs { font-size: 12px; line-height: 1.4 } .page-wrapper--base .font-sm { font-size: 14px; line-height: 1.4 } .page-wrapper--base .font-md { font-size: 16px; line-height: 1.5 } .page-wrapper--base .font-base { font-size: 17px; line-height: 1.5; margin-top: 0 } .page-wrapper--base .font-lg, .page-wrapper--base .pricing-table tbody tr td, .pricing-table tbody tr .page-wrapper--base td { font-size: 18px; line-height: 1.5 } .page-wrapper--base .font-xl { font-size: 20px; line-height: 1.6 } .page-wrapper--base .font-2xl { font-size: 22px; line-height: 1.4; letter-spacing: -.15px } .page-wrapper--base .font-h6, .page-wrapper--base h6 { font-size: 18px; font-weight: 600; line-height: 1.3; margin-top: 0; margin-bottom: 12px } .page-wrapper--base .font-h5, .page-wrapper--base h5 { font-size: 20px; font-weight: 600; line-height: 1.3; margin-top: 0; margin-bottom: 12px } .page-wrapper--base .font-h4, .page-wrapper--base h4 { font-size: 24px; font-weight: 600; line-height: 1.25; letter-spacing: -.25px; margin-top: 0; margin-bottom: 12px } .page-wrapper--base .font-h3, .page-wrapper--base h3 { font-size: 36px; font-weight: 600; line-height: 1.2; letter-spacing: -.5px; margin-top: 0; margin-bottom: 12px } .page-wrapper--base .font-h2, .page-wrapper--base h2 { font-size: 48px; font-weight: 600; line-height: 1.2; letter-spacing: -1.25px; margin-top: 0; margin-bottom: 12px } .page-wrapper--base .font-h1, .page-wrapper--base h1 { font-size: 60px; font-weight: 600; line-height: 1.1; letter-spacing: -2px; margin-top: 0; margin-bottom: 12px } .page-wrapper--base .font-display-xl { font-size: 72px; font-weight: 600; line-height: 1.1; letter-spacing: -2.5px } .page-wrapper--base .font-display-2xl { font-size: 84px; font-weight: 600; line-height: 1.05 } .page-wrapper--base .font-display-3xl { font-size: 96px; font-weight: 600; line-height: 1.05 } .page-wrapper--base .fw-regular { font-weight: 300 } .page-wrapper--base .fw-medium { font-weight: 400 } .page-wrapper--base .fw-semibold { font-weight: 500 } .page-wrapper--base .fw-bold { font-weight: 600 } .page-wrapper--base p { font-size: 17px; font-weight: 300; line-height: 1.7; margin-top: 0; margin-bottom: 16px } @media only screen and (max-width:767px) { .page-wrapper--base .font-display-xl, .page-wrapper--base h1 { font-size: calc(3rem + 3vw) } .page-wrapper--base h2 { font-size: calc(2rem + 2vw) } } .page-wrapper--base .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -.75rem; margin-left: -.75rem; padding-top: 0; padding-bottom: 0 } .page-wrapper--base .row>* { padding-left: 12px; padding-right: 12px; max-width: 100% } .page-wrapper--base .row.g-0 { margin-right: 0; margin-left: 0 } .page-wrapper--base .row.g-0>* { padding-left: 0; padding-right: 0 } .page-wrapper--base .col { -webkit-box-flex: 1; -ms-flex: 1 0 0; flex: 1 0 0 } .page-wrapper--base .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .page-wrapper--base .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333% } .page-wrapper--base .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667% } .page-wrapper--base .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25% } .page-wrapper--base .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% } .page-wrapper--base .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667% } .page-wrapper--base .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% } .page-wrapper--base .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333% } .page-wrapper--base .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667% } .page-wrapper--base .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75% } .page-wrapper--base .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333% } .page-wrapper--base .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667% } .page-wrapper--base .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100% } @media only screen and (min-width:576px) { .page-wrapper--base .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333% } .page-wrapper--base .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667% } .page-wrapper--base .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25% } .page-wrapper--base .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% } .page-wrapper--base .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667% } .page-wrapper--base .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% } .page-wrapper--base .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333% } .page-wrapper--base .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667% } .page-wrapper--base .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75% } .page-wrapper--base .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333% } .page-wrapper--base .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667% } .page-wrapper--base .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100% } } @media only screen and (min-width:768px) { .page-wrapper--base .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .page-wrapper--base .col-md { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .page-wrapper--base .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333% } .page-wrapper--base .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667% } .page-wrapper--base .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25% } .page-wrapper--base .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% } .page-wrapper--base .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667% } .page-wrapper--base .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% } .page-wrapper--base .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333% } .page-wrapper--base .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667% } .page-wrapper--base .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75% } .page-wrapper--base .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333% } .page-wrapper--base .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667% } .page-wrapper--base .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100% } } @media only screen and (min-width:992px) { .page-wrapper--base .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .page-wrapper--base .col-lg { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .page-wrapper--base .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333% } .page-wrapper--base .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667% } .page-wrapper--base .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25% } .page-wrapper--base .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% } .page-wrapper--base .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667% } .page-wrapper--base .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% } .page-wrapper--base .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333% } .page-wrapper--base .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667% } .page-wrapper--base .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75% } .page-wrapper--base .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333% } .page-wrapper--base .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667% } .page-wrapper--base .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100% } } @media only screen and (min-width:1200px) { .page-wrapper--base .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .page-wrapper--base .col-xl { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .page-wrapper--base .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333% } .page-wrapper--base .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667% } .page-wrapper--base .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25% } .page-wrapper--base .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333% } .page-wrapper--base .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667% } .page-wrapper--base .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% } .page-wrapper--base .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333% } .page-wrapper--base .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667% } .page-wrapper--base .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75% } .page-wrapper--base .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333% } .page-wrapper--base .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667% } .page-wrapper--base .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100% } } .page-wrapper--base .container--xl { max-width: 1280px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 12px; padding-right: 12px } .page-wrapper--base .w-100 { width: 100% } .page-wrapper--base .p-0 { padding: 0 } .page-wrapper--base .pt-0 { padding-top: 0 } .page-wrapper--base .pb-0 { padding-bottom: 0 } .page-wrapper--base .pl-0 { padding-left: 0 } .page-wrapper--base .pr-0 { padding-right: 0 } .page-wrapper--base .px-0 { padding-left: 0; padding-right: 0 } .page-wrapper--base .py-0 { padding-top: 0; padding-bottom: 0 } .page-wrapper--base .pt-40 { padding-top: 40px } .page-wrapper--base .pb-40 { padding-bottom: 40px } .page-wrapper--base .py-40 { padding-top: 40px; padding-bottom: 40px } .page-wrapper--base .py-60 { padding-top: 60px; padding-bottom: 60px } .page-wrapper--base .py-80 { padding-top: 80px; padding-bottom: 80px } .page-wrapper--base .py-100 { padding-top: 100px; padding-bottom: 100px } .page-wrapper--base .py-120 { padding-top: 120px; padding-bottom: 120px } .page-wrapper--base .m-0 { margin: 0 } .page-wrapper--base .mx-0 { margin-left: 0; margin-right: 0 } .page-wrapper--base .my-0 { margin-top: 0; margin-bottom: 0 } .page-wrapper--base .mt-0 { margin-top: 0 } .page-wrapper--base .mb-0 { margin-bottom: 0 } .page-wrapper--base .ml-0 { margin-left: 0 } .page-wrapper--base .mr-0 { margin-right: 0 } .page-wrapper--base .mx-auto { margin-left: auto; margin-right: auto } .page-wrapper--base .ml-auto { margin-left: auto } .page-wrapper--base .mr-auto { margin-right: auto } .page-wrapper--base .m-auto { margin: auto } .page-wrapper--base .m-1 { margin: .25rem } .page-wrapper--base .m-2 { margin: .5rem } .page-wrapper--base .m-3 { margin: .75rem } .page-wrapper--base .m-4 { margin: 1rem } .page-wrapper--base .m-5 { margin: 1.25rem } .page-wrapper--base .m-6 { margin: 1.5rem } .page-wrapper--base .m-8 { margin: 2rem } .page-wrapper--base .m-10 { margin: 2.5rem } .page-wrapper--base .m-12 { margin: 3rem } .page-wrapper--base .m-16 { margin: 4rem } .page-wrapper--base .m-20 { margin: 5rem } .page-wrapper--base .m-24 { margin: 6rem } .page-wrapper--base .m-32 { margin: 8rem } .page-wrapper--base .mt-0 { margin-top: 0 } .page-wrapper--base .mt-1 { margin-top: .25rem } .page-wrapper--base .mt-2 { margin-top: .5rem } .page-wrapper--base .mt-3 { margin-top: .75rem } .page-wrapper--base .mt-4 { margin-top: 1rem } .page-wrapper--base .mt-5 { margin-top: 1.25rem } .page-wrapper--base .mt-6 { margin-top: 1.5rem } .page-wrapper--base .mr-0 { margin-right: 0 } .page-wrapper--base .mr-1 { margin-right: .25rem } .page-wrapper--base .mr-2 { margin-right: .5rem } .page-wrapper--base .mr-3 { margin-right: .75rem } .page-wrapper--base .mr-4 { margin-right: 1rem } .page-wrapper--base .mr-5 { margin-right: 1.25rem } .page-wrapper--base .mr-6 { margin-right: 1.5rem } .page-wrapper--base .mb-0 { margin-bottom: 0 } .page-wrapper--base .mb-1 { margin-bottom: .25rem } .page-wrapper--base .mb-2 { margin-bottom: .5rem } .page-wrapper--base .mb-3 { margin-bottom: .75rem } .page-wrapper--base .mb-4 { margin-bottom: 1rem } .page-wrapper--base .mb-5 { margin-bottom: 1.25rem } .page-wrapper--base .mb-6 { margin-bottom: 1.5rem } .page-wrapper--base .ml-0 { margin-left: 0 } .page-wrapper--base .ml-1 { margin-left: .25rem } .page-wrapper--base .ml-2 { margin-left: .5rem } .page-wrapper--base .ml-3 { margin-left: .75rem } .page-wrapper--base .ml-4 { margin-left: 1rem } .page-wrapper--base .ml-5 { margin-left: 1.25rem } .page-wrapper--base .ml-6 { margin-left: 1.5rem } .page-wrapper--base .mx-0 { margin-left: 0; margin-right: 0 } .page-wrapper--base .mx-1 { margin-left: .25rem; margin-right: .25rem } .page-wrapper--base .mx-2 { margin-left: .5rem; margin-right: .5rem } .page-wrapper--base .mx-3 { margin-left: .75rem; margin-right: .75rem } .page-wrapper--base .mx-4 { margin-left: 1rem; margin-right: 1rem } .page-wrapper--base .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem } .page-wrapper--base .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem } .page-wrapper--base .my-0 { margin-top: 0; margin-bottom: 0 } .page-wrapper--base .my-1 { margin-top: .25rem; margin-bottom: .25rem } .page-wrapper--base .my-2 { margin-top: .5rem; margin-bottom: .5rem } .page-wrapper--base .my-3 { margin-top: .75rem; margin-bottom: .75rem } .page-wrapper--base .my-4 { margin-top: 1rem; margin-bottom: 1rem } .page-wrapper--base .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } .page-wrapper--base .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem } .page-wrapper--base .mt-40, .page-wrapper--base .my-40 { margin-top: 40px } .page-wrapper--base .mb-40, .page-wrapper--base .my-40 { margin-bottom: 40px } .page-wrapper--base .flex { display: -webkit-box; display: -ms-flexbox; display: flex } .page-wrapper--base .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .page-wrapper--base .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .page-wrapper--base .flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .page-wrapper--base .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .page-wrapper--base .flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .page-wrapper--base .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .page-wrapper--base .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .page-wrapper--base .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .page-wrapper--base .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .page-wrapper--base .justify-around { -ms-flex-pack: distribute; justify-content: space-around } .page-wrapper--base .justify-evenly { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly } .page-wrapper--base .items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .page-wrapper--base .items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .page-wrapper--base .items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .page-wrapper--base .items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .page-wrapper--base .items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .page-wrapper--base .content-start { -ms-flex-line-pack: start; align-content: flex-start } .page-wrapper--base .content-center { -ms-flex-line-pack: center; align-content: center } .page-wrapper--base .content-end { -ms-flex-line-pack: end; align-content: flex-end } .page-wrapper--base .content-between { -ms-flex-line-pack: justify; align-content: space-between } .page-wrapper--base .content-around { -ms-flex-line-pack: distribute; align-content: space-around } .page-wrapper--base .content-stretch { -ms-flex-line-pack: stretch; align-content: stretch } .page-wrapper--base .flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .page-wrapper--base .flex-grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .page-wrapper--base .flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0 } .page-wrapper--base .flex-shrink { -ms-flex-negative: 1; flex-shrink: 1 } .page-wrapper--base .flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .page-wrapper--base .flex-initial { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .page-wrapper--base .flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none } .page-wrapper--base .gap-0 { gap: 0 } .page-wrapper--base .gap-2 { gap: 2px } .page-wrapper--base .gap-4 { gap: 4px } .page-wrapper--base .gap-8 { gap: 8px } .page-wrapper--base .gap-12 { gap: 12px } .page-wrapper--base .gap-16 { gap: 16px } .page-wrapper--base .relative { position: relative } .page-wrapper--base .absolute { position: absolute } .page-wrapper--base .block { display: block } .page-wrapper--base .inline { display: inline } .page-wrapper--base .inline-block { display: inline-block } .page-wrapper--base .flex { display: -webkit-box; display: -ms-flexbox; display: flex } .page-wrapper--base .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .page-wrapper--base .grid { display: grid } .page-wrapper--base .inline-grid { display: inline-grid } .page-wrapper--base .hidden { display: none } .page-wrapper--base .table { display: table } .page-wrapper--base .table-row { display: table-row } .page-wrapper--base .table-cell { display: table-cell } .page-wrapper--base .contents { display: contents } .page-wrapper--base .list-item { display: list-item } @media(min-width:640px) { .page-wrapper--base .sm\:block { display: block } .page-wrapper--base .sm\:inline { display: inline } .page-wrapper--base .sm\:inline-block { display: inline-block } .page-wrapper--base .sm\:flex { display: -webkit-box; display: -ms-flexbox; display: flex } .page-wrapper--base .sm\:inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .page-wrapper--base .sm\:grid { display: grid } .page-wrapper--base .sm\:inline-grid { display: inline-grid } .page-wrapper--base .sm\:hidden { display: none } .page-wrapper--base .sm\:table { display: table } .page-wrapper--base .sm\:table-row { display: table-row } .page-wrapper--base .sm\:table-cell { display: table-cell } .page-wrapper--base .sm\:contents { display: contents } .page-wrapper--base .sm\:list-item { display: list-item } } @media(min-width:768px) { .page-wrapper--base .md\:block { display: block } .page-wrapper--base .md\:inline { display: inline } .page-wrapper--base .md\:inline-block { display: inline-block } .page-wrapper--base .md\:flex { display: -webkit-box; display: -ms-flexbox; display: flex } .page-wrapper--base .md\:inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .page-wrapper--base .md\:grid { display: grid } .page-wrapper--base .md\:inline-grid { display: inline-grid } .page-wrapper--base .md\:hidden { display: none } .page-wrapper--base .md\:table { display: table } .page-wrapper--base .md\:table-row { display: table-row } .page-wrapper--base .md\:table-cell { display: table-cell } .page-wrapper--base .md\:contents { display: contents } .page-wrapper--base .md\:list-item { display: list-item } } @media(min-width:1024px) { .page-wrapper--base .lg\:block { display: block } .page-wrapper--base .lg\:inline { display: inline } .page-wrapper--base .lg\:inline-block { display: inline-block } .page-wrapper--base .lg\:flex { display: -webkit-box; display: -ms-flexbox; display: flex } .page-wrapper--base .lg\:inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .page-wrapper--base .lg\:grid { display: grid } .page-wrapper--base .lg\:inline-grid { display: inline-grid } .page-wrapper--base .lg\:hidden { display: none } .page-wrapper--base .lg\:table { display: table } .page-wrapper--base .lg\:table-row { display: table-row } .page-wrapper--base .lg\:table-cell { display: table-cell } .page-wrapper--base .lg\:contents { display: contents } .page-wrapper--base .lg\:list-item { display: list-item } } @media(min-width:1280px) { .page-wrapper--base .xl\:block { display: block } .page-wrapper--base .xl\:inline { display: inline } .page-wrapper--base .xl\:inline-block { display: inline-block } .page-wrapper--base .xl\:flex { display: -webkit-box; display: -ms-flexbox; display: flex } .page-wrapper--base .xl\:inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .page-wrapper--base .xl\:grid { display: grid } .page-wrapper--base .xl\:inline-grid { display: inline-grid } .page-wrapper--base .xl\:hidden { display: none } .page-wrapper--base .xl\:table { display: table } .page-wrapper--base .xl\:table-row { display: table-row } .page-wrapper--base .xl\:table-cell { display: table-cell } .page-wrapper--base .xl\:contents { display: contents } .page-wrapper--base .xl\:list-item { display: list-item } } .page-wrapper--base .text-white { color: var(--color-white) } .page-wrapper--base .text-black { color: var(--color-black) } .page-wrapper--base .text-right { text-align: right } .page-wrapper--base .text-left { text-align: left } .page-wrapper--base .tracking-tighter { letter-spacing: -.8px } .page-wrapper--base .tracking-tight { letter-spacing: -.4px } .page-wrapper--base .tracking-normal { letter-spacing: 0 } .page-wrapper--base .tracking-wide { letter-spacing: .4px } .page-wrapper--base .tracking-wider { letter-spacing: .8px } .page-wrapper--base .tracking-widest { letter-spacing: 1.6px } .page-wrapper--base .bg-gradient-yellow-light { background: -webkit-gradient(linear, left top, left bottom, from(#fff0bc), to(rgba(255, 248, 224, .76))); background: linear-gradient(180deg, #fff0bc 0, rgba(255, 248, 224, .76) 100%) } .page-wrapper--base .bg-white { background: var(--color-white) } .page-wrapper--base .bg-black { background: #000 } .page-wrapper--base .bg-black-900 { background-color: var(--color-black-900) } .page-wrapper--base .bg-black-800 { background-color: var(--color-black-800) } .page-wrapper--base .bg-black-700 { background-color: var(--color-black-700) } .page-wrapper--base .bg-black-600 { background-color: var(--color-black-600) } .page-wrapper--base .rounded-none { border-radius: 0 } .page-wrapper--base .rounded-sm { border-radius: .125rem } .page-wrapper--base .rounded { border-radius: .25rem } .page-wrapper--base .rounded-md { border-radius: .375rem } .page-wrapper--base .rounded-lg { border-radius: .5rem } .page-wrapper--base .rounded-xl { border-radius: .75rem } .page-wrapper--base .rounded-2xl { border-radius: 1rem } .page-wrapper--base .rounded-3xl { border-radius: 1.5rem } .page-wrapper--base .rounded-full { border-radius: 9999px } .page-wrapper--base .table-responsive { overflow-x: auto } .page-wrapper--base .button-icon--right { padding-right: 16px } .page-wrapper--base .text-center { text-align: center } .video_player_wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(7, 13, 20, .84); width: 100%; height: 100%; -webkit-transition: all .25s ease-in; transition: all .25s ease-in; z-index: 99999; overflow-y: auto; opacity: 0; display: none } .video_player_wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box } .video_player_wrapper.active { display: block; opacity: 1 } .video_player_container { width: 100%; max-width: 75%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; padding: 40px 0 } .video_player_close_btn { width: 36px; height: 36px; border-radius: 100px; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; position: relative } .video_player_close_btn:before { content: ""; width: 2px; height: 32px; background-color: #fff; border-radius: 2px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .video_player_close_btn:after { content: ""; width: 2px; height: 32px; background-color: #fff; border-radius: 2px; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .video_player { width: 100%; height: 0; padding-top: 56.25%; position: relative; margin: 12px auto 0 } .video_player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 } .video_player img { position: absolute; top: 0; left: 50%; max-width: 100%; max-height: 100%; border: 0; margin: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) } .button--light { display: inline-block; border-radius: 4px; width: auto; cursor: pointer; padding: 12px 24px; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: -.2px; font-family: inherit; color: var(--color-black); background: var(--color-white); border: 1px solid var(--color-black) } .button--light:hover { text-decoration: none; opacity: .9; -webkit-transition: all .3s ease; transition: all .3s ease } .button--primary { display: inline-block; border-radius: 4px; width: auto; cursor: pointer; padding: 12px 24px; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: -.2px; font-family: inherit; color: var(--color-white); background: var(--color-base-red); border: 1px solid var(--color-base-red) } .button--primary:hover { text-decoration: none; opacity: .9; -webkit-transition: all .3s ease; transition: all .3s ease } .form-group { margin-bottom: 12px } .form-card-wrapper>.form-card { padding: 24px; border: 1px solid #fff; background-color: #fff; border-radius: 8px; max-width: 440px; width: 100%; -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .04); box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .04) } .form-item { margin-bottom: 16px } .form-item>label { width: 100%; margin-bottom: 4px; display: block; font-weight: 400 } .form-item #country_state, .form-item #ukcountry_region { margin-top: 16px } .asterisk { color: #e80e19 } .form-control { font-family: inherit; font-weight: 400; font-size: 14px; line-height: normal; border: 1px solid #ddd; background-color: #fff; border-radius: 4px; width: 100%; padding: 12px 12px; color: var(--color-black); -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-control::-webkit-input-placeholder { color: #444; font-size: 14px } .form-control::-moz-placeholder { color: #444; font-size: 14px } .form-control:-ms-input-placeholder { color: #444; font-size: 14px } .form-control::-ms-input-placeholder { color: #444; font-size: 14px } .form-control::placeholder { color: #444; font-size: 14px } .form-control:focus, .form-control:focus-within { outline: unset; -webkit-box-shadow: 0 0 1.5px -.25px var(--color-base-blue); box-shadow: 0 0 1.5px -.25px var(--color-base-blue); border: 1px solid var(--color-base-blue) } .form-control.is-invalid { border-color: #e80e19; padding-right: calc(1.5em + .75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF1E1E'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF1E1E' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); background-color: var(--color-white) } .form-select, .form-item select { font-family: inherit; font-weight: 400; font-size: 14px; line-height: normal; border: 1px solid #ddd; background-color: #fff; border-radius: 4px; width: 100%; padding: 12px 12px; color: var(--color-black); -webkit-appearance: none; -moz-appearance: none; appearance: none; --form-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-image: var(--form-bg-img), var(--form-bg-icon, none); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px } .form-select::-webkit-input-placeholder, .form-item select::-webkit-input-placeholder { color: #444; font-size: 14px } .form-select::-moz-placeholder, .form-item select::-moz-placeholder { color: #444; font-size: 14px } .form-select:-ms-input-placeholder, .form-item select:-ms-input-placeholder { color: #444; font-size: 14px } .form-select::-ms-input-placeholder, .form-item select::-ms-input-placeholder { color: #444; font-size: 14px } .form-select::placeholder, .form-item select::placeholder { color: #444; font-size: 14px } .form-select:focus, .form-select:focus-within, .form-item select:focus, .form-item select:focus-within { outline: unset; -webkit-box-shadow: 0 0 1.5px -.25px var(--color-base-blue); box-shadow: 0 0 1.5px -.25px var(--color-base-blue); border: 1px solid var(--color-base-blue) } .form-select.is-invalid, .form-item select.is-invalid { --form-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF1E1E'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF1E1E' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; border-color: #ff1e1e !important; background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem) } .was-validated .form-control:invalid { border-color: red } .form-error { margin-top: 4px; font-size: 14px; color: #e80e19; display: none } .form-feedback-error { margin-top: 4px; font-size: 13px; line-height: normal; color: var(--color-base-red); display: none } .field-msg span { color: rgb(255, 0, 0); line-height: 1; } textarea { resize: vertical } textarea.form-control { height: auto; padding: 12px } .form-field-info { position: relative } .form-field-info .info-tooltip { visibility: hidden; width: 208px; background-color: black; color: #fff; text-align: center; padding: 8px; border-radius: 6px; position: absolute; top: -64px; left: -90px; z-index: 1; font-size: 12px; line-height: 1.3; white-space: normal; word-break: break-word } .form-field-info .info-tooltip::after { content: ""; position: absolute; top: 100%; left: 48%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #111 transparent transparent transparent } .form-field-info:hover .info-tooltip { visibility: visible } .form-field-info .info-icon { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaW5mby1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMTVBNyA3IDAgMSAxIDggMWE3IDcgMCAwIDEgMCAxNG0wIDFBOCA4IDAgMSAwIDggMGE4IDggMCAwIDAgMCAxNiIvPgogIDxwYXRoIGQ9Im04LjkzIDYuNTg4LTIuMjkuMjg3LS4wODIuMzguNDUuMDgzYy4yOTQuMDcuMzUyLjE3Ni4yODguNDY5bC0uNzM4IDMuNDY4Yy0uMTk0Ljg5Ny4xMDUgMS4zMTkuODA4IDEuMzE5LjU0NSAwIDEuMTc4LS4yNTIgMS40NjUtLjU5OGwuMDg4LS40MTZjLS4yLjE3Ni0uNDkyLjI0Ni0uNjg2LjI0Ni0uMjc1IDAtLjM3NS0uMTkzLS4zMDQtLjUzM3pNOSA0LjVhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwIi8+Cjwvc3ZnPg==") no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block } #VideosAndLogos, #scroll, .heading-menu { display: none } .form-card-spinner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: inherit } .loading-spinner { width: 48px; height: 48px; border-radius: 50%; position: relative; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite } .loading-spinner::before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; inset: 0; border-radius: 50%; border: 5px solid #ddd; -webkit-animation: prixClipFix 2s linear infinite; animation: prixClipFix 2s linear infinite } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes prixClipFix { 0% { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0) } 25% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0) } 50% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%) } 75% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%) } 100% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0) } } @keyframes prixClipFix { 0% { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0) } 25% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0) } 50% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%) } 75% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%) } 100% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0) } } .form-card { min-height: 400px } .form-section form input:not([type=checkbox]):not([type=radio]) { font-family: inherit; font-weight: 400; font-size: 15px; border: 1px solid #ddd; border-radius: 4px; width: 100%; padding: 10px 12px; line-height: 1.467; margin-bottom: 16px; color: #444 } .form-section form input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder { color: #444 } .form-section form input:not([type=checkbox]):not([type=radio])::-moz-placeholder { color: #444 } .form-section form input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder { color: #444 } .form-section form input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder { color: #444 } .form-section form input:not([type=checkbox]):not([type=radio])::placeholder { color: #444 } .form-section form select { font-family: inherit; font-weight: 400; font-size: 15px; border: 1px solid #ddd; border-radius: 4px; width: 100%; padding: 10px 12px; line-height: 1.467; margin-bottom: 16px; color: #444; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 99%; background-position-y: 9px; padding-right: 22px } .form-section form select::-webkit-input-placeholder { color: #444 } .form-section form select::-moz-placeholder { color: #444 } .form-section form select:-ms-input-placeholder { color: #444 } .form-section form select::-ms-input-placeholder { color: #444 } .form-section form select::placeholder { color: #444 } .form-section form small { display: block; margin: 0 auto; font-size: 12px; text-align: center !important } .form-section form small input[type=checkbox] { width: -moz-max-content; width: -webkit-max-content; width: max-content; display: inline-block; margin-right: 10px } .form-section form small .form-check-label { text-align: left; font-size: 13px; position: relative; top: 2px; line-height: 1.5 } .form-section form small .form-check-label>a { text-align: left; font-size: 13px; color: #1a4eb0 } .input-group { max-width: 480px; margin: auto } .edi-btn .error-field, .edi-btn .error-field1 { display: block; position: absolute; background-color: rgba(0, 0, 0, 0); padding: 0; line-height: normal; font-size: 13px; font-weight: 300; color: #e80e19; z-index: 1; display: none; bottom: 0; left: 0 } .edi-btn .form-group-item.error, .edi-btn .form-group-item.error1 { position: relative } .edi-btn .form-group-item.error input, .edi-btn .form-group-item.error textarea, .edi-btn .form-group-item.error1 input, .edi-btn .form-group-item.error1 textarea { border-color: #e80e19 !important } #meGDPRMessage { margin: 0 0 8px; font-size: 13px; width: 100% !important } #meGDPRMessage a { color: #1a4eb0 } #meGDPRMessage label { line-height: 1.5; color: initial; display: inline-block; max-width: 480px; font-size: 13px } .checkmarkgdpr { margin: 0 !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; width: 20px !important; height: 20px !important; border: 1px solid #ddd !important; border-radius: 4px !important; margin-right: 8px !important; background: #fff !important } .checkmarkgdpr::before { content: ""; display: inline-block !important; top: -1px !important; left: 6px !important; position: relative !important; width: 6px !important; height: 11px !important; border-style: solid !important; border-width: 0 2px 2px 0 !important; -webkit-transform: rotate(45deg) scale(1) !important; transform: rotate(45deg) scale(1) !important; -webkit-transition: 120ms -webkit-transform ease-out !important; transition: 120ms -webkit-transform ease-out !important; transition: 120ms transform ease-out !important; transition: 120ms transform ease-out, 120ms -webkit-transform ease-out !important; opacity: 0 } .checkmarkgdpr.enableCheckgdpr::before { opacity: 1 } .terms-content { font-size: 13px; margin-bottom: 16px; line-height: 1.5 } .terms-content>a { font-size: 13px; color: inherit; text-decoration: underline } .terms-content strong { font-weight: 500 } .form-group-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 12px } .form-group-wrapper>div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px } .top-feature-list span { border-radius: 100px; border: 1px solid #f2eee0; background: var(--color-white); font-size: 17px; padding: 8px 16px 8px 40px; font-weight: 400; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative } .top-feature-list span::before { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDEwLjQ5NTdDMjAgMTAuNDg3MSAyMCAxMC40NzQzIDIwIDEwLjQ2NTdDMjAgMTAuMzk3IDIwIDEwLjMyODQgMTkuOTk1NyAxMC4yNjRDMTkuOTk1NyAxMC4yMjU0IDE5Ljk5MTQgMTAuMTg2OCAxOS45OTE0IDEwLjE0MzlDMTkuOTkxNCAxMC4xMDUzIDE5Ljk4NzEgMTAuMDY2NyAxOS45ODcxIDEwLjAyODFDMTkuOTgyOCA5Ljk4MDkxIDE5Ljk4MjggOS45MzM3MiAxOS45Nzg1IDkuODg2NTNDMTkuOTc4NSA5Ljg1NjUgMTkuOTc0MiA5LjgyNjQ3IDE5Ljk3NDIgOS43OTY0NEMxOS45NyA5Ljc0NDk2IDE5Ljk2NTcgOS42OTM0OCAxOS45NjE0IDkuNjQyQzE5Ljk2MTQgOS42MjA1NSAxOS45NTcxIDkuNTk0ODEgMTkuOTU3MSA5LjU3MzM2QzE5Ljk1MjggOS41MTc1OSAxOS45NDQyIDkuNDYxODIgMTkuOTM5OSA5LjQwMTc2QzE5LjkzOTkgOS4zODg4OSAxOS45MzU2IDkuMzcxNzMgMTkuOTM1NiA5LjM1ODg2QzE5LjM2OTEgNC4zNzM4NyAxNS4xMzczIDAuNSAxMCAwLjVDNC44NjI2NiAwLjUgMC42MzA5MDEgNC4zNzM4NyAwLjA2NDM3NzcgOS4zNjMxNUMwLjA2NDM3NzcgOS4zNzYwMiAwLjA2MDA4NTggOS4zOTMxOCAwLjA2MDA4NTggOS40MDYwNUMwLjA1NTc5NCA5LjQ2MTgyIDAuMDQ3MjEwMyA5LjUxNzU5IDAuMDQyOTE4NSA5LjU3NzY1QzAuMDM4NjI2NiA5LjU5OTEgMC4wMzg2MjY2IDkuNjI0ODQgMC4wMzg2MjY2IDkuNjQ2MjlDMC4wMzQzMzQ3IDkuNjk3NzcgMC4wMzAwNDI5IDkuNzQ5MjUgMC4wMjU3NTExIDkuODAwNzNDMC4wMjU3NTExIDkuODMwNzYgMC4wMjE0NTkyIDkuODYwNzkgMC4wMjE0NTkyIDkuODkwODJDMC4wMTcxNjc0IDkuOTM4MDEgMC4wMTcxNjczIDkuOTg1MiAwLjAxMjg3NTUgMTAuMDMyNEMwLjAxMjg3NTUgMTAuMDcxIDAuMDA4NTgzNzIgMTAuMTA5NiAwLjAwODU4MzcyIDEwLjE0ODJDMC4wMDg1ODM3MiAxMC4xODY4IDAuMDA0MjkxODYgMTAuMjI1NCAwLjAwNDI5MTg2IDEwLjI2ODNDMC4wMDQyOTE4NiAxMC4zMzcgMCAxMC40MDU2IDAgMTAuNDdDMCAxMC40Nzg1IDAgMTAuNDkxNCAwIDEwLjVDMCAxMC41IDAgMTAuNSAwIDEwLjUwNDNDMCAxMC41MDg2IDAgMTAuNTA0MyAwIDEwLjUwODZDMCAxMC41MTcyIDAgMTAuNTMgMCAxMC41Mzg2QzAgMTAuNjA3MiAxLjYzMDgxZS0wOCAxMC42NzU5IDAuMDA0MjkxODYgMTAuNzQwMkMwLjAwNDI5MTg2IDEwLjc3ODkgMC4wMDg1ODM3MiAxMC44MTc1IDAuMDA4NTgzNzIgMTAuODYwNEMwLjAwODU4MzcyIDEwLjg5OSAwLjAxMjg3NTUgMTAuOTM3NiAwLjAxMjg3NTUgMTAuOTc2MkMwLjAxNzE2NzMgMTEuMDIzNCAwLjAxNzE2NzQgMTEuMDcwNiAwLjAyMTQ1OTIgMTEuMTE3OEMwLjAyMTQ1OTIgMTEuMTQ3OCAwLjAyNTc1MTEgMTEuMTc3OCAwLjAyNTc1MTEgMTEuMjA3OUMwLjAzMDA0MjkgMTEuMjU5MyAwLjAzNDMzNDcgMTEuMzEwOCAwLjAzODYyNjYgMTEuMzYyM0MwLjAzODYyNjYgMTEuMzgzNyAwLjA0MjkxODUgMTEuNDA5NSAwLjA0MjkxODUgMTEuNDMwOUMwLjA0NzIxMDMgMTEuNDg2NyAwLjA1NTc5NCAxMS41NDI1IDAuMDYwMDg1OCAxMS42MDI1QzAuMDYwMDg1OCAxMS42MTU0IDAuMDY0Mzc3NyAxMS42MzI2IDAuMDY0Mzc3NyAxMS42NDU0QzAuNjMwOTAxIDE2LjYyNjEgNC44NjI2NiAyMC41IDEwIDIwLjVDMTUuMTM3MyAyMC41IDE5LjM2OTEgMTYuNjI2MSAxOS45MzU2IDExLjY0MTFDMTkuOTM1NiAxMS42MjgzIDE5LjkzOTkgMTEuNjExMSAxOS45Mzk5IDExLjU5ODJDMTkuOTQ0MiAxMS41NDI1IDE5Ljk1MjggMTEuNDg2NyAxOS45NTcxIDExLjQyNjZDMTkuOTYxNCAxMS40MDUyIDE5Ljk2MTQgMTEuMzc5NSAxOS45NjE0IDExLjM1OEMxOS45NjU3IDExLjMwNjUgMTkuOTcgMTEuMjU1IDE5Ljk3NDIgMTEuMjAzNkMxOS45NzQyIDExLjE3MzUgMTkuOTc4NSAxMS4xNDM1IDE5Ljk3ODUgMTEuMTEzNUMxOS45ODI4IDExLjA2NjMgMTkuOTgyOCAxMS4wMTkxIDE5Ljk4NzEgMTAuOTcxOUMxOS45ODcxIDEwLjkzMzMgMTkuOTkxNCAxMC44OTQ3IDE5Ljk5MTQgMTAuODU2MUMxOS45OTE0IDEwLjgxNzUgMTkuOTk1NyAxMC43Nzg4IDE5Ljk5NTcgMTAuNzM1OUMxOS45OTU3IDEwLjY2NzMgMjAgMTAuNTk4NyAyMCAxMC41MzQzQzIwIDEwLjUyNTcgMjAgMTAuNTEyOSAyMCAxMC41MDQzQzIwIDEwLjUgMjAgMTAuNSAyMCAxMC40OTU3QzIwIDEwLjUgMjAgMTAuNSAyMCAxMC40OTU3WiIgZmlsbD0iIzJCQjY3MyIvPgo8cGF0aCBkPSJNMTQuMjg1OCA4TDguNjM4NDQgMTMuMzU3MUw2LjA3MTQ3IDEwLjkyMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-size: 20px 20px; width: 20px; height: 20px; position: absolute; left: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .checkmark-list li { position: relative; padding-left: 40px; font-size: 20px; margin-bottom: 20px } .checkmark-list li:last-child { margin-bottom: 0 } .checkmark-list li::before { position: absolute; content: ""; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjM0NCAxNi45NjI2TDE4LjE4NzYgOS4xMTkwNUwxNi45NTgxIDcuODg5NThMMTAuMzQ0IDE0LjUwMzdMNy4wMTkwNCAxMS4xNzg3TDUuNzg5NTggMTIuNDA4MUwxMC4zNDQgMTYuOTYyNlpNMTIuMDAxOCAyMy4wODMxQzEwLjQ2ODggMjMuMDgzMSA5LjAyNzk3IDIyLjc5MjIgNy42NzkxNCAyMi4yMTA0QzYuMzMwMyAyMS42Mjg3IDUuMTU3MDEgMjAuODM5MSA0LjE1OTI1IDE5Ljg0MThDMy4xNjE0OCAxOC44NDQ1IDIuMzcxNTggMTcuNjcxNyAxLjc4OTU1IDE2LjMyMzVDMS4yMDc1MiAxNC45NzUzIDAuOTE2NTA0IDEzLjUzNDcgMC45MTY1MDQgMTIuMDAxOEMwLjkxNjUwNCAxMC40Njg4IDEuMjA3MzkgOS4wMjc5NyAxLjc4OTE3IDcuNjc5MTRDMi4zNzA5NSA2LjMzMDMgMy4xNjA0OSA1LjE1NzAxIDQuMTU3OCA0LjE1OTI2QzUuMTU1MTIgMy4xNjE0OCA2LjMyNzkgMi4zNzE1OCA3LjY3NjE0IDEuNzg5NTVDOS4wMjQzNiAxLjIwNzUyIDEwLjQ2NDkgMC45MTY1MDQgMTEuOTk3OSAwLjkxNjUwNEMxMy41MzA4IDAuOTE2NTA0IDE0Ljk3MTYgMS4yMDczOSAxNi4zMjA1IDEuNzg5MTdDMTcuNjY5MyAyLjM3MDk1IDE4Ljg0MjYgMy4xNjA0OSAxOS44NDA0IDQuMTU3OEMyMC44MzgxIDUuMTU1MTIgMjEuNjI4IDYuMzI3OSAyMi4yMTAxIDcuNjc2MTRDMjIuNzkyMSA5LjAyNDM2IDIzLjA4MzEgMTAuNDY0OSAyMy4wODMxIDExLjk5NzlDMjMuMDgzMSAxMy41MzA4IDIyLjc5MjIgMTQuOTcxNiAyMi4yMTA0IDE2LjMyMDVDMjEuNjI4NyAxNy42NjkzIDIwLjgzOTEgMTguODQyNiAxOS44NDE4IDE5Ljg0MDRDMTguODQ0NSAyMC44MzgxIDE3LjY3MTcgMjEuNjI4IDE2LjMyMzUgMjIuMjEwMUMxNC45NzUzIDIyLjc5MjEgMTMuNTM0NyAyMy4wODMxIDEyLjAwMTggMjMuMDgzMVoiIGZpbGw9IiMwOUFCNTgiLz4KPC9zdmc+Cg==") } .clients-item-wrapper { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px 0 } .clients-item-wrapper .client-item:not(:nth-child(2)) img { max-height: 36px } .alternative-section-icon { width: 32px; height: 32px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .alternative-section-icon img { width: 32px; height: 32px } .alternative-section-img img { max-width: 540px; width: 100%; height: auto } .section__title-header { max-width: 900px; margin: auto } .toggle-tab { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px; padding: 4px; border-radius: 100px; background: var(--color-black) } .toggle-tab .tab-item { padding: 10px 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 100px; font-size: 18px; line-height: 1.5; font-weight: 500; cursor: pointer; color: var(--color-white); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .toggle-tab .tab-item.active { background-color: var(--color-white); color: var(--color-black) } .tab-content { display: none } .tab-content.active { display: block } .pricing-table { max-width: 860px; width: 100%; border-collapse: collapse; margin: auto; table-layout: fixed; } .pricing-table thead tr th:first-child, .pricing-table thead tr td:first-child, .pricing-table tbody tr th:first-child, .pricing-table tbody tr td:first-child { text-align: left; } .pricing-table thead tr:nth-child(1) th { padding: 20px 0; } .pricing-table thead tr:nth-child(3) th { padding: 12px 0 20px; } .pricing-table thead tr th:nth-child(2) { background: hsl(46.25, 100%, 93%); opacity: 1; } .pricing-table th, .pricing-table td { vertical-align: middle; } .pricing-table tbody tr td { padding: 20px 0; font-weight: 500; border-top: 1px solid #E3E3E3; } .pricing-table tbody tr:last-child td { border-bottom: 1px solid #E3E3E3; } .pricing-table tbody tr:nth-child(1) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.9); } .pricing-table tbody tr:nth-child(2) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.85); } .pricing-table tbody tr:nth-child(3) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.8); } .pricing-table tbody tr:nth-child(4) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.75); } .pricing-table tbody tr:nth-child(5) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.7); } .pricing-table tbody tr:nth-child(6) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.65); } .pricing-table tbody tr:nth-child(7) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.6); } .pricing-table tbody tr:nth-child(8) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.55); } .pricing-table tbody tr:nth-child(9) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.5); } .pricing-table tbody tr:nth-child(10) td:nth-child(2) { background: hsla(46.25, 100%, 93%, 0.45); } .icon-24, .icon-chevron-right--white, .icon-x--red, .icon-check--green { background-repeat: no-repeat; background-size: 24px; width: 24px; height: 24px; display: inline-block; } .icon-check--green { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjI1IDZMOS4yNSAxN0w0LjI1IDEyIiBzdHJva2U9IiMwOUFCNTgiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); } .icon-x--red { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc1IDZMNi43NSAxOCIgc3Ryb2tlPSIjRTgwRTE5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi43NSA2TDE4Ljc1IDE4IiBzdHJva2U9IiNFODBFMTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="); } .icon-chevron-right--white { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMThMMTUgMTJMOSA2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"); } .pills-tab-header { margin: 20px 0; padding: 14px 0; position: sticky; top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pills-tab { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; gap: 12px; padding: 6px; border-radius: 72px; scrollbar-width: none } .pills-tab::-webkit-scrollbar { width: 0 } .pills-tab .tab-item { border-radius: 50px; padding: 12px 24px; cursor: pointer; font-weight: 400; font-size: 18px; font-weight: 500; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transition: all .25s ease; transition: all .25s ease } .pills-tab.pills-tab-dark .tab-item { border: 1px solid #5b5b5b; background-color: #2e2e2e; color: var(--color-white) } .pills-tab.pills-tab-dark .tab-item.active { background: var(--color-base-yellow); border-color: var(--color-base-yellow); color: var(--color-black) } .pills-tab-body { background: var(--color-white); padding: 40px } .feature-section img { border: 1px solid #ddd; border-radius: 6px; cursor: -webkit-zoom-in; cursor: zoom-in } @media screen and (max-width:992px) { .feature-section .tab-content .row:nth-child(2) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .switch-form-card { padding: 40px; border-radius: 12px; -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .06); box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .06); max-width: 960px; margin: auto } .vertical-stepper-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; position: relative; overflow: hidden; padding-bottom: 12px } .vertical-stepper-item::before { position: absolute; content: ""; width: 1px; height: 100%; background: #eaeaea; left: 23px; top: 0; z-index: -1 } .vertical-stepper-item:last-child { padding-bottom: 0 } .vertical-stepper-item:last-child::before { display: none } .stepper-count { width: 48px; height: 48px; border-radius: 100px; background: var(--color-white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: 4px solid #eaeaea; font-size: 17px } .video-section .video-img-wrapper { cursor: pointer } .video-section .video-img-wrapper img { max-width: 540px; width: 100%; margin: auto; height: auto; border-radius: 8px } .video-testimonial { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; width: 100% } .video-container { max-width: 340px; width: 100%; height: 340px; overflow: hidden; position: relative; cursor: pointer } .video-container::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background: rgba(0, 0, 0, .1); border-radius: 8px } .video-container img { border-radius: 8px; position: absolute; width: 100%; height: 100%; display: inline-block; left: 0; top: 0; -o-object-fit: cover; object-fit: cover } .btn-play-icon { border: 0; position: absolute; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 54px; height: 54px; border-radius: 100px; cursor: pointer; background-color: #e80e19 } .btn-play-icon::after { position: absolute; content: ""; left: 0; top: 0; width: 54px; height: 54px; border-radius: 100px; background-color: #e80e19; z-index: -1 } .btn-play-icon::after { -webkit-animation: btn-pulse 2000ms ease-in-out infinite; animation: btn-pulse 2000ms ease-in-out infinite } @-webkit-keyframes btn-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } @keyframes btn-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } .btn-play-icon::before { display: inline-block; border-top: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-left: 14px solid #fff; position: absolute; content: ""; top: 50%; left: 50%; -webkit-transform: translate(-36%, -50%); transform: translate(-36%, -50%) } .testimonial-content { gap: 24px } .testimonial-content h4, .testimonial-content .testimonial-content-title { font-weight: 400; font-size: 28px; line-height: 1.5 } .quotation-icon { width: 36px; height: 27px; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAzNiAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3N18yMjUpIj4KPG1hc2sgaWQ9Im1hc2swXzk3N18yMjUiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMjciPgo8cGF0aCBkPSJNMzYgMEgwVjI3SDM2VjBaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTc3XzIyNSkiPgo8cGF0aCBkPSJNMTMuODIyOCAxMy41NTEzVjBIMFYxMy41NTEzSDYuOTI2MDZDNy40NDk2NSAyMi45OTYyIDAgMjIuMjc3NSAwIDIyLjI3NzVWMjdDMTUuMTY1MyAyNS43NjggMTMuODIyOCAxMy41NTEzIDEzLjgyMjggMTMuNTUxM1oiIGZpbGw9IiNENkQ2RDYiLz4KPHBhdGggZD0iTTM1Ljk2ODMgMTMuNTUxM1YwSDIyLjE0NTVWMTMuNTUxM0gyOS4wNzE2QzI5LjU5NTEgMjIuOTk2MiAyMi4xNDU1IDIyLjI3NzUgMjIuMTQ1NSAyMi4yNzc1VjI3QzM3LjMxMDggMjUuNzY4IDM1Ljk2ODMgMTMuNTUxMyAzNS45NjgzIDEzLjU1MTNaIiBmaWxsPSIjRDZENkQ2Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF85NzdfMjI1Ij4KPHJlY3Qgd2lkdGg9IjM2IiBoZWlnaHQ9IjI3IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=") no-repeat; background-size: 36px 27px; display: inline-block } .customer-testimonial { display: -webkit-box; display: -ms-flexbox; display: flex } .customer-testimonial .swiper-slide { background: #f6f6f6; padding: 40px; border-radius: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .customer-testimonial .swiper-button-next:after, .customer-testimonial .swiper-button-prev:after { -webkit-filter: grayscale(1); filter: grayscale(1) } .recognized-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px } .recognized-wrapper .recognized-item { border-radius: 12px; background: #f6f6f6; padding: 40px 0; display: grid; place-items: center } .bg-capetrra_shortlist_2023 { width: 212px; height: 177px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/recognition_badge.webp") -1045px -10px; zoom: .65 } .bg-software_advice_recommended { width: 193px; height: 196px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/recognition_badge.webp") -610px -10px; zoom: .65 } .bg-capetrra_best_of_use_2024 { width: 202px; height: 184px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/recognition_badge.webp") -823px -10px; zoom: .65 } .bg-get_app_category_leader { width: 232px; height: 180px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/recognition_badge.webp") -1520px -10px; zoom: .65 } .bg-slashdot { width: 175px; height: 198px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/recognition_badge.webp") -10px -10px; zoom: .65 } .bg-capetrra_shortlist_2024 { width: 223px; height: 184px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/recognition_badge.webp") -1277px -10px; zoom: .65 } .bg-software_advice_front_runner { width: 184px; height: 195px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/recognition_badge.webp") -406px -10px; zoom: .65 } .bg-sourceforge { width: 181px; height: 195px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/recognition_badge.webp") -205px -10px; zoom: .65 } .bg-capterra { width: 191px; height: 43px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/review_platform.webp") -10px -10px } .bg-app_store { width: 171px; height: 49px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/review_platform.webp") -10px -73px } .bg-gartner { width: 146px; height: 34px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/review_platform.webp") -221px -64px } .bg-trust_radius { width: 198px; height: 34px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/review_platform.webp") -221px -10px } .bg-g2 { width: 53px; height: 55px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/review_platform.webp") -221px -118px } .bg-google_play { width: 189px; height: 43px; background: url("https://www.manageengine.com/it-operations-management/images/alternative-to-solarwinds-observability/review_platform.webp") -10px -142px } .rating-item { background: #f6f6f6; border-radius: 8px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .rating-item span:nth-child(1) { display: inline-block; zoom: .6 } .rating-item span:nth-child(2) { font-size: 22px; font-weight: 300 } .rating-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6px } .is-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 100 } .disclaimer-card { padding: 24px; background: #f6f6f6; border-radius: 12px } @media screen and (max-width:992px) { #form-section-wrapper .form-section, .alternative-section-img img, .video-img-wrapper, #EvaluateForm, .form-card-wrapper .form-card, .reasons-section .checkmark-list { margin: 40px auto 0 } .recognized-wrapper { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) } .clients-item-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .promo-top-banner, .gartnerPromotion { display: none !important } .zsiq_floatmain, .zsiq_theme11, .siq_bR { display: none !important } @media screen and (max-width:767px) { .rating-wrapper { margin-top: 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(224px, 1fr)) } .video-testimonial { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .video-testimonial .quotation-icon { margin: auto } } .main-wrapper .banner-section h1 { color: #000 } .img-width {max-width: 190px;}.img-width2 {max-width: 130px;} .top-header {background:#f9f9f9;padding:16px 0;} .fixed {position: fixed;width: 100%;z-index: 3;box-shadow: 0 1px 1px 0 #8a8a8a3e;left: 0;top: 0;animation: headerAnim .35s;} @keyframes headerAnim { 0% {top: -60px;} 100% {top: 0;} } .nav-header {display:flex;justify-content:space-between;gap:24px;align-items:center;} .header-me-logo a svg {width:170px;} .header-nav-item {display:flex;gap:8px;} .header-nav-item > a {display:inline-block;padding:6px 16px;border-radius:4px;color:#fff;background:#0c8750;font-weight:600;transition: all .3s;} .header-nav-item > a:hover {text-decoration:none;background:#1a9f63;} /* Dropdown */ .dropdown { display: inline-block; position: relative;font-size:16px; } .dd-button { display: inline-block; border: 1px solid #3f9a61; border-radius: 4px; padding: 8px 40px 8px 20px; background-color: #3f9a61;color:#fff; cursor: pointer; white-space: nowrap; } .dd-button:after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; } .dd-button:hover { background-color: #2da158; } .dd-input { display: none; } .dd-menu { position: absolute; top: 100%;right:0; border: 1px solid #ccc; border-radius: 4px; padding: 0; margin: 2px 0 0 0; box-shadow: 0 0 6px 0 rgba(0,0,0,0.1); background-color: #ffffff; list-style-type: none; } .dd-input + .dd-menu { display: none; } .dd-input:checked + .dd-menu { display: block; } .dd-menu li { padding: 10px 20px; cursor: pointer; white-space: nowrap; border-bottom:1px solid #ccc; } .dd-menu li:hover { background-color: #f6f6f6; } .dd-menu li a { display: block; } .dd-menu li a:hover {text-decoration:none;} .dd-menu li.divider{ padding: 0; border-bottom: 1px solid #cccccc; } .footer { padding:12px;text-align:center;font-size:14px;color:#444;background: #f9f9f9; } .footer a { color:#444; } #btn-site247-gq {display:none;} #form-section-wrapper { padding-left: 80px; padding-right: 0; } @media screen and (max-width: 992px) { #form-section-wrapper { padding-left: 0px; padding-top: 40px; } } #form-section-wrapper .form-section { padding: 50px 30px; border: 1px solid #fff; background-color: #fff; border-radius: 5px; } @media screen and (max-width: 992px) { #form-section-wrapper .form-section { padding: 50px 20px; } } #form-section-wrapper .form-section .toggle-element { position: relative; display: flex; width: 90%; margin: 0 auto; height: 50px; margin-top: -70px; } @media screen and (max-width: 992px) { #form-section-wrapper .form-section .toggle-element { width: 100%; } } #form-section-wrapper .form-section .toggle-element button { flex: 1; display: flex; align-items: center; justify-content: center; color: #000; padding: 15px 20px; font-size: 18px; font-weight: 500; background: none; background-color: #fff; border: 2px solid #e5dfd1; border-radius: 50px; transition: 0.2s all ease-in-out; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } #form-section-wrapper .form-section .toggle-element button:not(.active):hover { cursor: pointer; color: #f5b041; border-top: 1px solid #ffe9c2; border-right: 1px solid #ffe9c2; border-bottom: 1px solid #ffe9c2; } #form-section-wrapper .form-section .toggle-element button.active { color: #000; background-color: #f5b041; } #form-section-wrapper .form-section .toggle-element button.cloud { border-left: 1px solid #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; } #form-section-wrapper .form-section .toggle-element button.on-prem { border-right: 1px solid #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; } #form-section-wrapper .form-section form { display: none; padding-top: 20px; min-height: 330px; } #form-section-wrapper .form-section form .form-group-row>div:nth-child(2) { flex-direction: column; } #form-section-wrapper .form-section form .form-group-row>div:nth-child(2) .select-country { width: 100%; border: 0; border-radius: 4px; font-size: 15px; color: #1B1D1F; font-family: inherit; background: #fff; border: 1px solid #E1E2E5; padding: 10px; margin: 5px 0; } #form-section-wrapper .form-section form .form-group-row>div:nth-child(2) .select-country::after { right: 10px; } #form-section-wrapper .form-section form .form-group-row>div:nth-child(2) .select-os { width: 100%; border: 0; border-radius: 4px; font-size: 15px; color: #1B1D1F; font-family: inherit; background: #fff; border: 1px solid #E1E2E5; padding: 10px; margin: 5px 0; } #form-section-wrapper .form-section form .form-group-row>div:nth-child(2) .select-os::after { right: 10px; } #form-section-wrapper .form-section form.active { display: block; } #form-section-wrapper .form-section form.active .form-group-row { display: flex; align-items: center; flex-wrap: wrap; } #form-section-wrapper .form-section form.active .form-group-row>div { position: relative; width: 100%; margin-bottom: 0px; border: none; } #form-section-wrapper .form-section form.active .form-group-row>div:nth-child(1) { padding: inherit; flex: inherit; } #form-section-wrapper .form-section form.active .form-group-row>div:nth-child(1)::after { display: none; } #form-section-wrapper .form-section form.active .form-group-row>div:nth-child(1)::before { display: none; } #form-section-wrapper .form-section form.active .form-group-row>div:nth-child(2) { padding: inherit; } #form-section-wrapper .form-section form.active .form-group-row>div input, #form-section-wrapper .form-section form.active .form-group-row>div select { width: 100%; border-radius: 4px; font-size: 15px; color: #1B1D1F; font-family: inherit; padding: 10px; } #form-section-wrapper .form-section form.active .form-group-row .opm-btn { display: block; padding: 10px 50px; font-weight: 600; text-transform: uppercase; width: 100%; height: auto !important; margin: 0 auto; margin-top: 20px; background-color: #ee1313; outline: none; border: none; border-radius: 5px; font-size: 16px; color: #fff; transition: all 0.2s ease-in-out; } #form-section-wrapper .form-section form.active .form-group-row .opm-btn:hover { cursor: pointer; background-color: #bb0d0d; } #form-section-wrapper .form-section form #downloadSubmit { display: block; padding: 10px 50px; font-weight: 600; text-transform: uppercase; max-width: -moz-max-content; max-width: max-content; background-color: #ee1313; outline: none; border: none; border-radius: 5px; font-size: 16px; color: #fff; transition: all 0.2s ease-in-out; } #form-section-wrapper .form-section form input { font-weight: 300; font-size: 15px; border: 1px solid #e6e3e0 !important; border-radius: 4px; border: none; margin: 5px 0; color: #1B1D1F; width: 100%; padding: 10px; } #form-section-wrapper .form-section form select { font-weight: 300; font-size: 15px; border: 1px solid #e6e3e0 !important; border-radius: 4px; border: none; margin: 5px 0; color: #1B1D1F; width: 100%; padding: 10px; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 13px; border: 1px solid #dfdfdf; } #form-section-wrapper .form-section form small { display: block; margin: 0 auto; font-size: 12px; text-align: center !important; } #form-section-wrapper .form-section form small input[type=checkbox] { width: -moz-max-content; width: max-content; display: inline-block; margin-right: 10px; } #form-section-wrapper .form-section form small .form-check-label, #form-section-wrapper .form-section form small .form-check-label>a { text-align: left; font-size: 13px; } #form-section-wrapper .form-section form small .form-check-label>a { color: #1a4eb0; } #form-section-wrapper .form-section form small .form-check-label { position: relative; top: 2px; line-height: 1.5; } #form-section-wrapper .form-section form .selectedCountry { color: #1B1D1F; line-height: 1.3; } #form-section-wrapper .form-section form .selectedCountry.unselected { color: #1B1D1F; } #form-section-wrapper .form-section form .cta { margin-top: 20px; font-size: 16px; padding: 10px 20px; } #form-section-wrapper .form-section form .cta small { font-size: 11px; font-weight: 500; margin-top: 5px; } #form-section-wrapper .form-section form .za-newsletter-container { display: flex; margin: 0; margin-top: 20px; align-items: flex-start; } #form-section-wrapper .form-section form .za-tos-container { margin: 0; align-items: flex-start; text-align: left !important; } .btn-green { display: inline-block; padding: 10px 50px; font-weight: 900; text-transform: uppercase; max-width: 100%; width: 100%; margin: 0 auto; background-color: #e80e19; outline: none; border: none; border-radius: 5px; font-size: 18px; color: #fff; transition: all 0.2s ease-in-out; } .btn-green>span { font-weight: 700; } #loaderId { display: none; } .heading-menu {display:none;} /* toggle switch */ .tabs {display: flex;gap: 8px;} .tab { position: relative; cursor: pointer; transition: color 0.15s ease-in;z-index:0; border: 1px solid #c7d1d6; border-radius: 4px; font-size: 14px; font-weight: 300; margin: 5px 0; margin-right: 5px; color: #414647; padding: 8px 16px; transition: 0.2s all ease-in-out;background: #fff; } label.tab {margin:0;} .tab.active {background:#fff3d0;border} .demo-form-title {text-align:center;} .req-demo h1 {font-weight:900 !important;font-family: 'Zoho_Puvi_SemiBold';} .req-demo h1, .req-demo p {color:#000;} .fnt-20 {font-size:20px !important;} .fnt-24 {font-size:24px !important;} .req-demo-row {display:flex;gap:50px;flex-wrap:wrap;} .req-demo-row > .req-demo-col:first-child {width:50%;} .req-demo-row > .req-demo-col:last-child {width:calc(50% - 50px);} .req-demo-content h2 {margin-bottom:32px;} .text-bold {font-weight:700 !important;font-family: 'Zoho_Puvi_Bold';} .ul-tick-gray li {position:relative;padding-left:32px} .ul-tick-gray li:before {content:'';position:absolute;width:18px;height:18px;top:6px;left:0; background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMThDNy43NTUgMTggNi41ODUgMTcuNzYzOCA1LjQ5IDE3LjI5MTNDNC4zOTUgMTYuODE4OCAzLjQ0MjUgMTYuMTc3NSAyLjYzMjUgMTUuMzY3NUMxLjgyMjUgMTQuNTU3NSAxLjE4MTI1IDEzLjYwNSAwLjcwODc1IDEyLjUxQzAuMjM2MjUgMTEuNDE1IDAgMTAuMjQ1IDAgOUMwIDcuNzU1IDAuMjM2MjUgNi41ODUgMC43MDg3NSA1LjQ5QzEuMTgxMjUgNC4zOTUgMS44MjI1IDMuNDQyNSAyLjYzMjUgMi42MzI1QzMuNDQyNSAxLjgyMjUgNC4zOTUgMS4xODEyNSA1LjQ5IDAuNzA4NzVDNi41ODUgMC4yMzYyNSA3Ljc1NSAwIDkgMEM5Ljk3NSAwIDEwLjg5NzUgMC4xNDI1IDExLjc2NzUgMC40Mjc1QzEyLjYzNzUgMC43MTI1IDEzLjQ0IDEuMTEgMTQuMTc1IDEuNjJMMTIuODcgMi45NDc1QzEyLjMgMi41ODc1IDExLjY5MjUgMi4zMDYyNSAxMS4wNDc1IDIuMTAzNzVDMTAuNDAyNSAxLjkwMTI1IDkuNzIgMS44IDkgMS44QzcuMDA1IDEuOCA1LjMwNjI1IDIuNTAxMjUgMy45MDM3NSAzLjkwMzc1QzIuNTAxMjUgNS4zMDYyNSAxLjggNy4wMDUgMS44IDlDMS44IDEwLjk5NSAyLjUwMTI1IDEyLjY5MzggMy45MDM3NSAxNC4wOTYzQzUuMzA2MjUgMTUuNDk4OCA3LjAwNSAxNi4yIDkgMTYuMkMxMC45OTUgMTYuMiAxMi42OTM4IDE1LjQ5ODggMTQuMDk2MyAxNC4wOTYzQzE1LjQ5ODggMTIuNjkzOCAxNi4yIDEwLjk5NSAxNi4yIDlDMTYuMiA4LjczIDE2LjE4NSA4LjQ2IDE2LjE1NSA4LjE5QzE2LjEyNSA3LjkyIDE2LjA4IDcuNjU3NSAxNi4wMiA3LjQwMjVMMTcuNDgyNSA1Ljk0QzE3LjY0NzUgNi40MiAxNy43NzUgNi45MTUgMTcuODY1IDcuNDI1QzE3Ljk1NSA3LjkzNSAxOCA4LjQ2IDE4IDlDMTggMTAuMjQ1IDE3Ljc2MzggMTEuNDE1IDE3LjI5MTMgMTIuNTFDMTYuODE4OCAxMy42MDUgMTYuMTc3NSAxNC41NTc1IDE1LjM2NzUgMTUuMzY3NUMxNC41NTc1IDE2LjE3NzUgMTMuNjA1IDE2LjgxODggMTIuNTEgMTcuMjkxM0MxMS40MTUgMTcuNzYzOCAxMC4yNDUgMTggOSAxOFpNNy43NCAxMy4xNEwzLjkxNSA5LjMxNUw1LjE3NSA4LjA1NUw3Ljc0IDEwLjYyTDE2Ljc0IDEuNTk3NUwxOCAyLjg1NzVMNy43NCAxMy4xNFoiIGZpbGw9IiMxODE4MTgiLz4KPC9zdmc+Cg==);} .unified-demo-banner {padding: 50px 0 !important;} .unified-demo-form {width: 100%;max-width:520px;margin:0 auto;} .demo-row-con h2 {margin-bottom:24px;} .unified-demo-form > .input-row {position:relative;margin-bottom:8px;} .unified-demo-form > .input-row .invalid-feedback {color:#f00;font-size:13px;display:none;} .unified-demo-form .input-row label.input-label {margin:0;line-height:1.35;} .unified-demo-form .input-row label.input-label > sup {color:#f00;} .unified-demo-form .input-row [placeholder] {font-size:13px;} .unified-demo-form input, .unified-demo-form select, .unified-demo-form textarea { padding: 8px 12px; border: 1px solid #d3d3d3; background:#fff; position:relative; width:100%; height:48px; resize:none; outline:none; border-radius:4px; } .unified-demo-form select { -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1TDkgMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo="); background-repeat: no-repeat; background-position-x: 96%; background-position-y: 25px; } .unified-demo-form input[type=submit] {background:#1D1D1D !important;font-size:14px !important;font-weight:500 !important;color:#fff;font-family:'zoho_Puvi_Bold'; } .forms-row-con { background: #f5f5f5; padding: 32px; max-width: 520px; margin: 0 auto; border-radius: 6px;} #meGDPRMessage label, #meGDPRMessage label a {font-size: 13px !important;} #meGDPRMessage .checkmarkgdpr {top: 5px;} /* toggle switch */ .tabs {display: flex;gap: 8px;} .tab { position: relative; cursor: pointer; transition: color 0.15s ease-in;z-index:0; border: 1px solid #c7d1d6; border-radius: 4px; font-size: 14px; font-weight: 300; margin: 5px 0; margin-right: 5px; color: #414647; padding: 8px 16px; transition: 0.2s all ease-in-out;background: #fff; } label.tab {margin:0;} .tab.active {background:#fff3d0;border} .req-demo-form-container .req-demo-form {display:none;} .req-demo-form-container .req-demo-form.active {display:block;} .radio-group-row {display:flex;gap:24px;} .radio-group-row .radio-group-col {display:flex;align-items:center;gap:6px;} .radio-group-row .radio-group-col input {margin:0;} .select-cloud-module {padding:10px 8px;background:#fff;border:1px solid #d3d3d3;border-radius:4px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1TDkgMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position-x: 96%; background-position-y: 50%;} .cloud-modules-list {position:absolute;display:flex;flex-direction:column;margin:0;padding: 16px;width:100%;background:#fff;z-index: 1;border-top:1px solid #ddd;display:none;-webkit-box-shadow:0 4px 13px 0 #ddd;box-shadow:0 4px 13px 0 #ddd;border-radius:6px;} .cloud-modules-list li {display:flex;gap:8px;width: 100%;padding-bottom:2px} .cloud-modules-list li > input {width:16px;height:16px;margin-left: 0;} .cloud-modules-list li label {font-size:14px;} .option-select { display: inline-block; border: 1px solid #c7d1d6;background:#fff; border-radius: 4px; font-family: "ZohoPuvi", sans-serif; font-size: 14px; font-weight: 300; margin-right: 5px; color: #414647; padding: 6px 12px; transition: 0.2s all ease-in-out; } .option-select:hover { color: #000; border-color: #000; cursor: pointer; } .option-select.active { background-color: #fff3d0; border-color: #a7a5a3; color: #000; text-shadow: 0px 0px 0.5px #000; } .country-name {background:#fff;border:1px solid #d3d3d3; padding:8px 12px;min-height:48px;} /*------ Card css --------*/ .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin: 0px 0px 60px; } .card { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 6px; padding: 24px; transition: all 0.4s ease; position: relative; overflow: hidden; transition: all 0.3s; border: 1px solid #ddd; } .card:hover { transition: all 0.3s; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .card-title { display: flex; align-items: center; margin-bottom: 16px; } .card-icon { width: 52px; height: 52px; border-radius: 15px; display: flex; align-items: center; margin-right: 12px; margin-bottom: 0; } .card h3 { font-size: 22px; font-weight: 600 !important; color: #222; margin-bottom: 0; line-height: 1.3; } .card p { color: #000; line-height: 1.7; font-size: 17px; margin: 0; } @media (max-width: 768px) { .cards-grid { grid-template-columns: 1fr; gap: 16px; } .card { padding: 25px; } .card-title { flex-direction: column; align-items: flex-start; margin-bottom:12px; } .card-icon { margin-right: 0; margin-bottom: 10px; } } /*------- sprite image css ------*/ .opm-personalized-demo-sprite { background: url("./images/opm-personalized-demo-sprite.svg"); width: 60px; height: 50px; display: inline-block; position: relative; } .opm-personalized-demo-sprite.icon1 { background-position: 0px 0px; -webkit-transform: scale(0.95); transform: scale(0.95); } .opm-personalized-demo-sprite.icon2 { background-position: -109px 0px; -webkit-transform: scale(1.06); transform: scale(1.06); } .opm-personalized-demo-sprite.icon3 { background-position: -210px 0px; } .d-none { display: none!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #002752 } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #202326 } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb } .alert-success hr { border-top-color: #b1dfbb } .alert-success .alert-link { color: #0b2e13 } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb } .alert-info hr { border-top-color: #abdde5 } .alert-info .alert-link { color: #062c33 } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba } .alert-warning hr { border-top-color: #ffe8a1 } .alert-warning .alert-link { color: #533f03 } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb } .alert-danger hr { border-top-color: #f1b0b7 } .alert-danger .alert-link { color: #491217 } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe } .alert-light hr { border-top-color: #ececf6 } .alert-light .alert-link { color: #686868 } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca } .alert-dark hr { border-top-color: #b9bbbe } .alert-dark .alert-link { color: #040505 } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease } @media screen and (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite } .edi-btn .error-field, .edi-btn .error-field1 { display: none; right: 0 } .edi-btn .form-group-item.error .error-field, .edi-btn .form-group-item.error1 .error-field1 { display: block; position: absolute; background-color: rgba(0, 0, 0, 0); padding: 0; line-height: normal; bottom: -8px; left: 0; font-size: 13px; font-weight: normal; color: red; z-index: 1 } .edi-btn .form-group-item.error input, .edi-btn .form-group-item.error1 input, .edi-btn .form-group-item.error textarea, .edi-btn .form-group-item.error1 textarea { border-color: red !important }