Untitled
Guest 33 18th Sep, 2024
: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;
}
To share this paste please copy this url and send to your friends
RAW Paste Data