a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
border: 0;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
display: block;
}
[hidden] {
display: none;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
:root {
--white: #fff;
--black: #000;
--pink: #ff0061;
--pink-secondary: #e20056;
--grey-light: #e5e5e5;
--grey: #9e9e9e;
--grey-20: #f2f2f2;
--grey-40: #d3d3d3;
--grey-80: #373737;
--grey-90: #2a2a2a;
--green: #5ce099;
--lemon: #e8fa11;
--red: #e54343;
--teal-light: #edf7f2;
--teal-light-secondary: #e1f2ea;
--teal-main-secondary: #09a989;
--teal-main: #009a7b;
--teal-dark: #008a6e;
--teal-80: #007069;
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
src:
url(../fonts/Poppins-Regular.woff2) format("woff2"),
url(../fonts/Poppins-Regular.woff) format("woff");
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 500;
src:
url(../fonts/Poppins-Medium.woff2) format("woff2"),
url(../fonts/Poppins-Medium.woff) format("woff");
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 600;
src:
url(../fonts/Poppins-SemiBold.woff2) format("woff2"),
url(../fonts/Poppins-SemiBold.woff) format("woff");
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 700;
src:
url(../fonts/Poppins-Bold.woff2) format("woff2"),
url(../fonts/Poppins-Bold.woff) format("woff");
}
@font-face {
font-family: AbhayaLibre;
font-style: normal;
font-weight: 800;
src:
url(../fonts/AbhayaLibre-ExtraBold.ttf) format("ttf"),
url(../fonts/AbhayaLibre-ExtraBold.ttf) format("ttf");
}
@font-face {
font-family: Switzer;
font-style: normal;
font-weight: 800;
src:
url(../fonts/Switzer.ttf) format("ttf"),
url(../fonts/Switzer.ttf) format("ttf");
}
@font-face {
font-family: Gotham;
font-style: normal;
font-weight: 400;
src: url(../fonts/Gotham-Book.ttf) format("truetype");
}
@font-face {
font-family: Gotham;
font-style: normal;
font-weight: 700;
src: url(../fonts/Gotham-Bold.ttf) format("truetype");
}
body,
html {
font-family: Poppins, sans-serif;
font-weight: 400;
}
* {
box-sizing: border-box;
}
button,
input,
textarea {
font-family: Poppins, sans-serif;
}
img {
height: auto;
width: auto;
}
.container {
display: block;
margin: auto;
position: relative;
width: 1276px;
}
@media (max-width: 1300px) {
.container {
width: 900px;
}
}
@media (max-width: 940px) {
.container {
padding-left: 24px;
padding-right: 24px;
width: 100%;
}
}
[data-wpr-lazyrender] {
content-visibility: visible !important;
}
.mobile-menu.ols-mobile-menu {
background: #041b20;
border-top: 1px solid hsla(0, 0%, 100%, 0.078);
}
.mobile-menu.ols-mobile-menu .mobile-menu-footer {
background: #041b20;
}
.mobile-menu.ols-mobile-menu .mobile-menu-footer a.event {
background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' fill='none'%3E%3Cpath d='m1.4 10.733 4.667-4.666L1.4 1.4' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
linear-gradient(90deg, #ff5f51, #ff0061 60%);
background-position:
calc(50% + 96px) 50%,
50%;
background-repeat: no-repeat;
border-radius: 62px;
margin-bottom: 12px;
width: 340px !important;
}
.mobile-menu.ols-mobile-menu .mobile-menu-footer .no-credit-card {
color: hsla(0, 0%, 100%, 0.6);
display: block;
font-size: 12px;
line-height: 17px;
margin-bottom: 12px;
text-align: center;
}
.mobile-menu.ols-mobile-menu ul.menu-mob > li.parent ul.submenu li a,
.mobile-menu.ols-mobile-menu ul.menu-mob > li > a,
.mobile-menu.ols-mobile-menu ul.scroll-menu > li.parent ul.submenu li a,
.mobile-menu.ols-mobile-menu ul.scroll-menu > li > a {
color: var(--white);
}
.mobile-menu.ols-mobile-menu ul.menu-mob > li.parent ul.submenu li a:hover,
.mobile-menu.ols-mobile-menu ul.scroll-menu > li.parent ul.submenu li a:hover {
color: #83ffde;
}
.mobile-menu.ols-mobile-menu ul.menu-mob > li.parent span,
.mobile-menu.ols-mobile-menu ul.scroll-menu > li.parent span {
color: var(--white);
}
.mobile-menu.ols-mobile-menu ul.menu-mob > li.parent span svg,
.mobile-menu.ols-mobile-menu ul.scroll-menu > li.parent span svg {
stroke: var(--white);
}
.mobile-menu {
background: #fff;
display: none;
height: calc(100vh - 174px);
overflow-x: hidden;
overflow-y: auto;
padding: 25px 0 26px;
position: fixed;
top: 64px;
transition: top 0.2s;
width: 100%;
z-index: 100;
}
.mobile-menu ul.menu-mob,
.mobile-menu ul.scroll-menu {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 28px 0;
}
.mobile-menu ul.menu-mob > li > a,
.mobile-menu ul.scroll-menu > li > a {
color: var(--black);
font-size: 20px;
font-weight: 500;
line-height: normal;
text-decoration: none;
}
.mobile-menu ul.menu-mob > li.parent ul.submenu,
.mobile-menu ul.scroll-menu > li.parent ul.submenu {
display: none;
padding-left: 20px;
padding-top: 16px;
}
.mobile-menu ul.menu-mob > li.parent ul.submenu li a,
.mobile-menu ul.scroll-menu > li.parent ul.submenu li a {
color: var(--black);
display: block;
font-size: 16px;
font-weight: 500;
line-height: 140%;
margin-bottom: 8px;
text-decoration: none;
}
.mobile-menu ul.menu-mob > li.parent ul.submenu li:last-child a,
.mobile-menu ul.scroll-menu > li.parent ul.submenu li:last-child a {
margin-bottom: 0;
}
.mobile-menu ul.menu-mob > li.parent span,
.mobile-menu ul.scroll-menu > li.parent span {
color: var(--black);
font-size: 20px;
font-weight: 500;
position: relative;
text-decoration: none;
}
.mobile-menu ul.menu-mob > li.parent span svg,
.mobile-menu ul.scroll-menu > li.parent span svg {
stroke: var(--black);
height: 12px;
width: 12px;
}
.mobile-menu ul.menu-mob > li.parent span svg line,
.mobile-menu ul.scroll-menu > li.parent span svg line {
transition: 0.3s;
}
.mobile-menu ul.menu-mob > li.parent span svg .f1,
.mobile-menu ul.scroll-menu > li.parent span svg .f1 {
stroke-width: 4px;
transform: translateY(8px) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.mobile-menu ul.menu-mob > li.parent span svg .f2,
.mobile-menu ul.scroll-menu > li.parent span svg .f2 {
stroke-width: 4px;
transform: translateY(8px) rotate(-45deg) skewX(0) skewY(0) scaleX(1)
scaleY(1);
}
.mobile-menu ul.menu-mob > li.parent span svg.active .f1,
.mobile-menu ul.scroll-menu > li.parent span svg.active .f1 {
transform: translateY(-8px) rotate(-45deg) skewX(0) skewY(0) scaleX(1)
scaleY(1);
}
.mobile-menu ul.menu-mob > li.parent span svg.active .f2,
.mobile-menu ul.scroll-menu > li.parent span svg.active .f2 {
transform: translateY(-8px) rotate(45deg) skewX(0) skewY(0) scaleX(1)
scaleY(1);
}
.mobile-menu::-webkit-scrollbar {
display: none;
}
.mobile-menu .mobile-menu-footer {
background: #fff;
bottom: 0;
left: 0;
padding: 10px 20px;
position: fixed;
right: 0;
z-index: 2;
}
.mobile-menu .mobile-menu-footer a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 26px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 100% !important;
}
.mobile-menu .mobile-menu-footer a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.mobile-menu .mobile-menu-footer a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.mobile-menu .mobile-menu-footer a {
width: 326px;
}
}
.mobile-menu .mobile-menu-footer .no-credit-card {
display: none;
}
@media (min-width: 1301px) {
.mobile-menu {
display: none !important;
}
}
header {
left: 0;
padding: 16px 0;
position: fixed;
right: 0;
top: 0;
transition:
opacity 0.2s,
padding 0.2s;
z-index: 9;
}
header .nav-flx {
align-items: center;
display: flex;
justify-content: space-between;
}
header .nav-flx ul.menu {
display: flex;
gap: 0 4px;
margin: 12px auto 0 30px;
}
header .nav-flx ul.menu > li > a {
border-radius: 50px;
color: var(--black);
font-size: 16px;
font-weight: 500;
padding: 9px 16px;
text-decoration: none;
transition: color 0.3s;
}
header .nav-flx ul.menu > li > a:hover {
background: hsla(0, 0%, 100%, 0.102);
}
header .nav-flx ul.menu > li.parent {
padding-bottom: 12px;
position: relative;
}
header .nav-flx ul.menu > li.parent ul.submenu {
background: var(--white);
border-radius: 10px;
box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.12);
display: none;
left: 0;
margin-top: 6px;
padding: 20px;
position: absolute;
top: 22px;
width: -moz-max-content;
width: max-content;
}
header .nav-flx ul.menu > li.parent ul.submenu li a {
color: var(--black);
display: block;
font-size: 14px;
font-weight: 400;
line-height: 140%;
margin-bottom: 8px;
text-decoration: none;
transition: color 0.3s;
}
header .nav-flx ul.menu > li.parent ul.submenu li a:hover {
color: var(--teal-main);
}
header .nav-flx ul.menu > li.parent ul.submenu li:last-child a {
margin-bottom: 0;
}
header .nav-flx ul.menu > li.parent span {
border-radius: 50px;
color: var(--black);
cursor: pointer;
font-size: 16px;
font-weight: 500;
padding: 4px 16px;
position: relative;
text-decoration: none;
transition: color 0.3s;
}
header .nav-flx ul.menu > li.parent span svg {
stroke: var(--black);
height: 12px;
width: 12px;
}
header .nav-flx ul.menu > li.parent span svg line {
transition: 0.5s;
}
header .nav-flx ul.menu > li.parent span .f1 {
stroke-width: 4px;
transform: translateY(8px) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
header .nav-flx ul.menu > li.parent span .f2 {
stroke-width: 4px;
transform: translateY(8px) rotate(-45deg) skewX(0) skewY(0) scaleX(1)
scaleY(1);
}
header .nav-flx ul.menu > li.parent:hover span {
background: rgba(0, 0, 0, 0.078);
}
header .nav-flx ul.menu > li.parent:hover span .f1 {
transform: translateY(-8px) rotate(-45deg) skewX(0) skewY(0) scaleX(1)
scaleY(1);
}
header .nav-flx ul.menu > li.parent:hover span .f2 {
transform: translateY(-8px) rotate(45deg) skewX(0) skewY(0) scaleX(1)
scaleY(1);
}
header .nav-flx ul.menu > li.parent:hover ul.submenu {
display: block;
}
header .nav-flx .logo {
text-decoration: none;
}
header .nav-flx .logo img {
display: block;
}
header .nav-flx .logo img.small {
display: none;
}
header .nav-flx .logo img.logo-supreme {
height: 75px;
transition: 0.3s;
}
header .nav-flx .auth {
align-items: center;
display: flex;
gap: 0 20px;
}
header .nav-flx .auth a.login {
color: var(--black);
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
header .nav-flx .auth a.login:hover {
text-decoration: underline;
}
header .nav-flx .auth a.create-store {
background: var(--pink);
border-radius: 6px;
color: var(--white);
display: block;
font-size: 16px;
font-weight: 600;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 194px;
}
header .nav-flx .auth a.create-store:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
header .nav-flx .auth a.create-store:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
header .nav-flx .show-hide-mobile-menu {
display: none;
}
header.active {
background: var(--white);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
padding: 14px 0;
}
header.header-supreme {
padding-top: 12px;
}
header.header-supreme .nav-flx ul li a:hover {
color: #1f75cb;
}
header.header-supreme .nav-flx ul li a:focus {
color: #0956a4;
}
header.header-supreme a.login:hover {
color: #1f75cb !important;
}
header.header-supreme a.login:active {
color: #0956a4 !important;
}
header.header-supreme a.create-store {
background: #1263b5 !important;
}
header.header-supreme a.create-store:hover {
background-color: #1f75cb !important;
}
header.header-supreme a.create-store:focus {
background-color: #0956a4 !important;
}
header.header-supreme.active .logo img.logo-supreme {
height: 67px;
}
header.header-dropship .nav-flx ul li a:hover {
color: #396ffa;
}
header.header-dropship .nav-flx ul li a:focus {
color: #0f49de;
}
header.header-dropship a.login:hover {
color: #396ffa !important;
}
header.header-dropship a.login:active {
color: #0f49de !important;
}
header.header-dropship a.create-store {
background-color: #225aea !important;
}
header.header-dropship a.create-store:hover {
background-color: #396ffa !important;
}
header.header-dropship a.create-store:active {
background-color: #0f49de !important;
}
header.fiverr-header .nav-flx .logo img.fiverr-mob {
display: none;
}
@media (max-width: 940px) {
header.fiverr-header .nav-flx .logo img.fiverr {
display: none;
}
header.fiverr-header .nav-flx .logo img.fiverr-mob {
display: block;
}
}
header.fiverr-header .nav-flx .auth a.create-store {
background: var(--black);
}
header.fiverr-header .nav-flx .auth a.create-store:hover {
background-color: rgba(0, 0, 0, 0.8);
}
header.fiverr-header .nav-flx .auth a.create-store:focus {
box-shadow: none;
}
header.fiverr-header .nav-flx .auth a.create-store:active {
background-color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 600px) {
header.fiverr-header .nav-flx .auth a.login {
font-size: 16px;
}
header.fiverr-header .nav-flx .auth a.create-store {
font-size: 13px;
height: 36px;
line-height: 36px;
width: 150px;
}
header.fiverr-header .nav-flx .logo img.fiverr {
width: 100px;
}
}
header.header-amer .nav-flx ul.menu li a {
color: var(--white);
}
header.header-amer .nav-flx ul.menu li a:hover {
color: #9e9e9e;
}
header.header-amer .nav-flx ul.menu li.parent span {
color: var(--white);
}
header.header-amer .nav-flx .show-hide-mobile-menu svg path,
header.header-amer .nav-flx ul.menu li.parent span svg {
stroke: var(--white);
}
header.header-amer .nav-flx .auth a.login {
color: var(--white);
}
header.header-amer .nav-flx .auth a.login:hover {
color: #9e9e9e;
}
header.header-amer .nav-flx .auth a.login img {
display: none;
}
header.header-amer .nav-flx .auth a.create-store {
background: #373737;
}
header.header-amer .nav-flx .auth a.create-store:hover {
background-color: #2a2a2a;
}
header.header-amer .nav-flx .auth a.create-store:focus {
box-shadow: none;
}
header.header-amer .nav-flx .auth a.create-store:active {
background-color: #2a2a2a;
}
@media (max-width: 600px) {
header.header-amer .nav-flx .auth,
header.header-amer .nav-flx .auth a.create-store {
display: none;
}
}
header.header-amer.active {
background: #111;
}
@media (max-width: 600px) {
header.header-amer {
background: #111;
border-bottom: 1px solid #373737;
opacity: 1;
padding: 16px 0;
visibility: visible;
}
header.header-amer .container {
padding-left: 14px;
padding-right: 14px;
}
header.header-amer .nav-flx .logo img {
width: 138px;
}
}
header.header-ecom-society .nav-flx ul.menu li {
font-family: Switzer, sans-serif;
}
header.header-ecom-society .nav-flx .auth a.login,
header.header-ecom-society .nav-flx ul.menu li a {
color: #000215;
font-family: Switzer, sans-serif;
}
header.header-ecom-society .nav-flx .auth a.login img {
display: none;
}
header.header-ecom-society .nav-flx .auth a.create-store {
background: #0108f5;
font-family: Switzer, sans-serif;
font-weight: 500;
}
header.header-ecom-society .nav-flx .auth a.create-store:active {
box-shadow: none;
}
header.header-ecom-society .nav-flx .auth a.create-store:hover {
background: #0006ca;
}
@media (max-width: 600px) {
header.header-ecom-society .nav-flx .auth a.login {
align-items: center;
border-radius: 8px;
display: flex;
height: 36px;
justify-content: center;
width: 36px;
}
header.header-ecom-society .nav-flx .auth a.login img {
display: block;
}
header.header-ecom-society .nav-flx .auth a.login span {
display: none;
}
header.header-ecom-society .nav-flx .auth a.login:active {
background: #444;
}
header.header-ecom-society .nav-flx .auth a.create-store {
border-radius: 8px;
font-size: 14px;
font-weight: 600;
height: 36px;
line-height: 36px;
width: 156px;
}
header.header-ecom-society .nav-flx .logo img {
width: 80px;
}
header.header-ecom-society {
background: #fff;
opacity: 1;
padding: 16px 0;
visibility: visible;
}
}
header.header-shopify-business-name-generator .nav-flx ul.menu li span {
color: var(--white);
}
header.header-shopify-business-name-generator .nav-flx ul.menu li span svg {
stroke: var(--white);
}
header.header-shopify-business-name-generator .nav-flx ul.menu li a {
color: var(--white);
}
header.header-shopify-business-name-generator .nav-flx .auth a.login {
color: var(--white);
font-weight: 400;
}
header.header-shopify-business-name-generator .nav-flx .logo img.logo-black {
display: none;
}
header.header-shopify-business-name-generator.active .nav-flx ul.menu span {
color: var(--black);
}
header.header-shopify-business-name-generator.active .nav-flx ul.menu span svg {
stroke: var(--black);
}
header.header-shopify-business-name-generator.active .nav-flx .auth a.login,
header.header-shopify-business-name-generator.active .nav-flx ul.menu li a {
color: var(--black);
}
header.header-shopify-business-name-generator.active
.nav-flx
.logo
img.logo-white {
display: none;
}
header.header-shopify-business-name-generator.active
.nav-flx
.logo
img.logo-black {
display: block;
}
header.header-shopify-business-name-generator #loading-progress {
background: rgba(0, 0, 0, 0.3);
bottom: -6px;
display: none;
height: 6px;
position: absolute;
width: 100%;
}
header.header-shopify-business-name-generator
#loading-progress
#loading-progress-bar {
background: var(--lemon);
border-radius: 0 10px 10px 0;
box-shadow: 0 0 14px 0 var(--lemon);
height: 100%;
transition: width 0.2s ease;
width: 0;
}
@media (max-width: 940px) {
header.header-shopify-business-name-generator .nav-flx .logo img.logo-white {
display: none !important;
}
header.header-shopify-business-name-generator .nav-flx .logo img.logo-black {
display: block !important;
}
}
@media (max-width: 600px) {
header.header-shopify-business-name-generator {
background: #fff;
opacity: 1;
padding: 16px 0;
visibility: visible;
}
}
header.header-ramin-popal .nav-flx .auth a.create-store {
background: #ffab23;
box-shadow: none !important;
color: var(--black);
}
header.header-ramin-popal .nav-flx .auth a.create-store:hover {
background: #ffc430;
}
header.header-ezstore .nav-flx .logo img {
width: 200px;
}
header.header-ezstore .nav-flx .auth a.create-store {
background: #79e1ee;
box-shadow: none !important;
color: var(--black);
}
header.header-ezstore .nav-flx .auth a.create-store:hover {
background: #92f3ff;
}
header.header-jordan-bown {
font-family: Gotham, sans-serif;
}
header.header-jordan-bown .nav-flx .logo img {
width: 115px;
}
header.header-jordan-bown .nav-flx ul.menu > li ul.submenu li a:hover {
color: #4195ff;
}
header.header-jordan-bown .nav-flx ul.menu > li span {
color: var(--white);
}
header.header-jordan-bown .nav-flx ul.menu > li span svg {
stroke: var(--white);
}
header.header-jordan-bown .nav-flx .auth a.login,
header.header-jordan-bown .nav-flx ul.menu > li > a {
color: var(--white);
}
header.header-jordan-bown .nav-flx .auth a.create-store {
background: linear-gradient(180deg, #53acff, #4057cf);
box-shadow: 0 4px 24px 0 rgba(65, 91, 209, 0.4);
color: var(--white);
}
header.header-jordan-bown .nav-flx .auth a.create-store:hover {
background: linear-gradient(180deg, #72bbff, #536be8);
box-shadow: 0 4px 24px 0 rgba(78, 110, 236, 0.6);
}
header.header-jordan-bown .nav-flx .show-hide-mobile-menu svg path {
stroke: var(--white);
}
header.header-jordan-bown.active {
background: var(--black);
}
header.header-start-store .nav-flx .auth a.login,
header.header-start-store .nav-flx ul.menu {
display: none;
}
header.header-start-store .nav-flx ul.scroll-menu {
display: flex;
gap: 0 40px;
}
@media (max-width: 1300px) {
header.header-start-store .nav-flx ul.scroll-menu {
display: none;
}
}
header.header-start-store .nav-flx ul.scroll-menu li a {
color: var(--white);
font-size: 16px;
text-decoration: none;
}
header.header-start-store .nav-flx ul.scroll-menu li a:hover {
color: #ff6da4;
}
header.header-start-store .nav-flx .show-hide-mobile-menu svg path {
stroke: var(--white);
}
header.header-start-store .auth a.login {
color: var(--white);
}
header.header-start-store.active {
background: #0a0620;
}
@media (max-width: 600px) {
header.header-faq {
background: #fff;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
opacity: 1;
padding: 16px 0;
visibility: visible;
}
}
@media (max-width: 940px) {
header.single-header {
background: #fff;
box-shadow: none;
opacity: 1;
padding: 16px 0;
visibility: visible;
}
}
@media (max-width: 600px) {
header.single-header .nav-flx .auth a.login {
font-size: 16px;
}
header.single-header .nav-flx .auth a.create-store {
font-size: 14px;
height: 36px;
line-height: 36px;
width: 165px;
}
}
@media (max-width: 1300px) {
header.header-features-single {
background: #fff;
box-shadow: none;
opacity: 1;
padding: 16px 0;
visibility: visible;
}
header.header-features-single .nav-flx .auth {
display: none;
}
header.header-features-single .show-hide-mobile-menu {
display: block;
height: 32px;
width: 32px;
}
header.header-features-single .show-hide-mobile-menu .hide-menu {
display: none;
}
header.header-success-stories {
background: #fff;
box-shadow: none;
opacity: 1;
padding: 16px 0;
visibility: visible;
}
header.header-success-stories .nav-flx .auth {
display: none;
}
header.header-success-stories .show-hide-mobile-menu {
display: block;
height: 32px;
width: 32px;
}
header.header-success-stories .show-hide-mobile-menu .hide-menu {
display: none;
}
header.header-glossary {
background: #fff;
box-shadow: none;
opacity: 1;
padding: 16px 0;
visibility: visible;
}
header.header-glossary .nav-flx .auth {
display: none;
}
header.header-glossary .show-hide-mobile-menu {
display: block;
height: 32px;
width: 32px;
}
header.header-glossary .show-hide-mobile-menu .hide-menu {
display: none;
}
}
header.header-wix .nav-flx .auth a.login:hover,
header.header-wix .nav-flx ul.menu > li.parent ul.submenu li a:hover {
color: #166aea;
}
header.header-wix .nav-flx .auth a.create-store {
background: #166aea;
border-radius: 48px;
width: 220px;
}
@media (max-width: 1300px) {
header.header-wix {
background: #fff;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
opacity: 1;
padding: 16px 0;
visibility: visible;
}
header.header-wix .nav-flx .auth {
display: none;
}
header.header-wix .show-hide-mobile-menu {
display: block;
height: 32px;
width: 32px;
}
header.header-wix .show-hide-mobile-menu .hide-menu {
display: none;
}
header.header-solution {
background: #fff;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
opacity: 1;
padding: 16px 0;
visibility: visible;
}
header.header-solution .nav-flx .auth {
display: none;
}
header.header-solution .show-hide-mobile-menu {
display: block;
height: 32px;
width: 32px;
}
header.header-solution .show-hide-mobile-menu .hide-menu {
display: none;
}
}
header.header-one-product-link .nav-flx ul.menu li a {
color: var(--white);
}
header.header-one-product-link .nav-flx ul.menu li a:hover {
color: #83ffde;
}
header.header-one-product-link .nav-flx ul.menu li.parent span {
color: var(--white);
}
header.header-one-product-link .nav-flx .show-hide-mobile-menu svg path,
header.header-one-product-link .nav-flx ul.menu li.parent span svg {
stroke: var(--white);
}
header.header-one-product-link .nav-flx .auth {
gap: 12px;
}
header.header-one-product-link .nav-flx .auth a.login {
color: var(--white);
height: unset;
line-height: 24px;
padding: 8px 21px;
transition: all 0.3s ease;
width: unset;
}
header.header-one-product-link .nav-flx .auth a.login:hover {
background: hsla(0, 0%, 100%, 0.102);
border-radius: 50px;
text-decoration: none;
}
header.header-one-product-link .nav-flx .auth a.login img {
display: none;
}
header.header-one-product-link .nav-flx .auth a.create-store {
background: linear-gradient(90deg, #ff5f51, #ff0061 60%);
border-radius: 58px;
color: var(--white);
font-weight: 500;
height: unset;
line-height: 24px;
overflow: hidden;
padding: 8px 20px;
position: relative;
width: unset;
}
header.header-one-product-link .nav-flx .auth a.create-store:before {
background: linear-gradient(90deg, #ff0061, #ff5f51 46.15%, #ff0061 83.65%);
border-radius: 58px;
content: "";
inset: 0;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease;
will-change: opacity;
z-index: 0;
}
header.header-one-product-link .nav-flx .auth a.create-store span {
position: relative;
z-index: 2;
}
header.header-one-product-link .nav-flx .auth a.create-store:hover {
background-position: 0;
}
header.header-one-product-link .nav-flx .auth a.create-store:hover:before {
opacity: 1;
}
@media (max-width: 600px) {
header.header-one-product-link .nav-flx .auth,
header.header-one-product-link .nav-flx .auth a.create-store {
display: none;
}
}
header.header-one-product-link.active {
background: #041b20;
}
@media (max-width: 600px) {
header.header-one-product-link {
background: transparent;
border-bottom: 1px solid hsla(0, 0%, 100%, 0.078);
opacity: 1;
padding: 16px 0;
visibility: visible;
}
header.header-one-product-link .container {
padding-left: 25px;
padding-right: 32px;
}
}
@media (max-width: 1300px) {
header .nav-flx ul.menu {
display: none;
}
header.active {
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
padding: 16px 0;
}
header.active .nav-flx .auth {
display: none;
}
header.active .show-hide-mobile-menu {
display: block;
height: 32px;
width: 32px;
}
header.active .show-hide-mobile-menu .hide-menu {
display: none;
}
}
@media (max-width: 940px) {
header {
opacity: 0;
visibility: hidden;
}
header .nav-flx a.create-store {
border-radius: 8px;
font-size: 14px;
height: 36px;
line-height: 36px;
width: 165px;
}
header.active {
opacity: 1;
visibility: visible;
}
}
@media (max-width: 600px) {
header .nav-flx .auth {
display: none;
}
header .nav-flx .show-hide-mobile-menu {
display: block;
height: 32px;
width: 32px;
}
header .nav-flx .show-hide-mobile-menu .hide-menu {
display: none;
}
header.header-supreme.active .logo img.logo-supreme {
height: 42px;
}
header.blog-header {
background: #fff;
opacity: 1;
padding: 16px 0;
visibility: visible;
}
header.blog-header .nav-flx .auth a.login {
font-size: 16px;
}
header.blog-header .nav-flx .auth a.create-store {
font-size: 14px;
height: 36px;
line-height: 36px;
width: 165px;
}
}
footer {
background: url(../images/front-page-bl-6-bg-v3.svg) 50% / cover;
}
footer .footer-banner {
padding-bottom: 60px;
padding-top: 100px;
}
footer .footer-banner h2 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width: 600px) {
footer .footer-banner h2 {
font-size: 32px;
line-height: 41px;
}
}
footer .footer-banner h2 span {
position: relative;
z-index: 1;
}
footer .footer-banner h2 span:before {
background: var(--lemon);
bottom: 0;
content: "";
height: 45px;
left: -10px;
position: absolute;
right: 0;
top: 13px;
transform: rotate(-2.3deg);
width: calc(100% + 20px);
z-index: -1;
}
footer .footer-banner a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
footer .footer-banner a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
footer .footer-banner a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
footer .footer-banner a {
width: 326px;
}
}
footer .footer-banner .no-credit-card {
font-size: 14px;
position: relative;
text-align: center;
z-index: 1;
}
footer .ai-store {
border-top: 1px solid var(--black);
padding-bottom: 47px;
padding-top: 40px;
}
footer .ai-store img {
display: block;
margin: 0 auto 23px;
}
footer .ai-store .links {
display: flex;
gap: 0 12px;
justify-content: center;
}
footer .ai-store .links a {
color: var(--black);
font-size: 14px;
line-height: 19px;
}
footer .ai-store .links a:hover {
color: #ffab23;
}
footer .ai-store p {
color: var(--black);
font-size: 14px;
line-height: 19px;
margin-top: 12px;
text-align: center;
}
footer .flx {
display: flex;
gap: 0 60px;
justify-content: space-between;
padding-bottom: 40px;
padding-top: 60px;
}
footer .flx .block-1 img {
display: block;
margin-bottom: 18px;
width: 216px;
}
footer .flx .block-1 p {
color: var(--black);
font-size: 14px;
}
footer .flx .block-2 {
align-items: flex-start;
display: flex;
flex-shrink: 0;
gap: 0 50px;
justify-content: center;
}
footer .flx .block-2 .items {
display: flex;
flex-direction: column;
gap: 12px 0;
}
footer .flx .block-2 .items .item-title {
color: var(--black);
font-size: 16px;
font-weight: 500;
line-height: 22px;
margin-bottom: 12px;
}
footer .flx .block-2 .items a {
color: var(--black);
display: block;
font-size: 14px;
line-height: 20px;
text-decoration: none;
transition: color 0.3s;
}
footer .flx .block-2 .items a:hover {
color: var(--teal-80);
}
footer .footer-bottom {
align-items: center;
border-top: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
padding-bottom: 33px;
padding-top: 32px;
}
footer .footer-bottom p {
color: #686868;
font-size: 14px;
line-height: 20px;
}
footer .footer-bottom .footer-bottom-content {
align-items: center;
display: flex;
gap: 0 28px;
}
footer .footer-bottom .footer-bottom-content .terms {
display: flex;
gap: 0 28px;
}
footer .footer-bottom .footer-bottom-content a {
color: var(--black);
font-size: 14px;
line-height: 20px;
text-decoration: none;
transition: color 0.3s;
}
footer .footer-bottom .footer-bottom-content a.support {
background: url(../images/footer-mail.svg) no-repeat 0 50%;
font-weight: 600;
padding-left: 28px;
}
footer .footer-bottom .footer-bottom-content a.support:hover {
color: var(--teal-80);
}
footer .footer-bottom .footer-bottom-content a.support:focus {
color: var(--teal-dark);
}
footer .footer-bottom .footer-bottom-content a:hover {
color: var(--teal-80);
}
footer.footer-without-banner .footer-banner {
display: none;
}
footer.footer-transparent {
background: transparent !important;
}
footer.footer-supreme {
background: var(--black);
}
footer.footer-supreme .footer-banner h2 {
color: var(--white);
}
footer.footer-supreme .footer-banner h2 span {
white-space: nowrap;
}
footer.footer-supreme .footer-banner h2 span:before {
background: url(../images/free-line.svg) no-repeat;
bottom: 2px;
content: "";
height: 12px;
left: -3px;
position: absolute;
top: auto;
width: calc(100% + 20px);
z-index: -1;
}
@media (max-width: 600px) {
footer.footer-supreme .footer-banner h2 span:before {
background-size: 80px;
bottom: -2px;
height: 9px;
width: calc(100% + 7px);
}
}
footer.footer-supreme .footer-banner a {
background: #1263b5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
footer.footer-supreme .footer-banner a:hover {
background-color: #1f75cb;
background-position: calc(50% + 120px) 50%;
}
footer.footer-supreme .footer-banner a:focus {
background-color: #0956a4;
}
@media (max-width: 600px) {
footer.footer-supreme .footer-banner a {
width: 326px;
}
}
footer.footer-supreme .footer-banner .no-credit-card {
color: var(--white);
}
footer.footer-supreme .flx .block-1 img {
width: 65px;
}
footer.footer-supreme .flx .block-1 p,
footer.footer-supreme .flx .block-2 .items .item-title,
footer.footer-supreme .flx .block-2 .items a {
color: var(--white);
}
footer.footer-supreme .flx .block-2 .items a:hover {
color: #1f75cb;
}
footer.footer-supreme .flx .block-2 .items a:focus {
color: #0956a4;
}
footer.footer-supreme .footer-bottom {
border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}
footer.footer-supreme .footer-bottom .footer-bottom-content a,
footer.footer-supreme .footer-bottom p {
color: var(--white);
}
footer.footer-supreme .footer-bottom .footer-bottom-content a.support {
background-image: url(../images/footer-mail-white.svg);
}
footer.footer-supreme .footer-bottom .footer-bottom-content a:hover {
color: #1f75cb;
}
footer.footer-ramin-popal {
background: url(../images/partner-ramin-bl-6-bg.svg) 50% / cover;
}
footer.footer-ramin-popal .footer-banner h2 span {
color: #ffab23;
}
footer.footer-ramin-popal .footer-banner h2 span:before {
display: none;
}
footer.footer-ramin-popal .footer-banner a.event {
background: #ffab23
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
color: var(--black);
max-width: 350px;
}
footer.footer-ramin-popal .footer-banner a.event:hover {
background-color: #ffc430;
background-position: calc(50% + 110px) 50%;
}
footer.footer-dropship {
background: #f2f6ff;
}
footer.footer-dropship .footer-banner h2 span {
color: #225aea;
}
footer.footer-dropship .footer-banner h2 span:before {
display: none;
}
footer.footer-dropship .footer-banner a {
background-color: #225aea;
}
footer.footer-dropship .footer-banner a:hover {
background-color: #396ffa;
}
footer.footer-dropship .footer-banner a:active {
background-color: #0f49de;
}
footer.footer-dropship .flx {
padding-bottom: 48px;
}
footer.footer-dropship .flx .block-1 img {
margin-bottom: 10px;
width: 150px;
}
footer.footer-dropship .flx .block-2 a:hover {
color: #396ffa;
}
footer.footer-dropship .flx .block-2 a:focus {
color: #0f49de;
}
footer.footer-fiverr .flx .block-1 img {
height: 50px;
}
footer.footer-amer {
background: #111 url(../images/dots-bg.svg);
}
footer.footer-amer .footer-banner h2 {
color: var(--white);
}
footer.footer-amer .footer-banner h2 span {
color: #00bf63;
font-size: 50px;
}
@media (max-width: 600px) {
footer.footer-amer .footer-banner h2 span {
font-size: 38px;
}
}
footer.footer-amer .footer-banner h2 span:before {
display: none;
}
footer.footer-amer .footer-banner a {
background: #00bf63 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.3);
}
footer.footer-amer .footer-banner a:hover {
background-position: calc(50% + 120px) 50%;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.7);
}
footer.footer-amer .footer-banner a:focus {
box-shadow: none;
}
footer.footer-amer .footer-banner a:active {
background-color: #00a757;
}
footer.footer-amer .footer-banner .no-credit-card {
color: var(--white);
}
footer.footer-amer .footer-content-wrapper {
background: #111;
border-top: 1px solid #373737;
}
@media (max-width: 600px) {
footer.footer-amer .footer-content-wrapper {
padding-bottom: 80px;
}
}
footer.footer-amer .footer-content-wrapper .flx .block-1 p,
footer.footer-amer .footer-content-wrapper .flx .block-2 .items .item-title,
footer.footer-amer .footer-content-wrapper .flx .block-2 .items a {
color: var(--white);
}
footer.footer-amer .footer-content-wrapper .flx .block-2 .items a:hover {
color: #9e9e9e;
}
footer.footer-amer
.footer-content-wrapper
.footer-bottom
.footer-bottom-content
a,
footer.footer-amer .footer-content-wrapper .footer-bottom p {
color: var(--white);
}
footer.footer-amer
.footer-content-wrapper
.footer-bottom
.footer-bottom-content
a.support {
background-image: url(../images/footer-mail-white.svg);
}
footer.footer-amer
.footer-content-wrapper
.footer-bottom
.footer-bottom-content
a:hover {
color: #9e9e9e;
}
footer.footer-ecom-society {
background: url(../images/ecom-society-bg.svg) 50% / cover;
}
footer.footer-ecom-society * {
font-family: Switzer, sans-serif;
}
footer.footer-ecom-society .footer-banner h2 {
color: #000215;
}
footer.footer-ecom-society .footer-banner h2 span {
color: #0108f5;
}
footer.footer-ecom-society .footer-banner h2 span:before {
display: none;
}
footer.footer-ecom-society .footer-banner a {
background: #0108f5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
}
footer.footer-ecom-society .footer-banner a:active {
box-shadow: none;
}
footer.footer-ecom-society .footer-banner a:hover {
background-color: #0006ca;
background-position: calc(50% + 120px) 50%;
}
footer.footer-ecom-society .flx {
border-top: 1px solid rgba(0, 4, 149, 0.16);
padding-bottom: 44px;
padding-top: 48px;
}
footer.footer-ecom-society .flx .block-1 img {
width: 128px;
}
footer.footer-ecom-society .flx .block-1 p,
footer.footer-ecom-society .flx .block-2:nth-child(2) {
display: none;
}
footer.footer-ecom-society .flx .block-3 {
display: flex;
}
footer.footer-ecom-society .flx .block-3 .items {
display: flex !important;
flex-direction: row;
gap: 0 12px;
}
footer.footer-ecom-society .flx .block-3 .items a {
color: #000215;
font-family: Switzer, sans-serif;
font-size: 14px;
}
footer.footer-ecom-society .flx .block-3 .items a:hover {
color: #0108f5;
}
footer.footer-ecom-society .flx .block-3 .items:first-child {
display: none;
}
footer.footer-ecom-society .flx .block-4 .copy a.support {
background: url(../images/footer-mail-ecom-society.svg) no-repeat 0 50%;
color: #000215;
font-size: 14px;
font-weight: 600;
padding-left: 28px;
text-decoration: none;
}
footer.footer-ecom-society .flx .block-4 .copy a.support:hover {
color: #0108f5;
}
footer.footer-ecom-society .flx .block-4 .copy p {
color: #000215;
font-size: 14px;
margin-top: 20px;
text-align: right;
}
@media (max-width: 940px) {
footer.footer-ecom-society .flx .block-4 .copy p {
text-align: center;
}
footer.footer-ecom-society .flx .block-4 {
margin-top: 20px;
}
footer.footer-ecom-society .flx .block-4 p {
text-align: center;
}
}
@media (max-width: 600px) {
footer.footer-ecom-society .flx {
padding-bottom: 120px;
}
}
footer.footer-ecom-society .footer-bottom {
display: none;
}
footer.footer-ezstore {
background: url(../images/partner-ramin-bl-6-bg.svg) 50% / cover;
}
footer.footer-ezstore .footer-banner h2 span:before {
display: none;
}
footer.footer-ezstore .footer-banner a {
background: #79e1ee
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
color: var(--black);
max-width: 350px;
}
footer.footer-ezstore .footer-banner a:hover {
background-color: #92f3ff;
background-position: calc(50% + 110px) 50%;
}
footer.footer-ezstore .ai-store img {
width: 200px;
}
footer.footer-jordan-bown {
background: var(--black);
position: relative;
}
footer.footer-jordan-bown .ai-store {
border-top: none;
}
footer.footer-jordan-bown .ai-store .links a {
color: var(--white);
}
footer.footer-jordan-bown .ai-store .links a:hover {
color: #9bc7ff;
}
footer.footer-jordan-bown .ai-store p {
color: var(--white);
}
footer.footer-jordan-bown .ai-store img {
width: 115px;
}
footer.footer-wix {
margin-top: 80px;
position: relative;
}
footer.footer-wix .flx {
border: none;
}
footer.footer-wix .flx .block-2 a:hover {
color: #166aea;
}
@media (max-width: 600px) {
footer.footer-wix {
margin-top: 60px;
}
footer.footer-wix .flx {
padding-bottom: 20px;
padding-top: 0;
}
}
footer.footer-wix-none {
display: none;
}
footer.footer-one-product-link {
padding-top: 60px;
position: relative;
}
@media (max-width: 6000px) {
footer.footer-one-product-link {
padding-top: 0;
}
}
footer.footer-one-product-link .flx .block-1 p,
footer.footer-one-product-link .flx .block-2 .items .item-title,
footer.footer-one-product-link .flx .block-2 .items a {
color: var(--white);
}
footer.footer-one-product-link .flx .block-2 .items a:hover {
color: #83ffde;
}
footer.footer-one-product-link .footer-bottom .footer-bottom-content a,
footer.footer-one-product-link .footer-bottom p {
color: var(--white);
}
footer.footer-one-product-link .footer-bottom .footer-bottom-content a.support {
background-image: url(../images/footer-mail-white.svg);
}
footer.footer-one-product-link .footer-bottom .footer-bottom-content a:hover {
color: #83ffde;
}
footer.footer-start-store {
background: #0a0620;
position: relative;
}
footer.footer-start-store:before {
background: linear-gradient(
90deg,
rgba(113, 67, 255, 0.6) 20.31%,
rgba(255, 0, 97, 0.6) 93.78%
);
border-radius: 560px;
content: "";
filter: blur(150px);
height: 282px;
left: 50%;
position: absolute;
top: 160px;
transform: translateX(-50%);
width: 560px;
}
@media (max-width: 600px) {
footer.footer-start-store:before {
border-radius: 160px;
filter: blur(100px);
height: 160px;
width: 160px;
}
}
footer.footer-start-store .footer-banner {
padding-top: 220px;
}
@media (max-width: 600px) {
footer.footer-start-store .footer-banner {
overflow: hidden;
padding-top: 100px;
}
}
footer.footer-start-store .footer-banner h2 {
color: var(--white);
}
footer.footer-start-store .footer-banner h2 span:before {
display: none;
}
footer.footer-start-store .footer-banner a {
max-width: 350px;
}
footer.footer-start-store .footer-banner .no-credit-card {
color: var(--white);
}
footer.footer-start-store .ai-store {
border-top: none;
}
footer.footer-start-store .ai-store .links a {
color: var(--white);
}
footer.footer-start-store .ai-store .links a:hover {
color: #ff6da4;
}
footer.footer-start-store .ai-store p {
color: var(--white);
}
@media (max-width: 1300px) {
footer .flx .block-1 {
display: none;
}
footer .flx .block-2 {
flex-shrink: 1;
}
}
@media (max-width: 940px) {
footer .flx {
align-items: center;
flex-direction: column;
}
footer .flx .block-2 {
flex-wrap: wrap;
gap: 36px 22px;
}
footer .flx .block-2 .items {
align-items: flex-start;
width: calc(50% - 11px);
}
footer .footer-bottom {
flex-direction: column-reverse;
padding-top: 36px;
}
footer .footer-bottom .footer-bottom-content {
flex-direction: column;
gap: 14px;
margin-bottom: 14px;
}
}
@media (max-width: 600px) {
footer {
background: url(../images/front-page-bl-6-bg-mob-v3.svg) no-repeat 50% 100%;
background-size: cover;
}
footer .footer-banner {
padding-bottom: 40px;
padding-top: 60px;
}
footer .footer-banner h2 {
margin-bottom: 32px;
}
footer .footer-banner h2 span:before {
height: 30px;
left: -5px;
top: 10px;
width: calc(100% + 10px);
}
footer .ai-store {
padding-bottom: 100px;
}
footer .flx {
padding-bottom: 36px;
padding-top: 40px;
}
}
.created-with-us {
background: var(--black);
padding: 100px 0 150px;
}
.created-with-us h2 {
color: var(--black);
color: var(--white);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
text-align: center;
}
@media (max-width: 600px) {
.created-with-us h2 {
font-size: 32px;
line-height: 38px;
}
}
.created-with-us h3 {
color: var(--black);
color: var(--white);
font-size: 24px;
line-height: normal;
margin-bottom: 24px;
text-align: center;
}
@media (max-width: 600px) {
.created-with-us h3 {
font-size: 18px;
}
}
.created-with-us a.build-free-store {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 100px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 350px;
}
.created-with-us a.build-free-store:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.created-with-us a.build-free-store:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.created-with-us a.build-free-store {
width: 326px;
}
}
.created-with-us a.build-free-store:hover {
background-position: calc(50% + 105px) 50%;
}
.created-with-us .no-credit-card {
color: var(--white);
font-size: 14px;
text-align: center;
}
.created-with-us .created-with-us-themes {
margin-top: 48px;
}
.created-with-us .created-with-us-themes .created-with-us-themes-item {
height: auto;
margin: 0 18px;
width: 414px;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.image-wrapper {
border-radius: 8px;
margin-bottom: 20px;
position: relative;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.image-wrapper
img {
display: block;
width: 100%;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.image-wrapper:before {
border-radius: 8px;
bottom: 0;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16);
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.created-with-us .created-with-us-themes .created-with-us-themes-item .flx {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.flx
span {
color: var(--white);
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.flx
span.name {
font-size: 20px;
font-weight: 600;
line-height: 32px;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.flx
span.rating {
background: url(../images/created-with-us-like.svg) no-repeat 0 50%;
font-size: 16px;
line-height: 22px;
padding: 1px 0 1px 26px;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
a.use-this-theme {
border: 1px solid var(--white);
border-radius: 8px;
color: var(--white);
display: block;
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 8px 20px;
text-decoration: none;
transition: 0.3s;
width: -moz-fit-content;
width: fit-content;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
a.use-this-theme:hover {
background: var(--white);
color: var(--black);
}
.created-with-us .created-with-us-themes .btn-next,
.created-with-us .created-with-us-themes .btn-prev {
border: none;
border-radius: 50%;
bottom: -120px;
cursor: pointer;
height: 48px;
position: absolute;
transform: translateY(-50%);
transition: 0.3s;
width: 48px;
z-index: 2;
}
.created-with-us .created-with-us-themes .btn-next:hover,
.created-with-us .created-with-us-themes .btn-prev:hover {
background-color: hsla(0, 0%, 100%, 0.2);
}
.created-with-us .created-with-us-themes .btn-prev {
background: url(../images/create-with-us-arrow-left.svg) no-repeat 50% 50%;
left: calc(50% - 54px);
}
.created-with-us .created-with-us-themes .btn-next {
background: url(../images/create-with-us-arrow-right.svg) no-repeat 50% 50%;
right: calc(50% - 54px);
}
.created-with-us.supreme {
background: #1263b5;
}
.created-with-us.supreme a.build-free-store {
background: var(--white) url(../images/button-arrow-black.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
.created-with-us.supreme a.build-free-store:hover {
background-color: #f0f8ff;
background-position: calc(50% + 120px) 50%;
}
.created-with-us.supreme a.build-free-store:active {
background-color: #cfe5fc;
}
@media (max-width: 600px) {
.created-with-us.supreme a.build-free-store {
width: 326px;
}
.created-with-us {
padding: 60px 0 100px;
}
.created-with-us .created-with-us-themes .created-with-us-themes-item {
width: 326px;
}
.created-with-us .created-with-us-themes .created-with-us-themes-item .flx {
margin-bottom: 16px;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.flx
span.name {
font-size: 18px;
}
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
a.use-this-theme {
text-align: center;
width: 100%;
}
}
.faq {
background: var(--black);
padding: 128px 0;
}
.faq .flx {
display: flex;
gap: 0 42px;
}
.faq .flx .block-1 {
max-width: 390px;
width: 100%;
}
.faq .flx .block-1 h2 {
color: var(--black);
color: var(--white);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
position: sticky;
text-align: left;
top: 100px;
}
@media (max-width: 600px) {
.faq .flx .block-1 h2 {
font-size: 32px;
line-height: 38px;
}
}
.faq .flx .block-1 h2 span {
color: #83ffde;
}
.faq .flx .block-2 {
width: calc(100% - 390px);
}
.faq .flx .block-2 #faq-accordion {
margin-top: -27px;
}
.faq .flx .block-2 #faq-accordion .faq-accordion-item {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.8);
}
.faq .flx .block-2 #faq-accordion .faq-accordion-item .faq-accordion-head {
color: var(--white);
cursor: pointer;
font-size: 24px;
line-height: normal;
padding-bottom: 27px;
padding-right: 30px;
padding-top: 27px;
position: relative;
}
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head:before {
background: url(../images/faq-plus.svg) no-repeat 100% 50%;
content: "";
height: 24px;
position: absolute;
right: 0;
top: 34px;
transition: 0.3s;
width: 24px;
}
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head.active:before {
transform: rotate(45deg);
}
.faq .flx .block-2 #faq-accordion .faq-accordion-item .faq-accordion-body {
color: var(--white);
display: none;
font-size: 18px;
line-height: normal;
padding-bottom: 27px;
}
.faq .flx .block-2 #faq-accordion .faq-accordion-item:last-child {
border-bottom: none;
}
.faq.supreme {
background: #1263b5;
}
@media (max-width: 940px) {
.faq .flx {
flex-direction: column;
}
.faq .flx .block-1 {
max-width: 100%;
width: 100%;
}
.faq .flx .block-1 h2 {
margin-bottom: 32px;
text-align: center;
}
.faq .flx .block-2 {
width: 100%;
}
}
@media (max-width: 600px) {
.faq {
padding-bottom: 60px;
padding-top: 60px;
}
.faq .flx .block-2 #faq-accordion .faq-accordion-item .faq-accordion-head {
font-size: 18px;
padding-right: 35px;
}
}
.testimonial-component {
padding-bottom: 140px;
padding-top: 60px;
}
.testimonial-component h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 38px;
text-align: center;
}
.testimonial-component .testimonial-component-slider .slick-track,
.testimonial-component .testimonial-component-slider-mob .slick-track {
padding: 20px 0 40px;
}
.testimonial-component .testimonial-component-slider .slide-item,
.testimonial-component .testimonial-component-slider-mob .slide-item {
height: auto;
margin: 0 -20px;
max-width: 844px;
opacity: 0.6;
outline: none;
transform: scale(0.8);
transition: 0.3s;
}
.testimonial-component .testimonial-component-slider .slide-item.slick-active,
.testimonial-component .testimonial-component-slider .slide-item.slick-center,
.testimonial-component .testimonial-component-slider .slide-item.slick-current,
.testimonial-component
.testimonial-component-slider-mob
.slide-item.slick-active,
.testimonial-component
.testimonial-component-slider-mob
.slide-item.slick-center,
.testimonial-component
.testimonial-component-slider-mob
.slide-item.slick-current {
opacity: 1;
transform: scale(1);
transition-delay: 0.5s;
}
.testimonial-component .testimonial-component-slider .slide-item .desktop,
.testimonial-component .testimonial-component-slider-mob .slide-item .desktop {
align-items: center;
background: var(--white) url(../images/bl-testimonial-quote.svg) no-repeat
calc(100% - 20px) 20px;
border-radius: 20px;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.08);
display: flex;
padding: 24px 40px 24px 24px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-img,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-img {
border-radius: 8px;
margin-right: 48px;
overflow: hidden;
position: relative;
width: 300px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-img
img,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-img
img {
display: block;
height: 348px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-description,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-description {
width: calc(100% - 348px);
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-description
img,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-description
img {
display: block;
height: 24px;
margin-bottom: 20px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-description
p,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-description
p {
color: var(--black);
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-description
.name,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-description
.name {
color: var(--black);
font-size: 24px;
font-weight: 700;
line-height: 33px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-description
.short,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-description
.short {
color: var(--black);
font-size: 18px;
line-height: 25px;
}
.testimonial-component .testimonial-component-slider .slide-item .mobile,
.testimonial-component .testimonial-component-slider-mob .slide-item .mobile {
display: none;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.mobile
.mobile-flx,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.mobile
.mobile-flx {
align-items: center;
display: flex;
margin-bottom: 24px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.mobile
.mobile-flx
img.avatar,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.mobile
.mobile-flx
img.avatar {
border: 3px solid var(--white);
border-radius: 50%;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);
display: block;
flex-shrink: 0;
height: 104px;
margin-right: 20px;
-o-object-fit: cover;
object-fit: cover;
width: 104px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.mobile
.mobile-flx
.mobile-flx-content-right
.name,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.mobile
.mobile-flx
.mobile-flx-content-right
.name {
color: var(--black);
font-size: 24px;
font-weight: 700;
line-height: 28px;
margin-bottom: 8px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.mobile
.mobile-flx
.mobile-flx-content-right
.short,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.mobile
.mobile-flx
.mobile-flx-content-right
.short {
color: var(--black);
font-size: 16px;
line-height: 22px;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.mobile
.mobile-flx
.mobile-flx-content-right
img.rating,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.mobile
.mobile-flx
.mobile-flx-content-right
img.rating {
display: block;
margin-top: 12px;
width: 104px;
}
.testimonial-component .testimonial-component-slider .slide-item .mobile p,
.testimonial-component .testimonial-component-slider-mob .slide-item .mobile p {
color: var(--black);
font-size: 20px;
line-height: 28px;
}
.testimonial-component .testimonial-component-slider button.btn-prev,
.testimonial-component .testimonial-component-slider-mob button.btn-prev {
background: url(../images/bl-testimonial-arrow-left.svg) no-repeat 50% 50%;
border: 1px solid #090e35;
border-radius: 50%;
bottom: -56px;
cursor: default;
height: 48px;
left: calc(50% - 55px);
padding: 0;
position: absolute;
width: 48px;
z-index: 1;
}
.testimonial-component
.testimonial-component-slider
button.btn-prev:not(.slick-disabled):hover,
.testimonial-component
.testimonial-component-slider-mob
button.btn-prev:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04) url(../images/bl-testimonial-arrow-left.svg)
no-repeat 50% 50%;
cursor: pointer;
}
.testimonial-component .testimonial-component-slider button.btn-next,
.testimonial-component .testimonial-component-slider-mob button.btn-next {
background: url(../images/bl-testimonial-arrow-right.svg) no-repeat 50% 50%;
border: 1px solid #000;
border-radius: 50%;
bottom: -56px;
cursor: default;
height: 48px;
padding: 0;
position: absolute;
right: calc(50% - 55px);
width: 48px;
z-index: 1;
}
.testimonial-component
.testimonial-component-slider
button.btn-next:not(.slick-disabled):hover,
.testimonial-component
.testimonial-component-slider-mob
button.btn-next:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04) url(../images/bl-testimonial-arrow-right.svg)
no-repeat 50% 50%;
cursor: pointer;
}
.testimonial-component .testimonial-component-slider button.slick-disabled,
.testimonial-component .testimonial-component-slider-mob button.slick-disabled {
opacity: 0.3;
}
.testimonial-component
.testimonial-component-slider
button:not(.slick-disabled):focus,
.testimonial-component
.testimonial-component-slider-mob
button:not(.slick-disabled):focus {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.testimonial-component .testimonial-component-slider ul.slick-dots,
.testimonial-component .testimonial-component-slider-mob ul.slick-dots {
bottom: -46px;
}
.testimonial-component .testimonial-component-slider ul.slick-dots li,
.testimonial-component .testimonial-component-slider-mob ul.slick-dots li {
height: 20px;
margin: 0 8px;
pointer-events: none;
width: 20px;
}
.testimonial-component .testimonial-component-slider ul.slick-dots li button,
.testimonial-component
.testimonial-component-slider-mob
ul.slick-dots
li
button {
height: 20px;
padding: 0;
width: 20px;
}
.testimonial-component
.testimonial-component-slider
ul.slick-dots
li
button:before,
.testimonial-component
.testimonial-component-slider-mob
ul.slick-dots
li
button:before {
border: 2px solid var(--black);
border-radius: 50%;
color: transparent;
font-size: 20px;
height: 20px;
line-height: 20px;
opacity: 1;
width: 20px;
}
.testimonial-component
.testimonial-component-slider
ul.slick-dots
li.slick-active
button:before,
.testimonial-component
.testimonial-component-slider-mob
ul.slick-dots
li.slick-active
button:before {
background: var(--black);
opacity: 1;
}
@media (max-width: 1300px) {
.testimonial-component .testimonial-component-slider .slide-item,
.testimonial-component .testimonial-component-slider-mob .slide-item {
margin: 0 20px 32px;
max-width: 100%;
opacity: 1;
transform: scale(1);
}
}
@media (max-width: 940px) {
.testimonial-component .testimonial-component-slider .slide-item .desktop,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop {
flex-direction: column;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-img,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-img {
margin-bottom: 48px;
margin-right: 0;
}
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-description,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop
.content-description {
width: 100%;
}
}
@media (max-width: 600px) {
.testimonial-component {
padding-bottom: 100px;
padding-top: 20px;
}
.testimonial-component h2 {
font-size: 32px;
line-height: 38px;
margin-bottom: 12px;
}
.testimonial-component .testimonial-component-slider .slide-item .desktop,
.testimonial-component
.testimonial-component-slider-mob
.slide-item
.desktop {
display: none;
}
.testimonial-component .testimonial-component-slider .slide-item .mobile,
.testimonial-component .testimonial-component-slider-mob .slide-item .mobile {
display: block;
}
}
.join-our-private-newsletter {
background: var(--black);
padding-bottom: 100px;
padding-top: 92px;
}
.join-our-private-newsletter h2 {
color: var(--black);
color: var(--white);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
text-align: center;
}
@media (max-width: 600px) {
.join-our-private-newsletter h2 {
font-size: 32px;
line-height: 38px;
}
}
.join-our-private-newsletter h3 {
color: var(--black);
color: var(--white);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 48px;
text-align: center;
}
@media (max-width: 600px) {
.join-our-private-newsletter h3 {
font-size: 18px;
line-height: 25px;
}
}
.join-our-private-newsletter .thank-you .title {
color: var(--white);
font-size: 72px;
font-weight: 600;
line-height: normal;
margin-bottom: 9px;
text-align: center;
}
.join-our-private-newsletter .thank-you .description {
color: var(--grey);
font-size: 20px;
line-height: 28px;
text-align: center;
}
.join-our-private-newsletter form {
padding: 0 115px;
}
.join-our-private-newsletter form .form-content,
.join-our-private-newsletter form .form-content .field {
position: relative;
}
.join-our-private-newsletter form .form-content .field span.error {
color: var(--red);
display: block;
font-size: 12px;
margin-top: 4px;
}
.join-our-private-newsletter form .form-content input {
background: transparent;
border: none;
border-bottom: 1px solid #999;
color: var(--white);
font-size: 72px;
font-weight: 600;
outline: none;
padding-left: 7px;
padding-right: 100px;
width: 100%;
}
.join-our-private-newsletter form .form-content input::-moz-placeholder {
color: #333;
}
.join-our-private-newsletter form .form-content input::placeholder {
color: #333;
}
.join-our-private-newsletter form .form-content button {
background: var(--grey-80)
url('data:image/svg+xml;charset=utf-8,')
no-repeat 50% 50%;
border: none;
border-radius: 20px;
cursor: pointer;
height: 72px;
padding: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: width 0.3s;
width: 72px;
}
.join-our-private-newsletter form .form-content:focus-within button {
background: var(--white)
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(100% - 22px) 50%;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.join-our-private-newsletter form .form-content:focus-within button:before {
content: "Subscribe";
left: 20px;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: width 0.3s;
width: 0;
}
.join-our-private-newsletter form .form-content:focus-within button:hover {
width: 187px;
}
.join-our-private-newsletter
form
.form-content:focus-within
button:hover:before {
width: 101px;
}
@media (max-width: 1300px) {
.join-our-private-newsletter form {
padding: 0;
}
}
@media (max-width: 600px) {
.join-our-private-newsletter {
padding-bottom: 80px;
padding-top: 80px;
}
.join-our-private-newsletter .thank-you .title {
font-size: 32px;
}
.join-our-private-newsletter .thank-you .description {
font-size: 18px;
}
.join-our-private-newsletter form .form-content input {
font-size: 20px;
padding-bottom: 8px;
}
.join-our-private-newsletter form .form-content button {
background: transparent;
border: 1px solid var(--white);
border-radius: 8px;
height: 40px;
margin-top: 32px;
position: relative;
right: 0;
top: 0;
transform: none;
width: 100%;
}
.join-our-private-newsletter form .form-content button:before {
color: var(--white);
content: "Subscribe";
font-size: 16px;
font-weight: 500;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.join-our-private-newsletter form .form-content:focus-within button {
background: initial;
}
.join-our-private-newsletter form .form-content:focus-within button:before {
color: var(--white);
content: "Subscribe";
font-size: 16px;
font-weight: 500;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.join-our-private-newsletter form .form-content:focus-within button:hover {
background: initial;
width: 100%;
}
}
.get-free-store-banner {
background: #101010 url(../images/get-free-store-banner-bg.svg) no-repeat 100%
50%;
border-radius: 20px;
margin: 80px 0;
overflow: hidden;
padding-left: 52px;
padding-top: 43px;
width: 100%;
}
.get-free-store-banner .flx {
align-items: center;
display: flex;
}
.get-free-store-banner .flx .block-1 .title {
color: var(--black);
color: var(--white);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 28px;
text-align: left;
}
@media (max-width: 600px) {
.get-free-store-banner .flx .block-1 .title {
font-size: 32px;
line-height: 38px;
}
}
.get-free-store-banner .flx .block-1 .title span {
color: var(--lemon);
}
.get-free-store-banner .flx .block-1 a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 90px) 50%;
background-size: 25px;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 18px;
font-weight: 600;
height: 64px;
height: 56px;
line-height: 64px;
line-height: 56px;
margin: 0;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 274px;
}
.get-free-store-banner .flx .block-1 a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.get-free-store-banner .flx .block-1 a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.get-free-store-banner .flx .block-1 a {
width: 326px;
}
}
.get-free-store-banner .flx .block-1 a:hover {
background-position: calc(50% + 95px) 50%;
}
.get-free-store-banner .flx .block-1 .no-credit-card {
color: var(--white);
font-size: 14px;
margin-bottom: 42px;
margin-top: 10px;
max-width: 274px;
text-align: center;
}
.get-free-store-banner .flx .block-1 .flx-icons {
align-items: center;
display: flex;
justify-content: center;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-left img {
display: block;
margin-right: 20px;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-left img.s1 {
width: 160px;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-left img.s2 {
width: 48px;
}
.get-free-store-banner .flx .block-1 .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 43px;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-right img {
display: block;
margin-left: 20px;
margin-right: 15px;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-right img.s3 {
width: 76px;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-right h3 {
color: var(--white);
font-size: 14px;
}
.get-free-store-banner .flx .block-2 img {
display: block;
width: 620px;
}
@media (max-width: 1300px) {
.get-free-store-banner {
background-position: 80% 100%;
background-size: cover;
margin: 50px 0;
padding: 52px 24px 0;
}
.get-free-store-banner .flx {
flex-direction: column;
}
.get-free-store-banner .flx .block-1 .title {
text-align: center;
}
.get-free-store-banner .flx .block-1 .no-credit-card,
.get-free-store-banner .flx .block-1 a {
margin-left: auto;
margin-right: auto;
}
.get-free-store-banner .flx .block-1 .flx-icons {
margin-bottom: 28px;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-left img.s2 {
margin-right: 0;
}
.get-free-store-banner .flx .block-1 .flx-icons .flx-icons-right,
.get-free-store-banner .flx .block-1 .flx-icons span {
display: none;
}
}
@media (max-width: 600px) {
.get-free-store-banner {
background: #101010 url(../images/get-free-store-banner-bg-mob.svg)
no-repeat 50% 100%;
background-size: 100%;
border-radius: 0;
margin: 50px -24px;
width: calc(100% + 48px);
}
.get-free-store-banner .flx .block-1 .title br {
display: none;
}
.get-free-store-banner .flx .block-1 a {
margin-bottom: 18px;
width: 274px;
}
.get-free-store-banner .flx .block-2 img {
width: 410px;
}
}
.get-free-store-banner-small {
background: #101010 url(../images/faq-main-banner-bg.svg) no-repeat 50% 0;
border-radius: 20px;
margin: 0 auto 20px;
max-width: 844px;
padding: 52px 20px;
}
.get-free-store-banner-small h3 {
color: var(--white);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 28px;
text-align: center;
}
.get-free-store-banner-small h3 span {
color: #e8fa11;
}
.get-free-store-banner-small a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 90px) 50%;
background-size: 30px;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 18px;
font-weight: 600;
height: 64px;
height: 56px;
line-height: 64px;
line-height: 56px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 274px;
}
.get-free-store-banner-small a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.get-free-store-banner-small a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.get-free-store-banner-small a {
width: 326px;
}
}
.get-free-store-banner-small a:hover {
background-position: calc(50% + 100px) 50%;
}
.get-free-store-banner-small .no-credit-card {
color: var(--white);
font-size: 14px;
margin-bottom: 40px;
margin-top: 10px;
text-align: center;
}
.get-free-store-banner-small .flx-icons {
align-items: center;
display: flex;
justify-content: center;
}
.get-free-store-banner-small .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.get-free-store-banner-small .flx-icons .flx-icons-left img {
display: block;
margin-right: 20px;
}
.get-free-store-banner-small .flx-icons .flx-icons-left img.s1 {
width: 160px;
}
.get-free-store-banner-small .flx-icons .flx-icons-left img.s2 {
width: 48px;
}
.get-free-store-banner-small .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 43px;
}
.get-free-store-banner-small .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.get-free-store-banner-small .flx-icons .flx-icons-right img {
display: block;
margin-left: 20px;
margin-right: 15px;
}
.get-free-store-banner-small .flx-icons .flx-icons-right img.s3 {
width: 76px;
}
.get-free-store-banner-small .flx-icons .flx-icons-right p {
color: var(--white);
font-size: 14px;
}
.get-free-store-banner-small img.laptop {
display: none;
}
@media (max-width: 600px) {
.get-free-store-banner-small {
align-items: center;
background: #101010 url(../images/get-free-store-banner-bg-mob.svg)
no-repeat 50% 100%;
background-size: 100%;
border-radius: 0;
display: flex;
flex-direction: column;
margin: 0 -24px 60px;
padding-bottom: 0;
padding-top: 52px;
}
.get-free-store-banner-small h3 {
font-size: 32px;
line-height: 38px;
}
.get-free-store-banner-small h3 br {
display: none;
}
.get-free-store-banner-small a {
margin-bottom: 16px;
width: 274px;
}
.get-free-store-banner-small .flx-icons {
margin-bottom: 25px;
}
.get-free-store-banner-small .flx-icons .flx-icons-left img.s2 {
margin-right: 0;
}
.get-free-store-banner-small .flx-icons .flx-icons-right,
.get-free-store-banner-small .flx-icons span {
display: none;
}
.get-free-store-banner-small img.laptop {
display: block;
width: 410px;
}
}
.post-main {
width: calc(33.33333% - 14px);
}
.post-main .thumbnail {
border-radius: 20px;
display: block;
height: 260px;
margin-bottom: 25px;
overflow: hidden;
position: relative;
width: 100%;
}
.post-main a {
text-decoration: none;
}
.post-main a.title {
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-bottom: 8px;
}
.post-main a.description {
color: #666;
display: block;
font-size: 14px;
line-height: 19px;
margin-bottom: 9px;
}
.post-main a.category {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.4);
border-radius: 80px;
color: var(--white);
font-size: 12px;
left: 20px;
line-height: 16px;
padding: 6px 14px;
position: absolute;
top: 20px;
transition: 0.3s;
width: -moz-fit-content;
width: fit-content;
}
.post-main a.category:hover {
background: rgba(0, 0, 0, 0.8);
}
.post-main a.cat {
display: none;
}
.post-main .thumb img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s;
width: 100%;
}
.post-main .thumb .btn {
background: url(../images/blog-btn-wrapper.svg) no-repeat;
background-size: 100%;
height: 86px;
width: 86px;
}
.post-main .thumb .btn,
.post-main .thumb .btn:before {
bottom: 0;
position: absolute;
right: 0;
transition:
width 0.3s,
height 0.3s;
}
.post-main .thumb .btn:before {
background: url(../images/blog-btn.svg) no-repeat;
background-size: 100%;
content: "";
height: 60px;
width: 60px;
}
.post-main .post-info {
display: flex;
}
.post-main .post-info .author {
color: var(--black);
font-size: 14px;
line-height: 19px;
}
.post-main .post-info .author a {
color: var(--black);
}
.post-main .post-info .author a:hover {
text-decoration: underline;
}
.post-main .post-info .minutes {
color: #666;
font-size: 14px;
line-height: 19px;
padding-left: 6px;
}
.post-main .post-info .minutes span {
padding-right: 6px;
}
.post-main:hover .thumb img {
transform: scale(1.05);
}
.post-main:hover .thumb .btn {
height: 94px;
width: 94px;
}
.post-main:hover .thumb .btn:before {
height: 65px;
width: 65px;
}
.post-main:hover .title {
text-decoration: underline;
}
@media (max-width: 940px) {
.post-main {
width: 100%;
}
}
@media (max-width: 600px) {
.post-main {
align-items: center;
display: flex;
}
.post-main .thumbnail {
border-radius: 12px;
flex-shrink: 0;
height: 110px;
margin-bottom: 0;
margin-right: 16px;
width: 110px;
}
.post-main .thumbnail .btn,
.post-main .thumbnail a.category {
display: none;
}
.post-main a.title {
font-size: 16px;
line-height: 22px;
}
.post-main a.description {
display: none;
}
.post-main a.cat {
-webkit-backdrop-filter: blur(13.5px);
backdrop-filter: blur(13.5px);
background: var(--grey-20);
border-radius: 80px;
color: var(--black);
display: block;
font-size: 12px;
line-height: 16px;
margin-bottom: 8px;
padding: 4px 12px;
width: -moz-fit-content;
width: fit-content;
}
.post-main a.cat:hover {
background: var(--grey-light);
}
.post-main .post-info .author {
display: none;
}
.post-main .post-info .minutes {
font-size: 12px;
line-height: 16px;
padding-left: 0;
}
.post-main .post-info .minutes span {
display: none;
}
}
.explore-categories {
padding: 100px 0;
}
.explore-categories.pdd {
padding-top: 0;
}
.explore-categories h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
text-align: center;
}
@media (max-width: 600px) {
.explore-categories h2 {
font-size: 32px;
line-height: 38px;
}
}
.explore-categories h3 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 48px;
text-align: center;
}
@media (max-width: 600px) {
.explore-categories h3 {
font-size: 18px;
line-height: 25px;
}
}
.explore-categories .marquee {
overflow: hidden;
position: relative;
}
.explore-categories .marquee .marquee__track {
animation: scrollMarquee var(--marquee-duration, 10s) linear infinite;
animation-play-state: running;
display: flex;
white-space: nowrap;
width: -moz-max-content;
width: max-content;
will-change: transform;
}
.explore-categories .marquee .marquee__track a {
border-radius: 90px;
color: var(--black);
display: block;
font-size: 24px;
padding: 30px 50px;
text-decoration: none;
white-space: nowrap;
width: -moz-fit-content;
width: fit-content;
}
.explore-categories .marquee .marquee__track > div {
display: flex;
white-space: nowrap;
}
@media (max-width: 600px) {
.explore-categories {
padding: 80px 0;
}
.explore-categories h2 {
line-height: 41px;
margin-bottom: 16px;
}
.explore-categories h3 {
margin-bottom: 40px;
}
.explore-categories .marquee .marquee__track {
animation: none;
width: 100%;
}
.explore-categories .marquee .marquee__track .group {
gap: 13px 9px;
justify-content: center;
padding: 0 24px;
width: 100%;
}
.explore-categories .marquee .marquee__track a {
font-size: 20px;
line-height: 26px;
padding: 10px 20px;
}
.explore-categories .marquee .marquee__track > div {
flex-wrap: wrap;
gap: 17px 0;
}
}
.related-articles {
padding-bottom: 100px;
}
.related-articles h2 {
color: var(--black);
font-size: 32px;
font-weight: 600;
line-height: 41px;
margin-bottom: 26px;
}
.related-articles .related-articles-slider .slick-list {
margin: 0 -20px;
}
.related-articles .related-articles-slider .slick-track {
display: flex;
}
.related-articles .related-articles-slider .slick-slide {
display: flex;
gap: 0 20px;
margin: 0 20px;
width: 100%;
}
.related-articles .related-articles-slider button {
border: 1px solid #090e35;
border-radius: 50%;
cursor: default;
height: 48px;
padding: 0;
position: absolute;
top: -71px;
width: 48px;
z-index: 1;
}
.related-articles .related-articles-slider button.btn-prev {
background: url(../images/bl-testimonial-arrow-left.svg) no-repeat 50% 50%;
right: 60px;
}
.related-articles
.related-articles-slider
button.btn-prev:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04) url(../images/bl-testimonial-arrow-left.svg)
no-repeat 50% 50%;
cursor: pointer;
}
.related-articles .related-articles-slider button.btn-next {
background: url(../images/bl-testimonial-arrow-right.svg) no-repeat 50% 50%;
right: 0;
}
.related-articles
.related-articles-slider
button.btn-next:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04) url(../images/bl-testimonial-arrow-right.svg)
no-repeat 50% 50%;
cursor: pointer;
}
.related-articles .related-articles-slider button.slick-disabled {
opacity: 0.3;
}
.related-articles .related-articles-slider button:not(.slick-disabled):focus {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 940px) {
.related-articles {
padding-bottom: 160px;
}
.related-articles .related-articles-slider .slick-slide {
flex-direction: column;
gap: 32px 0;
}
.related-articles .related-articles-slider button {
bottom: -80px;
top: auto;
}
.related-articles .related-articles-slider button.btn-prev {
left: calc(50% - 55px);
}
.related-articles .related-articles-slider button.btn-next {
right: calc(50% - 55px);
}
}
@media (max-width: 600px) {
.related-articles h2 {
font-size: 28px;
line-height: 36px;
}
}
.testimonial-component-v2 {
overflow: hidden;
padding-bottom: 70px;
}
.testimonial-component-v2 h2 {
color: var(--black);
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin-bottom: 16px;
}
.testimonial-component-v2 h3 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 18px;
text-align: center;
text-align: left;
}
@media (max-width: 600px) {
.testimonial-component-v2 h3 {
font-size: 18px;
line-height: 25px;
}
}
.testimonial-component-v2 .testimonial-component-slider-v2 .slick-list {
margin: 0 -25px;
padding: 0 25px !important;
}
.testimonial-component-v2 .testimonial-component-slider-v2 .slick-track {
padding-bottom: 30px;
padding-top: 30px;
}
.testimonial-component-v2 .testimonial-component-slider-v2 .block {
background: var(--white);
border-radius: 20px;
box-shadow: none;
height: auto;
margin: 0 10px;
padding: 30px;
width: 412px;
}
.testimonial-component-v2 .testimonial-component-slider-v2 .block .head {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 9px;
}
.testimonial-component-v2
.testimonial-component-slider-v2
.block
.head
.head-person {
align-items: center;
display: flex;
}
.testimonial-component-v2
.testimonial-component-slider-v2
.block
.head
.head-person
img {
border-radius: 400px;
display: block;
height: 44px;
margin-right: 8px;
width: 44px;
}
.testimonial-component-v2
.testimonial-component-slider-v2
.block
.head
.head-person
.head-person-info
.name {
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.testimonial-component-v2
.testimonial-component-slider-v2
.block
.head
.head-person
.head-person-info
.time {
color: #666;
font-size: 14px;
line-height: 19px;
}
.testimonial-component-v2
.testimonial-component-slider-v2
.block
.head
img.rating-stars {
display: block;
margin-left: 8px;
}
.testimonial-component-v2 .testimonial-component-slider-v2 .block p {
color: var(--black);
font-size: 16px;
line-height: 22px;
}
.testimonial-component-v2 .testimonial-component-slider-v2 .block.slick-active {
box-shadow:
0 0 2px 0 rgba(0, 0, 0, 0.14),
0 4px 30px 0 rgba(0, 0, 0, 0.06);
}
.testimonial-component-v2 .testimonial-component-slider-v2 button.btn-prev {
background: url(../images/bl-testimonial-arrow-left.svg) no-repeat 50% 50%;
border: 1px solid #090e35;
border-radius: 50%;
cursor: default;
height: 48px;
padding: 0;
position: absolute;
right: 60px;
top: -66px;
width: 48px;
z-index: 1;
}
.testimonial-component-v2
.testimonial-component-slider-v2
button.btn-prev:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04) url(../images/bl-testimonial-arrow-left.svg)
no-repeat 50% 50%;
cursor: pointer;
}
.testimonial-component-v2 .testimonial-component-slider-v2 button.btn-next {
background: url(../images/bl-testimonial-arrow-right.svg) no-repeat 50% 50%;
border: 1px solid #000;
border-radius: 50%;
cursor: default;
height: 48px;
padding: 0;
position: absolute;
right: 0;
top: -66px;
width: 48px;
z-index: 1;
}
.testimonial-component-v2
.testimonial-component-slider-v2
button.btn-next:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04) url(../images/bl-testimonial-arrow-right.svg)
no-repeat 50% 50%;
cursor: pointer;
}
.testimonial-component-v2
.testimonial-component-slider-v2
button.slick-disabled {
opacity: 0.3;
}
.testimonial-component-v2
.testimonial-component-slider-v2
button:not(.slick-disabled):focus {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.testimonial-component-v2 .testimonial-component-slider-v2 ul.slick-dots {
bottom: -20px;
}
.testimonial-component-v2 .testimonial-component-slider-v2 ul.slick-dots li {
height: 20px;
margin: 0 8px;
pointer-events: none;
width: 20px;
}
.testimonial-component-v2
.testimonial-component-slider-v2
ul.slick-dots
li
button {
border: none;
height: 20px;
padding: 0;
width: 20px;
}
.testimonial-component-v2
.testimonial-component-slider-v2
ul.slick-dots
li
button:before {
border: 2px solid var(--black);
border-radius: 50%;
color: transparent;
font-size: 20px;
height: 20px;
line-height: 20px;
opacity: 1;
width: 20px;
}
.testimonial-component-v2
.testimonial-component-slider-v2
ul.slick-dots
li.slick-active
button:before {
background: var(--black);
opacity: 1;
}
@media (max-width: 1300px) {
.testimonial-component-v2 .testimonial-component-slider-v2 .slick-list {
margin: 0 -24px;
}
.testimonial-component-v2 .testimonial-component-slider-v2 .block {
box-shadow:
0 0 2px 0 rgba(0, 0, 0, 0.14),
0 4px 30px 0 rgba(0, 0, 0, 0.06);
margin: 0 14px;
}
}
@media (max-width: 600px) {
.testimonial-component-v2 h2 {
font-size: 28px;
line-height: 33px;
margin-bottom: 12px;
text-align: center;
}
.testimonial-component-v2 h3 {
margin-bottom: 0;
text-align: center;
}
.testimonial-component-v2 .testimonial-component-slider-v2 .slick-list {
margin: 0 -36px;
}
}
.testimonial-component-v3 {
overflow: hidden;
padding-bottom: 120px;
padding-top: 20px;
}
.testimonial-component-v3 h2 {
color: var(--black);
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin-bottom: 16px;
text-align: center;
}
.testimonial-component-v3 h3 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 32px;
text-align: center;
}
@media (max-width: 600px) {
.testimonial-component-v3 h3 {
font-size: 18px;
line-height: 25px;
}
}
.testimonial-component-v3 img.trustpilot {
display: block;
margin: 0 auto 50px;
}
.testimonial-component-v3 .testimonial-component-slider-v3.marquee {
overflow: hidden;
position: relative;
z-index: 1;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track {
display: flex;
will-change: transform;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track.marquee-track {
animation: scrollMarqueeFirst var(--marquee-duration, 10s) linear infinite;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group {
display: flex;
gap: 0 20px;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group
.block {
background: #f2f6ff;
border-radius: 20px;
display: flex;
flex-direction: column;
height: auto;
padding: 36px;
width: 412px;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group
.block
.rating {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group
.block
p {
color: var(--black);
font-size: 16px;
height: 100%;
line-height: 22px;
margin-bottom: 20px;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group
.block
.info {
align-items: center;
display: flex;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group
.block
.info
img {
border-radius: 50%;
display: block;
height: 52px;
margin-right: 16px;
width: 52px;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group
.block
.info
.info-content
.name {
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group
.block
.info
.info-content
.date {
color: #9e9e9e;
font-size: 16px;
line-height: 22px;
}
@media (max-width: 600px) {
.testimonial-component-v3 {
padding-bottom: 80px;
}
.testimonial-component-v3 h2 {
font-size: 28px;
line-height: 33px;
margin-bottom: 12px;
text-align: center;
}
.testimonial-component-v3 h3 {
margin-bottom: 28px;
text-align: center;
}
.testimonial-component-v3 img.trustpilot {
margin-bottom: 28px;
width: 307px;
}
.testimonial-component-v3
.testimonial-component-slider-v3.marquee
.marquee-track
.marquee-group
.block {
width: 285px;
}
}
.testimonial-component-v4 {
padding-bottom: 120px;
position: relative;
}
.testimonial-component-v4 h2 {
color: var(--white);
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 40px;
text-align: center;
}
.testimonial-component-v4 h2 span {
color: #83ffde;
}
.testimonial-component-v4 .testimonial-component-slider-v4 .slide-item {
height: auto;
margin: 0 10px;
outline: none;
width: 412px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-img-area {
border-radius: 20px;
height: 265px;
margin-bottom: 28px;
overflow: hidden;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-img-area
img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.name {
background: url(../images/course-single-bl-1-check.svg) no-repeat 100% 50%;
color: var(--white);
font-size: 24px;
font-weight: 600;
line-height: 28px;
margin-bottom: 4px;
padding-right: 20px;
width: -moz-fit-content;
width: fit-content;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.info {
color: var(--white);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.youtube-info {
align-items: center;
display: flex;
gap: 0 10px;
margin-bottom: 16px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.youtube-info
.channel {
background:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M23.245 2.94A2.951 2.951 0 0 0 21.162.857C19.798.331 6.582.072 2.747.872A2.951 2.951 0 0 0 .664 2.955C.048 5.657.002 11.5.68 14.261a2.951 2.951 0 0 0 2.083 2.083c2.702.622 15.547.71 18.415 0a2.951 2.951 0 0 0 2.083-2.083c.657-2.943.704-8.422-.015-11.32Z' fill='red'/%3E%3Cpath d='M15.849 8.6 9.691 5.07v7.064l6.158-3.532Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(0 .299)' d='M0 0h24v16.604H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
no-repeat 12px 50%,
hsla(0, 0%, 100%, 0.08);
border-radius: 400px;
color: var(--white);
font-size: 16px;
line-height: 22px;
padding: 4px 12px 4px 40px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.youtube-info
.subscribers {
color: var(--white);
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.description {
color: var(--white);
font-size: 18px;
line-height: 25px;
}
.testimonial-component-v4 .testimonial-component-slider-v4 ul.slick-dots {
bottom: -42px;
}
.testimonial-component-v4 .testimonial-component-slider-v4 ul.slick-dots li {
height: 12px;
margin: 0 6px;
width: 12px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
ul.slick-dots
li
button {
height: auto;
width: auto;
}
.testimonial-component-v4
.testimonial-component-slider-v4
ul.slick-dots
li
button:before {
color: var(--white);
font-size: 12px;
height: 12px;
line-height: 12px;
opacity: 0.17;
width: 12px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
ul.slick-dots
li.slick-active
button:before {
color: var(--white);
opacity: 1;
}
@media (max-width: 940px) {
.testimonial-component-v4 {
padding-bottom: 100px;
}
.testimonial-component-v4 .testimonial-component-slider-v4 .slick-list {
padding-left: 20px;
}
.testimonial-component-v4 .testimonial-component-slider-v4 ul.slick-dots {
bottom: -60px;
}
.testimonial-component-v4 .testimonial-component-slider-v4 .slide-item {
opacity: 1;
width: 306px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-img-area {
height: 195px;
margin-bottom: 24px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.info {
font-size: 18px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.youtube-info
.channel,
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.youtube-info
.subscribers {
font-size: 14px;
}
.testimonial-component-v4
.testimonial-component-slider-v4
.slide-item
.testimonial-content-area
.description {
font-size: 18px;
}
}
@media (max-width: 600px) {
.testimonial-component-v4 {
padding-bottom: 80px;
}
.testimonial-component-v4 h2 {
font-size: 32px;
line-height: 38px;
margin-bottom: 32px;
padding-left: 24px;
padding-right: 24px;
}
.testimonial-component-v4 h2 br {
display: none;
}
.testimonial-component-v4 .testimonial-component-slider-v4 ul.slick-dots {
bottom: -42px;
}
}
.explore-other-features {
background: var(--black);
padding-bottom: 115px;
padding-top: 64px;
}
.explore-other-features h2 {
color: var(--black);
color: var(--white);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
text-align: center;
}
@media (max-width: 600px) {
.explore-other-features h2 {
font-size: 32px;
line-height: 38px;
}
}
.explore-other-features h3 {
color: var(--black);
color: var(--white);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 48px;
text-align: center;
}
@media (max-width: 600px) {
.explore-other-features h3 {
font-size: 18px;
line-height: 25px;
}
}
.explore-other-features .explore-other-features-slider .slick-track {
display: flex;
gap: 0 22px;
}
.explore-other-features .explore-other-features-slider .block {
border-radius: 20px;
display: flex;
flex-direction: column;
height: auto;
padding: 40px;
width: 410px;
}
.explore-other-features .explore-other-features-slider .block img {
border-radius: 60px;
box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.25);
display: block;
height: 56px;
margin-bottom: 24px;
width: 56px;
}
.explore-other-features .explore-other-features-slider .block h4 {
color: var(--white);
font-size: 20px;
font-weight: 600;
line-height: normal;
margin-bottom: 6px;
}
.explore-other-features .explore-other-features-slider .block p {
color: var(--white);
font-size: 16px;
height: 100%;
line-height: normal;
margin-bottom: 24px;
}
.explore-other-features .explore-other-features-slider .block a {
border: 1px solid var(--white);
border-radius: 8px;
color: var(--white);
display: block;
font-size: 16px;
font-weight: 500;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
width: 130px;
}
.explore-other-features .explore-other-features-slider .block.s1 {
background: hsla(0, 0%, 100%, 0.12)
url(../images/explore-other-features-bg-2.svg) 50% / cover;
}
.explore-other-features .explore-other-features-slider .block.s2 {
background: hsla(0, 0%, 100%, 0.12)
url(../images/explore-other-features-bg-1.svg) 50% / cover;
}
.explore-other-features .explore-other-features-slider .block.s3 {
background: hsla(0, 0%, 100%, 0.12)
url(../images/explore-other-features-bg-3.svg) 50% / cover;
}
.explore-other-features .explore-other-features-slider .btn-next,
.explore-other-features .explore-other-features-slider .btn-prev {
border: none;
border-radius: 50%;
bottom: -110px;
cursor: pointer;
height: 48px;
position: absolute;
transform: translateY(-50%);
transition: 0.3s;
width: 48px;
z-index: 2;
}
.explore-other-features .explore-other-features-slider .btn-next:hover,
.explore-other-features .explore-other-features-slider .btn-prev:hover {
background-color: hsla(0, 0%, 100%, 0.2);
}
.explore-other-features .explore-other-features-slider .btn-next.slick-disabled,
.explore-other-features
.explore-other-features-slider
.btn-prev.slick-disabled {
opacity: 0.5;
pointer-events: none;
}
.explore-other-features .explore-other-features-slider .btn-prev {
background: url(../images/create-with-us-arrow-left.svg) no-repeat 50% 50%;
left: calc(50% - 54px);
}
.explore-other-features .explore-other-features-slider .btn-next {
background: url(../images/create-with-us-arrow-right.svg) no-repeat 50% 50%;
right: calc(50% - 54px);
}
@media (max-width: 1300px) {
.explore-other-features h3 {
margin-bottom: 32px;
}
.explore-other-features .explore-other-features-slider .slick-list {
margin: 0 -24px;
}
.explore-other-features .explore-other-features-slider .slick-track {
gap: 0;
}
.explore-other-features .explore-other-features-slider .block {
margin: 0 24px;
width: 100%;
}
}
.ultimate-dropshipping-course-banner {
align-items: center;
background: url(../images/ultimate-dropshipping-course-banner-bg.png) 50% /
cover;
border-radius: 20px;
display: flex;
justify-content: space-between;
margin-bottom: 110px;
padding: 40px 0 37px 64px;
}
.ultimate-dropshipping-course-banner .block h2 {
color: var(--white);
font-size: 40px;
font-weight: 600;
line-height: 120%;
margin-bottom: 24px;
}
.ultimate-dropshipping-course-banner .block h2 span {
position: relative;
z-index: 3;
}
.ultimate-dropshipping-course-banner .block h2 strong {
bottom: 30px;
color: var(--black);
display: inline-block;
padding: 10px;
position: relative;
width: 114px;
}
.ultimate-dropshipping-course-banner .block h2 strong b {
position: absolute;
top: 13px;
transform: rotate(-7deg);
z-index: 2;
}
.ultimate-dropshipping-course-banner .block h2 strong img {
display: block;
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
.ultimate-dropshipping-course-banner .block h3 {
color: var(--white);
font-size: 20px;
line-height: 150%;
margin-bottom: 40px;
}
.ultimate-dropshipping-course-banner .block ul {
display: flex;
flex-wrap: wrap;
gap: 37px 0;
margin-bottom: 37px;
}
.ultimate-dropshipping-course-banner .block ul li {
align-items: center;
display: flex;
gap: 16px;
width: 300px;
}
.ultimate-dropshipping-course-banner .block ul li img {
display: block;
height: 56px;
width: 56px;
}
.ultimate-dropshipping-course-banner .block ul li span {
color: var(--white);
font-size: 16px;
line-height: 140%;
}
.ultimate-dropshipping-course-banner .block img {
display: block;
max-width: 590px;
width: 100%;
}
.ultimate-dropshipping-course-banner .block img.mobile {
display: none;
}
.ultimate-dropshipping-course-banner .block a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 95px) 50%;
background-size: 20px;
border-radius: 12px;
border-radius: 8px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 16px;
font-weight: 600;
font-weight: 500;
height: 64px;
height: 46px;
line-height: 64px;
line-height: 46px;
margin: 0;
padding-right: 20px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 260px;
}
.ultimate-dropshipping-course-banner .block a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.ultimate-dropshipping-course-banner .block a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.ultimate-dropshipping-course-banner .block a {
width: 326px;
}
}
.ultimate-dropshipping-course-banner .block a:hover {
background-position: calc(50% + 100px) 50%;
}
.ultimate-dropshipping-course-banner .block:nth-child(2) {
flex-shrink: 0;
}
@media (max-width: 1300px) {
.ultimate-dropshipping-course-banner {
background: url(../images/ultimate-dropshipping-course-banner-bg-2.png)
50% / cover;
flex-direction: column;
margin: 0 auto 110px;
max-width: 720px;
padding: 0;
}
.ultimate-dropshipping-course-banner .block img.desktop {
display: none;
}
.ultimate-dropshipping-course-banner .block img.mobile {
display: block;
max-width: 100%;
}
.ultimate-dropshipping-course-banner .block:first-child {
padding: 40px 48px 0;
}
}
@media (max-width: 600px) {
.ultimate-dropshipping-course-banner {
background: url(../images/ultimate-dropshipping-course-banner-bg-3.png)
50% / cover;
margin-bottom: 36px;
}
.ultimate-dropshipping-course-banner .block h2 {
font-size: 28px;
margin-bottom: 10px;
}
.ultimate-dropshipping-course-banner .block h2 strong {
bottom: 13px;
right: 5px;
width: 55px;
}
.ultimate-dropshipping-course-banner .block h2 strong b {
font-size: 20px;
left: 9px;
top: 5px;
}
.ultimate-dropshipping-course-banner .block h2 strong img {
width: 65px;
}
.ultimate-dropshipping-course-banner .block h3 {
font-size: 16px;
}
.ultimate-dropshipping-course-banner .block h3 br {
display: none;
}
.ultimate-dropshipping-course-banner .block ul {
gap: 13px 0;
}
.ultimate-dropshipping-course-banner .block ul li {
width: -moz-fit-content;
width: fit-content;
}
.ultimate-dropshipping-course-banner .block ul li img {
height: 40px;
width: 40px;
}
.ultimate-dropshipping-course-banner .block ul li span {
font-size: 14px;
}
.ultimate-dropshipping-course-banner .block img.desktop {
display: none;
}
.ultimate-dropshipping-course-banner .block img.mobile {
display: block;
max-width: 100%;
}
.ultimate-dropshipping-course-banner .block a {
width: 280px;
}
.ultimate-dropshipping-course-banner .block:first-child {
padding: 26px 16px 13px;
}
}
.form-email .no-credit-card {
text-align: left !important;
}
.form-email.form-center .no-credit-card {
text-align: center !important;
}
.form-email form {
align-items: center;
display: flex;
gap: 0 20px;
margin-bottom: 12px;
max-width: 628px;
}
.form-email form input {
background: var(--white);
border: 1px solid var(--grey);
border-radius: 8px;
color: var(--black);
font-size: 16px;
height: 48px;
height: 64px;
outline: none;
padding: 0 12px;
transition: 0.3s;
width: 100%;
}
.form-email form input:hover {
border: 1px solid var(--teal-main-secondary);
}
.form-email form input::-moz-placeholder {
color: var(--grey);
}
.form-email form input::placeholder {
color: var(--grey);
}
.form-email form input:focus {
border: 1px solid var(--teal-main-secondary);
box-shadow: 0 0 0 4px var(--teal-light-secondary);
}
.form-email form input:disabled {
background: var(--grey-20);
border: 1px solid var(--grey-20);
}
.form-email form input.err {
border: 1px solid var(--red);
}
.form-email form button {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-image: none;
border: none;
border-radius: 12px;
color: var(--white);
cursor: pointer;
display: block;
flex-shrink: 0;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto;
outline: none;
padding: 0;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 260px;
}
.form-email form button:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.form-email form button:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.form-email form button {
width: 326px;
}
}
.form-email.form-center form {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1300px) {
.form-email form {
margin: 0 auto 12px;
}
.form-email .no-credit-card {
text-align: center !important;
}
}
@media (max-width: 600px) {
.form-email form {
flex-direction: column;
gap: 16px 0;
}
.form-email form input {
height: 56px;
}
.form-email form button {
width: 100%;
}
}
.front-page {
position: relative;
}
.front-page .no-credit-card {
font-size: 14px;
position: relative;
text-align: center;
z-index: 1;
}
.front-page a.stores-left {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 140px) 50%;
background-size: 28px;
border-radius: 12px;
bottom: 20px;
color: var(--white);
display: block;
display: none;
font-size: 20px;
font-weight: 600;
height: 64px;
left: 50%;
line-height: 64px;
margin: 0 auto;
padding-right: 40px;
position: fixed;
text-align: center;
text-decoration: none;
transform: translateX(-50%);
transition: 0.3s;
width: 370px;
width: calc(100% - 40px) !important;
z-index: 9;
}
.front-page a.stores-left:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.front-page a.stores-left:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.front-page a.stores-left {
width: 326px;
}
}
@media (min-width: 601px) {
.front-page a.stores-left {
display: none !important;
}
}
.front-page a.stores-left:hover {
background-position: calc(50% + 145px) 50%;
}
.front-page a.stores-left.partner-1 {
background-color: #ff891c;
}
.front-page a.stores-left.supreme {
background-color: #1263b5;
}
.front-page a.stores-left.dropship-io {
background-color: #225aea;
}
.front-page a.stores-left.btn-fiverr {
background-color: var(--black);
}
.front-page a.stores-left.btn-amer {
background-color: #00bf63;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.3);
}
.front-page a.stores-left.ecom-society {
background-color: #0108f5;
}
.front-page a.stores-left.ecom-society:hover {
background-color: #0006ca;
}
@media (max-width: 600px) {
.front-page a.stores-left {
display: block;
}
}
.front-page .partner-1-banner {
background: var(--black);
color: var(--white);
font-size: 24px;
font-weight: 800;
padding: 17px 20px;
text-align: center;
}
.front-page .partner-1-banner span {
text-decoration: underline;
}
.front-page .bl-1 {
background: url(../images/front-page-bl-1-bg-v2.svg) 50% / cover;
padding-bottom: 96px;
padding-top: 160px;
}
.front-page .bl-1 .head img.logo {
display: none;
}
.front-page .bl-1 .head a.login {
color: var(--black);
display: none;
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.front-page .bl-1 h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.front-page .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.front-page .bl-1 h1 span {
position: relative;
white-space: nowrap;
z-index: 1;
}
.front-page .bl-1 h1 span:before {
background: var(--lemon);
bottom: 0;
content: "";
height: 50px;
left: -10px;
position: absolute;
right: 0;
top: 10px;
transform: rotate(-2.3deg);
width: calc(100% + 20px);
z-index: -1;
}
.front-page .bl-1 h1 strong {
display: block;
font-size: 20px;
font-weight: 700;
line-height: normal;
margin-bottom: 8px;
text-transform: uppercase;
}
.front-page .bl-1 h2 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 28px;
text-align: center;
}
@media (max-width: 600px) {
.front-page .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.front-page .bl-1 .video-wrapper {
display: flex;
flex-direction: column;
}
.front-page .bl-1 .video-wrapper .video {
border-radius: 20px;
box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.12);
margin: 83px auto 0;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.front-page .bl-1 .video-wrapper .video iframe {
border: 2px solid var(--black);
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
display: block;
height: 392px;
margin: 0 auto;
width: 695px;
}
.front-page .bl-1 .video-wrapper .video:before {
background: url(../images/video.svg) no-repeat;
background-size: 100%;
content: "";
height: 27px;
left: 50%;
position: absolute;
right: 0;
top: -27px;
transform: translateX(-50%);
width: 695px;
}
.front-page .bl-1 a.build-free-store {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
.front-page .bl-1 a.build-free-store:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.front-page .bl-1 a.build-free-store:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.front-page .bl-1 a.build-free-store {
width: 326px;
}
}
.front-page .bl-1 .flx {
align-items: center;
display: flex;
justify-content: space-between;
}
.front-page .bl-1 .flx .block h1,
.front-page .bl-1 .flx .block h2 {
text-align: left;
}
.front-page .bl-1 .flx .block a {
margin-left: 0;
margin-right: 0;
}
.front-page .bl-1 .form-email {
display: flex;
flex-direction: column;
align-items: center;
}
.front-page .bl-1 .form-email form {
justify-content: center;
}
.front-page .bl-1 .flx .block .no-credit-card {
max-width: 370px;
}
@media (max-width: 1300px) {
.front-page .bl-1 .flx .block .no-credit-card {
margin: auto;
}
}
.front-page .bl-1 .flx .block p {
text-align: left;
}
.front-page .bl-1 .flx .block img {
display: block;
width: 100%;
}
.front-page .bl-1 .flx .block:first-child {
width: 49%;
}
.front-page .bl-1 .flx .block:nth-child(2) {
width: calc(41% + 6px);
}
.front-page .bl-1 .flx-icons {
justify-content: center;
margin-top: 80px;
}
.front-page .bl-1 .flx-icons,
.front-page .bl-1 .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.front-page .bl-1 .flx-icons .flx-icons-left img {
display: block;
margin-right: 37px;
}
.front-page .bl-1 .flx-icons .flx-icons-left img.s1 {
width: 255px;
}
.front-page .bl-1 .flx-icons .flx-icons-left img.s2 {
width: 80px;
}
.front-page .bl-1 .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 63px;
}
.front-page .bl-1 .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.front-page .bl-1 .flx-icons .flx-icons-right img {
display: block;
margin-left: 37px;
margin-right: 15px;
}
.front-page .bl-1 .flx-icons .flx-icons-right img.s3 {
width: 92px;
}
.front-page .bl-1 .flx-icons .flx-icons-right h3 {
color: var(--black);
font-size: 18px;
line-height: normal;
}
.front-page .bl-1-custom {
background: url(../images/front-page-bl-1-bg-v2.svg) 50% / cover;
margin-top: -104px;
padding-bottom: 124px;
padding-top: 113px;
}
.front-page .bl-1-custom .head-1 img.logo {
display: none;
}
.front-page .bl-1-custom .head-1 a.login {
color: var(--black);
display: none;
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.front-page .bl-1-custom .head h1 {
color: var(--black);
font-size: 56px;
font-weight: 700;
line-height: 56px;
margin-bottom: 25px;
text-align: center;
}
.front-page .bl-1-custom .head h1 strong {
position: relative;
z-index: 1;
}
.front-page .bl-1-custom .head h1 strong:before {
background: var(--lemon);
bottom: 0;
content: "";
height: 55px;
left: -10px;
position: absolute;
right: 0;
top: 10px;
transform: rotate(-2.3deg);
width: calc(100% + 20px);
z-index: -1;
}
.front-page .bl-1-custom .head h1 span {
font-size: 50px;
font-weight: 400;
}
.front-page .bl-1-custom .head h2 {
color: var(--black);
font-size: 24px;
font-weight: 600;
line-height: normal;
margin-bottom: 20px;
text-align: center;
}
.front-page .bl-1-custom .flx-icons {
align-items: center;
display: flex;
gap: 0 37px;
justify-content: center;
margin-bottom: 18px;
}
.front-page .bl-1-custom .flx-icons img {
display: block;
}
.front-page .bl-1-custom .flx-icons img.s1 {
height: 44px;
}
.front-page .bl-1-custom .flx-icons img.s2 {
height: 83px;
}
.front-page .bl-1-custom .content-wrapper {
margin: auto;
max-width: 695px;
}
.front-page .bl-1-custom .content-wrapper .video {
border-radius: 20px;
box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.12);
margin: 71px auto 38px;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.front-page .bl-1-custom .content-wrapper .video iframe {
border: 2px solid var(--black);
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
display: block;
height: 392px;
margin: 0 auto;
width: 695px;
}
.front-page .bl-1-custom .content-wrapper .video:before {
background: url(../images/video.svg) no-repeat;
background-size: 100%;
content: "";
height: 27px;
left: 50%;
position: absolute;
right: 0;
top: -27px;
transform: translateX(-50%);
width: 695px;
}
.front-page .bl-1-custom .content-wrapper .note {
background: #f6f6f6;
border: 1px dashed var(--black);
border-radius: 8px;
margin: 0 auto 38px;
max-width: 695px;
padding: 20px;
width: 100%;
}
.front-page .bl-1-custom .content-wrapper .note .title {
color: var(--black);
font-size: 16px;
font-weight: 700;
line-height: 22px;
}
.front-page .bl-1-custom .content-wrapper .note .description {
color: var(--black);
font-size: 16px;
line-height: 22px;
}
.front-page .bl-1-custom .content-wrapper .note .description span {
font-weight: 500;
}
.front-page .bl-1-custom .content-wrapper .flx {
align-items: flex-start;
display: flex;
justify-content: space-between;
}
.front-page .bl-1-custom .content-wrapper .flx .side-1 {
align-items: center;
display: flex;
flex-direction: column;
}
.front-page .bl-1-custom .content-wrapper .flx .side-1 a {
background: #ff891c url(../images/button-arrow.svg) no-repeat
calc(50% + 100px) 50%;
background-size: 22px;
border-radius: 8px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 60px;
line-height: 60px;
margin-bottom: 12px;
padding-right: 30px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 308px;
}
.front-page .bl-1-custom .content-wrapper .flx .side-1 a:hover {
background-position: calc(50% + 105px) 50%;
}
.front-page .bl-1-custom .content-wrapper .flx .side-1 p {
color: var(--black);
font-size: 14px;
font-weight: 400;
line-height: normal;
}
.front-page .bl-1-custom .content-wrapper .flx .side-2 {
align-items: center;
display: flex;
gap: 0 9px;
padding-top: 13px;
}
.front-page .bl-1-custom .content-wrapper .flx .side-2 img {
display: block;
height: 36px;
}
.front-page .bl-1-custom .content-wrapper .flx .side-2 p {
color: var(--black);
font-size: 16px;
}
.front-page .bl-2 {
padding-bottom: 80px;
}
.front-page .bl-2 h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 40px;
text-align: center;
}
@media (max-width: 600px) {
.front-page .bl-2 h2 {
font-size: 32px;
line-height: 38px;
}
}
.front-page .bl-2 .flx {
display: flex;
gap: 0 40px;
justify-content: center;
margin-bottom: 57px;
}
.front-page .bl-2 .flx .block .icon-wrapper {
align-items: center;
background: var(--green);
border-radius: 20px;
display: flex;
height: 100px;
justify-content: center;
margin: 0 auto 30px;
width: 100px;
}
.front-page .bl-2 .flx .block .icon-wrapper img {
display: block;
max-width: 80px;
}
.front-page .bl-2 .flx .block h3 {
color: var(--black);
font-size: 24px;
font-weight: 700;
line-height: normal;
margin-bottom: 4px;
text-align: center;
}
.front-page .bl-2 .flx .block h4 {
color: var(--black);
font-size: 16px;
line-height: normal;
text-align: center;
}
.front-page .bl-2 a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
.front-page .bl-2 a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.front-page .bl-2 a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.front-page .bl-2 a {
width: 326px;
}
}
.front-page .bl-2 a.orange {
background: #ff891c url(../images/button-arrow.svg) no-repeat
calc(50% + 215px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 40px;
font-weight: 600;
height: 82px;
line-height: 82px;
margin-bottom: 12px;
padding-right: 30px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 558px;
}
.front-page .bl-2 a.orange:hover {
background-position: calc(50% + 220px) 50%;
}
.front-page .bl-2 p {
color: var(--black);
font-size: 18px;
text-align: center;
}
.front-page .bl-3 {
padding-bottom: 113px;
}
.front-page .bl-3 .flx-wrapper {
display: flex;
flex-direction: column;
gap: 64px 0;
margin-bottom: 45px;
}
.front-page .bl-3 .flx-wrapper .flx-item {
align-items: center;
display: flex;
justify-content: center;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-img img {
display: block;
max-width: 520px;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt {
width: 472px;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
text-align: left;
}
@media (max-width: 600px) {
.front-page .bl-3 .flx-wrapper .flx-item .block-txt h2 {
font-size: 32px;
line-height: 38px;
}
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt h3 {
color: var(--black);
font-size: 24px;
line-height: normal;
text-align: left;
}
@media (max-width: 600px) {
.front-page .bl-3 .flx-wrapper .flx-item .block-txt h3 {
font-size: 18px;
}
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-link {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath d='M19.29 12.155h-14M14.29 17.155l5-5M14.29 7.156l5 5' stroke='%23FF0061' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
no-repeat 100% 50%;
color: var(--pink);
display: block;
font-size: 18px;
font-weight: 600;
line-height: 25px;
margin-top: 32px;
padding-right: 30px;
text-decoration: underline;
transition: 0.3s;
width: -moz-fit-content;
width: fit-content;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-link:hover {
color: var(--pink-secondary);
padding-right: 35px;
}
@media (max-width: 940px) {
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-link {
margin: 32px auto 0;
}
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-btn {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 100px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 32px 0 0;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 287px;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-btn:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-btn:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-btn {
width: 326px;
}
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-btn:hover {
background-position: calc(50% + 105px) 50%;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-btn.cta-btn-big {
background-position: calc(50% + 145px) 50%;
width: 370px;
}
.front-page
.bl-3
.flx-wrapper
.flx-item
.block-txt
a.cta-btn.cta-btn-big:hover {
background-position: calc(50% + 150px) 50%;
}
@media (max-width: 600px) {
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-btn.cta-btn-big {
background-position: calc(50% + 133px) 50%;
font-size: 18px;
width: 326px;
}
.front-page
.bl-3
.flx-wrapper
.flx-item
.block-txt
a.cta-btn.cta-btn-big:hover {
background-position: calc(50% + 138px) 50%;
}
}
@media (max-width: 940px) {
.front-page .bl-3 .flx-wrapper .flx-item .block-txt a.cta-btn {
margin: 32px auto 0;
}
}
.front-page .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-img {
margin-right: 68px;
order: 1;
}
.front-page .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-img,
.front-page .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-txt {
order: 2;
}
.front-page .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-txt {
margin-right: 68px;
order: 1;
}
.front-page .bl-3 .flx-wrapper ~ a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
.front-page .bl-3 .flx-wrapper ~ a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.front-page .bl-3 .flx-wrapper ~ a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.front-page .bl-3 .flx-wrapper ~ a {
width: 326px;
}
}
.front-page .bl-3 .flx-wrapper ~ a.orange {
background: #ff891c url(../images/button-arrow.svg) no-repeat
calc(50% + 215px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 40px;
font-weight: 600;
height: 82px;
line-height: 82px;
margin-bottom: 12px;
padding-right: 30px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 558px;
}
.front-page .bl-3 .flx-wrapper ~ a.orange:hover {
background-position: calc(50% + 220px) 50%;
}
.front-page .bl-3 .flx-wrapper p {
color: var(--black);
font-size: 18px;
text-align: center;
}
.front-page .bl-4 {
background: url(../images/front-page-bl-4-bg.svg) 50% 25%;
background-size: cover;
padding-bottom: 60px;
}
.front-page .bl-4 h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
position: relative;
text-align: center;
}
@media (max-width: 600px) {
.front-page .bl-4 h2 {
font-size: 32px;
line-height: 38px;
}
}
.front-page .bl-4 h3 {
color: var(--black);
font-size: 24px;
line-height: normal;
position: relative;
text-align: center;
}
@media (max-width: 600px) {
.front-page .bl-4 h3 {
font-size: 18px;
}
}
.front-page .bl-4 .desktop {
margin-top: -50px;
padding-left: 28px;
padding-right: 28px;
}
.front-page .bl-4 .desktop img {
display: block;
margin: auto;
max-width: 1384px;
pointer-events: none;
width: 100%;
}
.front-page .bl-4 .mobile {
display: none;
}
.front-page .bl-4 .mobile .testimonial-slider {
margin: 0 -10px;
}
.front-page .bl-4 .mobile .testimonial-slider .slick-slide {
margin: 0 10px;
}
.front-page .bl-4 .mobile .testimonial-slider .slick-slide img {
width: 100%;
}
.front-page .bl-4 .mobile .testimonial-slider ul.slick-dots {
bottom: -50px;
}
.front-page .bl-4 .mobile .testimonial-slider ul.slick-dots li {
height: 20px;
margin: 0 8px;
width: 20px;
}
.front-page .bl-4 .mobile .testimonial-slider ul.slick-dots li button {
padding: 0;
}
.front-page .bl-4 .mobile .testimonial-slider ul.slick-dots li button:before {
border: 2px solid var(--black);
border-radius: 50%;
color: transparent;
font-size: 20px;
height: 20px;
line-height: 20px;
opacity: 1;
width: 20px;
}
.front-page
.bl-4
.mobile
.testimonial-slider
ul.slick-dots
li.slick-active
button:before {
background: var(--black);
display: flex;
font-size: 20px;
justify-content: center;
}
.front-page .bl-4.detect-shopify-theme a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 32px auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
.front-page .bl-4.detect-shopify-theme a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.front-page .bl-4.detect-shopify-theme a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.front-page .bl-4.detect-shopify-theme a {
width: 326px;
}
.front-page .bl-4.detect-shopify-theme {
display: flex;
flex-direction: column;
padding-bottom: 100px;
}
.front-page .bl-4.detect-shopify-theme h2 {
order: 1;
}
.front-page .bl-4.detect-shopify-theme h3 {
order: 2;
}
.front-page .bl-4.detect-shopify-theme .mobile {
order: 3;
}
.front-page .bl-4.detect-shopify-theme a {
margin-bottom: 0;
margin-top: 80px;
order: 4;
}
.front-page .bl-4.detect-shopify-theme .no-credit-card {
margin-top: 10px;
order: 5;
}
}
.front-page .bl-4.no-bg {
background: none;
}
.front-page .bg-testimonials {
background: url(../images/front-page-bl-4-bg.svg) 50% -250px;
background-size: 100%;
margin-top: -100px;
padding-top: 100px;
}
.front-page .bl-5 {
padding-bottom: 97px;
}
.front-page .bl-5 .flx {
align-items: flex-start;
display: flex;
}
.front-page .bl-5 .flx .block h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 36px;
margin-top: 27px;
}
.front-page .bl-5 .flx .block ul li {
color: var(--black);
display: flex;
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
.front-page .bl-5 .flx .block ul li span {
display: block;
margin-right: 12px;
}
.front-page .bl-5 .flx .block ul li:last-child {
margin-bottom: 0;
}
.front-page .bl-5 .flx .block img {
display: block;
max-width: 600px;
}
.front-page .bl-5 .flx .block img.mob {
display: none;
}
.front-page .bl-5 .flx .block:first-child {
padding-left: 47px;
padding-right: 65px;
}
.front-page .bl-7 {
padding-bottom: 120px;
}
.front-page .bl-7 .pdd {
padding: 0 100px;
}
.front-page .bl-7 .pdd .bg {
background: #f0f79b;
border-radius: 20px;
padding: 67px 50px 70px;
position: relative;
}
.front-page .bl-7 .pdd .bg h2 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 36px;
text-align: center;
}
.front-page .bl-7 .pdd .bg h3 {
color: var(--black);
font-size: 32px;
font-weight: 500;
margin-bottom: 28px;
text-align: center;
text-decoration: underline;
}
.front-page .bl-7 .pdd .bg h3 span {
font-weight: 800;
}
.front-page .bl-7 .pdd .bg h4 {
font-weight: 800;
}
.front-page .bl-7 .pdd .bg h4,
.front-page .bl-7 .pdd .bg p {
color: var(--black);
font-size: 24px;
line-height: 35px;
text-align: center;
}
.front-page .bl-7 .pdd .bg p {
font-weight: 500;
margin-bottom: 28px;
}
.front-page .bl-7 .pdd .bg a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
height: 60px;
line-height: 64px;
line-height: 60px;
margin: 0 auto 12px;
padding-right: 40px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 308px;
}
.front-page .bl-7 .pdd .bg a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.front-page .bl-7 .pdd .bg a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.front-page .bl-7 .pdd .bg a {
width: 326px;
}
}
.front-page .bl-7 .pdd .bg .description {
color: var(--black);
font-size: 14px;
text-align: center;
}
.front-page .bl-7 .pdd .bg:before {
border: 2px solid var(--black);
border-radius: 20px;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: rotate(-4deg);
}
.front-page.partner-dropship .bl-1 {
background: url(../images/front-page-bl-1-dropship-bg.svg) 50% / cover;
}
.front-page.partner-dropship .bl-1 img.logo {
display: none;
}
.front-page.partner-dropship .bl-1 h1 span {
color: #225aea;
}
.front-page.partner-dropship .bl-1 h1 span:before {
display: none;
}
.front-page.partner-dropship .bl-1 a.build-free-store {
background-color: #225aea;
}
.front-page.partner-dropship .bl-1 a.build-free-store:hover {
background-color: #396ffa;
}
.front-page.partner-dropship .bl-1 a.build-free-store:active {
background-color: #0f49de;
}
@media (max-width: 940px) {
.front-page.partner-dropship .bl-1 img.logo {
display: block;
margin: 0 auto 40px;
}
}
.front-page.partner-dropship .bl-2 .flx .block .icon-wrapper {
background: #f2f6ff;
}
.front-page.partner-dropship .bl-2 a {
background-color: #225aea;
}
.front-page.partner-dropship .bl-2 a:hover {
background-color: #396ffa;
}
.front-page.partner-dropship .bl-2 a:active {
background-color: #0f49de;
}
.front-page.partner-dropship .bl-3 a {
background-color: #225aea;
}
.front-page.partner-dropship .bl-3 a:hover {
background-color: #396ffa;
}
.front-page.partner-dropship .bl-3 a:active {
background-color: #0f49de;
}
.front-page.partner-dropship .created-with-us a.build-free-store {
background-color: #225aea;
}
.front-page.partner-dropship .created-with-us a.build-free-store:hover {
background-color: #396ffa;
}
.front-page.partner-dropship .created-with-us a.build-free-store:active {
background-color: #0f49de;
}
.front-page.fiverr .bl-1 {
background: transparent;
}
.front-page.fiverr .bl-1 .head img.logo {
width: 55px;
}
.front-page.fiverr .bl-1 h1 span {
color: #1dbf73;
font-family: AbhayaLibre;
font-size: 60px;
}
.front-page.fiverr .bl-1 h1 span:before {
display: none;
}
@media (max-width: 600px) {
.front-page.fiverr .bl-1 h1 span {
font-size: 42px;
}
}
.front-page.fiverr .bl-1 a.build-free-store {
background: var(--black) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.fiverr .bl-1 a.build-free-store:hover {
background-color: rgba(0, 0, 0, 0.8);
background-position: calc(50% + 120px) 50%;
}
.front-page.fiverr .bl-1 a.build-free-store:focus {
box-shadow: none;
}
.front-page.fiverr .bl-1 a.build-free-store:active {
background-color: rgba(0, 0, 0, 0.7);
}
.front-page.fiverr .bl-2 a {
background: var(--black) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.fiverr .bl-2 a:hover {
background-color: rgba(0, 0, 0, 0.8);
background-position: calc(50% + 120px) 50%;
}
.front-page.fiverr .bl-2 a:focus {
box-shadow: none;
}
.front-page.fiverr .bl-2 a:active {
background-color: rgba(0, 0, 0, 0.7);
}
.front-page.fiverr .bl-2 .flx .block .icon-wrapper {
background: transparent;
}
@media (max-width: 600px) {
.front-page.fiverr .bl-2 .flx .block .icon-wrapper img {
width: 64px;
}
}
.front-page.fiverr .bl-3 a {
background: var(--black) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.fiverr .bl-3 a:hover {
background-color: rgba(0, 0, 0, 0.8);
background-position: calc(50% + 120px) 50%;
}
.front-page.fiverr .bl-3 a:focus {
box-shadow: none;
}
.front-page.fiverr .bl-3 a:active {
background-color: rgba(0, 0, 0, 0.7);
}
.front-page.fiverr .bl-4 {
background: transparent;
padding-bottom: 20px;
}
@media (max-width: 600px) {
.front-page.fiverr .bl-4 {
padding-bottom: 80px;
}
}
.front-page.fiverr .created-with-us {
background: var(--white);
}
.front-page.fiverr .created-with-us h2,
.front-page.fiverr .created-with-us h3 {
color: var(--black);
}
.front-page.fiverr .created-with-us a.build-free-store {
background: var(--black) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.fiverr .created-with-us a.build-free-store:hover {
background-color: rgba(0, 0, 0, 0.8);
background-position: calc(50% + 120px) 50%;
}
.front-page.fiverr .created-with-us a.build-free-store:focus {
box-shadow: none;
}
.front-page.fiverr .created-with-us a.build-free-store:active {
background-color: rgba(0, 0, 0, 0.7);
}
.front-page.fiverr
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.flx
span.name,
.front-page.fiverr .created-with-us .no-credit-card {
color: var(--black);
}
.front-page.fiverr
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
.flx
span.rating {
background: url(../images/created-with-us-like-light.svg) no-repeat 0 50%;
color: var(--black);
}
.front-page.fiverr
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
a.use-this-theme {
border: 1px solid var(--black);
color: var(--black);
}
.front-page.fiverr
.created-with-us
.created-with-us-themes
.created-with-us-themes-item
a.use-this-theme:hover {
background: var(--black);
color: var(--white);
}
.front-page.fiverr .created-with-us .created-with-us-themes .btn-next:hover,
.front-page.fiverr .created-with-us .created-with-us-themes .btn-prev:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.front-page.fiverr .created-with-us .created-with-us-themes .btn-next:focus,
.front-page.fiverr .created-with-us .created-with-us-themes .btn-prev:focus {
background-color: rgba(0, 0, 0, 0.04);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.front-page.fiverr .created-with-us .created-with-us-themes .btn-prev {
background: url(../images/create-with-us-arrow-left-black.svg) no-repeat 50%
50%;
}
.front-page.fiverr .created-with-us .created-with-us-themes .btn-next {
background: url(../images/create-with-us-arrow-right-black.svg) no-repeat 50%
50%;
}
.front-page.fiverr .faq {
background: var(--white);
padding-bottom: 32px;
padding-top: 80px;
}
@media (max-width: 600px) {
.front-page.fiverr .faq {
padding-top: 40px;
}
}
.front-page.fiverr .faq .flx .block-1 h2 {
color: var(--black);
}
.front-page.fiverr .faq .flx .block-2 #faq-accordion .faq-accordion-item {
border-bottom: 1px solid hsla(0, 0%, 72%, 0.6);
}
.front-page.fiverr
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head {
color: var(--black);
}
.front-page.fiverr
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head:before {
background: url(../images/faq-plus-black.svg) no-repeat 100% 50%;
}
.front-page.fiverr
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-body {
color: var(--black);
}
.front-page.fiverr
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item:last-child {
border-bottom: none;
}
.front-page.fiverr .bl-6 {
background: transparent;
padding-top: 60px;
}
.front-page.fiverr .bl-6 .bg {
background: #4d1727;
border-radius: 16px;
padding: 80px 28px;
}
.front-page.fiverr .bl-6 .bg h2 {
color: var(--black);
color: var(--white);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width: 600px) {
.front-page.fiverr .bl-6 .bg h2 {
font-size: 32px;
line-height: 41px;
}
}
.front-page.fiverr .bl-6 .bg h2 span {
color: #ff763f;
font-family: AbhayaLibre;
font-size: 64px;
}
@media (max-width: 600px) {
.front-page.fiverr .bl-6 .bg h2 span {
font-size: 42px;
}
}
.front-page.fiverr .bl-6 .bg h2 span:before {
display: none;
}
.front-page.fiverr .bl-6 .bg a {
background: var(--white) url(../images/button-arrow-black.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.fiverr .bl-6 .bg a:hover {
background-color: hsla(0, 0%, 100%, 0.9);
background-position: calc(50% + 120px) 50%;
}
.front-page.fiverr .bl-6 .bg a:focus {
box-shadow: none;
}
.front-page.fiverr .bl-6 .bg a:active {
background-color: hsla(0, 0%, 100%, 0.8);
}
.front-page.fiverr .bl-6 .bg .no-credit-card {
color: var(--white);
}
.front-page.partner-amer .bl-1-amer {
background: #111 url(../images/dots-bg.svg);
padding-bottom: 80px;
padding-top: 160px;
}
.front-page.partner-amer .bl-1-amer h1 {
color: var(--black);
color: var(--white);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.front-page.partner-amer .bl-1-amer h1 {
font-size: 32px;
line-height: 41px;
}
}
.front-page.partner-amer .bl-1-amer h1 span {
color: #00bf63;
}
@media (max-width: 940px) {
.front-page.partner-amer .bl-1-amer h1 br {
display: none;
}
}
@media (max-width: 600px) {
.front-page.partner-amer .bl-1-amer h1 {
font-size: 32px;
}
}
.front-page.partner-amer .bl-1-amer p {
color: var(--black);
color: var(--white);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 28px;
text-align: center;
}
@media (max-width: 600px) {
.front-page.partner-amer .bl-1-amer p {
font-size: 18px;
line-height: 25px;
}
}
@media (max-width: 940px) {
.front-page.partner-amer .bl-1-amer p br {
display: none;
}
}
.front-page.partner-amer .bl-1-amer a {
background: #00bf63 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.3);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-amer .bl-1-amer a:hover {
background-position: calc(50% + 120px) 50%;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.7);
}
.front-page.partner-amer .bl-1-amer a:focus {
box-shadow: none;
}
.front-page.partner-amer .bl-1-amer a:active {
background-color: #00a757;
}
.front-page.partner-amer .bl-1-amer .no-credit-card {
color: var(--white);
}
.front-page.partner-amer .bl-1-amer .video-content {
border-radius: 20px;
display: none;
margin: 60px auto;
overflow: hidden;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.front-page.partner-amer .bl-1-amer .video-content img {
display: block;
margin: 0 auto;
max-width: 698px;
}
.front-page.partner-amer .bl-1-amer .video-content iframe {
height: 396px;
left: 50%;
position: absolute;
top: 25px;
transform: translateX(-50%);
width: 698px;
}
@media (max-width: 940px) {
.front-page.partner-amer .bl-1-amer .video-content,
.front-page.partner-amer .bl-1-amer .video-content iframe {
max-width: 100%;
}
}
@media (max-width: 600px) {
.front-page.partner-amer .bl-1-amer .video-content {
border-radius: 10px;
height: 195px;
}
.front-page.partner-amer .bl-1-amer .video-content img {
width: 320px;
}
.front-page.partner-amer .bl-1-amer .video-content iframe {
height: 185px;
top: 12px;
}
}
.front-page.partner-amer .bl-1-amer .flx-icons {
align-items: center;
display: flex;
justify-content: center;
margin-top: 80px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-left img {
display: block;
margin-right: 37px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-left img.s1 {
width: 255px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-left img.s2 {
width: 80px;
}
.front-page.partner-amer .bl-1-amer .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 63px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-right img {
display: block;
margin-left: 37px;
margin-right: 15px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-right img.s3 {
width: 92px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-right h3 {
color: var(--white);
font-size: 18px;
line-height: normal;
}
@media (max-width: 940px) {
.front-page.partner-amer .bl-1-amer .flx-icons {
flex-wrap: wrap;
}
.front-page.partner-amer .bl-1-amer .flx-icons span {
display: none;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-left {
margin-bottom: 20px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-right {
flex-direction: column;
width: 100%;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-right img {
margin-bottom: 15px;
margin-left: 0;
}
}
@media (max-width: 600px) {
.front-page.partner-amer .bl-1-amer .flx-icons {
margin-top: 35px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-left img.s1 {
margin-right: 30px;
width: 224px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-left img.s2 {
margin-right: 0;
width: 73px;
}
.front-page.partner-amer .bl-1-amer .flx-icons .flx-icons-right h3 {
text-align: center;
}
.front-page.partner-amer .bl-1-amer {
padding-bottom: 60px;
padding-top: 60px;
}
.front-page.partner-amer .bl-1-amer .container {
display: flex;
flex-direction: column;
}
.front-page.partner-amer .bl-1-amer .video-content {
margin-bottom: 32px;
order: 1;
}
.front-page.partner-amer .bl-1-amer h1 {
order: 2;
padding-top: 50px;
}
.front-page.partner-amer .bl-1-amer p {
margin-bottom: 32px;
order: 3;
}
.front-page.partner-amer .bl-1-amer a {
order: 4;
}
.front-page.partner-amer .bl-1-amer .no-credit-card {
order: 5;
}
.front-page.partner-amer .bl-1-amer .flx-icons {
order: 6;
}
}
.front-page.partner-amer .bl-2 {
padding-top: 80px;
}
.front-page.partner-amer .bl-2 a {
background: #00bf63 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.3);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-amer .bl-2 a:hover {
background-position: calc(50% + 120px) 50%;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.7);
}
.front-page.partner-amer .bl-2 a:focus {
box-shadow: none;
}
.front-page.partner-amer .bl-2 a:active {
background-color: #00a757;
}
.front-page.partner-amer .bl-2 .flx .block .icon-wrapper {
background: #111;
}
@media (max-width: 600px) {
.front-page.partner-amer .bl-2 .flx .block .icon-wrapper img {
width: 64px;
}
}
.front-page.partner-amer .bl-3 a {
background: #00bf63 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.3);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-amer .bl-3 a:hover {
background-position: calc(50% + 120px) 50%;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.7);
}
.front-page.partner-amer .bl-3 a:focus {
box-shadow: none;
}
.front-page.partner-amer .bl-3 a:active {
background-color: #00a757;
}
.front-page.partner-amer .bl-4 {
background: transparent;
padding-bottom: 100px;
}
@media (max-width: 600px) {
.front-page.partner-amer .bl-4 {
padding-bottom: 120px;
}
}
.front-page.partner-amer .created-with-us {
background: #111 url(../images/dots-bg.svg);
}
.front-page.partner-amer .created-with-us h2,
.front-page.partner-amer .created-with-us h3 {
color: var(--white);
}
.front-page.partner-amer .created-with-us a.build-free-store {
background: #00bf63 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.3);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-amer .created-with-us a.build-free-store:hover {
background-position: calc(50% + 120px) 50%;
box-shadow: 0 8px 20px 0 rgba(0, 191, 99, 0.7);
}
.front-page.partner-amer .created-with-us a.build-free-store:focus {
box-shadow: none;
}
.front-page.partner-amer .created-with-us a.build-free-store:active {
background-color: #00a757;
}
.front-page.partner-amer
.created-with-us
.created-with-us-themes
.btn-next:hover,
.front-page.partner-amer
.created-with-us
.created-with-us-themes
.btn-prev:hover {
background-color: hsla(0, 0%, 100%, 0.2);
}
.front-page.partner-amer
.created-with-us
.created-with-us-themes
.btn-next:focus,
.front-page.partner-amer
.created-with-us
.created-with-us-themes
.btn-prev:focus {
background-color: rgba(0, 0, 0, 0.04);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.front-page.partner-amer .created-with-us .created-with-us-themes .btn-prev {
background: url(../images/create-with-us-arrow-left.svg) no-repeat 50% 50%;
}
.front-page.partner-amer .created-with-us .created-with-us-themes .btn-next {
background: url(../images/create-with-us-arrow-right.svg) no-repeat 50% 50%;
}
.front-page.partner-amer .faq {
background: #111 url(../images/dots-bg.svg);
padding-bottom: 22px;
padding-top: 80px;
}
@media (max-width: 600px) {
.front-page.partner-amer .faq {
padding-top: 40px;
}
}
.front-page.partner-amer .faq .flx .block-1 h2 {
color: var(--white);
}
.front-page.partner-amer .faq .flx .block-2 #faq-accordion .faq-accordion-item {
border-bottom: 1px solid hsla(0, 0%, 72%, 0.6);
}
.front-page.partner-amer
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head {
color: var(--white);
}
.front-page.partner-amer
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head:before {
background: url(../images/faq-plus.svg) no-repeat 100% 50%;
}
.front-page.partner-amer
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-body {
color: var(--white);
}
.front-page.partner-amer
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item:last-child {
border-bottom: none;
}
.front-page.ecom-society {
font-family: Switzer, sans-serif;
}
.front-page.ecom-society .bl-1 {
background: url(../images/ecom-society-bg.svg) 50% / cover;
}
.front-page.ecom-society .bl-1 h1 {
color: #000215;
}
.front-page.ecom-society .bl-1 h1 span {
color: #0108f5;
}
.front-page.ecom-society .bl-1 h1 span:before {
display: none;
}
.front-page.ecom-society .bl-1 h2 {
color: #000215;
}
.front-page.ecom-society .bl-1 a {
background: #0108f5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.ecom-society .bl-1 a:active {
box-shadow: none;
}
.front-page.ecom-society .bl-1 a:hover {
background-color: #0006ca;
background-position: calc(50% + 120px) 50%;
}
.front-page.ecom-society .bl-1 a.mob {
display: none;
}
.front-page.ecom-society .bl-1 .flx-icons .flx-icons-right h3 {
color: #000215;
}
.front-page.ecom-society .bl-1 .video-wrapper .video iframe {
border: none;
border-radius: 20px;
box-shadow: 0 30px 40px 0 rgba(0, 5, 177, 0.2);
}
.front-page.ecom-society .bl-1 .video-wrapper .video:before {
display: none;
}
@media (max-width: 600px) {
.front-page.ecom-society .bl-1 {
padding-top: 104px;
}
.front-page.ecom-society .bl-1 a {
display: none;
}
.front-page.ecom-society .bl-1 a.mob {
display: block;
order: 3;
}
.front-page.ecom-society .bl-1 .no-credit-card {
order: 4;
}
.front-page.ecom-society .bl-1 .video-wrapper .content {
order: 1;
}
.front-page.ecom-society .bl-1 .video-wrapper .video {
order: 2;
width: 100%;
}
.front-page.ecom-society .bl-1 .video-wrapper .video iframe {
border-radius: 10px;
box-shadow: 0 14px 19px 0 rgba(0, 5, 177, 0.2);
height: 206px;
width: 100%;
}
}
.front-page.ecom-society .bl-2 h2 {
color: #000215;
}
.front-page.ecom-society .bl-2 .flx .block .icon-wrapper {
background: #ecf1ff;
}
.front-page.ecom-society .bl-2 .flx .block h3,
.front-page.ecom-society .bl-2 .flx .block h4 {
color: #000215;
}
.front-page.ecom-society .bl-2 a {
background: #0108f5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.ecom-society .bl-2 a:active {
box-shadow: none;
}
.front-page.ecom-society .bl-2 a:hover {
background-color: #0006ca;
background-position: calc(50% + 120px) 50%;
}
.front-page.ecom-society .bl-3 {
padding-bottom: 80px;
}
.front-page.ecom-society .bl-3 .flx-wrapper .flx-item .block-txt h2 {
color: #000215;
}
.front-page.ecom-society .bl-3 .flx-wrapper .flx-item .block-txt h3 {
color: #000215;
line-height: 33px;
}
.front-page.ecom-society .bl-3 a {
background: #0108f5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.ecom-society .bl-3 a:active {
box-shadow: none;
}
.front-page.ecom-society .bl-3 a:hover {
background-color: #0006ca;
background-position: calc(50% + 120px) 50%;
}
@media (max-width: 600px) {
.front-page.ecom-society .bl-3 {
padding-bottom: 60px;
}
}
.front-page.ecom-society .bl-4 {
background: #f5f7ff;
padding-bottom: 50px;
padding-top: 80px;
}
.front-page.ecom-society .bl-4 h2,
.front-page.ecom-society .bl-4 h3 {
color: #000215;
}
@media (max-width: 600px) {
.front-page.ecom-society .bl-4 {
padding-top: 60px;
}
}
.front-page.ecom-society .testimonial-component {
background: #f5f7ff;
padding-top: 50px;
}
.front-page.ecom-society .testimonial-component h2 {
color: #000215;
}
@media (max-width: 600px) {
.front-page.ecom-society .testimonial-component {
padding-top: 80px;
}
}
.front-page.ecom-society .created-with-us {
padding-bottom: 180px;
padding-top: 80px;
}
.front-page.ecom-society .created-with-us a.build-free-store {
background: #0108f5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 370px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.ecom-society .created-with-us a.build-free-store:active {
box-shadow: none;
}
.front-page.ecom-society .created-with-us a.build-free-store:hover {
background-color: #0006ca;
background-position: calc(50% + 120px) 50%;
}
.front-page.partner-ramin-popal .ramin-popal-btn {
background: #ffab23
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
background-position: calc(50% + 140px) 50%;
border-radius: 12px;
box-shadow: none;
box-shadow: none !important;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ramin-popal .ramin-popal-btn:hover {
background-color: #ffc430;
background-position: calc(50% + 110px) 50%;
background-position: calc(50% + 140px) 50%;
}
.front-page.partner-ramin-popal .bl-1 {
background: url(../images/ramin-popal-bl-1-bg.svg) 50% / cover;
}
.front-page.partner-ramin-popal .bl-1 h1 span {
color: #ffab23;
}
.front-page.partner-ramin-popal .bl-1 h1 span:before {
display: none;
}
.front-page.partner-ramin-popal .bl-1 a.event {
background: #ffab23
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border-radius: 12px;
box-shadow: none;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ramin-popal .bl-1 a.event:hover {
background-color: #ffc430;
background-position: calc(50% + 110px) 50%;
}
.front-page.partner-ramin-popal .bl-1 a img.logo {
display: none;
}
@media (max-width: 940px) {
.front-page.partner-ramin-popal .bl-1 a img.logo {
display: block;
margin: 0 auto 30px;
}
}
.front-page.partner-ramin-popal .bl-2 .flx .block:first-child .icon-wrapper {
background: #ffd0f9;
}
.front-page.partner-ramin-popal .bl-2 .flx .block:nth-child(2) .icon-wrapper {
background: #ffe6be;
}
.front-page.partner-ramin-popal .bl-2 .flx .block:nth-child(3) .icon-wrapper {
background: #ffccb3;
}
.front-page.partner-ramin-popal .bl-2 a.event {
background: #ffab23
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border-radius: 12px;
box-shadow: none;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ramin-popal .bl-2 a.event:hover {
background-color: #ffc430;
background-position: calc(50% + 110px) 50%;
}
.front-page.partner-ramin-popal .bl-3 a.event {
background: #ffab23
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border-radius: 12px;
box-shadow: none;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ramin-popal .bl-3 a.event:hover {
background-color: #ffc430;
background-position: calc(50% + 110px) 50%;
}
.front-page.partner-ramin-popal .bg-testimonials {
background: #fff5e4;
margin-top: -60px;
padding-top: 80px;
}
@media (max-width: 600px) {
.front-page.partner-ramin-popal .bg-testimonials {
margin-top: -10px;
padding-top: 60px;
}
}
.front-page.partner-ramin-popal .created-with-us a.build-free-store {
background: #ffab23
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border-radius: 12px;
box-shadow: none;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ramin-popal .created-with-us a.build-free-store:hover {
background-color: #ffc430;
background-position: calc(50% + 110px) 50%;
}
.front-page.partner-ezstore .ezstore-btn {
background: #79e1ee
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
background-position: calc(50% + 140px) 50%;
border-radius: 12px;
box-shadow: none;
box-shadow: none !important;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ezstore .ezstore-btn:hover {
background-color: #92f3ff;
background-position: calc(50% + 110px) 50%;
background-position: calc(50% + 140px) 50%;
}
.front-page.partner-ezstore .bl-1 {
background: url(../images/ramin-popal-bl-1-bg.svg) 50% / cover;
}
.front-page.partner-ezstore .bl-1 a.event {
background: #79e1ee
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border-radius: 12px;
box-shadow: none;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ezstore .bl-1 a.event:hover {
background-color: #92f3ff;
background-position: calc(50% + 110px) 50%;
}
.front-page.partner-ezstore .bl-1 a img.logo {
display: none;
}
@media (max-width: 940px) {
.front-page.partner-ezstore .bl-1 a img.logo {
display: block;
margin: 0 auto 30px;
width: 200px;
}
}
.front-page.partner-ezstore .bl-2 .flx .block:first-child .icon-wrapper {
background: #f5fcc1;
}
.front-page.partner-ezstore .bl-2 .flx .block:nth-child(2) .icon-wrapper {
background: #d0f5bf;
}
.front-page.partner-ezstore .bl-2 .flx .block:nth-child(3) .icon-wrapper {
background: #98edcc;
}
.front-page.partner-ezstore .bl-2 a.event {
background: #79e1ee
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border-radius: 12px;
box-shadow: none;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ezstore .bl-2 a.event:hover {
background-color: #92f3ff;
background-position: calc(50% + 110px) 50%;
}
.front-page.partner-ezstore .bl-3 a.event {
background: #79e1ee
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border-radius: 12px;
box-shadow: none;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ezstore .bl-3 a.event:hover {
background-color: #92f3ff;
background-position: calc(50% + 110px) 50%;
}
.front-page.partner-ezstore .bg-testimonials {
background: #f0fafc;
margin-top: -60px;
padding-top: 80px;
}
@media (max-width: 600px) {
.front-page.partner-ezstore .bg-testimonials {
margin-top: -10px;
padding-top: 60px;
}
}
.front-page.partner-ezstore .created-with-us a.build-free-store {
background: #79e1ee
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border-radius: 12px;
box-shadow: none;
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-ezstore .created-with-us a.build-free-store:hover {
background-color: #92f3ff;
background-position: calc(50% + 110px) 50%;
}
.front-page.partner-jordan-bown {
font-family: Gotham, sans-serif;
overflow: hidden;
}
.front-page.partner-jordan-bown .jordan-bown-btn {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%,
linear-gradient(180deg, #53acff, #4057cf);
background-position: calc(50% + 140px) 50%;
border-radius: 12px;
box-shadow: 0 4px 24px 0 rgba(65, 91, 209, 0.4);
box-shadow: none !important;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-jordan-bown .jordan-bown-btn:hover {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 110px) 50%,
linear-gradient(180deg, #72bbff, #536be8);
background-position: calc(50% + 140px) 50%;
box-shadow: 0 4px 24px 0 rgba(78, 110, 236, 0.6);
}
.front-page.partner-jordan-bown .bl-1 {
background: transparent;
padding-bottom: 102px;
position: relative;
}
.front-page.partner-jordan-bown .bl-1 video {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.front-page.partner-jordan-bown .bl-1 h1 {
color: var(--white);
}
.front-page.partner-jordan-bown .bl-1 h1 span {
color: #4195ff;
}
.front-page.partner-jordan-bown .bl-1 h1 span:before {
display: none;
}
.front-page.partner-jordan-bown .bl-1 h2 {
color: var(--white);
}
.front-page.partner-jordan-bown .bl-1 a.event {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%,
linear-gradient(180deg, #53acff, #4057cf);
border-radius: 12px;
box-shadow: 0 4px 24px 0 rgba(65, 91, 209, 0.4);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-jordan-bown .bl-1 a.event:hover {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 110px) 50%,
linear-gradient(180deg, #72bbff, #536be8);
box-shadow: 0 4px 24px 0 rgba(78, 110, 236, 0.6);
}
.front-page.partner-jordan-bown .bl-1 a img.logo {
display: none;
}
@media (max-width: 940px) {
.front-page.partner-jordan-bown .bl-1 a img.logo {
display: block;
margin: 0 auto 30px;
width: 115px;
}
}
.front-page.partner-jordan-bown .bl-1 .flx-icons .flx-icons-right h3,
.front-page.partner-jordan-bown .bl-1 .no-credit-card {
color: var(--white);
}
.front-page.partner-jordan-bown .bl-2 {
background: var(--white);
border-radius: 40px 40px 0 0;
margin-top: -40px;
padding-top: 38px;
position: relative;
}
.front-page.partner-jordan-bown .bl-2 .flx .block:first-child .icon-wrapper,
.front-page.partner-jordan-bown .bl-2 .flx .block:nth-child(2) .icon-wrapper,
.front-page.partner-jordan-bown .bl-2 .flx .block:nth-child(3) .icon-wrapper {
background: rgba(76, 151, 246, 0.2);
}
.front-page.partner-jordan-bown .bl-2 a.event {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%,
linear-gradient(180deg, #53acff, #4057cf);
border-radius: 12px;
box-shadow: 0 4px 24px 0 rgba(65, 91, 209, 0.4);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-jordan-bown .bl-2 a.event:hover {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 110px) 50%,
linear-gradient(180deg, #72bbff, #536be8);
box-shadow: 0 4px 24px 0 rgba(78, 110, 236, 0.6);
}
.front-page.partner-jordan-bown .bl-3 a.event {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%,
linear-gradient(180deg, #53acff, #4057cf);
border-radius: 12px;
box-shadow: 0 4px 24px 0 rgba(65, 91, 209, 0.4);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-jordan-bown .bl-3 a.event:hover {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 110px) 50%,
linear-gradient(180deg, #72bbff, #536be8);
box-shadow: 0 4px 24px 0 rgba(78, 110, 236, 0.6);
}
.front-page.partner-jordan-bown .bg-testimonials {
background: transparent;
margin-top: -60px;
padding-top: 80px;
position: relative;
}
.front-page.partner-jordan-bown .bg-testimonials .elips-1 {
background: #c0cdff;
border-radius: 652px;
filter: blur(200px);
height: 652px;
position: absolute;
right: -186px;
top: 0;
width: 652px;
}
.front-page.partner-jordan-bown .bg-testimonials .elips-2 {
background: #9cd1ff;
border-radius: 440px;
bottom: 21px;
filter: blur(200px);
height: 440px;
left: -174px;
position: absolute;
width: 440px;
}
.front-page.partner-jordan-bown .bg-testimonials .bl-4 {
position: relative;
z-index: 2;
}
@media (max-width: 600px) {
.front-page.partner-jordan-bown .bg-testimonials {
margin-top: -10px;
padding-top: 60px;
}
}
.front-page.partner-jordan-bown .created-with-us {
border-radius: 40px 40px 0 0;
position: relative;
z-index: 2;
}
.front-page.partner-jordan-bown .created-with-us a.build-free-store {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%,
linear-gradient(180deg, #53acff, #4057cf);
border-radius: 12px;
box-shadow: 0 4px 24px 0 rgba(65, 91, 209, 0.4);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-jordan-bown .created-with-us a.build-free-store:hover {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 110px) 50%,
linear-gradient(180deg, #72bbff, #536be8);
box-shadow: 0 4px 24px 0 rgba(78, 110, 236, 0.6);
}
.front-page.partner-jordan-bown .bl-6 {
background: var(--black);
padding: 0;
}
.front-page.partner-jordan-bown .bl-6 h2 {
color: var(--black);
color: var(--white);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 30px;
position: relative;
text-align: center;
}
@media (max-width: 600px) {
.front-page.partner-jordan-bown .bl-6 h2 {
font-size: 32px;
line-height: 41px;
}
}
.front-page.partner-jordan-bown .bl-6 h2 span {
color: #4195ff;
}
.front-page.partner-jordan-bown .bl-6 h2 span:before {
display: none;
}
.front-page.partner-jordan-bown .bl-6 a {
position: relative;
}
.front-page.partner-jordan-bown .bl-6 a.event {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%,
linear-gradient(180deg, #53acff, #4057cf);
border-radius: 12px;
box-shadow: 0 4px 24px 0 rgba(65, 91, 209, 0.4);
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
max-width: 350px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 100%;
}
.front-page.partner-jordan-bown .bl-6 a.event:hover {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 110px) 50%,
linear-gradient(180deg, #72bbff, #536be8);
box-shadow: 0 4px 24px 0 rgba(78, 110, 236, 0.6);
}
@media (max-width: 600px) {
.front-page.partner-jordan-bown .bl-6 a.event {
width: calc(100% - 40px);
}
}
.front-page.partner-jordan-bown .bl-6 .no-credit-card {
color: var(--white);
}
.front-page.partner-jordan-bown .bl-6 .bg {
background: #0e3575;
border: 1px solid hsla(0, 0%, 100%, 0.3);
border-radius: 40px;
overflow: hidden;
padding-bottom: 92px;
padding-top: 90px;
position: relative;
}
.front-page.partner-jordan-bown .bl-6 .bg video {
bottom: 0;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.front-page.partner-start-store {
background: #0a0620;
}
.front-page.partner-start-store .bl-1 {
background: #0a0620;
padding-bottom: 100px;
position: relative;
}
@media (max-width: 600px) {
.front-page.partner-start-store .bl-1 {
overflow: hidden;
}
}
.front-page.partner-start-store .bl-1 .elips {
background: linear-gradient(
90deg,
rgba(113, 67, 255, 0.6) 20.31%,
rgba(255, 0, 97, 0.6) 93.78%
);
border-radius: 560px;
filter: blur(200px);
height: 560px;
left: 50%;
position: absolute;
top: -55px;
transform: translateX(-50%);
width: 560px;
}
@media (max-width: 600px) {
.front-page.partner-start-store .bl-1 .elips {
border-radius: 360px;
height: 360px;
width: 360px;
}
}
.front-page.partner-start-store .bl-1 h1,
.front-page.partner-start-store .bl-1 h2 {
color: var(--white);
}
.front-page.partner-start-store .bl-1 a.event {
max-width: 350px;
}
.front-page.partner-start-store .bl-1 a img.logo {
display: none;
}
@media (max-width: 940px) {
.front-page.partner-start-store .bl-1 a img.logo {
display: block;
margin: 0 auto 30px;
}
}
.front-page.partner-start-store .bl-1 .flx-icons .flx-icons-right h3,
.front-page.partner-start-store .bl-1 .no-credit-card {
color: var(--white);
}
.front-page.partner-start-store .bl-2 {
padding-bottom: 145px;
}
.front-page.partner-start-store .bl-2 .flx .block h3,
.front-page.partner-start-store .bl-2 .flx .block h4,
.front-page.partner-start-store .bl-2 h2 {
color: var(--white);
}
.front-page.partner-start-store .bl-2 .flx .block .icon-wrapper img {
filter: brightness(0) invert(1);
}
.front-page.partner-start-store .bl-2 .flx .block:first-child .icon-wrapper,
.front-page.partner-start-store .bl-2 .flx .block:nth-child(2) .icon-wrapper,
.front-page.partner-start-store .bl-2 .flx .block:nth-child(3) .icon-wrapper {
background: #31245e;
}
.front-page.partner-start-store .bl-2 a.event {
max-width: 350px;
}
.front-page.partner-start-store .bl-2 .no-credit-card {
color: var(--white);
}
.front-page.partner-start-store .bl-3 {
background: var(--white);
border-radius: 40px 40px 0 0;
padding-bottom: 80px;
padding-top: 85px;
position: relative;
}
.front-page.partner-start-store .bl-3 a.event {
max-width: 350px;
}
.front-page.partner-start-store .bg-testimonials {
background: #f5f3fe;
margin-top: 0;
padding-top: 80px;
position: relative;
}
@media (max-width: 600px) {
.front-page.partner-start-store .bg-testimonials {
margin-top: -10px;
padding-top: 60px;
}
}
.front-page.partner-start-store .bg-testimonials .bl-4 {
padding-bottom: 40px;
}
@media (max-width: 600px) {
.front-page.partner-start-store .bg-testimonials .bl-4 {
padding-bottom: 116px;
}
}
.front-page.partner-start-store .bg-testimonials .bl-4 .desktop img {
max-width: 1450px;
}
.front-page.partner-start-store
.bg-testimonials
.bl-4
.mobile
.testimonial-slider {
margin: -20px -24px 0;
}
.front-page.partner-start-store
.bg-testimonials
.bl-4
.mobile
.testimonial-slider
.slick-track {
padding: 20px 0 35px;
}
.front-page.partner-start-store
.bg-testimonials
.bl-4
.mobile
.testimonial-slider
.slick-slide {
margin: 0 24px;
}
.front-page.partner-start-store
.bg-testimonials
.bl-4
.mobile
.testimonial-slider
.slick-slide
img {
border-radius: 12px;
box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.08);
}
.front-page.partner-start-store
.bg-testimonials
.bl-4
.mobile
.testimonial-slider
ul.slick-dots {
bottom: -35px;
}
.front-page.partner-start-store .created-with-us {
background: #0a0620;
position: relative;
z-index: 2;
}
.front-page.partner-start-store .created-with-us a.build-free-store {
max-width: 350px;
}
.front-page.partner-start-store .faq {
background: #0a0620;
padding-bottom: 0;
}
.front-page.faq-main {
background: url(../images/front-page-bl-1-bg-v2.svg) top no-repeat;
background-size: 100%;
}
.front-page.faq-main .bl-1 {
background: transparent;
padding-bottom: 60px;
padding-top: 160px;
}
.front-page.faq-main .bl-1 h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.front-page.faq-main .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.front-page.faq-main .bl-1 h2 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 28px;
text-align: center;
}
@media (max-width: 600px) {
.front-page.faq-main .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.front-page.faq-main .faq-page-section {
padding-bottom: 80px;
}
.front-page.faq-main .faq-page-section .faq-page-section-wrapper {
background: var(--white);
border-radius: 20px;
box-shadow:
0 4px 30px 0 rgba(0, 0, 0, 0.06),
0 0 2px 0 rgba(0, 0, 0, 0.14);
margin: 0 auto 20px;
max-width: 844px;
padding: 40px;
width: 100%;
}
.front-page.faq-main .faq-page-section .faq-page-section-wrapper h2 {
color: var(--black);
font-size: 24px;
font-weight: 700;
line-height: 33px;
margin-bottom: 20px;
}
@media (max-width: 600px) {
.front-page.faq-main .faq-page-section .faq-page-section-wrapper h2 {
font-size: 22px;
}
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item {
border-bottom: 1px solid hsla(0, 0%, 83%, 0.6);
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item
.faq-accordion-head {
color: var(--black);
cursor: pointer;
font-size: 20px;
line-height: 28px;
padding: 20px 25px 20px 0;
position: relative;
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item
.faq-accordion-head:before {
background: url(../images/faq-plus-black-2.svg) no-repeat 100% 50%;
content: "";
height: 20px;
position: absolute;
right: 0;
top: 24px;
transition: 0.3s;
width: 20px;
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item
.faq-accordion-head.active:before {
transform: rotate(45deg);
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item
.faq-accordion-body {
display: none;
font-size: 18px;
line-height: normal;
margin-bottom: 20px;
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item:last-child {
border: none;
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item:last-child
.faq-accordion-head {
padding-bottom: 0;
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item:last-child
.faq-accordion-body {
margin-bottom: 0;
margin-top: 20px;
}
@media (max-width: 940px) {
.front-page.faq-main .bl-1 {
padding-top: 100px;
}
}
@media (max-width: 600px) {
.front-page.faq-main .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
.front-page.faq-main .bl-1 h2 {
margin-bottom: 32px;
}
.front-page.faq-main .faq-page-section {
padding-bottom: 20px;
}
.front-page.faq-main .faq-page-section .faq-page-section-wrapper {
border-radius: 0;
box-shadow: none;
margin-bottom: 60px;
padding: 0;
}
.front-page.faq-main .faq-page-section .faq-page-section-wrapper h2 {
margin-bottom: 0;
}
.front-page.faq-main
.faq-page-section
.faq-page-section-wrapper
.faq-accordion-item
.faq-accordion-head {
font-size: 18px;
line-height: 25px;
padding-bottom: 12px;
padding-top: 12px;
}
}
.partner-lp-banner {
align-items: center;
background: var(--black);
display: flex;
height: 48px;
justify-content: center;
position: relative;
}
.partner-lp-banner .title {
color: var(--white);
font-size: 16px;
margin-left: 13px;
margin-right: 13px;
}
.partner-lp-banner .title span {
font-weight: 600;
}
.partner-lp-banner a {
align-items: center;
background: #000;
border: 1px solid var(--white);
border-radius: 6px;
color: #fff;
display: flex;
font-size: 16px;
height: 34px;
justify-content: center;
line-height: 34px;
text-align: center;
text-decoration: none;
width: 142px;
}
.partner-lp-banner a svg {
display: block;
left: 0;
margin-left: 2px;
position: relative;
transition: left 0.2s;
}
.partner-lp-banner a:hover svg {
left: 5px;
}
.partner-lp-banner button.close {
background: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
}
.partner-lp-banner button.close svg {
display: block;
}
.partner-lp-banner button.close:hover svg path {
stroke: var(--white);
}
.partner-lp-banner .timer {
display: flex;
gap: 0 4px;
}
.partner-lp-banner .timer span {
background: var(--pink);
border-radius: 6px;
color: #fff;
font-size: 14px;
height: 34px;
line-height: 34px;
text-align: center;
width: 46px;
}
@media (max-width: 1200px) {
.partner-lp-banner {
flex-direction: column;
gap: 10px 0;
height: auto;
padding: 14px;
}
.partner-lp-banner .title {
line-height: 20px;
text-align: center;
}
.partner-lp-banner button.close {
right: 12px;
top: 12px;
transform: none;
}
.partner-lp-banner a {
width: 275px;
}
}
@media (max-width: 600px) {
.partner-lp-banner .title {
font-size: 14px;
}
}
@media (max-width: 1300px) {
.front-page .bl-1 h1 br,
.front-page .bl-1 h2 br {
display: none;
}
.front-page .bl-1 .flx {
flex-direction: column;
}
.front-page .bl-1 .flx .block h1,
.front-page .bl-1 .flx .block h2 {
text-align: center;
}
.front-page .bl-1 .flx .block a {
margin: 0 auto 12px;
}
.front-page .bl-1 .flx .block p {
text-align: center;
}
.front-page .bl-1 .flx .block:first-child,
.front-page .bl-1 .flx .block:nth-child(2) {
width: 100%;
}
.front-page .bl-2 .flx .block h4 br {
display: none;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-img img {
width: 100%;
}
.front-page .bl-4 .desktop {
margin-top: 20px;
}
.front-page .bg-testimonials {
background: none;
margin-top: 0;
padding-top: 0;
}
}
@media (max-width: 940px) {
.front-page .bl-1 {
padding-top: 28px;
}
.front-page .bl-1 .head {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}
.front-page .bl-1 .head a.login,
.front-page .bl-1 .head img.logo {
display: block;
}
.front-page .bl-1 .video-wrapper .video iframe {
width: 550px;
}
.front-page .bl-1 .video-wrapper .video:before {
background-position: 50% 100%;
width: 550px;
}
.front-page .bl-1 .flx-icons {
flex-wrap: wrap;
}
.front-page .bl-1 .flx-icons span {
display: none;
}
.front-page .bl-1 .flx-icons .flx-icons-left {
margin-bottom: 20px;
}
.front-page .bl-1 .flx-icons .flx-icons-right {
flex-direction: column;
width: 100%;
}
.front-page .bl-1 .flx-icons .flx-icons-right img {
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
}
.front-page .bl-1-custom {
margin-top: 0;
padding-top: 28px;
}
.front-page .bl-1-custom .head-1 {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}
.front-page .bl-1-custom .head-1 a.login,
.front-page .bl-1-custom .head-1 img.logo {
display: block;
}
.front-page .bl-1-custom .head h2 br {
display: none;
}
.front-page .bl-1-custom .content-wrapper .video iframe {
width: 550px;
}
.front-page .bl-1-custom .content-wrapper .video:before {
background-position: 50% 100%;
width: 550px;
}
.front-page .bl-2 .flx {
align-items: center;
flex-direction: column;
gap: 24px 0;
}
.front-page .bl-2 .flx .block {
display: flex;
max-width: 600px;
width: 100%;
}
.front-page .bl-2 .flx .block .icon-wrapper {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 24px;
}
.front-page .bl-2 .flx .block h3,
.front-page .bl-2 .flx .block h4 {
text-align: left;
}
.front-page .bl-3 .flx-wrapper {
gap: 60px 0;
}
.front-page .bl-3 .flx-wrapper .flx-item {
flex-direction: column;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-img {
margin-bottom: 32px;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt h2,
.front-page .bl-3 .flx-wrapper .flx-item .block-txt h3 {
text-align: center;
}
.front-page .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-img,
.front-page .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-img {
margin-right: 0;
order: 1;
}
.front-page .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-txt,
.front-page .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-txt {
margin-right: 0;
order: 2;
}
.front-page .bl-5 .flx {
align-items: center;
flex-direction: column;
}
.front-page .bl-5 .flx .block h2 {
font-size: 32px;
line-height: 38px;
text-align: center;
}
.front-page .bl-5 .flx .block h2 br {
display: none;
}
.front-page .bl-5 .flx .block ul li {
font-size: 18px;
line-height: 25px;
}
.front-page .bl-5 .flx .block img.desktop {
display: none;
}
.front-page .bl-5 .flx .block img.mob {
display: block;
margin: 36px auto;
width: 100%;
}
.front-page .bl-5 .flx .block:first-child {
padding-left: 0;
padding-right: 0;
}
.front-page .bl-7 .pdd {
padding: 0 20px;
}
}
@media (max-width: 600px) {
.front-page .bl-1 {
background: url(../images/front-page-bl-1-bg-mob-v2.svg) no-repeat 50% 0;
background-size: 100%;
padding-bottom: 60px;
}
.front-page .bl-1 h1 {
font-size: 32px;
line-height: 41px;
margin-bottom: 12px;
}
.front-page .bl-1 h1 span:before {
height: 30px;
left: -5px;
top: 7px;
width: calc(100% + 10px);
}
.front-page .bl-1 h2 {
font-size: 18px;
margin-bottom: 30px;
}
.front-page .bl-1 .video-wrapper .content {
order: 2;
}
.front-page .bl-1 .video-wrapper .video {
margin-bottom: 38px;
margin-top: 10px;
order: 1;
}
.front-page .bl-1 .video-wrapper .video iframe {
border: 1px solid var(--black);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
height: 172px;
width: 100%;
}
.front-page .bl-1 .video-wrapper .video:before {
background-size: 100%;
top: -26px;
width: 100%;
}
.front-page .bl-1 .flx .block img {
margin: auto auto 14px;
max-width: 270px;
}
.front-page .bl-1 .flx .block:first-child {
order: 2;
}
.front-page .bl-1 .flx .block:nth-child(2) {
order: 1;
}
.front-page .bl-1 .flx-icons {
margin-top: 35px;
}
.front-page .bl-1 .flx-icons .flx-icons-left img.s1 {
margin-right: 30px;
width: 224px;
}
.front-page .bl-1 .flx-icons .flx-icons-left img.s2 {
margin-right: 0;
width: 73px;
}
.front-page .bl-1 .flx-icons .flx-icons-right h3 {
text-align: center;
}
.front-page .partner-1-banner {
font-size: 18px;
padding: 17px 12px;
}
.front-page .bl-1-custom {
background: url(../images/front-page-bl-1-bg-mob-v2.svg) no-repeat 50% 0;
background-size: 100%;
padding-bottom: 80px;
}
.front-page .bl-1-custom .head h1 {
font-size: 38px;
line-height: 45px;
}
.front-page .bl-1-custom .head h1 br {
display: none;
}
.front-page .bl-1-custom .head h1 span {
font-size: 38px;
}
.front-page .bl-1-custom .head h1 strong:before {
height: 35px;
left: -5px;
top: 8px;
width: calc(100% + 10px);
}
.front-page .bl-1-custom .head h2 {
font-size: 20px;
margin-bottom: 32px;
}
.front-page .bl-1-custom .flx-icons img.s1 {
height: 37px;
}
.front-page .bl-1-custom .flx-icons img.s2 {
height: 73px;
}
.front-page .bl-1-custom .content-wrapper {
margin-top: 48px;
}
.front-page .bl-1-custom .content-wrapper .video {
margin-bottom: 38px;
margin-top: 30px;
width: 327px;
}
.front-page .bl-1-custom .content-wrapper .video iframe {
border: 1px solid var(--black);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
height: 172px;
width: 100%;
}
.front-page .bl-1-custom .content-wrapper .video:before {
background-size: 100%;
top: -26px;
width: 100%;
}
.front-page .bl-1-custom .content-wrapper .flx {
flex-direction: column;
}
.front-page .bl-1-custom .content-wrapper .flx .side-1 {
margin-bottom: 28px;
width: 100%;
}
.front-page .bl-1-custom .content-wrapper .flx .side-1 a {
width: 100%;
}
.front-page .bl-1-custom .content-wrapper .flx .side-2 {
flex-direction: column;
width: 100%;
}
.front-page .bl-1-custom .content-wrapper .flx .side-2 img {
margin-bottom: 12px;
}
.front-page .bl-2 {
padding-bottom: 60px;
}
.front-page .bl-2 .flx,
.front-page .bl-2 h2 {
margin-bottom: 32px;
}
.front-page .bl-2 .flx .block .icon-wrapper {
border-radius: 12px;
height: 64px;
width: 64px;
}
.front-page .bl-2 .flx .block .icon-wrapper img {
width: 33px;
}
.front-page .bl-2 .flx .block h3 {
font-size: 20px;
}
.front-page .bl-2 .flx .block h4 {
font-size: 18px;
}
.front-page .bl-2 a.orange {
background-position: calc(50% + 115px) 50%;
font-size: 20px;
height: 60px;
line-height: 60px;
width: 100%;
}
.front-page .bl-2 p {
font-size: 16px;
}
.front-page .bl-3 {
padding-bottom: 60px;
}
.front-page .bl-3 .flx-wrapper {
margin-bottom: 32px;
}
.front-page .bl-3 .flx-wrapper .flx-item .block-txt {
width: 100%;
}
.front-page .bl-3 a.orange {
background-position: calc(50% + 115px) 50%;
font-size: 20px;
height: 60px;
line-height: 60px;
width: 100%;
}
.front-page .bl-3 p {
font-size: 16px;
}
.front-page .bl-4 {
padding-bottom: 126px;
padding-left: 24px;
padding-right: 24px;
}
.front-page .bl-4 h3 {
margin-bottom: 26px;
}
.front-page .bl-4 .desktop {
display: none;
}
.front-page .bl-4 .mobile {
display: block;
}
.front-page .bl-7 {
padding-bottom: 80px;
}
.front-page .bl-7 .pdd {
margin: 0 -24px;
padding: 0;
}
.front-page .bl-7 .pdd .bg {
padding: 60px 40px;
}
.front-page .bl-7 .pdd .bg h2 {
font-size: 32px;
line-height: 38px;
margin-bottom: 20px;
}
.front-page .bl-7 .pdd .bg h3 {
font-size: 22px;
line-height: 32px;
margin-bottom: 24px;
}
.front-page .bl-7 .pdd .bg h4 {
font-size: 20px;
}
.front-page .bl-7 .pdd .bg p {
font-size: 20px;
line-height: 29px;
}
.front-page .bl-7 .pdd .bg a {
width: 100%;
}
.front-page .bl-7 .pdd .bg:before {
display: none;
}
}
.terms-and-privacy-policy {
padding-bottom: 120px;
padding-top: 180px;
}
.terms-and-privacy-policy h1 {
font-size: 44px;
}
.terms-and-privacy-policy h1,
.terms-and-privacy-policy h2 {
color: var(--black);
font-weight: 700;
line-height: normal;
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
}
.terms-and-privacy-policy h2 {
font-size: 32px;
}
.terms-and-privacy-policy h3 {
font-size: 28px;
}
.terms-and-privacy-policy h3,
.terms-and-privacy-policy h4 {
color: var(--black);
font-weight: 700;
line-height: normal;
padding-bottom: 20px;
padding-top: 20px;
text-align: center;
}
.terms-and-privacy-policy h4 {
font-size: 24px;
}
.terms-and-privacy-policy p {
color: var(--black);
font-size: 18px;
line-height: normal;
margin-bottom: 20px;
margin-top: 20px;
}
.terms-and-privacy-policy p strong {
font-weight: 600;
}
.terms-and-privacy-policy ul {
list-style-type: disc;
padding-left: 20px;
}
.terms-and-privacy-policy ul li {
color: var(--black);
font-size: 18px;
line-height: normal;
margin-bottom: 20px;
margin-top: 20px;
}
.terms-and-privacy-policy a {
color: var(--black);
transition: color 0.3s;
}
.terms-and-privacy-policy a:hover {
color: var(--teal-main);
}
.terms-and-privacy-policy-header .nav-flx ul {
display: none;
}
@media (max-width: 940px) {
.terms-and-privacy-policy {
padding-bottom: 80px;
padding-top: 30px;
}
}
.partner-supreme {
position: relative;
}
.partner-supreme .no-credit-card {
font-size: 14px;
text-align: center;
}
.partner-supreme .bl-1 {
background: url(../images/front-page-bl-1-bg-hero-image.svg) no-repeat 50% 0;
padding-bottom: 96px;
padding-top: 160px;
}
.partner-supreme .bl-1 img.logo {
display: none;
}
.partner-supreme .bl-1 h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.partner-supreme .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.partner-supreme .bl-1 h1 span {
color: #1263b5;
position: relative;
white-space: nowrap;
z-index: 1;
}
.partner-supreme .bl-1 h1 span:before {
background: url(../images/free-line.svg) no-repeat;
bottom: 2px;
content: "";
height: 12px;
left: -3px;
position: absolute;
width: calc(100% + 20px);
z-index: -1;
}
.partner-supreme .bl-1 h2 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 28px;
text-align: center;
}
@media (max-width: 600px) {
.partner-supreme .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.partner-supreme .bl-1 .video-wrapper {
display: flex;
flex-direction: column;
}
.partner-supreme .bl-1 .video-wrapper .video {
border-radius: 20px;
box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.12);
margin: 71px auto 0;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.partner-supreme .bl-1 .video-wrapper .video iframe {
border: 2px solid var(--black);
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
display: block;
height: 392px;
margin: 0 auto;
width: 695px;
}
.partner-supreme .bl-1 .video-wrapper .video:before {
background: url(../images/video.svg) no-repeat;
background-size: 100%;
content: "";
height: 27px;
left: 50%;
position: absolute;
right: 0;
top: -27px;
transform: translateX(-50%);
width: 695px;
}
.partner-supreme .bl-1 .video-wrapper a {
background: #1263b5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
.partner-supreme .bl-1 .video-wrapper a:hover {
background-color: #1f75cb;
background-position: calc(50% + 120px) 50%;
}
.partner-supreme .bl-1 .video-wrapper a:focus {
background-color: #0956a4;
}
@media (max-width: 600px) {
.partner-supreme .bl-1 .video-wrapper a {
width: 326px;
}
}
.partner-supreme .bl-1 .flx {
align-items: center;
display: flex;
justify-content: space-between;
}
.partner-supreme .bl-1 .flx .block h1,
.partner-supreme .bl-1 .flx .block h2 {
text-align: left;
}
.partner-supreme .bl-1 .flx .block a {
margin: 0 0 12px;
}
.partner-supreme .bl-1 .flx .block p {
text-align: left;
}
.partner-supreme .bl-1 .flx .block img {
display: block;
width: 100%;
}
.partner-supreme .bl-1 .flx .block:first-child {
width: 42%;
}
.partner-supreme .bl-1 .flx .block:nth-child(2) {
width: calc(41% + 6px);
}
.partner-supreme .bl-1 .flx-icons {
align-items: center;
display: flex;
justify-content: center;
margin-top: 80px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-left img {
display: block;
margin-right: 37px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-left img.s1 {
width: 255px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-left img.s2 {
width: 80px;
}
.partner-supreme .bl-1 .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 63px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-right img {
display: block;
margin-left: 37px;
margin-right: 15px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-right img.s3 {
width: 92px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-right h3 {
color: var(--black);
font-size: 18px;
line-height: normal;
}
.partner-supreme .bl-2 {
padding-bottom: 80px;
}
.partner-supreme .bl-2 h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 40px;
text-align: center;
}
@media (max-width: 600px) {
.partner-supreme .bl-2 h2 {
font-size: 32px;
line-height: 38px;
}
}
.partner-supreme .bl-2 .flx {
display: flex;
gap: 0 40px;
justify-content: center;
margin-bottom: 57px;
}
.partner-supreme .bl-2 .flx .block .icon-wrapper {
align-items: center;
background: #f0f8ff;
border-radius: 20px;
display: flex;
height: 100px;
justify-content: center;
margin: 0 auto 30px;
width: 100px;
}
.partner-supreme .bl-2 .flx .block .icon-wrapper img {
display: block;
filter: invert(28%) sepia(94%) saturate(1279%) hue-rotate(191deg)
brightness(87%) contrast(93%);
max-width: 80px;
}
.partner-supreme .bl-2 .flx .block h3 {
color: var(--black);
font-size: 24px;
font-weight: 700;
line-height: normal;
margin-bottom: 4px;
text-align: center;
}
.partner-supreme .bl-2 .flx .block h4 {
color: var(--black);
font-size: 16px;
line-height: normal;
text-align: center;
}
.partner-supreme .bl-2 a {
background: #1263b5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
.partner-supreme .bl-2 a:hover {
background-color: #1f75cb;
background-position: calc(50% + 120px) 50%;
}
.partner-supreme .bl-2 a:focus {
background-color: #0956a4;
}
@media (max-width: 600px) {
.partner-supreme .bl-2 a {
width: 326px;
}
}
.partner-supreme .bl-3 {
padding-bottom: 113px;
}
.partner-supreme .bl-3 .flx-wrapper {
display: flex;
flex-direction: column;
gap: 64px 0;
margin-bottom: 45px;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item {
align-items: center;
display: flex;
justify-content: center;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-img img {
display: block;
max-width: 520px;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-txt {
width: 472px;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-txt h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
text-align: left;
}
@media (max-width: 600px) {
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-txt h2 {
font-size: 32px;
line-height: 38px;
}
}
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-txt h3 {
color: var(--black);
font-size: 24px;
line-height: normal;
text-align: left;
}
@media (max-width: 600px) {
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-txt h3 {
font-size: 18px;
}
}
.partner-supreme .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-img {
margin-right: 68px;
order: 1;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-img,
.partner-supreme .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-txt {
order: 2;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-txt {
margin-right: 68px;
order: 1;
}
.partner-supreme .bl-3 a {
background: #1263b5 url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
}
.partner-supreme .bl-3 a:hover {
background-color: #1f75cb;
background-position: calc(50% + 120px) 50%;
}
.partner-supreme .bl-3 a:focus {
background-color: #0956a4;
}
@media (max-width: 600px) {
.partner-supreme .bl-3 a {
width: 326px;
}
}
.partner-supreme .bl-4 {
padding-bottom: 60px;
}
.partner-supreme .bl-4 h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
position: relative;
text-align: center;
}
@media (max-width: 600px) {
.partner-supreme .bl-4 h2 {
font-size: 32px;
line-height: 38px;
}
}
.partner-supreme .bl-4 h3 {
color: var(--black);
font-size: 24px;
line-height: normal;
position: relative;
text-align: center;
}
@media (max-width: 600px) {
.partner-supreme .bl-4 h3 {
font-size: 18px;
}
}
.partner-supreme .bl-4 .desktop {
margin-top: -50px;
padding-left: 28px;
padding-right: 28px;
}
.partner-supreme .bl-4 .desktop img {
display: block;
margin: auto;
max-width: 1384px;
pointer-events: none;
width: 100%;
}
.partner-supreme .bl-4 .mobile {
display: none;
}
.partner-supreme .bl-4 .mobile .testimonial-slider {
margin: 0 -10px;
}
.partner-supreme .bl-4 .mobile .testimonial-slider .slick-slide {
margin: 0 10px;
}
.partner-supreme .bl-4 .mobile .testimonial-slider .slick-slide img {
width: 100%;
}
.partner-supreme .bl-4 .mobile .testimonial-slider ul.slick-dots {
bottom: -50px;
}
.partner-supreme .bl-4 .mobile .testimonial-slider ul.slick-dots li {
height: 20px;
margin: 0 4px;
width: 20px;
}
.partner-supreme .bl-4 .mobile .testimonial-slider ul.slick-dots li button {
padding: 0;
}
.partner-supreme
.bl-4
.mobile
.testimonial-slider
ul.slick-dots
li
button:before {
border: 2px solid var(--black);
border-radius: 50%;
color: transparent;
font-size: 18px;
height: 16px;
opacity: 1;
width: 16px;
}
.partner-supreme
.bl-4
.mobile
.testimonial-slider
ul.slick-dots
li.slick-active
button:before {
color: var(--black);
display: flex;
font-size: 20px;
justify-content: center;
}
@media (min-width: 1920px) {
.partner-supreme .bl-1 {
background-size: 100%;
}
}
@media (max-width: 1300px) {
.partner-supreme .bl-1 h1 br,
.partner-supreme .bl-1 h2 br {
display: none;
}
.partner-supreme .bl-1 .flx {
flex-direction: column;
}
.partner-supreme .bl-1 .flx .block h1,
.partner-supreme .bl-1 .flx .block h2 {
text-align: center;
}
.partner-supreme .bl-1 .flx .block a {
margin: 0 auto 12px;
}
.partner-supreme .bl-1 .flx .block p {
text-align: center;
}
.partner-supreme .bl-1 .flx .block:first-child,
.partner-supreme .bl-1 .flx .block:nth-child(2) {
width: 100%;
}
.partner-supreme .bl-2 .flx .block h4 br {
display: none;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-img img {
width: 100%;
}
.partner-supreme .bl-4 .desktop {
margin-top: 20px;
}
}
@media (max-width: 940px) {
.partner-supreme .bl-1 {
padding-top: 60px;
}
.partner-supreme .bl-1 img.logo {
display: block;
margin: 0 auto 40px;
}
.partner-supreme .bl-1 .video-wrapper .video iframe {
width: 550px;
}
.partner-supreme .bl-1 .video-wrapper .video:before {
background-position: 50% 100%;
width: 550px;
}
.partner-supreme .bl-1 .flx-icons {
flex-wrap: wrap;
}
.partner-supreme .bl-1 .flx-icons span {
display: none;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-left {
margin-bottom: 20px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-right {
flex-direction: column;
width: 100%;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-right img {
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
}
.partner-supreme .bl-2 .flx {
align-items: center;
flex-direction: column;
gap: 24px 0;
}
.partner-supreme .bl-2 .flx .block {
display: flex;
max-width: 600px;
width: 100%;
}
.partner-supreme .bl-2 .flx .block .icon-wrapper {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 24px;
}
.partner-supreme .bl-2 .flx .block h3,
.partner-supreme .bl-2 .flx .block h4 {
text-align: left;
}
.partner-supreme .bl-3 .flx-wrapper {
gap: 60px 0;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item {
flex-direction: column;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-img {
margin-bottom: 32px;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-txt h2,
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-txt h3 {
text-align: center;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-img,
.partner-supreme .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-img {
margin-right: 0;
order: 1;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-txt,
.partner-supreme .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-txt {
margin-right: 0;
order: 2;
}
}
@media (max-width: 600px) {
.partner-supreme .bl-1 {
padding-bottom: 60px;
padding-top: 28px;
}
.partner-supreme .bl-1 img.logo {
margin-bottom: 48px;
width: 140px;
}
.partner-supreme .bl-1 h1 {
margin-bottom: 12px;
}
.partner-supreme .bl-1 h1 span:before {
background-size: 80px;
bottom: -2px;
height: 9px;
width: calc(100% + 7px);
}
.partner-supreme .bl-1 h2 {
margin-bottom: 30px;
}
.partner-supreme .bl-1.video img.logo {
margin-bottom: 38px;
}
.partner-supreme .bl-1 .video-wrapper .content {
order: 2;
}
.partner-supreme .bl-1 .video-wrapper .video {
margin-bottom: 38px;
margin-top: 10px;
order: 1;
}
.partner-supreme .bl-1 .video-wrapper .video iframe {
border: 1px solid var(--black);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
height: 172px;
width: 100%;
}
.partner-supreme .bl-1 .video-wrapper .video:before {
background-size: 100%;
top: -26px;
width: 100%;
}
.partner-supreme .bl-1 .flx .block img {
margin: auto auto 14px;
max-width: 270px;
}
.partner-supreme .bl-1 .flx .block:first-child {
order: 2;
}
.partner-supreme .bl-1 .flx .block:nth-child(2) {
order: 1;
}
.partner-supreme .bl-1 .flx-icons {
margin-top: 35px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-left img.s1 {
margin-right: 30px;
width: 224px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-left img.s2 {
margin-right: 0;
width: 73px;
}
.partner-supreme .bl-1 .flx-icons .flx-icons-right h3 {
text-align: center;
}
.partner-supreme .bl-1 .flx-content {
display: flex;
flex-direction: column;
}
.partner-supreme .bl-1 .flx-content a {
order: 2;
}
.partner-supreme .bl-1 .flx-content p {
order: 3;
}
.partner-supreme .bl-1 .flx-content .flx-icons {
margin-top: 0;
order: 1;
}
.partner-supreme .bl-1 .flx-content .flx-icons .flx-icons-left {
margin-bottom: 32px;
}
.partner-supreme .bl-1 .flx-content .flx-icons .flx-icons-right {
display: none;
}
.partner-supreme .bl-2 {
padding-bottom: 60px;
}
.partner-supreme .bl-2 .flx,
.partner-supreme .bl-2 h2 {
margin-bottom: 32px;
}
.partner-supreme .bl-2 .flx .block .icon-wrapper {
border-radius: 12px;
height: 64px;
width: 64px;
}
.partner-supreme .bl-2 .flx .block .icon-wrapper img {
width: 33px;
}
.partner-supreme .bl-2 .flx .block h3 {
font-size: 20px;
}
.partner-supreme .bl-2 .flx .block h4 {
font-size: 18px;
}
.partner-supreme .bl-3 {
padding-bottom: 60px;
}
.partner-supreme .bl-3 .flx-wrapper {
margin-bottom: 32px;
}
.partner-supreme .bl-3 .flx-wrapper .flx-item .block-txt {
width: 100%;
}
.partner-supreme .bl-4 {
padding-bottom: 126px;
padding-left: 24px;
padding-right: 24px;
}
.partner-supreme .bl-4 h3 {
margin-bottom: 26px;
}
.partner-supreme .bl-4 .desktop {
display: none;
}
.partner-supreme .bl-4 .mobile {
display: block;
}
}
.become-a-partner {
background: url(../images/become-a-partner-bg.png) no-repeat 50% 0;
background-size: 100%;
padding-bottom: 60px;
}
.become-a-partner .bl-1 {
padding-top: 32px;
}
.become-a-partner .bl-1 img.logo {
display: block;
margin: 0 auto 56px;
}
.become-a-partner .bl-1 h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 8px;
text-align: center;
}
@media (max-width: 600px) {
.become-a-partner .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.become-a-partner .bl-1 h2 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 64px;
text-align: center;
}
@media (max-width: 600px) {
.become-a-partner .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.become-a-partner .bl-1 .form-wrapper {
margin: auto;
max-width: 844px;
}
.become-a-partner .bl-1 .form-wrapper form {
display: flex;
flex-wrap: wrap;
gap: 24px 20px;
}
.become-a-partner .bl-1 .form-wrapper form .field {
position: relative;
width: calc(50% - 10px);
}
.become-a-partner .bl-1 .form-wrapper form .field span.err {
color: var(--red);
display: block;
font-size: 12px;
margin-top: 4px;
}
.become-a-partner .bl-1 .form-wrapper form .field label {
align-items: center;
color: var(--black);
display: flex;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 4px;
}
.become-a-partner .bl-1 .form-wrapper form .field label br {
display: none;
}
.become-a-partner .bl-1 .form-wrapper form .field label .tooltip-wrapper {
background: url(../images/become-a-partner-help-icon.svg) no-repeat;
cursor: pointer;
display: block;
height: 18px;
margin-left: 4px;
position: relative;
width: 18px;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
label
.tooltip-wrapper
span.tooltip {
background: rgba(0, 0, 0, 0.8);
border-radius: 8px;
bottom: 35px;
box-sizing: border-box;
color: var(--white);
display: none;
font-size: 12px;
font-weight: 400;
left: 50%;
line-height: 16px;
padding: 8px;
position: absolute;
text-align: center;
transform: translateX(-50%);
width: 260px;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
label
.tooltip-wrapper
span.tooltip:after {
border: 10px solid transparent;
border-top-color: rgba(0, 0, 0, 0.8);
bottom: -20px;
content: "";
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
label
.tooltip-wrapper:hover
span.tooltip {
display: block;
}
.become-a-partner .bl-1 .form-wrapper form .field input {
background: var(--white);
border: 1px solid var(--grey);
border-radius: 8px;
color: var(--black);
font-size: 16px;
height: 48px;
outline: none;
padding: 0 12px;
transition: 0.3s;
width: 100%;
}
.become-a-partner .bl-1 .form-wrapper form .field input:hover {
border: 1px solid var(--teal-main-secondary);
}
.become-a-partner .bl-1 .form-wrapper form .field input::-moz-placeholder {
color: var(--grey);
}
.become-a-partner .bl-1 .form-wrapper form .field input::placeholder {
color: var(--grey);
}
.become-a-partner .bl-1 .form-wrapper form .field input:focus {
border: 1px solid var(--teal-main-secondary);
box-shadow: 0 0 0 4px var(--teal-light-secondary);
}
.become-a-partner .bl-1 .form-wrapper form .field input:disabled {
background: var(--grey-20);
border: 1px solid var(--grey-20);
}
.become-a-partner .bl-1 .form-wrapper form .field input.err {
border: 1px solid var(--red);
}
.become-a-partner .bl-1 .form-wrapper form .field .select-wrapper {
position: relative;
}
.become-a-partner .bl-1 .form-wrapper form .field .select-wrapper .active-item {
background: var(--white);
border: 1px solid var(--grey-40);
border-radius: 8px;
color: var(--black);
cursor: pointer;
font-size: 16px;
height: 48px;
line-height: 48px;
padding: 0 12px;
position: relative;
transition: 0.3s;
width: 100%;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper
.active-item:hover {
border: 1px solid var(--teal-main-secondary);
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper
.active-item:before {
background: url(../images/select-arrow.svg) no-repeat;
content: "";
height: 24px;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 24px;
}
.become-a-partner .bl-1 .form-wrapper form .field .select-wrapper ul {
background: var(--white);
border-radius: 6px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
display: none;
max-height: 240px;
overflow-y: auto;
padding: 4px 0;
position: absolute;
top: 52px;
width: 100%;
z-index: 1;
}
@media (max-width: 600px) {
.become-a-partner .bl-1 .form-wrapper form .field .select-wrapper ul {
max-height: 124px;
}
}
.become-a-partner .bl-1 .form-wrapper form .field .select-wrapper ul li {
color: var(--black);
cursor: pointer;
font-size: 16px;
line-height: 24px;
padding: 8px 12px;
}
.become-a-partner .bl-1 .form-wrapper form .field .select-wrapper ul li.active {
background: var(--grey-20);
}
.become-a-partner .bl-1 .form-wrapper form .field .select-wrapper ul li:hover {
background: var(--teal-light);
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper
ul::-webkit-scrollbar {
height: auto;
width: auto;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper
ul::-webkit-scrollbar:vertical {
height: 18px;
width: 14px;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper
ul::-webkit-scrollbar-track {
background: transparent;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper
ul::-webkit-scrollbar-thumb {
background-clip: padding-box;
background-color: var(--grey);
border: 4px solid transparent;
-webkit-border-radius: 8px;
height: 6px;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper
ul::-webkit-scrollbar-button {
display: none;
height: 0;
width: 0;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper
ul::-webkit-scrollbar-corner {
background-color: transparent;
}
.become-a-partner
.bl-1
.form-wrapper
form
.field
.select-wrapper.opened
.active-item {
border: 1px solid var(--teal-main-secondary);
box-shadow: 0 0 0 4px var(--teal-light-secondary);
}
.become-a-partner .bl-1 .form-wrapper form .field .select-wrapper.opened ul {
display: block;
}
.become-a-partner .bl-1 .form-wrapper form .field button {
background: var(--black) url(../images/button-arrow.svg) no-repeat
calc(50% + 45px) 50%;
border: none;
border-radius: 12px;
color: var(--white);
cursor: pointer;
font-size: 20px;
font-weight: 600;
height: 64px;
margin-top: 8px;
outline: none;
padding-right: 30px;
transition: 0.3s;
width: 100%;
}
.become-a-partner .bl-1 .form-wrapper form .field button:hover {
background-color: var(--teal-main);
background-position: calc(50% + 55px) 50%;
}
.become-a-partner .bl-1 .form-wrapper form .field button:active {
background-color: var(--teal-dark);
}
.become-a-partner .bl-1 .form-wrapper form .field h6 {
color: #7c7c7c;
display: block;
font-size: 16px;
font-style: normal;
line-height: 20px;
margin-top: 12px;
width: 100%;
}
.become-a-partner .bl-1 .form-wrapper form .field.full {
width: 100%;
}
.become-a-partner .bl-1 .form-wrapper .success-message {
display: none;
}
.become-a-partner .bl-1 .form-wrapper .success-message img {
display: block;
margin: 0 auto 20px;
}
.become-a-partner .bl-1 .form-wrapper .success-message p {
color: var(--black);
font-size: 18px;
line-height: 28px;
text-align: center;
}
.become-a-partner .bl-1 .form-wrapper.success form {
display: none;
}
.become-a-partner .bl-1 .form-wrapper.success .success-message {
display: block;
}
.become-a-partner-footer {
border-top: none;
padding-bottom: 30px;
}
@media (max-width: 940px) {
.become-a-partner .bl-1 .form-wrapper form {
gap: 20px 0;
}
.become-a-partner .bl-1 .form-wrapper form .field {
width: 100%;
}
.become-a-partner .bl-1 .form-wrapper form .field label {
display: block;
}
.become-a-partner .bl-1 .form-wrapper form .field label .tooltip-wrapper {
display: inline-block;
position: relative;
top: 3px;
}
}
@media (max-width: 600px) {
.become-a-partner .bl-1 img.logo {
margin-bottom: 36px;
}
.become-a-partner .bl-1 h1 {
margin-bottom: 12px;
}
.become-a-partner .bl-1 h2 {
margin-bottom: 40px;
}
.become-a-partner .bl-1 h2 br {
display: none;
}
.become-a-partner .bl-1 .form-wrapper form .field label {
margin-bottom: 6px;
}
.become-a-partner .bl-1 .form-wrapper form .field label br {
display: block;
}
.become-a-partner .bl-1 .form-wrapper .success-message p {
font-size: 16px;
line-height: 22px;
}
.become-a-partner .bl-1 .form-wrapper .success-message p br {
display: none;
}
}
.shopify-theme-detector .no-credit-card {
font-size: 14px;
position: relative;
text-align: center;
z-index: 1;
}
.shopify-theme-detector .bl-1 {
background: url(../images/front-page-bl-1-bg-v2.svg) 50% / cover;
padding-bottom: 120px;
padding-top: 112px;
}
.shopify-theme-detector .bl-1 .cards {
display: flex;
margin: 0 auto 28px;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.shopify-theme-detector .bl-1 .cards img {
animation-duration: 0.9s;
animation-fill-mode: forwards;
animation-timing-function: ease;
display: block;
filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.12));
margin: 0 -60px;
position: relative;
transform-origin: bottom center;
transition: all 0.4s cubic-bezier(0.47, 1.64, 0.41, 0.8);
width: 150px;
}
.shopify-theme-detector .bl-1 .cards img.card-1 {
margin-right: -60px;
transform: rotate(-10deg);
}
.shopify-theme-detector .bl-1 .cards img.card-2 {
bottom: 10px;
transform: rotate(0deg);
}
.shopify-theme-detector .bl-1 .cards img.card-3 {
transform: rotate(10deg);
}
@keyframes bounce1 {
0% {
transform: rotate(-10deg);
}
25% {
transform: rotate(-30deg);
}
50% {
transform: rotate(-5deg);
}
75% {
transform: rotate(-15deg);
}
to {
transform: rotate(-10deg);
}
}
@keyframes bounce2 {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(6deg);
}
50% {
transform: rotate(2deg);
}
75% {
transform: rotate(3deg);
}
to {
transform: rotate(0deg);
}
}
@keyframes bounce3 {
0% {
transform: rotate(10deg);
}
25% {
transform: rotate(30deg);
}
50% {
transform: rotate(5deg);
}
75% {
transform: rotate(15deg);
}
to {
transform: rotate(10deg);
}
}
.shopify-theme-detector .bl-1 .cards:hover img.card-1 {
animation-name: bounce1;
}
.shopify-theme-detector .bl-1 .cards:hover img.card-2 {
animation-name: bounce2;
}
.shopify-theme-detector .bl-1 .cards:hover img.card-3 {
animation-name: bounce3;
}
.shopify-theme-detector .bl-1 h1 {
align-items: center;
color: var(--black);
display: flex;
flex-wrap: wrap;
font-size: 63px;
font-weight: 700;
justify-content: center;
line-height: 75px;
margin: 0 auto 17px;
text-align: center;
width: -moz-fit-content;
width: fit-content;
}
.shopify-theme-detector .bl-1 h1 span {
display: flex;
justify-content: center;
margin-right: 15px;
}
.shopify-theme-detector .bl-1 h1 span img {
display: block;
margin-right: 10px;
margin-top: -7px;
}
.shopify-theme-detector .bl-1 p {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 36px;
text-align: center;
}
.shopify-theme-detector .bl-1 form {
display: flex;
gap: 0 16px;
margin: auto;
max-width: 844px;
width: 100%;
}
.shopify-theme-detector .bl-1 form .field {
position: relative;
width: 560px;
}
.shopify-theme-detector .bl-1 form .field span.error {
color: var(--red);
display: block;
font-size: 12px;
margin-top: 4px;
}
.shopify-theme-detector .bl-1 form input {
background: var(--white);
border: 1px solid var(--grey);
border-radius: 12px;
color: var(--black);
font-size: 20px;
height: 64px;
outline: none;
padding: 0 16px;
transition: box-shadow 0.3s;
width: 100%;
}
.shopify-theme-detector .bl-1 form input:hover {
border: 1px solid var(--teal-main-secondary);
}
.shopify-theme-detector .bl-1 form input::-moz-placeholder {
color: var(--grey);
}
.shopify-theme-detector .bl-1 form input::placeholder {
color: var(--grey);
}
.shopify-theme-detector .bl-1 form input:focus {
border: 2px solid var(--teal-main-secondary);
box-shadow: 0 0 0 4px var(--teal-light-secondary);
padding: 0 15px;
}
.shopify-theme-detector .bl-1 form button {
background: var(--black)
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 70px) 50%;
border: none;
border-radius: 12px;
color: var(--white);
cursor: pointer;
font-size: 20px;
font-weight: 600;
height: 64px;
outline: none;
padding-right: 20px;
transition: 0.3s;
width: 270px;
}
.shopify-theme-detector .bl-1 form button:hover {
background-position: calc(50% + 75px) 50%;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result {
background: var(--white);
border: 1px solid #b8b8b8;
border-radius: 16px;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
display: none;
margin: 28px auto 0;
max-width: 844px;
padding: 28px;
width: 100%;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .loading {
align-items: center;
color: var(--black);
display: flex;
font-size: 20px;
line-height: 28px;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .loading span {
animation: rotateAnimation 1s linear infinite;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3E%3Cg clip-path='url(%23a)' stroke='%23009A7B' stroke-width='6'%3E%3Ccircle cx='17' cy='17' r='14' stroke-opacity='.2'/%3E%3Cpath d='M17 3c7.732 0 14 6.268 14 14s-6.268 14-14 14a13.944 13.944 0 0 1-9-3.276' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h34v34H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
no-repeat 0 50%;
display: block;
height: 34px;
margin-right: 10px;
width: 34px;
}
@keyframes rotateAnimation {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .theme-name {
font-size: 20px;
line-height: 28px;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .theme-name strong {
color: var(--black);
font-weight: 700;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .theme-name a {
color: var(--black);
font-weight: 500;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .theme-info {
color: var(--black);
font-size: 20px;
line-height: 28px;
padding-left: 35px;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .theme-info.error {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23FF4F37'/%3E%3Cpath d='m9.334 9.333 9.333 9.334M18.667 9.333l-9.334 9.334' stroke='%23fff' stroke-width='1.867' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
no-repeat 0 0;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .theme-info.info {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23009A7B'/%3E%3Cpath d='M12.056 12.737h2.139v7.902M12.04 20.638h4.293M14.084 8.32a.465.465 0 1 1-.464-.465' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.62 7.855c.256 0 .464.208.464.465' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
no-repeat 0 0;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .banner {
align-items: center;
background: var(--white)
url("data:image/svg+xml;charset=utf-8,%3Csvg width='788' height='179' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Cellipse cx='155' cy='365' rx='216' ry='82' fill='%23E8FA11'/%3E%3C/g%3E%3Cg filter='url(%23b)'%3E%3Cellipse cx='23.5' cy='-236.5' rx='266.5' ry='103.5' fill='%2315FA11'/%3E%3C/g%3E%3Cg filter='url(%23c)'%3E%3Ccircle cx='782.208' cy='-142.854' r='206.583' fill='%234BD8E2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='-369.333' y='-25.333' width='1048.67' height='780.667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='154.167' result='effect1_foregroundBlur_3839_439'/%3E%3C/filter%3E%3Cfilter id='b' x='-551.333' y='-648.333' width='1149.67' height='823.667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='154.167' result='effect1_foregroundBlur_3839_439'/%3E%3C/filter%3E%3Cfilter id='c' x='267.292' y='-657.771' width='1029.83' height='1029.83' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='154.167' result='effect1_foregroundBlur_3839_439'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
center/cover;
border-radius: 12px;
display: flex;
justify-content: space-between;
margin-top: 20px;
padding: 24px 28px;
}
.shopify-theme-detector
.bl-1
.shopify-theme-detect-result
.banner
.block
.title {
color: var(--black);
font-size: 20px;
font-weight: 700;
line-height: 28px;
margin-bottom: 7px;
}
.shopify-theme-detector
.bl-1
.shopify-theme-detect-result
.banner
.block
.title
span {
position: relative;
z-index: 1;
}
.shopify-theme-detector
.bl-1
.shopify-theme-detect-result
.banner
.block
.title
span:before {
background: var(--lemon);
bottom: 0;
content: "";
height: 23px;
left: -3px;
position: absolute;
right: 0;
top: 2px;
transform: rotate(-2.3deg);
width: calc(100% + 6px);
z-index: -1;
}
.shopify-theme-detector
.bl-1
.shopify-theme-detect-result
.banner
.block
.description {
color: var(--black);
font-size: 14px;
line-height: 19px;
margin-bottom: 16px;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .banner .block a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-image: none;
border-radius: 12px;
border-radius: 8px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 16px;
font-weight: 600;
font-weight: 500;
height: 64px;
height: 40px;
line-height: 64px;
line-height: 40px;
margin: 0;
padding: 0;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 161px;
}
.shopify-theme-detector
.bl-1
.shopify-theme-detect-result
.banner
.block
a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.shopify-theme-detector
.bl-1
.shopify-theme-detect-result
.banner
.block
a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .banner .block a {
width: 326px;
}
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .banner .block img {
display: block;
width: 265px;
}
.shopify-theme-detector .bl-1 .examples {
align-items: center;
display: flex;
gap: 0 6px;
justify-content: center;
margin-top: 32px;
}
.shopify-theme-detector .bl-1 .examples strong {
color: var(--black, #000);
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.shopify-theme-detector .bl-1 .examples span {
background: var(--teal-light-secondary);
border-radius: 60px;
cursor: pointer;
font-size: 16px;
padding: 8px 16px;
transition: background 0.3s;
}
.shopify-theme-detector .bl-1 .examples span:hover {
background: #cbe4d9;
}
.shopify-theme-detector .theme-detector {
background: var(--white);
padding-top: 0;
}
.shopify-theme-detector
.theme-detector
.created-with-us-themes
.created-with-us-themes-item
.flx
span.name,
.shopify-theme-detector .theme-detector .no-credit-card,
.shopify-theme-detector .theme-detector h2,
.shopify-theme-detector .theme-detector h3 {
color: var(--black);
}
.shopify-theme-detector
.theme-detector
.created-with-us-themes
.created-with-us-themes-item
.flx
span.rating {
background: url(../images/created-with-us-like-light.svg) no-repeat 0 50%;
color: var(--black);
}
.shopify-theme-detector
.theme-detector
.created-with-us-themes
.created-with-us-themes-item
a.use-this-theme {
border: 1px solid var(--black);
color: var(--black);
}
.shopify-theme-detector
.theme-detector
.created-with-us-themes
.created-with-us-themes-item
a.use-this-theme:hover {
background: var(--black);
color: var(--white);
}
.shopify-theme-detector .theme-detector .created-with-us-themes .btn-next:hover,
.shopify-theme-detector
.theme-detector
.created-with-us-themes
.btn-prev:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.shopify-theme-detector .theme-detector .created-with-us-themes .btn-next:focus,
.shopify-theme-detector
.theme-detector
.created-with-us-themes
.btn-prev:focus {
background-color: rgba(0, 0, 0, 0.04);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.shopify-theme-detector .theme-detector .created-with-us-themes .btn-prev {
background: url(../images/create-with-us-arrow-left-black.svg) no-repeat 50%
50%;
}
.shopify-theme-detector .theme-detector .created-with-us-themes .btn-next {
background: url(../images/create-with-us-arrow-right-black.svg) no-repeat 50%
50%;
}
.shopify-theme-detector .bl-3 {
padding-bottom: 120px;
padding-top: 60px;
}
.shopify-theme-detector .bl-3 .flx {
display: flex;
gap: 0 63px;
}
.shopify-theme-detector .bl-3 .flx .content {
width: calc(100% - 370px);
}
.shopify-theme-detector .bl-3 .flx .content h2 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 20px;
text-align: "left";
}
@media (max-width: 600px) {
.shopify-theme-detector .bl-3 .flx .content h2 {
font-size: 32px;
line-height: 38px;
}
}
.shopify-theme-detector .bl-3 .flx .content p {
color: var(--black);
font-size: 18px;
line-height: 27px;
margin-bottom: 15px;
}
.shopify-theme-detector .bl-3 .flx .content p b {
font-weight: 600;
}
.shopify-theme-detector .bl-3 .flx .content ol {
list-style-type: decimal;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 30px;
}
.shopify-theme-detector .bl-3 .flx .content ol li {
font-size: 18px;
line-height: 27px;
margin-bottom: 5px;
}
.shopify-theme-detector .bl-3 .flx .content ol li b {
font-weight: 600;
}
.shopify-theme-detector .bl-3 .flx .content ul {
list-style-type: disc;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 30px;
}
.shopify-theme-detector .bl-3 .flx .content ul li {
font-size: 18px;
line-height: 27px;
margin-bottom: 5px;
}
.shopify-theme-detector .bl-3 .flx .content ul li b {
font-weight: 600;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper {
flex-shrink: 0;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner {
background: var(--white) url(../images/shopify-theme-detector-bl-3-bg.svg)
center/cover;
border-radius: 12px;
padding: 36px 36px 30px;
position: sticky;
top: 100px;
width: 370px;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner img {
display: block;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner img.logo,
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner img.main-img {
margin: 0 auto 40px;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner img.customers {
margin: 0 auto 12px;
width: 130px;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner .title {
color: var(--black);
font-size: 28px;
font-weight: 700;
line-height: 36px;
margin-bottom: 12px;
text-align: center;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner .title span {
position: relative;
z-index: 1;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner .title span:before {
background: var(--lemon);
bottom: 0;
content: "";
height: 32px;
left: -3px;
position: absolute;
right: 0;
top: 2px;
transform: rotate(-2.3deg);
width: calc(100% + 6px);
z-index: -1;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner .description {
color: var(--black);
font-size: 16px;
line-height: normal;
margin-bottom: 28px;
text-align: center;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 100px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 100%;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner a {
width: 326px;
}
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner a:hover {
background-position: calc(50% + 105px) 50%;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner .no-credit-card {
margin-bottom: 32px;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner p {
color: var(--black);
font-size: 13px;
line-height: normal;
text-align: center;
}
@media (max-width: 940px) {
.shopify-theme-detector .bl-1 .examples {
flex-wrap: wrap;
gap: 6px;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .loading span {
flex-shrink: 0;
}
.shopify-theme-detector
.bl-1
.shopify-theme-detect-result
.banner
.block
.title
span {
white-space: nowrap;
}
.shopify-theme-detector .bl-3 .flx {
flex-direction: column;
}
.shopify-theme-detector .bl-3 .flx .content {
width: 100%;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper {
margin: 40px auto 0;
}
}
@media (max-width: 600px) {
.shopify-theme-detector .bl-1 {
margin-top: 64px;
padding-bottom: 40px;
padding-top: 60px;
}
.shopify-theme-detector .bl-1 .cards {
margin-bottom: 40px;
}
.shopify-theme-detector .bl-1 .cards img {
margin: 0 -45px;
width: 125px;
}
.shopify-theme-detector .bl-1 h1 {
background-size: 44px;
font-size: 38px;
line-height: 45px;
}
.shopify-theme-detector .bl-1 h1 span img {
width: 44px;
}
.shopify-theme-detector .bl-1 p {
font-size: 18px;
line-height: normal;
}
.shopify-theme-detector .bl-1 p br {
display: none;
}
.shopify-theme-detector .bl-1 form {
flex-wrap: wrap;
}
.shopify-theme-detector .bl-1 form input {
margin-bottom: 16px;
}
.shopify-theme-detector .bl-1 form button {
width: 100%;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result {
margin-top: 40px;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .loading {
align-items: flex-start;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .banner {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='286' height='414' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Cellipse cx='155' cy='545' rx='216' ry='82' fill='%23E8FA11'/%3E%3C/g%3E%3Cg filter='url(%23b)'%3E%3Cellipse cx='-56.5' cy='-186.5' rx='266.5' ry='103.5' fill='%2315FA11'/%3E%3C/g%3E%3Cg filter='url(%23c)'%3E%3Ccircle cx='462.208' cy='-2.854' r='206.583' fill='%234BD8E2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='-369.333' y='154.667' width='1048.67' height='780.667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='154.167' result='effect1_foregroundBlur_3839_436'/%3E%3C/filter%3E%3Cfilter id='b' x='-631.333' y='-598.333' width='1149.67' height='823.667' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='154.167' result='effect1_foregroundBlur_3839_436'/%3E%3C/filter%3E%3Cfilter id='c' x='-52.708' y='-517.771' width='1029.83' height='1029.83' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='154.167' result='effect1_foregroundBlur_3839_436'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
50% / cover;
flex-direction: column-reverse;
padding: 30px 20px;
}
.shopify-theme-detector
.bl-1
.shopify-theme-detect-result
.banner
.block
img {
margin-bottom: 28px;
width: 100%;
}
.shopify-theme-detector .bl-1 .shopify-theme-detect-result .banner .block a {
width: 100%;
}
.shopify-theme-detector .bl-1 .examples {
justify-content: flex-start;
}
.shopify-theme-detector .bl-1 .examples strong {
display: block;
width: 100%;
}
.shopify-theme-detector .bl-1 .examples span {
font-size: 14px;
}
.shopify-theme-detector .bl-3 {
padding-bottom: 80px;
padding-top: 40px;
}
.shopify-theme-detector .bl-3 .flx .content {
gap: 20px 0;
}
.shopify-theme-detector .bl-3 .flx .content .content-item h2 {
margin-bottom: 16px;
}
.shopify-theme-detector .bl-3 .flx .content .content-item p {
margin-bottom: 10px;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner {
padding: 36px 24px;
width: 327px;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner img.main-img {
display: none;
}
.shopify-theme-detector .bl-3 .flx .banner-wrapper .banner a {
width: 100%;
}
.front-page .bl-4.detect-shopify-theme {
padding-bottom: 60px;
}
}
.webinar .bl-1 {
background: url(../images/webinar-bl-1-bg.svg) 50% / cover;
overflow: hidden;
padding-top: 130px;
}
.webinar .bl-1 .nav {
position: absolute;
top: 32px;
width: 100%;
z-index: 100;
}
.webinar .bl-1 .nav .flx {
align-items: center;
display: flex;
justify-content: space-between;
}
.webinar .bl-1 .nav .flx a {
text-decoration: none;
}
.webinar .bl-1 .nav .flx a img {
display: block;
}
.webinar .bl-1 .nav .flx a img.small {
display: none;
}
.webinar .bl-1 .nav .flx a.nav-btn {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-image: none;
border-radius: 12px;
border-radius: 8px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 16px;
font-weight: 600;
font-weight: 500;
height: 64px;
height: 40px;
line-height: 64px;
line-height: 40px;
margin: 0;
padding: 0;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 190px;
}
.webinar .bl-1 .nav .flx a.nav-btn:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar .bl-1 .nav .flx a.nav-btn:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar .bl-1 .nav .flx a.nav-btn {
width: 326px;
}
}
.webinar .bl-1 .nav.active {
background: var(--white);
padding: 14px 0;
position: fixed;
top: 0;
}
.webinar .bl-1 .date {
border: 1px solid var(--teal-main-secondary);
border-radius: 50px;
color: var(--white);
font-size: 20px;
line-height: 28px;
margin: 0 auto 16px;
padding: 10px 26px;
text-transform: uppercase;
width: -moz-fit-content;
width: fit-content;
}
.webinar .bl-1 .date span {
font-weight: 700;
}
.webinar .bl-1 img.mob {
display: none;
}
.webinar .bl-1 h1 {
color: var(--black);
color: var(--white);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.webinar .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.webinar .bl-1 h2 {
color: var(--black);
color: var(--white);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 32px;
text-align: center;
}
@media (max-width: 600px) {
.webinar .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.webinar .bl-1 a.content-btn {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 170px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 0 auto 24px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 468px;
}
.webinar .bl-1 a.content-btn:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar .bl-1 a.content-btn:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar .bl-1 a.content-btn {
width: 326px;
}
}
.webinar .bl-1 a.content-btn:hover {
background-position: calc(50% + 180px) 50%;
}
.webinar .bl-1 .limited {
display: none;
}
.webinar .bl-1 .time {
align-items: center;
display: flex;
margin: 0 auto 60px;
width: -moz-fit-content;
width: fit-content;
}
.webinar .bl-1 .time p {
color: var(--white);
font-size: 20px;
line-height: 28px;
margin-right: 10px;
text-transform: uppercase;
}
.webinar .bl-1 .time #timer {
display: flex;
gap: 0 6px;
}
.webinar .bl-1 .time #timer span {
background: var(--teal-main-secondary);
border-radius: 6px;
color: var(--white);
font-size: 18px;
line-height: 25px;
min-width: 50px;
padding: 7px 8px;
text-align: center;
}
.webinar .bl-1 .video {
position: relative;
}
.webinar .bl-1 .video img {
display: block;
margin-bottom: 40px;
width: 100%;
}
.webinar .bl-1 .video iframe {
background: #000;
border-radius: 4px;
height: 390px;
left: 50%;
position: absolute;
top: 18px;
transform: translateX(-50%);
width: 624px;
}
.webinar .bl-1 .flx-icons {
bottom: 70px;
justify-content: center;
margin-top: -80px;
position: relative;
z-index: 2;
}
.webinar .bl-1 .flx-icons,
.webinar .bl-1 .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.webinar .bl-1 .flx-icons .flx-icons-left img {
display: block;
margin-right: 37px;
}
.webinar .bl-1 .flx-icons .flx-icons-left img.s1 {
width: 255px;
}
.webinar .bl-1 .flx-icons .flx-icons-left img.s2 {
width: 80px;
}
.webinar .bl-1 .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 63px;
}
.webinar .bl-1 .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.webinar .bl-1 .flx-icons .flx-icons-right img {
display: block;
margin-left: 37px;
margin-right: 15px;
}
.webinar .bl-1 .flx-icons .flx-icons-right img.s3 {
width: 92px;
}
.webinar .bl-1 .flx-icons .flx-icons-right h3 {
color: var(--white);
font-size: 18px;
line-height: normal;
}
.webinar .bl-2 {
background: var(--white);
border-top-left-radius: 40px;
border-top-right-radius: 40px;
margin-top: -40px;
padding-top: 75px;
position: relative;
z-index: 2;
}
.webinar .bl-2 .flx {
display: flex;
gap: 0 32px;
justify-content: center;
}
.webinar .bl-2 .flx .block {
max-width: 304px;
width: 100%;
}
.webinar .bl-2 .flx .block h3 {
color: var(--black);
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin-bottom: 12px;
text-align: center;
}
.webinar .bl-2 .flx .block p {
color: var(--black);
font-size: 20px;
line-height: 28px;
text-align: center;
}
.webinar .bl-3 {
padding-bottom: 60px;
}
.webinar .bl-3 .title {
color: #f8f8f8;
font-size: 239px;
font-weight: 700;
letter-spacing: -12px;
line-height: 240px;
overflow: hidden;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
}
.webinar .bl-3 h2 {
color: var(--black);
font-size: 90px;
font-weight: 700;
line-height: 90px;
margin-bottom: 28px;
padding-top: 120px;
text-align: center;
}
.webinar .bl-3 h2 span {
color: var(--teal-main-secondary);
}
.webinar .bl-3 h3 {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 48px;
text-align: center;
}
.webinar .bl-3 .block {
align-items: flex-start;
display: flex;
margin: 0 auto 36px;
max-width: 844px;
width: 100%;
}
.webinar .bl-3 .block img {
display: block;
margin-right: 24px;
}
.webinar .bl-3 .block h4 {
color: var(--black);
font-size: 24px;
font-weight: 700;
line-height: 33px;
margin-bottom: 8px;
}
.webinar .bl-3 .block p {
color: var(--black);
font-size: 20px;
line-height: 28px;
}
.webinar .bl-3 .block:last-child {
margin-bottom: 0;
}
.webinar .bl-4 {
padding-bottom: 84px;
}
.webinar .bl-4 h2 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 28px;
text-align: center;
}
@media (max-width: 600px) {
.webinar .bl-4 h2 {
font-size: 32px;
line-height: 41px;
}
}
.webinar .bl-4 .block {
background: var(--teal-light);
border-radius: 12px;
color: var(--black);
font-size: 24px;
line-height: 33px;
margin: 0 auto 8px;
max-width: 844px;
padding: 16px 30px;
width: 100%;
}
.webinar .bl-4 .block span {
margin-right: 10px;
}
.webinar .bl-4 .block strong {
background: url(../images/webinar-bl-4-value-bg.svg) no-repeat;
background-size: 100%;
color: var(--teal-main);
font-size: 18px;
font-weight: 700;
padding: 8px 16px;
text-transform: uppercase;
}
.webinar .bl-4 .block:last-child {
margin-bottom: 0;
}
.webinar .bl-4 a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 170px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 36px auto 24px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 468px;
}
.webinar .bl-4 a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar .bl-4 a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar .bl-4 a {
width: 326px;
}
}
.webinar .bl-4 a:hover {
background-position: calc(50% + 180px) 50%;
}
.webinar .bl-4 p {
color: var(--black);
font-size: 20px;
text-align: center;
text-transform: uppercase;
}
.webinar .bl-4 p span {
font-weight: 700;
}
.webinar .bl-5 {
padding-bottom: 110px;
}
.webinar .bl-5 .flx {
align-items: flex-end;
display: flex;
gap: 0 43px;
}
.webinar .bl-5 .flx .block img {
display: block;
width: 593px;
}
.webinar .bl-5 .flx .block h4 {
color: var(--teal-main-secondary);
font-size: 20px;
font-weight: 500;
line-height: 28px;
margin-bottom: 8px;
text-transform: uppercase;
}
.webinar .bl-5 .flx .block h3 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
text-align: left;
}
@media (max-width: 600px) {
.webinar .bl-5 .flx .block h3 {
font-size: 32px;
line-height: 41px;
}
}
.webinar .bl-5 .flx .block h5 {
color: var(--black);
font-size: 24px;
font-weight: 600;
line-height: 33px;
margin-bottom: 12px;
}
.webinar .bl-5 .flx .block p {
color: var(--black);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
.webinar .bl-5 .flx .block .flx-2 {
display: flex;
gap: 0 62px;
margin-bottom: 10px;
}
.webinar .bl-5 .flx .block .flx-2 .num {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
}
.webinar .bl-5 .flx .block .flx-2 .desc {
color: var(--black);
font-size: 16px;
line-height: 22px;
}
.webinar .bl-6 {
padding-bottom: 80px;
}
.webinar .bl-6 h2 {
color: var(--black);
font-size: 90px;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
}
.webinar .bl-6 h2 span {
color: var(--teal-main-secondary);
}
.webinar .bl-6 h3 {
color: var(--black);
font-size: 28px;
line-height: 40px;
margin-bottom: 36px;
text-align: center;
}
.webinar .bl-6 a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 170px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 36px auto 24px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 468px;
}
.webinar .bl-6 a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar .bl-6 a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar .bl-6 a {
width: 326px;
}
}
.webinar .bl-6 a:hover {
background-position: calc(50% + 180px) 50%;
}
.webinar .bl-6 p {
color: var(--black);
font-size: 20px;
text-align: center;
text-transform: uppercase;
}
.webinar .bl-6 p span {
font-weight: 700;
}
.webinar .bl-7 {
padding-bottom: 100px;
}
.webinar .bl-7 .testimonial-slider .slick-slide {
margin: 0 8px;
width: 412px;
}
.webinar .bl-7 .testimonial-slider img {
width: 100%;
}
.webinar .bl-8 {
background: var(--black) url(../images/webinar-bl-8-bg.svg) bottom/cover;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
padding-bottom: 117px;
padding-top: 90px;
}
.webinar .bl-8 .info {
border: 1px solid var(--teal-main-secondary);
border-radius: 50px;
color: var(--white);
font-size: 20px;
line-height: 28px;
margin: 0 auto 12px;
padding: 10px 26px;
text-transform: uppercase;
width: -moz-fit-content;
width: fit-content;
}
.webinar .bl-8 .info span {
font-weight: 700;
}
.webinar .bl-8 h2 {
color: var(--white);
font-size: 90px;
font-weight: 700;
line-height: 99px;
margin-bottom: 20px;
text-align: center;
}
.webinar .bl-8 h2 span {
color: var(--teal-main-secondary);
}
.webinar .bl-8 h3 {
color: var(--white);
font-size: 28px;
line-height: 39px;
margin-bottom: 48px;
text-align: center;
}
.webinar .bl-8 .form-wrapper {
background: var(--white);
border-radius: 20px;
box-shadow: 0 44px 84px 0 rgba(0, 0, 0, 0.8);
margin: auto;
max-width: 560px;
overflow: hidden;
width: 100%;
}
.webinar .bl-8 .form-wrapper .title {
background: var(--teal-main-secondary);
color: var(--white);
font-size: 24px;
padding: 16px;
text-align: center;
text-transform: uppercase;
}
.webinar .bl-8 .form-wrapper .title span {
font-weight: 700;
}
.webinar .bl-8 .form-wrapper form {
padding: 40px;
}
.webinar .bl-8 .form-wrapper form .field {
margin-bottom: 30px;
position: relative;
}
.webinar .bl-8 .form-wrapper form .field span.error {
bottom: -18px;
color: var(--red);
display: block;
font-size: 12px;
margin-top: 4px;
position: absolute;
}
.webinar .bl-8 .form-wrapper form .field label {
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.webinar .bl-8 .form-wrapper form .field input {
background: var(--white);
border: 1px solid var(--grey);
border-radius: 8px;
color: var(--black);
font-size: 16px;
height: 48px;
height: 64px;
outline: none;
padding: 0 12px;
transition: 0.3s;
width: 100%;
}
.webinar .bl-8 .form-wrapper form .field input:hover {
border: 1px solid var(--teal-main-secondary);
}
.webinar .bl-8 .form-wrapper form .field input::-moz-placeholder {
color: var(--grey);
}
.webinar .bl-8 .form-wrapper form .field input::placeholder {
color: var(--grey);
}
.webinar .bl-8 .form-wrapper form .field input:focus {
border: 1px solid var(--teal-main-secondary);
box-shadow: 0 0 0 4px var(--teal-light-secondary);
}
.webinar .bl-8 .form-wrapper form .field input:disabled {
background: var(--grey-20);
border: 1px solid var(--grey-20);
}
.webinar .bl-8 .form-wrapper form .field input.err {
border: 1px solid var(--red);
}
.webinar .bl-8 .form-wrapper form .field:last-child {
margin-bottom: 24px;
}
.webinar .bl-8 .form-wrapper form button {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 170px) 50%;
border: none;
border-radius: 12px;
color: var(--white);
cursor: pointer;
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
margin: 0 auto;
outline: none;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 100%;
}
.webinar .bl-8 .form-wrapper form button:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar .bl-8 .form-wrapper form button:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar .bl-8 .form-wrapper form button {
width: 326px;
}
}
.webinar .bl-8 .form-wrapper form button:hover {
background-position: calc(50% + 180px) 50%;
}
.webinar .bl-8 .form-wrapper form .thank-you-message {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 24px;
text-align: center;
}
.webinar .bl-8 .form-wrapper form a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 125px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 0 auto;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 100%;
}
.webinar .bl-8 .form-wrapper form a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar .bl-8 .form-wrapper form a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar .bl-8 .form-wrapper form a {
width: 326px;
}
}
.webinar .bl-8 .form-wrapper form a:hover {
background-position: calc(50% + 135px) 50%;
}
.webinar .faq {
padding-top: 30px;
}
.webinar .spacer {
padding-top: 120px;
}
@media (max-width: 1300px) {
.webinar .bl-1 h1 br,
.webinar .bl-1 h2 br {
display: none;
}
.webinar .bl-1 .video iframe {
height: 276px;
top: 12px;
width: 440px;
}
.webinar .bl-2 .flx .block p br {
display: none;
}
.webinar .bl-3 .title {
font-size: 173px;
}
.webinar .bl-3 h2 br,
.webinar .bl-3 h3 br {
display: none;
}
.webinar .bl-5 .flx {
align-items: flex-start;
}
.webinar .bl-5 .flx .block img {
width: 100%;
}
.webinar .bl-5 .flx .block .flx-2 .desc br,
.webinar .bl-6 h3 br {
display: none;
}
}
@media (max-width: 940px) {
.webinar .bl-1 {
background:
linear-gradient(180deg, hsla(0, 0%, 100%, 0) 77%, #000 82%),
url(../images/webinar-bl-1-bg.svg) 50% / cover;
}
.webinar .bl-1 .video {
display: flex;
justify-content: center;
}
.webinar .bl-1 .video img {
width: 652px;
}
.webinar .bl-1 .video iframe {
height: 200px;
top: 10px;
width: 317px;
}
.webinar .bl-1 .flx-icons {
flex-wrap: wrap;
margin-top: 0;
}
.webinar .bl-1 .flx-icons span {
display: none;
}
.webinar .bl-1 .flx-icons .flx-icons-left {
margin-bottom: 20px;
}
.webinar .bl-1 .flx-icons .flx-icons-left img.s1 {
margin-right: 25px;
width: 218px;
}
.webinar .bl-1 .flx-icons .flx-icons-left img.s2 {
margin-right: 0;
width: 56px;
}
.webinar .bl-1 .flx-icons .flx-icons-right {
flex-direction: column;
text-align: center;
width: 100%;
}
.webinar .bl-1 .flx-icons .flx-icons-right img {
margin-bottom: 15px;
margin-left: 0;
}
.webinar .bl-2 .flx {
flex-direction: column;
gap: 32px 0;
}
.webinar .bl-2 .flx .block {
margin: auto;
}
.webinar .bl-4 .block span {
display: inline-block;
margin-bottom: 10px;
}
.webinar .bl-5 .flx {
flex-direction: column;
}
.webinar .bl-5 .flx .block img {
margin-bottom: 34px;
}
}
@media (max-width: 600px) {
.webinar .bl-1 {
background: #101010 url(../images/webinar-offer-bl-1-bg-mob.svg) no-repeat
50% 20%;
background-size: 100%;
padding-top: 28px;
position: relative;
}
.webinar .bl-1:before {
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 55%, #000 60%);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
}
.webinar .bl-1 .nav {
background: var(--white);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
display: none;
padding: 14px 0;
position: fixed;
top: 0;
}
.webinar .bl-1 .nav .flx a img.full {
display: none;
}
.webinar .bl-1 .nav .flx a img.small {
display: block;
}
.webinar .bl-1 .nav .flx a.nav-btn {
font-size: 14px;
font-weight: 600;
width: 159px;
}
.webinar .bl-1 .nav.active {
display: block;
}
.webinar .bl-1 .container {
display: flex;
flex-direction: column;
}
.webinar .bl-1 .date {
font-size: 14px;
line-height: 19px;
margin-bottom: 22px;
order: 2;
padding: 8px 18px;
}
.webinar .bl-1 img.mob {
display: block;
margin: 0 auto 17px;
order: 1;
}
.webinar .bl-1 h1 {
font-size: 28px;
line-height: 33px;
margin-bottom: 20px;
order: 3;
}
.webinar .bl-1 h2 {
display: none;
}
.webinar .bl-1 .flx-icons {
bottom: 0;
margin-bottom: 24px;
margin-top: -50px;
order: 5;
}
.webinar .bl-1 .flx-icons .flx-icons-left {
margin-bottom: 0;
}
.webinar .bl-1 .flx-icons .flx-icons-left img.s1 {
width: 190px;
}
.webinar .bl-1 .flx-icons .flx-icons-left img.s2 {
width: 49px;
}
.webinar .bl-1 .flx-icons .flx-icons-right {
display: none;
}
.webinar .bl-1 a.content-btn {
background-size: 30px;
font-size: 24px;
height: 66px;
line-height: 66px;
margin-bottom: 14px;
order: 6;
padding-right: 30px;
width: 100%;
}
.webinar .bl-1 a.content-btn,
.webinar .bl-1 a.content-btn:hover {
background-position: calc(50% + 145px) 50%;
}
.webinar .bl-1 .limited {
color: var(--white);
display: block;
font-size: 20px;
line-height: 28px;
margin-bottom: 40px;
order: 7;
text-align: center;
text-transform: uppercase;
}
.webinar .bl-1 .time {
flex-direction: column;
margin-bottom: 92px;
order: 8;
}
.webinar .bl-1 .time p {
margin-bottom: 10px;
}
.webinar .bl-1 .video {
order: 4;
}
.webinar .bl-1 .video img {
margin-bottom: 0;
width: 570px;
}
.webinar .bl-1 .video iframe {
border-radius: 3px;
height: 175px;
top: 8px;
width: 280px;
}
.webinar .bl-2 {
padding-top: 60px;
}
.webinar .bl-2 .flx .block h3 {
font-size: 28px;
line-height: 25px;
}
.webinar .bl-2 .flx .block p {
font-size: 18px;
line-height: 25px;
}
.webinar .bl-2 .flx .block p br {
display: none;
}
.webinar .bl-3 .title {
font-size: 160px;
}
.webinar .bl-3 h2 {
font-size: 38px;
line-height: 45px;
margin-bottom: 12px;
}
.webinar .bl-3 h3 {
font-size: 18px;
line-height: 25px;
}
.webinar .bl-3 .block img {
margin-right: 16px;
}
.webinar .bl-3 .block h4 {
font-size: 20px;
line-height: 28px;
}
.webinar .bl-3 .block p {
font-size: 18px;
line-height: 25px;
}
.webinar .bl-4 .block {
font-size: 20px;
line-height: 28px;
}
.webinar .bl-4 .block strong {
white-space: nowrap;
}
.webinar .bl-4 a {
background-size: 30px;
font-size: 24px;
height: 66px;
line-height: 66px;
padding-right: 30px;
width: 100%;
}
.webinar .bl-4 a,
.webinar .bl-4 a:hover {
background-position: calc(50% + 145px) 50%;
}
.webinar .bl-4 p {
line-height: 28px;
}
.webinar .bl-4 p span {
display: block;
}
.webinar .bl-5 .flx .block {
width: 100%;
}
.webinar .bl-5 .flx .block h5 {
font-size: 20px;
line-height: 28px;
}
.webinar .bl-5 .flx .block p {
font-size: 18px;
line-height: 25px;
}
.webinar .bl-5 .flx .block .flx-2 {
gap: 0 8px;
}
.webinar .bl-5 .flx .block .flx-2 .num {
font-size: 38px;
line-height: 45px;
}
.webinar .bl-5 .flx .block .flx-2 .desc {
font-size: 14px;
line-height: 19px;
}
.webinar .bl-6 {
padding-bottom: 40px;
}
.webinar .bl-6 h2 {
font-size: 38px;
line-height: 45px;
margin-bottom: 12px;
}
.webinar .bl-6 h3 {
font-size: 18px;
line-height: 25px;
}
.webinar .bl-6 a {
background-size: 30px;
font-size: 24px;
height: 66px;
line-height: 66px;
padding-right: 30px;
width: 100%;
}
.webinar .bl-6 a,
.webinar .bl-6 a:hover {
background-position: calc(50% + 145px) 50%;
}
.webinar .bl-6 p {
line-height: 28px;
}
.webinar .bl-6 p span {
display: block;
}
.webinar .bl-7 {
padding-bottom: 80px;
}
.webinar .bl-7 .testimonial-slider .slick-slide {
width: 342px;
}
.webinar .bl-7 .testimonial-slider ul.slick-dots {
bottom: -45px;
}
.webinar .bl-7 .testimonial-slider ul.slick-dots li {
height: 20px;
margin: 0 4px;
width: 20px;
}
.webinar .bl-7 .testimonial-slider ul.slick-dots li button {
padding: 0;
}
.webinar .bl-7 .testimonial-slider ul.slick-dots li button:before {
border: 2px solid var(--black);
border-radius: 50%;
color: transparent;
font-size: 18px;
height: 16px;
opacity: 1;
width: 16px;
}
.webinar
.bl-7
.testimonial-slider
ul.slick-dots
li.slick-active
button:before {
color: var(--black);
display: flex;
font-size: 20px;
justify-content: center;
}
.webinar .bl-8 {
padding-bottom: 0;
padding-top: 60px;
}
.webinar .bl-8 .info {
font-size: 14px;
line-height: 19px;
margin-bottom: 22px;
padding: 8px 18px;
}
.webinar .bl-8 h2 {
font-size: 38px;
line-height: 45px;
}
.webinar .bl-8 h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 36px;
}
.webinar .bl-8 .form-wrapper {
border-radius: 0;
margin: 0 -24px;
width: calc(100% + 48px);
}
.webinar .bl-8 .form-wrapper .title {
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
.webinar .bl-8 .form-wrapper .title span {
display: none;
}
.webinar .bl-8 .form-wrapper form {
padding: 24px;
}
.webinar .bl-8 .form-wrapper form button {
background-size: 30px;
font-size: 24px;
height: 66px;
padding-right: 30px;
width: 100%;
}
.webinar .bl-8 .form-wrapper form button,
.webinar .bl-8 .form-wrapper form button:hover {
background-position: calc(50% + 145px) 50%;
}
.webinar .faq {
padding-bottom: 220px;
padding-top: 76px;
}
.webinar-footer .flx {
padding-top: 0;
}
.webinar-footer .flx .block-1 {
align-items: center;
display: flex;
flex-direction: column;
margin-bottom: 40px;
width: 100%;
}
}
.webinar-small .bl-1 {
background: url(../images/webinar-bl-1-bg.svg) 50% / cover;
overflow: hidden;
padding-bottom: 56px;
padding-top: 32px;
}
.webinar-small .bl-1 .date {
border: 1px solid var(--teal-main-secondary);
border-radius: 50px;
color: var(--white);
font-size: 20px;
line-height: 28px;
margin: 0 auto 36px;
padding: 10px 26px;
text-transform: uppercase;
width: -moz-fit-content;
width: fit-content;
}
.webinar-small .bl-1 .date span {
font-weight: 700;
}
.webinar-small .bl-1 img {
display: block;
}
.webinar-small .bl-1 img.logo {
margin: 0 auto 40px;
}
.webinar-small .bl-1 h1 {
color: var(--black);
color: var(--white);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 30px;
text-align: center;
}
@media (max-width: 600px) {
.webinar-small .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.webinar-small .bl-1 .limited {
color: var(--white);
font-size: 24px;
font-weight: 500;
line-height: 33px;
margin-bottom: 36px;
text-align: center;
}
.webinar-small .bl-1 form {
background: var(--white);
border-radius: 30px;
box-shadow: 0 44px 84px 0 rgba(0, 0, 0, 0.8);
margin: 0 auto 62px;
max-width: 560px;
padding: 40px;
}
.webinar-small .bl-1 form .field {
margin-bottom: 24px;
position: relative;
}
.webinar-small .bl-1 form .field span.error {
bottom: -20px;
color: var(--red);
display: block;
font-size: 12px;
margin-top: 4px;
position: absolute;
}
.webinar-small .bl-1 form .field input {
background: var(--white);
border: 1px solid var(--grey);
border-radius: 8px;
color: var(--black);
font-size: 16px;
font-size: 20px;
height: 48px;
height: 64px;
outline: none;
padding: 0 12px;
transition: 0.3s;
width: 100%;
}
.webinar-small .bl-1 form .field input:hover {
border: 1px solid var(--teal-main-secondary);
}
.webinar-small .bl-1 form .field input::-moz-placeholder {
color: var(--grey);
}
.webinar-small .bl-1 form .field input::placeholder {
color: var(--grey);
}
.webinar-small .bl-1 form .field input:focus {
border: 1px solid var(--teal-main-secondary);
box-shadow: 0 0 0 4px var(--teal-light-secondary);
}
.webinar-small .bl-1 form .field input:disabled {
background: var(--grey-20);
border: 1px solid var(--grey-20);
}
.webinar-small .bl-1 form .field input.err {
border: 1px solid var(--red);
}
.webinar-small .bl-1 form .field:last-child {
margin-bottom: 24px;
}
.webinar-small .bl-1 form button {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 170px) 50%;
border: none;
border-radius: 12px;
color: var(--white);
cursor: pointer;
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
margin: 0 auto;
outline: none;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 100%;
}
.webinar-small .bl-1 form button:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar-small .bl-1 form button:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar-small .bl-1 form button {
width: 326px;
}
}
.webinar-small .bl-1 form button:hover {
background-position: calc(50% + 180px) 50%;
}
.webinar-small .bl-1 form .thank-you-message {
color: var(--black);
font-size: 24px;
line-height: 33px;
text-align: center;
}
.webinar-small .bl-1 form a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 125px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 0 auto;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 100%;
}
.webinar-small .bl-1 form a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar-small .bl-1 form a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar-small .bl-1 form a {
width: 326px;
}
}
.webinar-small .bl-1 form a:hover {
background-position: calc(50% + 135px) 50%;
}
.webinar-small .bl-1 .flx-icons {
align-items: center;
display: flex;
justify-content: center;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left {
align-items: center;
display: flex;
margin-right: 28px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left img {
display: block;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left img.s4 {
margin-right: 12px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-center {
align-items: center;
display: flex;
margin-left: 28px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-center img {
display: block;
margin-right: 28px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-center img.s1 {
width: 255px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-center img.s2 {
width: 80px;
}
.webinar-small .bl-1 .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 63px;
opacity: 0.5;
}
.webinar-small .bl-1 .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.webinar-small .bl-1 .flx-icons .flx-icons-right img {
display: block;
margin-left: 28px;
margin-right: 15px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-right img.s3 {
width: 92px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-right h3 {
color: var(--white);
font-size: 18px;
line-height: normal;
}
.webinar-small .bl-2 {
background: var(--black);
border-top: 1px solid hsla(0, 0%, 100%, 0.2);
padding: 31px 0;
}
.webinar-small .bl-2 img {
display: block;
margin: 0 auto;
}
.webinar-small .bl-2 p {
color: var(--white);
font-size: 14px;
margin-top: 18px;
text-align: center;
}
.webinar-small-footer {
display: none;
}
@media (max-width: 1300px) {
.webinar-small .bl-1 .flx-icons .flx-icons-right,
.webinar-small .bl-1 h1 br {
display: none;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left {
margin-right: 0;
order: 2;
position: relative;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left img.s4 {
margin-left: 28px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left:before {
border-right: 1px solid var(--grey-40);
content: "";
height: 63px;
opacity: 0.5;
position: absolute;
width: 1px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-center {
order: 1;
}
.webinar-small .bl-1 .flx-icons span {
display: none;
}
}
@media (max-width: 940px) {
.webinar-small .bl-1 .flx-icons .flx-icons-center {
margin-left: 0;
}
.webinar-small .bl-1 .flx-icons .flx-icons-center img.s1 {
width: 170px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-center img.s2 {
width: 45px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left img.s5 {
width: 106px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left:before {
height: 28px;
}
}
@media (max-width: 600px) {
.webinar-small .bl-1 {
padding-top: 20px;
}
.webinar-small .bl-1 .container {
display: flex;
flex-direction: column;
}
.webinar-small .bl-1 img.logo {
margin-bottom: 24px;
order: 1;
}
.webinar-small .bl-1 .date {
font-size: 14px;
margin-bottom: 18px;
order: 2;
padding: 8px 18px;
}
.webinar-small .bl-1 h1 {
font-size: 28px;
line-height: 33px;
margin-bottom: 25px;
order: 4;
}
.webinar-small .bl-1 .limited {
font-size: 16px;
font-weight: 500;
margin-bottom: 18px;
order: 3;
}
.webinar-small .bl-1 form {
border-radius: 20px;
margin: 0 -10px 30px;
order: 5;
padding: 24px 20px;
width: calc(100% + 20px);
}
.webinar-small .bl-1 form .field {
margin-bottom: 20px;
}
.webinar-small .bl-1 form .field input {
font-size: 18px;
height: 50px;
}
.webinar-small .bl-1 form button {
background-size: 25px;
font-size: 18px;
height: 52px;
line-height: 52px;
margin-top: 24px;
padding-right: 28px;
width: 100%;
}
.webinar-small .bl-1 form button,
.webinar-small .bl-1 form button:hover {
background-position: calc(50% + 116px) 50%;
}
.webinar-small .bl-1 form .thank-you-message {
font-size: 20px;
line-height: 26px;
}
.webinar-small .bl-1 .flx-icons {
order: 6;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left img.s4 {
display: none;
}
.webinar-small .bl-1 .flx-icons .flx-icons-left img.s5 {
margin-left: 16px;
}
.webinar-small .bl-1 .flx-icons .flx-icons-center img.s1,
.webinar-small .bl-1 .flx-icons .flx-icons-center img.s2 {
margin-right: 12px;
}
}
.webinar-offer .bl-1 {
background: url(../images/webinar-bl-1-bg.svg) 50% / cover;
padding-bottom: 57px;
padding-top: 130px;
}
.webinar-offer .bl-1 .nav {
position: absolute;
top: 32px;
width: 100%;
z-index: 100;
}
.webinar-offer .bl-1 .nav .flx {
align-items: center;
display: flex;
justify-content: space-between;
}
.webinar-offer .bl-1 .nav .flx a {
text-decoration: none;
}
.webinar-offer .bl-1 .nav .flx a img {
display: block;
}
.webinar-offer .bl-1 .nav .flx a img.small {
display: none;
}
.webinar-offer .bl-1 .nav .flx a.nav-btn {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-image: none;
border-radius: 12px;
border-radius: 8px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 16px;
font-weight: 600;
height: 64px;
height: 40px;
line-height: 64px;
line-height: 40px;
margin: 0;
padding: 0;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 130px;
}
.webinar-offer .bl-1 .nav .flx a.nav-btn:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar-offer .bl-1 .nav .flx a.nav-btn:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar-offer .bl-1 .nav .flx a.nav-btn {
width: 326px;
}
}
.webinar-offer .bl-1 .nav.active {
background: var(--white);
padding: 14px 0;
position: fixed;
top: 0;
}
.webinar-offer .bl-1 .date {
border: 1px solid var(--teal-main-secondary);
border-radius: 50px;
color: var(--white);
font-size: 20px;
line-height: 28px;
margin: 0 auto 16px;
padding: 10px 26px;
text-transform: uppercase;
width: -moz-fit-content;
width: fit-content;
}
.webinar-offer .bl-1 .date span {
font-weight: 700;
}
.webinar-offer .bl-1 h1 {
color: var(--black);
color: var(--white);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.webinar-offer .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.webinar-offer .bl-1 h2 {
color: var(--black);
color: var(--white);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 32px;
text-align: center;
}
@media (max-width: 600px) {
.webinar-offer .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.webinar-offer .bl-1 a.content-btn {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 140px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 0 auto 24px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 468px;
}
.webinar-offer .bl-1 a.content-btn:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar-offer .bl-1 a.content-btn:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar-offer .bl-1 a.content-btn {
width: 326px;
}
}
.webinar-offer .bl-1 a.content-btn:hover {
background-position: calc(50% + 150px) 50%;
}
.webinar-offer .bl-1 .time {
align-items: center;
display: flex;
margin: 0 auto 67px;
width: -moz-fit-content;
width: fit-content;
}
.webinar-offer .bl-1 .time p {
color: var(--white);
font-size: 20px;
line-height: 28px;
margin-right: 10px;
text-transform: uppercase;
}
.webinar-offer .bl-1 .time #timer {
display: flex;
gap: 0 6px;
}
.webinar-offer .bl-1 .time #timer span {
background: var(--teal-main-secondary);
border-radius: 6px;
color: var(--white);
font-size: 18px;
line-height: 25px;
min-width: 50px;
padding: 7px 8px;
text-align: center;
}
.webinar-offer .bl-1 img.bg {
display: block;
margin: 0 auto;
max-width: 842px;
width: 100%;
}
.webinar-offer .bl-1 .flx-icons {
align-items: center;
display: flex;
justify-content: center;
margin-bottom: 40px;
margin-top: -10px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-left img {
display: block;
margin-right: 37px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-left img.s1 {
width: 255px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-left img.s2 {
width: 80px;
}
.webinar-offer .bl-1 .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 63px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-right img {
display: block;
margin-left: 37px;
margin-right: 15px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-right img.s3 {
width: 92px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-right h3 {
color: var(--white);
font-size: 18px;
line-height: normal;
}
.webinar-offer .bl-2 {
background: var(--white);
border-top-left-radius: 40px;
border-top-right-radius: 40px;
margin-top: -40px;
overflow: hidden;
padding-bottom: 100px;
padding-top: 120px;
}
.webinar-offer .bl-2 h2 {
color: var(--black);
font-size: 90px;
font-weight: 700;
letter-spacing: -0.9px;
line-height: 90px;
margin-bottom: 28px;
text-align: center;
}
.webinar-offer .bl-2 h2 span {
color: var(--teal-main-secondary);
}
.webinar-offer .bl-2 h3 {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 56px;
text-align: center;
}
.webinar-offer .bl-2 .list-wrapper {
margin: auto;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.webinar-offer .bl-2 .list-wrapper img {
display: block;
}
.webinar-offer .bl-2 .list-wrapper img.icons {
left: 50%;
position: absolute;
top: 66px;
transform: translateX(-50%);
width: 877px;
z-index: 2;
}
.webinar-offer .bl-2 .list-wrapper img.list {
filter: drop-shadow(0 12px 90px rgba(0, 0, 0, 0.12));
position: relative;
z-index: 2;
}
.webinar-offer .bl-2 .list-wrapper img.list.mobile {
display: none;
}
.webinar-offer .bl-2 .list-wrapper .elips-1 {
background: var(--lemon);
border-radius: 183px;
filter: blur(125px);
height: 183px;
left: -250px;
position: absolute;
top: 120px;
width: 183px;
z-index: 1;
}
.webinar-offer .bl-2 .list-wrapper .elips-2 {
background: var(--lemon);
border-radius: 272px;
filter: blur(150px);
height: 204px;
left: -10px;
position: absolute;
top: -24px;
width: 272px;
z-index: 1;
}
.webinar-offer .bl-2 .list-wrapper .elips-3 {
background: #4bd8e2;
border-radius: 257px;
filter: blur(120px);
height: 257px;
position: absolute;
right: -140px;
top: 73px;
width: 257px;
z-index: 1;
}
.webinar-offer .bl-2 .gradient {
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 15%);
position: relative;
z-index: 3;
}
.webinar-offer .bl-2 .gradient h4 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-top: -128px;
padding-bottom: 15px;
padding-top: 57px;
text-align: center;
}
.webinar-offer .bl-2 .gradient .free-slider {
background: var(--white);
margin-bottom: 34px;
pointer-events: none;
}
.webinar-offer .bl-2 .gradient .free-slider .free-item {
color: var(--teal-main-secondary);
font-size: 170px;
font-weight: 800;
margin: 0 22px;
opacity: 0.2;
transition: opacity 0.3s;
width: 394px;
}
.webinar-offer .bl-2 .gradient .free-slider .free-item.slick-current {
opacity: 1;
}
.webinar-offer .bl-2 .gradient a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 140px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 0 auto 24px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 468px;
}
.webinar-offer .bl-2 .gradient a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar-offer .bl-2 .gradient a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar-offer .bl-2 .gradient a {
width: 326px;
}
}
.webinar-offer .bl-2 .gradient a:hover {
background-position: calc(50% + 150px) 50%;
}
.webinar-offer .bl-2 .gradient p {
color: var(--black);
font-size: 20px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
}
.webinar-offer .bl-2 .gradient p span {
font-weight: 700;
}
.webinar-offer .bl-3 {
padding-bottom: 120px;
}
.webinar-offer .bl-3 h2 {
color: var(--black);
font-size: 90px;
font-weight: 700;
letter-spacing: -0.9px;
line-height: 90px;
margin-bottom: 28px;
text-align: center;
}
.webinar-offer .bl-3 h3 {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 56px;
text-align: center;
}
.webinar-offer .bl-3 h5 {
color: var(--black);
font-size: 20px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
}
.webinar-offer .bl-3 h5 span {
font-weight: 700;
}
.webinar-offer .bl-3 .flx-wrapper {
display: flex;
flex-direction: column;
gap: 64px 0;
margin-bottom: 48px;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item {
align-items: center;
display: flex;
justify-content: center;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-img img {
display: block;
max-width: 520px;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-txt {
width: 472px;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-txt h4 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
text-align: left;
}
@media (max-width: 600px) {
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-txt h4 {
font-size: 32px;
line-height: 38px;
}
}
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-txt p {
color: var(--black);
font-size: 24px;
line-height: normal;
text-align: left;
}
@media (max-width: 600px) {
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-txt p {
font-size: 18px;
}
}
.webinar-offer .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-img {
margin-right: 68px;
order: 1;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-img,
.webinar-offer .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-txt {
order: 2;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-txt {
margin-right: 68px;
order: 1;
}
.webinar-offer .bl-3 .flx-wrapper a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 140px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 0 auto 24px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 468px;
}
.webinar-offer .bl-3 .flx-wrapper a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar-offer .bl-3 .flx-wrapper a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar-offer .bl-3 .flx-wrapper a {
width: 326px;
}
}
.webinar-offer .bl-3 .flx-wrapper a:hover {
background-position: calc(50% + 150px) 50%;
}
.webinar-offer .bl-3 .flx-wrapper p {
color: var(--black);
font-size: 18px;
text-align: center;
}
.webinar-offer .bl-3 a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 140px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 0 auto 24px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 468px;
}
.webinar-offer .bl-3 a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar-offer .bl-3 a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar-offer .bl-3 a {
width: 326px;
}
}
.webinar-offer .bl-3 a:hover {
background-position: calc(50% + 150px) 50%;
}
.webinar-offer .bl-4 {
padding-bottom: 120px;
}
.webinar-offer .bl-4 h2 {
color: var(--black);
font-size: 90px;
font-weight: 700;
letter-spacing: -0.9px;
line-height: 99px;
margin-bottom: 28px;
text-align: center;
}
.webinar-offer .bl-4 h3 {
color: var(--black);
font-size: 28px;
line-height: 39px;
margin-bottom: 48px;
text-align: center;
}
.webinar-offer .bl-4 .testimonial-slider {
margin-bottom: 56px;
}
.webinar-offer .bl-4 .testimonial-slider .slick-slide {
margin: 0 8px;
width: 412px;
}
.webinar-offer .bl-4 .testimonial-slider img {
width: 100%;
}
.webinar-offer .bl-4 a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 140px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 28px;
font-weight: 600;
height: 64px;
height: 80px;
line-height: 64px;
line-height: 80px;
margin: 0 auto 24px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 468px;
}
.webinar-offer .bl-4 a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.webinar-offer .bl-4 a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.webinar-offer .bl-4 a {
width: 326px;
}
}
.webinar-offer .bl-4 a:hover {
background-position: calc(50% + 150px) 50%;
}
.webinar-offer .bl-4 h4 {
color: var(--black);
font-size: 20px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
}
.webinar-offer .bl-4 h4 span {
font-weight: 700;
}
.webinar-offer .faq {
padding-top: 107px;
}
.webinar-offer .spacer {
padding-top: 120px;
}
.webinar-footer {
background: var(--black);
padding-bottom: 5px;
}
.webinar-footer .flx {
border-top: none;
}
.webinar-footer .flx .block-1 p,
.webinar-footer .flx .block-2 a {
color: var(--white);
}
.webinar-footer .flx .block-3 a {
background: url(../images/footer-mail-white.svg) no-repeat 0 50%;
color: var(--white);
}
.webinar-footer .flx .block-3 p {
color: var(--white);
}
@media (max-width: 1300px) {
.webinar-offer .bl-1 h1 br,
.webinar-offer .bl-1 h2 br {
display: none;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-img img {
width: 100%;
}
}
@media (max-width: 940px) {
.webinar-offer .bl-1 {
background:
linear-gradient(180deg, hsla(0, 0%, 100%, 0) 77%, #000 82%),
url(../images/webinar-bl-1-bg.svg) 50% / cover;
}
.webinar-offer .bl-1 .flx-icons {
flex-wrap: wrap;
margin-top: 0;
}
.webinar-offer .bl-1 .flx-icons span {
display: none;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-left {
margin-bottom: 20px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-left img.s1 {
margin-right: 25px;
width: 218px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-left img.s2 {
margin-right: 0;
width: 56px;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-right {
flex-direction: column;
text-align: center;
width: 100%;
}
.webinar-offer .bl-1 .flx-icons .flx-icons-right img {
margin-bottom: 15px;
margin-left: 0;
}
.webinar-offer .bl-2 {
padding-top: 60px;
}
.webinar-offer .bl-2 h2 {
font-size: 38px;
line-height: 45px;
}
.webinar-offer .bl-2 h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 40px;
}
.webinar-offer .bl-2 .list-wrapper img.list {
max-width: 400px;
width: 100%;
}
.webinar-offer .bl-2 .gradient h4 {
font-size: 32px;
line-height: 38px;
margin-top: -95px;
padding-bottom: 12px;
padding-top: 40px;
}
.webinar-offer .bl-2 .gradient .free-slider .free-item {
font-size: 120px;
margin: 0 10px;
width: 270px;
}
.webinar-offer .bl-3 h2 {
font-size: 38px;
line-height: 45px;
margin-bottom: 12px;
}
.webinar-offer .bl-3 h3 {
font-size: 18px;
line-height: 25px;
}
.webinar-offer .bl-3 .flx-wrapper {
gap: 60px 0;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item {
flex-direction: column;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-img {
margin-bottom: 32px;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-txt h4,
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-txt p {
text-align: center;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-img,
.webinar-offer .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-img {
margin-right: 0;
order: 1;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-txt,
.webinar-offer .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-txt {
margin-right: 0;
order: 2;
}
.webinar-offer .bl-4 h2 {
font-size: 38px;
line-height: 45px;
margin-bottom: 12px;
}
.webinar-offer .bl-4 h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 36px;
}
}
@media (max-width: 600px) {
.webinar-offer .bl-1 {
background: var(--black) url(../images/webinar-offer-bl-1-bg-mob.svg)
no-repeat 50% 70%;
background-size: 100%;
padding-top: 103px;
}
.webinar-offer .bl-1 .nav {
background: var(--white);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
padding: 14px 0;
position: fixed;
top: 0;
z-index: 100;
}
.webinar-offer .bl-1 .nav .flx a img.full {
display: none;
}
.webinar-offer .bl-1 .nav .flx a img.small {
display: block;
}
.webinar-offer .bl-1 .nav .flx a.nav-btn {
font-size: 14px;
width: 108px;
}
.webinar-offer .bl-1 .date {
font-size: 14px;
line-height: 19px;
margin-bottom: 22px;
padding: 8px 18px;
}
.webinar-offer .bl-1 h1 {
margin-bottom: 12px;
}
.webinar-offer .bl-1 h2 {
margin-bottom: 28px;
}
.webinar-offer .bl-1 img.bg {
margin: 0 -50px;
width: calc(100% + 60px);
}
.webinar-offer .bl-1 a.content-btn {
background-position: calc(50% + 125px) 50%;
background-size: 30px;
font-size: 24px;
height: 66px;
line-height: 66px;
padding-right: 30px;
width: 100%;
}
.webinar-offer .bl-1 a.content-btn:hover {
background-position: calc(50% + 135px) 50%;
}
.webinar-offer .bl-1 .time {
flex-direction: column;
}
.webinar-offer .bl-1 .time p {
margin-bottom: 10px;
}
.webinar-offer .bl-1 .flx-icons {
margin-top: 20px;
}
.webinar-offer .bl-2 .list-wrapper img.list {
margin: auto;
}
.webinar-offer .bl-2 .list-wrapper img.list.desktop {
display: none;
}
.webinar-offer .bl-2 .list-wrapper img.list.mobile {
display: block;
}
.webinar-offer .bl-2 .gradient {
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 10%);
}
.webinar-offer .bl-2 .gradient h4 {
margin-top: -50px;
padding-top: 40px;
}
.webinar-offer .bl-2 .gradient .free-slider .free-item {
font-size: 100px;
line-height: 120px;
width: 225px;
}
.webinar-offer .bl-2 .gradient a {
background-position: calc(50% + 125px) 50%;
background-size: 30px;
font-size: 24px;
height: 66px;
line-height: 66px;
padding-right: 30px;
width: 100%;
}
.webinar-offer .bl-2 .gradient a:hover {
background-position: calc(50% + 130px) 50%;
}
.webinar-offer .bl-2 .gradient p span {
display: block;
}
.webinar-offer .bl-3 {
padding-bottom: 60px;
}
.webinar-offer .bl-3 .flx-wrapper {
margin-bottom: 32px;
}
.webinar-offer .bl-3 .flx-wrapper .flx-item .block-txt {
width: 100%;
}
.webinar-offer .bl-3 a {
background-position: calc(50% + 125px) 50%;
background-size: 30px;
font-size: 24px;
height: 66px;
line-height: 66px;
padding-right: 30px;
width: 100%;
}
.webinar-offer .bl-3 a:hover {
background-position: calc(50% + 130px) 50%;
}
.webinar-offer .bl-3 h5 span {
display: block;
}
.webinar-offer .bl-4 {
padding-bottom: 80px;
}
.webinar-offer .bl-4 a {
background-position: calc(50% + 125px) 50%;
background-size: 30px;
font-size: 24px;
height: 66px;
line-height: 66px;
margin-top: 90px;
padding-right: 30px;
width: 100%;
}
.webinar-offer .bl-4 a:hover {
background-position: calc(50% + 130px) 50%;
}
.webinar-offer .bl-4 h4 span {
display: block;
}
.webinar-offer .bl-4 .testimonial-slider .slick-slide {
width: 342px;
}
.webinar-offer .bl-4 .testimonial-slider ul.slick-dots {
bottom: -45px;
}
.webinar-offer .bl-4 .testimonial-slider ul.slick-dots li {
height: 20px;
margin: 0 4px;
width: 20px;
}
.webinar-offer .bl-4 .testimonial-slider ul.slick-dots li button {
padding: 0;
}
.webinar-offer .bl-4 .testimonial-slider ul.slick-dots li button:before {
border: 2px solid var(--black);
border-radius: 50%;
color: transparent;
font-size: 18px;
height: 16px;
opacity: 1;
width: 16px;
}
.webinar-offer
.bl-4
.testimonial-slider
ul.slick-dots
li.slick-active
button:before {
color: var(--black);
display: flex;
font-size: 20px;
justify-content: center;
}
.webinar-offer .faq {
padding-bottom: 220px;
padding-top: 76px;
}
.webinar-footer .flx {
padding-top: 0;
}
.webinar-footer .flx .block-1 {
align-items: center;
display: flex;
flex-direction: column;
margin-bottom: 40px;
width: 100%;
}
}
.blog {
background: url(../images/front-page-bl-1-bg-v2.svg) no-repeat 50% 0;
background-size: 100%;
}
.blog .bl-1 {
padding-bottom: 80px;
padding-top: 160px;
}
.blog .bl-1 h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.blog .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.blog .bl-1 h2 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 50px;
text-align: center;
}
@media (max-width: 600px) {
.blog .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.blog .bl-1 .flx {
display: flex;
gap: 0 20px;
}
.blog .bl-1 .flx .post-big {
flex-shrink: 0;
width: 628px;
}
.blog .bl-1 .flx .post-big a {
text-decoration: none;
}
.blog .bl-1 .flx .post-big .thumbnail {
border-radius: 20px;
height: 400px;
margin-bottom: 25px;
overflow: hidden;
position: relative;
width: 100%;
}
.blog .bl-1 .flx .post-big .thumbnail img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s;
width: 100%;
}
.blog .bl-1 .flx .post-big .thumbnail .category {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.4);
border-radius: 80px;
color: var(--white);
font-size: 12px;
left: 20px;
line-height: 16px;
padding: 6px 14px;
position: absolute;
top: 20px;
transition: 0.3s;
width: -moz-fit-content;
width: fit-content;
}
.blog .bl-1 .flx .post-big .thumbnail .category:hover {
background: rgba(0, 0, 0, 0.8);
}
.blog .bl-1 .flx .post-big .thumbnail .btn {
background: url(../images/blog-btn-wrapper.svg) no-repeat;
background-size: 100%;
bottom: 0;
height: 104px;
position: absolute;
right: 0;
transition: 0.3s;
width: 104px;
}
.blog .bl-1 .flx .post-big .thumbnail .btn:before {
background: url(../images/blog-btn.svg) no-repeat;
background-size: 100%;
bottom: 0;
content: "";
height: 72px;
position: absolute;
right: 0;
transition: 0.3s;
width: 72px;
}
.blog .bl-1 .flx .post-big .title {
color: var(--black);
display: block;
font-size: 32px;
font-weight: 600;
line-height: 41px;
margin-bottom: 13px;
}
.blog .bl-1 .flx .post-big .post-info {
display: flex;
}
.blog .bl-1 .flx .post-big .post-info .author {
color: var(--black);
font-size: 14px;
line-height: 19px;
}
.blog .bl-1 .flx .post-big .post-info .author a {
color: var(--black);
}
.blog .bl-1 .flx .post-big .post-info .author a:hover {
text-decoration: underline;
}
.blog .bl-1 .flx .post-big .post-info .minutes {
color: #666;
font-size: 14px;
line-height: 19px;
padding-left: 6px;
}
.blog .bl-1 .flx .post-big .post-info .minutes span {
padding-right: 6px;
}
.blog .bl-1 .flx .post-big:hover .thumbnail img {
transform: scale(1.05);
}
.blog .bl-1 .flx .post-big:hover .thumbnail .btn {
height: 110px;
width: 110px;
}
.blog .bl-1 .flx .post-big:hover .thumbnail .btn:before {
height: 76px;
width: 76px;
}
.blog .bl-1 .flx .post-big:hover .title {
text-decoration: underline;
}
.blog .bl-1 .flx .post-list {
display: flex;
flex-direction: column;
gap: 16px 0;
width: 100%;
}
.blog .bl-1 .flx .post-list .post-item {
background: var(--white);
border-radius: 20px;
box-shadow:
0 0 2px 0 rgba(0, 0, 0, 0.14),
0 4px 30px 0 rgba(0, 0, 0, 0.06);
display: flex;
flex-direction: column;
padding: 20px;
transition: box-shadow 0.3s;
}
.blog .bl-1 .flx .post-list .post-item a {
text-decoration: none;
}
.blog .bl-1 .flx .post-list .post-item a.category {
-webkit-backdrop-filter: blur(13px);
backdrop-filter: blur(13px);
background: var(--grey-20);
border-radius: 80px;
color: var(--black);
font-size: 12px;
margin-bottom: 12px;
padding: 4px 12px;
transition: 0.3s;
width: -moz-fit-content;
width: fit-content;
}
.blog .bl-1 .flx .post-list .post-item a.category:hover {
background: var(--grey-light);
}
.blog .bl-1 .flx .post-list .post-item a.title {
color: #191935;
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-bottom: 9px;
}
.blog .bl-1 .flx .post-list .post-item a.title:hover {
text-decoration: underline;
}
.blog .bl-1 .flx .post-list .post-item .post-info {
display: flex;
}
.blog .bl-1 .flx .post-list .post-item .post-info .author {
color: #191935;
font-size: 14px;
line-height: 19px;
}
.blog .bl-1 .flx .post-list .post-item .post-info .author a {
color: #191935;
}
.blog .bl-1 .flx .post-list .post-item .post-info .author a:hover {
text-decoration: underline;
}
.blog .bl-1 .flx .post-list .post-item .post-info .minutes {
color: #75757c;
font-size: 14px;
line-height: 19px;
padding-left: 6px;
}
.blog .bl-1 .flx .post-list .post-item .post-info .minutes span {
padding-right: 6px;
}
.blog .bl-1 .flx .post-list .post-item:hover {
box-shadow:
0 0 2px 0 rgba(0, 0, 0, 0.24),
0 4px 30px 0 rgba(0, 0, 0, 0.16);
}
.blog .bl-2 {
padding-bottom: 100px;
}
.blog .bl-2 .spacer {
margin-top: 80px;
}
.blog .bl-2 h2 {
align-content: center;
color: var(--black);
display: flex;
flex-wrap: wrap;
font-size: 32px;
font-weight: 600;
justify-content: space-between;
line-height: 41px;
margin-bottom: 28px;
}
.blog .bl-2 h2 a {
background: url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(100% - 8px) 50%;
color: var(--black);
font-size: 16px;
font-weight: 500;
padding-right: 33px;
text-decoration: none;
transition: 0.3s;
}
.blog .bl-2 h2 a:hover {
background-position: 100% 50%;
text-decoration: underline;
}
.blog .bl-2 .posts {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.blog .bl-2 .posts a.see-more {
border: 1px solid var(--black);
border-radius: 8px;
color: var(--black);
display: none;
font-size: 16px;
font-weight: 500;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
width: 100%;
}
@media (max-width: 1300px) {
.blog .bl-1 .flx .post-big {
width: 500px;
}
}
@media (max-width: 940px) {
.blog .bl-1 {
padding-top: 100px;
}
.blog .bl-1 .flx {
flex-direction: column;
}
.blog .bl-1 .flx .post-big {
margin-bottom: 40px;
width: 100%;
}
}
@media (max-width: 600px) {
.blog .bl-1 {
background: url(../images/front-page-bl-1-bg-mob-v2.svg) no-repeat 50% 0;
background-size: 100%;
padding-top: 104px;
}
.blog .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
.blog .bl-1 h2 {
margin-bottom: 44px;
}
.blog .bl-1 .flx .post-big .thumbnail {
height: 216px;
margin-bottom: 20px;
}
.blog .bl-1 .flx .post-big .thumbnail .btn {
height: 86px;
width: 86px;
}
.blog .bl-1 .flx .post-big .thumbnail .btn:before {
height: 60px;
width: 60px;
}
.blog .bl-1 .flx .post-big .title {
font-size: 20px;
line-height: 28px;
margin-bottom: 8px;
}
.blog .bl-1 .flx .post-big:hover .thumbnail .btn {
height: 94px;
width: 94px;
}
.blog .bl-1 .flx .post-big:hover .thumbnail .btn:before {
height: 65px;
width: 65px;
}
.blog .bl-1 .flx .post-list .post-item a.title {
font-size: 16px;
line-height: 22px;
}
.blog .bl-2 {
padding-bottom: 80px;
}
.blog .bl-2 h2 {
font-size: 28px;
line-height: 36px;
}
.blog .bl-2 h2 a {
display: none;
}
.blog .bl-2 .posts {
gap: 32px 0;
}
.blog .bl-2 .posts a.see-more {
display: block;
}
}
.single .post-nav {
display: none;
}
.single .post-hero {
background: url(../images/single-bl-1-bg.svg) 50% / cover;
padding-bottom: 40px;
padding-top: 107px;
}
.single .post-hero .breadcrumb {
margin-bottom: 55px;
}
.single .post-hero .breadcrumb a {
color: var(--black);
font-size: 14px;
line-height: 19px;
text-decoration: none;
}
.single .post-hero .breadcrumb a:hover {
text-decoration: underline;
}
.single .post-hero .breadcrumb span {
color: var(--black);
font-size: 14px;
line-height: 19px;
}
.single .post-hero .flx {
align-items: center;
display: flex;
}
.single .post-hero .flx .info {
padding-right: 36px;
}
.single .post-hero .flx .info h1 {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 12px;
text-align: left;
}
@media (max-width: 600px) {
.single .post-hero .flx .info h1 {
font-size: 32px;
line-height: 38px;
}
}
.single .post-hero .flx .info .excerpt {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 24px;
}
.single .post-hero .flx .info .author {
align-items: center;
display: flex;
}
.single .post-hero .flx .info .author .author-avatar {
cursor: pointer;
margin-right: 8px;
transition: opacity 0.3s;
}
.single .post-hero .flx .info .author .author-avatar img {
border: 2px solid var(--white);
border-radius: 140px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
display: block;
height: 48px;
width: 48px;
}
.single .post-hero .flx .info .author .author-avatar:hover {
opacity: 0.8;
}
.single .post-hero .flx .info .author .author-content .author-name {
margin-bottom: 3px;
}
.single .post-hero .flx .info .author .author-content .author-name span {
color: #191935;
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.single .post-hero .flx .info .author .author-content .author-name a {
color: #191935;
font-size: 16px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
}
.single .post-hero .flx .info .author .author-content .author-name a:hover {
text-decoration: underline;
}
.single .post-hero .flx .info .author .author-content .post-info-wrapper {
align-items: center;
display: flex;
}
.single .post-hero .flx .info .author .author-content .post-info-wrapper span {
font-size: 14px;
line-height: 19px;
}
.single
.post-hero
.flx
.info
.author
.author-content
.post-info-wrapper
span.date {
color: #191935;
}
.single
.post-hero
.flx
.info
.author
.author-content
.post-info-wrapper
span.minutes-read {
color: #666;
}
.single
.post-hero
.flx
.info
.author
.author-content
.post-info-wrapper
span.minutes-read
b {
color: #666;
padding: 0 5px;
}
.single .post-hero .flx .post-thumbnail {
flex-shrink: 0;
max-width: 628px;
}
.single .post-hero .flx .post-thumbnail img {
border-radius: 20px;
display: block;
width: 100%;
}
.single .post-content-wrapper {
padding-bottom: 100px;
}
.single .post-content-wrapper .post-flx {
display: flex;
}
.single .post-content-wrapper .post-flx .post-content {
flex-shrink: 0;
width: 844px;
}
.single .post-content-wrapper .post-flx .post-content .container-lazyload {
margin-bottom: 15px;
}
.single .post-content-wrapper .post-flx .post-content img[class*="wp-image"] {
border: 1px solid #d3d3d3;
border-radius: 20px;
display: block;
height: auto;
width: 100%;
}
.single .post-content-wrapper .post-flx .post-content h2 {
color: var(--black);
font-size: 32px;
font-weight: 600;
line-height: 38px;
margin-bottom: 20px;
margin-top: 40px;
}
.single .post-content-wrapper .post-flx .post-content h3 {
color: var(--black);
font-size: 24px;
font-weight: 600;
line-height: 33px;
margin-bottom: 5px;
margin-top: 40px;
}
.single .post-content-wrapper .post-flx .post-content p {
color: var(--black);
font-size: 18px;
line-height: 25px;
margin-bottom: 20px;
}
.single .post-content-wrapper .post-flx .post-content p strong {
font-weight: 700;
}
.single .post-content-wrapper .post-flx .post-content a {
color: var(--teal-main);
font-weight: 600;
text-decoration: none;
}
.single .post-content-wrapper .post-flx .post-content a:hover {
text-decoration: underline;
}
.single .post-content-wrapper .post-flx .post-content iframe {
max-width: 100%;
}
.single .post-content-wrapper .post-flx .post-content ul {
font-size: 18px;
line-height: 30px;
list-style-type: disc;
margin-bottom: 15px;
margin-left: 20px;
}
.single .post-content-wrapper .post-flx .post-content ul li {
margin-bottom: 5px;
}
.single .post-content-wrapper .post-flx .post-content ul li ul {
list-style-type: circle;
margin-bottom: 0;
margin-left: 0;
padding-left: 20px;
}
.single .post-content-wrapper .post-flx .post-content ol {
font-size: 18px;
line-height: 30px;
list-style: auto;
margin-bottom: 15px;
margin-left: 20px;
}
.single .post-content-wrapper .post-flx .post-content ol li {
margin-bottom: 5px;
}
.single .post-content-wrapper .post-flx .post-content .author-section {
background: #edf7f2;
border-radius: 20px;
margin-top: 40px;
padding: 40px;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
.author-section-title {
color: #666;
font-size: 12px;
line-height: 16px;
margin-bottom: 20px;
text-transform: uppercase;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
.author-info {
align-items: center;
display: flex;
margin-bottom: 12px;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
.author-info
.author-avatar {
cursor: pointer;
margin-right: 8px;
transition: opacity 0.3s;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
.author-info
.author-avatar
img {
border: 2px solid var(--white);
border-radius: 140px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
display: block;
height: 48px;
width: 48px;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
.author-info
.author-avatar:hover {
opacity: 0.8;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
.author-info
.author-content
.author-name
a {
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin-bottom: 3px;
text-decoration: none;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
.author-info
.author-content
.author-name
a:hover {
text-decoration: underline;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
.author-section-description {
color: var(--black);
font-size: 16px;
line-height: 22px;
margin-bottom: 12px;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
a.read-more {
background: url('data:image/svg+xml;charset=utf-8,')
no-repeat 100% 50%;
color: var(--black);
font-size: 14px;
font-weight: 600;
line-height: 19px;
padding-right: 16px;
text-decoration: none;
transition: padding-right 0.2s;
}
.single
.post-content-wrapper
.post-flx
.post-content
.author-section
a.read-more:hover {
padding-right: 20px;
}
.single .post-content-wrapper .post-flx .post-sidebar {
height: 100%;
padding-right: 60px;
position: sticky;
top: 100px;
width: 100%;
}
.single .post-content-wrapper .post-flx .post-sidebar .on-this-page {
margin-top: 40px;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-title {
color: var(--black);
font-size: 14px;
line-height: 19px;
margin-bottom: 20px;
text-transform: uppercase;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content {
max-height: 245px;
overflow-y: hidden;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content:hover {
overflow-y: auto;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content::-webkit-scrollbar-thumb {
background-color: var(--grey);
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content
ul {
border-left: 2px solid var(--grey-20);
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content
ul
li
a {
color: var(--black);
display: block;
font-size: 14px;
line-height: 19px;
margin-left: -2px;
padding: 8px 16px 8px 18px;
text-decoration: none;
transition: 0.08s;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content
ul
li
a.h3 {
font-weight: 400;
padding: 4px 4px 4px 40px;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content
ul
li
a.active {
background: var(--teal-light);
border-left: 2px solid var(--teal-main-secondary);
font-weight: 600;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content
ul
li
a:not(.active):hover {
font-weight: 500;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content
ul
li:last-child
a {
margin-bottom: 0;
}
.single .post-content-wrapper .post-flx .post-sidebar .single-banner {
background: #101010 url(../images/single-banner-sidebar-bg.svg) 50% / cover;
border-radius: 20px;
margin-top: 40px;
padding: 52px 14px 36px;
}
.single .post-content-wrapper .post-flx .post-sidebar .single-banner .title {
color: var(--white);
font-size: 32px;
font-weight: 700;
line-height: 38px;
margin-bottom: 28px;
text-align: center;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.single-banner
.title
span {
color: var(--lemon);
}
.single .post-content-wrapper .post-flx .post-sidebar .single-banner a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 93px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 18px;
font-weight: 600;
height: 64px;
height: 56px;
line-height: 64px;
line-height: 56px;
margin: 0 auto 18px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 274px;
}
.single .post-content-wrapper .post-flx .post-sidebar .single-banner a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.single .post-content-wrapper .post-flx .post-sidebar .single-banner a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.single .post-content-wrapper .post-flx .post-sidebar .single-banner a {
width: 326px;
}
}
.single .post-content-wrapper .post-flx .post-sidebar .single-banner a:hover {
background-position: calc(50% + 98px) 50%;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.single-banner
.no-credit-card {
color: var(--white);
font-size: 14px;
margin-bottom: 20px;
text-align: center;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.single-banner
.single-banner-logos {
align-items: center;
display: flex;
justify-content: center;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.single-banner
.single-banner-logos
img {
display: block;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.single-banner
.single-banner-logos
img.s1 {
height: 26px;
margin-right: 19px;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.single-banner
.single-banner-logos
img.s2 {
height: 50px;
}
progress.progress-blog {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
height: 4px;
left: 0;
position: fixed;
top: 64px;
width: 100%;
z-index: 11;
}
progress.progress-blog .progress-bar {
background: var(--teal-main-secondary);
display: block;
width: 0;
}
progress.progress-blog::-webkit-progress-bar {
background: transparent;
}
progress::-webkit-progress-value {
background: var(--teal-main-secondary);
}
progress::-moz-progress-bar {
background: var(--teal-main-secondary);
}
@media (max-width: 1300px) {
.single .post-hero .flx .post-thumbnail {
max-width: 400px;
}
.single .post-content-wrapper .post-flx .post-content {
width: 538px;
}
}
@media (max-width: 940px) {
.single .post-nav {
background: #fff;
border-top: 1px solid var(--grey-light);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.06);
display: block;
height: 46px;
position: fixed;
top: 64px;
transition: 0.3s;
width: 100%;
z-index: 10;
}
.single .post-nav .title {
color: var(--black);
cursor: pointer;
display: flex;
font-size: 16px;
line-height: 22px;
padding: 12px 20px;
position: relative;
text-transform: uppercase;
transition: 0.3s;
}
.single .post-nav .title:before {
background: url(../images/single-post-content-arrow.svg) no-repeat;
content: "";
height: 24px;
position: absolute;
right: 20px;
top: 12px;
width: 24px;
}
.single .post-nav .title.opened:before {
transform: rotate(-180deg);
}
.single .post-nav .content {
background: var(--white);
height: 0;
margin-top: -1px;
overflow: hidden;
position: relative;
transition: 0.3s;
width: 100%;
z-index: -1;
}
.single .post-nav .content .links {
box-sizing: border-box;
height: 292px;
overflow-y: auto;
padding: 0 20px;
transition: 0.3s;
}
.single .post-nav .content .links ul li a {
border-left: 2px solid var(--grey-20);
color: var(--black);
display: block;
font-size: 14px;
font-weight: 600;
margin-left: -2px;
padding: 8px 16px 8px 18px;
text-decoration: none;
transition: 0.3s;
}
.single .post-nav .content .links ul li a.h3 {
font-weight: 400;
padding: 4px 16px 4px 42px;
}
.single .post-nav .content .links ul li a.active {
background: var(--teal-light);
border-left: 2px solid var(--teal-main-secondary);
font-weight: 600;
margin-left: -2px;
}
.single .post-nav .content .links ul li:last-child a {
border-bottom: none;
margin-bottom: 0;
}
.single .post-nav .content a.event {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 95px) 50%;
border-radius: 12px;
bottom: 20px;
color: var(--white);
display: block;
font-size: 20px;
font-size: 18px;
font-weight: 600;
height: 64px;
height: 56px;
left: 50%;
line-height: 64px;
line-height: 56px;
margin: 0 auto 12px;
padding-right: 40px;
position: absolute;
text-align: center;
text-decoration: none;
transform: translateX(-50%);
transition: 0.3s;
width: 370px;
width: calc(100% - 40px);
}
.single .post-nav .content a.event:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.single .post-nav .content a.event:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
}
@media (max-width: 940px) and (max-width: 600px) {
.single .post-nav .content a.event {
width: 326px;
}
}
@media (max-width: 940px) {
.single .post-nav .content a.event:hover {
background-position: calc(50% + 100px) 50%;
}
.single .post-nav .content.active {
border-top: 1px solid var(--grey-light);
height: calc(100vh - 114px);
transform: translateX(0);
z-index: 1;
}
.single .post-nav .content.active .links {
padding: 20px;
}
.single .post-hero {
padding-top: 140px;
}
.single .post-hero .breadcrumb {
margin-bottom: 28px;
}
.single .post-hero .flx {
flex-direction: column-reverse;
}
.single .post-hero .flx .post-thumbnail {
margin-bottom: 20px;
max-width: 100%;
}
.single .post-content-wrapper .post-flx {
flex-direction: column-reverse;
}
.single .post-content-wrapper .post-flx .post-content {
width: 100%;
}
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-content,
.single
.post-content-wrapper
.post-flx
.post-sidebar
.on-this-page
.on-this-page-title {
display: none;
}
.single .post-content-wrapper .post-flx .post-sidebar {
padding-right: 0;
}
progress.progress-blog {
display: block !important;
}
}
@media (max-width: 600px) {
.single .post-nav .content.active {
height: calc(100vh - 110px);
}
.single .post-hero .flx .info h1 {
margin-bottom: 8px;
}
.single .post-hero .flx .info .excerpt {
color: #666;
font-size: 14px;
line-height: 19px;
margin-bottom: 20px;
}
.single .post-content-wrapper {
padding-bottom: 80px;
}
.single .post-content-wrapper .post-flx .post-content h2 {
font-size: 24px;
line-height: 33px;
}
.single .post-content-wrapper .post-flx .post-content h3 {
font-size: 18px;
line-height: 25px;
}
.single .post-content-wrapper .post-flx .post-content .author-section {
padding: 30px;
}
.single .post-content-wrapper .post-flx .post-sidebar .single-banner a {
width: 274px;
}
progress.progress-blog {
display: block !important;
top: 64px;
}
}
.shopify-business-name-generator .bl-1 {
background: url(../images/shopify-business-name-generator-bl-1-bg.svg) 50% /
cover;
padding-top: 104px;
}
.shopify-business-name-generator .bl-1 .content {
padding-bottom: 120px;
}
.shopify-business-name-generator .bl-1 .content .hero-slider {
pointer-events: none;
}
.shopify-business-name-generator .bl-1 .content .hero-slider .slick-slide {
height: auto;
}
.shopify-business-name-generator .bl-1 .content .hero-slider img {
display: block;
margin: 0 auto;
width: 244px;
}
.shopify-business-name-generator .bl-1 .content h1 {
align-items: center;
color: var(--black);
color: var(--white);
display: flex;
flex-wrap: wrap;
font-size: 50px;
font-weight: 700;
justify-content: center;
line-height: 60px;
margin: 36px auto 16px;
text-align: center;
width: -moz-fit-content;
width: fit-content;
}
@media (max-width: 600px) {
.shopify-business-name-generator .bl-1 .content h1 {
font-size: 32px;
line-height: 41px;
}
}
.shopify-business-name-generator .bl-1 .content h1 span {
display: flex;
justify-content: center;
margin-right: 15px;
}
.shopify-business-name-generator .bl-1 .content h1 span img {
display: block;
margin-right: 10px;
margin-top: -7px;
}
.shopify-business-name-generator .bl-1 .content h2 {
color: var(--black);
color: var(--white);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 50px;
text-align: center;
}
@media (max-width: 600px) {
.shopify-business-name-generator .bl-1 .content h2 {
font-size: 18px;
line-height: 25px;
}
}
.shopify-business-name-generator .bl-1 .content .form-wrapper {
margin: 0 auto;
max-width: 1060px;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper .popover {
background: rgba(0, 0, 0, 0.5);
border-radius: 40px;
color: var(--white);
font-size: 20px;
line-height: 28px;
margin-bottom: 36px;
margin-left: -20px;
padding: 12px 21px;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper .popover:before {
background: url('data:image/svg+xml;charset=utf-8,')
no-repeat;
bottom: -11px;
content: "";
height: 11px;
position: absolute;
width: 18px;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper form {
align-items: center;
display: flex;
width: 100%;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper form .field {
margin-right: 16px;
position: relative;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
span.error {
bottom: -20px;
color: var(--red);
color: var(--white);
display: block;
font-size: 12px;
margin-top: 4px;
position: absolute;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[name="describe-your-business"] {
background: var(--white);
border: 2px solid var(--black);
border-radius: 12px;
color: var(--black);
font-size: 20px;
height: 76px;
outline: none;
padding: 0 50px 0 16px;
transition: 0.3s;
width: 706px;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[name="describe-your-business"]::-moz-placeholder {
color: var(--grey);
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[name="describe-your-business"]::placeholder {
color: var(--grey);
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[name="describe-your-business"]:focus {
box-shadow: 0 0 0 6px hsla(0, 0%, 100%, 0.3);
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[type="reset"] {
background: url(../images/shopify-business-name-generator-bl-1-input-reset.svg)
no-repeat 50% 50%;
border: none;
cursor: pointer;
display: none;
height: 20px;
margin: 0;
outline: none;
padding: 0;
position: absolute;
right: 16px;
top: 29px;
width: 20px;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper form button {
background: var(--black);
border: none;
border-radius: 12px;
color: var(--white);
cursor: pointer;
font-size: 20px;
font-weight: 600;
height: 76px;
padding-left: 40px;
position: relative;
transition: 0.3s;
width: 100%;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
button
#stars {
height: 80px;
left: calc(50% - 80px);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 80px;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
button:hover {
box-shadow: 0 4px 14px 0 rgba(194, 255, 71, 0.7);
}
.shopify-business-name-generator .bl-1 .content .form-wrapper .quick-search {
margin-top: 48px;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper .quick-search h3 {
color: var(--white);
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-bottom: 20px;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
.quick-search
.quick-search-items {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
.quick-search
.quick-search-items
.quick-search-item {
border: 1px solid var(--white);
border-radius: 60px;
color: var(--white);
cursor: pointer;
font-size: 16px;
line-height: 22px;
padding: 8px 14px;
transition: background 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
.quick-search
.quick-search-items
.quick-search-item:hover {
background: hsla(0, 0%, 100%, 0.16);
}
.shopify-business-name-generator .bl-1 .result-content {
background: var(--white);
position: relative;
}
.shopify-business-name-generator .bl-1 .result-content:before {
background: var(--white);
border-top-left-radius: 18px;
border-top-right-radius: 18px;
content: "";
height: 40px;
position: absolute;
top: -40px;
width: 100%;
}
.shopify-business-name-generator .bl-1 .result-content.active {
padding-bottom: 60px;
padding-top: 47px;
}
.shopify-business-name-generator .bl-1 .result-content #result-content-footer {
display: none;
}
.shopify-business-name-generator .bl-1 .result-content .not-sure {
color: var(--black);
font-size: 20px;
line-height: 28px;
margin-top: -12px;
text-align: center;
}
.shopify-business-name-generator .bl-1 .result-content .not-sure span {
background: url(../images/shopify-business-name-generator-bl-1-arrow.svg)
no-repeat 99% 50%;
cursor: pointer;
font-weight: 600;
padding-right: 22px;
text-decoration: underline;
transition: 0.3s;
}
.shopify-business-name-generator .bl-1 .result-content .not-sure span:hover {
background: url(../images/shopify-business-name-generator-bl-1-arrow2.svg)
no-repeat 100% 50%;
color: #666;
}
.shopify-business-name-generator .bl-1 .result-content button#lets-start-over {
background: var(--black);
border: none;
border-radius: 12px;
color: var(--white);
cursor: pointer;
display: block;
font-size: 20px;
font-weight: 600;
height: 56px;
margin: 27px auto 0;
outline: none;
padding-left: 40px;
position: relative;
transition: box-shadow 0.3s;
width: 262px;
}
.shopify-business-name-generator
.bl-1
.result-content
button#lets-start-over
#lets-start-over-stars {
height: 80px;
left: calc(50% - 80px);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 80px;
}
.shopify-business-name-generator
.bl-1
.result-content
button#lets-start-over:hover {
box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.36);
}
.shopify-business-name-generator .bl-1 .result-content .result-item .popover {
background: var(--teal-main);
border-radius: 40px;
color: var(--white);
font-size: 20px;
line-height: 28px;
margin-bottom: 32px;
padding: 12px 21px;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.popover:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' fill='none'%3E%3Cpath d='M0 0h18L0 11V0Z' fill='%23009A7B'/%3E%3C/svg%3E")
no-repeat;
bottom: -11px;
content: "";
height: 11px;
left: 25px;
position: absolute;
width: 18px;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx {
display: flex;
flex-wrap: wrap;
gap: 16px 20px;
margin-bottom: 60px;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item {
align-items: center;
background: var(--white);
border: 1px solid rgba(0, 0, 0, 0.11);
border-radius: 60px;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
cursor: pointer;
display: flex;
height: 60px;
justify-content: space-between;
padding: 4px 4px 4px 24px;
text-decoration: none;
transition:
border 0.1s,
box-shadow 0.1s;
width: calc(33.33333% - 14px);
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item
span.name {
color: var(--black);
font-size: 18px;
font-weight: 500;
line-height: 25px;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item
.get-name {
align-items: center;
background: var(--black);
border-radius: 60px;
display: flex;
height: 52px;
justify-content: center;
transition: width 0.1s;
width: 52px;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item
.get-name
span {
color: var(--white);
display: none;
font-size: 16px;
font-weight: 500;
padding-right: 12px;
white-space: nowrap;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item
.get-name
.get-name-arrow {
background: url('data:image/svg+xml;charset=utf-8,')
no-repeat 50% 50%;
height: 15px;
left: 0;
position: relative;
transition: left 0.2s;
width: 15px;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item
.get-name:hover
.get-name-arrow {
left: 4px;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item:hover {
border: 1px solid rgba(0, 0, 0, 0.31);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item:hover
.get-name {
width: 169px;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item:hover
.get-name
span {
display: block;
}
.shopify-business-name-generator .bl-2 {
padding-bottom: 100px;
padding-top: 40px;
}
.shopify-business-name-generator .bl-2 h2 {
color: var(--black);
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin-bottom: 16px;
text-align: center;
}
.shopify-business-name-generator .bl-2 h3 {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 48px;
text-align: center;
}
.shopify-business-name-generator .bl-2 .flx {
display: flex;
flex-wrap: wrap;
gap: 0 24px;
padding: 0 108px;
}
.shopify-business-name-generator .bl-2 .flx .block {
background: var(--white);
border-radius: 20px;
box-shadow:
0 0 2px 0 rgba(0, 0, 0, 0.14),
0 4px 30px 0 rgba(0, 0, 0, 0.06);
padding: 40px 20px;
width: calc(25% - 18px);
}
.shopify-business-name-generator .bl-2 .flx .block img,
.shopify-business-name-generator .bl-2 .flx .block svg {
display: block;
margin: 0 auto 10px;
}
.shopify-business-name-generator .bl-2 .flx .block h4 {
color: var(--black);
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-bottom: 4px;
text-align: center;
}
.shopify-business-name-generator .bl-2 .flx .block p {
color: var(--grey-80);
font-size: 14px;
line-height: 19.6px;
text-align: center;
}
.shopify-business-name-generator .bl-2 .flx-icons {
align-items: center;
display: flex;
justify-content: center;
margin-top: 36px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-left img {
display: block;
margin-right: 37px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-left img.s1 {
width: 255px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-left img.s2 {
width: 80px;
}
.shopify-business-name-generator .bl-2 .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 63px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-right img {
display: block;
margin-left: 37px;
margin-right: 15px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-right img.s3 {
width: 92px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-right h5 {
color: var(--black);
font-size: 18px;
line-height: normal;
}
.shopify-business-name-generator .bl-3 {
padding-bottom: 20px;
}
.shopify-business-name-generator .bl-3 h2 {
color: var(--black);
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin-bottom: 48px;
text-align: center;
}
.shopify-business-name-generator .bl-3 .flx {
display: flex;
flex-wrap: wrap;
gap: 0 40px;
justify-content: center;
}
.shopify-business-name-generator .bl-3 .flx .block {
width: calc(33.33333% - 125px);
}
.shopify-business-name-generator .bl-3 .flx .block .icon-wrapper {
align-items: center;
background: var(--green);
border-radius: 20px;
display: flex;
height: 100px;
justify-content: center;
margin: 0 auto 24px;
width: 100px;
}
.shopify-business-name-generator .bl-3 .flx .block .icon-wrapper img {
display: block;
max-width: 80px;
}
.shopify-business-name-generator .bl-3 .flx .block h3 {
color: var(--black);
font-size: 24px;
font-weight: 700;
line-height: 33px;
margin-bottom: 4px;
text-align: center;
}
.shopify-business-name-generator .bl-3 .flx .block h4 {
color: var(--black);
font-size: 16px;
line-height: 22px;
text-align: center;
}
.shopify-business-name-generator .bl-3 .flx .block h4 a {
color: var(--pink);
font-weight: 600;
text-decoration: none;
}
.shopify-business-name-generator .bl-3 .flx .block h4 a:hover {
text-decoration: underline;
}
.shopify-business-name-generator .bl-4 {
padding-bottom: 100px;
padding-top: 20px;
}
.shopify-business-name-generator .bl-4 .flx {
display: flex;
gap: 0 63px;
}
.shopify-business-name-generator .bl-4 .flx .content {
width: calc(100% - 370px);
}
.shopify-business-name-generator .bl-4 .flx .content h2 {
color: var(--black);
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin-bottom: 20px;
}
.shopify-business-name-generator .bl-4 .flx .content p {
color: var(--black);
font-size: 18px;
line-height: 27px;
margin-bottom: 15px;
}
.shopify-business-name-generator .bl-4 .flx .content p b {
font-weight: 600;
}
.shopify-business-name-generator .bl-4 .flx .content iframe {
border-radius: 20px;
height: 510px;
margin-bottom: 20px;
width: 100%;
}
.shopify-business-name-generator .bl-4 .flx .content ol {
list-style-type: decimal;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 30px;
}
.shopify-business-name-generator .bl-4 .flx .content ol li {
font-size: 18px;
line-height: 27px;
margin-bottom: 5px;
}
.shopify-business-name-generator .bl-4 .flx .content ol li b {
font-weight: 600;
}
.shopify-business-name-generator .bl-4 .flx .content ul {
list-style-type: disc;
margin-bottom: 20px;
margin-top: 10px;
padding-left: 30px;
}
.shopify-business-name-generator .bl-4 .flx .content ul li {
font-size: 18px;
line-height: 27px;
margin-bottom: 5px;
}
.shopify-business-name-generator .bl-4 .flx .content ul li b {
font-weight: 600;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper {
flex-shrink: 0;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner {
background: var(--white) url(../images/shopify-theme-detector-bl-3-bg.svg)
center/cover;
border-radius: 12px;
padding: 36px 36px 30px;
position: sticky;
top: 100px;
width: 370px;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner img {
display: block;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner img.logo,
.shopify-business-name-generator
.bl-4
.flx
.banner-wrapper
.banner
img.main-img {
margin: 0 auto 40px;
}
.shopify-business-name-generator
.bl-4
.flx
.banner-wrapper
.banner
img.customers {
margin: 0 auto 12px;
width: 130px;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner .title {
color: var(--black);
font-size: 28px;
font-weight: 700;
line-height: 36px;
margin-bottom: 12px;
text-align: center;
}
.shopify-business-name-generator
.bl-4
.flx
.banner-wrapper
.banner
.title
span {
position: relative;
z-index: 1;
}
.shopify-business-name-generator
.bl-4
.flx
.banner-wrapper
.banner
.title
span:before {
background: var(--lemon);
bottom: 0;
content: "";
height: 32px;
left: -3px;
position: absolute;
right: 0;
top: 2px;
transform: rotate(-2.3deg);
width: calc(100% + 6px);
z-index: -1;
}
.shopify-business-name-generator
.bl-4
.flx
.banner-wrapper
.banner
.description {
color: var(--black);
font-size: 16px;
line-height: normal;
margin-bottom: 28px;
text-align: center;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 100px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 100%;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner a {
width: 326px;
}
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner a:hover {
background-position: calc(50% + 105px) 50%;
}
.shopify-business-name-generator
.bl-4
.flx
.banner-wrapper
.banner
.no-credit-card {
font-size: 14px;
margin-bottom: 32px;
text-align: center;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner p {
color: var(--black);
font-size: 13px;
line-height: normal;
text-align: center;
}
.shopify-business-name-generator .bl-6 {
padding-bottom: 100px;
}
.shopify-business-name-generator .bl-6 h2 {
color: var(--black);
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin-bottom: 16px;
}
.shopify-business-name-generator .bl-6 h3 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 33px;
margin-bottom: 48px;
}
.shopify-business-name-generator .bl-6 .flx {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.shopify-business-name-generator .bl-6 .flx .block {
border-radius: 20px;
padding: 28px 30px 43px;
position: relative;
text-decoration: none;
width: calc(33.33333% - 14px);
}
.shopify-business-name-generator .bl-6 .flx .block .icons {
align-items: center;
display: flex;
gap: 0 2px;
margin-bottom: 27px;
}
.shopify-business-name-generator .bl-6 .flx .block .icons .coupon {
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.shopify-business-name-generator .bl-6 .flx .block .icons .coupon span {
font-size: 16px;
font-weight: 600;
left: 50%;
line-height: 17px;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.shopify-business-name-generator .bl-6 .flx .block h4 {
font-size: 24px;
font-weight: 700;
line-height: 31px;
margin-bottom: 8px;
}
.shopify-business-name-generator .bl-6 .flx .block p {
font-size: 14px;
line-height: 19px;
}
.shopify-business-name-generator .bl-6 .flx .block .btn {
background: url(../images/blog-btn-wrapper.svg) no-repeat;
background-size: 100%;
bottom: 0;
height: 86px;
position: absolute;
right: 0;
transition: 0.3s;
width: 86px;
}
.shopify-business-name-generator .bl-6 .flx .block .btn:before {
background: url(../images/blog-btn.svg) no-repeat;
background-size: 100%;
bottom: 0;
content: "";
height: 60px;
position: absolute;
right: 0;
transition: 0.3s;
width: 60px;
}
.shopify-business-name-generator .bl-6 .flx .block.s1 {
background: #101010
url(../images/shopify-business-name-generator-bl-6-bg-1.svg) 50% / cover;
}
.shopify-business-name-generator .bl-6 .flx .block.s1 h4,
.shopify-business-name-generator .bl-6 .flx .block.s1 p {
color: var(--white);
}
.shopify-business-name-generator .bl-6 .flx .block.s1 .icons .coupon span {
color: var(--black);
}
.shopify-business-name-generator .bl-6 .flx .block.s2 {
background: #fff url(../images/shopify-business-name-generator-bl-6-bg-2.svg)
50% / cover;
}
.shopify-business-name-generator .bl-6 .flx .block.s2 .icons .coupon span,
.shopify-business-name-generator .bl-6 .flx .block.s2 h4,
.shopify-business-name-generator .bl-6 .flx .block.s2 p {
color: var(--black);
}
.shopify-business-name-generator .bl-6 .flx .block.s3 {
background: #090e35
url(../images/shopify-business-name-generator-bl-6-bg-3.svg) 50% / cover;
}
.shopify-business-name-generator .bl-6 .flx .block.s3 .icons .coupon span,
.shopify-business-name-generator .bl-6 .flx .block.s3 h4,
.shopify-business-name-generator .bl-6 .flx .block.s3 p {
color: var(--white);
}
.shopify-business-name-generator .bl-6 .flx .block:hover .btn {
height: 94px;
width: 94px;
}
.shopify-business-name-generator .bl-6 .flx .block:hover .btn:before {
height: 65px;
width: 65px;
}
@media (max-width: 1300px) {
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[name="describe-your-business"] {
width: 630px;
}
.shopify-business-name-generator .bl-2 .flx {
padding: 0;
}
.shopify-business-name-generator .bl-3 .flx .block {
width: calc(33.33333% - 27px);
}
.shopify-business-name-generator .bl-3 .flx .block h4 br {
display: none;
}
.shopify-business-name-generator .bl-6 .flx .block {
padding-bottom: 60px;
}
.shopify-business-name-generator .bl-6 .flx .block h4 br,
.shopify-business-name-generator .bl-6 .flx .block p br {
display: none;
}
}
@media (max-width: 940px) {
.shopify-business-name-generator .bl-1 .content .form-wrapper form {
flex-wrap: wrap;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper form .field {
margin-right: 0;
width: 100%;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
span.error {
bottom: 8px;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[name="describe-your-business"] {
margin-bottom: 24px;
width: 100%;
}
.shopify-business-name-generator .bl-1 .content h2 br {
display: none;
}
.shopify-business-name-generator
.bl-1
.result-content
.result-item
.result-flx
.result-flx-item {
width: 100%;
}
.shopify-business-name-generator .bl-2 .flx {
gap: 16px;
}
.shopify-business-name-generator .bl-2 .flx .block {
width: calc(50% - 12px);
}
.shopify-business-name-generator .bl-2 .flx-icons {
flex-wrap: wrap;
}
.shopify-business-name-generator .bl-2 .flx-icons span {
display: none;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-left {
margin-bottom: 20px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-right {
flex-direction: column;
width: 100%;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-right img {
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
}
.shopify-business-name-generator .bl-3 .flx {
flex-direction: column;
}
.shopify-business-name-generator .bl-3 .flx .block {
align-items: flex-start;
display: flex;
margin-bottom: 24px;
width: 100%;
}
.shopify-business-name-generator .bl-3 .flx .block .icon-wrapper {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 24px;
}
.shopify-business-name-generator .bl-3 .flx .block div {
width: 100%;
}
.shopify-business-name-generator .bl-3 .flx .block div h3,
.shopify-business-name-generator .bl-3 .flx .block div h4 {
text-align: left;
}
.shopify-business-name-generator .bl-3 .flx .block:last-child {
margin-bottom: 0;
}
.shopify-business-name-generator .bl-4 .flx {
flex-direction: column;
}
.shopify-business-name-generator .bl-4 .flx .content {
width: 100%;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper {
margin: 40px auto 0;
}
.shopify-business-name-generator .bl-6 .flx .block {
width: 100%;
}
}
@media (max-width: 600px) {
.shopify-business-name-generator .bl-1 {
background: var(--black)
url(../images/shopify-business-name-generator-bl-1-bg-mob.svg) no-repeat;
background-size: 100%;
padding-top: 115px;
}
.shopify-business-name-generator .bl-1 .content {
padding-bottom: 100px;
}
.shopify-business-name-generator .bl-1 .content .hero-slider {
display: none;
}
.shopify-business-name-generator .bl-1 .content h1 {
margin-top: 0;
}
.shopify-business-name-generator .bl-1 .content h1 span img {
width: 39px;
}
.shopify-business-name-generator .bl-1 .content h2 {
margin-bottom: 30px;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper .popover {
border-radius: 24px;
font-size: 16px;
line-height: 22px;
margin-bottom: 32px;
margin-left: 0;
width: 227px;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[name="describe-your-business"] {
font-size: 16px;
height: 64px;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
form
.field
input[type="reset"] {
top: 22px;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper form button {
height: 64px;
}
.shopify-business-name-generator .bl-1 .content .form-wrapper .quick-search {
margin-top: 36px;
}
.shopify-business-name-generator
.bl-1
.content
.form-wrapper
.quick-search
h3 {
font-size: 16px;
}
.shopify-business-name-generator .bl-1 .result-content .result-item .popover {
border-radius: 24px;
margin-bottom: 36px;
}
.shopify-business-name-generator .bl-1 .result-content .not-sure {
margin-top: 0;
}
.shopify-business-name-generator .bl-1 .result-content .not-sure span {
display: block;
margin: auto;
width: -moz-fit-content;
width: fit-content;
}
.shopify-business-name-generator
.bl-1
.result-content
button#lets-start-over {
width: 100%;
}
.shopify-business-name-generator .bl-1 .result-content.active {
padding-top: 0;
}
.shopify-business-name-generator .bl-2 {
padding-bottom: 80px;
padding-top: 20px;
}
.shopify-business-name-generator .bl-2 h2 {
font-size: 28px;
line-height: 33px;
margin-bottom: 12px;
}
.shopify-business-name-generator .bl-2 h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 32px;
}
.shopify-business-name-generator .bl-2 .flx .block {
padding: 20px 8px;
}
.shopify-business-name-generator .bl-2 .flx .block h4 {
font-size: 14px;
line-height: 19px;
}
.shopify-business-name-generator .bl-2 .flx .block p {
font-size: 12px;
line-height: 16px;
}
.shopify-business-name-generator .bl-2 .flx-icons {
margin-top: 20px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-left img.s1 {
margin-right: 25px;
width: 218px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-left img.s2 {
margin-right: 0;
width: 56px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-right h5 {
font-size: 16px;
}
.shopify-business-name-generator .bl-2 .flx-icons .flx-icons-right h3 {
text-align: center;
}
.shopify-business-name-generator .bl-3 {
padding-bottom: 30px;
}
.shopify-business-name-generator .bl-3 h2 {
font-size: 28px;
line-height: 36px;
margin-bottom: 28px;
}
.shopify-business-name-generator .bl-3 .flx .block .icon-wrapper {
border-radius: 12px;
height: 64px;
width: 64px;
}
.shopify-business-name-generator .bl-3 .flx .block .icon-wrapper img {
max-width: 33px;
}
.shopify-business-name-generator .bl-3 .flx .block h3 {
font-size: 20px;
line-height: 28px;
}
.shopify-business-name-generator .bl-4 {
padding-bottom: 80px;
padding-top: 30px;
}
.shopify-business-name-generator .bl-4 .flx .content {
gap: 20px 0;
}
.shopify-business-name-generator .bl-4 .flx .content h2 {
font-size: 28px;
line-height: 33px;
margin-bottom: 16px;
}
.shopify-business-name-generator .bl-4 .flx .content p {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
.shopify-business-name-generator .bl-4 .flx .content iframe {
border-radius: 8px;
height: 210px;
}
.shopify-business-name-generator .bl-4 .flx .content .content-item h2 {
margin-bottom: 16px;
}
.shopify-business-name-generator .bl-4 .flx .content .content-item p {
margin-bottom: 10px;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner {
padding: 36px 24px;
width: 327px;
}
.shopify-business-name-generator
.bl-4
.flx
.banner-wrapper
.banner
img.main-img {
display: none;
}
.shopify-business-name-generator .bl-4 .flx .banner-wrapper .banner a {
width: 100%;
}
.shopify-business-name-generator .bl-6 {
padding-bottom: 80px;
}
.shopify-business-name-generator .bl-6 h2 {
font-size: 28px;
line-height: 33px;
margin-bottom: 12px;
text-align: center;
}
.shopify-business-name-generator .bl-6 h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 28px;
text-align: center;
}
}
.category-main {
background: url(../images/front-page-bl-1-bg-v2.svg) no-repeat 50% 0;
background-size: 100%;
}
.category-main .category-hero {
padding-bottom: 80px;
padding-top: 107px;
}
.category-main .category-hero .breadcrumb {
padding-bottom: 33px;
}
.category-main .category-hero .breadcrumb a {
color: var(--black);
font-size: 14px;
text-decoration: none;
}
.category-main .category-hero .breadcrumb a:hover {
text-decoration: underline;
}
.category-main .category-hero .breadcrumb span {
color: rgba(0, 0, 0, 0.4);
font-size: 14px;
}
.category-main .category-hero h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.category-main .category-hero h1 {
font-size: 32px;
line-height: 41px;
}
}
.category-main .category-hero p {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
text-align: center;
}
@media (max-width: 600px) {
.category-main .category-hero p {
font-size: 18px;
line-height: 25px;
}
}
.category-main .category-hero .author-banner {
align-items: center;
background: var(--white);
border-radius: 20px;
box-shadow:
0 4px 30px 0 rgba(0, 0, 0, 0.06),
0 0 2px 0 rgba(0, 0, 0, 0.14);
display: flex;
padding: 40px;
}
.category-main .category-hero .author-banner .author-avatar {
margin-right: 28px;
}
.category-main .category-hero .author-banner .author-avatar img {
border: 2px solid var(--white);
border-radius: 140px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
display: block;
height: 120px;
width: 120px;
}
.category-main .category-hero .author-banner .author-info .name {
color: var(--black);
font-size: 40px;
font-weight: 700;
line-height: 48px;
margin-bottom: 16px;
}
.category-main .category-hero .author-banner .author-info .description {
color: var(--black);
font-size: 18px;
line-height: 25px;
}
.category-main .category-latest-posts h2 {
color: var(--black);
font-size: 32px;
font-weight: 600;
line-height: 41px;
margin-bottom: 32px;
}
.category-main .category-latest-posts .posts {
display: flex;
flex-wrap: wrap;
gap: 80px 20px;
}
.category-main .category-latest-posts .posts .get-free-store-banner {
margin: 0;
}
.category-main .category-latest-posts ul.pagination {
display: flex;
justify-content: center;
margin-top: 60px;
}
.category-main .category-latest-posts ul.pagination li {
align-items: center;
cursor: pointer;
display: flex;
font-size: 16px;
height: 32px;
justify-content: center;
line-height: 22px;
width: 32px;
}
.category-main .category-latest-posts ul.pagination li a {
text-decoration: none;
}
.category-main .category-latest-posts ul.pagination li:not(.arrow) a {
color: #191935;
}
.category-main .category-latest-posts ul.pagination li.prev {
margin-right: 16px;
}
.category-main .category-latest-posts ul.pagination li.prev a svg {
margin-right: 5px;
}
.category-main .category-latest-posts ul.pagination li.next {
margin-left: 16px;
}
.category-main .category-latest-posts ul.pagination li.next a svg {
margin-left: 5px;
}
.category-main .category-latest-posts ul.pagination li.next,
.category-main .category-latest-posts ul.pagination li.prev {
height: auto;
width: auto;
}
.category-main .category-latest-posts ul.pagination li.next a,
.category-main .category-latest-posts ul.pagination li.prev a {
align-items: center;
color: #191935;
display: flex;
font-size: 16px;
}
.category-main .category-latest-posts ul.pagination li.dots {
cursor: default;
}
.category-main .category-latest-posts ul.pagination li.active {
background: var(--black);
border-radius: 44px;
color: var(--white);
cursor: default;
}
.category-main .category-latest-posts ul.pagination li.disabled {
pointer-events: none;
}
.category-main .category-latest-posts ul.pagination li.disabled a {
color: #b8b8b8;
}
.category-main .category-latest-posts ul.pagination li.disabled a svg path {
stroke: #b8b8b8;
}
.category-main.author-main .get-free-store-banner {
margin-bottom: 0;
}
@media (max-width: 940px) {
.category-main .category-hero .author-banner {
align-items: flex-start;
flex-direction: column;
}
.category-main .category-hero .author-banner .author-avatar {
margin-bottom: 28px;
margin-right: 0;
}
.category-main .category-hero .author-banner .author-info .name {
font-size: 32px;
line-height: 38px;
}
.category-main .category-hero .author-banner .author-info .description {
font-size: 16px;
line-height: 22px;
}
.category-main.author-main .category-hero {
padding-bottom: 80px;
}
.category-main.author-main .get-free-store-banner {
margin-top: 80px;
}
}
@media (max-width: 600px) {
.category-main .category-hero {
padding-bottom: 40px;
}
.category-main .category-hero .breadcrumb {
display: none;
}
.category-main .category-hero h1 {
font-size: 32px;
line-height: 41px;
}
.category-main .category-latest-posts h2 {
font-size: 28px;
line-height: 36px;
margin-bottom: 28px;
}
.category-main .category-latest-posts .posts {
gap: 32px 0;
}
.category-main .category-latest-posts .posts .get-free-store-banner {
margin: 50px -24px;
}
.category-main .category-latest-posts ul.pagination li.next,
.category-main .category-latest-posts ul.pagination li.prev {
border: 1px solid var(--black);
border-radius: 60px;
height: 32px;
width: 32px;
}
.category-main .category-latest-posts ul.pagination li.next span,
.category-main .category-latest-posts ul.pagination li.prev span {
display: none;
}
.category-main .category-latest-posts ul.pagination li.next {
margin-left: 12px;
}
.category-main .category-latest-posts ul.pagination li.next a svg {
margin-left: 0;
}
.category-main .category-latest-posts ul.pagination li.prev {
margin-right: 12px;
}
.category-main .category-latest-posts ul.pagination li.prev a svg {
margin-right: 0;
}
.category-main .category-latest-posts ul.pagination li.disabled {
border: 1px solid #b8b8b8;
}
}
.features-single .bl-1 {
background: url(../images/front-page-bl-1-bg-v2.svg) 50% / cover;
padding-bottom: 30px;
padding-top: 160px;
}
.features-single .bl-1 h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.features-single .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.features-single .bl-1 p {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 28px;
text-align: center;
}
@media (max-width: 600px) {
.features-single .bl-1 p {
font-size: 18px;
line-height: 25px;
}
}
.features-single .bl-1 a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 350px;
}
.features-single .bl-1 a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.features-single .bl-1 a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.features-single .bl-1 a {
width: 326px;
}
}
.features-single .bl-1 .no-credit-card {
font-size: 14px;
margin-bottom: 42px;
margin-top: 10px;
text-align: center;
}
.features-single .bl-1 img {
margin: auto;
max-width: 100%;
}
.features-single .bl-1 img.desktop {
display: block;
}
.features-single .bl-1 img.mobile {
display: none;
}
.features-single .bl-3 {
padding-bottom: 100px;
}
.features-single .bl-3 .flx-wrapper {
margin-bottom: 0;
}
.features-single .get-free-store-banner {
margin-bottom: 100px;
margin-top: 0;
}
@media (max-width: 600px) {
.features-single .bl-1 {
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
padding-bottom: 60px;
padding-top: 120px;
}
.features-single .bl-1 .container {
display: flex;
flex-direction: column;
}
.features-single .bl-1 h1 {
font-size: 32px;
line-height: 41px;
order: 2;
}
.features-single .bl-1 p {
margin-bottom: 32px;
order: 3;
}
.features-single .bl-1 p br {
display: none;
}
.features-single .bl-1 a {
margin-bottom: 0;
order: 4;
}
.features-single .bl-1 .no-credit-card {
order: 5;
}
.features-single .bl-1 img {
margin-bottom: 25px;
order: 1;
}
.features-single .bl-1 img.desktop {
display: none;
}
.features-single .bl-1 img.mobile {
display: block;
}
.features-single .bl-3 {
padding-bottom: 80px;
}
.features-single .get-free-store-banner {
margin-bottom: 80px;
}
}
.success-stories {
background: url(../images/front-page-bl-1-bg-v2.svg) no-repeat;
background-size: 100%;
}
.success-stories .bl-1 {
padding-bottom: 180px;
padding-top: 235px;
position: relative;
}
.success-stories .bl-1 img.mob {
display: none;
}
.success-stories .bl-1 .content {
position: relative;
z-index: 2;
}
.success-stories .bl-1 h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.success-stories .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.success-stories .bl-1 h2 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 28px;
text-align: center;
}
@media (max-width: 600px) {
.success-stories .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.success-stories .bl-1 a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 350px;
}
.success-stories .bl-1 a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.success-stories .bl-1 a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.success-stories .bl-1 a {
width: 326px;
}
}
.success-stories .bl-1 .no-credit-card {
font-size: 14px;
margin-top: 10px;
text-align: center;
}
.success-stories .bl-1 .parallax-wrapper img {
position: absolute;
transform: translate(0);
will-change: transform;
z-index: 1;
}
.success-stories .bl-1 .parallax-wrapper img.parallax-1 {
left: 1vw;
max-width: 1233px;
top: -30px;
transform: translate(var(--parallax-1-x), var(--parallax-1-y));
}
.success-stories .bl-1 .parallax-wrapper img.parallax-2 {
left: 3vw;
max-width: 1172px;
top: -60px;
transform: translate(var(--parallax-2-x), var(--parallax-2-y));
}
.success-stories .bl-1 .parallax-wrapper img.parallax-3 {
left: 0;
top: -100px;
transform: translate(var(--parallax-3-x), var(--parallax-3-y));
}
.success-stories .bl-2 {
padding-bottom: 20px;
}
.success-stories .bl-2 h2 {
color: var(--black, #000);
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin-bottom: 16px;
text-align: center;
}
.success-stories .bl-2 h3 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 48px;
text-align: center;
}
@media (max-width: 600px) {
.success-stories .bl-2 h3 {
font-size: 18px;
line-height: 25px;
}
}
.success-stories .bl-2 .see-more {
border: 1px solid var(--black);
border-radius: 8px;
color: var(--black);
display: none;
font-size: 16px;
font-weight: 500;
height: 40px;
line-height: 40px;
margin-top: 40px;
text-align: center;
width: 100%;
}
.success-stories .bl-2 .modal-video {
display: none;
height: 500px;
left: 50%;
max-width: 800px;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 11;
}
.success-stories .bl-2 .modal-video .close:before {
background: var(--black)
url(../images/shopify-business-name-generator-bl-1-input-reset.svg)
no-repeat 50% 50%;
border-radius: 8px;
content: "";
cursor: pointer;
height: 12px;
padding: 10px;
position: absolute;
right: -12px;
top: -12px;
width: 12px;
}
.success-stories .bl-2 .modal-video .video {
height: 100%;
width: 100%;
}
.success-stories .bl-2 .modal-video .video iframe {
border-radius: 16px;
height: 100%;
width: 100%;
}
.success-stories .bl-2 .modal-video.active {
display: block;
}
.success-stories .bl-2 .overlay {
background: rgba(0, 0, 0, 0.8);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10;
}
.success-stories .bl-2 .overlay.active {
display: block;
}
.success-stories .bl-2 .flx {
display: flex;
flex-wrap: wrap;
gap: 60px 20px;
}
.success-stories .bl-2 .flx .block {
width: calc(33.33333% - 14px);
}
.success-stories .bl-2 .flx .block .img-wrapper {
border-radius: 20px;
height: 265px;
margin-bottom: 28px;
overflow: hidden;
position: relative;
}
.success-stories .bl-2 .flx .block .img-wrapper:before {
background: linear-gradient(180deg, transparent, #000);
bottom: 0;
content: "";
height: 62px;
left: 0;
position: absolute;
right: 0;
}
.success-stories .bl-2 .flx .block .img-wrapper img {
display: block;
height: 265px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center;
width: 100%;
}
.success-stories .bl-2 .flx .block .img-wrapper .play {
align-items: center;
border: 1px solid var(--white);
border-radius: 50px;
bottom: 16px;
color: var(--white);
cursor: pointer;
display: flex;
font-size: 16px;
left: 50%;
line-height: 22px;
padding: 4px 16px;
position: absolute;
transform: translateX(-50%);
transition: background-color 0.2s;
white-space: nowrap;
}
.success-stories .bl-2 .flx .block .img-wrapper .play svg {
margin-right: 8px;
}
.success-stories .bl-2 .flx .block .img-wrapper .play:hover {
background-color: var(--black);
}
.success-stories .bl-2 .flx .block .name {
background: url(../images/success-stories-bl-2-check.svg) no-repeat 100% 50%;
color: var(--black, #000);
font-size: 24px;
font-weight: 700;
line-height: 33px;
margin-bottom: 4px;
padding-right: 20px;
width: -moz-fit-content;
width: fit-content;
}
.success-stories .bl-2 .flx .block .title {
color: var(--black, #000);
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
.success-stories .bl-2 .flx .block .youtube-info {
align-items: center;
display: flex;
margin-bottom: 16px;
}
.success-stories .bl-2 .flx .block .youtube-info .channel {
align-items: center;
background: #ffefef;
border-radius: 400px;
color: var(--black, #000);
display: flex;
font-size: 16px;
line-height: 22px;
padding: 4px 12px;
}
.success-stories .bl-2 .flx .block .youtube-info .channel svg {
margin-right: 4px;
}
.success-stories .bl-2 .flx .block .youtube-info .subscribers {
color: var(--black, #000);
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin-left: 10px;
}
.success-stories .bl-2 .flx .block p {
color: var(--black);
font-size: 18px;
line-height: 25px;
}
.success-stories .bl-2 .flx .block a {
color: var(--teal-main);
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 22px;
margin-top: 16px;
}
.success-stories .bl-2 .flx .block.active {
display: block;
}
@media (max-width: 1300px) {
.success-stories .bl-1 {
background-size: 1100px;
}
.success-stories .bl-1 .parallax-wrapper {
display: none;
}
}
@media (max-width: 940px) {
.success-stories .bl-1 {
padding-top: 120px;
}
.success-stories .bl-1 h2 br {
display: none;
}
.success-stories .bl-1 img.mob {
display: block;
margin: 0 auto;
width: 293px;
}
.success-stories .bl-2 h3 br {
display: none;
}
.success-stories .bl-2 .flx .block {
width: calc(50% - 10px);
}
}
@media (max-width: 600px) {
.success-stories {
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
}
.success-stories .bl-1 {
padding-bottom: 80px;
padding-top: 80px;
}
.success-stories .bl-2 h2 {
font-size: 28px;
line-height: 33px;
margin-bottom: 12px;
}
.success-stories .bl-2 h3 {
font-size: 18px;
line-height: 25px;
margin-bottom: 32px;
}
.success-stories .bl-2 .modal-video {
height: 250px;
max-width: calc(100% - 40px);
}
.success-stories .bl-2 .flx {
gap: 40px 0;
}
.success-stories .bl-2 .flx .block {
display: none;
width: 100%;
}
.success-stories .bl-2 .flx .block .img-wrapper,
.success-stories .bl-2 .flx .block .img-wrapper img {
height: 224px;
}
.success-stories .bl-2 .flx .block:first-child,
.success-stories .bl-2 .flx .block:nth-child(2),
.success-stories .bl-2 .flx .block:nth-child(3),
.success-stories .bl-2 .see-more {
display: block;
}
}
.glossary-main {
background: url(../images/front-page-bl-1-bg-v2.svg) no-repeat;
background-size: 100%;
}
.glossary-main .bl-1 {
padding-bottom: 90px;
padding-top: 160px;
}
.glossary-main .bl-1 h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
}
@media (max-width: 600px) {
.glossary-main .bl-1 h1 {
font-size: 32px;
line-height: 41px;
}
}
.glossary-main .bl-1 h2 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 50px;
text-align: center;
}
@media (max-width: 600px) {
.glossary-main .bl-1 h2 {
font-size: 18px;
line-height: 25px;
}
}
.glossary-main .bl-1 .glossary-search-wrapper {
background: var(--white);
border-radius: 30px;
box-shadow:
0 4px 30px 0 rgba(0, 0, 0, 0.06),
0 0 2px 0 rgba(0, 0, 0, 0.14);
padding: 40px 50px;
}
.glossary-main .bl-1 .glossary-search-wrapper #glossary-search-form {
align-items: center;
display: flex;
gap: 0 16px;
margin-bottom: 40px;
}
.glossary-main .bl-1 .glossary-search-wrapper #glossary-search-form .field {
position: relative;
width: 100%;
}
.glossary-main
.bl-1
.glossary-search-wrapper
#glossary-search-form
.field
span.error {
bottom: -20px;
color: var(--red);
display: block;
font-size: 12px;
margin-top: 4px;
position: absolute;
}
.glossary-main .bl-1 .glossary-search-wrapper #glossary-search-form input {
background: var(--white);
border: 2px solid var(--teal-main-secondary);
border-radius: 12px;
color: var(--black);
font-size: 20px;
height: 64px;
outline: none;
padding: 0 16px;
transition: box-shadow 0.2s;
width: 100%;
}
.glossary-main
.bl-1
.glossary-search-wrapper
#glossary-search-form
input:focus {
box-shadow: 0 0 0 4px var(--teal-light-secondary);
}
.glossary-main
.bl-1
.glossary-search-wrapper
#glossary-search-form
input:placeholder {
color: var(--grey);
}
.glossary-main .bl-1 .glossary-search-wrapper #glossary-search-form button {
background: var(--black)
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 100px) 50%;
border: none;
border-radius: 12px;
color: var(--white);
cursor: pointer;
flex-shrink: 0;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 32px;
outline: none;
padding-right: 32px;
transition: background-position 0.2s;
width: 354px;
}
.glossary-main
.bl-1
.glossary-search-wrapper
#glossary-search-form
button:hover {
background-position: calc(50% + 105px) 50%;
}
.glossary-main .bl-1 .glossary-search-wrapper ul {
align-items: center;
display: flex;
gap: 0 14px;
}
.glossary-main .bl-1 .glossary-search-wrapper ul li a {
align-items: center;
background: var(--teal-light-secondary);
border-radius: 5px;
color: var(--black);
cursor: pointer;
display: flex;
font-size: 20px;
height: 32px;
justify-content: center;
line-height: 28px;
text-decoration: none;
width: 32px;
}
.glossary-main .bl-1 .glossary-search-wrapper ul li.inactive a {
background: var(--grey-20);
color: var(--grey-40);
cursor: not-allowed;
}
.glossary-main .glossary-posts .flx {
display: flex;
gap: 0 67px;
}
.glossary-main .glossary-posts .flx .posts-content {
width: 100%;
}
.glossary-main .glossary-posts .flx .posts-content .glossary-post-wrapper {
display: flex;
margin-bottom: 60px;
position: relative;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper:before {
background: #d9d9d9;
content: "";
height: 100%;
left: 36px;
position: absolute;
width: 1px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.category-title {
color: var(--black);
font-size: 20px;
font-weight: 600;
height: 100%;
line-height: 28px;
margin-right: 32px;
position: sticky;
top: 100px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.category-title
span {
display: block;
width: 20px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item {
margin-bottom: 20px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item
a {
font-weight: 600;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item
a.title {
color: var(--black, #000);
display: inline-block;
font-size: 20px;
line-height: 28px;
margin-bottom: 12px;
text-decoration: none;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item
a.read-full {
color: var(--teal-main);
font-size: 16px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item
a:hover {
text-decoration: underline;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item
.excerpt {
color: var(--black, #000);
font-size: 16px;
line-height: 22px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item:last-child,
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper:last-child {
margin-bottom: 0;
}
.glossary-main .glossary-posts .flx .banner-wrapper {
flex-shrink: 0;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner {
background: var(--white) url(../images/shopify-theme-detector-bl-3-bg.svg)
center/cover;
border-radius: 12px;
padding: 36px 36px 30px;
position: sticky;
top: 100px;
width: 370px;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner img {
display: block;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner img.logo,
.glossary-main .glossary-posts .flx .banner-wrapper .banner img.main-img {
margin: 0 auto 40px;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner img.customers {
margin: 0 auto 12px;
width: 130px;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner .title {
color: var(--black);
font-size: 28px;
font-weight: 700;
line-height: 36px;
margin-bottom: 12px;
text-align: center;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner .title span {
position: relative;
z-index: 1;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner .title span:before {
background: var(--lemon);
bottom: 0;
content: "";
height: 32px;
left: -3px;
position: absolute;
right: 0;
top: 2px;
transform: rotate(-2.3deg);
width: calc(100% + 6px);
z-index: -1;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner .description {
color: var(--black);
font-size: 16px;
line-height: normal;
margin-bottom: 28px;
text-align: center;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background-position: calc(50% + 100px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 100%;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.glossary-main .glossary-posts .flx .banner-wrapper .banner a {
width: 326px;
}
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner a:hover {
background-position: calc(50% + 105px) 50%;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner .no-credit-card {
font-size: 14px;
margin-bottom: 32px;
margin-top: 10px;
text-align: center;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner p {
color: var(--black);
font-size: 13px;
line-height: normal;
text-align: center;
}
@media (max-width: 1300px) {
.glossary-main .bl-1 h2 br {
display: none;
}
.glossary-main .bl-1 .glossary-search-wrapper #glossary-search-form button {
width: 300px;
}
.glossary-main .bl-1 .glossary-search-wrapper ul {
overflow-x: auto;
}
.glossary-main .bl-1 .glossary-search-wrapper ul::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 940px) {
.glossary-main .bl-1 .glossary-search-wrapper #glossary-search-form {
flex-direction: column;
gap: 16px 0;
}
.glossary-main .bl-1 .glossary-search-wrapper #glossary-search-form button {
width: 100%;
}
.glossary-main .glossary-posts .flx {
flex-direction: column;
}
.glossary-main .glossary-posts .flx .banner-wrapper {
margin: 80px auto 0;
}
}
@media (max-width: 600px) {
.glossary-main .bl-1 {
padding-bottom: 72px;
padding-top: 100px;
}
.glossary-main .bl-1 h2 {
margin-bottom: 32px;
}
.glossary-main .bl-1 .glossary-search-wrapper {
background: none;
border-radius: 0;
box-shadow: none;
padding: 0;
}
.glossary-main .bl-1 .glossary-search-wrapper #glossary-search-form {
margin-bottom: 36px;
}
.glossary-main .bl-1 .glossary-search-wrapper ul {
gap: 0 8px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.category-title {
margin-right: 25px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper:before {
left: 32px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item
a.read-full {
font-size: 14px;
}
.glossary-main
.glossary-posts
.flx
.posts-content
.glossary-post-wrapper
.glossary-post-item
.excerpt {
font-size: 14px;
line-height: 19px;
}
.glossary-main .glossary-posts .flx .banner-wrapper {
margin: 80px auto 20px;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner {
padding: 36px 24px;
width: 327px;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner img.main-img {
display: none;
}
.glossary-main .glossary-posts .flx .banner-wrapper .banner a {
width: 100%;
}
}
.glossary-single {
background: url(../images/front-page-bl-1-bg-v2.svg) no-repeat;
background-size: 100%;
}
.glossary-single .bl-1 {
padding-top: 98px;
}
.glossary-single .bl-1 .breadcrumbs {
color: var(--black);
font-size: 14px;
line-height: 19px;
}
.glossary-single .bl-1 .breadcrumbs span {
color: rgba(0, 0, 0, 0.4);
}
.glossary-single .bl-1 .breadcrumbs a {
color: var(--black);
text-decoration: none;
transition: color 0.2s;
}
.glossary-single .bl-1 .breadcrumbs a:hover {
color: var(--teal-80);
}
.glossary-single .bl-1 .glossary-single-container {
margin: 0 auto;
max-width: 844px;
}
.glossary-single .bl-1 .glossary-single-container .content {
background: var(--white);
border-radius: 20px;
box-shadow:
0 0 2px 0 rgba(0, 0, 0, 0.14),
0 4px 30px 0 rgba(0, 0, 0, 0.06);
margin-bottom: 28px;
margin-top: 83px;
padding: 40px;
}
.glossary-single .bl-1 .glossary-single-container .content h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 12px;
text-align: center;
text-align: left;
}
@media (max-width: 600px) {
.glossary-single .bl-1 .glossary-single-container .content h1 {
font-size: 32px;
line-height: 41px;
}
}
.glossary-single .bl-1 .glossary-single-container .content h2 {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 20px;
margin-top: 40px;
text-align: center;
text-align: left;
}
@media (max-width: 600px) {
.glossary-single .bl-1 .glossary-single-container .content h2 {
font-size: 18px;
line-height: 25px;
}
}
.glossary-single .bl-1 .glossary-single-container .content h3 {
color: var(--black);
font-size: 18px;
line-height: normal;
margin-bottom: 5px;
margin-top: 40px;
text-align: "left";
}
@media (max-width: 600px) {
.glossary-single .bl-1 .glossary-single-container .content h3 {
font-size: 16px;
}
}
.glossary-single .bl-1 .glossary-single-container .content p {
color: var(--black);
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.glossary-single .bl-1 .glossary-single-container .content p:last-child {
margin-bottom: 0;
}
.glossary-single .bl-1 .glossary-single-container .content ul {
list-style-type: disc;
}
.glossary-single .bl-1 .glossary-single-container .content ol {
list-style-type: decimal;
}
.glossary-single .bl-1 .glossary-single-container .content ol,
.glossary-single .bl-1 .glossary-single-container .content ul {
list-style-position: inside;
margin-bottom: 15px;
}
.glossary-single .bl-1 .glossary-single-container .content ol li,
.glossary-single .bl-1 .glossary-single-container .content ul li {
line-height: 1.4;
margin-bottom: 5px;
padding-left: 22px;
text-indent: -22px;
}
.glossary-single .bl-1 .glossary-single-container .content b {
font-weight: 600;
}
@media (max-width: 940px) {
.glossary-single .bl-1 {
padding-top: 84px;
}
.glossary-single .bl-1 .glossary-single-container {
margin-left: 24px;
margin-right: 24px;
}
.glossary-single .bl-1 .glossary-single-container .content {
margin-top: 28px;
padding: 20px;
}
.glossary-single .get-free-store-banner-small {
margin-left: 24px;
margin-right: 24px;
overflow: hidden;
}
}
@media (max-width: 600px) {
.glossary-single .bl-1 .glossary-single-container .content {
margin-bottom: 80px;
}
.glossary-single .get-free-store-banner-small {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
}
.partner-wix .no-credit-card {
color: var(--black);
font-size: 14px;
line-height: 19.6px;
margin-top: 12px;
text-align: center;
}
.partner-wix .bl-1 {
padding-bottom: 100px;
padding-top: 160px;
}
.partner-wix .bl-1.with-video {
padding-top: 100px;
}
.partner-wix .bl-1 h1 {
color: var(--black);
font-size: 60px;
font-weight: 500;
line-height: 72px;
margin-bottom: 16px;
text-align: center;
}
.partner-wix .bl-1 h2 {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 28px;
text-align: center;
}
.partner-wix .bl-1 a {
background-color: #166aea;
border-radius: 52px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: auto;
max-width: 360px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.3s;
}
.partner-wix .bl-1 a:before {
background: url(../images/wix-button-arrow.svg) no-repeat;
content: "";
height: 28px;
left: 84%;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
width: 28px;
}
.partner-wix .bl-1 a:hover {
padding-right: 30px;
}
.partner-wix .bl-1 a:hover:before {
left: 80%;
opacity: 1;
}
.partner-wix .bl-1 .video {
border-radius: 20px;
box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.12);
margin: 71px auto 40px;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.partner-wix .bl-1 .video iframe {
background: var(--black);
border: 2px solid var(--black);
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
display: block;
height: 393px;
margin: 0 auto;
width: 695px;
}
.partner-wix .bl-1 .video:before {
background: url(../images/video.svg) no-repeat;
background-size: 100%;
content: "";
height: 27px;
left: 50%;
position: absolute;
right: 0;
top: -27px;
transform: translateX(-50%);
width: 695px;
}
.partner-wix .bl-1 .flx-icons {
justify-content: center;
margin-top: 50px;
}
.partner-wix .bl-1 .flx-icons,
.partner-wix .bl-1 .flx-icons .flx-icons-left {
align-items: center;
display: flex;
}
.partner-wix .bl-1 .flx-icons .flx-icons-left img {
display: block;
margin-right: 37px;
}
.partner-wix .bl-1 .flx-icons .flx-icons-left img.s1 {
width: 236px;
}
.partner-wix .bl-1 .flx-icons .flx-icons-left img.s2 {
width: 90px;
}
.partner-wix .bl-1 .flx-icons span {
border-right: 1px solid var(--grey-40);
height: 63px;
}
.partner-wix .bl-1 .flx-icons .flx-icons-right {
align-items: center;
display: flex;
}
.partner-wix .bl-1 .flx-icons .flx-icons-right img {
display: block;
margin-left: 37px;
margin-right: 15px;
}
.partner-wix .bl-1 .flx-icons .flx-icons-right img.s3 {
width: 92px;
}
.partner-wix .bl-1 .flx-icons .flx-icons-right h3 {
color: var(--black);
font-size: 18px;
line-height: normal;
}
.partner-wix .bl-2 {
padding-bottom: 120px;
}
.partner-wix .bl-2 h2 {
color: var(--black);
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 40px;
text-align: center;
}
.partner-wix .bl-2 .flx {
display: flex;
gap: 0 60px;
margin: auto;
max-width: 1010px;
}
.partner-wix .bl-2 .flx .block h3 {
border-top: 1px solid #000;
color: var(--black);
font-size: 24px;
font-weight: 600;
line-height: 33px;
margin-bottom: 4px;
padding-top: 30px;
}
.partner-wix .bl-2 .flx .block p {
color: var(--black);
font-size: 16px;
line-height: 22px;
}
.partner-wix .bl-3 {
padding-bottom: 80px;
}
.partner-wix .bl-3 h2 {
color: var(--black);
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 40px;
text-align: center;
}
.partner-wix .bl-3 .flx-wrapper {
display: flex;
flex-direction: column;
gap: 63px 0;
}
.partner-wix .bl-3 .flx-wrapper .flx-item {
align-items: center;
border: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 40px;
display: flex;
justify-content: center;
}
.partner-wix .bl-3 .flx-wrapper .flx-item .block-img img {
border-radius: 20px;
display: block;
max-width: 598px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item .block-txt h3 {
color: var(--black);
font-size: 36px;
font-weight: 500;
line-height: 46px;
margin-bottom: 12px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item .block-txt p {
color: var(--black);
font-size: 20px;
line-height: 28px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(odd) {
padding: 30px 60px 30px 30px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-img {
margin-right: 68px;
order: 1;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-txt {
order: 2;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(2n) {
padding: 30px 30px 30px 60px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-img {
order: 2;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-txt {
margin-right: 68px;
order: 1;
}
.partner-wix .bl-3 a {
background-color: #166aea;
border-radius: 52px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 40px auto auto;
max-width: 360px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.3s;
}
.partner-wix .bl-3 a:before {
background: url(../images/wix-button-arrow.svg) no-repeat;
content: "";
height: 28px;
left: 84%;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
width: 28px;
}
.partner-wix .bl-3 a:hover {
padding-right: 30px;
}
.partner-wix .bl-3 a:hover:before {
left: 80%;
opacity: 1;
}
.partner-wix .bl-4 {
padding-bottom: 100px;
}
.partner-wix .bl-4 h2 {
color: var(--black);
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 12px;
text-align: center;
}
.partner-wix .bl-4 p {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 40px;
text-align: center;
}
.partner-wix .bl-4 .testimonial-slider .block {
margin: 0 10px;
}
.partner-wix .bl-4 .testimonial-slider .block img {
display: block;
width: 100%;
}
.partner-wix .bl-4 a {
background-color: #166aea;
border-radius: 52px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 40px auto auto;
max-width: 360px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.3s;
}
.partner-wix .bl-4 a:before {
background: url(../images/wix-button-arrow.svg) no-repeat;
content: "";
height: 28px;
left: 84%;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
width: 28px;
}
.partner-wix .bl-4 a:hover {
padding-right: 30px;
}
.partner-wix .bl-4 a:hover:before {
left: 80%;
opacity: 1;
}
.partner-wix .testimonial-component h2 {
font-weight: 500;
}
.partner-wix
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop {
border: 1px solid rgba(0, 0, 0, 0.6);
box-shadow: none;
}
.partner-wix
.testimonial-component
.testimonial-component-slider
.slide-item
.desktop
.content-description
.short {
font-size: 16px;
line-height: 22px;
}
.partner-wix .created-with-us {
background: #1e2c3f;
}
.partner-wix .created-with-us h2 {
font-weight: 500;
}
.partner-wix .created-with-us a.build-free-store {
background-color: #166aea;
background-image: none;
border-radius: 52px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: auto;
max-width: 360px;
padding-right: 0;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.3s;
}
.partner-wix .created-with-us a.build-free-store:before {
background: url(../images/wix-button-arrow.svg) no-repeat;
content: "";
height: 28px;
left: 84%;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
width: 28px;
}
.partner-wix .created-with-us a.build-free-store:hover {
padding-right: 30px;
}
.partner-wix .created-with-us a.build-free-store:hover:before {
left: 80%;
opacity: 1;
}
.partner-wix .created-with-us a.build-free-store:hover {
background-color: #166aea;
}
.partner-wix .created-with-us a.build-free-store:active {
box-shadow: none;
}
.partner-wix .created-with-us .no-credit-card {
color: var(--white);
}
.partner-wix .bl-5 {
padding-bottom: 80px;
padding-top: 80px;
}
.partner-wix .bl-5 h2 {
color: var(--black);
font-size: 40px;
font-weight: 500;
line-height: 48px;
text-align: center;
}
.partner-wix .bl-5 .faq {
background: transparent;
padding-bottom: 0;
padding-top: 60px;
}
.partner-wix .bl-5 .faq .flx .block-1 {
display: none;
}
.partner-wix .bl-5 .faq .flx .block-2 {
width: 100%;
}
.partner-wix .bl-5 .faq .flx .block-2 #faq-accordion {
margin-top: 0;
}
.partner-wix .bl-5 .faq .flx .block-2 #faq-accordion .faq-accordion-item {
border-bottom: 1px solid hsla(0, 0%, 62%, 0.6);
}
.partner-wix
.bl-5
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head {
color: var(--black);
padding-bottom: 22px;
padding-top: 22px;
}
.partner-wix
.bl-5
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head:before {
background: url(../images/faq-plus-black.svg) no-repeat 100% 50%;
top: 28px;
}
.partner-wix
.bl-5
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-body {
color: var(--black);
}
.partner-wix
.bl-5
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item:first-child {
border-top: 1px solid hsla(0, 0%, 62%, 0.6);
}
.partner-wix
.bl-5
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item:last-child {
border-bottom: 1px solid hsla(0, 0%, 62%, 0.6);
}
.partner-wix .bl-6 .bg {
background: #166aea;
border-radius: 40px;
padding: 94px 0;
}
.partner-wix .bl-6 .bg h2 {
color: var(--white);
font-size: 60px;
font-weight: 500;
line-height: 60px;
margin-bottom: 32px;
text-align: center;
}
.partner-wix .bl-6 .bg a {
background-color: #166aea;
background-color: var(--white);
border-radius: 52px;
color: var(--white);
color: var(--black);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: auto;
max-width: 360px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.3s;
}
.partner-wix .bl-6 .bg a:before {
background: url(../images/wix-button-arrow.svg) no-repeat;
content: "";
height: 28px;
left: 84%;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
width: 28px;
}
.partner-wix .bl-6 .bg a:hover {
padding-right: 30px;
}
.partner-wix .bl-6 .bg a:hover:before {
left: 80%;
opacity: 1;
}
.partner-wix .bl-6 .bg a:before {
background: url(../images/wix-button-arrow-black.svg) no-repeat;
}
.partner-wix .bl-6 .bg .no-credit-card {
color: var(--white);
}
.partner-wix .bl-6.mob {
display: none;
}
.partner-wix .thank-you {
padding-top: 103px;
}
.partner-wix .thank-you .bg {
background: #eef6ff;
border-radius: 30px;
padding: 120px 15px;
}
.partner-wix .thank-you .bg img {
display: block;
margin: 0 auto 24px;
width: 273px;
}
.partner-wix .thank-you .bg h1 {
color: var(--black);
font-size: 60px;
font-weight: 500;
line-height: 72px;
margin-bottom: 16px;
text-align: center;
}
.partner-wix .thank-you .bg p {
color: var(--black);
font-size: 24px;
line-height: 33px;
margin-bottom: 32px;
text-align: center;
}
.partner-wix .thank-you .bg a {
background: #166aea;
border-radius: 72px;
color: #fff;
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto;
max-width: 360px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.3s;
}
.partner-wix .thank-you .bg a:before {
background: url(../images/wix-button-arrow.svg) no-repeat;
content: "";
height: 28px;
opacity: 0;
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
width: 28px;
}
.partner-wix .thank-you .bg a:hover {
padding-right: 30px;
}
.partner-wix .thank-you .bg a:hover:before {
opacity: 1;
right: 9%;
}
.partner-wix .register {
padding-bottom: 100px;
}
.partner-wix .register img.logo {
display: block;
margin: 35px auto 75px;
}
.partner-wix .register h1 {
color: var(--black);
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 40px;
text-align: center;
}
.partner-wix .register form {
display: block;
margin: 0 auto 174px;
max-width: 436px;
width: 100%;
}
.partner-wix .register form .field {
margin-bottom: 16px;
position: relative;
}
.partner-wix .register form .field span.error {
color: var(--red);
display: block;
font-size: 12px;
margin-top: 8px;
}
.partner-wix .register form .field label {
color: var(--black);
display: block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 4px;
}
.partner-wix .register form .field input[name="basephone"],
.partner-wix .register form .field input[name="email"],
.partner-wix .register form .field input[name="name"] {
background: var(--white);
border: 1px solid var(--grey);
border-radius: 8px;
color: var(--black);
font-size: 16px;
height: 48px;
outline: none;
padding: 0 12px;
transition: 0.3s;
width: 100%;
}
.partner-wix .register form .field input[name="basephone"]:hover,
.partner-wix .register form .field input[name="email"]:hover,
.partner-wix .register form .field input[name="name"]:hover {
border: 1px solid var(--teal-main-secondary);
}
.partner-wix .register form .field input[name="basephone"]::-moz-placeholder,
.partner-wix .register form .field input[name="email"]::-moz-placeholder,
.partner-wix .register form .field input[name="name"]::-moz-placeholder {
color: var(--grey);
}
.partner-wix .register form .field input[name="basephone"]::placeholder,
.partner-wix .register form .field input[name="email"]::placeholder,
.partner-wix .register form .field input[name="name"]::placeholder {
color: var(--grey);
}
.partner-wix .register form .field input[name="basephone"]:focus,
.partner-wix .register form .field input[name="email"]:focus,
.partner-wix .register form .field input[name="name"]:focus {
border: 1px solid var(--teal-main-secondary);
box-shadow: 0 0 0 4px var(--teal-light-secondary);
}
.partner-wix .register form .field input[name="basephone"]:disabled,
.partner-wix .register form .field input[name="email"]:disabled,
.partner-wix .register form .field input[name="name"]:disabled {
background: var(--grey-20);
border: 1px solid var(--grey-20);
}
.partner-wix .register form .field input[name="basephone"].err,
.partner-wix .register form .field input[name="email"].err,
.partner-wix .register form .field input[name="name"].err {
border: 1px solid var(--red);
}
.partner-wix .register form .field input {
outline: none;
}
.partner-wix .register form .field .iti {
width: 100%;
}
.partner-wix .register form .field .iti__country-container {
height: 48px;
}
.partner-wix .register form button.sign-up {
background-color: #166aea;
border: none;
border-radius: 52px;
color: var(--white);
cursor: pointer;
font-size: 20px;
font-weight: 600;
height: 64px;
outline: none;
position: relative;
transition: 0.3s;
width: 100%;
}
.partner-wix .register form button.sign-up:before {
background: url(../images/wix-button-arrow.svg) no-repeat;
content: "";
height: 28px;
left: calc(50% + 50px);
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
width: 28px;
}
.partner-wix .register form button.sign-up:hover {
padding-right: 30px;
}
.partner-wix .register form button.sign-up:hover:before {
left: calc(50% + 36px);
opacity: 1;
}
.partner-wix .register form button.sign-up:disabled {
opacity: 0.5;
}
.partner-wix .register .wix-register-footer img {
display: block;
margin: 0 auto 24px;
}
.partner-wix .register .wix-register-footer a {
background: url(../images/footer-mail.svg) no-repeat 0 50%;
color: var(--black);
display: block;
font-size: 14px;
font-weight: 600;
line-height: 19px;
margin: 0 auto 11px;
padding-left: 28px;
text-decoration: none;
transition: colo 0.3s;
width: -moz-fit-content;
width: fit-content;
}
.partner-wix .register .wix-register-footer a:hover {
color: #166aea;
}
.partner-wix .register .wix-register-footer .copyright {
color: var(--black);
font-size: 14px;
line-height: 19px;
text-align: center;
}
@media (max-width: 1300px) {
.partner-wix .bl-3 .flx-wrapper .flx-item .block-img img {
max-width: 340px;
}
}
@media (max-width: 940px) {
.partner-wix .bl-1 h1 br {
display: none;
}
.partner-wix .bl-1 .video {
margin: 55px auto 40px;
}
.partner-wix .bl-1 .video iframe {
height: 312px;
width: 550px;
}
.partner-wix .bl-1 .video:before {
background-position: 50% 100%;
width: 550px;
}
.partner-wix .bl-1 .flx-icons {
flex-direction: column;
}
.partner-wix .bl-1 .flx-icons span {
display: none;
}
.partner-wix .bl-1 .flx-icons .flx-icons-left {
margin-bottom: 15px;
}
.partner-wix .bl-1 .flx-icons .flx-icons-left img.s1 {
margin-right: 20px;
width: 136px;
}
.partner-wix .bl-1 .flx-icons .flx-icons-left img.s2 {
width: 52px;
}
.partner-wix .bl-1 .flx-icons .flx-icons-right {
flex-direction: column;
}
.partner-wix .bl-1 .flx-icons .flx-icons-right img.s3 {
margin: 0 0 15px;
}
.partner-wix .bl-3 {
padding-bottom: 140px;
}
.partner-wix .bl-3 h2 br {
display: none;
}
.partner-wix .bl-3 .slick-track {
display: flex;
}
.partner-wix .bl-3 .flx-wrapper .flx-item {
align-items: normal;
flex-direction: column;
height: auto;
justify-content: flex-start;
margin: 0 10px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item .block-img img {
margin-bottom: 30px;
max-width: 100%;
}
.partner-wix .bl-3 .flx-wrapper .flx-item .block-txt h3 {
font-size: 24px;
line-height: 28px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item .block-txt p {
font-size: 16px;
line-height: 22px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(odd) {
padding: 20px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(odd) .block-img {
margin: 0;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(2n) {
padding: 20px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-img {
margin: 0;
order: 1;
}
.partner-wix .bl-3 .flx-wrapper .flx-item:nth-child(2n) .block-txt {
order: 2;
}
.partner-wix .bl-3 .flx-wrapper button.btn-prev {
background: url(../images/bl-testimonial-arrow-left.svg) no-repeat 50% 50%;
border: 1px solid #090e35;
border-radius: 50%;
bottom: -80px;
cursor: default;
height: 48px;
left: calc(50% - 55px);
padding: 0;
position: absolute;
width: 48px;
z-index: 1;
}
.partner-wix .bl-3 .flx-wrapper button.btn-prev:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04) url(../images/bl-testimonial-arrow-left.svg)
no-repeat 50% 50%;
cursor: pointer;
}
.partner-wix .bl-3 .flx-wrapper button.btn-next {
background: url(../images/bl-testimonial-arrow-right.svg) no-repeat 50% 50%;
border: 1px solid #000;
border-radius: 50%;
bottom: -80px;
cursor: default;
height: 48px;
padding: 0;
position: absolute;
right: calc(50% - 55px);
width: 48px;
z-index: 1;
}
.partner-wix .bl-3 .flx-wrapper button.btn-next:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04)
url(../images/bl-testimonial-arrow-right.svg) no-repeat 50% 50%;
cursor: pointer;
}
.partner-wix .bl-3 .flx-wrapper button.slick-disabled {
opacity: 0.3;
}
.partner-wix .bl-3 .flx-wrapper button:not(.slick-disabled):focus {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.partner-wix .bl-3 .no-credit-card,
.partner-wix .bl-3 a,
.partner-wix .thank-you .bg p br {
display: none;
}
}
@media (max-width: 600px) {
.partner-wix .bl-1 {
padding-bottom: 80px;
padding-top: 108px;
}
.partner-wix .bl-1 .container {
display: flex;
flex-direction: column;
}
.partner-wix .bl-1 h1 {
font-size: 40px;
line-height: 48px;
order: 1;
}
.partner-wix .bl-1 h2 {
font-size: 18px;
order: 2;
}
.partner-wix .bl-1 .video {
margin-bottom: 38px;
margin-top: 10px;
order: 1;
}
.partner-wix .bl-1 .video iframe {
border: 1px solid var(--black);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
height: 172px;
width: 100%;
}
.partner-wix .bl-1 .video:before {
background-size: 100%;
top: -26px;
width: 100%;
}
.partner-wix .bl-1 .flx-icons {
margin-bottom: 30px;
margin-top: 0;
order: 3;
}
.partner-wix .bl-1 a {
background-image: none;
order: 4;
padding-right: 0;
width: 100%;
}
.partner-wix .bl-1 .no-credit-card {
order: 5;
}
.partner-wix .bl-1.with-video h1 {
order: 2;
}
.partner-wix .bl-1.with-video h2 {
order: 3;
}
.partner-wix .bl-1.with-video a {
order: 4;
}
.partner-wix .bl-1.with-video .no-credit-card {
margin-bottom: 30px;
order: 5;
}
.partner-wix .bl-1.with-video .flx-icons {
order: 6;
}
.partner-wix .bl-2 {
padding-bottom: 60px;
}
.partner-wix .bl-2 h2 {
font-size: 32px;
line-height: 38px;
}
.partner-wix .bl-2 .flx {
flex-direction: column;
}
.partner-wix .bl-2 .flx .block {
margin-bottom: 30px;
}
.partner-wix .bl-2 .flx .block:last-child {
margin-bottom: 0;
}
.partner-wix .bl-3 h2 {
font-size: 32px;
line-height: 38px;
}
.partner-wix .bl-3 .slick-list {
padding-left: 20px;
}
.partner-wix .bl-3 .flx-wrapper {
margin: 0 -24px;
}
.partner-wix .bl-3 .flx-wrapper .flx-item {
margin: 0 10px;
width: 310px;
}
.partner-wix .bl-4 {
padding-bottom: 140px;
}
.partner-wix .bl-4 h2 {
font-size: 32px;
line-height: 38px;
}
.partner-wix .bl-4 p {
font-size: 20px;
line-height: 28px;
}
.partner-wix .bl-4 .no-credit-card,
.partner-wix .bl-4 a {
display: none;
}
.partner-wix .bl-4 .testimonial-slider {
margin: 0 -24px;
}
.partner-wix .bl-4 .testimonial-slider .slick-list {
padding-left: 20px;
}
.partner-wix .bl-4 .testimonial-slider .block {
width: 300px;
}
.partner-wix .bl-4 .testimonial-slider button.btn-prev {
background: url(../images/bl-testimonial-arrow-left.svg) no-repeat 50% 50%;
border: 1px solid #090e35;
border-radius: 50%;
bottom: -80px;
cursor: default;
height: 48px;
left: calc(50% - 55px);
padding: 0;
position: absolute;
width: 48px;
z-index: 1;
}
.partner-wix
.bl-4
.testimonial-slider
button.btn-prev:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04) url(../images/bl-testimonial-arrow-left.svg)
no-repeat 50% 50%;
cursor: pointer;
}
.partner-wix .bl-4 .testimonial-slider button.btn-next {
background: url(../images/bl-testimonial-arrow-right.svg) no-repeat 50% 50%;
border: 1px solid #000;
border-radius: 50%;
bottom: -80px;
cursor: default;
height: 48px;
padding: 0;
position: absolute;
right: calc(50% - 55px);
width: 48px;
z-index: 1;
}
.partner-wix
.bl-4
.testimonial-slider
button.btn-next:not(.slick-disabled):hover {
background: rgba(0, 0, 0, 0.04)
url(../images/bl-testimonial-arrow-right.svg) no-repeat 50% 50%;
cursor: pointer;
}
.partner-wix .bl-4 .testimonial-slider button.slick-disabled {
opacity: 0.3;
}
.partner-wix .bl-4 .testimonial-slider button:not(.slick-disabled):focus {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.partner-wix .created-with-us a.build-free-store {
background-image: none;
padding-right: 0;
}
.partner-wix .testimonial-component h2 {
padding-left: 24px;
padding-right: 24px;
}
.partner-wix .bl-5 {
padding-top: 60px;
}
.partner-wix .bl-5 h2 {
font-size: 32px;
line-height: 38px;
}
.partner-wix .bl-5 .faq {
padding-top: 40px;
}
.partner-wix
.bl-5
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head:before {
top: 23px;
}
.partner-wix .bl-6 .bg {
padding: 60px 25px;
}
.partner-wix .bl-6 .bg h2 {
font-size: 40px;
line-height: 48px;
}
.partner-wix .bl-6 .bg h2 br {
display: none;
}
.partner-wix .bl-6 .bg a {
background-image: none;
padding-right: 0;
}
.partner-wix .bl-6.mob {
display: block;
margin-bottom: 60px;
}
.partner-wix .thank-you .bg {
padding-bottom: 78px;
padding-top: 53px;
}
.partner-wix .thank-you .bg img {
width: 250px;
}
.partner-wix .thank-you .bg h1 {
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 12px;
}
.partner-wix .thank-you .bg p {
font-size: 18px;
line-height: normal;
}
.partner-wix .thank-you .bg a {
width: 100%;
}
.partner-wix .thank-you .bg a:hover {
padding: 0;
}
.partner-wix .thank-you .bg a:before {
display: none;
}
.partner-wix .register {
padding-bottom: 42px;
}
.partner-wix .register img.logo {
margin-bottom: 64px;
margin-top: 17px;
}
.partner-wix .register h1 {
font-size: 28px;
line-height: 33px;
margin-bottom: 32px;
}
.partner-wix .register h1 br {
display: none;
}
.partner-wix .register form {
margin-bottom: 83px;
}
}
.solution.bg-layout {
background: url(../images/front-page-bl-1-bg-v2.svg) no-repeat;
background-size: 100%;
}
.solution .bl-1 {
padding-bottom: 80px;
padding-top: 160px;
}
.solution .bl-1 .flx {
align-items: center;
display: flex;
}
.solution .bl-1 .flx .block h1 {
color: var(--black);
font-size: 50px;
font-weight: 700;
line-height: 60px;
margin-bottom: 16px;
text-align: center;
text-align: left;
}
@media (max-width: 600px) {
.solution .bl-1 .flx .block h1 {
font-size: 32px;
line-height: 41px;
}
}
.solution .bl-1 .flx .block p {
color: var(--black);
font-size: 24px;
font-weight: 400;
line-height: 34px;
margin-bottom: 28px;
text-align: center;
text-align: left;
}
@media (max-width: 600px) {
.solution .bl-1 .flx .block p {
font-size: 18px;
line-height: 25px;
}
}
.solution .bl-1 .flx .block a {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
border-radius: 12px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0;
padding-right: 40px;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 350px;
}
.solution .bl-1 .flx .block a:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.solution .bl-1 .flx .block a:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.solution .bl-1 .flx .block a {
width: 326px;
}
}
.solution .bl-1 .flx .block img {
display: block;
max-width: 655px;
width: 100%;
}
.solution .bl-1 .flx .block:nth-child(2) {
flex-shrink: 0;
}
.solution .testimonial-component-v2 {
padding-top: 100px;
}
@media (max-width: 1300px) {
.solution .bl-1 .flx {
flex-direction: column-reverse;
}
.solution .bl-1 .flx .block h1 {
margin-top: 30px;
text-align: center;
}
.solution .bl-1 .flx .block p {
text-align: center;
}
.solution .bl-1 .flx .block a {
margin: auto;
}
}
@media (max-width: 600px) {
.solution .bl-1 {
padding-bottom: 60px;
padding-top: 110px;
}
.solution .testimonial-component-v2 {
padding-top: 60px;
}
}
.one-product-link a.event {
background: var(--pink) url(../images/button-arrow.svg) no-repeat
calc(50% + 110px) 50%;
background: linear-gradient(90deg, #ff5f51, #ff0061 60%);
border-radius: 12px;
border-radius: 82px;
color: var(--white);
display: block;
font-size: 20px;
font-weight: 600;
height: 64px;
line-height: 64px;
margin: 0 auto 12px;
overflow: hidden;
padding-right: 20px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.3s;
width: 370px;
width: 304px;
}
.one-product-link a.event:hover {
background-color: var(--pink-secondary);
background-position: calc(50% + 120px) 50%;
}
.one-product-link a.event:active {
box-shadow: 0 0 0 3px rgba(255, 125, 175, 0.3);
}
@media (max-width: 600px) {
.one-product-link a.event {
width: 326px;
}
}
.one-product-link a.event:before {
background: linear-gradient(90deg, #ff0061, #ff5f51 46.15%, #ff0061 83.65%);
border-radius: 82px;
content: "";
inset: 0;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-in-out;
will-change: opacity;
z-index: 0;
}
.one-product-link a.event span {
position: relative;
z-index: 2;
}
.one-product-link a.event:after {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 80px) 50%,
0 0;
border-radius: 12px;
content: "";
inset: 0;
position: absolute;
transition: background-position 0.3s ease-in-out;
z-index: 2;
}
.one-product-link a.event:hover {
background-position: 0;
}
.one-product-link a.event:hover:before {
opacity: 1;
}
.one-product-link a.event:hover:after {
background-position: calc(50% + 85px) 50%;
}
.one-product-link .no-credit-card {
color: hsla(0, 0%, 100%, 0.6);
font-size: 12px;
line-height: 17px;
text-align: center;
}
.one-product-link .bl-1 {
overflow: hidden;
padding-bottom: 103px;
padding-top: 116px;
position: relative;
}
.one-product-link .bl-1 .elips {
background: linear-gradient(270deg, #008df2, #00c177);
border-radius: 524px;
filter: blur(155px);
height: 360px;
left: 50%;
position: absolute;
top: -203px;
transform: translateX(-50%);
width: 524px;
}
.one-product-link .bl-1 .content {
position: relative;
z-index: 2;
}
.one-product-link .bl-1 .ai {
background: url(../images/one-product-link-bl-1-ai.png) no-repeat;
background-size: 136px 32px;
color: var(--white);
font-size: 14px;
font-weight: 500;
height: 32px;
line-height: 32px;
margin: auto;
text-align: center;
width: 136px;
}
.one-product-link .bl-1 h1 {
color: var(--white);
font-family: Poppins, serif;
font-size: 70px;
font-weight: 500;
line-height: 77px;
margin: 18px 0 36px;
text-align: center;
}
.one-product-link .bl-1 h1 span {
color: #83ffde;
text-shadow: 0 0 18px rgba(4, 255, 188, 0.6);
}
.one-product-link .bl-1 h2 {
color: var(--white);
font-size: 20px;
line-height: 28px;
text-align: center;
}
.one-product-link .bl-1 h2:last-of-type {
margin-bottom: 24px;
}
.one-product-link .bl-1.one-product-link-partner .elips {
display: none;
}
.one-product-link .bl-1 .partner-wrapper {
align-items: center;
display: flex;
gap: 0 40px;
justify-content: center;
margin-bottom: 36px;
}
.one-product-link .bl-1 .partner-wrapper:after {
background: linear-gradient(270deg, #008df2, #00c177);
border-radius: 524px;
content: "";
filter: blur(156px);
height: 360px;
left: 50%;
position: absolute;
width: 524px;
z-index: -1;
}
.one-product-link .bl-1 .partner-wrapper .content-wrapper .partner-info {
align-items: center;
background: url(../images/ols-influencer-bg.png) no-repeat;
background-size: 100% 100%;
border-radius: 58px;
display: flex;
gap: 0 10px;
padding: 4px 18px 4px 4px;
width: -moz-fit-content;
width: fit-content;
}
.one-product-link .bl-1 .partner-wrapper .content-wrapper .partner-info img {
display: block;
height: 36px;
width: 36px;
}
.one-product-link .bl-1 .partner-wrapper .content-wrapper .partner-info .name {
color: var(--white);
font-size: 16px;
line-height: normal;
}
.one-product-link .bl-1 .partner-wrapper .content-wrapper h1 {
margin-bottom: 12px;
text-align: left;
}
.one-product-link .bl-1 .partner-wrapper .content-wrapper h2 {
text-align: left;
}
.one-product-link .bl-1 .partner-wrapper.center {
margin-bottom: 0;
}
.one-product-link .bl-1 .partner-wrapper.center .content-wrapper .partner-info {
margin: auto;
}
.one-product-link .bl-1 .partner-wrapper.center .content-wrapper h1 {
margin-bottom: 36px;
text-align: center;
}
.one-product-link .bl-1 .partner-wrapper.center .content-wrapper h2 {
margin-bottom: 0;
text-align: center;
}
.one-product-link .bl-1 .partner-wrapper.center .content-wrapper iframe {
border-radius: 20px;
height: 402px;
margin-bottom: 36px;
width: 668px;
}
.one-product-link .bl-1 .partner-wrapper .picture-wrapper {
position: relative;
}
.one-product-link .bl-1 .partner-wrapper .picture-wrapper img.main {
border: 1px solid hsla(0, 0%, 100%, 0.5);
border-radius: 20px;
display: block;
height: 290px;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-testimonial {
background: var(--white);
border-radius: 16px;
bottom: 68px;
box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2);
color: #191935;
font-size: 12px;
line-height: 16.8px;
padding: 16px 20px 12px;
position: absolute;
right: -72px;
width: 177px;
z-index: 1;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-testimonial
img {
display: block;
margin-bottom: 8px;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-testimonial:before {
background: url('data:image/svg+xml;charset=utf-8,')
no-repeat;
bottom: -12px;
content: "";
height: 12px;
left: 20px;
position: absolute;
width: 22px;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-influencer-info {
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.9));
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
bottom: 1px;
display: flex;
flex-direction: column;
height: 83px;
justify-content: flex-end;
left: 1px;
padding-bottom: 18px;
padding-left: 24px;
position: absolute;
width: calc(100% - 2px);
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-influencer-info
.ols-partner-influencer-name {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M6 0a6 6 0 1 1 0 12A6 6 0 0 1 6 0Zm3.443 4.001a.667.667 0 0 0-.942 0L5.305 7.196 4.11 6.001a.667.667 0 0 0-.943.943L4.834 8.61c.26.26.682.26.942 0l3.667-3.666a.667.667 0 0 0 0-.943Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
no-repeat 100% 50%;
color: var(--white);
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-right: 16px;
width: -moz-fit-content;
width: fit-content;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-influencer-info
.ols-partner-influencer-subscribers {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M19.371 2.201A2.46 2.46 0 0 0 17.635.465C16.498.026 5.485-.189 2.29.478A2.46 2.46 0 0 0 .553 2.214C.04 4.465.001 9.334.566 11.635a2.46 2.46 0 0 0 1.736 1.736c2.251.518 12.956.591 15.346 0a2.46 2.46 0 0 0 1.736-1.736c.547-2.453.586-7.019-.013-9.434Z' fill='red'/%3E%3Cpath d='M13.207 6.918 8.075 3.975v5.887l5.133-2.944Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v13.836H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
no-repeat 0 50%;
color: var(--white);
font-size: 12px;
line-height: 24px;
padding-left: 24px;
}
.one-product-link .bl-1 .card-categories {
align-items: center;
display: flex;
gap: 8px;
justify-content: center;
padding: 24px;
}
.one-product-link .bl-1 .card-categories .category-btn {
background: rgba(207, 255, 243, 0.059);
border: none;
border-radius: 50px;
color: #fff;
cursor: pointer;
flex-shrink: 0;
font-size: 12px;
font-weight: 400;
height: 29px;
letter-spacing: 0;
line-height: 140%;
padding: 6px 16px;
white-space: nowrap;
}
.one-product-link .bl-1 .card-categories .category-btn.active {
background:
linear-gradient(0deg, rgba(207, 255, 243, 0.06), rgba(207, 255, 243, 0.06)),
linear-gradient(76.06deg, #0bbe92 9.94%, #0d8165 90.06%);
}
.one-product-link .bl-1 .cards-wrapper {
display: flex;
flex-wrap: wrap;
gap: 24px 0;
justify-content: center;
margin: 0 auto 36px;
max-width: 1240px;
padding: 0 72px;
}
.one-product-link .bl-1 .cards-wrapper button.slick-arrow {
background-position: center top 17px;
background-repeat: no-repeat;
background-size: 14px;
border: 1px solid #83ffde;
border-radius: 100%;
height: 48px;
width: 48px;
}
.one-product-link .bl-1 .cards-wrapper button.slick-arrow:before {
display: none;
}
.one-product-link .bl-1 .cards-wrapper button.slick-arrow.slick-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' fill='none'%3E%3Cpath d='M.5 6.5h14m0 0-6-6m6 6-6 6' stroke='%2383FFDE' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
right: 0;
}
.one-product-link .bl-1 .cards-wrapper button.slick-arrow.slick-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' fill='none'%3E%3Cpath d='M14.5 6.5H.5m0 0 6-6m-6 6 6 6' stroke='%2383FFDE' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
left: 0;
}
.one-product-link .bl-1 .cards-wrapper button.slick-arrow.slick-disabled {
border-color: hsla(0, 0%, 83%, 0.4);
}
.one-product-link
.bl-1
.cards-wrapper
button.slick-arrow.slick-disabled.slick-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' fill='none'%3E%3Cpath d='M.5 6.5h14m0 0-6-6m6 6-6 6' stroke='%23D3D3D366' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.one-product-link
.bl-1
.cards-wrapper
button.slick-arrow.slick-disabled.slick-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' fill='none'%3E%3Cpath d='M14.5 6.5H.5m0 0 6-6m-6 6 6 6' stroke='%23D3D3D3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.one-product-link .bl-1 .cards-wrapper .card {
background: linear-gradient(
155deg,
hsla(0, 0%, 100%, 0.06) 12.94%,
hsla(0, 0%, 100%, 0) 110.44%
);
border-radius: 12px;
box-shadow:
0 4px 64px 0 rgba(0, 0, 0, 0.28),
inset 1px 1px 1px 0 hsla(0, 0%, 100%, 0.2),
inset -1px -1px 1px 0 hsla(0, 0%, 100%, 0.06);
height: auto;
margin: 0 12px;
padding: 12px;
width: 200px;
}
.one-product-link .bl-1 .cards-wrapper .card img {
border: none;
border-radius: 4px;
height: 140px;
margin-bottom: 13px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.one-product-link .bl-1 .cards-wrapper .card .title {
color: var(--white);
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.4;
margin-bottom: 5px;
max-width: 176px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.one-product-link .bl-1 .cards-wrapper .card .price {
color: #9ca5aa;
display: flex;
font-size: 12px;
justify-content: space-between;
line-height: 1.4;
margin-bottom: 4px;
}
.one-product-link .bl-1 .cards-wrapper .card .price.profit {
color: #83ffde;
margin-bottom: 11px;
}
.one-product-link .bl-1 .cards-wrapper .card button {
background: linear-gradient(90deg, #ff5f51, #ff0061 60%);
border: none;
border-radius: 100px;
color: var(--white);
cursor: pointer;
display: block;
font-size: 12px;
height: 32px;
line-height: 32px;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
text-decoration: none;
width: 100%;
}
.one-product-link .bl-1 .cards-wrapper .card button:before {
background: linear-gradient(90deg, #ff0061, #ff5f51 46.15%, #ff0061 83.65%);
border-radius: 100px;
content: "";
inset: 0;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-in-out;
will-change: opacity;
z-index: 0;
}
.one-product-link .bl-1 .cards-wrapper .card button span {
position: relative;
z-index: 2;
}
.one-product-link .bl-1 .cards-wrapper .card button:hover {
background-position: 0;
}
.one-product-link .bl-1 .cards-wrapper .card button:hover:before {
opacity: 1;
}
.one-product-link .bl-1 .cards-wrapper .card button:disabled {
opacity: 0.5;
pointer-events: none;
}
.one-product-link .bl-1 form {
margin: 0 auto 36px;
max-width: 732px;
width: 100%;
}
.one-product-link .bl-1 form .field {
position: relative;
}
.one-product-link .bl-1 form .field #form-error {
color: red;
font-size: 13px;
left: 24px;
position: absolute;
top: 65px;
}
.one-product-link .bl-1 form .field input {
background: var(--white);
border: none;
border-radius: 72px;
color: var(--black);
font-size: 18px;
height: 60px;
outline: none;
padding: 0 260px 0 24px;
transition: 0.3s;
width: 100%;
}
.one-product-link .bl-1 form .field input::-moz-placeholder {
color: var(--grey);
}
.one-product-link .bl-1 form .field input::placeholder {
color: var(--grey);
}
.one-product-link .bl-1 form .field input:focus {
box-shadow: 0 0 0 6px rgba(131, 255, 222, 0.2);
}
.one-product-link .bl-1 form .field button {
background: linear-gradient(76.06deg, #0bbe92 35.27%, #0d8165 75.03%);
border: none;
border-radius: 62px;
color: var(--white);
cursor: pointer;
font-size: 18px;
font-weight: 600;
height: 56px;
outline: none;
padding-right: 20px;
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
width: 211px;
}
.one-product-link .bl-1 form .field button:before {
background: linear-gradient(
76.06deg,
#0d8165 9.94%,
#0bbe92 35.27%,
#0d8165 75.03%
);
border-radius: 82px;
content: "";
inset: 0;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-in-out;
will-change: opacity;
z-index: 0;
}
.one-product-link .bl-1 form .field button span {
position: relative;
z-index: 2;
}
.one-product-link .bl-1 form .field button:after {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 80px) 50%,
0 0;
border-radius: 12px;
content: "";
inset: 0;
position: absolute;
transition: background-position 0.3s ease-in-out;
z-index: 2;
}
.one-product-link .bl-1 form .field button:hover {
background-position: 0;
}
.one-product-link .bl-1 form .field button:hover:before {
opacity: 1;
}
.one-product-link .bl-1 form .field button:hover:after {
background-position: calc(50% + 85px) 50%;
}
.one-product-link .bl-1 form .field button:disabled {
opacity: 0.5;
pointer-events: none;
}
.one-product-link .bl-1 .logos {
align-items: center;
display: flex;
gap: 16px 24px;
justify-content: center;
margin-top: 36px;
}
.one-product-link .bl-1 .logos img {
display: block;
}
.one-product-link .bl-1 .logos img.s1 {
width: 175px;
}
.one-product-link .bl-1 .logos img.s2 {
height: 23px;
width: 180px;
}
.one-product-link .bl-1 h3 {
color: #83ffde;
font-size: 16px;
font-weight: 500;
margin-bottom: 32px;
margin-top: 100px;
text-align: center;
text-transform: uppercase;
}
.one-product-link .bl-1 .influencers-slider {
pointer-events: none;
}
.one-product-link .bl-1 .influencers-slider .slide-item {
align-items: center;
display: flex;
gap: 0 11px;
height: auto;
margin: 0 28px;
}
.one-product-link .bl-1 .influencers-slider .slide-item img {
border: 2px solid #eac7c6;
border-radius: 50%;
display: block;
height: 48px;
-o-object-fit: cover;
object-fit: cover;
width: 48px;
}
.one-product-link .bl-1 .influencers-slider .slide-item .slide-content {
font-size: 14px;
line-height: 19px;
}
.one-product-link .bl-1 .influencers-slider .slide-item .slide-content .name {
background: url(../images/course-single-bl-1-check.svg) no-repeat 100% 50%;
color: var(--white);
font-weight: 600;
padding-right: 16px;
}
.one-product-link
.bl-1
.influencers-slider
.slide-item
.slide-content
.subscribers {
color: #9999a9;
}
.one-product-link .bl-2 {
padding-bottom: 100px;
position: relative;
}
.one-product-link .bl-2 h2 {
color: var(--white);
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 50px;
text-align: center;
}
.one-product-link .bl-2 .elips {
background: linear-gradient(270deg, #008df2, #00c177);
border-radius: 800px;
filter: blur(150px);
height: 168px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 800px;
}
.one-product-link .bl-2 .content {
position: relative;
z-index: 2;
}
.one-product-link .bl-2 .flx {
display: flex;
justify-content: space-between;
margin: 0 auto 28px;
max-width: 1060px;
}
.one-product-link .bl-2 .flx .block {
position: relative;
width: 304px;
}
.one-product-link .bl-2 .flx .block:before {
background: url('data:image/svg+xml;charset=utf-8,')
no-repeat;
content: "";
height: 24px;
position: absolute;
right: -50px;
top: 85px;
width: 24px;
}
.one-product-link .bl-2 .flx .block .img-wrapper {
background: linear-gradient(
155deg,
hsla(0, 0%, 100%, 0.1) 12.94%,
hsla(0, 0%, 100%, 0) 110.44%
);
border-radius: 20px;
box-shadow:
0 4px 64px 0 rgba(0, 0, 0, 0.28),
inset -1px -1px 1px 0 hsla(0, 0%, 100%, 0.1),
inset 1px 1px 1px 0 hsla(0, 0%, 100%, 0.4);
margin-bottom: 25px;
padding: 25px 58px 34px;
}
.one-product-link .bl-2 .flx .block .img-wrapper img {
display: block;
height: 137px;
margin: auto;
max-width: 207px;
position: relative;
}
.one-product-link .bl-2 .flx .block .img-wrapper img.s3 {
left: -3px;
width: 194px;
}
.one-product-link .bl-2 .flx .block .step {
color: #83ffde;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
.one-product-link .bl-2 .flx .block .title {
color: var(--white);
font-size: 18px;
font-weight: 600;
line-height: normal;
margin-bottom: 8px;
}
.one-product-link .bl-2 .flx .block p {
color: var(--white);
font-size: 14px;
font-weight: 400;
line-height: normal;
}
.one-product-link .bl-2 .flx .block:last-child:before {
display: none;
}
.one-product-link .bl-3 {
padding-bottom: 120px;
}
.one-product-link .bl-3 h2 {
color: #83ffde;
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 40px;
text-align: center;
}
.one-product-link .bl-3 h2 span {
color: var(--white);
}
.one-product-link .bl-3 .some-stores-by-us {
display: flex;
flex-wrap: wrap;
gap: 21px;
}
.one-product-link .bl-3 .some-stores-by-us .block {
border-radius: 20px;
overflow: hidden;
position: relative;
width: calc(33.33333% - 14px);
}
.one-product-link .bl-3 .some-stores-by-us .block img {
display: block;
width: 100%;
}
.one-product-link .bl-3 .some-stores-by-us .block span {
background: rgba(0, 0, 0, 0.8);
border-radius: 50px;
color: var(--white);
display: none;
font-size: 20px;
height: 48px;
left: 50%;
line-height: 48px;
opacity: 0;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.3s;
width: 137px;
z-index: -1;
}
.one-product-link .bl-4 {
padding-bottom: 120px;
}
.one-product-link .bl-4 h2 {
color: var(--white);
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 35px;
text-align: center;
}
.one-product-link .bl-4 h2 span {
color: #83ffde;
}
.one-product-link .bl-4 .cards {
align-items: center;
display: flex;
flex-direction: column;
}
.one-product-link .bl-4 .cards .card {
align-items: center;
background: linear-gradient(
155deg,
hsla(0, 0%, 100%, 0.1) 12.94%,
hsla(0, 0%, 100%, 0) 110.44%
);
border-radius: 20px;
box-shadow:
inset 1px 1px 1px 0 hsla(0, 0%, 100%, 0.4),
inset -1px -1px 1px 0 hsla(0, 0%, 100%, 0.1),
0 4px 64px 0 rgba(0, 0, 0, 0.28);
display: flex;
gap: 20px 68px;
margin-bottom: 45px;
max-width: 1257px;
padding: 60px;
}
.one-product-link .bl-4 .cards .card .text-block {
max-width: 512px;
}
.one-product-link .bl-4 .cards .card .block img {
border-radius: 30px;
display: block;
width: 557px;
}
.one-product-link .bl-4 .cards .card .block h3 {
color: var(--white);
font-size: 36px;
font-weight: 500;
line-height: 43px;
margin-bottom: 16px;
}
.one-product-link .bl-4 .cards .card .block p {
color: var(--white);
font-size: 20px;
line-height: 28px;
margin-bottom: 32px;
}
.one-product-link .bl-4 .cards .card .block p span {
font-weight: 700;
}
.one-product-link .bl-4 .cards .card .block a.event {
margin-left: 0;
margin-right: 0;
width: 290px;
}
.one-product-link .bl-4 .cards .card .block .no-credit-card {
text-align: left;
}
.one-product-link .bl-4 .cards .card:last-child {
margin-bottom: 0;
}
.one-product-link .bl-4 .cards .card:nth-child(2n) {
flex-direction: row-reverse;
}
.one-product-link .bl-5 {
padding-bottom: 124px;
}
.one-product-link .bl-5 h2 {
color: var(--white);
font-size: 40px;
font-weight: 500;
line-height: 48px;
margin-bottom: 12px;
text-align: center;
}
.one-product-link .bl-5 h2 span {
color: #83ffde;
}
.one-product-link .bl-5 h3 {
color: var(--white);
font-size: 20px;
line-height: 28px;
margin-bottom: 52px;
text-align: center;
}
.one-product-link .bl-5 .marquee {
overflow: hidden;
position: relative;
z-index: 1;
}
.one-product-link .bl-5 .marquee#rating-marquee-1 {
margin-bottom: 38px;
}
.one-product-link .bl-5 .marquee .marquee-track {
display: flex;
will-change: transform;
}
.one-product-link .bl-5 .marquee .marquee-track.marquee-track-1 {
animation: scrollMarqueeFirst var(--marquee-duration, 10s) linear infinite;
}
.one-product-link .bl-5 .marquee .marquee-track.marquee-track-2 {
animation: scrollMarqueeSecond var(--marquee-duration, 10s) linear infinite;
}
.one-product-link .bl-5 .marquee .marquee-track .marquee-group {
display: flex;
}
.one-product-link .bl-5 .marquee .marquee-track .marquee-group .block {
background: var(--white);
border-radius: 20px;
box-shadow:
0 0 2px 0 rgba(0, 0, 0, 0.14),
0 4px 30px 0 rgba(0, 0, 0, 0.06);
margin: 0 10px;
padding: 30px;
width: 412px;
}
.one-product-link .bl-5 .marquee .marquee-track .marquee-group .block .head {
align-items: center;
display: flex;
justify-content: space-between;
}
.one-product-link
.bl-5
.marquee
.marquee-track
.marquee-group
.block
.head
.head-person {
align-items: center;
display: flex;
gap: 0 8px;
margin-bottom: 9px;
}
.one-product-link
.bl-5
.marquee
.marquee-track
.marquee-group
.block
.head
.head-person
img {
display: block;
width: 44px;
}
.one-product-link
.bl-5
.marquee
.marquee-track
.marquee-group
.block
.head
.head-person
.head-person-info
.name {
color: var(--black);
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.one-product-link
.bl-5
.marquee
.marquee-track
.marquee-group
.block
.head
.head-person
.head-person-info
.time {
color: #666;
font-size: 14px;
line-height: 19px;
}
.one-product-link .bl-5 .marquee .marquee-track .marquee-group .block p {
color: var(--black);
font-size: 16px;
line-height: 22px;
}
.one-product-link .bl-6 {
padding-bottom: 120px;
}
.one-product-link .bl-6 h2 {
color: var(--white);
font-size: 40px;
font-weight: 500;
letter-spacing: 0;
line-height: 120%;
text-align: center;
}
.one-product-link .bl-6 h2 span {
color: #83ffde;
}
.one-product-link .bl-6 .nav-price {
align-items: center;
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
background: linear-gradient(
45deg,
hsla(0, 0%, 100%, 0.15),
hsla(0, 0%, 100%, 0)
);
border: 0.15px solid hsla(0, 0%, 100%, 0.05);
border-radius: 57.96px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
color: #fff;
display: flex;
font-size: 14px;
height: 32px;
justify-content: center;
margin: 12px auto 34px;
width: 136px;
}
.one-product-link .bl-6 .flx {
display: flex;
gap: 21px;
justify-content: center;
}
.one-product-link .bl-6 .flx .plans {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
}
.one-product-link .bl-6 .flx .plans .mobile,
.one-product-link .bl-6 .flx .plans .mobile-button-container {
display: none;
}
.one-product-link .bl-6 .flx .plan-card {
background: var(--Primary-G900, #041b20);
border: 1px solid var(--Primary-750, #0a3833);
border-radius: 12px;
display: flex;
flex: 1;
flex-direction: column;
max-width: 274px;
padding: 24px;
position: relative;
width: 100%;
}
.one-product-link .bl-6 .flx .plan-card--pro {
border: 1px solid #83ffde;
box-shadow: 0 0 18px 0 rgba(4, 255, 188, 0.6);
}
.one-product-link .bl-6 .flx .plan-badge-bg {
align-items: center;
display: flex;
height: 28px;
padding-right: 8px;
padding-top: 2px;
position: absolute;
right: 0;
top: 0;
}
.one-product-link .bl-6 .flx .plan-badge-bg:before {
background: linear-gradient(90deg, #ffb838, #e21e09);
border-bottom-left-radius: 100px;
border-top-right-radius: 40px;
content: "";
height: 28px;
position: absolute;
right: -1px;
top: -1px;
width: 129px;
}
.one-product-link .bl-6 .flx .plan-badge-text {
color: #fff;
font-size: 12px;
font-weight: 500;
letter-spacing: 0;
line-height: 20px;
margin-top: -3px;
position: relative;
z-index: 1;
}
.one-product-link .bl-6 .flx .plan-header {
display: flex;
flex-direction: column;
}
.one-product-link .bl-6 .flx .plan-note {
color: #9ca5aa;
font-size: 12px;
font-weight: 500;
line-height: 20px;
margin-bottom: 15px;
}
.one-product-link .bl-6 .flx .plan-note--highlight {
color: #83ffde;
}
.one-product-link .bl-6 .flx .plan-name-price {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 2px;
}
.one-product-link .bl-6 .flx .plan-name-price h4 {
font-size: 20px;
}
.one-product-link .bl-6 .flx .plan-name-price span {
font-size: 16px;
}
.one-product-link .bl-6 .flx .plan-name-price h4,
.one-product-link .bl-6 .flx .plan-name-price span {
color: #fff;
font-weight: 500;
letter-spacing: 0;
line-height: 140%;
vertical-align: middle;
}
.one-product-link .bl-6 .flx .plan-sub {
color: #bec4c7;
display: flex;
font-size: 12px;
font-weight: 400;
justify-content: space-between;
letter-spacing: 0;
line-height: 20px;
}
.one-product-link .bl-6 .flx .plan-divider {
background-color: var(--Primary-750, #0a3833);
border: none;
border-radius: 10px;
height: 1px;
margin-bottom: 16px;
margin-top: 15px;
width: 100%;
}
.one-product-link .bl-6 .flx .plan-features {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
}
.one-product-link .bl-6 .flx .feature {
align-items: center;
color: #e3e8e8;
display: flex;
font-size: 14px;
font-weight: 400;
gap: 7px;
letter-spacing: 0;
line-height: 24px;
margin-bottom: 9px;
}
.one-product-link .bl-6 .flx .feature span {
align-items: center;
border: none;
border-radius: 100%;
display: flex;
height: 16px;
justify-content: center;
width: 16px;
}
.one-product-link .bl-6 .flx .feature--yes span {
background-color: #00bd00;
}
.one-product-link .bl-6 .flx .feature--no {
color: #9ca5aa;
}
.one-product-link .bl-6 .flx .feature--no span {
background-color: #c51e04;
color: #fff;
padding-right: 1px;
}
.one-product-link .bl-6 .flx .btn {
align-items: center;
border: none;
border-radius: 66px;
color: #fff;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 500;
height: 40px;
justify-content: center;
letter-spacing: 0;
line-height: 140%;
margin-top: 7px;
padding: 8px 20px;
position: relative;
width: 100%;
}
.one-product-link .bl-6 .flx .btn-primary {
background: linear-gradient(76.06deg, #0bbe92 35.27%, #0d8165 75.03%);
}
.one-product-link .bl-6 .flx .btn-primary:before {
background: linear-gradient(
76.06deg,
#0d8165 9.94%,
#0bbe92 35.27%,
#0d8165 75.03%
);
}
.one-product-link .bl-6 .flx .btn-secondary {
background: linear-gradient(90deg, #ff5f51, #ff0061 60%);
}
.one-product-link .bl-6 .flx .btn-secondary:before {
background: linear-gradient(90deg, #ff0061, #ff5f51 46.15%, #ff0061 83.65%);
}
.one-product-link .bl-6 .flx .btn:before {
border-radius: 82px;
content: "";
inset: 0;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-in-out;
will-change: opacity;
z-index: 0;
}
.one-product-link .bl-6 .flx .btn:after {
display: none;
}
.one-product-link .bl-6 .flx .btn span {
position: relative;
z-index: 2;
}
.one-product-link .bl-6 .flx .btn:hover {
background-position: 0;
}
.one-product-link .bl-6 .flx .btn:hover:before {
opacity: 1;
}
.one-product-link .faq {
background: transparent;
padding-bottom: 120px;
padding-top: 0;
}
.one-product-link .faq .flx {
flex-direction: column;
}
.one-product-link .faq .flx .block-1 {
margin: auto;
max-width: 100%;
}
.one-product-link .faq .flx .block-1 h2 {
font-weight: 500;
margin-bottom: 62px;
text-align: center;
}
.one-product-link .faq .flx .block-2 {
display: flex;
justify-content: center;
margin: auto;
}
.one-product-link .faq .flx .block-2 #faq-accordion {
max-width: 844px;
width: 100%;
}
.one-product-link .faq .flx .block-2 #faq-accordion .faq-accordion-item {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}
.one-product-link
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head {
font-size: 20px;
line-height: 28px;
padding-bottom: 21px;
padding-top: 22px;
}
.one-product-link
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head:before {
top: 24px;
}
.one-product-link
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item:first-child {
border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}
.one-product-link .bl-7 {
padding-bottom: 12px;
}
.one-product-link .bl-7 .elips {
background: linear-gradient(270deg, #008df2, #00c177);
border-radius: 848px;
filter: blur(175px);
height: 245px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 848px;
}
.one-product-link .bl-7 .content {
position: relative;
z-index: 2;
}
.one-product-link .bl-7 h2 {
color: var(--white);
font-size: 60px;
font-weight: 500;
line-height: 72px;
margin-bottom: 12px;
text-align: center;
}
.one-product-link .bl-7 h2 span {
color: #83ffde;
text-align: center;
text-shadow: 0 0 18px rgba(4, 255, 188, 0.6);
}
.one-product-link .bl-7 h3 {
color: var(--white);
font-size: 20px;
line-height: 28px;
margin-bottom: 32px;
text-align: center;
}
.one-product-link .bl-7 h3 span {
display: block;
margin-top: 14px;
}
@media (max-width: 1300px) {
.one-product-link .bl-2 .flx .block {
width: 270px;
}
.one-product-link .bl-2 .flx .block:before {
right: -35px;
}
.one-product-link .bl-4 .cards .card .block img {
width: 405px;
}
.one-product-link .faq .flx .block-2 {
width: 100%;
}
}
@media (max-width: 940px) {
.one-product-link .bl-1.one-product-link-partner .elips {
display: block;
}
.one-product-link .bl-1 .partner-wrapper {
flex-direction: column-reverse;
margin-bottom: 0;
}
.one-product-link .bl-1 .partner-wrapper .content-wrapper .partner-info,
.one-product-link .bl-1 .partner-wrapper:after {
display: none;
}
.one-product-link .bl-1 .partner-wrapper .content-wrapper h1 {
margin-bottom: 36px;
text-align: center;
}
.one-product-link .bl-1 .partner-wrapper .content-wrapper h2 {
margin-bottom: 0;
text-align: center;
}
.one-product-link
.bl-1
.partner-wrapper.center
.content-wrapper
.partner-info {
display: flex;
}
.one-product-link .bl-1 .partner-wrapper.center .content-wrapper iframe {
height: 360px;
width: 540px;
}
.one-product-link .bl-2 .elips {
display: none;
}
.one-product-link .bl-2 .flx {
flex-direction: column;
gap: 24px 0;
width: 340px;
}
.one-product-link .bl-2 .flx .block {
padding-left: 55px;
width: 100%;
}
.one-product-link .bl-2 .flx .block .step {
color: #83ffde;
}
.one-product-link .bl-2 .flx .block:before {
background: url('data:image/svg+xml;charset=utf-8,')
no-repeat;
height: 100%;
left: 16px;
right: auto;
top: 25px;
width: 1px;
}
.one-product-link .bl-2 .flx .block:after {
background: #83ffde;
border-radius: 50%;
box-shadow: 0 0 18px 0 rgba(4, 255, 188, 0.6);
content: "";
height: 14px;
left: 10px;
position: absolute;
top: 5px;
width: 14px;
}
.one-product-link .bl-2 .flx .block .img-wrapper {
display: none;
}
.one-product-link .bl-3 .some-stores-by-us {
margin: 0 -24px;
}
.one-product-link .bl-3 .some-stores-by-us .block {
border-radius: 10px;
margin: 0 5px;
width: 193px;
}
.one-product-link .bl-3 .some-stores-by-us .block img {
width: 100%;
}
.one-product-link .bl-4 .cards .card {
flex-direction: column-reverse;
margin-left: auto;
margin-right: auto;
max-width: 500px;
width: 100%;
}
.one-product-link .bl-4 .cards .card .block .no-credit-card,
.one-product-link .bl-4 .cards .card .block h3,
.one-product-link .bl-4 .cards .card .block p {
text-align: center;
}
.one-product-link .bl-4 .cards .card .block a.event {
margin-left: auto;
margin-right: auto;
}
.one-product-link .bl-4 .cards .card:nth-child(2n) {
flex-direction: column-reverse;
}
.one-product-link .bl-6 .flx,
.one-product-link .bl-6 .flx .plans {
align-items: center;
flex-direction: column;
}
.one-product-link .bl-7 .elips {
width: 100%;
}
}
@media (max-width: 600px) {
.one-product-link .bl-1 {
overflow: hidden;
padding-bottom: 76px;
padding-top: 100px;
}
.one-product-link .bl-1.one-product-link-partner .elips {
top: 330px;
}
.one-product-link .bl-1 .partner-wrapper:after {
display: none;
}
.one-product-link .bl-1 .partner-wrapper h1 {
margin-top: 28px;
}
.one-product-link .bl-1 .partner-wrapper .picture-wrapper img.main {
border-radius: 14px;
height: 209px;
width: 209px;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-testimonial {
border-radius: 11px;
font-size: 8.6px;
line-height: 12px;
padding: 11px 14px 8px;
width: 128px;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-testimonial
img {
height: 10px;
margin-bottom: 5px;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-influencer-info {
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
padding-bottom: 11px;
padding-left: 17px;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-influencer-info
.ols-partner-influencer-name {
background-size: 9px;
font-size: 11.5px;
line-height: 17px;
padding-right: 13px;
}
.one-product-link
.bl-1
.partner-wrapper
.picture-wrapper
.ols-partner-influencer-info
.ols-partner-influencer-subscribers {
background-size: 14px;
font-size: 9px;
padding-left: 18px;
}
.one-product-link
.bl-1
.partner-wrapper.center
.content-wrapper
.partner-info
img {
height: 28px;
width: 28px;
}
.one-product-link
.bl-1
.partner-wrapper.center
.content-wrapper
.partner-info
.name {
font-size: 12px;
}
.one-product-link .bl-1 .partner-wrapper.center .content-wrapper h1 {
margin-bottom: 12px;
margin-top: 12px;
}
.one-product-link .bl-1 .partner-wrapper.center .content-wrapper iframe {
border-radius: 10px;
height: 193px;
width: 320px;
}
.one-product-link .bl-1 .elips {
background: linear-gradient(270deg, #008df2, #00c177);
border-radius: 268px;
filter: blur(125px);
height: 184px;
top: 130px;
width: 268px;
}
.one-product-link .bl-1 h1 {
font-size: 40px;
line-height: 44px;
}
.one-product-link .bl-1 .card-categories {
-ms-overflow-style: none;
flex-shrink: 0;
justify-content: flex-start;
margin: 0 -20px;
overflow: hidden;
overflow-x: auto;
padding: 24px 0;
scrollbar-width: none;
white-space: nowrap;
}
.one-product-link .bl-1 .card-categories::-webkit-scrollbar {
display: none;
}
.one-product-link .bl-1 .cards-wrapper {
margin: 0 -24px 70px;
padding: 0;
}
.one-product-link .bl-1 .cards-wrapper .slick-dots {
bottom: -30px;
}
.one-product-link .bl-1 .cards-wrapper .slick-dots li {
height: 10px;
margin: 0 12px 0 1px;
width: 10px;
}
.one-product-link .bl-1 .cards-wrapper .slick-dots li button {
height: 10px;
width: 10px;
}
.one-product-link .bl-1 .cards-wrapper .slick-dots li button:before {
color: var(--white);
font-size: 12px;
opacity: 0.16;
}
.one-product-link
.bl-1
.cards-wrapper
.slick-dots
li.slick-active
button:before {
color: #83ffde;
opacity: 1;
}
.one-product-link .bl-1 form {
margin-bottom: 40px;
}
.one-product-link .bl-1 form .field input {
font-size: 20px;
height: 64px;
padding: 0 24px;
}
.one-product-link .bl-1 form .field input::-moz-placeholder {
padding-left: 5px;
}
.one-product-link .bl-1 form .field input::placeholder {
padding-left: 5px;
}
.one-product-link .bl-1 form .field button {
font-size: 20px;
height: 64px;
margin-top: 24px;
position: relative;
transform: none;
width: 100%;
}
.one-product-link .bl-1 form .field button:after {
background: unset !important;
}
.one-product-link .bl-1 .logos {
align-items: center;
display: flex;
margin-top: 0;
}
.one-product-link .bl-1 .logos img.s1 {
width: 150px;
}
.one-product-link .bl-1 .logos img.s2 {
width: 156px;
}
.one-product-link .bl-1 h3 {
margin-top: 80px;
padding: 4px 0;
}
.one-product-link .bl-1 .ai {
backdrop-filter: blur(10px) saturate(180%);
-webkit-backdrop-filter: blur(10px) saturate(180%);
background: linear-gradient(
45deg,
hsla(0, 0%, 100%, 0.15),
hsla(0, 0%, 100%, 0)
);
border: 0.15px solid hsla(0, 0%, 100%, 0.05);
border-radius: 57.96px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
height: 32px;
width: 136px;
}
.one-product-link .bl-2 {
padding-bottom: 80px;
}
.one-product-link .bl-2 .flx {
gap: 28px 0;
margin-left: 10px;
width: 320px;
}
.one-product-link .bl-2 .flx .block {
padding-left: 39px;
}
.one-product-link .bl-2 .flx .block:before {
background: none;
border-left: 0.5px dashed #fff;
left: 17px;
}
.one-product-link .bl-2 h2 {
font-size: 32px;
margin-bottom: 27px;
}
.one-product-link .bl-2 .event {
width: 304px;
}
.one-product-link .bl-3 {
padding-bottom: 117px;
}
.one-product-link .bl-3 h2 {
font-size: 32px;
line-height: 38px;
margin-bottom: 27px;
}
.one-product-link .bl-3 .some-stores-by-us .slick-dots {
bottom: -33px;
}
.one-product-link .bl-3 .some-stores-by-us .slick-dots li {
height: 10px;
margin: 0 12px 0 1px;
width: 10px;
}
.one-product-link .bl-3 .some-stores-by-us .slick-dots li button {
height: 10px;
width: 10px;
}
.one-product-link .bl-3 .some-stores-by-us .slick-dots li button:before {
color: var(--white);
font-size: 11px;
opacity: 0.16;
}
.one-product-link
.bl-3
.some-stores-by-us
.slick-dots
li.slick-active
button:before {
color: #83ffde;
opacity: 1;
}
.one-product-link .bl-4 {
padding-bottom: 80px;
}
.one-product-link .bl-4 h2 {
font-size: 32px;
line-height: 120%;
margin-bottom: 27px;
}
.one-product-link .bl-4 .container {
padding: 0 20px;
}
.one-product-link .bl-4 .cards .card {
margin-bottom: 40px;
max-width: 350px;
padding: 20px;
}
.one-product-link .bl-4 .cards .card .block {
width: 100%;
}
.one-product-link .bl-4 .cards .card .block h3 {
font-size: 24px;
line-height: 28px;
margin-bottom: 8px;
text-align: left;
}
.one-product-link .bl-4 .cards .card .block p {
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
text-align: left;
}
.one-product-link .bl-4 .cards .card .block a.event {
width: 310px;
}
.one-product-link .bl-4 .cards .card .block img {
border-radius: 16.7px;
width: 100%;
}
.one-product-link .bl-5 {
padding-bottom: 100px;
}
.one-product-link .bl-5 h2 {
font-size: 32px;
line-height: 38px;
margin-bottom: 12px;
}
.one-product-link .bl-5 h3 {
margin-bottom: 28px;
}
.one-product-link .bl-5 .marquee .marquee-track .marquee-group .block {
width: 360px;
}
.one-product-link .bl-5 .marquee#rating-marquee-1 {
margin-bottom: 28px;
}
.one-product-link .bl-6 {
padding-bottom: 80px;
}
.one-product-link .bl-6 h2 {
font-size: 32px;
line-height: 28px;
margin-bottom: 17px;
}
.one-product-link .bl-6 .container {
padding: 0 20px;
}
.one-product-link .bl-6 .nav-price {
margin-bottom: 20px;
}
.one-product-link .bl-6 .flx .plans {
gap: 20px;
width: 100%;
}
.one-product-link .bl-6 .flx .plans .mobile-button-container {
align-items: center;
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 4px;
max-width: 350px;
width: 100%;
}
.one-product-link .bl-6 .flx .plans .btn-mobile {
align-items: center;
background-image: linear-gradient(
76deg,
#ff5f51,
#ff0061 25%,
#ff0061 50%,
#ff5f51 75%,
#ff0061
);
background-position: 0;
background-size: 200%;
border: none;
border-radius: 82px;
color: #fff;
cursor: pointer;
display: flex;
font-size: 20px;
font-weight: 600;
gap: 12px;
height: 64px;
justify-content: center;
letter-spacing: 0;
line-height: 140%;
margin-top: 0;
overflow: hidden;
padding: 16px 40px;
position: relative;
transition: background-position 0.4s ease-in-out;
}
.one-product-link .bl-6 .flx .plans .btn-mobile:after {
background:
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 80px) 50%,
0 0;
border-radius: 12px;
content: "";
inset: 0;
position: absolute;
transition: background-position 0.3s ease-in-out;
z-index: 2;
}
.one-product-link .bl-6 .flx .plans .btn-mobile:hover {
background-position: 100%;
}
.one-product-link .bl-6 .flx .plans .btn-mobile:hover:after {
background-position: calc(50% + 85px) 50%;
}
.one-product-link .bl-6 .flx .plan-card {
max-width: 350px;
}
.one-product-link .bl-6 .flx .plan-card .mobile {
align-items: center;
color: #9ca5aa;
display: flex;
font-size: 12px;
font-weight: 400;
justify-content: space-between;
letter-spacing: 0;
line-height: 20px;
margin-top: 16px;
}
.one-product-link .bl-6 .flx .plan-card .mobile button {
align-items: center;
background: none;
border: none;
color: #9ca5aa;
cursor: pointer;
display: flex;
font-size: 12px;
gap: 4px;
padding: 0;
}
.one-product-link .bl-6 .flx .plan-card .mobile button svg {
display: block;
transition: transform 0.3s ease;
}
.one-product-link .bl-6 .flx .plan-card .mobile button.active svg {
transform: rotate(180deg);
}
.one-product-link .bl-6 .flx .plan-card--pro {
padding-top: 44px;
}
.one-product-link .bl-6 .flx .plan-card--pro .mobile span {
color: #83ffde;
}
.one-product-link .bl-6 .flx .plan-card .btn,
.one-product-link .bl-6 .flx .plan-card .plan-note {
display: none;
}
.one-product-link .bl-6 .flx .plan-card .plan-divider,
.one-product-link .bl-6 .flx .plan-card .plan-features {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.one-product-link .bl-6 .flx .plan-card .plan-divider.visible,
.one-product-link .bl-6 .flx .plan-card .plan-features.visible {
max-height: 1000px;
opacity: 1;
}
.one-product-link .bl-6 .flx .plan-card .plan-divider {
margin: 0;
}
.one-product-link .bl-6 .flx .plan-card .plan-divider.visible {
margin: 16px 0;
}
.one-product-link .faq {
padding-bottom: 80px;
}
.one-product-link .faq .container {
padding: 0 31.5px;
}
.one-product-link .faq .flx .block-1 h2 {
margin-bottom: 65px;
}
.one-product-link .faq .flx .block-2 #faq-accordion .faq-accordion-item {
border-bottom: none;
border-top: 1px solid hsla(0, 0%, 100%, 0.3);
}
.one-product-link
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head {
font-size: 18px;
line-height: 140%;
padding: 20px 40px 19px 0;
}
.one-product-link
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item
.faq-accordion-head:before {
right: 3px;
top: 22px;
}
.one-product-link
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item:first-child {
border-top: 1px solid hsla(0, 0%, 100%, 0.3);
}
.one-product-link
.faq
.flx
.block-2
#faq-accordion
.faq-accordion-item:last-child {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
}
.one-product-link .bl-7 {
padding-bottom: 80px;
}
.one-product-link .bl-7 .elips {
background: linear-gradient(270deg, #008df2, #00c177);
border-radius: 268px;
filter: blur(125px);
height: 184px;
top: 0;
width: 268px;
}
.one-product-link .bl-7 h2 {
font-size: 50px;
line-height: 60px;
}
.one-product-link .bl-7 a.event {
width: 304px;
}
.one-product-link .testimonial-component-v4 h2 {
margin-bottom: 28px;
padding: 0 30px;
}
.one-product-link
.testimonial-component-v4
.testimonial-component-slider-v4
ul.slick-dots {
bottom: -42px;
}
.one-product-link
.testimonial-component-v4
.testimonial-component-slider-v4
ul.slick-dots
li
button:before {
font-size: 11px;
}
.one-product-link
.testimonial-component-v4
.testimonial-component-slider-v4
ul.slick-dots
li.slick-active
button:before {
color: #83ffde;
}
}
body.a2p-bg {
background: url(../images/front-page-bl-1-bg-v2.svg) no-repeat;
background-size: 100%;
}
.a2p-compliance {
padding-top: 90px;
}
.a2p-compliance img.logo {
display: block;
margin: 0 auto 68px;
width: 216px;
}
.a2p-compliance h2 {
color: var(--black);
font-size: 32px;
font-weight: 600;
line-height: 40px;
text-align: center;
}
.a2p-compliance form {
display: block;
margin: 0 auto 100px;
max-width: 400px;
width: 100%;
}
.a2p-compliance form .field {
margin-bottom: 16px;
position: relative;
}
.a2p-compliance form .field span.error {
color: var(--red);
display: block;
font-size: 12px;
margin-top: 4px;
}
.a2p-compliance form .field label {
color: var(--black);
display: block;
font-size: 14px;
font-weight: 600;
line-height: 19px;
margin-bottom: 8px;
}
.a2p-compliance form .field label.s {
color: var(--grey-80);
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.a2p-compliance form .field label.s a {
color: var(--grey-80);
}
.a2p-compliance form .field input[name="basephone"],
.a2p-compliance form .field input[name="email"],
.a2p-compliance form .field input[name="name"] {
background: var(--white);
border: 1px solid var(--grey);
border-radius: 8px;
color: var(--black);
font-size: 16px;
height: 48px;
outline: none;
padding: 0 12px;
transition: 0.3s;
width: 100%;
}
.a2p-compliance form .field input[name="basephone"]:hover,
.a2p-compliance form .field input[name="email"]:hover,
.a2p-compliance form .field input[name="name"]:hover {
border: 1px solid var(--teal-main-secondary);
}
.a2p-compliance form .field input[name="basephone"]::-moz-placeholder,
.a2p-compliance form .field input[name="email"]::-moz-placeholder,
.a2p-compliance form .field input[name="name"]::-moz-placeholder {
color: var(--grey);
}
.a2p-compliance form .field input[name="basephone"]::placeholder,
.a2p-compliance form .field input[name="email"]::placeholder,
.a2p-compliance form .field input[name="name"]::placeholder {
color: var(--grey);
}
.a2p-compliance form .field input[name="basephone"]:focus,
.a2p-compliance form .field input[name="email"]:focus,
.a2p-compliance form .field input[name="name"]:focus {
border: 1px solid var(--teal-main-secondary);
box-shadow: 0 0 0 4px var(--teal-light-secondary);
}
.a2p-compliance form .field input[name="basephone"]:disabled,
.a2p-compliance form .field input[name="email"]:disabled,
.a2p-compliance form .field input[name="name"]:disabled {
background: var(--grey-20);
border: 1px solid var(--grey-20);
}
.a2p-compliance form .field input[name="basephone"].err,
.a2p-compliance form .field input[name="email"].err,
.a2p-compliance form .field input[name="name"].err {
border: 1px solid var(--red);
}
.a2p-compliance form .field input[type="checkbox"] {
height: 16px;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
width: 16px;
}
.a2p-compliance form .field .checkbox {
align-items: flex-start;
display: flex;
gap: 0 8px;
position: relative;
}
.a2p-compliance form .field .checkbox span.checkbox-span {
border: 1px solid #e5e5e5;
border-radius: 2px;
flex-shrink: 0;
height: 16px;
transition: 0.1s;
width: 16px;
}
.a2p-compliance form .field .checkbox span.error {
bottom: -13px;
left: 24px;
position: absolute;
}
.a2p-compliance form .field .checkbox input:checked ~ span.checkbox-span {
background: #e49e4c
url('data:image/svg+xml;charset=utf-8,')
no-repeat 50% 50%;
border: 1px solid #e49e4c;
}
.a2p-compliance form .field .checkbox:hover span.checkbox-span {
border: 1px solid #e49e4c;
}
.a2p-compliance form .field .iti {
width: 100%;
}
.a2p-compliance form .field .iti__country-container {
height: 48px;
}
.a2p-compliance form .field .iti__selected-country-primary {
background: #f6f6f6;
border-bottom-left-radius: 7px;
border-top-left-radius: 7px;
}
.a2p-compliance form button.submit {
background: var(--black)
url('data:image/svg+xml;charset=utf-8,')
no-repeat calc(50% + 45px) 50%;
border: none;
border-radius: 8px;
color: var(--white);
cursor: pointer;
font-size: 16px;
font-weight: 500;
height: 48px;
outline: none;
transition: 0.3s;
width: 100%;
}
.a2p-compliance form button.submit:hover {
background-position: calc(50% + 50px) 50%;
}
.a2p-compliance .a2p-footer {
background: var(--white);
border-top: 1px solid var(--grey-40);
bottom: 0;
box-sizing: border-box;
color: var(--black);
font-size: 13px;
padding: 32px 20px 27px;
position: fixed;
text-align: center;
width: 100%;
z-index: 1;
}
@media (max-width: 600px) {
.a2p-compliance .a2p-footer {
padding: 20px;
}
}