:root { --black: #1c1d20; --background-purple: #5035c133; --white: white; --text-dark-purple: #6243e7; --text-drak-grey: #6d7280; --dark-grey: #212e44; --tomato: #f35d3c; --dark-light: #27272b; --grey: #757575; --green-yellow: #c9f31d; --black-2: #323438; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-pagination-wrapper { flex-wrap: wrap; justify-content: center; display: flex; } .w-pagination-previous { color: #333; background-color: #fafafa; border: 1px solid #ccc; border-radius: 2px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; font-size: 14px; display: block; } .w-pagination-previous-icon { margin-right: 4px; } .w-pagination-next { color: #333; background-color: #fafafa; border: 1px solid #ccc; border-radius: 2px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; font-size: 14px; display: block; } .w-pagination-next-icon { margin-left: 4px; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } body { color: #e5e5e6; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5em; } h1 { margin-top: 0; margin-bottom: 0; font-size: 90px; line-height: 1.1em; } h2 { margin-top: 0; margin-bottom: 0; font-size: 80px; line-height: 1.1em; } h3 { margin-top: 0; margin-bottom: 0; font-size: 60px; line-height: 1.3em; } h4 { margin-top: 0; margin-bottom: 0; font-size: 48px; line-height: 1.4em; } h5 { margin-top: 0; margin-bottom: 0; font-size: 30px; font-weight: 700; line-height: 1.5em; } h6 { margin-top: 10px; margin-bottom: 10px; font-size: 24px; font-weight: 700; line-height: 18px; } p { margin-bottom: 10px; } a { text-decoration: underline; } ul { margin-top: 0; margin-bottom: 10px; padding-left: 40px; list-style: decimal; } ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } img { max-width: 100%; display: inline-block; } .text-xxl { font-size: 26px; line-height: 1.2em; } .container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 15px 30px; } .style-color-block { border-bottom: 1px solid #0000001c; border-top-left-radius: 7px; border-top-right-radius: 7px; min-height: 180px; position: relative; } .default-colors-card2 { grid-column-gap: 28px; grid-row-gap: 28px; background-color: #f7f7f7; border-radius: 7px; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: flex; box-shadow: 1px 1px 30px #00000026; } .styleguide-sidebar-wrapper { justify-content: space-between; overflow: scroll; } .style-contant-sub-heading { margin-bottom: 32px; } .style-contant-sub-heading.style-border { border-bottom: 1px solid #e3e3e3; margin-bottom: 64px; } .style-contant-sub-heading.border { border-bottom: 1px solid #070527; margin-bottom: 64px; padding-bottom: 40px; } .style-heading { min-height: 70vh; margin-bottom: 30px; padding: 72px 4vw; } .style-button-grid-block { margin-top: 16px; } .style-single-link { text-align: center; } .style-typography-contant-block { grid-column-gap: 40px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 320px 1fr; grid-auto-columns: 1fr; display: grid; } .styleguide-navigation-sidebar { z-index: 1; height: 100%; max-height: 100vh; position: sticky; top: 0; } .style-color-grid-wrap { grid-column-gap: 28px; grid-row-gap: 28px; grid-template: "." / 1fr 1fr 1fr 1fr; grid-auto-rows: 3fr; grid-auto-columns: 1fr; grid-auto-flow: row; display: grid; } .styleguide-page-wrapper { position: relative; } .styleguide-grid { grid-column-gap: 0px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: .25fr 1fr; grid-auto-columns: 1fr; display: grid; } .style-buttons-grid-wrap { grid-column-gap: 16px; grid-row-gap: 80px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .style-hero-text { font-size: 20px; line-height: 1.5em; } .style-dropdown-title { font-weight: 700; } .style-dropdown-title:hover { color: #d7b679; } .style-main-title { color: #121212; font-weight: 600; } .style-button-wrap { text-align: center; width: 100%; } .link-text { text-decoration: none; } .style-dropdown-icon { background-color: #1c1d20; border-radius: 6px; width: 48px; height: 48px; margin-right: 10px; } .style-button { text-align: center; padding: 30px 38px; font-size: 18px; font-weight: 700; display: inline-block; } .style-button.style-home { background-color: #d7b679; transition: all .3s; } .style-button.style-home:hover { background-color: #02261d; } .style-button.style-margin-add { margin-right: 28px; } .style-typography-grid-wrap { grid-column-gap: 16px; grid-row-gap: 8px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .style-link-class-name { margin-top: 16px; font-size: 18px; font-weight: 600; } .heading-name { font-size: 30px; font-weight: 600; } .style-bottom-sidebar-wrapper { margin-top: 20px; margin-bottom: 30px; padding-left: 20px; padding-right: 20px; } .style-color-name { text-align: left; margin-bottom: 8px; font-size: 18px; font-weight: 700; line-height: 1.5em; } .style-color-name.color-dark { color: #212e44; } .style-dropdown-menu-toggle { cursor: pointer; justify-content: space-between; padding: 20px; font-size: 18px; font-weight: 500; line-height: 1.5em; transition: all .3s; display: flex; } .style-dropdown-menu-toggle:hover { color: #ff9776; } .style-color-block-contant { padding: 24px 24px 32px; } .style-color-block-contant.background-white { flex-direction: column; justify-content: flex-start; align-items: center; min-height: 164px; display: flex; } .style-agency-link { cursor: pointer; } .style-links-grid-wrap { grid-column-gap: 16px; grid-row-gap: 80px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .style-contant-heading { color: #02261d; background-color: #fff; justify-content: flex-start; align-items: center; margin-bottom: 48px; padding: 48px; display: flex; } .style-heading-pra-wrap { margin-top: 16px; margin-bottom: 32px; } .styleguide-main-wrapper { color: #121212; background-color: #e7e7e7; display: block; } .style-icon-wrap { background-color: #1c1d20; justify-content: center; align-items: center; width: 90px; height: 90px; margin-right: 20px; display: flex; } .style-top-sidebar-wrapper { margin-bottom: 425px; } .style-drop-menu { cursor: pointer; align-items: center; padding: 18px 20px; font-size: 16px; font-weight: 500; line-height: 1.5em; text-decoration: none; transition: all .3s; display: flex; } .style-drop-menu:hover, .style-drop-menu.w--current { background-color: #e7e7e7; } .style-contant-wrapper { flex-direction: column; justify-content: flex-end; align-items: center; margin-bottom: 80px; padding-top: 40px; padding-left: 4vw; padding-right: 4vw; display: flex; } .style-dropdown-menu { color: #02261d; } .style-dropdown-menu-wrap { display: block; } .style-typograpy-heading-title { margin-bottom: 24px; } .style-logo-wrapper { text-align: center; background-color: #d9d9d9; padding: 40px 40px 60px; } .style-output-status { margin-bottom: 16px; font-size: 16px; line-height: 1.5em; } .style-color-code { color: #02261d; text-align: left; font-size: 18px; } .style-inner-container { flex-direction: column; justify-content: space-around; align-items: baseline; display: flex; } .style-arrow { font-family: "Fa solid 900", sans-serif; } .page-wrapper { max-width: 1920px; margin-left: auto; margin-right: auto; position: relative; overflow: visible; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .changelog-content { grid-column-gap: 16px; grid-row-gap: 16px; border-bottom: 1px solid #9ba7bc; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; padding-bottom: 40px; display: grid; } .date-text { color: #070527; font-size: 20px; font-weight: 500; line-height: 1.3em; } .template-version { color: #070527; border-radius: 5px; padding: 12px 15px; font-size: 20px; font-weight: 500; display: inline-block; box-shadow: 0 0 9px #00000024; } .template-release { color: #070527; margin-top: 0; margin-bottom: 0; padding-top: 20px; padding-bottom: 15px; font-size: 35px; line-height: 1em; } .short-description { color: #070527; font-size: 16px; } .items-text { color: #070527; background-color: #fff; border-radius: 4px; width: 100%; margin-bottom: 10px; padding: 10px 20px; text-decoration: none; transition: all .3s; } .items-text.w--current { color: #fff; background-color: #070527; } .photography-area { border-bottom: 1px solid #0057fc; padding-bottom: 40px; } .iconography { border-bottom: 0 solid #0057fc; padding-top: 40px; } .licenses-box-wrap { padding-bottom: 350px; } .left-side-area { background-color: #fff; border-radius: 4px; margin-top: 100px; padding: 20px; position: sticky; top: 100px; box-shadow: 0 0 6px 1px #0003; } .unsflash-photography { padding-top: 45px; } .unsflash-single-image { padding-top: 30px; padding-bottom: 30px; } .photography-description { color: #1c1d20; font-size: 18px; line-height: 1.5em; } .unsflash-img { border-radius: 5px; } .right-side-area { border-radius: 4px; margin-top: 100px; padding-top: 35px; padding-left: 30px; padding-right: 30px; box-shadow: 0 0 11px #0003; } .software-button-block { margin-top: 40px; } .photography-text { font-size: 23px; font-weight: 700; line-height: 1.2em; } .licenses-content-area { grid-column-gap: 30px; grid-row-gap: 30px; grid-template-rows: auto; grid-template-columns: .3fr 1fr; grid-auto-columns: 1fr; display: grid; } .unlflash-title { color: #070527; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 20px; font-size: 33px; line-height: 1.2em; } .photography-title { color: #070527; margin-top: 0; margin-bottom: 0; padding-bottom: 20px; font-size: 50px; line-height: 1.1em; } .typography-area { border-bottom: 1px solid #0057fc; padding-top: 40px; } .photography-content-area { padding-bottom: 45px; } .unsflash-image-box { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .startup-btn-outline { color: #fff; background-color: #0000; border: 2px solid #ffffff1a; border-radius: 6px; padding: 16px 31px; font-size: 15px; font-weight: 700; transition: opacity .3s; } .startup-btn-outline:hover { color: #fff; background-color: #070527; border-style: solid; border-color: #070527; } .startup-btn-outline.startup-btn-detalis { color: #070527; border-color: #0705271a; transition-property: all; } .startup-btn-outline.startup-btn-detalis:hover { color: #fff; background-color: #070527; } .background-primary { background-color: #212e44; } .color-primary { color: #212e44; } .style-color-block-text { border-radius: 40px; padding: 10px 14px; font-size: 14px; font-weight: 500; position: absolute; inset: 16px 16px auto auto; } .style-color-block-text.background-dark { color: #853a3a; } .style-color-block-text.background-white { background-color: #fff; } .style-color-block-text.background-light { background-color: #fff; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex; } .style-color-card-wrapper { grid-column-gap: 28px; grid-row-gap: 28px; border: 1px solid #e3e3e3; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; } .background-dark { background-color: var(--black); } .button-primary { justify-content: center; align-items: center; width: 220px; min-height: 220px; display: flex; position: relative; } .style-rich-text-block { padding: 60px; } .color-dark { color: #1c1d20; } .font-bold { font-weight: 700; } .font-black { font-weight: 900; } .font-normal { font-weight: 400; } .default-colors-card1-copy { grid-column-gap: 28px; grid-row-gap: 28px; border-radius: 7px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; box-shadow: 1px 1px 30px #00000026; } .style-color-name-copy { text-align: left; margin-bottom: 8px; font-size: 18px; font-weight: 700; line-height: 1.5em; } .style-color-name-copy.color-dark-copy { color: #212e44; } .style-color-card-wrapper-copy { grid-column-gap: 28px; grid-row-gap: 28px; border: 1px solid #e3e3e3; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; } .background-pink { background-color: #ff3f79; } .color-pink { color: #ff3f79; } .background-blue { background-color: #264ff9; } .color-blue { color: #264ff9; } .background-light-pink { color: #ffe9ef; background-color: #ffe9ef; } .background-semi-dark { color: #6d7280; } .background-violet { background-color: #8775f2; } .background-light-dark { color: #8f9cb2; background-color: #8f9cb2; } .color-violet { color: #8775f2; } .background-off-white { background-color: #fff7f3; } .color-off-white { color: #fff7f3; } .font-averta { font-family: Averta, sans-serif; font-weight: 700; } .sassy-two-brand { align-self: center; } .sassy-two-navbar { z-index: 9999; background-color: var(--background-purple); border: 1px #000; border-radius: 40px 40px 0 0; width: auto; max-width: 1920px; margin-top: 30px; margin-left: 30px; margin-right: 30px; padding: 22px 60px 20px; transition: all .2s ease-in-out; position: sticky; top: 0; } .sassy-two-wrapper { justify-content: space-between; align-items: center; display: flex; } .sassy-two-menu { object-fit: fill; justify-content: space-between; width: 70%; font-family: Averta Bold, sans-serif; font-weight: 700; display: flex; } .sassy-two-nav-buttons { grid-column-gap: 13px; grid-row-gap: 13px; flex: 0 auto; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-self: center; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-decoration: none; display: flex; } .sassy-two-nav-button-one { color: #212e44; background-color: #3898ec00; margin-right: 10px; padding-right: 15px; } .about-link { align-self: center; padding: 0 10px; } .text-span { font-family: "Fa solid 900", sans-serif; } .primary-button { background-color: #ff3f79; border-radius: 10px; padding: 15px 25px; font-family: Averta Bold, sans-serif; font-size: 16px; font-weight: 700; line-height: 15px; transition: box-shadow .2s; } .primary-button:hover { box-shadow: 7px 19px 35px 2px #ff3f7957; } .hero-section-wrapper { grid-column-gap: 50px; grid-row-gap: 50px; -webkit-text-fill-color: inherit; background-color: #0000; background-clip: border-box; flex-flow: row; padding: 50px 120px 40px 80px; display: flex; } .counter-wrapper-block { grid-column-gap: 60px; margin-top: 20px; padding-left: 80px; padding-right: 220px; display: flex; } .hero-heading-text { color: #212e44; text-shadow: 0 1px 1px #0003; font-family: Poppins, sans-serif; font-size: 50px; line-height: 1em; } .hero-title { color: #020202; letter-spacing: 0; text-transform: capitalize; margin-bottom: 10px; margin-left: 50px; padding-left: 30px; font-family: Poppins, sans-serif; font-size: 20px; font-weight: 700; line-height: 38px; } .hero-details { color: #212e44; text-align: left; margin-bottom: 0; padding-left: 0; padding-right: 0; font-family: Poppins, sans-serif; font-size: 14px; font-weight: 400; line-height: 31.5px; display: block; } .hero-part-one { flex: 0 auto; order: 0; align-self: auto; width: 40%; padding-left: 0; position: relative; } .hero-part-two { flex: 0 auto; width: 60%; height: auto; position: relative; } .sassy-two-hero-seciton { background-color: var(--background-purple); border: 1px solid #6f56ff1a; border-radius: 0 0 12px 12px; width: auto; max-width: 1920px; height: auto; margin-left: 30px; margin-right: 30px; padding-top: 50px; padding-bottom: 20px; position: relative; overflow: hidden; transform: translate(0); } .hero-shape-img { position: relative; } .swing-image { width: 120px; position: absolute; top: 228px; left: -89%; } .hero-dot-image { width: 60px; max-width: 60%; position: absolute; inset: 8px 0 auto 17px; } .body { margin-right: 0; } .sassy-one-features-section { padding-top: 105px; padding-bottom: 0; } .feature-heading { color: #212e44; text-align: left; width: 700px; margin-left: 0; padding-bottom: 35px; font-family: Poppins, sans-serif; font-size: 40px; line-height: 50px; } .feature-details { color: #6d7280; text-align: center; margin-bottom: 0; padding-left: 15px; padding-right: 15px; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .primary-card-wrapper { grid-column-gap: 90px; grid-row-gap: 90px; flex-flow: column; justify-content: center; align-items: center; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; display: flex; } .feature-card { text-align: center; background-color: #cffaea; border-radius: 40px; max-width: 410px; margin-top: 0; padding: 60px 70px; } .feature-card.two { background-color: #d4d6ff; } .feature-card.three { background-color: #ffe0eb; } .card-one-texts { color: #0f2552; text-align: center; margin-bottom: 0; padding: 45px 0 35px; font-family: Averta Bold, sans-serif; font-size: 25px; line-height: 1.3em; } .analytic-image-wrapper { color: #e5e5e600; -webkit-text-fill-color: inherit; background-color: #fff7f3; background-clip: border-box; border-top-right-radius: 20px; border-bottom-right-radius: 20px; justify-content: center; align-items: center; width: 50%; height: auto; padding: 80px 80px 90px; display: flex; position: static; } .analytic-image-wrapper.card-color-1 { background-color: #d4d6ff; } .analytic-image-wrapper.card-color-2 { background-color: #ffe0eb; } .analytic-image-wrapper.card-color-3 { background-color: #caf5e5; } .analytic-image-wrapper.card-color-4 { width: 50%; } .feature-content-wrapper { width: 68%; margin-left: 0; margin-right: auto; } .primary-button-one { color: #0f2552; background-color: #ffffff73; border-radius: 50px; font-family: "Fa solid 900", sans-serif; transition: background-color .3s; } .primary-button-one:hover { color: #fff; background-color: #ff3f79; box-shadow: 9px 12px 30px #ff3f79a8; } .feature-card-tags { display: none; overflow: hidden; } .tools-user-text { color: #212e44; text-align: center; margin-bottom: 0; font-family: Poppins, sans-serif; font-size: 13px; line-height: 1.5em; } .feature-card-icons { grid-column-gap: 90px; grid-row-gap: 90px; flex: none; justify-content: center; align-items: center; padding-top: 50px; display: flex; overflow: visible; } .feature-card-icon { filter: contrast(200%) grayscale(500%); transition: all .3s; } .feature-card-icon:hover { filter: none; } .sassy-one-pricing-section { background-image: url('../images/Frame-1-1.png'); background-position: 0 -40px; background-repeat: no-repeat; background-size: auto; padding-bottom: 0; position: relative; } .analytics-card { border-radius: 20px; align-items: stretch; min-height: 680px; margin-top: 0; display: flex; position: sticky; top: 6rem; box-shadow: 0 2px 20px 20px #0000000d; } .analytics-card.data-card-1 { width: 85%; min-height: 820px; margin-left: auto; margin-right: auto; position: sticky; top: 6rem; } .analytics-card.data-card-2 { width: 90%; min-height: 800px; margin-left: auto; margin-right: auto; position: sticky; top: 7rem; } .analytics-card.data-card-3 { width: 95%; min-height: 780px; margin-left: auto; margin-right: auto; top: 8rem; } .analytics-card.data-card-4 { width: 100%; min-height: 760px; top: 9rem; } .analytic-content-wrapper { background-color: var(--white); border-top-left-radius: 20px; border-bottom-left-radius: 20px; align-self: auto; width: 50%; padding: 80px 60px 90px; display: block; } .analytic-card-mobile-image { width: 100%; height: auto; } .analytic-card-heading { color: #212e44; margin-bottom: 20px; font-size: 42px; line-height: 1.1em; } .analytic-card-details { color: #6d7280; margin-bottom: 30px; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.4em; } .paragraph-13 { color: #6d7280; margin-bottom: 45px; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 28px; } .analytic-card-icon { margin-bottom: 10px; } .analytic-star { position: absolute; bottom: 25%; left: 58%; } .analytic-circle { position: absolute; top: 8%; right: 10%; } .analytic-button { color: #264ff9; background-color: #3898ec00; border: 1px solid #264ff9; border-radius: 10px; padding: 15px 35px; font-family: Averta Bold, sans-serif; line-height: 1.7em; transition: background-color .3s; } .analytic-button:hover { color: var(--white); background-color: #264ff9; box-shadow: 9px 18px 50px 5px #264ff973; } .price-card { text-align: center; padding-left: 0; padding-right: 0; display: block; } .price-title { border: 0 #f9f9f9; padding-top: 80px; padding-bottom: 0; } .price-plan-cards { grid-column-gap: 30px; grid-row-gap: 100px; flex-wrap: wrap; justify-content: center; align-items: center; padding-top: 80px; display: flex; } .pricing-plan-offer-text-wrapper { justify-content: center; align-items: center; display: flex; } .price-heading { color: #212e44; text-align: left; width: 100%; margin-bottom: 20px; font-family: Averta Bold, sans-serif; font-size: 32px; line-height: 1em; } .price-text { color: #6d7280; text-align: left; margin-bottom: 30px; font-family: Averta Regular, sans-serif; font-size: 16px; line-height: 1.3em; } .price-button { color: #8977f6; background-color: #3898ec00; border: 1px solid #8977f6; border-radius: 10px; width: 100%; margin-top: 45px; margin-bottom: 45px; padding: 8px 40px; font-size: 16px; transition: background-color .5s; } .price-button:hover { color: var(--white); background-color: #8977f6; box-shadow: 13px 27px 50px 5px #8977f666; } .feature-image { width: 250px; height: 270px; } .price-list { width: 236.328px; padding-top: 5px; display: flex; } .price-check-icon-two { color: #efb406; padding-right: 15px; font-family: "Fa solid 900", sans-serif; } .price-offer-text { color: #555; width: auto; font-family: Averta Regular, sans-serif; font-size: 14px; line-height: 1.5em; } .price-values { flex-direction: row; align-items: flex-end; display: flex; } .discount-stick { transform-style: preserve-3d; background-color: #212e44; width: 50px; height: 3px; position: absolute; top: 72%; right: 43%; transform: rotateX(1deg)rotateY(1deg)rotateZ(-26deg); } .discount-stick.basic-stick { transform-style: preserve-3d; top: 50%; left: 50%; right: auto; transform: translate(-50%, -50%)rotateX(1deg)rotateY(1deg)rotateZ(-26deg); } .discount-price { color: #6d7280; flex: 0 auto; order: 0; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 25px; font-weight: 400; position: static; } .price-sign { color: #212e44; align-self: flex-start; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 24px; } .actual-price { color: #212e44; margin-bottom: 0; padding-left: 5px; padding-right: 12px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1em; } .price-icon-three { color: #8977f6; padding-right: 15px; font-family: "Fa 400", sans-serif; } .price-button-two { color: #f3b705; text-align: center; background-color: #3898ec00; border: 1px solid #f3b705; border-radius: 10px; width: 100%; margin-top: 45px; margin-bottom: 45px; padding: 8px 40px; transition: background-color .5s; } .price-button-two:hover { color: var(--white); background-color: #f3b705; box-shadow: 13px 27px 50px 5px #f3b70566; } .price-section-heading { color: #212e44; margin-bottom: 20px; font-family: Poppins, sans-serif; font-weight: 700; line-height: 1.5em; } .offer-price-span-text { color: var(--text-dark-purple); } .offer-price-text { color: #212e44; margin-bottom: 0; font-family: Kanit, sans-serif; } .top-background { background-image: linear-gradient(170deg, #fff 50%, #212e44 50% 50%); width: 100%; height: 400px; } .bottom-background { background-image: linear-gradient(170deg, #212e44 50%, #fff 50%); width: 100%; height: 1000px; } .background-shape-wrapper { z-index: -1; position: sticky; top: -210px; overflow: visible; transform: none; } .section-border-top { background-color: #0b996f; justify-content: flex-start; width: 90px; height: 2px; margin-left: auto; margin-right: auto; position: absolute; top: -11%; left: 0; right: 0%; } .section-border-bottom { background-color: #efb406; width: 90px; height: 2px; margin-left: auto; margin-right: auto; } .social-title { width: 705px; margin-left: auto; margin-right: auto; } .social-icon-part { text-align: center; } .social-heading { color: #212e44; text-align: center; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1.3em; } .social-text { color: #6d7280; text-align: center; margin-top: 35px; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.4em; } .social-icons { grid-row-gap: 20px; flex-wrap: wrap; place-content: center; align-items: stretch; display: flex; } .social-image { z-index: -11; border-radius: 20px; align-self: auto; padding: 37px 38px; box-shadow: 0 2px 60px #0000000f; } .social-sassy-image { text-align: left; width: 300px; } .sassy-primary-counter-section { background-color: #694ffff2; background-image: url('../images/elements.png'); background-position: 50%; background-repeat: repeat; background-size: cover; border-radius: 40px; max-width: 1490px; margin-left: auto; margin-right: auto; } .counter-section-wrapper { grid-column-gap: 20px; grid-template: "." / 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; place-content: center; place-items: center; padding-left: 100px; padding-right: 100px; display: grid; } .counter-numbers { grid-column-gap: 50px; justify-content: center; width: 100%; display: flex; } .counter-image { align-items: center; display: flex; } .counter-header { display: flex; } .heading-6 { font-family: Averta Extra Bold, sans-serif; font-size: 60px; line-height: 1.2em; } .paragraph-16 { text-transform: uppercase; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 14px; line-height: 1.5em; } .paragraph-17 { font-family: Averta Extra Bold, sans-serif; font-size: 40px; line-height: .6em; } .counters-wrapper { text-align: center; } .app-store-block { flex-direction: column; display: flex; } .mobile-block { width: 400px; } .apple-store { margin-bottom: 20px; } .sassy-primary-testimonial-section { padding-top: 0; position: relative; } .testimonial-title { text-align: center; width: 555px; margin-left: auto; margin-right: auto; } .testimonial-heading { color: #212e44; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 45px; line-height: 1.2em; } .testimonial-text { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 16px; line-height: 1.3em; } .primary-button-three-left { color: #0f2552; background-color: #fff; border-radius: 50px; font-family: "Fa solid 900", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5em; text-decoration: none; transition: background-color .3s; position: absolute; top: 59%; left: 32%; } .primary-button-three-left:hover { color: #fff; background-color: #ff3f79; box-shadow: 9px 12px 30px #ff3f79a8; } .primary-button-three-right { background-color: var(--white); color: #0f2552; border-radius: 50px; font-family: "Fa solid 900", sans-serif; font-size: 16px; font-weight: 400; text-decoration: none; transition: background-color .3s; position: absolute; top: 59%; left: 65%; } .primary-button-three-right:hover { color: #fff; background-color: #ff3f79; box-shadow: 9px 12px 30px #ff3f79a8; } .silder-one { text-align: center; padding: 60px 0; } .silder-two { padding: 60px 0; position: relative; overflow: hidden; } .test-card-three { padding: 60px 0; } .slider-title { color: #0f2552; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 24px; line-height: 1.5em; } .slider-client-name { color: #6d7280; margin-top: 10px; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 13px; line-height: 1.5em; } .slider-details { color: #6d7280; margin-top: 20px; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 16px; line-height: 1.5em; } .star-image { margin-top: 0; } .sassy-primary-newsfeed-section { background-image: linear-gradient(to bottom, #fff7f3 55%, var(--white) 55%); } .newsfeed-title { text-align: center; max-width: 705px; margin-left: auto; margin-right: auto; } .newsfeed-cards { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: wrap; justify-content: center; padding-top: 70px; display: flex; } .inner-related-blogs-heading { color: #212e44; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1.3em; } .inner-related-blogs-text { color: #6d7280; margin-top: 30px; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.4em; } .newsfeed-publish-date { grid-column-gap: 20px; text-align: center; justify-content: center; display: flex; } .newsfeed-card-one { background-color: var(--white); text-align: center; border-radius: 40px; width: 450px; box-shadow: 3px 20px 60px #1c1d200d; } .author-name { color: #6d7280; margin-bottom: 0; font-size: 14px; transition: color .4s; } .author-name:hover { color: #000; font-weight: 500; } .blog-date { color: #6d7280; margin-bottom: 0; font-size: 14px; } .newsfeed-detaills { text-align: center; padding: 10px 60px 45px; } .newsfeed-image-one { border-radius: 30px; height: 100%; padding: 15px; } .sassy-one-cta-section { background-image: url('../images/cta.png'); background-position: 29% 0; background-repeat: no-repeat; background-size: contain; margin-bottom: 220px; } .cta-form { background-color: var(--white); border-radius: 40px; max-width: 630px; margin-left: auto; margin-right: 0; padding: 60px 45px; transform: translate(0, 40%); box-shadow: 0 0 60px #0000000d; } .cta-wrapper { align-items: flex-end; display: block; } .cta-form-heading { color: #212e44; margin-bottom: 45px; font-family: Averta Bold, sans-serif; font-size: 36px; line-height: 1.2em; } .cta-form-text-field-one { outline-offset: 0px; color: #212e44; background-color: #0000000d; border: 0 solid #0000000d; border-radius: 10px; outline: 3px #333; margin-bottom: 15px; padding-top: 29px; padding-bottom: 29px; padding-left: 30px; font-family: Averta Regular, sans-serif; font-size: 16px; line-height: 1.3em; } .submit-button { color: #8775f2; background-color: #0000; border: 1px solid #8775f2; border-radius: 10px; margin-top: 30px; margin-bottom: 0; padding: 14px 35px; font-family: Averta Bold, sans-serif; transition: background-color .3s; } .submit-button:hover { color: var(--white); background-color: #8775f2; box-shadow: 10px 17px 40px 5px #8775f240; } .form { width: 540px; } .footer-wrapper { justify-content: space-between; align-items: flex-start; margin-left: auto; margin-right: auto; display: block; } .sassy-one-footer-section { background-color: #212e44; } .footer-list { align-items: stretch; margin-top: 50px; display: flex; } .footer-icons { align-items: center; margin-top: 60px; display: flex; } .store-image-one { vertical-align: baseline; background-color: #fff0; border-radius: 50px; width: 35px; max-width: none; height: 35px; margin-right: 0; padding: 5px; display: block; overflow: visible; } .store-image-two { background-color: #ffffff1f; border-radius: 50px; padding: 10px 20px; } .footer-description { color: #8f9cb2; margin-bottom: 30px; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.5em; } .footer-homepage-icon { margin-bottom: 30px; } .footer-link-text { margin-bottom: 10px; } .footer-list-title { text-transform: uppercase; margin-bottom: 30px; font-family: Poppins, sans-serif; font-size: 16px; line-height: 1.5em; } .footer-link { color: #8f9cb2; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.5em; text-decoration: none; transition: color .4s; } .footer-link:hover { color: var(--white); } .list-one { margin-right: 0; } .list-part-one { grid-column-gap: 10px; grid-row-gap: 10px; text-align: left; width: auto; height: 50px; margin-left: auto; margin-right: auto; display: flex; } .footer-left-line, .footer-right-line { background-color: #8f9cb2; width: 40%; height: 1px; } .footer-social-icons { grid-column-gap: 10px; justify-content: center; align-items: center; margin-left: 25px; margin-right: 20px; display: flex; } .footer-policy { text-align: center; margin-top: 70px; } .footer-policy-block { grid-column-gap: 30px; justify-content: center; margin-top: 30px; display: flex; } .terms-and-condition-text { border-right: 1px solid #8f9cb2; margin-bottom: 0; padding-right: 30px; font-family: Averta Bold, sans-serif; font-size: 18px; line-height: 1.5em; } .footer-copyright-text { color: #8f9cb2; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.5em; } .footer-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1290px; margin-left: auto; margin-right: auto; padding: 80px 15px 35px; } .list-part-two { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: space-between; width: 75%; padding-left: 60px; padding-right: 0; display: flex; } .footer-store-image { grid-column-gap: 10px; justify-content: flex-start; margin-bottom: 40px; display: flex; } .list-two, .list-three, .list-four { margin-right: 0; } .paragraph-with-no-border { border: 0 solid #000; margin-bottom: 0; padding-right: 30px; font-family: Averta Bold, sans-serif; font-size: 18px; line-height: 1.5em; } .sassy-two-nav-list { grid-column-gap: 15px; align-self: center; display: flex; position: relative; left: 0; } .sassy-two-block { grid-column-gap: 10px; grid-row-gap: 10px; width: 180px; min-width: 0; display: flex; } .sassy-two-nav-button-three { grid-column-gap: 12px; grid-row-gap: 12px; background-color: var(--text-dark-purple); color: #fff; border-radius: 10px; justify-content: center; align-items: center; width: 100%; height: 45px; padding: 12px 18px; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.2em; transition: color .2s, background-color .2s, box-shadow .2s; display: flex; } .sassy-two-nav-button-three:hover { background-color: #6243e7; } .sassy-one-nav-list { align-items: center; display: flex; } .sassy-one-nav-icon { cursor: pointer; background-color: #c9ff70; border-radius: 53px; padding: 18px 20px; } .sassy-one-brand-block { align-self: center; } .sassy-one-navbar-wrapper { justify-content: space-between; align-items: center; margin-left: 100px; margin-right: 100px; display: flex; } .sassy-one-logo-block { width: 30%; } .sassy-one-hero-wrapper { align-items: center; display: flex; } .hero-content { width: 55%; position: relative; } .hero-text { color: #cec6ff; border-left: 1px solid #cec6ff; margin-bottom: 0; margin-left: 50px; margin-right: 160px; padding-top: 0; padding-left: 50px; padding-right: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .hero-header { color: var(--white); padding-bottom: 60px; font-family: Averta Bold, sans-serif; font-size: 80px; line-height: 1.1em; } .hero-span { color: #c9ff70; } .hero-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 120px 15px; } .sassy-one-hero-tags { grid-column-gap: 100px; align-items: center; display: flex; } .hero-company-tag-icons { grid-column-gap: 100px; display: flex; } .hero-scrolldown-block { align-items: center; display: flex; } .hero-tag-icon { transition: all .3s; } .hero-tag-icon:hover { filter: brightness(95%) saturate(500%) hue-rotate(200deg) contrast(300%); } .sassy-one-heading-circle { z-index: 0; position: absolute; top: 20%; left: 32%; } .sassy-one-spring { position: absolute; top: 68%; left: 45%; } .sassy-one-half-spring { position: absolute; top: 14%; left: 45%; } .support-container-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 120px 15px 0; } .support-heading { color: #212e44; margin-bottom: 35px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1.2em; } .support-title { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .support-content-block { text-align: center; width: 650px; margin-left: auto; margin-right: auto; } .customer-support-cards { grid-column-gap: 35px; grid-row-gap: 50px; flex-flow: wrap; justify-content: center; align-items: stretch; margin-top: 70px; display: flex; } .support-card-button { color: #6d7280; background-color: #fff0; border: 1px solid #0003; margin-top: 30px; padding: 10px 25px; font-family: Averta Bold, sans-serif; line-height: 1.6em; transition: all .3s; } .support-card-button:hover { color: #fff; background-color: #6e55ff; border-color: #6e55ff; box-shadow: 13px 21px 45px 15px #6e55ff59; } .support-card-no-one { text-align: center; width: 390px; padding: 60px 40px; transition: box-shadow .3s; } .support-card-no-one:hover { box-shadow: 36px 60px 55px #1f528d0d; } .support-card-icon-one { background-color: #ff518b; border-radius: 50px; margin-bottom: 45px; padding: 25px; transition: all .3s; } .support-card-icon-one:hover { box-shadow: 15px 20px 20px 4px #ff518b4d; } .support-card-title { color: #0f2552; margin-bottom: 20px; font-family: Averta Bold, sans-serif; font-size: 30px; line-height: 1.5em; } .support-card-details { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.3em; } .support-card-icon-two { background-color: #3bbeff; border-radius: 50px; margin-bottom: 45px; padding: 25px; transition: all .3s; } .support-card-icon-two:hover { box-shadow: 15px 20px 20px 4px #3bbeff4d; } .support-card-icon-three { background-color: #c656ff; border-radius: 50px; margin-bottom: 45px; padding: 25px; transition: all .3s; } .support-card-icon-three:hover { box-shadow: 15px 20px 20px 4px #c656ff4d; } .support-card-icon-four { background-color: #ffa03a; border-radius: 50px; margin-bottom: 45px; padding: 25px; transition: all .3s; } .support-card-icon-four:hover { box-shadow: 15px 20px 20px 4px #ffa03a4d; } .support-card-icon-five { background-color: #15de9b; border-radius: 50px; margin-bottom: 45px; padding: 25px; transition: all .3s; } .support-card-icon-five:hover { box-shadow: 15px 20px 20px 4px #15de9b4d; } .support-card-no-two { text-align: center; width: 390px; padding: 60px 40px; transition: box-shadow .3s; } .support-card-no-two:hover { box-shadow: 36px 60px 55px #1f528d0d; } .support-card-no-three { text-align: center; width: 390px; padding: 60px 40px; transition: box-shadow .3s; } .support-card-no-three:hover { box-shadow: 36px 60px 55px #1f528d0d; } .support-card-no-four { text-align: center; width: 390px; padding: 60px 40px; transition: box-shadow .3s; } .support-card-no-four:hover { box-shadow: 36px 60px 55px #1f528d0d; } .support-card-no-five { text-align: center; width: 390px; padding: 60px 40px; transition: box-shadow .3s; } .support-card-no-five:hover { box-shadow: 36px 60px 55px #1f528d0d; } .support-register-card { text-align: left; background-color: #264ff9; background-image: linear-gradient(#fff0, #fff 0%, #264ff9e6 0%), url('../images/img-8.png'); background-position: 0 0, 0 0; background-repeat: repeat, no-repeat; background-size: auto, cover; width: 390px; padding: 60px 45px; transition: box-shadow .3s; } .support-register-card:hover { box-shadow: 36px 60px 55px #1f528d0d; } .support-register-card-details { color: var(--white); text-align: left; margin-bottom: 120px; font-family: Averta Bold, sans-serif; font-size: 36px; line-height: 1.3em; } .support-register-card-button { color: var(--white); background-color: #fff0; border: 1px solid #fff3; padding: 10px 25px; font-family: Averta Bold, sans-serif; line-height: 2em; transition: all .3s; } .support-register-card-button:hover { border-color: var(--white); background-color: var(--white); color: #264ff9; box-shadow: 13px 21px 45px 15px #6e55ff59; } .sassy-one-analytic-section { z-index: 2; background-color: #f9ece0; overflow: hidden; } .analytic-block-wrapper { grid-column-gap: 90px; align-items: center; display: flex; } .analytic-list { padding-top: 0; padding-bottom: 15px; display: flex; } .analytic-check-icon { color: #8775f2; margin-bottom: 0; padding-right: 15px; font-family: "Fa solid 900", sans-serif; } .analytic-offer-text { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.5em; } .marketing-details-paragraph { color: #6d7280; margin-bottom: 40px; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.5em; } .marketing-heading { color: #212e44; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 42px; line-height: 1.5em; } .analytic-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; background-image: url('../images/icon-1.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: 360px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding-top: 120px; padding-bottom: 120px; } .analytic-graph-block { text-align: center; background-color: #fff7f3; width: 50%; padding: 80px 60px; position: relative; } .marketing-details-header { z-index: 0; position: relative; } .behind-heading { z-index: -1; color: #212e4408; font-size: 220px; line-height: 54px; position: absolute; top: 0; left: -45px; } .analytic-marketing-details { width: 50%; } .sassy-about-newsletter-section { z-index: 0; background-color: #cffaea; position: relative; } .form-heading { z-index: 1; color: #212e44; font-family: Averta Bold, sans-serif; font-size: 54px; line-height: 1.2em; position: relative; } .newsletter-wrapper-block { text-align: center; padding-left: 100px; padding-right: 100px; } .newsletter-form { width: 850px; margin-left: auto; margin-right: auto; position: relative; } .submit-button-2 { background-color: #6e55ff; padding: 12px 30px; font-family: Averta Bold, sans-serif; line-height: 1.5em; transition: box-shadow .2s; position: absolute; top: 10px; right: 10px; } .submit-button-2:hover { box-shadow: 13px 21px 45px 15px #6e55ff59; } .newsletter-form-wrapper { margin-top: 60px; margin-bottom: 0; } .form-text-field { color: #000; border: 1px #000; margin-bottom: 0; padding: 34px; font-family: Averta Regular, sans-serif; font-size: 16px; line-height: 1em; } .pink-swing-image { z-index: 0; width: 400px; position: absolute; top: -10%; left: 0%; } .gradient-swing-image { z-index: -1; position: absolute; top: 55%; right: 0%; } .newsletter-star { position: absolute; bottom: 20%; left: 5%; } .sassy-one-testimonial-section { background-image: url('../images/Group-1000003066.png'); background-position: 50%; background-repeat: no-repeat; background-size: auto; position: relative; } .testimonial-details { color: #6d7280; margin-top: 40px; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 30px; line-height: 1.2em; } .testimonial-wrapper-block { text-align: center; width: 525px; margin-top: 300px; margin-left: auto; margin-right: auto; position: relative; } .testimonial-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 160px 15px; } .touhid { position: absolute; bottom: 15%; left: 8%; } .alvee { position: absolute; bottom: 40%; left: 26%; } .mendi { position: absolute; bottom: 15%; right: 15%; } .tonni { position: absolute; top: 40%; right: 22%; } .mim { position: absolute; top: 15%; left: 15%; } .yamin { position: absolute; top: 12%; right: 10%; } .customer-support-absolute-text { color: var(--white); margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 36px; line-height: 42px; position: absolute; top: 11%; left: 45%; } .sassy-one-newsfeed-section { background-color: #fff7f3; } .newsletter-title-one { grid-column-gap: 10px; text-align: left; flex-direction: row; justify-content: center; align-items: center; display: flex; } .newsletter-middle-dot { background-color: #6d72804d; border-radius: 50px; width: 6px; height: 6px; } .newsletter-date-one { color: #6d7280; text-transform: uppercase; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 12px; line-height: 1.2em; } .newsletter-name-one { color: #6d7280; text-transform: uppercase; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 12px; line-height: 1.2em; transition: color .4s; } .newsletter-name-one:hover { color: #000; font-family: Averta Bold, sans-serif; font-weight: 700; } .newsletter-heading { color: #212e44; margin-bottom: 35px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1.2em; } .newsletter-paragraph { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .newsletter-details-part { text-align: center; width: 705px; margin-left: auto; margin-right: auto; } .sassy-about-faq-section { position: relative; overflow: hidden; } .faq-wrapper-block { grid-column-gap: 30px; display: flex; } .faq-content { width: 35%; } .faq-dropdown-one { cursor: pointer; overflow: hidden; box-shadow: 14px -27px 60px #1f528d0a; } .faq-dropdown-one.inner-faq-one { cursor: pointer; } .faq-dropdown-one.main-faq-card-one { box-shadow: none; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } .faq-dropdown-one.main-faq-card-two, .faq-dropdown-one.main-faq-card-three, .faq-dropdown-one.main-faq-card-four, .faq-dropdown-one.main-faq-card-five, .faq-dropdown-one.main-faq-card-six { box-shadow: none; border-bottom: 1px solid #a8a8a8; } .faq-title-text { color: #0f2552; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 16px; line-height: 1.1em; } .faq-details { color: #6d7280; margin-bottom: 25px; font-family: Averta Regular, sans-serif; font-size: 16px; line-height: 2em; } .faq-details.is-border-left { border-left: 1px solid #6f56ff; padding-left: 20px; font-size: 15px; line-height: 2em; } .faq-list-one { align-items: center; margin-bottom: 15px; display: flex; } .faq-dot { background-color: #0f2552; border-radius: 50px; width: 6px; height: 6px; margin-right: 10px; } .faq-list-text { color: #0f2552; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 16px; line-height: 1.3em; } .faq-question-wrapper { grid-column-gap: 15px; justify-content: space-between; align-items: center; padding: 25px; display: flex; } .faq-question-wrapper.change-icon-position { grid-column-gap: 30px; justify-content: flex-start; align-items: center; padding: 30px; } .faq-icon-block { justify-content: flex-end; width: 28px; line-height: 0; display: flex; } .faq-list-two { align-items: center; margin-bottom: 15px; display: flex; } .faq-heading { color: #212e44; margin-bottom: 35px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1em; } .paragraph-39 { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .faq-dropdowns { width: 75%; } .custom-footer-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1290px; margin-left: auto; margin-right: auto; padding: 120px 15px 45px; } .sassy-one-footer-wrapper { justify-content: space-between; align-items: flex-start; margin-left: auto; margin-right: auto; display: block; } .sassy-one-footer-list { align-items: stretch; display: flex; } .sassy-one-footer-social-icons { grid-column-gap: 35px; justify-content: flex-start; align-items: stretch; width: 100%; margin-left: 0; margin-right: 0; display: flex; } .sassy-one-footer-icons { align-items: center; margin-top: 80px; display: flex; } .footer-policy-copy { text-align: center; margin-top: 50px; } .sassy-one-list-one { justify-content: space-between; width: 75%; margin-right: 90px; display: flex; } .footer-googleplay-image { margin-right: 15px; } .analytic-marketing-button { color: #6e55ff; background-color: #fff0; border: 1px solid #6e55ff; margin-top: 25px; padding: 10px 25px; font-family: Averta Bold, sans-serif; line-height: 30px; transition: all .3s; } .analytic-marketing-button:hover { color: #fff; background-color: #6e55ff; border-color: #6e55ff; box-shadow: 13px 21px 45px 15px #6e55ff59; } .sassy-one-list-two { width: 25%; margin-right: 60px; } .faq-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 120px 15px; } .footer-playstore-title { text-transform: uppercase; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 18px; line-height: 1.5em; } .work-process-section { z-index: 2; background-color: #264ff9; position: relative; overflow: hidden; } .workprocess-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 120px 15px; } .workprocess-wrapper-block { grid-column-gap: 100px; display: flex; } .workplace-content-button { color: var(--white); background-color: #fff0; border: 1px solid #fff3; padding: 15px 25px; font-family: Averta Bold, sans-serif; font-size: 16px; line-height: 1.2em; transition: all .3s; } .workplace-content-button:hover { border-color: var(--white); background-color: var(--white); color: #264ff9; box-shadow: 13px 21px 45px 15px #6e55ff59; } .work-research { background-image: url('../images/Group-1000003069.png'); background-position: 50%; background-repeat: no-repeat; background-size: auto; justify-content: center; align-items: center; display: flex; position: relative; } .work-research.two { background-image: url('../images/Group-1000003070.png'); } .work-research.three { background-image: url('../images/Group-1000003071.png'); } .work-research.four { background-image: url('../images/Group-1000003070-1.png'); } .work-research-text-1 { text-align: center; font-family: Averta Bold, sans-serif; font-size: 24px; line-height: 1.5em; text-decoration: none; position: absolute; } .workprocess-small-title { letter-spacing: 4px; text-transform: uppercase; font-family: Averta Bold, sans-serif; line-height: 1.2em; } .workprocess-medium-title { font-family: Averta Bold, sans-serif; font-size: 42px; line-height: 1.2em; } .workprocess-content-text { color: #cec6ff; margin-top: 30px; margin-bottom: 30px; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .workprocess-research-wrapper { grid-column-gap: 5px; grid-row-gap: 5px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 70%; display: grid; position: relative; } .workprocess-content-wrapper { width: 30%; } .work-research-text-2, .work-research-text-3, .work-research-text-4 { text-align: center; font-family: Averta Bold, sans-serif; font-size: 24px; line-height: 30px; text-decoration: none; position: absolute; } .sassy-about-primary-hero-section { background-color: #6f56ff1a; background-image: url('../images/shape.png'); background-position: 0 0; background-repeat: no-repeat; background-size: contain; background-attachment: scroll; border: 1px solid #6f56ff1a; border-radius: 0 0 12px 12px; margin-left: 30px; margin-right: 30px; overflow: visible; } .primary-custom-hero-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 100px 15px 50px; overflow: hidden; } .sassy-inner-hero-content { grid-column-gap: 70px; text-align: center; flex-direction: column; justify-content: flex-start; align-items: center; display: flex; position: relative; } .sassy-inner-header { color: #212e44; margin-bottom: 60px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1em; } .sassy-inner-about-section { background-color: #0000; background-image: linear-gradient(#fff, #fff7f3); padding-left: 120px; padding-right: 120px; position: static; overflow: hidden; } .sassy-inner-header-block { text-align: center; } .sassy-inner-hero-team-block { text-align: center; max-width: 1217px; margin-bottom: -345px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; position: relative; overflow: hidden; } .story-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 445px 15px 0; position: relative; } .sassy-inner { grid-column-gap: 30px; padding-top: 50px; display: flex; position: relative; } .block-1-part-2-image-wrapper { text-align: left; padding-top: 60px; } .about-block-1-part-2 { text-align: left; flex-direction: column; width: 50%; margin-left: auto; margin-right: 0; display: block; } .block-1-image-wrapper { width: 45%; } .sassy-inner-about-block-1 { grid-column-gap: 60px; justify-content: center; align-self: auto; align-items: flex-end; width: 60%; display: flex; } .block-1-part-2-circle { text-align: left; margin-left: auto; margin-right: auto; padding-top: 20px; } .sassy-inner-about-content-block { max-width: 950px; margin-left: 0; margin-right: auto; } .sassy-inner-about-header { color: #212e44; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 50px; line-height: 1.1em; } .sassy-inner-details { color: #6d7280; max-width: 430px; margin-bottom: 0; margin-left: auto; margin-right: auto; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.3em; } .sassy-about-team-section { z-index: 2; background-color: var(--white); display: none; position: relative; overflow: visible; } .sassy-inner-team-content-block { text-align: center; max-width: 645px; margin-left: auto; margin-right: auto; } .sassy-inner-team-header { color: #212e44; margin-bottom: 15px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1.5em; } .sassy-inner-team-text { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .card-1-name-1 { color: var(--white); background-color: #6e55ff; margin-left: -30px; margin-right: 30px; padding: 14px 50px; font-family: Averta Bold, sans-serif; font-size: 24px; line-height: 1.1em; } .card-1-title-1 { color: var(--white); text-align: center; letter-spacing: 1px; text-transform: uppercase; background-color: #0f2552; padding: 20px 60px; font-family: Averta Bold, sans-serif; font-size: 13px; line-height: 1em; } .sassy-inner-card-1-titles { z-index: 1; position: absolute; bottom: 15%; right: 40px; } .sassy-inner-about-span { color: #6f56ff; } .sassy-inner-about-block-2 { width: 50%; padding-bottom: 50px; } .block-2-text-1, .block-2-text-2 { color: #6d7280; margin-bottom: 30px; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.3em; } .block-2-text-3 { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.3em; } .block-1-image { width: 430px; max-width: 500px; height: 400px; } .sassy-inner-hero-team-image { z-index: 2; position: relative; } .on-hover-swiping-nav-link { color: #212e44; margin-right: 45px; padding: 0; font-family: Averta Bold, sans-serif; line-height: 1.5em; } .on-hover-swiping-nav-link.new-text-color { color: var(--white); } .sassy-primary-canvas-menu-wrapper { color: var(--white); cursor: pointer; background-color: #212e44; border-radius: 53px; padding: 18px 20px; } .sassy-service-hero-section { background-image: url('../images/border.png'), linear-gradient(#fff, #fff7f366); background-position: 0 0, 0 0; background-size: auto, auto; } .service-workprocess-wrapper { grid-column-gap: 80px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; max-width: 1300px; margin-bottom: -111px; margin-left: auto; margin-right: 0; padding-bottom: 0; display: flex; } .service-hero-heading { color: #212e44; margin-bottom: 45px; font-family: Averta Bold, sans-serif; font-size: 80px; line-height: 1.1em; display: block; } .service-hero-content-wrapper { width: 66%; margin-left: 0; margin-right: auto; display: block; } .service-text { color: #6d7280; margin-bottom: 60px; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .workprocess-image-block-one { padding-top: 100px; } .workprocess-image-block-two { margin-bottom: -200px; } .sassy-service-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 340px 15px 120px; } .service-choose-header-wrapper { text-align: center; max-width: 650px; margin-left: auto; margin-right: auto; } .sassy-service-choose-section { background-color: #fff7f3; } .sassy-service-choose-cards { grid-column-gap: 35px; grid-row-gap: 50px; flex-flow: wrap; justify-content: flex-start; align-items: stretch; margin-top: 70px; display: flex; } .sassy-choose-card-one { text-align: center; width: 390px; padding: 60px 40px; transition: box-shadow .3s; } .sassy-choose-card-one:hover { box-shadow: 36px 60px 55px #0000000d; } .sassy-choose-card-two { text-align: center; width: 390px; padding: 60px 40px; transition: box-shadow .3s; } .sassy-choose-card-two:hover { box-shadow: 36px 60px 55px #0000000d; } .sassy-choose-card-three { text-align: center; width: 390px; padding: 60px 35px; transition: box-shadow .3s; } .sassy-choose-card-three:hover { box-shadow: 36px 60px 55px #0000000d; } .choose-card-two { background-color: #3bbeff; border-radius: 50px; margin-bottom: 30px; padding: 0; transition: all .3s; } .choose-card-two:hover { box-shadow: 15px 20px 20px 4px #3bbeff4d; } .choose-card-three { background-color: #c656ff; border-radius: 50px; margin-bottom: 30px; padding: 0; transition: all .3s; } .choose-card-three:hover { box-shadow: 15px 20px 20px 4px #c656ff4d; } .choose-card-one { background-color: #ff518b; border-radius: 50px; margin-bottom: 30px; padding: 0; transition: all .3s; } .choose-card-one:hover { box-shadow: 15px 20px 20px 4px #ff518b4d; } .choose-text { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.3em; } .choose-heading { color: #212e44; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1.2em; } .sassy-service-testimonial-section { background-image: url('../images/Group-1000003066.png'); background-position: 50%; background-repeat: no-repeat; background-size: auto; position: relative; } .service-partner-wrapper { grid-column-gap: 0px; display: flex; } .sassy-service-partner-section { background-color: #d4d6ff; background-image: url('../images/round-shape.png'); background-position: 100%; background-repeat: no-repeat; background-size: 620px; } .partner-content-heading { color: #212e44; margin-bottom: 40px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1.1em; } .partner-content-wrapper { width: 35%; } .sassy-service-partnership-image { box-shadow: 19px 23px 30px #0000000a; } .partnership-logo-wrapper { flex-wrap: wrap; align-items: center; width: 65%; display: flex; } .partnership-logo-block { padding: 22px 40px; box-shadow: 23px 19px 30px #0000000a; } .service-price-content-wrapper { text-align: center; max-width: 650px; margin-bottom: 70px; margin-left: auto; margin-right: auto; } .service-price-heading { color: #212e44; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 60px; line-height: 1.1em; } .service-price-text { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.2em; } .service-price-cards { grid-column-gap: 30px; grid-row-gap: 30px; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding-top: 80px; display: flex; } .service-price-card-one { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; width: 400px; padding: 60px 65px 60px 55px; box-shadow: 0 -20px #8776f3, 0 0 20px 10px #0000000f; } .service-price-card-two { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; width: 400px; padding: 60px 65px 60px 55px; box-shadow: 0 -20px #efb406, 0 0 20px 10px #0000000f; } .service-price-card-three { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; width: 400px; margin-top: 20px; padding: 60px 65px 60px 55px; box-shadow: 0 -20px #ff3f79, 0 0 20px 10px #0000000f; } .service-price-button-one { color: #8776f3; text-align: center; background-color: #3898ec00; border: 1px solid #8776f3; border-radius: 10px; width: 100%; margin-top: 45px; margin-bottom: 45px; padding: 8px 100px; transition: background-color .3s; } .service-price-button-one:hover { color: var(--white); background-color: #8776f3; box-shadow: 13px 27px 50px 5px #8776f366; } .price-check-icon-one { color: #8776f3; padding-right: 15px; font-family: "Fa solid 900", sans-serif; } .discount-stick-one { transform-style: preserve-3d; background-color: #212e44; width: 50px; height: 3px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)rotateX(1deg)rotateY(1deg)rotateZ(-26deg); } .service-price-button-two { color: #efb406; text-align: center; background-color: #3898ec00; border: 1px solid #efb406; border-radius: 10px; width: 100%; margin-top: 45px; margin-bottom: 45px; padding: 8px 100px; transition: background-color .3s; } .service-price-button-two:hover { color: var(--white); background-color: #efb406; box-shadow: 13px 27px 50px 5px #efb40666; } .service-price-button-three { color: #ff3f79; text-align: center; background-color: #3898ec00; border: 1px solid #ff3f79; border-radius: 10px; width: 100%; margin-top: 45px; margin-bottom: 45px; padding: 8px 100px; transition: background-color .3s; } .service-price-button-three:hover { color: var(--white); background-color: #ff3f79; box-shadow: 13px 27px 50px 5px #ff3f7966; } .sassy-blog-content-section { background-image: linear-gradient(#fff, #fff7f380); } .blog-details-part { text-align: center; width: 1000px; margin-left: auto; margin-right: auto; } .blog-heading { color: #212e44; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 80px; line-height: 1em; } .blog-paragraph { color: #6d7280; width: 430px; margin-bottom: 0; margin-left: auto; margin-right: auto; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.2em; } .blog-cards { grid-column-gap: 30px; grid-row-gap: 30px; flex-wrap: wrap; justify-content: center; margin-top: 0; display: flex; } .blog-card { object-fit: fill; background-image: url('../images/img-16.png'); background-position: 20%; background-repeat: no-repeat; background-size: auto 520px; width: 480px; height: 520px; position: relative; } .blog-content-wrapper { background-color: var(--white); text-align: center; width: 350px; margin-left: 0; margin-right: 0; padding: 32px 30px; position: absolute; inset: auto auto 30px 50%; transform: translate(-50%); } .sassy-primary-footer-section { background-color: #212e44; } .sassy-service-details-section { background-image: url('../images/bg.png'); background-position: -78% 0; background-repeat: no-repeat; background-size: auto; position: relative; } .service-details-wrapper { text-align: center; } .service-details-heading { color: #212e44; margin-bottom: 35px; font-family: Averta Bold, sans-serif; font-size: 80px; font-weight: 700; line-height: 1em; } .service-details-paragraph { color: #6d7280; width: 652px; margin-left: auto; margin-right: auto; font-family: Averta Regular, sans-serif; font-size: 21px; } .service-details-heading-wrapper { max-width: 1050px; margin-bottom: 140px; margin-left: auto; margin-right: auto; } .service-feature-block-one { grid-column-gap: 50px; margin-bottom: 60px; display: flex; } .service-feature-block-two { grid-column-gap: 50px; align-items: center; margin-bottom: 80px; display: flex; } .sassy-story-points { align-items: center; margin-bottom: 10px; display: flex; } .story-dot { background-color: #6d7280; border-radius: 50px; width: 6px; height: 6px; margin-right: 10px; } .story-list-text { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.1em; } .block-two-part-three { width: 61%; position: relative; } .block-two-part-one { width: 40%; } .part-one-heading { color: #0f2552; margin-bottom: 20px; font-size: 30px; } .part-one-paragraph { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 18px; } .part-two-heading { color: #0f2552; margin-bottom: 20px; font-family: Averta Bold, sans-serif; font-size: 30px; } .block-two-part-two { margin-top: 30px; } .part-two-paragraph { color: #6d7280; margin-bottom: 30px; font-family: Averta Regular, sans-serif; font-size: 18px; } .feature-para-one, .feature-para-two { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 18px; } .service-feature-block-three { grid-column-gap: 50px; display: flex; } .block-three-part-one { width: 50%; position: relative; } .block-three-part-two { align-self: center; width: 50%; } .content-wrapper-heading-one { color: #0f2552; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 30px; font-weight: 500; } .content-wrapper-paragraph-one { color: #6d7280; margin-bottom: 45px; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.6em; } .content-wrapper-heading-two { color: #0f2552; margin-bottom: 30px; font-family: Averta Bold, sans-serif; font-size: 30px; } .content-wrapper-paragraph-two { color: #6d7280; margin-bottom: 0; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.6em; } .pricing-heading-image { text-align: left; margin-bottom: 120px; } .inner-service-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 15px 120px; } .sassy-two-icon-one { color: #eeb306; padding-right: 15px; font-family: "Fa 400", sans-serif; } .service-details-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 240px 15px 0; overflow: hidden; } .sassy-feature-section { overflow: hidden; } .sassy-feature-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 70px 15px 120px; } .service-details-image-block { position: relative; } .team-content-block { text-align: center; } .team-content-heading { color: #212e44; margin-bottom: 35px; font-family: Averta Bold, sans-serif; font-size: 80px; } .team-content-details { color: #6d7280; width: 650px; margin-left: auto; margin-right: auto; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.5em; } .sassy-inner-team-section { background-image: url('../images/Rectangle-1298.png'); background-position: 100% 0; background-repeat: no-repeat; background-size: 1500px; } .team-card-details { z-index: 1; position: absolute; bottom: 0%; left: 15%; right: auto; } .team-card-name { color: #e5e5e6; background-color: #6e55ff; margin-left: 0; margin-right: 40px; padding: 14px 40px; font-family: Averta Bold, sans-serif; font-size: 19px; line-height: 1.1em; } .team-card-title { color: #e5e5e6; text-align: center; letter-spacing: 1px; text-transform: uppercase; background-color: #0f2552; margin-left: 50px; padding: 20px 50px; font-family: Averta Bold, sans-serif; font-size: 11px; line-height: 1em; } .team-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 240px 15px 120px; } .team-joining-content { text-align: center; max-width: 700px; margin-left: auto; margin-right: auto; padding-top: 120px; } .team-joining-heading { color: #212e44; margin-bottom: 60px; font-family: Averta Bold, sans-serif; font-size: 80px; line-height: 1em; } .member-block-wrapper { grid-column-gap: 100px; display: flex; overflow: visible; } .twitter-icon { color: #555; cursor: pointer; font-family: "Fa Brands 400", sans-serif; transition: color .3s; } .twitter-icon:hover { color: #6f56ff; } .facebook-icon { color: #555; cursor: pointer; font-family: "Fa Brands 400", sans-serif; font-size: 18px; transition: color .3s; } .facebook-icon:hover { color: #6f56ff; } .github-icon { color: #555; cursor: pointer; font-family: "Fa Brands 400", sans-serif; transition: color .3s; } .github-icon:hover { color: #6f56ff; } .linkedin-icon { color: #555; cursor: pointer; font-family: "Fa Brands 400", sans-serif; transition: color .3s; } .linkedin-icon:hover { color: #6f56ff; } .members-social-link-wrapper { grid-column-gap: 20px; margin-top: 50px; display: flex; } .member-content-block { width: 50%; } .member-image-block { border-style: solid; border-width: 1px; border-radius: 15px; width: 50%; } .service-details-button-two { background-color: #212e44; border: 1px solid #f9f9f9; border-radius: 10px; margin-right: 15px; padding: 15px 50px; font-family: Averta Bold, sans-serif; font-size: 16px; font-weight: 700; line-height: 15px; transition: background-color .3s; } .service-details-button-two:hover { background-color: #ff3f79; border-color: #ff3f79; box-shadow: 7px 19px 35px 2px #ff3f7957; } .sassy-inner-pricing-section { background-image: url('../images/background-for-plans.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 730px; position: relative; } .inner-price-card { text-align: center; display: block; } .inner-price-title { border: 0 #f9f9f9; padding-top: 30px; padding-bottom: 30px; } .inner-price-heading { color: #212e44; margin-bottom: 60px; font-family: Averta Bold, sans-serif; font-size: 80px; line-height: 1em; } .inner-discount-price-text-wrapper { justify-content: center; align-items: center; display: flex; } .inner-discount-price-text { color: #212e44; margin-bottom: 0; font-size: 21px; } .inner-price-blur-text { color: #8776f3; } .inner-price-card-one { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; padding: 60px 45px; position: relative; box-shadow: 0 -50px #8977f6, 0 0 20px 10px #0000000f; } .price-button-three { color: #ff3f79; text-align: center; background-color: #3898ec00; border: 1px solid #ff3f79; border-radius: 10px; width: 100%; margin-top: 45px; margin-bottom: 45px; padding: 8px 40px; transition: background-color .3s; } .price-button-three:hover { color: var(--white); background-color: #ff3f79; box-shadow: 13px 27px 50px 5px #ff3f7966; } .price-icon-two { color: #ff3f79; padding-right: 15px; font-family: "Fa 400", sans-serif; } .pricing-swing-image { position: absolute; top: 20%; right: 10%; } .pricing-currency-image { position: absolute; top: 200px; left: 125px; } .hidden-price-text { opacity: 0; color: var(--white); font-family: Averta Bold, sans-serif; font-size: 18px; } .hidden-price-text-wrapper { position: absolute; top: -5%; right: 42%; } .inner-price-value-one, .inner-price-value-two, .inner-price-value-three { flex-direction: row; align-items: flex-end; display: flex; position: relative; } .inner-price-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding-top: 240px; padding-left: 15px; padding-right: 15px; } .error-appear-block { justify-content: center; align-items: center; margin-bottom: 70px; display: flex; } .error-number-one, .error-number-two { color: #6f56ff; font-family: Averta Bold, sans-serif; font-size: 325px; } .sassy-inner-error-button { color: #8977f6; background-color: #3898ec00; border: 1px solid #8977f6; border-radius: 10px; padding: 8px 100px; transition: background-color .3s; } .sassy-inner-error-button:hover { color: var(--white); background-color: #8977f6; box-shadow: 13px 27px 50px 5px #8977f666; } .error-content-wrapper { text-align: center; } .error-heading { color: #212e44; margin-bottom: 15px; font-family: Averta Bold, sans-serif; font-size: 80px; line-height: 1.3em; } .error-text { color: #6d7280; margin-bottom: 70px; font-family: Averta Regular, sans-serif; font-size: 21px; } .sassy-inner-error-section { position: relative; } .sassy-inner-error-star-image { position: absolute; top: 15%; left: 20%; } .sassy-inner-error-double-ball-image { width: 15px; position: absolute; top: 20%; right: 15%; } .sassy-inner-error-paramoly-image { position: absolute; bottom: 45%; left: 15%; } .sassy-inner-error-blind-image { position: absolute; bottom: 50%; right: 15%; } .meta-info-wrapper { grid-column-gap: 20px; justify-content: space-between; align-items: center; margin-bottom: 60px; display: flex; } .meta-info-block-one { grid-column-gap: 15px; align-self: center; display: flex; } .meta-info-block-one-part-two { grid-column-gap: 70px; align-self: center; align-items: center; display: flex; } .info-social-wrapper { grid-column-gap: 20px; display: flex; } .meta-name-one { color: #0f2552; font-family: Averta Bold, sans-serif; font-size: 21px; line-height: 1.2em; } .meta-name-two { color: #0f2552; font-family: Averta Bold, sans-serif; font-size: 21px; line-height: 1.5em; } .meta-name-three { color: #0f2552; font-family: Averta Bold, sans-serif; font-size: 21px; line-height: 1.2em; } .meta-title-one, .meta-title-two, .meta-title-three { color: #6d7280; margin-bottom: 5px; font-family: Averta Regular, sans-serif; font-size: 14px; line-height: 1.5em; } .meta-info-title { color: #6d7280; margin-bottom: 10px; font-family: Averta Regular, sans-serif; font-size: 14px; } .error-lotti-animate-image { width: 350px; } .inner-blog-heading { color: #212e44; font-family: Averta Bold, sans-serif; font-size: 80px; } .inner-blog-content-wrapper { width: 850px; margin-bottom: 120px; } .blog-details-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 240px 15px 60px; } .inner-blog-details-main-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 15px; } .inner-related-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 120px 15px; } .inner-related-blogs-wrapper { text-align: center; max-width: 705px; margin-left: auto; margin-right: auto; } .meta-name-block { text-decoration: none; } .faq-answer-wrapper { padding-bottom: 0; padding-left: 0; padding-right: 0; } .faq-padding-wrapper { padding: 20px 45px; } .faq-absolute-image-wrapper { z-index: -1; width: 350px; position: absolute; top: 50%; left: -12%; } .main-faq-inner-section { position: relative; } .main-faq-icon-block { width: 28px; line-height: 0; display: flex; } .main-faq-padding-wrapper { padding: 0 45px 30px 90px; } .main-faq-dot-one, .main-faq-dot-two { background-color: #6f56ff; border-radius: 50px; width: 6px; height: 6px; margin-right: 10px; } .main-faq-title { color: #0f2552; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 21px; line-height: 1.1em; } .main-faq-content { width: 35%; } .main-faq-absolute-image-wrapper { z-index: 0; width: 350px; position: absolute; top: 50%; left: -12%; } .div-block-30 { margin-top: 318px; position: relative; } .sassy-primary-navbar-1 { background-color: #fffffff2; padding-top: 40px; padding-bottom: 15px; position: sticky; top: 0; } .sassy-home-one-custom-navbar-copy { background-color: #0000; padding-top: 40px; } .sassy-primary-navbar-wrapper { z-index: 5; justify-content: space-between; align-items: center; margin-left: 100px; margin-right: 100px; display: flex; position: relative; } .sassy-primary-logo-block { width: 30%; } .sassy-primary-brand-block { align-self: center; } .sassy-primary-nav-list-wrapper { align-items: center; display: flex; } .dropdown-toggle { height: 25px; padding: 0; position: relative; overflow: hidden; } .static-nav-item-text { color: #212e44; font-family: Averta Bold, sans-serif; } .static-nav-item-text.new-text-color { color: #fff; } .home-nav-link { border: 1px solid #212e4480; border-radius: 5px; transition: background-color .3s; } .home-nav-link:hover { color: var(--white); background-color: #212e44; border-radius: 5px; } .primary-navbar-dropdown-list { background-color: #fffaf8; border-radius: 10px; margin-top: 40px; margin-left: -30px; padding: 21px; display: block; left: auto; right: -80%; box-shadow: 6px 8px 10px #1c1d2026; } .primary-navbar-dropdown-list.w--open { display: block; } .dropdown-toggle-2 { height: 25px; padding: 0; overflow: hidden; } .home-dropdown, .page-dropdown { margin-right: 45px; display: block; } .nav-item-underline-stick { background-color: #212e4480; width: 10px; height: 1px; margin: 10px auto; } ._2nd-primary-dropdown-list { background-color: #ddd0; margin-top: 40px; padding: 0; display: none; } ._2nd-primary-dropdown-list.w--open { flex-flow: wrap; justify-content: flex-start; align-items: center; } .nav-list-link { text-align: center; border: 1px solid #212e4480; border-radius: 5px; flex: 0 auto; margin-left: 0; margin-right: 0; transition: background-color .3s; } .last-border-of-nav { background-color: #212e4480; width: 10%; height: 1px; margin: 10px auto 0; } .primary-mega-menu { grid-column-gap: 30px; grid-row-gap: 15px; background-color: #fffaf8; border-radius: 10px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; width: 100%; padding: 2rem 3rem; transition: opacity .2s; display: grid; transform: translate(-50%); box-shadow: 6px 8px 10px #1c1d2026; } .nav-list-header { margin-bottom: 30px; } .nav-list-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: flex-start; align-items: stretch; display: grid; } .on-hover-swiping-text { color: #212e44; font-family: Averta Bold, sans-serif; position: absolute; top: 100%; } .on-hover-swiping-text.new-text-color { color: var(--white); } .nav-items { cursor: pointer; height: 25px; overflow: hidden; } .primary-text { color: #212e44; font-family: Averta Bold, sans-serif; } .primary-text.new-text-color { color: var(--white); } .mega-menu-header { color: #212e44; font-family: Kanit, sans-serif; font-size: 20px; font-weight: 400; } .primary-nav-box-shadow { display: block; position: absolute; inset: 0%; box-shadow: 0 5px 15px #1c1d2026; } .primary-navbar-list-wrap { background-color: #0000; display: none; } .page-nav-items-wrapper { text-align: center; } .sassy-primary-nav-list { justify-content: flex-start; align-items: center; display: flex; } .sassy-primary-navbar-2 { z-index: 15; background-color: #ddd0; max-width: 1920px; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; position: fixed; inset: 0% 0% auto; } .sassy-primary-navbar-2-copy { z-index: 20; background-color: #ddd0; padding-top: 40px; padding-bottom: 15px; position: static; inset: 0% 0% auto; } .sassy-primary-navbar { background-color: #0000; max-width: 1920px; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; position: fixed; inset: 0 0% auto; } .sassy-error-navbar { background-color: #fffffff2; padding-top: 15px; padding-bottom: 15px; position: fixed; inset: 0% 0% auto; } .marque-wrap { grid-column-gap: 90px; display: flex; } .pricing-section-wrapper { margin-top: 0; } .tabs-content { outline-offset: 0px; border: 0 #000; outline: 0 solid #e5e5e6; flex-direction: row; padding-top: 82px; padding-left: 0; padding-right: 0; display: block; } .business-pricing-cards { grid-column-gap: 30px; display: flex; } .tabs { padding-top: 0; } .businesss-tab { color: var(--text-dark-purple); background-color: #fff; border: 1px solid #8776f3; border-radius: 10px; margin-right: 15px; padding: 14px 25px; transition: background-color .3s; } .businesss-tab.w--current { background-color: var(--text-dark-purple); color: #fff; border: 1px solid #8776f3; border-radius: 10px; margin-right: 15px; padding: 14px 25px; line-height: 1.3em; } .agency-tab-2 { color: var(--text-dark-purple); background-color: #fff; border: 1px solid #8776f3; border-radius: 10px; padding: 14px 25px; font-family: Poppins, sans-serif; line-height: 1.3em; } .agency-tab-2.w--current { background-color: var(--text-dark-purple); color: #fff; border-color: #8776f3; transition: background-color .3s; } .tabs-menu-whyus { z-index: 5; text-align: center; position: absolute; } .coaching-text { font-family: Poppins, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.3em; } .tab-pane-tab-1 { padding: 50px 30px 40px; } .tab-pane-tab-2 { padding: 50px 40px 40px; } .slide-nav { display: none; } .mask { width: 32%; height: auto; overflow: visible; } .primary-right-arrow { background-color: var(--white); color: #0f2552; border-radius: 50px; font-family: "Fa solid 900", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5em; text-decoration: none; transition: background-color .5s; } .primary-right-arrow:hover { color: #fff; background-color: #ff3f79; box-shadow: 9px 12px 30px #ff3f79a8; } .primary-left-arrow { background-color: var(--white); color: #0f2552; border-radius: 50px; font-family: "Fa solid 900", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5em; text-decoration: none; transition: background-color .5s; } .primary-left-arrow:hover { color: #fff; background-color: #ff3f79; box-shadow: 9px 12px 30px #ff3f79a8; } .slider { background-color: #0000; height: auto; position: relative; overflow: hidden; } .left-arrow { margin-left: 0; margin-right: 0; inset: 50% 0% auto 29%; overflow: visible; } .right-arrow { margin-left: 0; margin-right: 0; inset: 50% 33% auto auto; overflow: visible; } .testimonial-single-slide { text-align: center; } .testimonial-slider-wrapper { grid-column-gap: 35px; grid-row-gap: 35px; justify-content: center; align-items: stretch; height: auto; display: flex; position: relative; } .slider-line-style-left { background-image: linear-gradient(#d7d7d700 10%, #d7d7d7 50%, #d7d7d700 90%); width: 1px; height: 100%; position: absolute; top: 0; left: 32%; } .slider-line-style-right { background-image: linear-gradient(#d7d7d700 10%, #d7d7d7 50%, #d7d7d700 90%); width: 1px; height: 100%; position: absolute; top: 0; left: 64%; } .circle-image-wrapper { z-index: 1; width: 90px; position: absolute; top: 20%; left: 35%; right: auto; } .circle-arrow { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); } .sassy-hero-image { width: 700px; max-width: 700px; position: relative; left: -43px; overflow: auto; } .sassy-image-part-one { width: 25%; max-width: 90%; position: absolute; inset: 49% auto 0% -1%; } .sassy-image-part-two { width: 25%; max-width: 40%; position: absolute; inset: 21% -40% auto 507px; } .medium-star { width: 12px; position: absolute; top: 11%; left: 12%; } .small-star { width: 8px; position: absolute; top: 9%; left: 11%; } .big-star { z-index: 1; color: #e5e5e6; transition: opacity .2s; display: inline-block; position: absolute; top: -41%; left: 6%; } .blog-meta-text { color: #212e44; padding: 12px 35px; font-family: Averta Regular, sans-serif; } .service-details-meta-block { border: 1px solid #212e44; border-radius: 30px; width: 185px; margin-bottom: 45px; margin-left: auto; margin-right: auto; } .blog-meta-block { border: 1px solid #212e44; border-radius: 30px; width: 142px; margin-bottom: 40px; margin-left: auto; margin-right: auto; } .about-us-meta-block { border: 1px solid #6f56ff; border-radius: 30px; width: 146px; margin-bottom: 45px; margin-left: auto; margin-right: auto; } .about-us-meta-text { color: #6f56ff; padding: 12px 39px; font-family: Averta Regular, sans-serif; } .service-details-meta-text { color: #212e44; padding: 12px 35px; font-family: Averta Regular, sans-serif; } .our-team-meta-block { border: 1px solid #212e44; border-radius: 30px; width: 147px; margin-bottom: 45px; margin-left: auto; margin-right: auto; } .our-team-meta-text { color: #212e44; padding: 12px 35px; font-family: Averta Regular, sans-serif; } .pricing-meta-block { border: 1px solid #212e44; border-radius: 30px; width: 170px; margin-bottom: 45px; margin-left: auto; margin-right: auto; } .pricing-meta-text, .blog-details-meta-text { color: #212e44; padding: 12px 35px; font-family: Averta Regular, sans-serif; } .blog-details-meta-block { border: 1px solid #212e44; border-radius: 30px; width: 170px; margin-bottom: 40px; margin-left: 0; margin-right: auto; } .lottie-animation { transform-style: preserve-3d; width: 85px; position: absolute; top: 65%; right: 8%; transform: rotateX(-180deg)rotateY(0)rotateZ(0); } .moving-stick { z-index: 0; background-color: #212e44; width: 30px; height: 3px; position: absolute; top: 14px; left: 130px; right: auto; } .home-content-wrapper { padding: 0; } .navlist-icon { margin-right: 0; } .home { color: #212e44; margin-right: 20px; font-family: Averta Bold, sans-serif; font-weight: 700; } .home-dropdown-list { background-color: #fff; border-radius: 10px; margin-top: 40px; margin-left: -40px; display: none; box-shadow: 7px 9px 10px #1c1d200d; } .nav-list-home-1-wrapper { margin-bottom: 10px; padding-left: 20px; padding-right: 20px; position: relative; } .nav-list-home-1-wrapper:hover { box-shadow: 3px 4px 60px #0000000d; } .dropdown-hover-stick-1 { background-color: #288dff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; width: 4px; height: 20px; display: block; position: absolute; top: 32px; } .pages-dropdown-wrapper { grid-column-gap: 30px; background-color: var(--white); border: 1px solid #0003; border-bottom-color: #0000001a; border-radius: 10px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; padding: 30px; display: grid; position: relative; box-shadow: 7px 8px 11px #1c1d200d; } .nav-list-home-2-wrapper { padding-left: 20px; padding-right: 20px; } .nav-list-home-2-wrapper:hover { box-shadow: 3px 4px 60px #0000000d; } .dropdown-hover-stick-2 { background-color: #288dff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; width: 4px; height: 20px; position: absolute; top: 85px; } .pages-dropdown-list-2 { background-color: #0000; margin-top: 40px; display: none; transform: translate(-50%); } .pages-content-wrapper { padding: 0; } .blog-link { align-self: center; padding: 0 10px; } .home-dropdown-wrapper { padding-top: 20px; padding-bottom: 20px; } .nav-list-pages { color: #080a2f; text-align: center; border: 1px solid #9993; border-radius: 5px; margin-bottom: 10px; font-family: Lato, sans-serif; transition: box-shadow .3s; } .nav-list-pages:hover { color: #288dff; border-color: #ebebeb4d; box-shadow: 6px 8px 45px #00000012; } .toggle-arrowup { position: absolute; top: -3%; left: 50%; } .nav-underline { background-color: #e0e0e0; width: 10px; height: 1px; margin-left: auto; margin-right: auto; } .nav-heading { color: #212e44; font-family: Kanit, sans-serif; font-size: 20px; font-weight: 400; } .nav-list-items { margin-bottom: 10px; } .pricing-link { align-self: center; padding: 0 10px; } .static-about-text { color: #212e44; text-align: center; } .static-about-text:hover { color: #3e4e69; } .nav-items-wrapper { height: 25px; overflow: hidden; } .static-blog-text, .pricing-text { color: #212e44; text-align: center; } .pricing-text:hover { color: #3e4e69; } .counter { color: #212e44; font-family: Averta Regular, sans-serif; font-size: 50px; line-height: 1.5em; } .counter-up-wrapper { height: 80px; display: flex; overflow: hidden; } ._2nd-row-counter-number { color: #212e44; font-family: Averta Regular, sans-serif; font-size: 50px; line-height: 1.5em; } ._2nd-row-counter-number._2nd-row-change-font { color: #e5e5e6; font-family: Averta Extra Bold, sans-serif; font-size: 60px; } ._1st-row-counter-number { color: #212e44; font-family: Averta Regular, sans-serif; font-size: 50px; line-height: 1.5em; } ._1st-row-counter-number._1st-row-change-font { color: #e5e5e6; font-family: Averta Extra Bold, sans-serif; font-size: 60px; font-weight: 800; } .counter-text { color: #6d7280; font-family: Poppins, sans-serif; } .counter-number-text { color: #212e44; font-family: Averta Regular, sans-serif; font-size: 50px; line-height: 1.5em; } ._2nd-counter-up-wrapper { height: 4.5em; margin-bottom: 10px; display: flex; overflow: hidden; } ._2nd-counter-number-text { color: #e5e5e6; font-family: Averta Extra Bold, sans-serif; font-size: 60px; line-height: 1.5em; } .counter { color: #e5e5e6; font-family: Averta Extra Bold, sans-serif; font-size: 34px; } .text-block-16 { color: #f9f9f9; align-self: flex-end; font-family: Averta Extra Bold, sans-serif; font-size: 60px; line-height: 1em; } .blog-link-text { color: var(--black); cursor: pointer; font-family: Averta Bold, sans-serif; font-size: 25px; line-height: 1.2em; transition: color .5s; } .blog-link-text:hover { color: #8775f2; text-decoration: underline; } .collection-item { grid-column-gap: 30px; } .link-block { margin-top: 10px; text-decoration: none; } .link-block-2 { text-decoration: none; } .empty-state { text-align: center; background-color: #ff5656; border-radius: 10px; margin: 60px; } .text-block-17 { font-family: Montserrat, sans-serif; font-size: 20px; font-weight: 600; } .canvas-project-url-text { color: #0f2552; text-align: center; font-family: Euclid Circular B, sans-serif; font-size: 25px; font-weight: 700; line-height: 1.2em; transition: color .6s; } .canvas-project-url-text:hover { color: #6e55ff; text-decoration: underline; } .link-block-3 { margin-top: 10px; text-decoration: none; } .service-custom-container, .blog-custom-container, .team-details-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 240px 15px 120px; } .blog-rich-text { font-size: 17px; position: relative; } .blog-rich-text h2 { font-size: 71px; } .blog-rich-text p { color: #6d7280; margin-top: 20px; margin-bottom: 20px; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.3em; } .blog-rich-text h3 { color: #212e44; margin-top: 20px; margin-bottom: 20px; font-family: Averta Bold, sans-serif; font-size: 30px; } .blog-rich-text li { padding-bottom: 10px; } .blog-rich-text img { margin-bottom: 20px; } .blog-rich-text ul { margin-top: 20px; margin-bottom: 20px; } .sassy-inner-team-member-cards { margin-top: 0; padding-top: 70px; overflow: hidden; } .team-member-background { border-radius: 100%; width: 412px; height: 412px; position: relative; overflow: visible; } .lower-round-image { background-color: var(--white); border-radius: 50%; width: 360px; height: 250px; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% -22%; } .team-member-card { width: 350px; height: 425px; position: relative; } .card-image-wrapper { border-radius: 100%; position: relative; overflow: hidden; } .background-border { border-style: solid; border-width: 1px; border-radius: 100%; width: 350px; height: 410px; position: absolute; inset: auto 0% 8%; } .image-20 { height: 410px; } .team-list-wrapper { grid-column-gap: 100px; grid-row-gap: 100px; flex-direction: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: center; display: grid; } .collection-list-wrapper { margin-top: 100px; } .members-image { height: 100%; } .team-details-rich-text { font-family: Averta Bold, sans-serif; font-size: 36px; line-height: 1.5em; position: relative; } .team-details-rich-text h2 { font-size: 71px; } .team-details-rich-text p { color: #6d7280; margin-top: 20px; margin-bottom: 20px; font-family: Averta Regular, sans-serif; font-size: 18px; line-height: 1.3em; } .team-details-rich-text h5 { color: #212e44cc; margin-top: 20px; margin-bottom: 20px; font-family: Averta Regular, sans-serif; font-size: 21px; line-height: 1.5em; } .team-details-rich-text h3 { color: #212e44; margin-top: 20px; margin-bottom: 20px; font-family: Averta Bold, sans-serif; font-size: 36px; } .team-details-rich-text ul { color: #6d7280; margin-top: 20px; margin-bottom: 20px; font-family: Averta Regular, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.5em; } .team-details-rich-text li { margin-bottom: 10px; } .team-details-rich-text h4 { color: #212e44; margin-top: 20px; margin-bottom: 20px; font-family: Averta Bold, sans-serif; font-size: 21px; line-height: 1.5em; } .members-social-link { text-decoration: none; } .member-image-wrapper { width: 95%; height: 100%; margin-left: auto; margin-right: auto; } .members-image-wrapper { width: 350px; margin-top: -30px; margin-left: auto; margin-right: auto; } .team-members-collection-list { grid-column-gap: 30px; grid-row-gap: 30px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-items: center; display: grid; } .pagination { margin-top: 40px; } .next-page-button { cursor: pointer; transition: background-color .3s; } .next-page-button:hover { color: #fff; background-color: #212e44; } .previous-page-button { transition: background-color .3s; } .previous-page-button:hover { color: var(--white); background-color: #212e44; } .about-circle-icon { position: absolute; inset: 35px auto auto 35px; } .about-circle-wrapper { position: relative; } .sassy-one-hero-image-area { width: 40%; height: auto; } .sassy-two-hero-abosolute-image-wrappers { display: block; } .leaf-wrapper-position-relative { position: relative; } .thunder-icon-wrapper { position: absolute; top: 75px; bottom: auto; left: -165px; } .offer-icon-relative-wrapper { position: relative; } .popup-image-3 { position: absolute; top: 125px; right: -10px; } .popup-image-2 { position: absolute; top: 25px; right: -50px; } .popup-image-1 { position: absolute; top: -66px; right: -25px; } .offer-icon-wrapper { width: 220px; position: absolute; inset: 43% auto 0% 50%; } .leaf-1 { position: absolute; top: -25px; right: 75px; transform: rotate(0); } .leaf-2 { position: absolute; top: -15px; right: 30px; } .leaf-3 { position: absolute; top: 24px; right: 15px; } .leaf-icon-wrapper { width: 100%; position: absolute; inset: auto -60px 565px auto; } .circle-and-women-image-wrapper { position: absolute; top: auto; bottom: -170px; left: 360px; } .play-button { position: absolute; inset: 10% auto auto 10%; } .circle-wrapper { position: relative; } .circle-two-block { position: absolute; top: 15px; right: -60px; } .arrow-move { margin-top: 8px; transform: rotate(40deg); } .swing-image-wrapper { position: absolute; top: 453px; left: 125px; } .arrow-down { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .scrolldown-circle-wrapper { position: relative; } .analytic-main-image { width: 200px; margin-left: auto; margin-right: auto; } .mobile-image-1 { width: 220px; position: absolute; top: 200px; right: 20px; } .mobile-image-2 { position: absolute; top: 331px; right: 40px; } .mobile-image-3 { width: 150px; position: absolute; top: 240px; left: 85px; } .mobile-image-4 { width: 250px; position: absolute; top: 95px; left: 70px; } .price-button-one { color: #efb406; text-align: center; background-color: #3898ec00; border: 1px solid #efb406; border-radius: 10px; width: 100%; margin-top: 45px; margin-bottom: 45px; padding: 8px 95px; transition: background-color .5s; } .price-button-one:hover { color: var(--white); background-color: #efb406; box-shadow: 13px 27px 50px 5px #efb40666; } .pricing-button-2 { color: #8776f3; background-color: #0000; border: 1px solid #8776f3; border-radius: 10px; padding: 15px 25px; font-family: Averta Bold, sans-serif; font-weight: 700; } .pricing-button-2.w--current { color: var(--white); background-color: #8776f3; border: 1px solid #8776f3; border-radius: 10px; font-family: Averta Bold, sans-serif; font-weight: 700; transition: background-color .3s; } .pricing-button-1 { color: #8776f3; background-color: #0000; border: 1px solid #8776f3; border-radius: 10px; margin-right: 15px; padding-top: 15px; padding-bottom: 15px; font-family: Averta Bold, sans-serif; font-weight: 700; transition: background-color .3s; } .pricing-button-1.w--current { color: var(--white); background-color: #8776f3; border-width: 1px; border-radius: 10px; margin-right: 15px; padding-left: 25px; padding-right: 25px; } .pricing-tabs-menu-button-wrapper { text-align: center; } .pricing-tab-items { margin-top: 60px; } .agency-tab, .buisness-tab { padding-bottom: 40px; padding-left: 40px; padding-right: 40px; } .service-meta-block { border: 1px solid #6d7280; border-radius: 30px; width: 242px; margin-bottom: 0; margin-left: 0; margin-right: auto; } .service-meta-text { color: #6d7280; padding: 12px 35px; font-family: Averta Regular, sans-serif; } .hero-left-image, .hero-right-image { width: 100%; height: auto; } .service-details-hero-image-wrapper { width: 1000px; height: auto; margin-left: auto; margin-right: auto; } .service-details-hero-image { width: 100%; } .hero-right-image-wrapper { width: 360px; height: 530px; position: absolute; top: 140px; right: 30px; } .hero-left-image-wrapper { width: 500px; height: 460px; position: absolute; top: -12px; left: 25px; } .feature-1-right-image-wrapper { width: 365px; position: absolute; inset: 80px 5px auto auto; } .feature-1-left-image-wrapper { width: 360px; position: absolute; inset: auto auto 82px 15px; } .feature-1-main-image-wrapper { width: 425px; height: 540px; margin-left: auto; margin-right: auto; } .feature-2-left-image-wrapper { width: 350px; position: absolute; inset: auto auto 10% 0%; } .feature-2-right-image-wrapper { width: 365px; position: absolute; inset: 6% 4% auto auto; } .feature-2-main-image-wrapper { width: 380px; height: 645px; margin-left: auto; margin-right: auto; } .workprocess-circle-rotate-right, .workprocess-circle-rotate-left { width: 100%; } .agency-inner-price-card-one { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; width: 430px; padding: 60px 45px; position: relative; box-shadow: 0 -50px #8977f6, 0 0 20px 10px #0000000f; } .agency-inner-price-card-three { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; width: 430px; padding: 60px 45px; position: relative; box-shadow: 0 -50px #ff3f79, 0 0 20px 10px #0000000f; } .agency-inner-price-card-two, .business-inner-price-card-two { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; width: 430px; padding: 60px 45px; box-shadow: 0 -50px #efb406, 0 0 20px 10px #0000000f; } .business-price-card-one { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; width: 430px; padding: 60px 45px; position: relative; box-shadow: 0 -50px #8977f6, 0 0 20px 10px #0000000f; } .business-price-card-three { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; width: 430px; padding: 60px 45px; position: relative; box-shadow: 0 -50px #ff3f79, 0 0 20px 10px #0000000f; } .offcanvas-menu { z-index: 20; cursor: pointer; background-color: #272932; max-width: 1920px; padding: 40px 60px; display: none; position: fixed; inset: 0%; } .canvas-header-wrapper { justify-content: space-between; align-items: center; margin-bottom: 60px; display: flex; } .canvas-menu-list-wrapper { grid-column-gap: 70px; display: flex; } .language-selector-wrapper { grid-column-gap: 35px; display: flex; } .language-selection-text { border-bottom: 1px solid var(--white); cursor: pointer; text-decoration: none; transition: color .3s; } .language-selection-text:hover { color: #ff8013; border-bottom-width: 0; } .menu-list-wrapper { cursor: pointer; } .canvas-blog-wrapper { grid-column-gap: 20px; justify-content: center; align-items: stretch; width: 60%; display: flex; } .single-menu-wrapper { flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 30px; display: flex; } .canva-menu-text { color: #fff3; font-family: Euclid Circular B, sans-serif; font-size: 28px; font-weight: 600; line-height: 1.2em; } .hover-state-single-menu-wrapper { grid-column-gap: 20px; justify-content: flex-start; align-items: center; text-decoration: none; display: flex; } .canvas-hover-text { color: #f1540d; font-family: Euclid Circular B, sans-serif; font-size: 28px; font-weight: 600; line-height: 1.2em; text-decoration: none; } .canvas-1st-section-wrapper { width: 40%; } .canvas-social-link-wrapper { grid-column-gap: 20px; cursor: pointer; justify-content: flex-start; margin-top: 100px; display: flex; } .static-canva-menu-link { justify-content: space-between; align-items: center; width: 100%; display: flex; } .hovering-on-canva-menu-link { width: 100%; margin-left: 0; display: none; transform: translate(-350px); } .canva-instagram-icon, .canva-twitter-icon, .canva-facebook-icon { border-radius: 100px; } .link-wrapper-one, .link-wrapper-two, .link-wrapper-three { grid-column-gap: 10px; align-items: center; display: flex; } .canvas-linkin-hover { text-decoration: none; } .canva-link-block { color: var(--white); text-decoration: none; } .sassy-header-section { -webkit-text-fill-color: inherit; background-clip: border-box; max-width: 1920px; margin-left: auto; margin-right: auto; position: static; } .feature-arrow-wrapper { width: 45px; height: 45px; margin-left: auto; margin-right: auto; } .feature-arrow { color: var(--black); background-color: #ffffff73; border-radius: 50px; padding: 6px 15px; font-family: "Fa solid 900", sans-serif; line-height: 2em; transition: box-shadow .3s; } .feature-arrow:hover { box-shadow: 18px 18px 20px 4px #ff3f7966; } .linked-feature-card { text-decoration: none; } .sassy-service-cards-wrapper { grid-column-gap: 30px; grid-row-gap: 30px; flex-wrap: wrap; justify-content: center; margin-top: 70px; display: flex; } .service-feature-card { text-align: center; background-color: #cffaea; max-width: 410px; margin-top: 0; padding: 60px 70px; } .service-feature-card.two { background-color: #d4d6ff; } .service-feature-card.three { background-color: #ffe0eb; } .homepage-2-blog-cards { grid-column-gap: 30px; grid-row-gap: 30px; flex-wrap: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; place-items: stretch center; margin-top: 60px; display: grid; } .empty-state-2 { background-color: #ff3232; width: 800px; margin-top: 60px; margin-left: auto; margin-right: auto; } .text-block-19 { text-align: center; font-family: Unbounded, sans-serif; } .faq-custom-container-2 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 240px 15px 120px; } .canvas-blog-card { object-fit: fill; background-image: url('../images/img-16.png'); background-position: 20%; background-repeat: no-repeat; background-size: auto 520px; width: 300px; height: 520px; position: relative; } .canvas-blog-cards-wrapper { grid-column-gap: 10px; flex-wrap: nowrap; justify-content: flex-start; display: flex; } .canvas-blog-content-wrapper { background-color: var(--white); text-align: left; margin-bottom: 30px; margin-left: 30px; margin-right: 30px; padding: 32px 30px; position: absolute; bottom: 0; } .canvas-project-title { color: #1c1d20; font-family: Euclid Circular B, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.5em; } .canvas-project-url { margin-top: 10px; text-decoration: none; } .canvas-arrow-right-icon { color: #acacac; font-family: "Fa solid 900", sans-serif; font-size: 25px; } .primary-text-float-in-right { position: relative; } .primary-heading-float-right { margin-bottom: 40px; } .primary-text-float-from-downside { padding-left: 0; font-size: 16px; } .home-2-hero-partner-tags { padding-top: 200px; overflow: hidden; } .development-text { font-family: Poppins, sans-serif; font-size: 14px; font-weight: 700; } .agency-pricing-cards { grid-column-gap: 30px; display: flex; } .terms-and-conditions-link { color: var(--white); text-decoration: none; } .apps-link { width: 100%; margin-right: 10px; } .home-1-price-card-three { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; margin-bottom: 0; padding: 60px 65px 60px 55px; box-shadow: 0 -30px #ff3f79, 0 0 20px 10px #0000000f; } .home-1-price-card-one { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; height: 726.5px; margin-top: 0; padding: 60px 65px 60px 55px; box-shadow: 0 -30px #f3b705, 0 0 20px 10px #0000000f; } .sassy-logo-link { text-align: center; width: 20%; } .price-plan-icon-three { color: #ff3f79; padding-right: 15px; font-family: "Fa solid 900", sans-serif; } .inner-about-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 120px 15px 60px; } .display-block { display: block; } .about-static-link, .blog-static-link, .pricing-static-link { text-decoration: none; display: block; } .discount-box-wrapper { position: relative; } .blog-title-image-wrapper { height: 350px; } .link-block-9 { text-decoration: none; } .cta-form-block { color: red; } .home-2-star-icon { position: absolute; top: 171px; left: 76px; } .text-block-20 { color: #fff; } .success-message { background-color: #2b2d33; } .success-message-2 { color: #fff; background-color: #222f57; } .cta-form-text-field-two { color: #212e44; background-color: #0000000d; border: 0 solid #000; border-radius: 10px; margin-bottom: 0; padding-top: 29px; padding-bottom: 29px; padding-left: 30px; font-family: Averta Regular, sans-serif; font-size: 16px; line-height: 1.3em; } .discount-stick-wrapper { position: relative; } .author-link-block { text-decoration: none; } .error-custom-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 240px 15px 120px; } .link-block-10 { text-decoration: none; } .success-message-3 { background-color: #1e263d; } .text-block-21 { color: #fff; } .text-block-22 { color: #ff0206; } .empty-state-3 { background-color: #1a1a53; } .text-block-23 { color: #fff; text-align: center; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 400; } .empty-state-4 { text-align: center; background-color: #1a1a53; font-family: Montserrat, sans-serif; font-size: 17px; } .text-block-24 { font-size: 18px; } .empty-state-5 { background-color: #1a1a53; } .text-block-25 { color: #fff; text-align: center; font-family: Montserrat, sans-serif; font-size: 18px; } .empty-state-6 { background-color: #1a1a53; } .text-block-26 { color: #fff; text-align: center; font-family: Montserrat, sans-serif; font-size: 18px; } .text-block-27 { color: red; } .author-link { text-decoration: none; } .category-name { color: #6d7280; text-transform: uppercase; margin-bottom: 0; font-family: Averta Bold, sans-serif; font-size: 12px; line-height: 1.2em; transition: color .4s; } .category-name:hover { color: #000; font-family: Averta Bold, sans-serif; font-weight: 700; } .service-link-block { text-decoration: none; } .webflow-link { color: #8f9cb2; text-decoration: none; transition: color .3s; } .webflow-link:hover { color: #fff; } .image-21 { width: 100%; height: 100%; } .sassy-one-hero-area { background-color: #6e55ff; padding-top: 120px; padding-bottom: 120px; overflow: hidden; } .div-block-46 { width: 280px; height: 540px; margin-left: auto; margin-right: 0; position: relative; } .company-nav-list-wrapper, .utility-nav-list-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: flex-start; align-items: stretch; display: grid; } .hero-tag-icon-hide { transition: all .3s; } .hero-tag-icon-hide:hover { filter: brightness(95%) saturate(500%) hue-rotate(200deg) contrast(300%); } .text-block-28 { color: #000; flex-flow: row; justify-content: center; align-items: center; font-weight: 700; display: flex; } .image-22 { width: 90%; max-width: none; margin-left: auto; margin-right: auto; } .hero-section-file { text-align: center; max-width: none; margin-left: auto; margin-right: auto; } .sassy-two-nav-button-two { grid-column-gap: 12px; grid-row-gap: 12px; color: var(--text-dark-purple); background-color: #0000; border: 2px solid #8776f3; border-radius: 10px; justify-content: center; align-items: center; width: 100%; height: 45px; padding: 12px 13px; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.2em; text-decoration: none; transition: color .2s, background-color .2s, box-shadow .2s; display: inline-flex; } .sassy-two-nav-button-two:hover { background-color: var(--text-dark-purple); color: #fff; } .text-block-29 { font-size: 14px; font-weight: 500; text-decoration: none; } .sassy-link-block-one { text-decoration: none; } .image-23 { color: #505086; width: 16px; height: 12px; display: inline-block; } .sassy-two-nav-button-two-copy { grid-column-gap: 12px; grid-row-gap: 12px; color: #8776f3; background-color: #0000; border: 2px solid #8776f3; border-radius: 10px; justify-content: center; align-items: center; padding: 12px 20px; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.2em; text-decoration: none; transition: box-shadow .2s; display: inline-flex; } .sassy-two-nav-button-two-copy:hover { box-shadow: 7px 19px 35px 2px #ff3f7957; } .sassy-link-block-two { text-decoration: none; } .text-span-2 { color: #6f56ff; } .first-card-container, .second-card-container { flex-flow: wrap; max-width: none; margin-left: 0; display: flex; } .card-left-text-container { width: 50%; max-width: none; padding-left: 0; } .card-right-text-container { padding-top: 20px; padding-left: 200px; } .card-right-image-container { width: 50%; max-width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; position: relative; } .card-left-image-container { color: #fff; border-radius: 15px; width: 350px; max-width: none; height: 300px; padding: 20px 20px 40px; position: relative; box-shadow: 6px 5px 9px 2px #0003; } .text-block-cards-header { color: #0f2552; font-size: 24px; font-weight: 700; line-height: 1.5em; } .text-block-cards-paragraph { color: #6d7280; width: 90%; padding-top: 15px; padding-bottom: 18px; font-size: 13px; font-weight: 400; line-height: 1.4em; } .image-24 { z-index: -1; width: 100%; max-width: 100%; height: auto; margin-top: 0; position: absolute; top: -200px; left: -28px; } .div-block-47 { justify-content: space-between; align-items: stretch; display: flex; } .image-25 { width: 16px; min-width: 0; max-width: 98%; height: 16px; } .text-block-cards-header-speaker { color: #0f2552; padding-bottom: 20px; font-size: 20px; font-weight: 700; line-height: 1em; } .text-block-30 { color: #212e44; padding-bottom: 9px; font-weight: 700; line-height: 1em; } .text-block-31 { color: #71717a; font-size: 13px; } .text-block-32 { color: #0f2552; padding-top: 14px; padding-bottom: 10px; font-size: 13px; font-weight: 700; } .container-2 { flex-flow: column; width: 300px; min-width: 0; max-width: 500px; margin-left: 0; margin-right: 0; display: flex; } .image-26 { width: 350px; min-width: 0; max-width: 100%; position: absolute; top: 86%; left: 26%; } .text-block-cards-header-right { color: #0f2552; padding-bottom: 15px; font-size: 20px; font-weight: 700; line-height: 1em; } .text-block-cards-paragraph-right { color: #6d7280; width: 400px; padding-top: 10px; padding-bottom: 50px; font-size: 13px; font-weight: 400; line-height: 1.4em; } .container-platform-integration { grid-column-gap: 16px; grid-row-gap: 16px; background-color: var(--background-purple); flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 120px 80px; display: flex; position: relative; overflow: hidden; } .feature-heading-about-us { color: #212e44; text-align: left; width: 85%; margin-left: auto; margin-right: auto; padding-bottom: 27px; font-family: Poppins, sans-serif; font-size: 40px; line-height: 50px; } .about-us-paragraph { color: #6d7280; text-align: left; width: 85%; margin-bottom: 32px; margin-left: auto; margin-right: auto; font-size: 14px; } .image-27 { width: 999.188px; max-width: 70%; } .image-client-div-one { text-align: center; background-color: #f4e9bf; border: 1px #000; border-radius: 230px; width: 230px; max-width: 230px; height: 230px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; position: static; bottom: 0; } .div-block-48 { z-index: 9999; clear: both; background-color: #fff; width: 230px; height: 40px; position: relative; inset: auto 0% -84%; } .image-client-one { float: none; clear: none; max-width: 180px; height: 180px; position: relative; top: -22px; } .image-client-div-two { text-align: center; background-color: #ffe9eb; border: 1px #000; border-radius: 230px; width: 230px; max-width: 230px; height: 230px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; position: static; bottom: 0; } .image-client-div-three { text-align: center; background-color: #ffe4fb; border: 1px #000; border-radius: 230px; width: 230px; max-width: 230px; height: 230px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; position: static; bottom: 0; } .image-client-two, .image-client-three { float: none; clear: none; max-width: 180px; height: 180px; position: relative; top: -22px; } .text-block-client-name-slider { color: #fff; background-color: #6e55ff; width: 70%; height: 30px; margin-right: 10px; padding-left: 10px; font-size: 13px; line-height: 2.25em; text-decoration: underline; position: relative; top: -84px; left: 38px; } .text-block-client-position-slider { z-index: 0; color: #fff; -webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 90% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 60%, 90% 100%, 0 100%); background-color: #0f2552; border-bottom-right-radius: 0; width: 132px; height: 30px; margin-top: 0; margin-bottom: 0; margin-left: 0; font-size: 9px; line-height: 2.9em; text-decoration: underline; position: relative; top: -84px; left: 78px; } .sassy-one-mail-address-section { padding-top: 0; padding-bottom: 0; } .div-block-49 { width: 58%; height: 68px; margin-left: auto; margin-right: auto; } .email-submit-button { background-color: var(--text-dark-purple); border-radius: 12px; width: 15%; height: 38px; font-size: 13px; line-height: .6em; position: relative; top: -54px; bottom: 0; left: 84%; } .email-text-input { border-radius: 12px; width: 100%; height: 50px; padding-left: 24px; position: relative; } .form-2 { height: 68px; position: relative; } .form-block { height: 68px; } .container-improved-human { grid-column-gap: 16px; grid-row-gap: 16px; background-color: #e7e4fd; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 70px 15px 60px; position: relative; } .text-block-34 { color: #212e44; border: 1px solid #212e44; border-radius: 30px; width: 170px; height: 50px; margin-bottom: 20px; margin-left: auto; margin-right: auto; line-height: 3em; } .home-1-price-card-two { background-color: var(--white); outline-offset: 0px; border-top: 20px #8977f6; border-radius: 20px; outline: 0 solid #e5e5e6; margin-top: 0; margin-bottom: 0; padding: 60px 65px 60px 55px; box-shadow: 0 -30px #8977f6, 0 0 20px 10px #0000000f; } .question-section { flex-flow: row; justify-content: flex-start; align-items: stretch; padding: 80px 45px 100px; display: flex; position: relative; } .faq-title-text-block { color: #212e44; margin-bottom: 25px; margin-left: 0; padding-left: 40px; font-size: 40px; font-weight: 700; line-height: 1.1em; } .faq-desc-text-block { color: #6d7280; align-self: auto; margin-left: 0; padding-left: 40px; font-size: 14px; } .container-faq-title { flex-flow: column; width: 50%; max-width: 50%; display: block; } .image-28 { width: 186px; height: 186px; position: absolute; bottom: 13%; left: 10%; } .image-footer-logo { width: 40px; height: 40px; } .footer-text-block-title { color: #fff; text-align: center; width: auto; min-width: 0; font-weight: 700; } .footer-list-title-follow { color: var(--text-drak-grey); text-transform: capitalize; margin-bottom: 30px; padding-top: 8px; font-family: Poppins, sans-serif; font-size: 16px; line-height: 1.5em; } .accordian-wrapper { width: 50%; max-width: 50%; display: none; } .accordian { border: 1px #000; border-radius: 1px; } .accordian-header { grid-column-gap: 2rem; grid-row-gap: 2rem; cursor: pointer; justify-content: space-between; align-items: center; height: 50px; padding: 1.5em; display: flex; box-shadow: inset 5px -10px 20px -20px #0003; } .accordian-panel { border: 1px green; width: auto; height: auto; padding: 10px 30px 0; display: block; overflow: hidden; } .code-embed { color: #ad1833; } .accordian-paragraph { color: #6d7280; cursor: pointer; font-size: 13px; overflow: visible; } .accordian-question-title { color: #0f2552; font-size: 15px; } .image-29 { width: 150px; height: 130px; position: absolute; inset: -3% -5% 0% auto; } .image-30 { box-sizing: content-box; aspect-ratio: auto; object-fit: contain; width: 250px; height: 100px; position: absolute; bottom: 55px; right: -189px; overflow: visible; } .image-31 { width: 250px; height: 150px; position: absolute; bottom: 165px; right: -144px; } .image-29-copy { width: 150px; height: 130px; position: absolute; bottom: -1px; left: -66px; } .image-32 { width: 300px; height: 17%; position: absolute; inset: -86px auto 0 -159px; overflow: visible; transform: rotate(45deg); } .image-33 { width: 250px; height: 150px; position: absolute; top: -60px; bottom: 0; left: -129px; transform: rotate(45deg); } .image-34 { width: 300px; height: 200px; position: absolute; top: -24px; left: -84px; right: auto; } .image-35 { width: 300px; height: 150px; position: absolute; bottom: 2px; right: 182px; transform: rotate(18deg); } .image-36 { position: absolute; bottom: 76px; left: 132px; } .image-37 { width: 200px; height: 180px; position: absolute; top: 132px; right: 255px; } .container-aboutus-team { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 70px 15px 0; } .testimonial-slider-wrapper-aboutus { grid-column-gap: 35px; grid-row-gap: 35px; justify-content: center; align-items: stretch; height: auto; display: flex; position: relative; } .silder-one-aboutus { text-align: center; padding: 60px 0 20px; } .silder-two-aboutus { padding: 60px 0 20px; position: relative; overflow: hidden; } .test-card-three-aboutus { padding: 60px 0 20px; } .contact-us-header { color: #212e44; text-align: center; margin-bottom: 30px; margin-left: 0; margin-right: 0; font-family: Poppins, sans-serif; font-size: 35px; font-weight: 700; line-height: 1.2em; } .image-38 { width: 80px; height: 60px; position: absolute; top: 83px; left: 312px; } .contact-us-form { justify-content: center; align-items: stretch; display: flex; } .page-wrapper-contact { max-width: 1920px; margin-left: auto; margin-right: auto; overflow: visible; } .field-label-contact-form { color: #656565; font-size: 14px; } .field-label-contact-form.companylabel-contactform { display: none; } .textfield-contact-form { color: #656565; border: 1px solid #ebebeb; border-radius: 12px; padding-left: 16px; padding-right: 16px; } .textfield-contact-form.name-contactform { color: #656565; background-color: #ebebeb; border-radius: 8px; height: 45px; font-weight: 500; } .textfield-contact-form.company-contactform { background-color: #f2f2f2; border-radius: 8px; height: 0; font-weight: 500; display: none; } .textfield-contact-form.mail-contactform { color: #656565; background-color: #ebebeb; border-radius: 8px; height: 45px; font-weight: 500; } .submit-button-3 { color: var(--text-dark-purple); text-align: center; background-color: #fff; border: 1px solid #8776f3; border-radius: 12px; width: 150px; margin-top: 10px; margin-left: 0; margin-right: 0; font-weight: 600; transition: background-color .2s, box-shadow .2s, color .2s; } .submit-button-3:hover { border-color: var(--text-dark-purple); background-color: var(--text-dark-purple); color: #fff; box-shadow: 8px 8px 15px #8776f380; } .form-3 { grid-column-gap: 10px; grid-row-gap: 10px; background-color: #fff; border: 1px solid #fff; border-radius: 30px; flex-flow: column; align-items: flex-start; width: 48%; padding: 30px; display: flex; box-shadow: 3px 4px 13px #0003; } .select-field { color: #656565; background-color: #fff; border: 2px solid #ebebeb; border-radius: 12px; } .select-field.questiontype-contactform { color: #656565; background-color: #ebebeb; border-radius: 8px; height: 45px; margin-left: auto; margin-right: auto; padding-right: 12px; font-weight: 500; } .phonenumber-contactform.textfield-contact-form { background-color: #ebebeb; border-radius: 8px; height: 45px; font-weight: 500; } .image-39 { position: absolute; top: 0; } .image-42 { width: 15%; max-width: 70%; margin-left: 0%; position: absolute; top: 59%; right: 19%; } .image-43 { width: 150px; height: 130px; position: absolute; left: -16%; } .image-44 { width: 200px; height: 100px; position: absolute; top: 64%; right: -19%; } .image-45 { width: 150px; height: 130px; position: absolute; bottom: 3%; left: -11%; } .image-46 { position: absolute; top: 58%; left: 18%; } .image-47 { width: 150px; height: 130px; position: absolute; bottom: 76%; left: auto; right: -8%; } .image-48 { width: 15%; height: 10%; position: absolute; left: -6%; right: auto; } .image-49 { position: absolute; top: 15%; left: 9%; } .image-50 { width: 150px; position: absolute; top: 75%; right: -4%; } .image-51 { transform-style: preserve-3d; width: 200px; height: auto; position: absolute; bottom: 5%; left: -7%; transform: rotateX(180deg)rotateY(0)rotateZ(180deg); } .message-contactform { background-color: #f2f2f2; border-radius: 8px; width: 100%; height: 100px; max-height: 100px; } .message-contactform.textfield-contact-form { -webkit-text-stroke-width: 0px; white-space: normal; word-break: normal; overflow-wrap: normal; background-color: #ebebeb; border-radius: 8px; height: 90px; padding-top: 0; padding-bottom: 50px; font-weight: 500; } .message-cn { height: 100px; } .textarea { color: #656565; background-color: #ebebeb; width: 100%; min-width: 100%; max-width: 100%; height: 100px; min-height: 100px; max-height: 100px; font-weight: 500; } .scrolled { z-index: 9999; background-color: #dcd6fc; border-radius: 0; max-width: 1920px; margin-top: 30px; margin-left: 0; margin-right: 0; padding: 22px 60px 20px; display: none; position: sticky; top: 0; box-shadow: 20px 2px 7px #0003; } .text-span-3 { font-family: Poppins, sans-serif; font-weight: 700; } .text-span-5, .text-span-6 { color: var(--text-dark-purple); } .text-block-cards-title-paragraph { color: var(--dark-grey); padding-bottom: 40px; } .image-24-copy { width: 500px; max-width: 100%; margin-top: 0; position: static; } .text-span-7 { color: var(--text-dark-purple); } .feature-content-wrapper-mailsec { width: 810px; margin-left: auto; margin-right: auto; } .feature-image-wrapper-aboutus { width: 50%; } .first-img-div-aboutus { width: 100%; } .about-us-divblock { width: 100%; margin-left: auto; margin-right: auto; display: flex; } .first-person-text-content { color: var(--text-drak-grey); text-align: justify; width: 100%; margin-bottom: 20px; padding-top: 0; padding-left: 0; font-size: 13px; } .div-img-with-content-about-us { justify-content: flex-start; align-self: auto; width: 100%; display: flex; } .first-person-text-name { color: #0f2552; width: 60%; margin-top: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 700; text-decoration: underline; } .image-left-person { align-self: baseline; } .second-img-div-aboutus { flex-flow: column; justify-content: flex-start; align-items: flex-start; margin-top: 10px; display: flex; } .second-person-text-name { color: #0f2552; text-align: right; align-self: flex-end; width: 40%; margin-top: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 700; text-decoration: underline; } .second-person-text-content { color: var(--text-drak-grey); text-align: justify; width: 60%; padding-right: 30px; font-size: 13px; } .card-bottom-text-container { margin-top: 30px; display: flex; } .first-bottom-text-container { width: 43%; } .second-bottom-text-container-copy { width: 50%; padding-left: 30px; } .container-plans { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 15px 30px; } .feature-heading-email-sender { color: #212e44; text-align: center; width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 27px; font-family: Poppins, sans-serif; font-size: 40px; line-height: 50px; } .container-clients { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 15px 30px; } .circle-image-wrapper-header { z-index: 1; width: 90px; position: absolute; top: 137px; left: -17%; right: auto; } .sassy-two-nav-button-lang { grid-column-gap: 12px; grid-row-gap: 12px; color: #505086; background-color: #0000; border: 2px solid #8776f3; border-radius: 10px; justify-content: center; align-items: center; height: 45px; padding: 12px 28px 12px 13px; font-family: Poppins, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.2em; text-decoration: none; transition: color .2s, background-color .2s, box-shadow .2s; display: inline-flex; } .sassy-two-nav-button-lang:hover { background-color: var(--text-dark-purple); color: #fff; } .icon { right: -12px; } .language-nav-container { grid-column-gap: 13px; grid-row-gap: 13px; background-color: var(--white); color: var(--text-dark-purple); border-radius: 5px; width: 120px; height: 45px; margin-top: 5px; padding-top: 8px; padding-left: 15px; font-family: Poppins, sans-serif; display: flex; box-shadow: 5px 5px 10px #0003; } .language-nav-container:hover { background-color: var(--text-dark-purple); color: var(--white); font-family: Poppins, sans-serif; } .image-pl-flag { width: 27px; height: 27px; } .pl-textblock { padding-top: 3px; } .link-block-11 { text-decoration: none; } .dropdown-list.w--open { background-color: #0000; flex-flow: row; display: block; } .sassy-about-us-section { padding-top: 0; padding-bottom: 0; position: relative; } .text-block-36 { font-size: 14px; } .container-savetime { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-left: 0; margin-right: 0; padding: 0 100px 30px; } .image-right-person { flex: 0 auto; align-self: baseline; position: static; } .text-span-10 { color: var(--text-dark-purple); } .container-why-meetmind { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 1320px; margin-bottom: 50px; margin-left: auto; margin-right: auto; padding: 0 80px 30px; } .coaching-tab { color: var(--text-dark-purple); background-color: #fff; border: 1px solid #8776f3; border-radius: 10px; margin-right: 15px; padding: 14px 25px; transition: background-color .3s; } .coaching-tab.w--current { background-color: var(--text-dark-purple); color: #fff; border: 1px solid #8776f3; border-radius: 10px; margin-right: 15px; padding: 14px 25px; line-height: 1.3em; } .development-tab { color: var(--text-dark-purple); background-color: #fff; border: 1px solid #8776f3; border-radius: 10px; padding: 14px 25px; font-family: Poppins, sans-serif; line-height: 1.3em; } .development-tab.w--current { background-color: var(--text-dark-purple); color: #fff; border-color: #8776f3; transition: background-color .3s; } .live-record-tab { color: var(--text-dark-purple); background-color: #fff; border: 1px solid #8776f3; border-radius: 10px; margin-left: 15px; padding: 14px 25px; font-family: Poppins, sans-serif; line-height: 1.3em; } .live-record-tab.w--current { background-color: var(--text-dark-purple); color: #fff; border-color: #8776f3; transition: background-color .3s; } .live-record-text { font-family: Poppins, sans-serif; font-size: 14px; font-weight: 700; } .tab-pane-tab-3 { padding-top: 50px; } .tabs-menu-pricing { z-index: 5; text-align: center; margin-top: 30px; position: relative; } .tabs-whymeetmind { padding-top: 0; } .tab-pane-tab-1-whyus { padding: 50px 0 40px; } .tabs-content-whyus { outline-offset: 0px; border: 0 #000; outline: 0 solid #e5e5e6; flex-direction: row; padding-top: 82px; padding-left: 0; padding-right: 0; display: block; } .tab-pane-tab-2-whyus { padding: 50px 40px 40px; } .tab-pane-tab-3-whyus { padding-top: 50px; } .text-block-37 { color: var(--text-dark-purple); } .text-block-38 { color: var(--text-dark-purple); font-weight: 600; } .success-message-4 { background-color: var(--white); color: #fff; border-radius: 10px; } .submit-button-js { color: var(--text-dark-purple); text-align: center; background-color: #fff; border: 1px solid #8776f3; border-radius: 12px; width: 150px; margin-top: 10px; margin-left: 0; margin-right: 0; font-weight: 600; transition: background-color .2s, box-shadow .2s, color .2s; } .submit-button-js:hover { border-color: var(--text-dark-purple); background-color: var(--text-dark-purple); color: #fff; box-shadow: 8px 8px 15px #8776f380; } .div-img2-with-content-about-us { justify-content: flex-end; align-self: auto; width: 100%; display: flex; } @media screen and (min-width: 1280px) { .container { padding-top: 0; padding-bottom: 100px; } .sassy-two-menu { justify-content: space-between; } .about-link { padding-left: 10px; padding-right: 10px; } .hero-section-wrapper { padding-left: 20px; padding-right: 100px; } .hero-heading-text { font-size: 50px; line-height: 1em; } .hero-title { font-size: 22px; } .hero-details { padding-right: 20px; } .hero-part-one { padding-left: 50px; } .sassy-two-hero-seciton { padding-bottom: 50px; } .swing-image { width: 130px; top: 213px; left: -82%; } .hero-dot-image { inset: 4px 0% 0% 21px; } .feature-heading { width: 100%; margin-left: 0; font-size: 47px; line-height: 50px; } .primary-card-wrapper { flex-wrap: nowrap; position: static; } .feature-card-icons { width: 1294px; } .sassy-one-pricing-section { -webkit-text-fill-color: inherit; background-position: 0 -140px; background-repeat: no-repeat; background-size: 50% 100%; background-clip: border-box; } .price-plan-cards { flex-wrap: nowrap; } .discount-stick { top: 72%; right: 46%; } .counter-numbers { grid-column-gap: 100px; } .paragraph-16 { font-size: 14px; } .primary-button-three-left { left: 32%; } .primary-button-three-right { left: 63.6%; } .newsfeed-cards { flex-wrap: nowrap; } .newsfeed-detaills { padding-left: 60px; padding-right: 60px; } .hero-company-tag-icons { grid-row-gap: 50px; flex-wrap: wrap; justify-content: center; } .sassy-one-heading-circle { top: 22%; left: 27%; } .support-container-wrapper, .analytic-custom-container { padding-top: 100px; padding-bottom: 100px; } .pink-swing-image { width: 340px; top: -5%; left: 0%; } .gradient-swing-image { right: 0%; } .newsletter-star { left: 6%; } .testimonial-custom-container, .workprocess-custom-container { padding-top: 100px; padding-bottom: 100px; } .primary-custom-hero-container { padding-bottom: 100px; } .sassy-inner { grid-column-gap: 0px; } .sassy-service-custom-container { padding-bottom: 100px; } .service-price-cards { flex-wrap: nowrap; } .service-price-card-three { margin-top: 0; } .blog-details-part { width: 1130px; } .blog-card { width: 410px; } .sassy-service-details-section { background-position: -55% 0; } .inner-service-custom-container, .sassy-feature-custom-container, .team-custom-container { padding-bottom: 100px; } .pricing-swing-image { top: 30%; right: 20%; } .sassy-inner-error-double-ball-image { right: 15%; } .inner-related-custom-container { padding-top: 100px; padding-bottom: 100px; } .faq-absolute-image-wrapper { left: -11%; } .main-faq-absolute-image-wrapper { left: -12%; } ._2nd-primary-dropdown-list { display: none; } .tabs-content { padding-left: 20px; padding-right: 20px; } .businesss-tab.w--current, .agency-tab-2.w--current { background-color: var(--text-dark-purple); } .primary-right-arrow { left: 63.6%; } .primary-left-arrow { left: 32%; } .circle-image-wrapper { top: 21%; left: 35%; } .sassy-image-part-one { top: 33%; left: 1%; } .sassy-image-part-two { top: 21%; right: -36%; } .big-star { top: -46%; left: 6%; } .lottie-animation { top: 66%; right: 10%; } .moving-stick { width: 30px; top: 12px; left: 120px; } .blog-link, .pricing-link { padding-left: 10px; padding-right: 10px; } .service-custom-container, .team-details-custom-container { padding-bottom: 100px; } .sassy-inner-team-member-cards { grid-column-gap: 20px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; overflow: hidden; } .team-member-background { background-color: #f4e9bf; border-radius: 100%; width: 400px; height: 412px; position: relative; overflow: visible; } .lower-round-image { background-color: var(--white); border-radius: 50%; margin-left: auto; margin-right: auto; } .team-list-wrapper, .team-members-collection-list { grid-template-columns: 1fr 1fr 1fr; } .thunder-icon-wrapper { top: 100px; left: -165px; } .popup-image-3 { right: -60px; } .popup-image-2 { top: 24px; right: -100px; } .popup-image-1 { top: -60px; right: -15px; } .offer-icon-wrapper { width: 320px; top: 40%; left: 35%; } .leaf-icon-wrapper { bottom: 660px; } .analytic-main-image { width: 250px; } .mobile-image-1 { top: 230px; right: 75px; } .mobile-image-2 { top: 400px; right: 45px; } .mobile-image-3 { top: 280px; left: 100px; } .mobile-image-4 { left: 65px; } .canvas-blog-wrapper { width: 60%; } .canva-menu-text, .canvas-hover-text { font-size: 48px; } .canvas-1st-section-wrapper { width: 40%; } .canvas-social-link-wrapper { margin-top: 120px; } .sassy-header-section { background-color: #0000; position: static; } .sassy-service-cards-wrapper { flex-wrap: nowrap; } .homepage-2-blog-cards { grid-template-columns: 1fr 1fr 1fr; } .faq-custom-container-2 { padding-bottom: 100px; } .canvas-blog-card { background-position: 50%; background-size: auto 100%; width: 370px; height: 600px; } .primary-heading-float-right { margin-bottom: 40px; } .error-custom-container { padding-bottom: 100px; } .div-block-46 { width: 340px; height: 640px; margin-right: auto; } .card-left-image-container { position: relative; } .image-26 { position: absolute; top: 84%; left: 21%; } .container-platform-integration { padding-top: 120px; padding-bottom: 100px; } .feature-heading-about-us { font-size: 40px; line-height: 50px; } .image-client-div-one { position: relative; } .div-block-49 { width: 58%; } .container-improved-human { padding-top: 100px; padding-bottom: 100px; } .question-section { padding-bottom: 200px; } .faq-title-text-block { margin-left: 0; padding-left: 50px; } .faq-desc-text-block { margin-left: 50px; } .image-28 { bottom: 10%; left: 15%; } .accordian { border-style: none; } .accordian-header { box-shadow: inset 5px -10px 20px -20px #0000001a; } .accordian-panel { padding-top: 0; } .accordian-paragraph { color: #6d7280; padding-top: 10px; font-size: 13px; } .image-29 { width: 150px; height: 130px; position: absolute; inset: 0 -58px 0 auto; overflow: visible; transform: rotate(1deg); } .image-30 { box-sizing: content-box; width: 200px; height: 100px; position: absolute; bottom: 53px; right: -132px; transform: rotate(12deg); } .image-31 { width: 250px; height: 130px; position: absolute; top: auto; left: auto; transform: rotate(45deg); } .image-29-copy { width: 150px; height: 130px; position: absolute; inset: auto auto 0 -77px; transform: rotate(1deg); } .image-32 { width: 200px; height: auto; position: absolute; top: -21px; bottom: 141px; left: -18px; } .image-33 { width: 250px; height: 130px; position: absolute; bottom: 152px; right: -127px; } .image-34 { z-index: 0; width: 300px; height: 200px; position: absolute; top: -39px; left: -13px; } .image-35 { z-index: 0; width: 300px; height: 150px; position: absolute; bottom: 44px; right: 134px; transform: rotate(15deg); } .image-36 { z-index: 5; position: absolute; bottom: 92px; left: 108px; } .image-37 { width: 200px; height: 170px; position: absolute; top: 146px; right: 261px; } .container-aboutus-team { padding-top: 70px; padding-bottom: 100px; } .body-2 { background-image: none; } .contact-us-header { margin-left: 0; margin-right: 0; font-size: 35px; display: block; } .contact-us-form { justify-content: center; margin-left: 30px; margin-right: 30px; display: flex; } .field-label-contact-form { font-size: 14px; } .textfield-contact-form { color: #656565; border: 1px solid #ebebeb; border-radius: 12px; padding-left: 16px; padding-right: 16px; } .textfield-contact-form.name-contactform { background-color: #f2f2f2; border-radius: 8px; height: 45px; font-weight: 500; } .textfield-contact-form.company-contactform { color: #656565; background-color: #f2f2f2; border-radius: 8px; height: 0; display: none; } .textfield-contact-form.mail-contactform { background-color: #f2f2f2; border-radius: 8px; height: 45px; font-weight: 500; } .text-field { border: 1px solid #ebebeb; border-radius: 12px; } .submit-button-3 { border: 1px solid var(--text-dark-purple); color: var(--text-dark-purple); text-align: center; background-color: #fff; border-radius: 8px; width: 150px; margin-left: 0; margin-right: 0; font-weight: 600; transition: color .2s, box-shadow .2s, background-color .2s; } .submit-button-3:hover { background-color: var(--text-dark-purple); color: #fff; box-shadow: 8px 8px 15px #8776f380; } .form-3 { grid-column-gap: 10px; grid-row-gap: 10px; background-color: #fff; border: 1px solid #fff; border-radius: 30px; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 50%; padding: 30px; display: flex; position: static; box-shadow: 3px 4px 13px #0003; } .select-field { color: #656565; background-color: #fff; border: 1px solid #ebebeb; border-radius: 12px; } .select-field.questiontype-contactform, .phonenumber-contactform.textfield-contact-form { background-color: #f2f2f2; border-radius: 8px; height: 45px; } .image-44 { top: 68%; right: -18%; } .message-contactform.textfield-contact-form { clear: none; aspect-ratio: auto; direction: ltr; object-fit: fill; object-position: 50% 50%; background-color: #f2f2f2; border-radius: 8px; justify-content: flex-start; align-items: flex-start; height: 100px; padding-top: 0; padding-bottom: 50px; line-height: 1.5em; text-decoration: none; display: block; } .textarea { background-color: #f2f2f2; width: 100%; max-width: 100%; height: 100px; } .container-plans { padding-top: 0; padding-bottom: 100px; } .feature-heading-email-sender { font-size: 40px; line-height: 50px; } .container-clients { padding-top: 0; padding-bottom: 100px; } .circle-image-wrapper-header { width: 90px; top: 132px; left: -15%; } .sassy-about-us-section { padding-top: 0; } .container-savetime { padding-top: 0; padding-bottom: 30px; } .container-why-meetmind { padding-top: 0; padding-bottom: 100px; } .tabs-menu-pricing { position: relative; } .tabs-content-whyus { padding-left: 20px; padding-right: 20px; } .submit-button-js { border: 1px solid var(--text-dark-purple); color: var(--text-dark-purple); text-align: center; background-color: #fff; border-radius: 8px; width: 150px; margin-left: 0; margin-right: 0; font-weight: 600; transition: color .2s, box-shadow .2s, background-color .2s; } .submit-button-js:hover { background-color: var(--text-dark-purple); color: #fff; box-shadow: 8px 8px 15px #8776f380; } } @media screen and (min-width: 1440px) { .container { padding-top: 0; padding-bottom: 30px; } .sassy-two-menu { flex: 1 0 auto; justify-content: space-between; width: 60%; } .hero-section-wrapper { max-width: 1700px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 120px; } .counter-wrapper-block { margin-top: 60px; } .hero-heading-text { font-size: 73px; } .hero-title { letter-spacing: 0; text-transform: capitalize; margin-left: 86px; padding-left: 15px; font-family: Poppins, sans-serif; font-size: 29px; font-weight: 600; } .hero-details { margin-bottom: 0; padding-right: 120px; } .hero-part-one { width: 50%; padding-left: 3%; } .hero-part-two { width: 45%; } .swing-image { width: 150px; max-width: 100%; top: 186px; left: -129%; } .hero-dot-image { top: 1%; left: 4%; } .body { font-family: Inconsolata, monospace; } .feature-heading { font-size: 47px; line-height: 54px; } .primary-card-wrapper { padding-left: 20px; padding-right: 20px; } .price-button { font-family: Poppins, sans-serif; } .discount-stick { right: 48%; } .price-button-two { font-family: Poppins, sans-serif; } .primary-button-three-left { top: 59%; left: 33%; } .primary-button-three-right { top: 59%; left: 63%; } .sassy-two-block { width: 40%; } .sassy-two-nav-button-three { padding-left: 28px; padding-right: 28px; } .sassy-two-nav-button-three:hover { background-color: #725cd5; } .hero-content { width: 50%; } .sassy-one-heading-circle { top: 22%; left: 28%; } .sassy-one-spring { top: 580px; } .support-container-wrapper, .analytic-custom-container { padding-top: 120px; padding-bottom: 120px; } .pink-swing-image { width: 360px; top: -5%; left: 0%; } .gradient-swing-image { top: 50%; right: 5%; } .newsletter-star { bottom: 20%; left: 8%; } .testimonial-custom-container { padding-top: 120px; padding-bottom: 120px; } .faq-custom-container { padding-bottom: 120px; } .workprocess-custom-container { padding-top: 120px; padding-bottom: 120px; } .primary-custom-hero-container { padding-bottom: 120px; } .sassy-inner-about-section { width: auto; } .sassy-service-custom-container { padding-bottom: 120px; } .sassy-service-details-section { background-image: url('../images/bg.png'); background-position: -43% 0; background-repeat: no-repeat; background-size: auto; } .inner-service-custom-container, .sassy-feature-custom-container, .team-custom-container { padding-bottom: 120px; } .price-button-three { font-family: Poppins, sans-serif; } .pricing-currency-image { left: 200px; } .sassy-inner-error-star-image { left: 25%; } .sassy-inner-error-double-ball-image, .sassy-inner-error-blind-image { right: 20%; } .inner-related-custom-container { padding-top: 120px; padding-bottom: 120px; } .faq-absolute-image-wrapper, .main-faq-absolute-image-wrapper { left: -7%; } .tabs-content { padding-left: 20px; padding-right: 20px; } .primary-right-arrow { top: 59%; left: 63%; } .primary-left-arrow { top: 59%; left: 33%; } .circle-image-wrapper { top: 17%; bottom: auto; left: 35%; } .sassy-hero-image { width: 130%; max-width: none; position: relative; left: -52px; } .sassy-image-part-one { width: 190px; top: 49%; bottom: -2%; left: -7%; } .sassy-image-part-two { width: 28%; top: 14%; left: auto; right: -22%; } .medium-star { top: 12.5%; left: 13%; } .small-star { top: 11%; left: 11.8%; } .big-star { top: -30%; left: 6%; } .lottie-animation { top: 68%; right: 12%; } .moving-stick { top: 14px; left: 132px; } .service-custom-container, .team-details-custom-container { padding-bottom: 120px; } .arrow-move { margin-top: 79px; } .analytic-main-image { width: 250px; } .mobile-image-1 { width: 250px; top: 260px; } .mobile-image-2 { top: 490px; right: 60px; } .mobile-image-3 { width: 220px; left: 80px; } .mobile-image-4 { width: 280px; left: 90px; } .canvas-blog-wrapper { width: 60%; } .canva-menu-text, .canvas-hover-text { font-size: 44px; } .canvas-1st-section-wrapper { width: 40%; } .canvas-social-link-wrapper { margin-top: 140px; } .sassy-header-section { position: static; } .faq-custom-container-2 { padding-bottom: 120px; } .canvas-blog-content-wrapper { bottom: 0; } .canvas-project-title { font-size: 14px; } .primary-text-float-in-right { font-family: Poppins, sans-serif; } .primary-heading-float-right { margin-bottom: 50px; } .agency-pricing-cards { justify-content: center; align-items: stretch; } .error-custom-container { padding-bottom: 120px; } .text-block-28 { font-family: Poppins, sans-serif; } .card-right-text-container { max-width: none; margin-left: 138px; padding-left: 100px; } .card-left-image-container { width: 450px; height: 350px; } .text-block-cards-header { font-family: Poppins, sans-serif; } .text-block-cards-paragraph { font-family: Poppins, sans-serif; font-size: 15px; } .image-24 { top: -278px; left: -22px; } .text-block-cards-header-speaker { font-family: Poppins, sans-serif; } .text-block-30 { padding-bottom: 15px; font-family: Poppins, sans-serif; } .text-block-31 { padding-bottom: 0; font-family: Poppins, sans-serif; font-weight: 400; } .text-block-32 { padding-bottom: 15px; font-family: Poppins, sans-serif; } .image-26 { width: 100%; top: 85%; left: 31%; } .text-block-cards-header-right, .text-block-cards-paragraph-right { font-family: Poppins, sans-serif; } .container-platform-integration { background-color: #0000; max-width: 1440px; margin-left: auto; margin-right: auto; padding: 120px 80px; overflow: visible; } .feature-heading-about-us { font-size: 40px; line-height: 54px; } .about-us-paragraph, .text-block-client-name-slider, .text-block-client-position-slider, .email-submit-button, .email-text-input { font-family: Poppins, sans-serif; } .container-improved-human { max-width: 100%; margin-left: 0; margin-right: 0; padding-top: 120px; padding-bottom: 120px; } .question-section { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .faq-title-text-block, .faq-desc-text-block { margin-left: 0; padding-left: 20px; font-family: Poppins, sans-serif; } .footer-text-block-title, .accordian-paragraph, .accordian-question-title { font-family: Poppins, sans-serif; } .image-29 { top: -1%; bottom: auto; right: -4%; } .image-30 { overflow: visible; } .image-31 { inset: -2% auto auto -8%; overflow: clip; } .image-32 { width: 250px; height: auto; inset: auto -8% 89px auto; transform: none; } .image-34 { left: -102px; } .image-35 { right: 210px; } .image-37 { top: 138px; right: 328px; } .container-aboutus-team { padding-top: 120px; padding-bottom: 120px; } .contact-us-form { flex-flow: column; align-items: center; } .textfield-contact-form.name-contactform { font-family: Poppins, sans-serif; } .textfield-contact-form.company-contactform { font-family: Poppins, sans-serif; display: none; } .textfield-contact-form.mail-contactform { font-family: Poppins, sans-serif; } .submit-button-3 { border-color: var(--text-dark-purple); color: var(--text-dark-purple); font-family: Poppins, sans-serif; overflow: visible; } .submit-button-3:hover { background-color: var(--text-dark-purple); } .select-field.questiontype-contactform, .phonenumber-contactform.textfield-contact-form { font-family: Poppins, sans-serif; } .image-40 { width: 400px; max-width: none; padding-bottom: 5px; } .image-41 { width: 400px; max-width: none; } .image-44 { top: 72%; right: -18%; } .message-contactform.textfield-contact-form { padding-top: 0; padding-bottom: 50px; } .textarea { width: 100%; max-width: 100%; max-height: 100px; font-family: Poppins, sans-serif; } .text-span-4 { font-family: Poppins, sans-serif; font-weight: 600; } .text-block-cards-title-paragraph { font-family: Poppins, sans-serif; } .about-us-divblock { padding-left: 20px; padding-right: 20px; } .first-person-text-content, .first-person-text-name, .second-person-text-name, .second-person-text-content { font-family: Poppins, sans-serif; } .container-plans { max-width: 1440px; padding-top: 0; padding-bottom: 30px; } .feature-heading-email-sender { font-size: 40px; line-height: 54px; } .container-clients { max-width: 1440px; padding-top: 0; padding-bottom: 30px; } .circle-image-wrapper-header { width: 110px; top: 664%; left: -29%; } .language-nav-container { background-color: #fff; box-shadow: 5px 5px 10px #0003; } .sassy-about-us-section { background-color: var(--background-purple); width: 100%; overflow: hidden; } .container-savetime { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 100px 30px; } .container-why-meetmind { max-width: 1440px; padding: 0 20px 30px 100px; } .tabs-content-whyus { padding-left: 20px; padding-right: 20px; } .text-block-37 { color: var(--tomato); text-align: center; font-family: Poppins, sans-serif; font-weight: 600; text-decoration: none; } .text-block-38 { font-family: Poppins, sans-serif; } .success-message-5 { background-color: var(--white); border-radius: 10px; position: relative; } .text-block-39 { color: var(--text-dark-purple); font-family: Poppins, sans-serif; font-weight: 600; } .text-block-40 { color: var(--tomato); text-align: center; font-family: Poppins, sans-serif; font-weight: 600; } .error-message { align-self: center; } .submit-button-js { border-color: var(--text-dark-purple); color: var(--text-dark-purple); font-family: Poppins, sans-serif; display: none; overflow: visible; } .submit-button-js:hover { background-color: var(--text-dark-purple); } .text-span-11 { color: var(--text-dark-purple); } } @media screen and (min-width: 1920px) { .container { flex-flow: column; max-width: 1920px; margin-left: 0; padding-top: 0; padding-bottom: 30px; padding-left: 250px; display: block; } .sassy-two-navbar { background-color: var(--background-purple); margin-right: 30px; position: sticky; top: 0; } .sassy-two-menu { flex: 1 0 auto; width: 65%; } .sassy-two-nav-buttons { grid-column-gap: 13px; grid-row-gap: 13px; text-decoration: none; display: inline-flex; } .hero-section-wrapper { padding-bottom: 50px; padding-left: 120px; padding-right: 160px; } .counter-wrapper-block { margin-top: 40px; } .hero-heading-text { font-size: 70px; line-height: 1.1em; } .hero-title { margin-bottom: 20px; margin-left: 70px; } .hero-details { width: 80%; min-width: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; font-size: 16px; } .hero-part-one { width: 45%; height: 100%; padding-left: 0; } .hero-part-two { width: 55%; } .sassy-two-hero-seciton { background-color: var(--background-purple); background-position: 100%; width: auto; } .swing-image { width: 166px; max-width: 100%; top: 239px; left: -142%; } .hero-dot-image { inset: 2% 0 0% 35px; } .sassy-one-features-section { margin-top: 120px; padding-top: 0; } .feature-heading { color: var(--black); margin-left: 0; font-size: 54px; line-height: 54px; } .primary-card-wrapper { width: 100%; position: relative; } .feature-content-wrapper { width: 68%; margin-left: 0; margin-right: auto; padding-left: 0; } .feature-card-tags { display: none; overflow: hidden; } .feature-card-icons { flex: none; } .sassy-one-pricing-section { background-image: url('../images/Frame-1-1.png'); background-position: 0 -40px; background-size: auto; } .analytic-card-mobile-image { height: auto; } .price-plan-cards { padding-top: 82px; } .pricing-plan-offer-text-wrapper { justify-content: center; align-items: center; } .price-heading, .price-text { font-family: Poppins, sans-serif; } .price-offer-text { text-align: left; width: 200px; font-family: Poppins, sans-serif; } .discount-stick { top: 68%; right: 48%; } .top-background { width: 100%; } .bottom-background { height: 1400px; } .sassy-primary-testimonial-section { margin-top: 50px; } .primary-button-three-left { top: 59%; left: 37.3%; } .primary-button-three-right { top: 59%; left: 59.7%; } .footer-wrapper { margin-top: 45px; position: relative; } .sassy-one-footer-section { height: auto; padding-top: 45px; padding-bottom: 45px; text-decoration: none; position: relative; } .footer-list { text-align: left; height: 40px; margin-left: auto; margin-right: auto; } .footer-icons { margin-top: 30px; } .list-part-one { grid-column-gap: 10px; grid-row-gap: 10px; align-items: stretch; width: auto; margin-left: auto; margin-right: auto; display: flex; } .footer-copyright-text { color: #8f9cb2; } .footer-container { float: none; clear: none; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .footer-store-image { grid-column-gap: 0px; grid-row-gap: 0px; } .sassy-two-block { width: 35%; } .sassy-two-nav-button-three { background-color: var(--text-dark-purple); padding-left: 26px; padding-right: 26px; } .sassy-two-nav-button-three:hover { background-color: #6243e7; } .sassy-one-hero-wrapper { display: flex; } .sassy-one-heading-circle { top: 22%; left: 28%; } .sassy-one-hero-image { bottom: 34%; } .support-container-wrapper, .analytic-custom-container { padding-top: 120px; padding-bottom: 120px; } .pink-swing-image { width: 527px; top: -9%; right: 0; } .gradient-swing-image { top: 50%; right: 15%; } .newsletter-star { bottom: 20%; left: 15%; } .testimonial-custom-container { padding-top: 160px; padding-bottom: 160px; } .faq-content { background-image: none; } .faq-details { font-family: Poppins, sans-serif; } .faq-list-text { color: #6d7280; font-family: Poppins, sans-serif; } .faq-custom-container { padding-bottom: 120px; } .workprocess-custom-container { padding-top: 120px; padding-bottom: 120px; } .sassy-about-primary-hero-section { background-position: 100% 0; overflow: visible; } .primary-custom-hero-container { padding-bottom: 120px; } .sassy-inner-about-section { width: auto; position: relative; } .sassy-inner-hero-team-image { z-index: 2; display: inline-block; position: relative; overflow: clip; } .sassy-service-custom-container { padding-bottom: 120px; } .service-price-cards { padding-top: 82px; } .service-price-card-one, .service-price-card-two, .service-price-card-three { background-color: var(--white); } .sassy-service-details-section { background-position: -1% 0; } .inner-service-custom-container, .team-custom-container { padding-bottom: 120px; } .inner-discount-price-text-wrapper { justify-content: center; align-items: center; } .inner-price-card-one { background-color: var(--white); } .pricing-swing-image { top: 28%; right: 25%; } .pricing-currency-image { top: 210px; left: 455px; } .sassy-inner-error-paramoly-image { left: 20%; } .sassy-inner-error-blind-image { right: 25%; } .inner-related-custom-container { padding-top: 120px; padding-bottom: 120px; } .faq-absolute-image-wrapper { left: 7%; } .main-faq-content { background-image: none; } .main-faq-absolute-image-wrapper { left: 7%; } .div-block-30 { margin-top: 100px; } .marque-wrap { align-items: center; } .pricing-section-wrapper { margin-top: 0; } .tabs-content { padding-left: 20px; padding-right: 20px; } .primary-right-arrow { top: 59%; left: 59.7%; } .primary-left-arrow { top: 59%; left: 37.3%; } .circle-image-wrapper { justify-content: center; align-items: center; width: 110px; top: 16%; bottom: auto; left: 64%; } .circle-arrow { left: 45%; } .sassy-hero-image { width: 143%; max-width: 115%; position: relative; left: -61px; } .sassy-image-part-one { width: 24%; top: 52%; left: -3%; } .sassy-image-part-two { width: 22%; top: 28%; left: 87%; right: 0%; } .medium-star { top: 16.4%; left: 13.4%; } .small-star { top: 15%; left: 12.6%; } .big-star { width: 38px; height: 50.6563px; font-family: Poppins, sans-serif; display: block; top: -23%; bottom: auto; left: 2%; overflow: visible; } .lottie-animation { width: 140px; top: 70%; right: 15%; } .moving-stick { left: 132px; } .canvas-project-url-text { line-height: 1.2em; } .service-custom-container, .team-details-custom-container { padding-bottom: 120px; } .sassy-two-hero-abosolute-image-wrappers { display: block; } .offer-icon-relative-wrapper { position: relative; } .popup-image-3 { top: 150px; right: -45px; } .popup-image-2 { top: 40px; right: -85px; } .popup-image-1 { top: -40px; right: 0; } .analytic-main-image { width: 300px; } .mobile-image-1 { width: 350px; top: 255px; right: 0; } .mobile-image-2 { top: 488px; right: 60px; } .mobile-image-3 { top: 300px; left: 90px; } .mobile-image-4 { left: 80px; } .agency-inner-price-card-one, .agency-inner-price-card-three, .agency-inner-price-card-two, .business-inner-price-card-two, .business-price-card-one, .business-price-card-three { background-color: var(--white); } .canvas-menu-wrapper { display: block; } .canvas-blog-wrapper { justify-content: center; width: 70%; } .single-menu-wrapper { margin-bottom: 25px; } .canvas-1st-section-wrapper { width: 30%; } .canvas-social-link-wrapper { margin-top: 150px; } .sassy-header-section { position: static; } .faq-custom-container-2 { padding-bottom: 120px; } .canvas-blog-card { width: 560px; height: 760px; } .canvas-blog-content-wrapper { text-align: left; margin-left: 45px; margin-right: 45px; left: 0; right: 0; } .canvas-project-title { text-transform: capitalize; font-size: 16px; } .primary-heading-float-right { margin-bottom: 60px; } .primary-text-float-from-downside { padding-left: 0; font-family: Poppins, sans-serif; } .home-1-price-card-three { background-color: var(--white); height: auto; } .home-1-price-card-one { background-color: var(--white); height: 726.5px; } .home-2-star-icon { top: 210px; left: 180px; } .error-custom-container { padding-bottom: 120px; } .image-22 { width: auto; max-width: none; margin-left: 0; } .hero-section-file { width: 1858px; max-width: none; margin-left: 0; margin-right: 0; } .sassy-two-nav-button-two { color: var(--text-dark-purple); background-color: #0000; border: 1px solid #8776f3; width: auto; height: 45.1875px; padding-left: 13px; padding-right: 13px; } .sassy-two-nav-button-two:hover { background-color: var(--text-dark-purple); color: #fff; } .text-block-29:hover { color: #fff; } .sassy-link-block-one:hover { color: #fff; background-color: #0000; } .sassy-two-nav-button-two-copy { color: #8776f3; background-color: #0000; border: 1px solid #8776f3; } .first-card-container { width: 100%; max-width: 100%; margin-bottom: 50px; margin-left: 0; margin-right: 0; } .second-card-container { justify-content: flex-start; align-self: auto; align-items: stretch; width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .card-left-text-container { width: 36%; margin-top: 50px; margin-left: 0; margin-right: 0; } .card-right-text-container { flex-flow: column; width: 57%; max-width: 57%; margin-left: 0; margin-right: 0; padding-left: 300px; display: block; } .card-right-image-container { width: 50%; margin-left: 0; margin-right: 0; position: relative; } .card-left-image-container { width: 512px; max-width: 43%; height: 431px; margin-left: 0; margin-right: 0; } .text-block-cards-header { font-family: Poppins, sans-serif; } .text-block-cards-paragraph { width: 100%; font-family: Poppins, sans-serif; font-size: 19px; } .image-24 { width: 100%; max-width: none; height: auto; position: absolute; top: -59%; left: 16%; } .text-block-cards-header-speaker { font-family: Poppins, sans-serif; font-size: 25px; } .text-block-30 { font-family: Poppins, sans-serif; font-size: 21px; line-height: 31px; } .text-block-31, .text-block-32 { font-family: Poppins, sans-serif; font-size: 18.8px; line-height: 38px; } .image-26 { width: 100%; top: 84%; left: 27%; } .text-block-cards-header-right { font-family: Poppins, sans-serif; font-size: 25px; } .text-block-cards-paragraph-right { width: 100%; font-family: Poppins, sans-serif; font-size: 16.59px; } .container-platform-integration { flex-flow: row; max-width: 1920px; padding-top: 120px; padding-bottom: 120px; display: flex; overflow: hidden; } .feature-heading-about-us { text-align: left; width: 65%; margin-left: auto; margin-right: auto; font-size: 54px; line-height: 54px; } .about-us-paragraph { color: var(--text-drak-grey); text-align: left; width: 85%; margin-bottom: 32px; font-family: Poppins, sans-serif; font-size: 19px; } .text-block-client-name-slider, .text-block-client-position-slider, .email-submit-button, .email-text-input { font-family: Poppins, sans-serif; } .container-improved-human { padding-top: 120px; padding-bottom: 120px; overflow: visible; } .text-block-34 { font-family: Poppins, sans-serif; } .home-1-price-card-two { background-color: var(--white); } .question-section { padding-bottom: 150px; } .faq-title-text-block, .faq-desc-text-block { margin-left: 0; padding-left: 0; font-family: Poppins, sans-serif; } .footer-text-block-title { font-family: Poppins, sans-serif; } .footer-list-title-follow { color: #8f9cb2; width: auto; max-width: none; padding-top: 8px; } .accordian-paragraph, .accordian-question-title { font-family: Poppins, sans-serif; } .image-29 { top: 0; bottom: 10px; overflow: visible; } .image-30 { pointer-events: auto; width: 250px; height: 125px; right: -171px; overflow: visible; } .image-31 { top: -57px; left: -5%; } .image-32 { width: 300px; height: auto; inset: auto -9% 65px auto; } .image-34 { left: 0; } .image-35 { right: 347px; } .image-37 { top: 155px; right: 560px; } .container-aboutus-team { padding-top: 120px; padding-bottom: 120px; } .body-2 { background-image: none; } .contact-us-form { width: 95%; height: 69%; position: static; top: -279px; } .textfield-contact-form.name-contactform { font-family: Poppins, sans-serif; } .textfield-contact-form.company-contactform { height: 0; transition: all .2s; display: none; } .textfield-contact-form.mail-contactform { font-family: Poppins, sans-serif; } .submit-button-3 { border-color: var(--text-dark-purple); color: var(--text-dark-purple); font-family: Poppins, sans-serif; } .submit-button-3:hover { background-color: var(--text-dark-purple); } .form-3 { width: 75%; height: auto; } .select-field.questiontype-contactform, .phonenumber-contactform.textfield-contact-form { font-family: Poppins, sans-serif; } .image-40 { width: 160%; max-width: 160%; height: 49.9998%; } .image-41 { width: 160%; max-width: 160%; } .image-43 { left: -26%; } .image-44 { top: 64%; right: -32%; } .image-45 { left: -23%; } .image-48 { left: -246px; } .image-50 { right: -3%; } .image-51 { left: -5%; } .message-contactform.textfield-contact-form { padding-top: 0; padding-bottom: 50px; } .textarea { width: 100%; max-width: 100%; font-family: Poppins, sans-serif; } .scrolled { margin-right: 30px; position: sticky; top: 0; } .text-span-5, .text-span-6 { color: var(--text-dark-purple); } .text-block-cards-title-paragraph { color: var(--dark-grey); font-family: Poppins, sans-serif; font-size: 19px; } .image-24-copy { width: 90%; max-width: none; height: auto; position: relative; top: 0%; left: 0%; } .text-span-7 { color: var(--text-dark-purple); } .feature-content-wrapper-mailsec { text-align: center; width: auto; margin-left: auto; } .text-span-8 { color: var(--text-dark-purple); } .feature-image-wrapper-aboutus { width: 50%; margin-left: 220px; position: relative; } .first-img-div-aboutus { float: left; grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; display: flex; } .about-us-divblock { flex-flow: row; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; display: flex; } .first-person-text-content { color: var(--text-drak-grey); text-align: left; margin-bottom: 20px; padding-top: 0; padding-left: 0; font-family: Poppins, sans-serif; } .div-img-with-content-about-us { flex-flow: row; display: flex; } .first-person-text-name { color: #0f2552; align-self: flex-start; margin-bottom: 10px; font-family: Poppins, sans-serif; font-weight: 700; text-decoration: underline; } .image-left-person { width: auto; } .second-img-div-aboutus { float: left; grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; display: flex; } .second-person-text-name { color: #0f2552; align-self: flex-end; margin-bottom: 10px; font-family: Poppins, sans-serif; font-weight: 700; text-decoration: underline; } .second-person-text-content { color: var(--text-drak-grey); text-align: left; padding-top: 20px; padding-left: 0; padding-right: 30px; font-family: Poppins, sans-serif; } .card-bottom-text-container { flex-flow: row; display: flex; } .first-bottom-text-container { box-sizing: border-box; width: 45%; padding-right: 32px; } .second-bottom-text-container-copy { width: 43%; } .container-plans { flex-flow: column; max-width: 1920px; margin-left: 0; padding: 0 250px 30px; display: block; } .feature-heading-email-sender { text-align: center; width: auto; margin-left: 0; margin-right: 0; font-size: 49px; line-height: 54px; } .container-clients { flex-flow: column; max-width: 1920px; margin-left: 0; padding-top: 0; padding-bottom: 30px; padding-left: 15px; display: block; } .text-span-9 { font-family: Poppins, sans-serif; font-weight: 700; } .circle-image-wrapper-header { justify-content: center; align-items: center; width: 110px; top: 192px; bottom: auto; left: -21%; } .sassy-two-nav-button-lang { grid-column-gap: 12px; grid-row-gap: 12px; color: var(--text-dark-purple); background-color: #0000; border: 1px solid #8776f3; width: 120px; height: 45.18px; padding-left: 0; padding-right: 0; } .sassy-two-nav-button-lang:hover { background-color: var(--text-dark-purple); color: #fff; } .dropdown { width: 120px; height: 52px; } .icon { padding-left: 20px; right: 8px; } .image-53 { width: auto; position: relative; left: -10px; } .text-block-35 { font-weight: 500; position: relative; left: -10px; } .language-nav-container { grid-column-gap: 22px; grid-row-gap: 22px; background-color: var(--white); border-radius: 5px; justify-content: flex-start; align-items: stretch; width: auto; height: 45px; margin-top: 5px; padding-top: 8px; padding-left: 15px; display: flex; } .image-pl-flag { width: 27px; height: 27px; position: relative; left: 0; } .icon-pl { color: var(--text-dark-purple); padding-left: 0; } .pl-textblock { padding-top: 3px; font-family: Poppins, sans-serif; font-weight: 700; position: relative; left: -10px; } .link-block-11 { color: #0000; width: 120px; } .dropdown-list { background-color: #ddd; } .dropdown-list.w--open { background-color: #0000; } .sassy-about-us-section { margin-top: 120px; padding-top: 0; position: relative; } .container-savetime { flex-flow: column; max-width: 1920px; margin-left: 0; padding-top: 0; padding-bottom: 30px; padding-left: 250px; display: block; } .image-right-person { width: auto; } .container-why-meetmind { flex-flow: column; max-width: 1920px; margin-left: 0; padding-top: 0; padding-bottom: 30px; padding-left: 250px; display: block; } .tabs-content-whyus { padding-left: 20px; padding-right: 20px; } .submit-button-js { border-color: var(--text-dark-purple); color: var(--text-dark-purple); font-family: Poppins, sans-serif; } .submit-button-js:hover { background-color: var(--text-dark-purple); } .div-img2-with-content-about-us { flex-flow: row; display: flex; } } @media screen and (max-width: 991px) { h1 { font-size: 60px; } h2 { font-size: 45px; } h3 { font-size: 40px; } h4 { font-size: 36px; } .container { padding: 0 10px 50px; } .styleguide-navigation-sidebar { width: 100%; } .style-color-grid-wrap { grid-template-columns: 1fr 1fr; } .styleguide-grid { grid-template-columns: .25fr 1fr; width: 100%; } .style-buttons-grid-wrap, .style-links-grid-wrap { grid-template-columns: 1fr 1fr; } .licenses-content-area { grid-template-columns: .5fr 2.25fr; } .sassy-two-navbar { flex-direction: row; justify-content: space-between; align-items: stretch; width: auto; margin-top: 20px; margin-left: 15px; margin-right: 15px; padding-top: 20px; padding-left: 20px; padding-right: 20px; display: flex; } .sassy-two-wrapper { width: 100%; } .sassy-two-menu { background-color: var(--white); border-radius: 20px; flex-direction: row; width: 97%; height: 200px; margin-top: 10px; margin-left: 10px; margin-right: 10px; padding: 20px; box-shadow: 10px 15px 15px #0003; } .sassy-two-nav-buttons { grid-column-gap: 20px; grid-row-gap: 20px; aspect-ratio: auto; text-align: left; object-fit: fill; flex-flow: row; flex: 0 auto; order: 0; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-self: center; align-items: stretch; width: 100%; padding-top: 0; padding-left: 0; font-family: Poppins, sans-serif; text-decoration: none; display: flex; position: relative; overflow: visible; } .sassy-two-nav-button-one { padding-top: 5px; padding-left: 0; text-decoration: none; } .about-link { padding-bottom: 0; font-size: 16px; } .primary-button { text-decoration: none; } .hero-section-wrapper { flex-wrap: wrap; padding-top: 50px; padding-left: 10px; padding-right: 10px; } .counter-wrapper-block { grid-column-gap: 40px; padding-right: 140px; } .hero-heading-text { font-size: 50px; } .hero-title { padding-left: 0; } .hero-details { padding-right: 85px; font-size: 15px; } .hero-part-one { width: 100%; padding-left: 50px; } .hero-part-two { width: 80%; margin-left: auto; margin-right: auto; } .sassy-two-hero-seciton { width: auto; margin-left: 15px; margin-right: 15px; } .swing-image { width: 130px; top: -194px; left: -15%; } .hero-dot-image { top: 8px; bottom: 0; left: 2%; } .sassy-one-features-section { padding-top: 50px; } .feature-heading { margin-left: auto; margin-right: auto; font-size: 38px; } .feature-details { font-size: 18px; } .primary-card-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column wrap; place-content: flex-start center; align-items: flex-start; } .feature-card { width: 45%; padding: 50px 60px; } .feature-card.one, .feature-card.two, .feature-card.three { width: 100%; } .card-one-texts { padding-top: 30px; padding-bottom: 30px; font-size: 22px; } .analytic-image-wrapper { border-top-right-radius: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; width: 100%; } .analytic-image-wrapper.card-color-4 { width: 100%; } .feature-content-wrapper { text-align: left; width: 80%; margin-left: auto; padding-left: 0; padding-right: 0; overflow: visible; } .feature-card-icons { grid-column-gap: 90px; grid-row-gap: 50px; flex-wrap: wrap; justify-content: center; align-items: center; display: flex; } .analytics-card { flex-direction: column; min-height: 594px; } .analytic-content-wrapper { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; width: 100%; } .analytic-card-mobile-image { width: 60%; } .analytic-card-details, .paragraph-13 { font-size: 18px; } .analytic-star { width: 45px; bottom: 5%; left: 15%; } .analytic-circle { top: 60%; right: 20%; } .price-card { padding-left: 0; padding-right: 0; } .price-title { padding-top: 100px; } .price-plan-cards { grid-row-gap: 100px; flex-wrap: wrap; justify-content: center; } .price-heading { margin-bottom: 15px; font-size: 32px; } .price-text { font-size: 16px; } .price-button { padding-left: 70px; padding-right: 70px; } .feature-image { width: 220px; height: 220px; } .price-offer-text { font-size: 14px; } .discount-stick { top: 73%; right: 34%; } .actual-price { font-size: 50px; } .price-button-two { padding-left: 70px; padding-right: 70px; } .price-section-heading { font-size: 34px; } .offer-price-text { font-size: 15px; } .top-background { width: 100vw; height: 400px; } .bottom-background { width: 100vw; } .background-shape-wrapper { top: 55%; } .section-border-top { top: -8%; } .social-title { width: 100%; } .social-heading { font-size: 44px; } .social-text { font-size: 18px; } .social-icons { flex-wrap: wrap; } .social-image { width: 80px; padding: 15px 20px; } .social-sassy-image { width: 220px; } .counter-section-wrapper { grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-items: center; padding-top: 60px; padding-left: 50px; padding-right: 50px; display: grid; } .counter-numbers { width: 100%; } .heading-6 { font-size: 38px; } .paragraph-16 { font-size: 14px; } .paragraph-17 { font-size: 38px; } .app-store-block { text-align: center; width: 50%; } .mobile-block { width: 50%; } .apple-store, .google-store { width: 150px; } .testimonial-title { width: 100%; } .testimonial-heading { font-size: 44px; } .testimonial-text { font-size: 18px; } .primary-button-three-left { left: 31%; } .primary-button-three-right { left: 63%; } .silder-one, .silder-two, .test-card-three { padding: 40px; } .slider-title { font-size: 18px; line-height: 20px; } .slider-client-name { margin-top: 5px; font-size: 12px; } .slider-details { margin-top: 15px; font-size: 14px; } .star-image { margin-top: 15px; } .sassy-primary-newsfeed-section { background-image: linear-gradient(#fff7f3 40%, #fff 40%); } .newsfeed-title { width: 100%; } .newsfeed-cards { grid-row-gap: 30px; flex-flow: wrap; place-content: stretch center; } .inner-related-blogs-heading { font-size: 44px; } .inner-related-blogs-text { margin-top: 30px; font-size: 18px; } .newsfeed-card-one { width: 340px; } .newsfeed-detaills { padding-left: 20px; padding-right: 20px; } .cta-form { max-width: 90%; margin-top: 350px; margin-left: auto; margin-right: auto; } .cta-form-heading { font-size: 34px; } .form { width: 100%; } .footer-list { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .footer-link-text, .footer-link { font-size: 16px; } .list-part-one { text-align: center; align-self: flex-start; width: 100%; } .footer-left-line { margin-right: 20px; } .footer-right-line { margin-left: 20px; } .footer-social-icons { grid-column-gap: 30px; width: 100%; margin-left: 10px; margin-right: 10px; } .footer-copyright-text { font-size: 16px; } .footer-container { padding-top: 100px; } .list-part-two { width: 100%; margin-top: 50px; } .footer-store-image { justify-content: center; margin-bottom: 40px; } .sassy-two-menu-button { color: var(--white); background-color: #6f56ff; border-radius: 5px; padding: 10px; } .sassy-two-menu-button:hover { background-color: #7060c9; } .sassy-two-menu-button.w--open { background-color: var(--white); color: #8776f3; } .sassy-two-menu-icon { font-size: 30px; } .sassy-two-nav-list { text-align: left; flex-direction: column; align-items: flex-start; padding-left: 15px; } .sassy-two-nav-button-three { width: 100%; font-size: 14px; font-weight: 700; text-decoration: none; } .sassy-one-nav-list { background-color: #cffaea; border-radius: 10px; margin: 10px; padding: 20px 25px; } .sassy-one-nav-icon { border-radius: 15px; width: 100%; margin-top: 20px; padding: 12px 20px; display: none; } .sassy-one-brand-block { text-align: left; } .sassy-one-navbar-wrapper { margin-left: 0; margin-right: 0; } .sassy-one-hero-wrapper { flex-wrap: wrap; } .hero-content { width: 100%; } .hero-text { width: 50%; margin-left: 0; margin-right: 0; padding-left: 45px; } .hero-header { width: 80%; padding-bottom: 30px; font-size: 54px; line-height: 1.2em; } .hero-custom-container { padding-top: 100px; padding-bottom: 60px; padding-left: 15px; } .sassy-one-hero-tags { grid-column-gap: 0px; flex-flow: row-reverse wrap; } .hero-company-tag-icons { grid-column-gap: 15px; grid-row-gap: 20px; flex-flow: wrap; justify-content: center; width: 70%; } .hero-scrolldown-block { order: 1; width: 30%; } .hero-tag-icon { width: 60px; } .sassy-one-heading-circle { width: 250px; top: 27%; left: -2%; } .sassy-one-spring { width: 75px; top: 48%; left: 70%; } .sassy-one-half-spring { top: 15%; left: 48%; } .sassy-one-hero-image { width: 100px; bottom: 42%; } .sassy-one-menu-button { color: #000; background-color: #c9ff70; border-radius: 5px; padding: 12px; } .sassy-one-menu-button.w--open { color: #c9ff70; background-color: #fff; } .support-container-wrapper { padding-top: 100px; padding-bottom: 100px; } .support-heading { margin-bottom: 30px; font-size: 58px; } .support-title { font-size: 18px; } .support-content-block { width: 560px; } .customer-support-cards { grid-column-gap: 30px; grid-row-gap: 40px; margin-top: 60px; } .support-card-button { margin-top: 20px; } .support-card-no-one { width: 350px; } .support-card-title { font-size: 28px; } .support-card-details { font-size: 16px; } .support-card-no-two, .support-card-no-three, .support-card-no-four, .support-card-no-five, .support-register-card { width: 350px; } .support-register-card-details { font-size: 32px; } .analytic-block-wrapper { grid-row-gap: 100px; flex-flow: column; } .analytic-list { text-align: left; justify-content: flex-start; padding-bottom: 10px; font-size: 16px; } .analytic-offer-text { font-size: 14px; } .marketing-details-paragraph { text-align: center; font-size: 16px; } .marketing-heading { margin-bottom: 40px; } .analytic-custom-container { text-align: left; padding: 100px 50px; } .analytic-graph-block { width: 100%; } .marketing-details-header { text-align: center; } .analytic-marketing-details { text-align: left; width: 100%; } .form-heading { font-size: 28px; line-height: 48px; } .newsletter-form { width: 100%; } .submit-button-2 { font-size: 14px; top: 5px; } .newsletter-form-wrapper { margin-top: 40px; } .form-text-field { padding-top: 30px; padding-bottom: 30px; } .pink-swing-image { width: 290px; top: -5%; left: 0%; } .gradient-swing-image { width: 300px; right: 0%; } .newsletter-star { left: 5%; } .sassy-one-testimonial-section { background-size: 100% 100%; } .testimonial-details { font-size: 22px; } .testimonial-custom-container { padding-top: 100px; padding-bottom: 100px; } .touhid { bottom: 4%; left: 2%; } .alvee { left: 12%; } .mendi { bottom: 20%; right: 1%; } .tonni { right: 12%; } .mim { left: 5%; } .yamin { top: 5%; } .newsletter-title-one { grid-column-gap: 10px; } .newsletter-name-one { font-size: 12px; } .newsletter-heading { margin-bottom: 30px; font-size: 58px; } .newsletter-paragraph { font-size: 18px; } .newsletter-details-part { width: 100%; } .faq-wrapper-block { grid-row-gap: 70px; flex-wrap: wrap; } .faq-content { text-align: center; width: 100%; } .faq-heading { margin-bottom: 30px; font-size: 54px; } .paragraph-39 { font-size: 18px; } .faq-dropdowns { width: 100%; } .custom-footer-container { padding-top: 100px; padding-bottom: 40px; } .sassy-one-footer-list { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .sassy-one-footer-social-icons { justify-content: center; } .sassy-one-footer-icons { margin-top: 50px; } .sassy-footer-green-logo { margin-left: 0; margin-right: 0; } .footer-policy-copy { margin-top: 40px; } .sassy-one-list-one { width: 100%; margin-top: 0; } .analytic-marketing-button { text-align: center; margin-top: 20px; } .sassy-one-list-two { text-align: center; align-self: flex-start; width: 40%; margin-top: 40px; margin-left: auto; margin-right: auto; } .faq-custom-container { padding-top: 100px; padding-bottom: 55px; } .workprocess-custom-container { padding-top: 100px; padding-bottom: 100px; } .workprocess-wrapper-block { grid-column-gap: 0px; grid-row-gap: 60px; flex-flow: column; } .work-research { height: 200px; position: relative; } .work-research-text-1 { font-size: 18px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .workprocess-research-wrapper { flex-flow: row; width: 100%; } .workprocess-content-wrapper { text-align: center; width: 100%; } .work-research-text-2, .work-research-text-3, .work-research-text-4 { font-size: 18px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sassy-about-primary-hero-section { margin-left: 15px; margin-right: 15px; } .primary-custom-hero-container { padding-top: 150px; padding-bottom: 80px; } .sassy-inner-header { margin-bottom: 50px; font-size: 48px; } .sassy-inner-hero-team-block { margin-bottom: -150px; } .story-custom-container { padding-top: 200px; padding-bottom: 100px; } .sassy-inner { grid-column-gap: 0px; grid-row-gap: 60px; flex-wrap: wrap; } .sassy-inner-about-block-1 { width: 100%; } .sassy-inner-about-header { font-size: 46px; } .sassy-inner-details { font-size: 18px; } .card-1-name-1 { font-size: 21px; } .card-1-title-1 { font-size: 12px; } .sassy-inner-card-1-titles { right: 0; } .sassy-inner-about-block-2 { width: 100%; } .block-2-text-1, .block-2-text-2, .block-2-text-3 { font-size: 18px; } .on-hover-swiping-nav-link { color: #000; } .on-hover-swiping-nav-link.new-text-color { color: #212e44; } .sassy-primary-canvas-menu-wrapper { text-align: center; border-radius: 15px; width: 100%; margin-top: 20px; padding: 12px 20px; display: none; } .sassy-service-menu-button { color: #fff7f3; background-color: #6f56ff; border-radius: 5px; padding: 12px; } .sassy-service-menu-button.w--open { color: #fff7f3; background-color: #212e44; } .service-workprocess-wrapper { grid-column-gap: 50px; margin-top: 50px; margin-bottom: -50px; } .service-hero-heading { margin-bottom: 40px; font-size: 68px; } .service-hero-content-wrapper { width: 100%; } .service-text { margin-bottom: 50px; } .workprocess-image-block-two { margin-bottom: -40px; } .sassy-service-custom-container { padding-top: 100px; padding-bottom: 100px; } .sassy-service-choose-cards { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: center; margin-top: 60px; } .sassy-choose-card-one, .sassy-choose-card-two, .sassy-choose-card-three { width: 350px; } .sassy-service-testimonial-section { background-size: 100% 100%; } .service-partner-wrapper { grid-row-gap: 50px; text-align: center; flex-flow: column; align-items: stretch; } .sassy-service-partner-section { background-size: 645px; } .partner-content-wrapper { width: 100%; } .sassy-service-partnership-image { width: 70px; } .partnership-logo-wrapper { justify-content: center; width: 100%; } .partnership-logo-block { padding: 20px 35px; } .service-price-heading { font-size: 54px; } .service-price-text { font-size: 18px; line-height: 1.4em; } .service-price-cards { flex-wrap: wrap; justify-content: center; } .service-price-card-one, .service-price-card-two, .service-price-card-three { width: 350px; padding-left: 50px; padding-right: 50px; } .service-price-button-one, .service-price-button-two, .service-price-button-three { padding-left: 84px; padding-right: 84px; } .blog-details-part { width: 100%; } .blog-heading { margin-bottom: 30px; font-size: 54px; } .blog-paragraph { width: 370px; font-size: 18px; } .blog-cards { grid-column-gap: 20px; grid-row-gap: 20px; flex-wrap: wrap; justify-content: center; } .blog-card { width: 355px; height: 450px; } .blog-content-wrapper { width: 310px; padding-left: 20px; padding-right: 20px; bottom: 20px; } .sassy-service-details-section { background-position: -30% 0; background-size: 400px; } .service-details-heading { font-size: 54px; line-height: 1em; } .service-details-paragraph { width: 550px; font-size: 18px; } .service-details-heading-wrapper { margin-bottom: 80px; } .service-feature-block-two { grid-row-gap: 20px; flex-flow: wrap; margin-bottom: 40px; } .sassy-story-points { text-align: center; justify-content: flex-start; } .block-two-part-three, .block-two-part-one { text-align: center; width: 100%; } .block-two-part-two { text-align: center; } .feature-para-one { font-size: 18px; } .service-feature-block-three { grid-row-gap: 50px; flex-wrap: wrap; } .block-three-part-one, .block-three-part-two { text-align: center; width: 100%; } .pricing-heading-image { width: 250px; margin-bottom: 100px; } .inner-service-custom-container { padding-bottom: 100px; } .service-details-custom-container { padding-top: 140px; } .sassy-feature-custom-container { padding-top: 50px; padding-bottom: 100px; } .part-two-points { text-align: center; } .team-content-heading { margin-bottom: 30px; font-size: 68px; } .team-content-details { width: 600px; font-size: 18px; } .team-card-name { font-size: 18px; } .team-card-title { font-size: 12px; } .team-custom-container { padding-top: 140px; padding-bottom: 100px; } .team-joining-heading { font-size: 68px; } .member-block-wrapper { grid-row-gap: 50px; flex-wrap: wrap; } .members-social-link-wrapper { margin-top: 40px; } .member-content-block { text-align: left; width: 100%; } .member-image-block { text-align: center; width: 100%; } .sassy-inner-pricing-section { background-position: 0 15%; background-size: 601px; } .inner-price-card { padding-left: 0; padding-right: 0; } .inner-price-title { padding-bottom: 60px; } .inner-price-heading { margin-bottom: 40px; font-size: 56px; } .inner-price-card-one { width: 400px; padding-left: 50px; padding-right: 50px; } .price-button-three { text-align: center; padding-left: 84px; padding-right: 84px; } .pricing-swing-image { top: 12%; right: 5%; } .pricing-currency-image { width: 80px; top: 130px; left: 30px; } .hidden-price-text-wrapper { top: -5.4%; } .inner-price-custom-container { padding-top: 140px; } .error-appear-block { margin-bottom: 50px; } .error-number-one, .error-number-two { font-size: 250px; } .sassy-inner-error-button { padding-left: 84px; padding-right: 84px; } .error-heading { font-size: 64px; } .error-text { margin-bottom: 50px; font-size: 16px; } .sassy-inner-error-star-image { left: 10%; } .sassy-inner-error-double-ball-image { right: 5%; } .sassy-inner-error-paramoly-image { width: 30px; bottom: 40%; left: 2%; } .sassy-inner-error-blind-image { bottom: 50%; right: 10%; } .meta-info-wrapper { margin-bottom: 40px; } .meta-info-block-one-part-two { grid-column-gap: 20px; } .meta-name-one, .meta-name-two, .meta-name-three { font-size: 16px; } .error-lotti-animate-image { width: 300px; } .inner-blog-heading { font-size: 68px; } .inner-blog-content-wrapper { width: 100%; margin-bottom: 100px; } .blog-details-custom-container { padding-top: 140px; } .inner-related-custom-container { padding-top: 100px; padding-bottom: 100px; } .inner-related-blogs-wrapper { width: 100%; } .faq-padding-wrapper { padding-top: 10px; } .faq-absolute-image-wrapper { left: 27%; } .main-faq-title { font-size: 18px; } .main-faq-content { text-align: center; width: 100%; } .main-faq-absolute-image-wrapper { z-index: -1; left: 30%; } .sassy-primary-navbar-1, .sassy-home-one-custom-navbar-copy { padding-top: 20px; padding-left: 15px; padding-right: 15px; } .sassy-primary-navbar-wrapper { margin-left: 0; margin-right: 0; } .sassy-primary-brand-block { text-align: left; } .sassy-primary-nav-list-wrapper { text-align: left; background-color: #fff7f3; border-radius: 10px; flex-direction: row; width: 95%; margin-top: 5px; margin-left: auto; margin-right: auto; padding: 20px 45px 20px 30px; } .static-nav-item-text.new-text-color { color: #212e44; } .home-nav-link { padding: 8px 15px; font-size: 14px; } .primary-navbar-dropdown-list { margin-top: 10px; margin-left: 0; padding: 15px; position: static; left: 180%; right: auto; } .home-dropdown, .page-dropdown { margin-bottom: 20px; margin-left: 0; margin-right: 0; } ._2nd-primary-dropdown-list { background-color: #ddd0; margin-top: 10px; position: static; } .nav-list-link { padding: 8px 15px; font-size: 14px; } .primary-mega-menu { grid-template-rows: auto; width: 90vw; padding: 1rem 2rem; transform: translate(0%); } .nav-list-header { margin-bottom: 20px; } .nav-list-wrapper { grid-row-gap: .5rem; } .on-hover-swiping-text.new-text-color { color: #212e44; } .nav-items { margin-bottom: 20px; } .nav-items.fefe { margin-bottom: 0; } .primary-text.new-text-color { color: #212e44; } .mega-menu-header { font-size: 16px; } .primary-navbar-list-wrap { box-shadow: none; background-color: #fffaf800; margin-top: 0; position: static; } .sassy-primary-nav-list { flex-direction: column; align-items: flex-start; } .sassy-primary-navbar-2 { padding-left: 15px; padding-right: 15px; } .sassy-primary-navbar-2-copy { padding-top: 20px; padding-left: 15px; padding-right: 15px; } .sassy-primary-navbar, .sassy-error-navbar { padding-left: 15px; padding-right: 15px; } .pricing-section-wrapper { margin-top: 0; } .tabs-content { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: wrap; justify-content: flex-start; align-items: stretch; padding-left: 10px; padding-right: 10px; display: flex; } .business-pricing-cards { grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: wrap; justify-content: center; align-items: stretch; } .tabs { display: block; } .tab-pane-tab-1 { padding-left: 15px; padding-right: 15px; } .tab-pane-tab-2 { padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .primary-right-arrow { padding: 6px 12px; left: 63%; } .primary-left-arrow { padding: 6px 12px; left: 31%; } .left-arrow { left: 27%; } .right-arrow { right: 31%; } .circle-image-wrapper { width: 90px; top: -205px; left: 75%; } .sassy-hero-image { width: 115%; max-width: 122%; } .sassy-image-part-one { padding-left: 0; top: 48%; left: -3%; } .sassy-image-part-two { top: 23%; right: -30%; } .medium-star { top: 55px; left: 105px; } .small-star { top: 40px; left: 92px; } .big-star { width: 30px; height: auto; top: -26%; left: 2%; } .blog-details-meta-block { margin-bottom: 30px; } .moving-stick { width: 30px; left: 130px; } .home-dropdown-list { margin-top: 10px; margin-left: -5px; display: none; } .pages-dropdown-wrapper { width: 89vw; } .home-link-wrapper { margin-bottom: 10px; margin-left: 10px; margin-right: 0; } .pages-link-wrapper { z-index: 5; margin-bottom: 10px; margin-left: 10px; margin-right: 0; } .pages-dropdown-list-2 { margin-top: 10px; transform: translate(0%); } .blog-link { padding-bottom: 0; font-size: 16px; } .toggle-arrowup { top: 5%; left: 0%; } .pricing-link { padding-bottom: 0; font-size: 16px; } .static-about-text { text-align: left; } .nav-items-wrapper { margin-bottom: 10px; overflow: hidden; } .pricing-text { text-align: left; } ._2nd-row-counter-number { font-size: 44px; } ._2nd-row-counter-number._2nd-row-change-font { line-height: 1.5em; } ._1st-row-counter-number, .counter-number-text { font-size: 44px; } ._2nd-counter-up-wrapper { margin-bottom: 10px; } .text-block-16 { font-size: 65px; line-height: 1.2em; } .canvas-project-url-text { font-size: 16px; } .service-custom-container { padding-top: 150px; padding-bottom: 0; } .blog-custom-container, .team-details-custom-container { padding-top: 150px; padding-bottom: 80px; } .blog-rich-text p { font-size: 16px; } .blog-rich-text h3 { font-size: 28px; } .blog-rich-text li { font-size: 16px; } .team-member-background { width: 350px; height: 380px; } .lower-round-image { width: 360px; bottom: -24%; } .team-list-wrapper { grid-column-gap: 40px; grid-row-gap: 80px; grid-template-columns: 1fr 1fr; } .team-details-rich-text h5 { font-size: 18px; } .team-details-rich-text h3 { font-size: 28px; } .team-details-rich-text li { font-size: 16px; } .team-details-rich-text h4 { font-size: 18px; } .members-image-wrapper { width: 300px; } .team-members-collection-list { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: 1fr 1fr; } .sassy-one-hero-image-area { width: 100%; padding-top: 220px; } .thunder-icon-wrapper { width: 150px; left: -115px; right: auto; } .popup-image-3 { top: 50px; right: 15px; } .popup-image-2 { top: -20px; right: -15px; } .popup-image-1 { top: -85px; right: 0; } .offer-icon-wrapper { width: 180px; display: block; top: 49%; left: 60%; } .leaf-1 { width: 8px; } .leaf-2 { width: 30px; } .leaf-3 { width: 35px; } .leaf-icon-wrapper { display: block; bottom: 470px; right: -60px; } .circle-and-women-image-wrapper { bottom: -140px; left: 279px; } .circle-two-block { top: 15px; } .arrow-move { width: 120px; } .swing-image-wrapper { top: 290px; left: 125px; } .analytic-main-image { width: 30%; } .mobile-image-1 { top: 170px; right: 130px; } .mobile-image-2 { top: 288px; right: 79px; } .mobile-image-3 { top: 180px; left: 190px; } .mobile-image-4 { width: 250px; top: 70px; left: 140px; } .price-button-one { padding-left: 70px; padding-right: 70px; } .buisness-tab { padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .service-details-hero-image-wrapper { width: 680px; } .hero-right-image-wrapper { width: 200px; right: 0; } .hero-left-image-wrapper { width: 280px; top: -30px; left: 10px; } .feature-1-right-image-wrapper { width: 300px; right: 125px; } .feature-1-left-image-wrapper { width: 300px; bottom: 100px; left: 90px; } .feature-2-left-image-wrapper { width: 300px; bottom: 12%; left: 10%; } .feature-2-right-image-wrapper { width: 350px; top: 8%; right: 15%; } .agency-inner-price-card-one, .agency-inner-price-card-three, .agency-inner-price-card-two, .business-inner-price-card-two, .business-price-card-one, .business-price-card-three { width: 400px; padding-left: 50px; padding-right: 50px; } .offcanvas-menu { display: none; } .linked-feature-card { width: 45%; } .sassy-service-cards-wrapper { flex-wrap: wrap; padding-bottom: 0; } .service-feature-card { width: 45%; padding: 50px 60px; } .service-feature-card.one, .service-feature-card.two, .service-feature-card.three { width: 100%; } .homepage-2-blog-cards { grid-column-gap: 20px; grid-row-gap: 20px; flex-wrap: wrap; grid-template-columns: 1fr 1fr; grid-auto-flow: row; justify-content: center; } .faq-custom-container-2 { padding-top: 140px; padding-bottom: 100px; } .canvas-blog-card { width: 355px; height: 500px; } .canvas-blog-cards-wrapper { grid-column-gap: 20px; grid-row-gap: 20px; flex-wrap: wrap; justify-content: center; } .canvas-blog-content-wrapper { padding-left: 20px; padding-right: 20px; } .home-2-hero-partner-tags { padding-top: 0; } .analytic-list-wrapper { text-align: center; } .agency-pricing-cards { grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: wrap; justify-content: center; } .counter-main-image { width: 300px; } .home-1-price-card-three { padding-left: 50px; padding-right: 50px; } .home-1-price-card-one { height: auto; padding-left: 50px; padding-right: 50px; } .inner-about-custom-container { padding-top: 100px; } .blog-title-image-wrapper { height: 300px; } .home-2-star-icon { top: 130px; left: 50px; } .error-custom-container { padding: 140px 10px 100px; } .category-name { font-size: 12px; } .sassy-one-hero-area { padding-bottom: 80px; } .div-block-46 { width: 230px; height: 450px; margin-right: auto; } .company-nav-list-wrapper, .utility-nav-list-wrapper { grid-row-gap: .5rem; } .hero-tag-icon-hide { width: 60px; } .image-22 { width: 100%; } .sassy-two-nav-button-two, .sassy-two-nav-button-two-copy { font-size: 14px; font-weight: 700; text-decoration: none; } .first-card-container { flex-flow: column wrap-reverse; place-content: stretch flex-start; align-items: stretch; margin-left: auto; } .second-card-container { grid-column-gap: 40px; grid-row-gap: 40px; } .card-left-text-container { width: 80%; } .card-right-text-container { width: 80%; margin-top: 60px; padding-left: 0; } .card-right-image-container { text-align: center; width: 100%; margin-bottom: 50px; margin-left: auto; margin-right: auto; } .text-block-cards-paragraph { width: 100%; } .image-24 { width: 80%; margin-top: 0; margin-left: auto; margin-right: auto; padding-left: 0; position: static; } .image-26 { top: 244px; left: 76px; } .text-block-cards-paragraph-right { width: 100%; } .container-platform-integration { padding: 100px 10px; } .feature-heading-about-us { width: 100%; margin-left: 0; margin-right: 0; font-size: 30px; } .about-us-paragraph { width: 100%; margin-left: 0; margin-right: 0; font-size: 13px; } .image-27 { width: 90%; max-width: 100%; } .email-submit-button { width: 24%; left: 74%; } .container-improved-human { padding: 100px 10px; } .home-1-price-card-two { padding-left: 50px; padding-right: 50px; } .faq-title-text-block { padding-left: 10px; font-size: 30px; } .faq-desc-text-block { padding-left: 0; font-size: 12px; } .container-faq-title { margin-left: 0; margin-right: 0; } .image-29 { inset: 3% -8% 122px auto; } .image-31 { right: -152px; } .image-32 { width: 200px; height: auto; top: 28px; bottom: auto; left: -102px; } .image-37 { width: 150px; height: 130px; top: 195px; right: 144px; } .container-aboutus-team { padding: 100px 10px; } .testimonial-slider-wrapper-aboutus { flex-flow: wrap; } .silder-one-aboutus, .silder-two-aboutus, .test-card-three-aboutus { padding: 40px; } .contact-us-header { font-size: 44px; } .textfield-contact-form.company-contactform { transition: height .2s; display: block; } .form-3 { width: 90%; } .image-42 { width: 20%; top: 70%; left: auto; right: 8%; } .image-43 { left: -32%; } .image-44 { top: 71%; right: -37%; } .image-45 { left: -22%; } .image-46 { left: 4%; } .image-49 { top: 1%; left: 1%; } .image-50 { top: 81%; right: -10%; } .image-51 { bottom: 0%; left: -13%; transform: rotateX(180deg)rotateY(0)rotateZ(180deg); } .textarea { width: 600px; max-width: 600px; } .scrolled { flex-direction: row; justify-content: space-between; align-items: stretch; width: 96%; margin-top: 20px; margin-left: 15px; margin-right: 15px; padding-top: 20px; padding-left: 20px; padding-right: 20px; display: none; } .image-24-copy { margin-top: 0; margin-left: auto; margin-right: auto; padding-left: 0; } .feature-content-wrapper-mailsec { width: 100%; } .feature-image-wrapper-aboutus { width: 80%; margin-left: auto; margin-right: auto; } .about-us-divblock { flex-flow: column wrap-reverse; } .card-bottom-text-container { flex-flow: column wrap-reverse; width: 80%; max-width: 728px; margin-left: auto; margin-right: auto; } .first-bottom-text-container { width: 100%; margin-left: auto; margin-right: auto; } .second-bottom-text-container-copy { width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; } .container-plans { padding: 0 10px 50px; } .feature-heading-email-sender { font-size: 30px; } .container-clients { padding: 0 10px 50px; } .circle-image-wrapper-header { width: 90px; top: -226px; left: 75%; } .sassy-two-nav-button-lang { font-size: 14px; font-weight: 700; text-decoration: none; } .dropdown { margin-right: 0; } .sassy-about-us-section { padding-top: 50px; } .container-savetime, .container-why-meetmind { padding: 0 10px 50px; } .tabs-whymeetmind { display: block; } .tab-pane-tab-1-whyus { padding-left: 15px; padding-right: 15px; } .tabs-content-whyus { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: wrap; justify-content: flex-start; align-items: stretch; padding-left: 10px; padding-right: 10px; display: flex; } .tab-pane-tab-2-whyus { padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 767px) { h1 { font-size: 40px; } h2 { font-size: 36px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } .container { padding-top: 30px; padding-bottom: 80px; } .styleguide-sidebar-wrapper { overflow: visible; } .style-contant-sub-heading.style-border, .style-contant-sub-heading.border { margin-bottom: 30px; padding-bottom: 30px; } .styleguide-navigation-sidebar { z-index: 99; max-height: 28vh; position: fixed; } .styleguide-grid { display: block; } .style-buttons-grid-wrap { grid-row-gap: 30px; } .style-dropdown-menu-list { background-color: #fff; } .style-typography-grid-wrap { grid-row-gap: 30px; } .style-bottom-sidebar-wrapper { display: none; } .style-dropdown-menu-toggle { background-color: #fff; } .style-top-sidebar-wrapper { margin-bottom: 30px; } .style-contant-wrapper { margin-bottom: 30px; padding-top: 30px; } .changelog-content { grid-template-columns: 1fr 3fr; } .items-text { width: 30%; } .licenses-box-wrap { padding-bottom: 250px; } .left-side-area { position: static; } .unsflash-single-image, .unsflash-img { width: 100%; } .licenses-content-area { grid-template-columns: 1fr; } .unsflash-image-box { grid-template-columns: 1fr; justify-items: center; } .startup-btn-outline { padding: 13px 28px; font-size: 14px; } .sassy-two-navbar { width: auto; height: auto; margin-left: 15px; margin-right: 15px; transition: all .3s ease-in-out; position: sticky; top: 0; } .sassy-two-menu { width: 96%; height: auto; } .sassy-two-nav-buttons { flex-flow: column; justify-content: center; align-self: center; align-items: flex-start; width: 100%; display: flex; overflow: visible; } .hero-section-wrapper { padding: 80px 10px; } .counter-wrapper-block { margin-top: 30px; padding-left: 60px; padding-right: 60px; } .hero-heading-text { font-size: 44px; } .hero-title { padding-left: 15px; } .hero-details { padding-left: 0; padding-right: 95px; font-size: 16px; } .hero-part-one { padding-left: 30px; } .hero-part-two { width: 70%; } .sassy-two-hero-seciton { width: auto; } .swing-image { width: 100px; top: -211px; left: -25%; } .hero-dot-image { width: 40px; top: 10px; bottom: 0%; left: -3%; } .sassy-one-features-section { padding-top: 0; } .feature-heading { width: 100%; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 25px; } .feature-details { font-size: 15px; } .primary-card-wrapper { grid-column-gap: 30px; grid-row-gap: 30px; flex-wrap: wrap; justify-content: center; align-items: stretch; margin-top: 70px; padding-bottom: 30px; padding-left: 0; padding-right: 0; display: flex; } .feature-card { width: 100%; padding: 50px 60px; } .card-one-texts { padding-top: 25px; padding-bottom: 25px; font-size: 25px; } .feature-content-wrapper { padding-left: 0; padding-right: 0; } .feature-card-icons { grid-column-gap: 30px; grid-row-gap: 30px; flex-wrap: nowrap; justify-content: center; align-items: center; padding-top: 50px; display: flex; } .feature-card-icon { width: 20%; height: 25px; } .analytic-content-wrapper { width: 100%; padding: 50px 40px; } .analytic-card-heading { margin-bottom: 30px; font-size: 38px; } .analytic-card-details, .paragraph-13 { font-size: 15px; } .analytic-star { bottom: 10%; } .analytic-circle { top: 60%; right: 17%; } .analytic-button { padding: 12px 30px; font-size: 14px; } .price-title { padding-top: 60px; } .price-plan-cards { flex-wrap: wrap; padding-top: 50px; padding-left: 50px; padding-right: 50px; } .price-text { font-size: 15px; } .price-button { width: 100%; padding-left: 84px; padding-right: 84px; } .feature-image { max-width: 100%; } .price-offer-text { font-size: 15px; line-height: 26px; } .discount-stick { top: 60%; right: 58%; } .discount-price { font-size: 25px; line-height: 1.5em; } .price-section-heading { margin-bottom: 20px; } .top-background, .bottom-background { height: 1500px; } .section-border-top { top: -10%; } .social-heading { font-size: 38px; } .social-text { margin-top: 30px; font-size: 16px; } .social-image { border-radius: 10px; width: 55px; padding: 10px 15px; } .social-sassy-image { width: 150px; } .counter-section-wrapper { padding: 40px 40px 0; } .counter-numbers { grid-column-gap: 60px; } .heading-6 { font-size: 28px; line-height: 35px; } .paragraph-16 { font-size: 12px; } .paragraph-17 { font-size: 28px; } .apple-store { width: 120px; margin-bottom: 10px; } .google-store { width: 120px; } .testimonial-heading { margin-bottom: 30px; font-size: 38px; } .testimonial-text { font-size: 15px; } .primary-button-three-left { padding: 6px 12px; font-size: 12px; } .primary-button-three-right { padding: 6px 12px; font-size: 12px; left: 62%; } .silder-one, .silder-two, .test-card-three { padding: 50px 30px; } .slider-title { font-size: 15px; } .slider-client-name { font-size: 10px; line-height: 10px; } .slider-details { font-size: 11px; line-height: 1.5em; } .sassy-primary-newsfeed-section { background-image: linear-gradient(#fff7f3 25%, #fff 25%); } .inner-related-blogs-heading { font-size: 38px; line-height: 45px; } .inner-related-blogs-text { margin-top: 25px; font-size: 16px; } .sassy-one-cta-section { margin-bottom: 200px; } .cta-form { max-width: 95%; margin-top: 300px; padding: 50px 40px; } .cta-form-heading { font-size: 26px; } .cta-form-text-field-one { font-size: 14px; } .submit-button { padding-top: 12px; padding-bottom: 12px; font-size: 14px; } .form { width: 100%; } .footer-wrapper { flex-direction: column; align-items: center; } .footer-icons { margin-top: 50px; } .footer-description { font-size: 16px; } .footer-link-text { margin-bottom: 5px; } .footer-list-title { margin-bottom: 10px; font-size: 16px; } .footer-link { font-size: 14px; } .footer-social-icons { grid-column-gap: 25px; } .footer-policy-block { text-align: center; } .terms-and-condition-text { text-align: left; padding-right: 15px; font-size: 16px; line-height: 1.6em; } .footer-copyright-text { font-size: 16px; } .footer-container { padding-top: 80px; } .list-part-two { grid-column-gap: 15px; grid-row-gap: 15px; flex-wrap: nowrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: space-between; display: grid; } .sassy-two-menu-button { padding: 8px; } .footer-primary-twitter-icon { font-size: 16px; } .paragraph-with-no-border { text-align: left; font-size: 12px; } .sassy-two-nav-button-three { border-radius: 5px; width: 190px; padding: 10px 18px; } .sassy-one-navbar-wrapper { margin-left: 0; margin-right: 0; } .hero-text { padding-left: 40px; font-size: 15px; line-height: 1.5em; } .hero-header { width: 101%; padding-bottom: 30px; font-size: 40px; } .hero-custom-container { padding-top: 80px; } .hero-company-tag-icons { grid-column-gap: 20px; grid-row-gap: 20px; width: 100%; margin-left: 15px; margin-right: 15px; padding-bottom: 0; } .hero-scrolldown-block { display: none; } .hero-tag-icon { width: 63px; } .sassy-one-heading-circle { width: 190px; top: 0%; left: 65%; } .sassy-one-spring { width: 70px; top: 40%; } .sassy-one-half-spring { width: 80px; top: 14%; } .sassy-one-hero-image { width: 80px; bottom: 46%; left: 33%; } .sassy-one-menu-button { padding: 10px; } .support-container-wrapper { padding-top: 80px; padding-bottom: 80px; } .support-heading { margin-bottom: 20px; font-size: 48px; } .support-title { font-size: 15px; } .support-content-block { width: auto; } .customer-support-cards { grid-column-gap: 0px; grid-row-gap: 40px; justify-content: center; margin-top: 50px; } .support-card-button { margin-top: 10px; } .support-card-no-one { width: 350px; } .analytic-offer-text { font-size: 15px; } .marketing-details-paragraph { margin-bottom: 30px; font-size: 15px; } .marketing-heading { margin-bottom: 30px; } .analytic-custom-container { background-size: 280px; padding-top: 80px; padding-bottom: 80px; } .form-heading { font-size: 22px; line-height: 35px; } .newsletter-wrapper-block { padding-left: 50px; padding-right: 50px; } .submit-button-2 { padding-top: 8px; padding-bottom: 8px; font-size: 12px; line-height: 2em; top: 4px; right: 4px; } .newsletter-form-wrapper { margin-top: 20px; } .form-text-field { padding-top: 25px; padding-bottom: 25px; font-size: 12px; line-height: 30px; } .pink-swing-image { width: 220px; top: -5%; } .gradient-swing-image { width: 200px; top: 52%; right: 0%; } .newsletter-star { width: 25px; left: 2%; } .sassy-one-testimonial-section { background-position: 50% 0; background-size: 600px 100%; } .testimonial-details { font-size: 16px; } .testimonial-wrapper-block { width: 100%; margin-top: 200px; } .testimonial-custom-container { padding-top: 80px; padding-bottom: 80px; } .touhid { width: 75px; bottom: 4%; } .alvee { width: 50px; bottom: 36%; } .mendi { width: 80px; bottom: 22%; right: 2%; } .tonni { width: 50px; top: 34%; } .mim { width: 85px; } .yamin { width: 85px; top: 2%; } .customer-support-absolute-text { font-size: 30px; top: 12%; left: 46%; } .newsletter-heading { margin-bottom: 20px; font-size: 48px; } .newsletter-paragraph { font-size: 15px; } .customer-support-image { width: 100px; } .faq-wrapper-block { grid-row-gap: 50px; } .faq-title-text { font-size: 16px; } .faq-details { margin-bottom: 20px; font-size: 13px; } .faq-details.is-border-left, .faq-list-text { font-size: 14px; } .faq-question-wrapper { margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; } .faq-question-wrapper.change-icon-position { margin-bottom: 0; padding: 25px 15px; } .faq-heading { font-size: 48px; } .paragraph-39 { font-size: 15px; } .custom-footer-container { padding-top: 80px; } .sassy-one-footer-wrapper { flex-direction: column; align-items: center; } .sassy-one-footer-list { align-items: flex-start; } .sassy-one-footer-icons { margin-top: 50px; } .sassy-one-list-one { grid-column-gap: 15px; grid-row-gap: 15px; flex-wrap: nowrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: space-between; display: grid; } .footer-googleplay-image { margin-right: 0; } .sassy-one-list-two { text-align: center; width: 60%; } .faq-custom-container { padding-top: 80px; padding-bottom: 20px; } .footer-playstore-title { margin-bottom: 20px; font-size: 16px; } .workprocess-custom-container { padding-top: 80px; padding-bottom: 80px; } .workprocess-wrapper-block { grid-row-gap: 120px; } .work-research { height: 150px; } .work-research-text-1 { font-size: 16px; } .workprocess-content-text { font-size: 19px; } .workprocess-research-wrapper { grid-column-gap: 80px; grid-row-gap: 80px; grid-template-columns: 1fr 1fr; } .work-research-text-2, .work-research-text-3, .work-research-text-4 { font-size: 16px; } .sassy-about-primary-hero-section { margin-left: 13px; margin-right: 13px; } .primary-custom-hero-container { padding-top: 120px; padding-bottom: 80px; } .sassy-inner-header { margin-bottom: 40px; font-size: 38px; } .sassy-inner-hero-team-block { margin-bottom: -100px; } .story-custom-container { padding-top: 150px; padding-bottom: 80px; } .sassy-inner { padding-top: 80px; } .block-1-image-wrapper { width: 50%; } .sassy-inner-about-header { font-size: 34px; } .sassy-inner-details { font-size: 16px; } .sassy-inner-team-header { font-size: 38px; } .sassy-inner-team-text { font-size: 16px; } .card-1-name-1, .card-1-title-1 { padding-left: 40px; padding-right: 40px; } .block-2-text-1, .block-2-text-2, .block-2-text-3 { font-size: 16px; } .sassy-service-menu-button { padding: 10px; } .service-workprocess-wrapper { margin-bottom: -40px; } .service-hero-heading { margin-bottom: 30px; font-size: 48px; } .service-text { margin-bottom: 40px; font-size: 18px; line-height: 1.3em; } .workprocess-image-block-one { width: 25%; } .workprocess-image-block-two { width: 75%; margin-bottom: -40px; } .sassy-service-custom-container { padding-top: 80px; padding-bottom: 80px; } .sassy-service-choose-cards { grid-column-gap: 0px; grid-row-gap: 40px; justify-content: center; margin-top: 50px; } .sassy-choose-card-one { width: 350px; } .choose-text { font-size: 18px; } .choose-heading { font-size: 48px; } .sassy-service-testimonial-section { background-position: 50% 0; background-size: 600px 100%; } .partner-content-heading { font-size: 38px; } .sassy-service-partnership-image { width: 60px; } .service-price-heading { font-size: 48px; } .service-price-text { font-size: 18px; } .service-price-cards { flex-wrap: wrap; padding-top: 50px; padding-left: 70px; padding-right: 70px; } .service-price-card-one { padding: 50px 45px; } .service-price-card-two { margin-top: 20px; padding: 50px 45px; } .service-price-card-three { width: 350px; margin-top: 20px; padding-left: 45px; padding-right: 45px; } .service-price-button-one, .service-price-button-two { width: 100%; padding-left: 90px; padding-right: 90px; } .service-price-button-three { padding-left: 90px; padding-right: 90px; } .blog-heading { margin-bottom: 20px; font-size: 40px; } .blog-paragraph { width: 320px; font-size: 15px; } .blog-card { width: 350px; height: 450px; margin-left: auto; margin-right: auto; } .sassy-service-details-section { background-position: -100% 0; } .service-details-heading { margin-bottom: 30px; font-size: 40px; } .service-details-heading-wrapper { margin-bottom: 50px; } .service-feature-block-one { grid-row-gap: 40px; text-align: center; flex-wrap: wrap; margin-bottom: 40px; } .sassy-story-points { margin-bottom: 15px; } .story-list-text { font-size: 14px; } .part-one-heading { margin-bottom: 20px; font-size: 26px; } .part-one-paragraph { font-size: 16px; } .part-two-heading { margin-bottom: 20px; font-size: 26px; } .part-two-paragraph, .feature-para-one, .feature-para-two { font-size: 16px; } .content-wrapper-heading-one { margin-bottom: 20px; font-size: 26px; } .content-wrapper-paragraph-one { margin-bottom: 40px; font-size: 16px; } .content-wrapper-heading-two { margin-bottom: 20px; font-size: 26px; } .content-wrapper-paragraph-two { font-size: 16px; } .pricing-heading-image { width: 200px; margin-bottom: 80px; } .inner-service-custom-container { padding-bottom: 80px; } .service-details-custom-container { padding-top: 120px; } .sassy-feature-custom-container { padding-bottom: 80px; } .team-content-heading { font-size: 64px; } .team-content-details { width: 500px; } .team-card-name { padding-left: 40px; padding-right: 40px; font-size: 18px; } .team-card-title { padding-left: 40px; padding-right: 40px; } .team-custom-container { padding-top: 120px; padding-bottom: 80px; } .team-joining-content { padding-top: 60px; } .team-joining-heading { font-size: 64px; } .sassy-inner-pricing-section { background-position: 0 15%; background-size: 400px; } .inner-price-title { padding-bottom: 60px; } .inner-price-heading { font-size: 52px; } .inner-discount-price-text { font-size: 16px; } .inner-price-blur-text { font-size: 15px; } .inner-price-card-one { padding: 50px 45px; } .pricing-swing-image { width: 199px; display: block; top: 14%; right: 2%; } .pricing-currency-image { left: 25px; } .inner-price-custom-container { padding-top: 120px; } .error-appear-block { margin-bottom: 40px; } .error-number-one, .error-number-two { font-size: 150px; } .sassy-inner-error-button { padding-left: 60px; padding-right: 60px; } .error-heading { font-size: 54px; } .error-text { margin-bottom: 40px; font-size: 14px; } .sassy-inner-error-star-image { left: 10%; } .sassy-inner-error-paramoly-image { bottom: 48%; left: 2%; } .sassy-inner-error-blind-image { bottom: 50%; right: 8%; } .meta-info-wrapper { grid-column-gap: 30px; grid-row-gap: 20px; flex-wrap: wrap; justify-content: center; } .meta-name-one, .meta-name-two, .meta-name-three { font-size: 14px; } .error-lotti-animate-image { width: 200px; } .inner-blog-heading { font-size: 48px; } .inner-blog-content-wrapper { margin-bottom: 80px; } .blog-details-custom-container { padding-top: 140px; } .inner-related-custom-container { padding-top: 80px; padding-bottom: 80px; } .meta-info-block-two { text-align: center; } .faq-padding-wrapper { padding: 5px 25px 20px; } .faq-absolute-image-wrapper { left: 20%; } .main-faq-padding-wrapper { padding-left: 45px; padding-right: 25px; } .main-faq-title { font-size: 16px; } .main-faq-absolute-image-wrapper { top: 45%; left: 20%; } .sassy-primary-navbar-1, .sassy-home-one-custom-navbar-copy { padding-top: 20px; padding-left: 15px; padding-right: 15px; } .sassy-primary-navbar-wrapper { margin-left: 0; margin-right: 0; } .sassy-primary-nav-list-wrapper { width: 95%; } .nav-list-link { padding-top: 6px; padding-bottom: 6px; padding-right: 10px; } .primary-mega-menu { grid-column-gap: 20px; grid-template-columns: auto auto; width: 88vw; padding-left: 1.5rem; padding-right: 1.5rem; } .sassy-primary-navbar-2 { padding-left: 15px; padding-right: 15px; } .sassy-primary-navbar-2-copy { padding-top: 20px; padding-left: 15px; padding-right: 15px; } .sassy-primary-navbar { padding-top: 15px; padding-left: 15px; padding-right: 15px; } .sassy-error-navbar { padding-left: 15px; padding-right: 15px; } .marque-wrap { grid-column-gap: 30px; } .pricing-section-wrapper { margin-top: 0; } .business-pricing-cards { flex-direction: column; } .businesss-tab, .agency-tab-2.w--current { font-size: 14px; } .tab-pane-tab-1, .tab-pane-tab-2 { padding-left: 80px; padding-right: 80px; } .mask { width: 100%; } .primary-right-arrow { padding: 8px 12px; font-size: 12px; left: 62%; } .primary-left-arrow { padding: 8px 12px; font-size: 12px; } .left-arrow { left: -4%; } .right-arrow { right: -4%; } .slider-line-style-left { left: 3.5%; } .slider-line-style-right { left: auto; right: 3.5%; } .circle-image-wrapper { width: 80px; top: -207px; left: 93%; } .sassy-hero-image { width: 130%; } .sassy-image-part-one { width: 160px; left: 6%; } .sassy-image-part-two { width: 200px; right: -38%; } .medium-star { left: 62px; } .small-star { left: 52px; } .big-star { top: -12%; left: 5%; } .blog-meta-block, .blog-details-meta-block { margin-bottom: 20px; } .moving-stick { display: block; left: 132px; } .nav-list-home-1-wrapper, .nav-list-home-one { padding-left: 10px; padding-right: 10px; } .dropdown-hover-stick-1 { top: 22px; } .pages-dropdown-wrapper { grid-column-gap: 14px; grid-template-columns: 1fr 1fr; width: 86vw; padding-top: 20px; padding-bottom: 20px; } .nav-list-home-2-wrapper { padding-left: 10px; padding-right: 10px; } .dropdown-hover-stick-2 { top: 75px; } .nav-list-home-two { padding-left: 10px; padding-right: 10px; } .home-dropdown-wrapper { padding-top: 10px; padding-bottom: 10px; } .nav-list-pages { padding: 8px 15px; font-size: 12px; } .counter-up-wrapper { height: 60px; } ._2nd-row-counter-number { font-size: 38px; } ._2nd-row-counter-number._2nd-row-change-font { font-size: 40px; line-height: 1.6em; } ._1st-row-counter-number { font-size: 38px; } ._1st-row-counter-number._1st-row-change-font { font-size: 40px; line-height: 1.6em; } .counter-text { line-height: 1.3em; } .counter-number-text { font-size: 38px; } ._2nd-counter-up-wrapper { height: 3.6em; margin-bottom: 0; } ._2nd-counter-number-text { font-size: 40px; line-height: 1.5em; } .text-block-16 { align-self: center; font-size: 40px; line-height: 1em; } .service-custom-container { padding-top: 120px; } .blog-custom-container { padding-top: 120px; padding-bottom: 60px; } .team-details-custom-container { padding-top: 140px; padding-bottom: 60px; } .team-list-wrapper { grid-template-columns: 1fr; place-items: stretch center; } .team-details-rich-text p { font-size: 16px; } .team-details-rich-text h5 { font-size: 18px; } .team-details-rich-text h3 { font-size: 28px; } .team-details-rich-text li { font-size: 16px; } .team-details-rich-text h4 { font-size: 18px; } .team-members-collection-list { grid-template-columns: 1fr; justify-items: center; } .pagination { margin-top: 30px; } .popup-image-3 { top: 50px; right: -10px; } .popup-image-2 { top: -20px; right: -30px; } .popup-image-1 { right: -20px; } .offer-icon-wrapper { top: 50%; left: 52%; } .leaf-1 { width: 6px; top: -15px; right: 65px; transform: rotate(-8deg); } .leaf-2 { width: 25px; top: -12px; right: 35px; } .leaf-3 { width: 30px; top: 15px; right: 20px; } .circle-and-women-image-wrapper { bottom: -115px; left: 175px; } .play-button { top: 6%; left: 5%; } .circle-two-block { width: 70px; top: 0; right: -50px; } .arrow-move { width: 100px; } .swing-image-wrapper { top: 205px; left: 65px; } .analytic-main-image { width: 40%; } .mobile-image-1 { width: 205px; top: 150px; right: 50px; } .mobile-image-2 { width: 240px; top: 260px; right: 25px; } .mobile-image-3 { top: 156px; left: 105px; } .mobile-image-4 { width: 200px; top: 75px; left: 85px; } .service-details-hero-image-wrapper { width: 500px; } .hero-right-image-wrapper { width: 180px; top: 70px; right: -30px; } .hero-left-image-wrapper { width: 220px; left: -5px; } .feature-1-right-image-wrapper { width: 280px; right: 50px; } .feature-1-left-image-wrapper { width: 280px; bottom: 140px; left: 40px; } .feature-1-main-image-wrapper { width: 380px; } .feature-2-left-image-wrapper { bottom: 10%; left: 0%; } .feature-2-right-image-wrapper { width: 300px; right: 12%; } .agency-inner-price-card-one { padding: 50px 45px; } .agency-inner-price-card-three, .agency-inner-price-card-two, .business-inner-price-card-two { margin-top: 30px; padding-left: 45px; padding-right: 45px; } .business-price-card-one { padding: 50px 45px; } .business-price-card-three { margin-top: 30px; padding-left: 45px; padding-right: 45px; } .linked-feature-card { width: 65%; margin-left: auto; margin-right: auto; } .sassy-service-cards-wrapper { grid-column-gap: 30px; grid-row-gap: 30px; flex-wrap: wrap; justify-content: center; align-items: stretch; margin-top: 70px; padding-left: 0; padding-right: 0; display: flex; } .service-feature-card { width: 100%; padding: 50px 60px; } .homepage-2-blog-cards { grid-template-columns: 1fr; grid-auto-flow: row; align-content: stretch; place-items: stretch center; margin-top: 50px; } .empty-state-2 { width: 400px; } .text-block-19 { font-size: 14px; } .faq-custom-container-2 { padding-bottom: 80px; } .canvas-blog-card { height: 400px; } .primary-text-float-from-downside { padding-left: 30px; } .analytic-list-wrapper { margin-left: 0; } .agency-pricing-cards { flex-direction: column; } .apps-link { margin-right: 0; } .counter-main-image { width: 180px; } .home-1-price-card-three { margin-top: 30px; margin-bottom: 0; padding-left: 45px; padding-right: 45px; } .home-1-price-card-one { margin-top: 0; margin-bottom: 40px; padding: 50px 45px; } .inner-about-custom-container { padding-top: 80px; padding-bottom: 20px; } .cta-form-text-field-two { font-size: 14px; } .error-custom-container { padding-top: 120px; padding-bottom: 80px; } .company-nav-list-wrapper, .utility-nav-list-wrapper { grid-template-columns: 1fr 1fr; } .hero-tag-icon-hide { width: 50px; } .sassy-two-nav-button-two { border-radius: 5px; width: 190px; padding: 10px 18px; } .sassy-link-block-one { align-self: auto; } .sassy-two-nav-button-two-copy { border-radius: 5px; padding: 10px 18px; } .first-card-container { flex-flow: wrap; margin-left: auto; } .second-card-container { grid-column-gap: 35px; grid-row-gap: 35px; } .card-left-text-container { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; } .card-right-text-container { width: 100%; max-width: 100%; padding-left: 60px; padding-right: 60px; } .container-platform-integration { flex-flow: column wrap-reverse; padding-top: 80px; padding-bottom: 80px; } .feature-heading-about-us { padding-bottom: 30px; font-size: 28px; } .image-27 { width: 100%; } .div-block-49 { width: 80%; } .form-2 { width: 100%; } .container-improved-human { padding-top: 80px; padding-bottom: 80px; } .home-1-price-card-two { margin-top: 30px; margin-bottom: 0; padding-left: 45px; padding-right: 45px; } .question-section { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: wrap; padding-bottom: 200px; } .faq-title-text-block { margin-left: auto; margin-right: auto; } .container-faq-title { width: 100%; max-width: 100%; } .image-28 { bottom: 1%; } .footer-list-title-follow { margin-bottom: 10px; font-size: 16px; } .image-29 { bottom: 120px; left: auto; right: -13%; } .image-31 { right: -182px; } .image-32 { height: auto; top: -44px; bottom: auto; } .image-35 { right: -11px; } .image-36 { bottom: 33px; left: 74px; } .image-37 { top: 177px; right: 48px; } .container-aboutus-team { padding-top: 80px; padding-bottom: 80px; } .testimonial-slider-wrapper-aboutus { flex-flow: wrap; } .silder-one-aboutus, .silder-two-aboutus, .test-card-three-aboutus { padding: 50px 30px; } .contact-us-header { margin-bottom: 30px; font-size: 38px; } .image-42 { top: 93%; } .image-43 { left: -46%; } .image-44 { top: 61%; right: -64%; } .image-45 { left: -37%; } .image-46 { top: 68%; left: 0%; } .image-49 { display: none; left: 2%; } .image-50 { right: -14%; } .image-51 { left: -19%; } .textarea { width: 422px; max-width: 422px; } .scrolled { width: 95%; margin-left: 15px; margin-right: 15px; display: none; } .feature-image-wrapper-aboutus { width: 100%; } .about-us-divblock { flex-flow: column wrap-reverse; } .container-plans { padding-top: 30px; padding-bottom: 80px; } .feature-heading-email-sender { padding-bottom: 30px; font-size: 28px; } .container-clients { padding-top: 30px; padding-bottom: 80px; } .circle-image-wrapper-header { width: 80px; top: -207px; left: 93%; } .sassy-two-nav-button-lang { float: left; border-radius: 5px; justify-content: flex-start; align-self: auto; width: 120px; padding: 10px 18px; display: flex; } .sassy-two-nav-button-lang.w--open { width: 120px; } .dropdown { clear: none; aspect-ratio: auto; pointer-events: auto; flex-flow: row; order: 0; align-self: auto; width: 120px; height: 45px; margin-left: 0; text-decoration: none; display: flex; position: static; left: -352px; overflow: visible; } .language-nav-container { justify-content: flex-start; align-items: flex-start; position: relative; top: 44px; } .link-block-11 { width: 120px; display: block; } .dropdown-list.w--open { width: 120px; max-width: 120px; position: absolute; overflow: visible; } .sassy-about-us-section { padding-top: 0; } .container-savetime, .container-why-meetmind { padding-top: 30px; padding-bottom: 80px; } .coaching-tab, .development-tab.w--current, .live-record-tab.w--current { font-size: 14px; } .tab-pane-tab-1-whyus, .tab-pane-tab-2-whyus { padding-left: 80px; padding-right: 80px; } } @media screen and (max-width: 479px) { h1 { font-size: 30px; } h2 { font-size: 28px; } h3 { font-size: 24px; } .container { padding-top: 50px; padding-bottom: 0; display: block; } .style-typography-contant-block { grid-column-gap: 16px; grid-template-columns: 170px 1fr; } .style-color-grid-wrap { grid-template-columns: 1fr; } .style-buttons-grid-wrap { grid-row-gap: 30px; grid-template-columns: 1fr; } .style-heading-buttons { flex-direction: column; justify-content: center; align-items: center; display: flex; } .style-button.style-home { margin-top: 20px; } .style-typography-grid-wrap { grid-row-gap: 16px; } .changelog-content { grid-template-columns: 1fr; } .items-text { display: block; } .items-text.w--current { width: 100%; } .licenses-box-wrap { padding-bottom: 300px; } .left-side-area { margin-bottom: 40px; padding-left: 0; padding-right: 0; } .unsflash-single-image { padding-bottom: 0; } .right-side-area { width: auto; padding-left: 15px; padding-right: 15px; } .software-button-block { margin-top: 30px; } .licenses-content-area { display: block; } .photography-title { font-size: 36px; } .photography-content-area { padding-bottom: 20px; } .sassy-two-navbar { width: auto; margin-left: 10px; margin-right: 10px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; } .sassy-two-menu { width: 94%; padding-left: 10px; padding-right: 10px; box-shadow: 10px 15px 14px #0003; } .sassy-two-nav-buttons { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; } .sassy-two-nav-button-one { font-size: 14px; } .hero-section-wrapper { padding: 0 20px 50px; overflow: hidden; } .counter-wrapper-block { grid-column-gap: 20px; justify-content: flex-start; align-items: flex-start; margin-top: 0; padding-left: 0; padding-right: 0; } .hero-heading-text { font-size: 30px; } .hero-title { padding-left: 10px; font-size: 14px; } .hero-details { padding-left: 0; padding-right: 0; font-size: 14px; } .hero-part-one { padding-left: 0; } .hero-part-two { width: 80%; } .sassy-two-hero-seciton { width: auto; margin-left: 10px; margin-right: 10px; padding-top: 20px; } .swing-image { width: 55px; top: -210px; left: -23%; } .hero-dot-image { width: 40px; top: 5px; left: -14%; right: 10%; } .sassy-one-features-section { overflow: hidden; } .feature-heading { padding-bottom: 20px; font-size: 22px; } .feature-details { font-size: 14px; line-height: 1.5em; } .primary-card-wrapper { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: column wrap; justify-content: center; align-items: stretch; margin-top: 50px; padding-bottom: 0; padding-left: 10px; padding-right: 10px; } .feature-card { padding: 25px 30px; } .card-one-texts { padding-top: 20px; padding-bottom: 20px; font-size: 16px; } .analytic-image-wrapper { padding: 50px 40px; } .tools-user-text { font-size: 14px; line-height: 1.5em; } .feature-card-icons { padding-top: 30px; } .feature-card-icon { width: 15%; height: 20px; } .analytics-card.data-card-1 { top: 3rem; } .analytics-card.data-card-2 { top: 4rem; } .analytics-card.data-card-3 { top: 5rem; } .analytics-card.data-card-4 { top: 6rem; } .analytic-content-wrapper { padding: 40px 20px; } .analytic-card-mobile-image { width: 100%; } .analytic-card-heading { margin-bottom: 20px; font-size: 30px; line-height: 34px; } .analytic-card-details { margin-bottom: 20px; font-size: 14px; line-height: 24px; } .paragraph-13 { margin-bottom: 30px; font-size: 14px; line-height: 24px; } .analytic-card-icon { width: 45px; margin-bottom: 20px; } .analytic-star { width: 30px; bottom: 5%; left: 10%; } .analytic-circle { width: 45px; top: 68%; right: 14%; } .analytic-button { padding: 10px 20px; font-size: 12px; } .price-title { padding-top: 0; padding-bottom: 30px; } .price-plan-cards { padding-left: 0; padding-right: 0; } .pricing-plan-offer-text-wrapper { margin-bottom: 0; } .price-heading { margin-bottom: 15px; font-size: 30px; } .price-text { margin-bottom: 20px; font-size: 14px; } .price-button { text-align: center; margin-top: 35px; margin-bottom: 35px; padding-left: 60px; padding-right: 60px; } .feature-image { width: 80%; } .price-list { padding-top: 0; } .price-offer-text { margin-bottom: 10px; font-size: 14px; } .discount-stick { width: 36px; height: 2px; top: 65%; right: 51%; } .discount-price { font-size: 20px; } .actual-price { font-size: 44px; } .price-button-two { width: 100%; margin-top: 35px; margin-bottom: 35px; padding-left: 60px; padding-right: 60px; } .price-section-heading { margin-bottom: 20px; font-size: 25px; } .offer-price-span-text { font-size: 14px; } .offer-price-text { margin-bottom: 10px; font-size: 14px; line-height: 1.3em; } .background-shape-wrapper { top: 20%; } .section-border-top { top: -4%; } .social-heading { font-size: 28px; } .social-text { margin-top: 20px; font-size: 14px; } .social-image { width: 45px; padding: 5px 10px; } .social-sassy-image { width: 159px; } .sassy-primary-counter-section { border-radius: 10px; } .counter-section-wrapper { padding: 20px 20px 0; } .counter-numbers { grid-column-gap: 20px; } .heading-6 { font-size: 23px; } .paragraph-16 { font-size: 10px; } .paragraph-17 { font-size: 20px; } .app-store-block { align-items: center; width: 50%; } .mobile-block { width: 35%; } .apple-store, .google-store { width: 80px; } .testimonial-heading { margin-bottom: 20px; font-size: 28px; } .testimonial-text { font-size: 14px; line-height: 1.5em; } .primary-button-three-left, .primary-button-three-right { padding: 5px 10px; } .silder-one, .silder-two, .test-card-three { padding: 25px 10px; } .slider-title { font-size: 18px; } .slider-client-name, .slider-details { font-size: 14px; } .star-image { width: 80px; } .newsfeed-cards { padding-top: 40px; } .inner-related-blogs-heading { font-size: 28px; line-height: 30px; } .inner-related-blogs-text { margin-top: 20px; font-size: 14px; line-height: 1.4em; } .newsfeed-publish-date { margin-top: 10px; } .author-name, .blog-date { font-size: 14px; } .newsfeed-detaills { padding-bottom: 35px; padding-left: 40px; padding-right: 40px; } .sassy-one-cta-section { margin-bottom: 100px; } .cta-form { margin-top: 150px; padding: 30px 20px; } .cta-form-heading { margin-bottom: 20px; font-size: 16px; line-height: 1.5em; } .cta-form-text-field-one { padding-top: 18px; padding-bottom: 18px; font-size: 12px; } .submit-button { margin-top: 25px; padding: 10px 32px; font-size: 12px; line-height: 1.5em; } .footer-icons { margin-top: 40px; } .footer-description { margin-bottom: 20px; font-size: 14px; } .footer-homepage-icon { margin-bottom: 20px; } .footer-link-text { margin-bottom: 10px; font-size: 18px; line-height: 10px; } .footer-list-title { text-align: left; margin-bottom: 10px; font-size: 12px; } .footer-link { line-height: 20px; } .list-part-one { flex-flow: row; align-items: stretch; width: 80%; } .footer-left-line { margin-right: 10px; } .footer-right-line { margin-left: 5px; } .footer-social-icons { grid-column-gap: 8px; margin-left: 10px; margin-right: 10px; } .footer-policy { margin-top: 40px; } .footer-policy-block { grid-column-gap: 10px; align-items: center; margin-top: 20px; } .terms-and-condition-text { padding-right: 5px; font-size: 14px; line-height: 1.4em; } .footer-copyright-text { font-size: 14px; line-height: 24px; } .footer-container { padding-top: 50px; padding-bottom: 30px; display: block; } .list-part-two { grid-column-gap: 30px; margin-top: 40px; } .footer-store-image { flex-flow: wrap; margin-bottom: 20px; } .list-one-title { text-align: left; } .sassy-two-menu-button { padding: 4px; } .sassy-two-menu-button.w--open { color: #8776f3; } .list-two-title { text-align: center; } .list-three-title, .list-four-title { text-align: left; } .paragraph-with-no-border { padding-right: 15px; font-size: 14px; line-height: 1.4em; } .sassy-two-nav-list { padding-left: 15px; } .sassy-two-block { width: 40%; } .sassy-two-nav-button-three { font-size: 12px; } .sassy-one-navbar-wrapper { align-items: center; } .hero-content { width: 101%; } .hero-text { width: 65%; padding-left: 10px; font-size: 12px; } .hero-header { padding-bottom: 20px; font-size: 28px; } .hero-custom-container { padding-top: 50px; padding-bottom: 40px; display: block; } .hero-company-tag-icons { grid-column-gap: 10px; grid-row-gap: 10px; width: 100%; margin-left: 10px; margin-right: 10px; } .hero-scrolldown-block { width: 50%; } .hero-tag-icon { width: 50px; } .sassy-one-heading-circle { width: 125px; font-size: 16px; top: 25%; left: -2%; } .sassy-one-spring { width: 40px; top: 32%; left: 79%; } .sassy-one-half-spring { width: 58px; left: 75%; } .sassy-one-hero-image { width: 55px; bottom: 45%; left: 30%; } .sassy-one-menu-button { padding: 8px; } .support-container-wrapper { padding-top: 50px; padding-bottom: 50px; display: block; } .support-heading { margin-bottom: 15px; font-size: 34px; } .support-title { font-size: 14px; line-height: 1.3em; } .customer-support-cards { margin-top: 40px; } .support-card-button { margin-top: 0; font-size: 14px; } .support-card-no-one { padding: 40px 20px; } .support-card-icon-one { margin-bottom: 30px; } .support-card-title { margin-bottom: 20px; font-size: 24px; } .support-card-details { margin-bottom: 30px; font-size: 14px; line-height: 1.5em; } .support-card-icon-two { margin-bottom: 30px; } .support-card-no-two, .support-card-no-three, .support-card-no-four, .support-card-no-five, .support-register-card { padding: 40px 20px; } .support-register-card-details { margin-bottom: 100px; font-size: 28px; line-height: 1.2em; } .support-register-card-button { font-size: 14px; } .analytic-block-wrapper { grid-column-gap: 0px; grid-row-gap: 60px; } .analytic-list { padding-top: 0; } .analytic-offer-text { margin-bottom: 0; font-size: 14px; } .marketing-details-paragraph { margin-bottom: 20px; font-size: 14px; line-height: 1.5em; } .marketing-heading { margin-bottom: 20px; font-size: 28px; line-height: 50px; } .analytic-custom-container { padding: 50px 15px; display: block; } .analytic-graph-block { padding: 50px 30px; } .behind-heading { left: -10px; } .form-heading { font-size: 18px; line-height: 1.3em; } .newsletter-wrapper-block { padding-left: 20px; padding-right: 20px; } .submit-button-2 { padding: 6px 18px; line-height: 2em; top: 3px; } .form-text-field { padding-top: 22px; padding-bottom: 22px; padding-left: 15px; } .pink-swing-image { width: 150px; top: -5%; left: -2%; } .gradient-swing-image { width: 170px; top: 50%; right: 0%; } .newsletter-star { left: 0%; } .sassy-one-testimonial-section { background-size: cover; } .testimonial-details { margin-top: 20px; font-size: 14px; line-height: 1.4em; } .testimonial-custom-container { padding-top: 50px; padding-bottom: 50px; display: block; } .touhid { width: 55px; bottom: 0%; } .alvee { width: 45px; left: 2%; } .mendi { width: 65px; bottom: 20%; right: 2%; } .tonni { width: 40px; top: 40%; right: 0%; } .mim { width: 70px; top: 10%; } .yamin { width: 75px; top: 2%; } .customer-support-absolute-text { font-size: 25px; line-height: 40px; top: 10%; left: 45%; } .newsletter-date-one { font-size: 12px; } .newsletter-name-one { font-size: 11px; } .newsletter-heading { font-size: 34px; } .newsletter-paragraph { font-size: 14px; line-height: 1.5em; } .customer-support-image { width: 80px; } .faq-wrapper-block { grid-row-gap: 30px; } .faq-dropdown-one { padding: 20px 30px 40px; } .faq-dropdown-one.inner-faq-two, .faq-dropdown-one.inner-faq-three, .faq-dropdown-one.inner-faq-four, .faq-dropdown-one.inner-faq-five, .faq-dropdown-one.inner-faq-six, .faq-dropdown-one.inner-faq-one, .faq-dropdown-one.main-faq-card-one, .faq-dropdown-one.main-faq-card-two, .faq-dropdown-one.main-faq-card-three, .faq-dropdown-one.main-faq-card-four, .faq-dropdown-one.main-faq-card-five, .faq-dropdown-one.main-faq-card-six { padding: 0; } .faq-title-text { font-size: 15px; } .faq-details { margin-bottom: 15px; font-size: 14px; line-height: 1.5em; } .faq-details.is-border-left { margin-bottom: 15px; padding-left: 10px; line-height: 1.6em; } .faq-dot { width: 5px; height: 5px; } .faq-question-wrapper { grid-column-gap: 20px; flex-direction: row; padding-top: 10px; padding-bottom: 10px; } .faq-question-wrapper.change-icon-position { grid-column-gap: 10px; justify-content: space-between; margin-bottom: 0; padding: 15px; } .faq-heading { margin-bottom: 20px; font-size: 30px; line-height: 1.2em; } .paragraph-39 { font-size: 14px; line-height: 1.4em; } .custom-footer-container { padding-top: 50px; padding-bottom: 30px; display: block; } .sassy-one-footer-social-icons { width: 100%; } .sassy-one-footer-icons, .footer-policy-copy { margin-top: 20px; } .sassy-one-list-one { grid-column-gap: 30px; text-align: left; } .footer-googleplay-image { width: 120px; margin-right: 0; } .analytic-marketing-button { padding: 8px 20px; font-size: 14px; } .sassy-one-list-two { text-align: center; width: 100%; } .faq-custom-container { padding-top: 50px; padding-bottom: 50px; display: block; } .footer-appstore-image { width: 120px; } .footer-playstore-title { text-align: center; font-size: 12px; } .workprocess-custom-container { padding-top: 50px; padding-bottom: 50px; display: block; } .workprocess-wrapper-block { grid-row-gap: 50px; } .workplace-content-button { padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 1.5em; } .work-research { width: 200px; margin-left: auto; margin-right: auto; } .work-research-text-1 { font-size: 14px; } .workprocess-small-title { font-size: 12px; } .workprocess-medium-title { font-size: 38px; } .workprocess-content-text { margin-top: 15px; margin-bottom: 30px; font-size: 14px; } .workprocess-research-wrapper { grid-row-gap: 70px; flex-wrap: wrap; grid-template-columns: 1fr; justify-content: center; margin-top: 50px; } .work-research-text-2, .work-research-text-3, .work-research-text-4 { font-size: 14px; } .sassy-about-primary-hero-section { margin-left: 10px; margin-right: 7px; } .primary-custom-hero-container { padding-bottom: 30px; display: block; } .sassy-inner-header { margin-bottom: 20px; font-size: 24px; line-height: 1em; } .sassy-inner-about-section { padding-left: 0; padding-right: 0; } .sassy-inner-hero-team-block { margin-bottom: 0; } .story-custom-container { width: 100%; margin-left: auto; margin-right: auto; padding-top: 50px; padding-bottom: 50px; display: block; } .sassy-inner { padding-top: 40px; } .about-block-1-part-2 { width: 45%; } .block-1-image-wrapper { width: 55%; } .sassy-inner-about-block-1 { grid-column-gap: 30px; } .sassy-inner-about-header { width: 100%; margin-bottom: 20px; font-size: 22px; line-height: 1.3em; } .sassy-inner-details { font-size: 14px; } .sassy-inner-team-header { font-size: 24px; line-height: 1.2em; } .sassy-inner-team-text, .card-1-name-1 { font-size: 14px; } .sassy-inner-card-1-titles { bottom: 20%; right: 0; } .block-2-text-1, .block-2-text-2, .block-2-text-3 { font-size: 14px; } .block-1-image { width: 100%; height: 100%; } .sassy-service-menu-button { padding: 8px; } .service-workprocess-wrapper { grid-column-gap: 20px; flex-direction: row; align-items: flex-start; margin-top: 0; margin-bottom: -40px; display: flex; } .service-hero-heading { font-size: 28px; } .service-text { font-size: 14px; line-height: 1.5em; } .workprocess-image-block-one { width: 30%; padding-top: 0; } .workprocess-image-block-two { width: 70%; margin-bottom: -40px; } .sassy-service-custom-container { padding-top: 80px; padding-bottom: 50px; display: block; } .sassy-service-choose-cards { margin-top: 40px; } .sassy-choose-card-one, .sassy-choose-card-two, .sassy-choose-card-three { padding: 40px 20px; } .choose-card-two, .choose-card-one { margin-bottom: 30px; } .choose-text { font-size: 14px; font-weight: 400; } .choose-heading { font-size: 32px; } .sassy-service-testimonial-section { background-position: 50% 0; background-size: cover; } .partner-content-heading { margin-bottom: 40px; font-size: 28px; line-height: 1.2em; } .service-price-content-wrapper { margin-bottom: 20px; } .service-price-heading { font-size: 28px; } .service-price-text { font-size: 14px; } .service-price-cards { padding-top: 50px; padding-left: 0; padding-right: 0; } .service-price-card-one, .service-price-card-two, .service-price-card-three { padding: 40px; } .service-price-button-one { margin-top: 35px; margin-bottom: 35px; padding-left: 60px; padding-right: 60px; } .discount-stick-one { width: 36px; height: 2px; } .service-price-button-two { text-align: center; margin-top: 35px; margin-bottom: 35px; padding-left: 60px; padding-right: 60px; } .service-price-button-three { width: 100%; margin-top: 35px; margin-bottom: 35px; padding-left: 60px; padding-right: 60px; } .workprocess-image { width: 100%; } .blog-heading { margin-bottom: 10px; font-size: 22px; } .blog-paragraph { width: 250px; font-size: 12px; line-height: 1.2em; } .blog-cards { margin-top: 0; } .blog-card { height: 400px; } .blog-content-wrapper { padding: 25px 10px; } .sassy-service-details-section { background-position: -150% 0; background-size: 300px; } .service-details-heading { font-size: 26px; } .service-details-paragraph { width: 100%; font-size: 14px; line-height: 1.4em; } .service-details-heading-wrapper { margin-bottom: 40px; } .sassy-story-points { margin-bottom: 10px; } .story-dot { width: 5px; height: 5px; } .story-list-text { font-size: 12px; line-height: 22px; } .part-one-heading { font-family: Averta Bold, sans-serif; } .part-one-paragraph, .part-two-paragraph, .feature-para-one, .feature-para-two, .content-wrapper-paragraph-one, .content-wrapper-paragraph-two { font-size: 14px; } .pricing-heading-image { margin-bottom: 60px; } .inner-service-custom-container { padding-bottom: 50px; display: block; } .service-details-custom-container { padding-top: 100px; display: block; } .sassy-feature-custom-container { padding-top: 50px; padding-bottom: 50px; display: block; } .team-content-heading { margin-bottom: 20px; font-size: 34px; } .team-content-details { width: 100%; font-size: 14px; } .team-card-name { font-size: 14px; } .team-custom-container { padding-top: 100px; padding-bottom: 50px; display: block; } .team-joining-heading { margin-bottom: 20px; font-size: 36px; } .members-social-link-wrapper { margin-top: 20px; } .service-details-button-two { padding: 12px 20px; font-size: 14px; } .inner-price-title { padding-top: 20px; padding-bottom: 20px; } .inner-price-heading { margin-bottom: 20px; font-size: 34px; } .inner-discount-price-text-wrapper { margin-bottom: 20px; } .inner-discount-price-text { font-size: 14px; line-height: 1.3em; } .inner-price-blur-text { font-size: 11px; line-height: 1em; } .inner-price-card-one { padding-top: 40px; padding-bottom: 40px; } .price-button-three { width: 100%; margin-top: 35px; margin-bottom: 35px; padding-left: 60px; padding-right: 60px; } .pricing-swing-image { width: 150px; display: none; top: 17%; right: 1%; } .pricing-currency-image { width: 50px; top: 135px; left: 5px; } .hidden-price-text-wrapper { top: -6.5%; } .inner-price-custom-container { padding-top: 100px; display: block; } .error-number-one, .error-number-two { font-size: 100px; } .sassy-inner-error-button { text-align: left; font-size: 14px; } .error-heading { font-size: 34px; } .sassy-inner-error-star-image { width: 25px; top: 20%; } .sassy-inner-error-paramoly-image { width: 25px; bottom: 50%; } .sassy-inner-error-blind-image { width: 40px; bottom: 44%; } .meta-info-wrapper { grid-row-gap: 15px; flex-flow: column wrap; } .meta-info-block-one { grid-column-gap: 5px; grid-row-gap: 15px; flex-direction: column; align-items: center; width: 100%; } .meta-info-block-one-part-two { grid-column-gap: 35px; align-items: center; } .meta-name-one, .meta-name-two { font-size: 12px; } .meta-name-three { font-size: 12px; line-height: 1.2em; } .meta-title-one, .meta-title-two { margin-bottom: 0; font-size: 12px; } .meta-title-three { margin-bottom: 0; font-size: 12px; line-height: 1em; } .meta-info-title { margin-bottom: 5px; font-size: 12px; } .error-lotti-animate-image { width: 150px; } .inner-blog-heading { font-size: 32px; } .inner-blog-content-wrapper { margin-bottom: 60px; } .blog-details-custom-container { padding-top: 120px; padding-bottom: 50px; display: block; } .inner-blog-details-main-custom-container { display: block; } .inner-related-custom-container { padding-top: 50px; padding-bottom: 50px; display: block; } .meta-info-twitter { width: 18px; } .meta-info-facebook { width: 15px; } .meta-info-instagram, .meta-info-tiktok { width: 18px; } .faq-padding-wrapper { padding-bottom: 15px; padding-left: 20px; padding-right: 20px; } .faq-absolute-image-wrapper { width: 250px; left: 15%; } .main-faq-padding-wrapper { padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } .main-faq-dot-one, .main-faq-dot-two { width: 5px; height: 5px; } .main-faq-title { text-align: right; } .main-faq-absolute-image-wrapper { width: 250px; left: 15%; } .sassy-primary-navbar-wrapper { align-items: center; } .sassy-primary-nav-list-wrapper { margin-left: auto; margin-right: auto; } .nav-item-underline-stick { margin-top: 8px; margin-bottom: 8px; } ._2nd-primary-dropdown-list { display: block; } .nav-list-link { padding: 4px 5px; font-size: 12px; } .primary-mega-menu { grid-column-gap: 10px; grid-row-gap: 10px; grid-template-columns: auto; width: 85vw; padding-left: 1rem; padding-right: 1rem; } .nav-list-header { margin-bottom: 10px; } .nav-list-wrapper { grid-row-gap: .5rem; } .pricing-section-wrapper { margin-top: 0; } .tabs-content { padding-left: 10px; padding-right: 10px; } .tabs { padding-top: 0; } .businesss-tab { text-align: center; margin-bottom: 20px; margin-right: 0; } .businesss-tab.w--current { text-align: center; width: 100%; margin-bottom: 20px; margin-right: 0; } .agency-tab-2 { text-align: center; } .tabs-menu-whyus { width: 100%; } .coaching-text { font-size: 13px; } .tab-pane-tab-1, .tab-pane-tab-2 { padding-left: 0; padding-right: 0; } .primary-right-arrow, .primary-left-arrow { padding: 5px 10px; } .left-arrow { left: -4%; } .right-arrow { right: -4%; } .slider-line-style-left { left: 7%; } .slider-line-style-right { right: 7%; } .circle-image-wrapper { width: 45px; display: block; top: -56px; left: 90%; } .circle-arrow { width: 6px; } .sassy-image-part-one { width: 80px; top: 47%; left: -14%; } .sassy-image-part-two { width: 110px; top: 26%; left: 166px; right: -20%; } .medium-star { width: 10px; top: 20px; left: 48px; } .small-star { width: 8px; top: 8px; left: 36px; } .big-star { width: 18px; top: 17%; left: 11%; } .blog-meta-text { padding: 10px 30px; font-size: 14px; line-height: 1.4em; } .about-us-meta-block { margin-bottom: 30px; } .about-us-meta-text { padding-top: 10px; padding-bottom: 10px; font-size: 16px; } .service-details-meta-text { padding: 10px 30px; font-size: 14px; } .our-team-meta-block { margin-bottom: 40px; } .pricing-meta-text { padding: 10px 20px; font-size: 14px; } .moving-stick { width: 25px; top: 11px; left: 110px; } .home { font-size: 14px; } .pages-dropdown-wrapper { grid-column-gap: 15px; grid-row-gap: 10px; grid-template-columns: 1fr; width: 83vw; padding: 10px 15px; } .pages-dropdown-list-2 { margin-left: 0; } .nav-heading { font-size: 16px; } .nav-list-items { margin-bottom: 0; } .static-about-text { text-align: left; font-family: Poppins, sans-serif; font-size: 14px; } .static-blog-text { font-size: 14px; } .pricing-text { text-align: left; font-family: Poppins, sans-serif; font-size: 14px; } .counter-up-wrapper { height: 50px; } ._2nd-row-counter-number { font-size: 30px; } ._2nd-row-counter-number._2nd-row-change-font { font-size: 34px; } ._1st-row-counter-number { font-size: 30px; } ._1st-row-counter-number._1st-row-change-font { font-size: 34px; } .counter-text { font-size: 14px; line-height: 1.3em; } .counter-number-text { font-size: 30px; } ._2nd-counter-up-wrapper { height: 45px; margin-bottom: 10px; } ._2nd-counter-number-text { font-size: 35px; } .counter, .text-block-16 { font-size: 24px; } .blog-link-text, .canvas-project-url-text { font-size: 16px; } .service-custom-container { padding-top: 100px; display: block; } .blog-custom-container { padding-top: 100px; padding-bottom: 40px; display: block; } .team-details-custom-container { padding-top: 120px; padding-bottom: 50px; display: block; } .blog-rich-text h3 { font-size: 24px; } .team-member-background { width: 290px; height: 305px; } .lower-round-image { bottom: -40%; left: -10%; } .team-member-card { width: 295px; height: 360px; } .background-border { width: 300px; height: 350px; bottom: 5%; } .image-20 { height: 330px; } .collection-list-wrapper { margin-top: 80px; } .team-details-rich-text p { font-size: 14px; } .team-details-rich-text h5 { font-size: 16px; } .team-details-rich-text h3 { font-size: 24px; } .team-details-rich-text h4 { font-size: 18px; } .members-image-wrapper { width: 230px; } .pagination { margin-top: 20px; } .sassy-one-hero-image-area { padding-top: 120px; } .thunder-icon-wrapper { width: 120px; top: 40px; bottom: 0; left: -95px; } .popup-image-3 { width: 100px; top: 20px; right: -35px; } .popup-image-2 { width: 100px; top: -20px; right: -48px; } .popup-image-1 { width: 82px; top: -50px; right: -25px; } .offer-icon-wrapper { top: 49%; left: -18%; } .leaf-1 { width: 5px; } .leaf-2 { width: 19px; top: -10px; right: 42px; } .leaf-3 { width: 20px; top: 10px; right: 35px; } .leaf-icon-wrapper { bottom: 290px; right: -60px; } .circle-and-women-image-wrapper { bottom: -75px; left: 115px; } .circle-two-block { width: 50px; top: 0; right: -40px; } .arrow-move { width: 65px; display: block; } .swing-image-wrapper { top: 149px; left: 45px; } .analytic-main-image { width: 50%; } .mobile-image-1 { width: 150px; top: 110px; right: 12px; } .mobile-image-2 { width: 160px; top: 205px; right: 10px; } .mobile-image-3 { width: 120px; top: 122px; left: 40px; } .mobile-image-4 { width: 150px; top: 56px; left: 25px; } .price-button-one { width: 100%; margin-top: 35px; margin-bottom: 35px; padding-left: 60px; padding-right: 60px; } .pricing-button-2 { text-align: center; padding-top: 12px; padding-bottom: 12px; } .pricing-button-2.w--current { text-align: center; } .pricing-button-1 { text-align: center; margin-bottom: 20px; margin-right: 0; padding-top: 12px; padding-bottom: 12px; } .pricing-button-1.w--current { margin-right: 0; padding-top: 12px; padding-bottom: 12px; } .pricing-tab-items { margin-top: 40px; } .agency-tab { padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .buisness-tab { padding-bottom: 40px; } .service-meta-block { width: 211px; margin-bottom: 40px; } .service-meta-text { padding: 10px 30px; font-size: 14px; line-height: 1.4em; } .service-details-hero-image-wrapper { width: 320px; } .hero-right-image-wrapper { width: 120px; top: 45px; right: -25px; } .hero-left-image-wrapper { width: 150px; top: -22px; left: -10px; } .feature-1-right-image-wrapper { width: 220px; right: 0; } .feature-1-left-image-wrapper { width: 250px; bottom: 80px; left: -15px; } .feature-1-main-image-wrapper { width: 350px; height: 450px; } .feature-2-left-image-wrapper { width: 250px; bottom: 11%; left: 0%; } .feature-2-right-image-wrapper { width: 250px; right: 0%; } .feature-2-main-image-wrapper { width: 330px; height: 550px; } .agency-inner-price-card-one { padding: 40px 25px; } .agency-inner-price-card-three { padding-top: 40px; padding-bottom: 40px; } .agency-inner-price-card-two, .business-inner-price-card-two, .business-price-card-one, .business-price-card-three { padding: 40px 25px; } .feature-arrow-wrapper { width: 35px; height: 30px; } .feature-arrow { padding: 5px 10px; font-size: 12px; } .linked-feature-card { width: 100%; } .sassy-service-cards-wrapper { margin-top: 50px; } .service-feature-card { padding: 25px 30px; } .homepage-2-blog-cards { margin-top: 40px; } .faq-custom-container-2 { padding-top: 120px; padding-bottom: 50px; display: block; } .canvas-blog-cards-wrapper { margin-top: 0; } .canvas-blog-content-wrapper { padding: 25px 20px; } .primary-heading-float-right { margin-bottom: 20px; } .homepage-1-blog-list { line-height: 1.5em; } .development-text { font-size: 13px; } .apps-link { width: auto; } .home-1-price-card-three, .home-1-price-card-one { padding: 40px 20px; } .sassy-logo-link { width: 50%; } .inner-about-custom-container { padding-top: 50px; padding-bottom: 0; display: block; } .blog-title-image-wrapper { height: 250px; } .home-2-star-icon { top: 110px; left: 25px; } .cta-form-text-field-two { padding-top: 18px; padding-bottom: 18px; font-size: 12px; } .error-custom-container { padding-bottom: 50px; display: block; } .category-name { font-size: 11px; } .sassy-one-hero-area { padding-bottom: 50px; } .div-block-46 { width: 150px; height: 280px; } .hero-tag-icon-hide { width: 38px; display: none; } .sassy-two-nav-button-two, .sassy-two-nav-button-two-copy { font-size: 12px; } .second-card-container { flex-flow: wrap; width: 100%; } .card-left-text-container { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .card-right-text-container { padding-left: 10px; } .card-left-image-container { width: 100%; } .text-block-cards-header { font-size: 20px; } .text-block-cards-paragraph { width: auto; } .image-24 { width: 100%; max-width: 120%; } .image-26 { width: 250px; left: 56px; } .text-block-cards-header-right { font-size: 20px; } .text-block-cards-paragraph-right { width: 120%; } .container-platform-integration { padding-top: 50px; padding-bottom: 50px; display: block; } .feature-heading-about-us { padding-bottom: 20px; font-size: 22px; } .sassy-one-mail-address-section { overflow: hidden; } .div-block-49 { width: 100%; } .email-submit-button { width: 30%; font-size: 11px; left: 68%; } .container-improved-human { padding-top: 50px; padding-bottom: 50px; display: block; } .home-1-price-card-two { padding: 40px 20px; } .question-section { padding-top: 30px; } .faq-title-text-block { font-size: 25px; } .faq-desc-text-block { padding-left: 10px; } .footer-list-title-follow { text-align: left; margin-bottom: 10px; font-size: 12px; } .image-29 { inset: -4% -22% 125px auto; } .image-30 { display: none; right: -182px; } .image-31 { right: -219px; } .image-32 { height: auto; top: -38px; left: -138px; } .image-34 { top: -51px; left: -118px; } .container-aboutus-team { padding-top: 50px; padding-bottom: 50px; display: block; } .testimonial-slider-wrapper-aboutus { flex-flow: wrap; } .silder-one-aboutus, .silder-two-aboutus, .test-card-three-aboutus { padding: 25px 10px; } .contact-us-header { margin-bottom: 20px; font-size: 28px; } .textfield-contact-form.name-contactform { width: 99%; } .form-3 { width: 95%; } .image-40, .image-41 { width: 80%; } .image-43 { top: 35px; left: -35%; } .image-44 { top: 45%; right: -32%; } .image-45 { bottom: -2%; left: -11%; } .image-46 { width: 10%; height: 14%; top: 95%; left: 0%; } .image-49 { display: none; overflow: clip; } .image-50 { top: 80%; right: -32%; } .image-51 { left: -38%; } .textarea { width: 225px; max-width: 225px; min-height: 100px; } .scrolled { width: 95%; margin-left: 10px; margin-right: 10px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; display: none; } .image-24-copy { width: 100%; max-width: 120%; } .about-us-divblock { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: wrap; padding-left: 10px; padding-right: 10px; } .div-img-with-content-about-us { text-align: left; justify-content: center; } .first-person-text-name { width: 100%; } .image-left-person { flex: 0 auto; } .second-person-text-name { text-align: left; align-self: flex-start; } .card-bottom-text-container { flex-flow: wrap; width: 100%; padding-left: 10px; padding-right: 10px; } .container-plans { padding-top: 50px; padding-bottom: 0; display: block; } .feature-heading-email-sender { padding-bottom: 20px; font-size: 22px; } .container-clients { padding-top: 50px; padding-bottom: 0; display: block; } .circle-image-wrapper-header { width: 45px; display: block; top: -56px; left: 90%; } .sassy-two-nav-button-lang { font-size: 12px; } .text-block-35, .pl-textblock { font-size: 14px; } .sassy-about-us-section { overflow: hidden; } .container-savetime, .container-why-meetmind { padding-top: 50px; padding-bottom: 0; display: block; } .coaching-tab { text-align: center; margin-bottom: 20px; margin-right: 0; } .coaching-tab.w--current { text-align: center; width: 100%; margin-bottom: 20px; margin-right: 0; } .development-tab { text-align: center; } .live-record-tab { text-align: center; margin-top: 20px; margin-bottom: 20px; margin-left: 0; } .live-record-text { font-size: 13px; } .tabs-whymeetmind { padding-top: 0; } .tab-pane-tab-1-whyus { padding-top: 150px; padding-left: 0; padding-right: 0; } .tabs-content-whyus { padding-left: 10px; padding-right: 10px; } .tab-pane-tab-2-whyus { padding-top: 150px; padding-left: 0; padding-right: 0; } .tab-pane-tab-3-whyus { padding-top: 150px; } .div-img2-with-content-about-us { text-align: left; justify-content: center; } } #w-node-_4fe56325-0463-ca42-1218-e4eee6659106-2e2a64e1 { align-self: start; } #w-node-_711d7503-e541-2340-6023-5cbb533b065d-2e2a64e1, #w-node-_345afe3d-ea03-3b63-7e4f-b86842417411-2e2a64fe, #w-node-b4e22721-194e-4735-9b70-3dfb4791b9d5-2e2a64fe, #w-node-_9eb52b8a-328e-1526-6096-9c17a6457beb-2e2a64fe, #w-node-_52af6da3-5f17-1cd4-b2a0-ffbf42224536-2e2a64fe, #w-node-_67e032af-b752-3965-bb1d-8fbc69ea8650-2e2a64fe { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-_4fe56325-0463-ca42-1218-e4eee6659106-2e2a64e1 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start; } } @media screen and (max-width: 767px) { #w-node-_4fe56325-0463-ca42-1218-e4eee6659114-2e2a64e1 { grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (max-width: 479px) { #w-node-_4fe56325-0463-ca42-1218-e4eee6659106-2e2a64e1 { justify-self: auto; } } @font-face { font-family: 'Euclid Circular B'; src: url('../fonts/Euclid-Circular-B-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Euclid Circular B'; src: url('../fonts/Euclid-Circular-B-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Euclid Circular B'; src: url('../fonts/Euclid-Circular-B-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta Regular'; src: url('../fonts/Averta-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta'; src: url('../fonts/averta-extrabold.woff') format('woff'), url('../fonts/averta-extrabold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta Bold'; src: url('../fonts/averta-bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta Black'; src: url('../fonts/averta-black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Averta Extra Bold'; src: url('../fonts/averta-extrabold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Druk Wide Bold'; src: url('../fonts/Druk-Wide-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Estedad'; src: url('../fonts/Estedad-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Estedad'; src: url('../fonts/Estedad-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Estedad'; src: url('../fonts/Estedad-Bold.ttf') format('truetype'), url('../fonts/Estedad-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Estedad'; src: url('../fonts/Estedad-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Estedad'; src: url('../fonts/Estedad-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Estedad'; src: url('../fonts/Estedad-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Estedad'; src: url('../fonts/Estedad-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Unbounded'; src: url('../fonts/Unbounded-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Unbounded'; src: url('../fonts/Unbounded-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Unbounded'; src: url('../fonts/Unbounded-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Unbounded'; src: url('../fonts/Unbounded-Bold.ttf') format('truetype'), url('../fonts/Unbounded-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Unbounded'; src: url('../fonts/Unbounded-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Unbounded'; src: url('../fonts/Unbounded-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Unbounded'; src: url('../fonts/Unbounded-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Bold.ttf') format('truetype'), url('../fonts/Kanit-ExtraBold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Fa v4compatibility'; src: url('../fonts/fa-v4compatibility.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Fa 400'; src: url('../fonts/fa-regular-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Fa brands 400'; src: url('../fonts/fa-brands-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Fa solid 900'; src: url('../fonts/fa-solid-900.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Fa Brands 400'; src: url('../fonts/fa-brands-400.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }