@font-face {
font-family: "Fa solid 900";
src: url('../fonts/fa-solid-900.ttf') format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa 400";
src: url('../fonts/fa-regular-400.ttf') format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa Brands 400 (6.4.2)";
src: url('../fonts/fa-brands-400.ttf') format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Bdogrotesk;
src: url('../fonts/BDOGrotesk-DemiBold-BF648a656f9c460.ttf') format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Bdogrotesk;
src: url('../fonts/BDOGrotesk-Medium-BF648a656fc86b8.ttf') format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Bdogrotesk;
src: url('../fonts/BDOGrotesk-Light-BF648a656f91fcb.ttf') format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Bdogrotesk;
src: url('../fonts/BDOGrotesk-Regular-BF648a656fd543a.ttf') format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Bdogrotesk;
src: url('../fonts/BDOGrotesk-ExtraBold-BF648a656f31316.otf') format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--primary-light: #f7f9fc;
--paragraph-gray: #4e5764;
--primary-dark: black;
--primary: #006efa;
--white: white;
--card-radius: 18px;
--dark-bgr: #152233;
--light-gray\: #f9f9fa;
--card-stroke: #5d6ffa1a;
--cardshadow: #5d7afa33;
--icon-radius: 12px;
--icon-bgr: #5d84fa1a;
--transparent: #fff0;
--white-hover-overlay: #fff3;
--secondary: #615efa;
--card-stroke-on-dark: #ffffff1a;
--black: black;
--footnote-gray: #969fad;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--primary-light);
color: var(--paragraph-gray);
font-family: Bdogrotesk, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.6em;
}
h1 {
color: var(--primary-dark);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Bdogrotesk, sans-serif;
font-size: 70px;
font-weight: 600;
line-height: 1.2em;
}
h2 {
color: var(--primary-dark);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Bdogrotesk, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 1.2em;
}
h3 {
color: var(--primary-dark);
letter-spacing: -1px;
margin-top: 0;
margin-bottom: 0;
font-family: Bdogrotesk, sans-serif;
font-size: 36px;
font-weight: 500;
line-height: 1.1em;
}
h4 {
color: var(--primary-dark);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Bdogrotesk, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 1.1em;
}
h5 {
color: var(--primary-dark);
letter-spacing: -.5px;
margin-top: 0;
margin-bottom: 0;
font-family: Bdogrotesk, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.1em;
}
h6 {
color: var(--primary-dark);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: Bdogrotesk, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.2em;
}
p {
letter-spacing: 0;
margin-bottom: 0;
font-family: Bdogrotesk, sans-serif;
line-height: 1.6em;
}
a {
color: var(--primary);
cursor: pointer;
align-items: center;
line-height: 1.6em;
text-decoration: none;
transition: all .3s;
}
a:hover {
color: var(--primary-dark);
}
ul {
grid-row-gap: 16px;
background-color: var(--paragraph-gray);
color: var(--primary);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
display: flex;
}
li {
align-items: center;
line-height: 1.4em;
}
img {
max-width: 100%;
display: inline-block;
}
label {
color: var(--primary-dark);
margin-bottom: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1.2em;
display: block;
}
strong {
color: var(--primary-dark);
font-weight: 600;
}
blockquote {
border-left: 5px solid var(--primary);
color: var(--primary-dark);
text-align: left;
width: 80%;
margin: 25px auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
font-weight: 500;
line-height: 1.6em;
}
.section {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.section.light-background {
background-color: var(--white);
}
.section.without-bottom-spacing {
padding-bottom: 0;
}
.section.full-blue-bgr {
background-color: var(--primary);
}
.section.contact-card {
border-radius: var(--card-radius);
background-image: linear-gradient(#00000080, #00000080), url('../images/Contact_us.webp');
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
margin: 60px 24px;
overflow: hidden;
}
.section.blue-card {
border-radius: var(--card-radius);
background-color: var(--primary);
margin: 60px 24px;
}
.section.with-baner {
flex-flow: row;
justify-content: center;
align-items: center;
min-height: 360px;
padding-top: 200px;
display: flex;
}
.section.with-baner.full-blue {
background-color: var(--primary);
overflow: hidden;
}
.section.with-baner.add-padding {
padding-bottom: 220px;
}
.section.without-bottom-space {
padding-bottom: 0;
}
.section.video {
min-height: 430px;
}
.section.short {
background-color: var(--primary);
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
overflow: hidden;
}
.section.full-black-bgr {
background-color: var(--dark-bgr);
}
.section.full-black-bgr.map {
background-image: url('../images/map-2.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
height: auto;
padding-top: 120px;
padding-bottom: 120px;
}
.section.nobottom {
padding-bottom: 0;
}
.section.full-img-bgr {
background-image: linear-gradient(#060d25b3, #060d25b3), url('../images/84_184.webp');
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.section.relative {
position: relative;
top: -160px;
}
.section.center {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.base-container {
flex-direction: column;
align-items: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.base-container.align-left {
align-items: flex-start;
}
.base-container.sizing {
z-index: 3;
flex: 1;
}
.base-container.centered {
text-align: center;
display: flex;
}
.spacing-system-column {
padding-right: 20px;
}
.headings-typography-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
width: 47%;
display: flex;
}
.primary-button {
background-color: var(--primary);
color: var(--white);
text-align: center;
text-transform: none;
border-radius: 40px;
flex: none;
padding: 8px 20px;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: all .35s;
display: inline-block;
}
.primary-button:hover {
background-color: var(--white);
color: var(--primary);
box-shadow: 0 0 10px #006efa;
}
.primary-button.full-width-mobile {
display: block;
}
.primary-button.large {
font-size: 20px;
}
.navbar {
background-color: #ddd0;
width: 100%;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
position: fixed;
}
.navbar.sticky {
z-index: 999;
background-color: var(--white);
position: sticky;
top: 0;
}
.nav-container {
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.nav-menu {
text-align: right;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.nav-link {
color: var(--paragraph-gray);
padding: 10px;
font-size: 16px;
font-weight: 400;
}
.nav-link:hover {
color: var(--primary);
}
.nav-link.w--current {
color: var(--paragraph-gray);
}
.nav-link.w--current:hover {
color: var(--primary);
}
.nav-dropdown-toggle {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: var(--paragraph-gray);
margin-left: 0;
margin-right: 0;
padding: 10px;
display: flex;
}
.nav-dropdown-icon {
margin-left: 0;
margin-right: 0;
font-size: 14px;
display: block;
position: static;
}
.nav-dropdown-list {
background-color: #fff;
border: 1px solid #625dfa1a;
border-radius: 18px;
width: 200px;
padding: 15px 20px;
}
.nav-dropdown-list.w--open {
width: 198px;
padding-top: 20px;
padding-bottom: 20px;
}
.nav-dropdown-list.megamenu {
width: 360px;
}
.nav-dropdown-list.megamenu.w--open {
width: 550px;
display: flex;
right: 0;
}
.nav-dropdown-link-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.nav-dropdown-link {
color: var(--paragraph-gray);
text-transform: capitalize;
width: 100%;
margin-left: -20px;
padding: 8px 8px 8px 0;
font-size: 16px;
font-weight: 400;
line-height: 1.1em;
transition: all .3s;
display: flex;
}
.nav-dropdown-link:hover {
color: var(--primary);
margin-left: 0;
}
.nav-dropdown-link.w--current {
color: var(--primary);
}
.nav-item-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
}
.licensing-images-wrapper {
border-top: 1px solid #11312833;
width: 100%;
padding-top: 40px;
}
.utility-page-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 280px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.password-image {
width: 140px;
margin-left: auto;
margin-right: auto;
display: block;
}
.password-title-wrapper {
margin-bottom: 40px;
}
._404-paragraph {
text-align: center;
margin-top: 18px;
margin-bottom: 40px;
}
.text-center {
text-align: center;
}
._404-content-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 700px;
display: flex;
}
.blog-classic-item {
background-color: var(--white);
border: 1px solid #625dfa1a;
border-radius: 18px;
box-shadow: 0 0 20px #1018280f;
}
.blog-classic-top-content {
flex-direction: column;
align-items: flex-start;
padding: 20px 30px 10px;
display: flex;
}
.blog-classic-top-content._50 {
width: 50%;
}
.blog-classic-post-category {
color: var(--primary);
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
line-height: 1em;
text-decoration: none;
transition: all .3s;
display: inline-block;
}
.blog-classic-post-category:hover {
background-color: #0000;
}
.blog-classic-post-image-wrapper {
width: 100%;
height: 180px;
display: block;
overflow: hidden;
}
.blog-classic-bottom-content {
flex-direction: column;
align-items: flex-start;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
display: flex;
}
.blog-classic-post-description {
color: var(--paragraph-gray);
letter-spacing: 0;
margin-top: 18px;
margin-bottom: 20px;
font-size: 16px;
}
.blog-classic-post-date {
background-color: var(--white);
color: var(--primary-dark);
border: 1px solid #625dfa1a;
border-radius: 18px;
margin-top: -13px;
padding: 3px 15px;
font-size: 16px;
font-weight: 400;
position: relative;
}
.blog-classic-post-date.in-post {
margin-top: 0;
}
.nav-menu-wrapper {
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.blog-template-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
width: 100%;
max-width: 950px;
margin-bottom: 40px;
display: flex;
}
.blog-template-image {
border-radius: var(--card-radius);
object-fit: cover;
width: 100%;
position: relative;
}
.blog-template-pagination {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-items: center;
margin-top: 80px;
display: flex;
}
.blog-template-prev-button {
flex: 1;
display: flex;
}
.blog-template-next-button {
flex: 1;
justify-content: flex-end;
display: flex;
}
.blog-template-pagination-link {
color: var(--primary);
align-items: center;
width: auto;
display: flex;
}
.blog-template-pagination-link:hover {
color: var(--primary);
}
.blog-template-next {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: right;
flex-flow: column;
display: flex;
}
.footer {
align-items: flex-start;
padding-bottom: 30px;
}
.footer-bottom-wrapper {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.footer-copyright {
grid-column-gap: 5px;
grid-row-gap: 0px;
text-align: center;
font-size: 12px;
display: flex;
}
.team-card {
border-radius: 18px;
}
.team-card-image {
color: var(--primary);
object-fit: cover;
border: 1px solid #625dfa1a;
border-radius: 18px;
width: 100%;
min-width: 100%;
height: 480px;
overflow: hidden;
}
.team-card-content-wrapper {
background-color: var(--white);
text-align: center;
border: 1px solid #625dfa1a;
border-radius: 18px;
height: 268px;
margin-top: -20px;
padding: 20px;
position: relative;
}
.team-member-position {
margin-top: 5px;
margin-bottom: 15px;
font-size: 16px;
}
.team-grid-large {
grid-column-gap: 30px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.process-content {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.style-guide-button-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-button-icon {
font-family: "Fa solid 900", sans-serif;
font-size: 13px;
line-height: 1;
}
.workflow-video-wrapper {
z-index: 1;
border-radius: 18px;
flex: none;
height: 350px;
position: relative;
overflow: hidden;
}
.accordion-toggle {
white-space: normal;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0 0 20px;
display: flex;
}
.accordion-list {
background-color: #0000;
width: 100%;
display: block;
position: static;
overflow: hidden;
}
.accordion-list.w--open {
background-color: #0000;
padding-top: 0;
padding-bottom: 20px;
display: block;
}
.accordion-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 100%;
display: flex;
}
.accordion-item {
background-color: var(--white);
border: 1px #625dfa1a;
border-radius: 18px;
width: 100%;
padding: 30px 30px 20px;
}
.accordion-icon {
margin-left: 20px;
font-family: "Fa solid 900", sans-serif;
font-size: 14px;
line-height: 1em;
}
.accordion-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
width: 100%;
display: flex;
}
.accordion-wrap.last-child {
margin-right: 0;
}
.accordion-list-content {
margin-top: 0;
margin-bottom: 0;
}
.light-background {
background-color: var(--light-gray\);
}
.link-with-icon {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
margin-top: 40px;
font-size: 16px;
font-weight: 500;
display: flex;
}
.link-with-icon:hover {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--white);
}
.link-with-icon.white-text {
margin-top: 0;
}
.contacts-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.contacts-form-wrapper {
background-color: var(--white);
border: 1px solid #625dfa1a;
border-radius: 18px;
flex: none;
width: 100%;
max-width: 600px;
min-height: 350px;
padding: 30px;
}
.contacts-form-wrapper.autoh {
flex: none;
height: auto;
min-height: auto;
}
.hidden {
display: none;
}
.contacts-textarea {
color: var(--paragraph-gray);
border: 1px solid #625dfa1a;
border-radius: 18px;
min-width: 100%;
max-width: 100%;
min-height: 120px;
max-height: 100%;
margin-bottom: 10px;
padding: 16px 18px;
font-size: 16px;
transition: all .3s;
}
.contacts-textarea:hover {
box-shadow: 0 0 10px #625dfa33;
}
.contacts-textarea:focus {
border: 1px solid var(--primary);
}
.contacts-textarea::placeholder {
color: var(--paragraph-gray);
font-size: 16px;
}
.contacts-input {
background-color: var(--white);
color: var(--paragraph-gray);
border: 1px solid #625dfa1a;
border-radius: 18px;
height: 50px;
margin-bottom: 0;
padding: 10px 18px;
font-size: 16px;
transition: all .3s;
}
.contacts-input:hover {
box-shadow: 0 0 10px #625dfa33;
}
.contacts-input:focus {
border-color: var(--primary);
color: var(--primary-dark);
box-shadow: 0 0 10px #625dfa33;
}
.contacts-input::placeholder {
color: var(--paragraph-gray);
font-size: 16px;
}
.contacts-form-title {
text-align: center;
margin-bottom: 40px;
}
.footer-link {
color: var(--paragraph-gray);
font-size: 16px;
font-weight: 300;
transition: all .3s;
}
.footer-link:hover {
color: var(--primary);
}
.footer-social-icons-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.footer-wrapper {
grid-column-gap: 36px;
grid-row-gap: 36px;
border-top: 1px solid #11312833;
border-bottom: 1px solid #11312833;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start stretch;
width: 100%;
margin-top: 0;
margin-bottom: 30px;
padding-top: 60px;
padding-bottom: 60px;
display: grid;
}
.white-text {
color: #fff;
letter-spacing: 0;
text-transform: none;
}
.white-text.s {
font-size: 58px;
}
.footer-brand {
color: #fff;
flex: none;
margin-bottom: 0;
}
.footer-brand.w--current {
color: #fff;
padding-left: 0;
font-family: Poppins;
}
.footer-social-icon {
background-color: var(--white);
color: var(--primary);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 46px;
height: 46px;
font-family: "Fa Brands 400 (6.4.2)", sans-serif;
font-size: 20px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.footer-social-icon:hover {
background-color: var(--primary);
color: var(--white);
}
.footer-social-icon.email {
font-family: "Fa solid 900", sans-serif;
}
.footer-links-wrapper {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.search-shop-con {
align-items: center;
display: flex;
}
.search-result-wrapper {
width: 100%;
margin-top: 40px;
}
.search-section {
padding-top: 80px;
padding-bottom: 80px;
}
.customers-grid {
grid-column-gap: 30px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.customers-grid._4-1 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
place-content: center;
}
.customer-wrapper {
border: 1px solid var(--card-stroke);
background-color: var(--white);
text-align: center;
border-radius: 18px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 110px;
padding: 20px;
transition: all .3s;
display: flex;
position: relative;
}
.customer-wrapper:hover {
box-shadow: 0 0 10px 0 var(--cardshadow);
}
.service-list-item {
position: relative;
}
.primary-button-white {
background-color: var(--white);
color: var(--primary-dark);
text-align: center;
border-radius: 40px;
align-items: center;
padding: 8px 20px;
font-size: 16px;
font-weight: 400;
transition: all .3s;
}
.primary-button-white:hover {
box-shadow: 0 0 10px 0 var(--white);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--white);
background-color: #0000;
}
.primary-button-white.absolute {
position: absolute;
top: 45%;
left: 30%;
}
.slide-3 {
max-height: 580px;
}
.about-3-tab-link {
color: var(--white);
background-color: #0000;
flex-direction: column;
align-items: center;
width: 33.33%;
margin-bottom: -12px;
padding-top: 20px;
padding-bottom: 4px;
font-size: 19px;
line-height: 32px;
transition: all .3s;
display: flex;
position: relative;
}
.about-3-tab-link.w--current {
color: var(--white);
background-color: #0000;
padding-top: 20px;
padding-bottom: 4px;
font-size: 24px;
}
.portfolio-grid-collection-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.portfolio-grid-collection-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
position: relative;
}
.portfolio-grid-title-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: var(--white);
border: 1px solid #625dfa1a;
border-radius: 18px;
flex-direction: column;
margin-top: -40px;
margin-left: 15px;
margin-right: 15px;
padding: 20px 30px;
display: flex;
position: relative;
}
.portfolio-masonry-image-wrapper {
position: relative;
}
.nav-dropdown-column {
width: 100%;
}
.testimonials-item-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.testimonials {
padding-top: 80px;
padding-bottom: 80px;
}
.blog-section-title {
text-align: center;
margin-bottom: 60px;
padding-left: 15px;
padding-right: 15px;
}
.map-wrapper {
position: relative;
}
.map-wrapper.home-page {
width: 100%;
margin-bottom: 60px;
}
.testimonials-author {
flex-direction: column;
justify-content: center;
display: flex;
}
.contacts-wrapper-grid {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-left: 30px;
padding-right: 30px;
}
.author-position {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.section-title-center {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 780px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.courses-collection {
width: 100%;
}
.home-4-testimonials-wrapper, .testimonials-wrapper-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: stretch;
width: 100%;
margin-top: 10px;
display: flex;
}
.top-banner-button-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
margin-top: 38px;
display: flex;
position: relative;
}
.portfolio-grid-image-link {
border-radius: 18px;
width: 100%;
height: 300px;
display: block;
overflow: hidden;
}
.about-text-block {
flex-flow: column;
align-items: center;
width: 50%;
padding-left: 40px;
padding-right: 5%;
display: flex;
}
.about-img {
object-fit: cover;
border-radius: 18px;
position: absolute;
}
.about-img._1 {
z-index: 2;
width: 350px;
inset: 0% 0% auto 12%;
}
.about-img._5 {
z-index: 4;
width: 350px;
inset: auto 0% 0% 24%;
}
.about-img._3 {
z-index: 1;
width: 300px;
inset: 19% 4% 0% auto;
}
.about-img._4 {
z-index: 5;
width: 220px;
inset: 46% 30% 0% 50%;
}
.about-img._2 {
z-index: 3;
width: 300px;
inset: 31% auto 0% 2%;
}
.about-img.advertisers4 {
justify-content: flex-start;
align-items: center;
height: 90%;
display: inline-block;
top: 20px;
left: 60px;
}
.about-img.advertisers3 {
width: 350px;
top: -2%;
left: auto;
right: 0%;
}
.about-img.advertisers2 {
width: 250px;
top: 40px;
left: 0;
}
.about-img.advertisers1 {
width: 230px;
inset: 122px auto auto 162px;
}
.about-img.publishers4 {
justify-content: flex-start;
align-items: center;
height: 100%;
display: inline-block;
left: 114px;
}
.about-img.publishers3 {
width: 350px;
top: 30px;
left: 44px;
}
.about-img.publishers2 {
width: 200px;
inset: 30px auto auto 280px;
}
.about-img.publishers1 {
width: 220px;
top: -22px;
bottom: auto;
left: 0;
}
.about-img.enhanced4 {
justify-content: flex-start;
align-items: center;
height: 90%;
display: inline-block;
top: 20px;
left: auto;
}
.about-img.enhanced3 {
width: 310px;
top: 77px;
left: 60px;
}
.about-img.lightweight2 {
width: 190px;
top: 23px;
left: 149px;
}
.about-img.lightweight1 {
width: 200px;
inset: 70px auto auto 287px;
}
.about-img.high-impact3 {
justify-content: flex-start;
align-items: center;
height: 90%;
display: inline-block;
top: 20px;
left: 0;
}
.about-img.high-impact2 {
width: 230px;
top: 0;
left: 143px;
}
.about-img.high-impact1 {
width: 190px;
top: 65px;
left: 10px;
}
.about-img.enhanced2 {
width: 190px;
top: 178px;
left: -42px;
}
.about-img.enhanced1 {
width: 200px;
inset: 58px auto auto 292px;
}
.about-img.precision3 {
justify-content: flex-start;
align-items: center;
height: 90%;
display: inline-block;
top: 20px;
left: 0;
}
.about-img.precision2 {
width: 410px;
top: 80px;
left: 80px;
}
.about-img.precision1 {
width: 190px;
top: 146px;
left: -26px;
}
.about-img.shortened3 {
width: 320px;
top: 70px;
left: -11px;
}
.about-img.lightweight4 {
justify-content: flex-start;
align-items: center;
height: 90%;
display: inline-block;
top: 20px;
left: 0;
}
.about-img.lightweight3 {
width: 200px;
top: 65px;
left: 0;
}
.about-img.shortened4 {
height: 90%;
top: 20px;
}
.about-img.shortened1 {
width: 180px;
inset: 90px auto auto 259px;
}
.about-img.multiple4 {
justify-content: flex-start;
align-items: center;
height: 90%;
display: inline-block;
top: 20px;
left: 0;
}
.about-img.multiple3 {
width: 210px;
top: 71px;
left: -17px;
}
.about-img.multiple2 {
width: 190px;
top: 29px;
left: 112px;
}
.about-img.multiple1 {
width: 244px;
inset: 101px auto auto 239px;
}
.about-img.easy3 {
justify-content: flex-start;
align-items: center;
height: 90%;
display: inline-block;
top: 20px;
left: 0;
}
.about-img.easy2 {
width: 300px;
top: 38px;
left: 146px;
right: auto;
}
.about-img.easy1 {
width: 210px;
top: 128px;
left: 0;
}
.bundle-images {
width: 100%;
max-width: 1000px;
height: 100%;
position: relative;
}
.about-us-container {
flex-flow: row-reverse;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.subtitle {
border-bottom: 2px solid #80808026;
margin-bottom: 30px;
margin-right: 0;
padding-bottom: 4px;
display: inline-block;
}
.about-images-block {
justify-content: flex-end;
width: 55%;
display: flex;
position: static;
}
.our-services-wrap {
grid-row-gap: 20px;
flex-direction: column;
align-items: center;
width: 33.33%;
display: flex;
}
.central-alignment-heaading {
text-align: center;
margin-bottom: 75px;
}
.heading-wrapper {
margin-top: 40px;
margin-bottom: 30px;
}
.content-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 190px;
display: flex;
}
.content {
border-radius: 5px;
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
}
.industries-block-wrapper {
background-color: #0000;
border-radius: 12px;
flex-direction: column;
justify-content: space-around;
width: 100%;
max-width: 35vw;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.industries-block-wrapper:hover {
box-shadow: 0 10px 20px #14173326;
}
.blog-details-link-title {
line-height: 1.1em;
}
.blog-details-link-title:hover {
color: var(--primary);
}
.home-9-team-item {
text-align: center;
flex-direction: column;
align-items: center;
width: 31%;
position: relative;
}
.about-4-team-slide {
width: 23%;
margin-right: 30px;
}
.about-6-projects-item {
text-align: center;
object-fit: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 370px;
display: flex;
position: relative;
overflow: hidden;
}
.section-with-blue-bg {
background-color: var(--primary);
justify-content: center;
display: flex;
}
.nav-dropdown-link-line {
background-color: var(--primary);
width: 16px;
height: 2px;
margin-right: 15px;
display: inline-block;
}
.subtitle-2 {
color: #fc8e44;
border-bottom: 2px solid #80808026;
margin-bottom: 30px;
margin-right: 0;
padding-bottom: 4px;
display: inline-block;
}
.dropdown-nav-link {
color: #999;
margin-left: -20px;
padding: 5px 0;
font-family: Poppins;
transition: color .2s;
display: flex;
}
.dropdown-nav-link:hover, .dropdown-nav-link.w--current {
color: #004ae2;
}
.gallery-image-link {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.home-19-gallery-img-link {
justify-content: center;
display: flex;
position: relative;
overflow: hidden;
}
.position {
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.menu-wrap {
align-items: center;
display: flex;
}
.rich-text-style h2 {
text-indent: 10px;
margin-top: 25px;
margin-bottom: 15px;
font-size: 40px;
}
.rich-text-style h3 {
margin-top: 25px;
margin-bottom: 15px;
font-size: 30px;
}
.rich-text-style h4 {
margin-top: 25px;
margin-bottom: 15px;
}
.rich-text-style h5 {
margin-top: 20px;
margin-bottom: 20px;
}
.rich-text-style h6 {
margin-top: 20px;
}
.rich-text-style li {
line-height: 1.8em;
}
.rich-text-style ul {
margin-top: 25px;
margin-bottom: 25px;
padding-left: 40px;
font-size: 16px;
}
.rich-text-style img {
margin-top: 20px;
margin-bottom: 10px;
}
.rich-text-style p {
margin-bottom: 20px;
line-height: 1.8em;
}
.rich-text-style strong {
color: var(--primary-dark);
}
.rich-text-style ol {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
margin-top: 25px;
margin-bottom: 25px;
font-size: 16px;
display: flex;
}
.home-banner-left-arrow {
align-items: center;
height: 40px;
display: flex;
inset: 0% auto 0% 2%;
}
.home-23-team-item {
width: 33%;
}
.center-title {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.brand-tablet {
display: none;
}
.main-shop-list-item {
background-color: var(--white);
border-radius: 18px;
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 10px #625dfa33;
}
.shop-link-block {
border-radius: 18px;
width: 100%;
height: 200px;
display: block;
overflow: hidden;
}
.shop-links-wrapper {
border-radius: 18px;
position: relative;
overflow: hidden;
}
.shop-item-price {
color: var(--paragraph-gray);
font-size: 16px;
font-weight: 400;
}
.shop-price-wrapper {
grid-column-gap: 10px;
flex-flow: wrap;
margin-top: 10px;
display: flex;
}
.details-page-title {
font-size: 36px;
line-height: 1.1em;
}
.collection-list-blog-classic {
grid-column-gap: 30px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.success-message {
color: var(--primary);
text-align: center;
background-color: #ddd0;
font-weight: 400;
}
.error-message {
color: #d60f0f;
text-align: center;
background-color: #0000;
padding: 0;
font-size: 16px;
font-weight: 400;
}
.form-contacts {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.form-block-contacts {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 300px;
margin-bottom: 0;
display: flex;
}
.form-block-contacts.autoh {
min-height: auto;
}
.arrow-span {
margin-left: 5px;
font-family: "Fa solid 900", sans-serif;
font-size: 14px;
}
.arrow-span.primary {
color: var(--primary);
}
.title-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
margin-bottom: 50px;
display: flex;
}
.title-wrap.centered {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.title-wrap.centered.nomargin {
margin-bottom: 0;
}
.grid-content {
grid-column-gap: 90px;
grid-row-gap: 90px;
flex-flow: column;
display: flex;
}
.grid-block-content {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.grid-block-description {
border: 1px solid var(--card-stroke);
border-radius: var(--card-radius);
background-color: var(--white);
width: 100%;
overflow: hidden;
}
.top-image {
height: 200px;
}
.top-image.horizontal {
justify-content: space-around;
align-items: center;
padding-top: 20px;
display: flex;
}
.bottom-description {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.medium-text {
letter-spacing: 0;
font-size: 16px;
}
.bottom-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
border: 1px solid var(--card-stroke);
background-color: var(--white);
border-radius: 18px;
flex-flow: column;
padding: 40px;
display: flex;
}
.bottom-block.hide {
display: none;
}
.maxw-680px {
max-width: 680px;
}
.left-text-content {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
flex: 1;
display: flex;
}
.right-image-content {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: flex-end;
display: flex;
}
.right-image-content.hidden {
display: none;
}
.display-flex {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: row;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.top-left-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
max-width: none;
display: flex;
}
.image-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.image-cover.position {
object-position: 50% 0%;
}
.image-bgr-absolute {
position: absolute;
inset: 0% 0% 0% auto;
}
.image-bgr-absolute.position {
right: -33%;
}
.image-bgr-absolute.left-filled {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
inset: 0% 32% 0% auto;
}
.image-bgr-absolute.left-outlined {
height: 100%;
inset: 0% 32% 0% auto;
}
.image-bgr-absolute.home-right-filled {
z-index: 1;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
bottom: 0%;
left: 14%;
right: 0%;
}
.image-bgr-absolute.home-right-outlined {
z-index: 2;
height: 100%;
inset: 0% 0% 0% 14%;
}
.image-bgr-absolute.resource-right-filled {
z-index: 1;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
inset: -19% -7% auto auto;
}
.services-grid {
grid-column-gap: 30px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.services-grid._2-2 {
grid-column-gap: 100px;
grid-row-gap: 100px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.services-grid.nomargin {
grid-column-gap: 30px;
margin-bottom: 0;
}
.services-grid._2-1 {
grid-template-columns: 1fr 1fr;
}
.services-grid._4in1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.icon-block {
border-radius: var(--icon-radius);
background-color: var(--icon-bgr);
justify-content: center;
align-items: center;
width: 75px;
height: 75px;
display: flex;
overflow: hidden;
}
.icon-block.no-bg {
background-color: var(--transparent);
width: 50px;
height: 50px;
}
.link-cms {
color: var(--primary-dark);
margin-top: 20px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 600;
line-height: 1em;
display: block;
}
.link-cms:hover {
color: var(--primary);
}
.link-cms.m {
letter-spacing: 0;
font-size: 24px;
line-height: 1.1em;
}
.link-cms.m.white-text {
color: var(--white);
}
.link-cms.whitout-space {
margin-top: 0;
margin-bottom: 0;
}
.link-cms.l {
letter-spacing: 0;
font-size: 30px;
line-height: 1.1em;
}
.small-text {
letter-spacing: 0;
font-size: 14px;
}
.small-text.margin-bottom {
margin-bottom: 10px;
}
.small-text.left {
text-align: left;
}
.services-item-content {
border: 1px solid var(--card-stroke);
border-radius: var(--card-radius);
background-color: var(--white);
padding: 20px;
position: relative;
}
.services-item-content.nopadding {
background-color: var(--transparent);
border-style: none;
border-radius: 0;
padding: 0;
}
.services-item-content.nopadding.centered {
border-right-style: solid;
flex-flow: column;
justify-content: center;
align-items: center;
margin-right: 0;
padding-right: 20px;
display: flex;
}
.services-item-content.nopadding.centered.nostroke {
border-right-style: none;
margin-right: 0;
padding-right: 20px;
}
.contenr-with-text {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1000px;
display: flex;
}
.large-text-block {
color: var(--white);
letter-spacing: 0;
font-family: Bdogrotesk, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 1.2em;
}
.div-block-3 {
grid-column-gap: 50px;
grid-row-gap: 50px;
display: flex;
}
.reviews-text {
color: var(--white);
font-size: 20px;
font-weight: 500;
}
.slider-reviews {
background-color: #ddd0;
flex: none;
width: 100%;
max-width: none;
height: 100%;
}
.arrow-slider {
background-color: var(--white);
color: var(--primary-dark);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 54px;
height: 54px;
margin-right: 65px;
font-size: 18px;
transition: all .3s;
display: flex;
inset: auto 0% 0% auto;
}
.arrow-slider:hover {
color: var(--white);
background-color: #fff3;
}
.arrow-slider.right {
margin-right: 0;
}
.arrow-slider.right:hover {
background-color: var(--white-hover-overlay);
}
.arrow-icon-slider {
font-family: "Fa solid 900", sans-serif;
}
.partners-wrap {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex: none;
justify-content: flex-start;
align-items: center;
width: auto;
display: flex;
}
.partners-block {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.ptn-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
margin-top: 70px;
display: flex;
overflow: hidden;
}
.bgr-blur {
z-index: -1;
-webkit-backdrop-filter: blur(17px);
backdrop-filter: blur(17px);
background-color: #ffffff1a;
border: 1px solid #625dfa1a;
border-radius: 15px;
margin-left: 20px;
margin-right: 20px;
position: absolute;
inset: 0%;
}
.bgr-blur.margin-bottom {
margin-bottom: -10px;
}
.bgr-primary {
z-index: -2;
background-image: linear-gradient(219deg, #625dfa, #c85efa);
border-radius: 15px;
margin-left: 40px;
margin-right: 40px;
position: absolute;
inset: 0%;
}
.bgr-primary.margin-bottom {
background-image: linear-gradient(219deg, var(--primary), var(--secondary));
margin-bottom: -20px;
}
.homepage-section {
background-color: var(--white);
flex-flow: row;
justify-content: flex-start;
align-items: center;
min-height: 720px;
padding-top: 100px;
display: flex;
position: relative;
overflow: hidden;
}
.homepage-section.home {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
justify-content: space-between;
align-items: center;
min-height: auto;
padding-top: 10%;
overflow: hidden;
}
.homepage-description {
grid-column-gap: 30px;
grid-row-gap: 30px;
width: 100%;
display: none;
}
.homepage-description.alignright {
justify-content: flex-end;
align-items: center;
display: flex;
}
.homepage-description.alignleft {
justify-content: flex-start;
align-items: center;
display: flex;
}
.left-content {
flex-flow: column;
flex: none;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 550px;
display: flex;
}
.left-content.home-2 {
text-align: center;
justify-content: center;
align-items: center;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.right-content {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 175px;
display: flex;
position: relative;
}
.space {
margin-top: 24px;
margin-bottom: 40px;
}
.space.maxw {
letter-spacing: 0;
max-width: 450px;
}
.space.maxw-730 {
max-width: 730px;
}
.space.white-with-maxw {
color: var(--white);
letter-spacing: 0;
max-width: 550px;
}
.blur-block {
-webkit-backdrop-filter: blur(17px);
backdrop-filter: blur(17px);
background-color: #ffffff1a;
border-radius: 15px;
padding: 8px;
}
.blur-block.size-small {
z-index: 1;
width: 200px;
height: 200px;
position: relative;
overflow: hidden;
box-shadow: 0 0 24px #a65efb33;
}
.blur-block.absolute {
width: 322px;
height: 236px;
position: absolute;
inset: -35% auto auto 22%;
}
.white-block {
background-color: var(--white);
text-align: center;
border-radius: 7px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.white-block.align {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-image: url('../images/Rectangle-4366_1Rectangle 4366.webp');
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
}
.white-block.padding {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.white-block.padding-15 {
padding: 15px;
}
.lottie-animation {
width: 170%;
height: 130%;
margin-top: -30px;
margin-left: -65px;
position: absolute;
inset: 0%;
}
.text-block-3 {
font-size: 11px;
font-weight: 500;
}
.text-block-4 {
color: var(--primary-dark);
font-size: 28px;
font-weight: 600;
}
.images-column {
z-index: 1;
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
position: relative;
}
.gradient-span {
background-color: var(--primary);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.line-horizontal {
border-left: 1px dashed #515c5e33;
width: 1px;
height: 100%;
}
.lines-wrap {
justify-content: space-around;
display: flex;
position: absolute;
inset: 0%;
}
.column-wrap {
grid-column-gap: 50px;
grid-row-gap: 50px;
width: 100%;
display: flex;
}
.number-bold {
color: var(--primary-dark);
letter-spacing: -3px;
font-size: 70px;
font-weight: 600;
line-height: 1em;
}
.block-with-number {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
width: 256px;
display: flex;
}
.block-with-number.padding-right {
padding-left: 30px;
}
.block-with-number.center {
align-items: center;
}
.display-flex-horizontal {
display: flex;
}
.line-medium {
background-color: #11312833;
width: 100%;
height: 1px;
}
.centered-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
}
.line {
background-color: #11312833;
width: 1px;
margin-left: 40px;
margin-right: 40px;
}
.background-video {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.dark-overlay {
z-index: 0;
background-color: #0402189e;
position: absolute;
inset: 0%;
}
.inner-page {
background-color: var(--white);
flex-flow: column;
padding-top: 180px;
padding-bottom: 80px;
display: flex;
position: relative;
}
.description-blog {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
width: 100%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
}
.div-block-13 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.details-page {
padding-top: 100px;
padding-bottom: 80px;
}
.secondary-gradient-button {
opacity: 1;
color: #fff;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
background-color: #0000;
background-image: linear-gradient(#ffffff1a, #ffffff1a);
border-radius: 12px;
justify-content: center;
min-height: 47px;
padding: 15px 20px;
font-size: 12px;
line-height: 1em;
transition: all .35s;
display: flex;
box-shadow: 0 0 10px #ffffff1a;
}
.secondary-gradient-button:hover {
opacity: .7;
}
.hero-price-item {
background-color: var(--white);
box-shadow: none;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border: 1px solid #ffffff1a;
border-radius: 12px;
padding: 20px;
transition: all .35s;
}
.hero-price-item:hover {
box-shadow: 1px 0 20px #625dfa80;
}
.primary-gradient-button {
color: #fff;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
background-color: #0000;
background-image: linear-gradient(315deg, #3f0efa, #90f);
border-radius: 12px;
justify-content: center;
height: auto;
min-height: 47px;
padding: 15px 20px;
font-size: 12px;
line-height: 1em;
transition: all .35s;
display: flex;
box-shadow: 0 -1px 10px #9900ff26;
}
.primary-gradient-button:hover {
opacity: .7;
}
.h2-title {
margin-top: 0;
margin-bottom: 0;
}
.hero-price-item-pro {
background-color: var(--primary);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border: 1px solid #625dfa1a;
border-radius: 12px;
padding: 20px;
transition: all .3s;
box-shadow: 0 0 20px #625dfa80;
}
.hero-price-item-pro:hover {
box-shadow: 1px 0 20px #fff0;
}
.cart-button {
background-color: #3898ec00;
padding: 0 10px;
}
.cart-quantity {
color: var(--primary);
background-color: #fff0;
border-radius: 0;
min-width: auto;
height: auto;
margin-left: 0;
padding-top: 8px;
padding-left: 0;
padding-right: 0;
font-size: 12px;
line-height: 1em;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
}
.full-width {
width: 100%;
}
.tablet-button {
display: none;
}
.background-absolute {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.inputs-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-bottom: 10px;
display: flex;
}
.services-list-block {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
display: flex;
}
.services-list-block.with-margin {
margin-bottom: 0;
}
.services-item-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
border: 1px solid var(--card-stroke);
border-radius: var(--card-radius);
background-color: var(--white);
flex-flow: row;
padding: 30px;
display: flex;
}
.services-item-block:nth-child(2n) {
background-color: var(--white);
border: 1px solid #625dfa1a;
border-radius: 18px;
flex-flow: row-reverse;
padding: 30px;
}
.services-item-block.nopadding {
background-color: var(--transparent);
border-style: none;
padding: 0;
}
.margin-bottom-40 {
margin-bottom: 40px;
}
.background-video-3 {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.description-product {
padding: 20px;
}
.checkout-actions {
flex-flow: column;
display: flex;
}
.total-price {
color: var(--primary);
font-weight: 600;
}
.image-cart {
object-fit: cover;
border-radius: 18px;
height: 60px;
}
.name-cart {
color: var(--primary-dark);
font-weight: 500;
line-height: 1.1em;
}
.remove-button {
border: 1px solid var(--primary);
background-color: var(--primary);
color: var(--white);
border-radius: 18px;
padding: 4px 10px;
font-size: 14px;
font-weight: 400;
line-height: 1em;
}
.remove-button:hover {
background-color: var(--white);
color: var(--primary-dark);
border: 1px solid #625dfa33;
}
.cart-description {
grid-column-gap: 3px;
grid-row-gap: 3px;
justify-content: flex-start;
align-items: flex-start;
font-size: 16px;
}
.cart-item {
justify-content: flex-start;
align-items: center;
}
.cart-quantity-2 {
background-color: var(--white);
border-color: #625dfa1a;
border-radius: 5px;
width: 50px;
}
.cart-quantity-2:focus {
border-color: var(--primary);
color: var(--primary-dark);
}
.cart-container {
box-shadow: none;
border-radius: 18px;
}
.primary-link {
font-size: 20px;
font-weight: 400;
}
.primary-link:hover {
color: var(--primary-dark);
}
.search-result-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.password-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.promotion-label-holder {
grid-row-gap: 10px;
flex-direction: column;
padding: 15px;
display: flex;
position: relative;
}
.promotion-label-paragraph {
color: #fff;
text-align: left;
max-width: 94%;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5em;
}
.promotion-label-close {
cursor: pointer;
padding: 10px 20px;
position: absolute;
top: -7px;
right: -14px;
}
.close-image {
width: 12px;
height: 12px;
}
.promotion-label-more-templates {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 4px;
width: 140px;
padding: 6px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 14px;
display: flex;
}
.promotion-label-more-templates:hover {
color: #000;
}
.promotion-icon {
margin-right: 8px;
}
.promotion-label-right {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
position: absolute;
right: 10px;
}
.promotion-label-buy-this-template {
color: #000;
letter-spacing: normal;
text-transform: none;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 4px;
padding: 6px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 14px;
display: flex;
}
.promotion-label-buy-this-template:hover {
color: #000;
}
.promotion-label-button {
color: #fff;
text-align: center;
letter-spacing: 0;
text-transform: none;
border: 1px solid #fff;
border-radius: 4px;
padding: 5px 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.3em;
}
.promotion-label-button:hover {
color: #ffffffb3;
}
.promotion-coupon {
color: #101828;
background-color: #fff;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
display: inline-block;
}
.promotion-labels-wrapper {
z-index: 2147483647;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
position: fixed;
bottom: 5px;
left: 5px;
right: 5px;
}
.promotion-label-left {
z-index: 1000;
background-color: #0055d4;
border-radius: 4px;
width: 100%;
max-width: 290px;
position: absolute;
}
.text-block {
font-size: 14px;
}
.body {
font-family: Bdogrotesk, sans-serif;
}
.link-col {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.tabs {
grid-column-gap: 6px;
border: 1px solid var(--card-stroke);
background-color: var(--white);
border-radius: 18px;
justify-content: center;
align-items: center;
width: auto;
margin-bottom: 40px;
padding: 6px;
display: flex;
position: relative;
}
.tabs.on-dark {
border-color: var(--card-stroke-on-dark);
background-color: var(--transparent);
}
.tabs-area {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tab-link {
border-radius: var(--card-radius);
background-color: var(--transparent);
color: var(--primary-dark);
text-align: center;
width: 170px;
}
.tab-link.w--current {
border-radius: var(--card-radius);
background-color: var(--primary);
color: var(--white);
}
.tab-link.on-dark {
color: var(--white);
}
.tab-link.on-blue {
border: 3px solid var(--card-stroke-on-dark);
color: var(--white);
width: auto;
}
.tab-link.on-blue:hover {
background-color: var(--white-hover-overlay);
}
.tab-link.on-blue.w--current {
background-color: var(--white);
color: var(--black);
width: auto;
}
.partner-logo {
flex-flow: row;
justify-content: center;
align-items: center;
display: block;
}
.tabs-content {
width: 100%;
overflow: visible;
}
.resources-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 50px;
}
.button-wrap {
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.form-newsletter {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.feature-title {
color: var(--primary-dark);
letter-spacing: 0;
margin-top: 20px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 600;
line-height: 1em;
display: block;
}
.feature-title.small {
font-size: 20px;
}
.feature-title.small.white-text {
color: var(--white);
}
.feature-title.m {
font-size: 24px;
line-height: 1.1em;
}
.divider {
background-color: var(--primary);
border-radius: 2px;
width: 100px;
height: 6px;
}
.divider.white-text {
background-color: var(--white);
}
.gameembed {
border: 20px solid #f7f6ff;
border-radius: 20px;
width: 360px;
height: 608px;
}
.gameembed.small {
border-style: none;
border-radius: 40px;
width: 280px;
height: 600px;
overflow: hidden;
}
.tabs-3-copy {
border: 1px none var(--card-stroke-on-dark);
flex-direction: row-reverse;
grid-template-rows: auto auto;
grid-template-columns: .25fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.videocard {
border: 1px solid var(--card-stroke);
background-color: var(--black);
border-radius: 50px;
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
padding: 10px;
display: flex;
}
.product-description-tabs-menu {
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
min-width: 280px;
margin-right: 40px;
display: grid;
}
.product-description-tabs-menu.right {
grid-template-rows: auto auto auto auto auto auto;
min-width: 248px;
margin-left: 40px;
margin-right: 0;
}
.title-tag {
color: var(--footnote-gray);
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
line-height: 1em;
text-decoration: none;
transition: all .3s;
display: inline-block;
}
.title-tag:hover {
background-color: #0000;
}
.title-tag.white-text {
color: var(--white);
}
.bold-text-2 {
letter-spacing: 0;
}
.grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.features-grid {
grid-column-gap: 90px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
display: grid;
}
.rise-content {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.rise-block {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
align-self: stretch;
margin-top: 0;
display: flex;
position: relative;
}
.quote-text-copy {
text-align: left;
margin-top: 0;
margin-left: 0;
padding-top: 0;
font-size: 26px;
font-weight: 500;
line-height: 38px;
display: block;
}
.rise {
color: #fff;
}
.services-icon {
align-self: flex-start;
width: 140px;
margin-left: 14px;
display: block;
position: relative;
inset: 0 auto auto 10%;
transform: translate(-50%);
}
.services-icon.second {
width: 60px;
inset: 50% auto auto 0%;
transform: translate(-50%, -50%);
}
.services-icon.second.shimingyuanjing {
width: 75px;
position: absolute;
top: 50%;
bottom: auto;
left: -15px;
}
.testimonials-wrapper-copy {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: auto;
max-width: 560px;
margin-top: 0;
margin-left: 0;
padding: 45px;
display: block;
position: relative;
}
.testimonials-wrapper-copy.rise {
border-radius: var(--card-radius);
background-color: var(--primary);
background-image: url('../images/rise_bg.webp');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
max-width: none;
height: auto;
min-height: auto;
max-height: none;
}
.text-on-pic {
margin-top: 0;
position: static;
}
.shimingyuanjingtxt {
margin-top: 22px;
font-size: 20px;
line-height: 30px;
display: block;
}
.shimingyuanjingtxt.rise {
color: #fff;
margin-top: 40px;
font-size: 27px;
line-height: 40px;
}
.shimingyuanjingtxt.rise.en {
font-size: 24px;
}
.quote-icon-copy-copy {
opacity: 1;
direction: ltr;
color: #0000;
text-align: left;
background-color: #0000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
display: block;
}
.rise-item {
border: 1px solid var(--card-stroke);
border-radius: var(--card-radius);
background-color: var(--white);
margin-bottom: 0;
padding: 16px 55px 16px 70px;
position: relative;
}
.rise-item.values {
padding-left: 40px;
padding-right: 40px;
}
.footnote {
color: var(--footnote-gray);
text-align: left;
letter-spacing: 0;
margin-bottom: 20px;
font-size: 12px;
}
.heading-2 {
text-align: center;
margin-bottom: 40px;
}
.background-video-4 {
width: 100%;
height: 100%;
}
.pic-block {
border-radius: var(--icon-radius);
background-color: var(--icon-bgr);
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
}
.pic-block-square {
border-radius: var(--card-radius);
background-color: var(--icon-bgr);
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
display: flex;
overflow: hidden;
}
.x-filled, .x-outlined {
object-fit: cover;
height: 100%;
overflow: visible;
}
.x-on-dark-bgr {
opacity: .7;
object-fit: cover;
width: 100%;
height: 100%;
display: inline-block;
}
.dark-filled {
z-index: 0;
background-color: var(--primary);
position: absolute;
inset: 0%;
}
.h1-adjust {
font-size: 56px;
}
.blog-container {
flex-direction: column;
align-items: center;
max-width: 980px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.blog-social-icon {
background-color: var(--primary);
color: var(--white);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
font-family: "Fa Brands 400 (6.4.2)", sans-serif;
font-size: 18px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.blog-social-icon:hover {
background-color: var(--primary);
color: var(--white);
font-size: 22px;
}
.blog-social-icon.symbol {
font-family: "Fa solid 900", sans-serif;
}
.blog-info-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
display: flex;
}
.blog-featured-item {
background-color: var(--white);
border: 1px solid #625dfa1a;
border-radius: 18px;
display: flex;
overflow: hidden;
box-shadow: 0 0 20px #1018280f;
}
.blog-featured-post-image-wrapper {
width: 60%;
height: 100%;
display: block;
overflow: hidden;
}
.bundle-images-block {
justify-content: flex-end;
width: 80%;
height: 400px;
display: block;
position: static;
}
.image-iab {
max-width: 80%;
margin-bottom: 10px;
}
.image-left {
object-fit: fill;
width: 60%;
overflow: visible;
}
.blue-text {
color: var(--primary);
}
.left-wrap {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.iab-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-radius: var(--card-radius);
background-color: var(--primary-light);
flex-flow: column;
align-self: stretch;
max-width: 400px;
height: 618.594px;
padding: 40px;
}
.u-filled {
height: 100%;
}
.section-pagination {
width: 100%;
display: flex;
}
.article-select.last {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--primary);
text-align: right;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding: 60px 100px 60px 40px;
text-decoration: none;
display: flex;
}
.article-select.last:hover {
background-color: #0b50d6;
}
.article-select.next {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: var(--primary);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
padding: 60px 40px 60px 100px;
text-decoration: none;
display: flex;
}
.article-select.next:hover {
background-color: #0b50d6;
}
.heading-pagination {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
text-decoration: none;
transition: transform .3s;
}
.heading-pagination:hover {
transform: translate(0, -2px);
}
.heading-pagination.small {
margin-bottom: 10px;
font-weight: 300;
transition-property: none;
}
.heading-pagination.small:hover {
transform: none;
}
.sticky-images {
border-radius: var(--card-radius);
justify-content: flex-end;
width: 50%;
height: auto;
display: block;
position: sticky;
top: 15%;
}
.feature-sub-heading {
margin-top: 0;
margin-bottom: 0;
}
.career-heading {
color: var(--primary);
margin-bottom: 10px;
font-weight: 600;
}
.career-text {
color: var(--paragraph-gray);
font-size: 16px;
font-weight: 300;
}
.career-item-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
background-color: var(--transparent);
border: 1px #000;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding: 40px;
display: flex;
}
.career-item-block:nth-child(2n) {
background-color: var(--white);
border: 1px solid #625dfa1a;
border-radius: 18px;
flex-flow: row-reverse;
padding: 30px;
}
.career-item-block.nopadding {
background-color: var(--transparent);
border-style: none;
padding: 0;
}
.career-content {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: auto;
display: flex;
}
.career-list-block {
grid-column-gap: 120px;
grid-row-gap: 120px;
flex-flow: column;
display: flex;
}
.career-h1 {
text-transform: uppercase;
}
.base-block {
grid-column-gap: 70px;
grid-row-gap: 70px;
text-shadow: 0 1px 11px #83dcff3b;
}
.location-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
}
.about-images {
width: 100%;
max-width: 1000px;
height: 100%;
position: relative;
}
.partners-wrap-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
}
.cookies {
z-index: 999;
grid-column-gap: 30px;
grid-row-gap: 30px;
border-top: 1px solid var(--card-stroke-on-dark);
background-color: var(--primary);
justify-content: space-between;
align-items: center;
height: auto;
padding: 40px;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.tabs-menu-left {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 364px;
display: flex;
}
.sub-tabs-vtcl {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: flex;
}
.tabs-content-right {
flex: 1;
margin-left: 40px;
}
.tabs-menu-help {
grid-column-gap: 2px;
grid-row-gap: 2px;
border-radius: var(--card-radius);
background-color: var(--white);
justify-content: center;
align-items: center;
width: 100%;
height: 120px;
margin-bottom: 100px;
display: flex;
}
.tab-link-help {
background-color: var(--white);
color: var(--primary);
border-radius: 16px;
justify-content: center;
align-items: center;
width: 49.5%;
height: 94%;
font-size: 30px;
font-weight: 500;
display: flex;
}
.tab-link-help:hover {
color: var(--primary);
}
.tab-link-help.w--current {
color: var(--primary);
background-color: #02f0ff;
}
.tabs-hc {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tab-link-side {
background-color: var(--transparent);
justify-content: flex-start;
align-items: center;
display: flex;
}
.tab-link-side:hover {
border-radius: var(--icon-radius);
background-color: var(--white);
}
.tab-link-side.w--current {
border-radius: var(--icon-radius);
background-color: var(--transparent);
color: var(--primary);
font-weight: 500;
}
.tab-link-side.w--current:hover {
background-color: var(--white);
}
.service-link:hover {
transform: translate(0, -6px);
}
.slider {
background-color: var(--transparent);
width: 400px;
height: 100%;
}
.slide-nav {
width: 70%;
font-size: 14px;
}
.customer-wrapper-md {
border: 1px solid var(--card-stroke);
background-color: var(--white);
text-align: center;
border-radius: 18px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 20px;
transition: all .3s;
display: flex;
position: relative;
}
.customer-wrapper-md:hover {
box-shadow: 0 0 10px 0 var(--cardshadow);
}
.link-block-2 {
width: 100%;
}
.flex-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
}
.no {
color: var(--card-stroke);
width: 100px;
height: auto;
font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
font-size: 190px;
font-weight: 700;
position: absolute;
top: 60px;
left: auto;
right: 75px;
}
.paragraph-2 {
color: var(--footnote-gray);
text-align: left;
margin-bottom: 20px;
}
.heading-3 {
justify-content: center;
align-items: center;
display: flex;
}
.form-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid #dfdfdf;
justify-content: center;
align-items: center;
padding: 16px 10px;
display: flex;
}
.form {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid #dfdfdf;
}
.form-wrap {
justify-content: center;
align-items: flex-start;
padding: 24px 0;
}
.sheet {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid #7b787c;
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.sheet._3col {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.sheet-block {
border: 1px solid #7b787c;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 10px;
display: flex;
}
.sheet-text {
color: var(--paragraph-gray);
font-size: 14px;
font-weight: 400;
}
.paragraph {
color: #fff;
text-align: left;
font-size: 18px;
line-height: 140%;
}
.svg {
color: var(--primary);
width: 40px;
height: 40px;
}
@media screen and (min-width: 1280px) {
.section {
padding-top: 100px;
padding-bottom: 100px;
}
.section.contact-card {
margin-bottom: 60px;
}
.spacing-system-column {
padding-right: 30px;
}
.headings-typography-wrapper {
width: 48%;
}
.nav-link, .nav-dropdown-toggle {
padding-left: 20px;
padding-right: 20px;
}
.footer-bottom-wrapper {
margin-top: 30px;
}
.contacts-wrapper {
grid-column-gap: 130px;
grid-row-gap: 130px;
}
.contacts-form-wrapper {
max-width: 600px;
}
.search-section {
padding-bottom: 130px;
}
.portfolio-grid-title-wrapper {
padding: 30px 40px;
}
.testimonials {
padding-top: 130px;
padding-bottom: 130px;
}
.blog-section-title {
margin-bottom: 70px;
}
.map-wrapper {
padding-right: 70px;
}
.section-title-center {
margin-bottom: 70px;
}
.about-img._3 {
width: 340px;
}
.about-img._4 {
width: 280px;
}
.about-img._2 {
width: 340px;
}
.industries-block-wrapper {
position: relative;
}
.section-with-blue-bg {
padding-left: 40px;
padding-right: 40px;
}
.center-title {
padding-right: 140px;
}
.top-image {
height: 256px;
}
.left-text-content {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.image-bgr-absolute.position {
right: -12%;
}
.image-bgr-absolute.left-filled {
flex: none;
width: 100%;
left: -14%;
}
.image-bgr-absolute.left-outlined {
left: -20%;
}
.image-bgr-absolute.home-right-filled, .image-bgr-absolute.resource-right-filled {
flex: none;
width: 100%;
max-width: 1080px;
height: 745px;
}
.services-grid.nomargin {
grid-column-gap: 30px;
}
.services-item-content.nopadding.centered {
margin-right: 0;
}
.services-item-content.nopadding.centered.nostroke {
padding-right: 20px;
}
.div-block-3 {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.partners-wrap, .ptn-block {
grid-column-gap: 70px;
grid-row-gap: 70px;
}
.blur-block.absolute {
left: 29%;
}
.column-wrap {
grid-column-gap: 110px;
grid-row-gap: 110px;
}
.block-with-number.padding-right {
padding-left: 0;
}
.centered-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.line {
margin-left: 90px;
margin-right: 90px;
}
.inner-page {
padding-top: 230px;
padding-bottom: 130px;
}
.details-page {
padding-bottom: 130px;
}
.cart-button {
padding-left: 20px;
padding-right: 20px;
}
.services-item-block {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.divider.white-text {
background-image: none;
}
.image-iab {
max-width: 60%;
}
.career-item-block {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
}
@media screen and (min-width: 1440px) {
h1 {
font-size: 70px;
}
.section {
padding-top: 100px;
padding-bottom: 100px;
}
.section.with-baner {
min-height: 400px;
}
.blog-classic-post-image-wrapper {
height: 200px;
}
.about-img._1 {
width: 380px;
}
.about-img._3 {
width: 400px;
}
.about-img._4 {
width: 300px;
}
.about-img._2 {
width: 390px;
}
.about-us-container {
grid-column-gap: 40px;
}
.our-services-wrap {
align-items: center;
}
.section-with-blue-bg {
padding-left: 100px;
padding-right: 100px;
}
.homepage-section.home {
padding-top: 8%;
}
.homepage-description {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.left-content {
max-width: 700px;
}
.left-content.home-2 {
max-width: 900px;
}
.left-content.home-3 {
max-width: 640px;
}
.testimonials-wrapper-copy.rise {
max-width: 630px;
}
.shimingyuanjingtxt.rise {
font-size: 30px;
}
.h1-adjust {
font-size: 56px;
}
.section-pagination {
justify-content: space-between;
min-height: 240px;
display: flex;
}
.article-select {
background-image: linear-gradient(#276cf1b8, #276cf1b8), url('../images/AWA.png');
background-position: 0 0, 50%;
background-size: auto, auto;
flex-direction: column;
width: 100%;
display: flex;
}
.article-select.last {
background-image: none;
text-decoration: none;
}
.article-select.next {
background-image: none;
}
.heading-pagination {
color: #fff;
margin-top: 0;
text-decoration: none;
}
.tab-link-help.w--current {
color: var(--primary);
}
}
@media screen and (min-width: 1920px) {
.section.video {
min-height: 600px;
}
.about-text-block {
padding-right: 17%;
}
.about-img._1 {
width: 420px;
left: 16%;
}
.about-img._3 {
width: 430px;
top: 20%;
left: 54%;
}
.about-img._4 {
left: 48%;
}
.section-with-blue-bg {
padding-left: 180px;
padding-right: 180px;
}
.image-bgr-absolute.position {
right: -1%;
}
.image-bgr-absolute.left-filled {
left: -2%;
}
.image-bgr-absolute.home-right-filled, .image-bgr-absolute.resource-right-filled {
height: 800px;
}
.homepage-section {
min-height: 790px;
}
.homepage-section.home-2 {
min-height: 100vh;
}
.homepage-section.home {
grid-column-gap: 80px;
grid-row-gap: 80px;
justify-content: space-between;
align-items: center;
height: auto;
padding-top: 8%;
}
.testimonials-wrapper-copy.rise {
max-width: 700px;
}
.shimingyuanjingtxt.rise {
font-size: 32px;
}
.sheet-block {
width: 100%;
}
}
@media screen and (max-width: 991px) {
h1 {
letter-spacing: 0;
font-size: 60px;
}
h2 {
font-size: 45px;
}
blockquote {
width: 90%;
}
.section.contact-card, .section.blue-card {
margin-left: 15px;
margin-right: 15px;
}
.section.with-baner {
min-height: auto;
}
.primary-button {
display: block;
}
.nav-container {
padding-left: 15px;
padding-right: 15px;
}
.nav-menu {
background-color: var(--white);
flex-direction: column;
width: 320px;
inset: 0% auto 0% 0%;
}
.menu-button {
text-align: right;
background-color: #0000;
padding: 0;
}
.menu-button.w--open {
background-color: #0000;
}
.nav-link {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 10px 0;
display: flex;
}
.nav-dropdown {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
transition: opacity .5s;
display: flex;
overflow: hidden;
}
.nav-dropdown-toggle {
justify-content: space-between;
align-items: center;
padding: 10px 0;
display: flex;
}
.nav-dropdown-icon {
margin-right: 1.5px;
display: block;
inset: 0% 0 0% auto;
}
.nav-dropdown-list {
border-style: none;
flex-direction: column;
width: auto;
padding: 0 40px 0 20px;
display: flex;
position: static;
}
.nav-dropdown-list.w--open {
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
}
.nav-dropdown-list.megamenu {
width: auto;
height: 270px;
padding-left: 20px;
padding-right: 40px;
overflow: scroll;
}
.nav-dropdown-link-wrapper {
flex-flow: wrap;
padding-right: 0;
}
.nav-dropdown-link-wrapper:hover {
padding-left: 0;
padding-right: 0;
}
.nav-dropdown-link {
margin-left: 0;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 15px;
}
.close-menu-button, .close-menu-button.w--open {
background-color: #0000;
padding: 0 20px 0 0;
}
.nav-close-icon {
z-index: 15;
align-self: stretch;
}
.blog-classic-post-image-wrapper {
height: 280px;
}
.blog-template-image {
height: 400px;
}
.blog-template-pagination {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 60px;
}
.team-grid-large {
grid-template-columns: 1fr 1fr;
}
.workflow-video-wrapper {
width: 100%;
}
.accordion-wrapper {
flex-flow: column;
}
.accordion-wrap {
width: 100%;
}
.contacts-wrapper {
flex-flow: column;
}
.contacts-form-wrapper {
margin-left: 0;
padding: 30px;
}
.footer-social-icons-wrapper {
justify-content: center;
align-items: center;
}
.footer-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
grid-template-columns: .25fr 1fr;
}
.footer-links-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.search-shop-con {
display: none;
}
.search-section {
padding-top: 60px;
}
.customers-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.customer-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.primary-button-white:hover {
opacity: 1;
}
.portfolio-grid-collection-list {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.portfolio-grid-title-wrapper {
padding: 20px 30px;
inset: auto 0% 0%;
}
.nav-dropdown-column {
justify-content: center;
width: 180px;
}
.testimonials {
padding-top: 80px;
padding-bottom: 80px;
}
.blog-section-title {
margin-bottom: 60px;
}
.contacts-wrapper-grid {
padding-left: 15px;
padding-right: 15px;
}
.section-title-center {
margin-bottom: 60px;
}
.home-4-testimonials-wrapper {
grid-column-gap: 60px;
grid-row-gap: 40px;
flex-wrap: wrap;
width: 80%;
margin-top: 20px;
}
.testimonials-wrapper-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-wrap: wrap;
width: 80%;
margin-top: 20px;
}
.about-text-block {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.about-img._1 {
top: 7%;
left: 15px;
}
.about-img._5 {
top: 58%;
bottom: 0;
left: 60px;
}
.about-img._3 {
width: 360px;
top: 0%;
right: 15px;
}
.about-img._4 {
width: 240px;
top: 57%;
left: auto;
right: 15px;
}
.about-img._2 {
z-index: 5;
top: 30%;
left: 35%;
}
.about-img.advertisers4 {
left: 225px;
}
.about-img.advertisers3 {
width: 280px;
top: 0;
left: 330px;
right: auto;
}
.about-img.advertisers2 {
width: 260px;
left: 170px;
right: auto;
}
.about-img.advertisers1 {
width: 190px;
inset: 137px auto auto 350px;
}
.about-img.publishers4 {
left: 299px;
}
.about-img.publishers3 {
width: 290px;
top: 19px;
left: 215px;
}
.about-img.publishers2 {
top: 7px;
left: 410px;
}
.about-img.publishers1 {
width: 200px;
top: -30px;
left: 126px;
}
.about-img.enhanced4 {
height: 100%;
top: 0;
left: 161px;
}
.about-img.enhanced3 {
top: 37px;
left: 198px;
}
.about-img.lightweight2 {
width: 170px;
left: 290px;
}
.about-img.lightweight1 {
width: 180px;
left: 402px;
}
.about-img.high-impact3 {
height: 100%;
top: 0;
left: 164px;
}
.about-img.high-impact2 {
width: 190px;
top: 0;
left: 301px;
}
.about-img.high-impact1 {
width: 170px;
top: 54px;
left: 172px;
}
.about-img.enhanced2 {
top: 140px;
left: 77px;
}
.about-img.enhanced1 {
top: 46px;
left: 441px;
}
.about-img.precision3 {
height: 100%;
top: 0;
left: 155px;
}
.about-img.precision2 {
width: 340px;
top: 66px;
left: 234px;
}
.about-img.precision1 {
width: 170px;
top: 108px;
left: 108px;
}
.about-img.shortened3 {
width: 250px;
top: 63px;
left: 192px;
}
.about-img.lightweight4 {
height: 100%;
left: 161px;
}
.about-img.lightweight3 {
width: 170px;
top: 31px;
left: 159px;
}
.about-img.shortened4 {
height: 100%;
top: 0;
left: 174px;
}
.about-img.shortened1 {
width: 150px;
top: 74px;
left: 400px;
}
.about-img.multiple4 {
height: 100%;
top: 0;
left: 159px;
}
.about-img.multiple3 {
top: 42px;
left: 132px;
}
.about-img.multiple2 {
width: 170px;
top: -2px;
left: 268px;
}
.about-img.multiple1 {
width: 220px;
top: 76px;
left: 384px;
}
.about-img.easy3 {
height: 100%;
top: 0;
left: 154px;
}
.about-img.easy2 {
width: 280px;
top: -1px;
left: 265px;
}
.about-img.easy1 {
width: 190px;
top: 104px;
left: 148px;
}
.about-us-container {
grid-row-gap: 40px;
flex-direction: column-reverse;
display: flex;
}
.subtitle {
margin-bottom: 30px;
}
.about-images-block {
width: 100%;
height: 600px;
}
.content {
margin-bottom: 0;
}
.industries-block-wrapper {
max-width: 45vw;
}
.about-4-team-slide {
width: 100%;
}
.nav-dropdown-link-line {
display: none;
}
.subtitle-2 {
margin-bottom: 30px;
}
.dropdown-nav-link {
color: #222;
padding-top: 12px;
padding-bottom: 12px;
font-family: Lato, sans-serif;
font-weight: 700;
}
.dropdown-nav-link.w--current {
color: #004ae2;
}
.menu-wrap {
background-color: var(--white);
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.home-banner-left-arrow {
inset: 20% auto auto 4%;
}
.tablet-menu {
justify-content: space-between;
align-items: center;
height: 60px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
display: flex;
}
.image-burger {
margin-bottom: 4px;
}
.brand-tablet {
display: block;
}
.collection-list-blog-classic {
grid-column-gap: 30px;
grid-row-gap: 40px;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: flex;
}
.left-text-content {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
}
.display-flex {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
}
.top-left-block {
text-align: center;
}
.image-bgr-absolute.position {
inset: auto 0% 0%;
}
.image-bgr-absolute.resource-right-filled {
right: -38%;
}
.services-grid {
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.services-item-content.nopadding.centered {
justify-content: flex-start;
align-items: center;
}
.div-block-3 {
flex-flow: column;
}
.slider-reviews {
max-width: none;
}
.partners-wrap {
width: auto;
}
.bgr-blur {
margin-bottom: -10px;
}
.bgr-primary {
margin-bottom: -20px;
}
.homepage-section {
height: auto;
min-height: auto;
padding-top: 130px;
padding-bottom: 80px;
}
.homepage-section.home {
padding-top: 18%;
padding-bottom: 0;
}
.homepage-description {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.left-content {
text-align: center;
justify-content: flex-start;
align-items: center;
max-width: 450px;
}
.left-content.home-2 {
max-width: 600px;
}
.right-content {
justify-content: center;
align-items: center;
margin-top: 150px;
}
.blur-block.absolute {
left: 46%;
}
.column-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.number-bold {
letter-spacing: 0;
}
.right-heading-content {
text-align: center;
}
.inner-page {
padding-top: 140px;
}
.h2-title {
width: 90%;
}
.cart {
margin-left: auto;
margin-right: 5px;
}
.tablet-button {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.services-item-block {
flex-flow: wrap-reverse;
}
.services-item-block:nth-child(2n) {
flex-flow: row-reverse wrap-reverse;
}
.margin-bottom-40 {
margin-bottom: 20px;
}
.promotion-label-holder, .promotion-labels-wrapper {
display: none;
}
.promotion-label-left {
max-width: 380px;
}
.tabs {
width: 100%;
}
.tabs-3-copy {
flex-direction: row-reverse;
grid-template-rows: auto auto;
grid-template-columns: .25fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.product-description-tabs-menu {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-self: stretch;
justify-items: stretch;
margin-bottom: 40px;
margin-right: 0;
display: grid;
}
.product-description-tabs-menu.right {
grid-template-columns: 1fr;
align-self: auto;
}
.grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-items: center;
}
.features-grid {
grid-column-gap: 30px;
}
.rise-block {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rise-block.nopadding {
grid-template-columns: 1fr 1fr;
}
.quote-text-copy {
font-size: 18px;
}
.services-icon.second.shimingyuanjing {
margin-left: 28px;
}
.shimingyuanjingtxt.rise {
margin-top: 20px;
}
.shimingyuanjingtxt.rise.en {
margin-top: 100px;
font-size: 18px;
line-height: 24px;
}
.x-filled, .x-outlined {
overflow: visible;
}
.blog-featured-post-image-wrapper {
align-self: stretch;
width: 100%;
height: auto;
}
.bundle-images-block {
width: 100%;
height: 320px;
}
.iab-card {
align-self: auto;
}
.article-select.last {
justify-content: flex-start;
align-items: flex-end;
}
.article-select.next {
justify-content: flex-start;
align-items: flex-start;
height: auto;
}
.sticky-images {
object-fit: cover;
width: 100%;
height: 300px;
position: static;
}
.career-item-block {
flex-flow: wrap-reverse;
}
.career-item-block:nth-child(2n) {
flex-flow: row-reverse wrap-reverse;
}
.career-list-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.partners-wrap-block {
justify-content: flex-start;
align-items: center;
width: 100%;
overflow: hidden;
}
.tabs-menu-left {
width: 264px;
}
.tabs-content-right {
margin-left: 20px;
}
.tabs-menu-help {
padding: 4px;
}
.tab-link-help {
width: 50%;
height: 100%;
}
.tab-link-side {
overflow: visible;
}
.customer-wrapper-md {
padding-left: 40px;
padding-right: 40px;
}
.no {
font-size: 160px;
top: 50px;
right: 40px;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 50px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 32px;
}
.section {
padding-top: 60px;
padding-bottom: 60px;
}
.section.with-baner {
padding-top: 120px;
padding-bottom: 80px;
}
.section.with-baner.full-blue {
padding-top: 120px;
}
.section.video {
min-height: 350px;
}
.spacing-system-column {
margin-top: 30px;
}
.headings-typography-wrapper, .primary-button.full-width-mobile {
width: 100%;
}
.nav-link {
margin-left: 0;
}
.licensing-images-wrapper {
padding-top: 20px;
}
.utility-page-content {
width: 70%;
}
.password-image {
width: 100px;
}
._404-paragraph {
margin-bottom: 30px;
}
.blog-classic-top-content._50 {
width: auto;
}
.footer-bottom-wrapper {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.footer-copyright {
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
}
.team-card-image {
height: 300px;
}
.team-grid-large {
grid-template-columns: 1fr;
}
.process-content, .style-guide-button-wrapper {
width: 100%;
}
.workflow-video-wrapper {
height: 300px;
}
.accordion-wrapper {
flex-wrap: wrap;
}
.accordion-wrap {
width: 100%;
margin-right: 0;
}
.contacts-form-wrapper {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.footer-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: center;
display: flex;
}
.footer-brand {
padding-left: 0;
}
.footer-links-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.search-section {
padding-bottom: 60px;
}
.customer-wrapper {
padding: 10px;
}
.about-3-tab-link.w--current {
font-size: 20px;
}
.portfolio-grid-collection-list {
grid-template-columns: 1fr;
}
.testimonials {
padding-top: 60px;
padding-bottom: 60px;
}
.blog-section-title {
margin-bottom: 40px;
}
.contacts-wrapper-grid {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.section-title-center {
margin-bottom: 40px;
}
.home-4-testimonials-wrapper {
grid-row-gap: 30px;
width: 100%;
}
.testimonials-wrapper-2 {
width: 100%;
}
.about-text-block {
padding-left: 0;
padding-right: 0;
}
.about-img {
width: 100%;
height: 300px;
max-height: none;
}
.about-img._1 {
width: 100%;
height: 180px;
position: static;
}
.about-img._5 {
width: 100%;
position: static;
}
.about-img._3, .about-img._4, .about-img._2 {
width: 100%;
height: 180px;
position: static;
}
.about-img.advertisers4 {
width: auto;
left: 155px;
}
.about-img.advertisers3 {
width: 220px;
height: auto;
top: 9px;
left: 232px;
right: auto;
}
.about-img.advertisers2 {
width: 180px;
height: auto;
left: 124px;
right: auto;
}
.about-img.advertisers1 {
width: 140px;
height: auto;
top: 113px;
left: 260px;
right: 248px;
}
.about-img.publishers4 {
width: auto;
left: 193px;
}
.about-img.publishers3 {
width: 230px;
height: auto;
top: -6px;
left: 125px;
}
.about-img.publishers2 {
width: 140px;
height: auto;
top: 2px;
left: 289px;
}
.about-img.publishers1 {
width: 170px;
height: auto;
left: 59px;
}
.about-img.enhanced4 {
width: auto;
left: 113px;
}
.about-img.enhanced3 {
width: 230px;
height: auto;
top: 22px;
left: 152px;
}
.about-img.lightweight2 {
width: 130px;
height: auto;
top: 3px;
left: 208px;
}
.about-img.lightweight1 {
width: 140px;
height: auto;
top: 37px;
left: 298px;
}
.about-img.high-impact3 {
width: auto;
left: 84px;
}
.about-img.high-impact2 {
width: 160px;
height: auto;
top: -19px;
left: 180px;
}
.about-img.high-impact1 {
width: 150px;
height: auto;
top: 5px;
left: 87px;
}
.about-img.enhanced2 {
width: 150px;
height: auto;
top: 84px;
left: 44px;
}
.about-img.enhanced1 {
width: 170px;
height: auto;
top: 23px;
left: 330px;
}
.about-img.precision3 {
width: auto;
left: 83px;
}
.about-img.precision2 {
width: 240px;
height: auto;
top: 43px;
left: 144px;
}
.about-img.precision1 {
width: 140px;
height: auto;
top: 62px;
left: 49px;
}
.about-img.shortened3 {
width: 200px;
height: auto;
top: 40px;
left: 121px;
}
.about-img.lightweight4 {
width: auto;
top: 0;
left: 112px;
}
.about-img.lightweight3 {
width: 100px;
height: auto;
top: 29px;
left: 113px;
}
.about-img.shortened4 {
width: auto;
top: 0;
left: 120px;
}
.about-img.shortened1 {
width: 120px;
height: auto;
top: 61px;
left: 289px;
}
.about-img.multiple4 {
width: auto;
left: 84px;
}
.about-img.multiple3 {
width: 170px;
height: auto;
top: 14px;
left: 46px;
}
.about-img.multiple2 {
width: 130px;
height: auto;
top: -2px;
left: 158px;
}
.about-img.multiple1 {
width: 150px;
height: auto;
top: 64px;
left: 248px;
}
.about-img.easy3 {
width: auto;
left: 100px;
}
.about-img.easy2 {
width: 200px;
height: auto;
top: 6px;
left: 200px;
}
.about-img.easy1 {
width: 150px;
height: auto;
top: 70px;
left: 92px;
}
.bundle-images {
grid-row-gap: 15px;
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
}
.subtitle {
line-height: 16px;
}
.about-images-block {
flex-direction: column;
align-items: center;
height: 100%;
display: flex;
}
.our-services-wrap {
grid-row-gap: 10px;
width: 100%;
}
.content-wrapper {
flex-wrap: wrap;
width: auto;
}
.industries-block-wrapper {
max-width: none;
}
.home-9-team-item {
width: 48%;
}
.subtitle-2 {
line-height: 16px;
}
.rich-text-style h2 {
font-size: 35px;
}
.home-banner-left-arrow {
top: 6%;
}
.home-23-team-item {
width: 70%;
}
.brand-tablet {
justify-content: flex-start;
padding-left: 0;
}
.brand {
padding-left: 0;
}
.details-page-title {
font-size: 30px;
}
.collection-list-blog-classic {
display: flex;
}
.grid-content {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.grid-block-content {
flex-flow: column;
}
.top-image {
height: 240px;
}
.services-grid {
grid-template-columns: 1fr;
}
.services-grid._2-2 {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.link-cms.m {
font-size: 24px;
}
.link-cms.l {
font-size: 25px;
}
.large-text-block {
font-size: 30px;
}
.homepage-section {
padding-bottom: 60px;
}
.homepage-section.home {
height: auto;
padding-top: 100px;
}
.space.maxw-730 {
max-width: 450px;
}
.blur-block.absolute {
left: 40%;
}
.number-bold {
font-size: 60px;
}
.block-with-number {
width: 200px;
}
.inner-page {
padding-bottom: 60px;
}
.hero-price-item, .h2-title {
width: 100%;
}
.inputs-wrap {
flex-flow: column;
}
.services-list-block.with-margin {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.services-item-block:nth-child(2n) {
padding: 20px;
}
.services-item-block.nopadding {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.promotion-label-left {
max-width: 300px;
}
.tabs {
grid-row-gap: 6px;
flex-flow: row;
width: auto;
}
.tab-link, .tab-link.w--current {
width: auto;
}
.tabs-3-copy {
flex-direction: column;
}
.product-description-tabs-menu {
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 100%;
display: grid;
}
.product-description-tabs-menu.right {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
margin-left: 0;
}
.features-grid {
flex-direction: column;
display: flex;
}
.rise-block {
align-self: center;
}
.services-icon {
left: 4%;
}
.testimonials-wrapper-copy {
margin-bottom: 30px;
}
.shimingyuanjingtxt.rise {
margin-top: 40px;
}
.h1-adjust {
font-size: 50px;
}
.blog-featured-item {
flex-flow: column;
}
.bundle-images-block {
flex-direction: column;
justify-content: center;
align-items: center;
height: 240px;
}
.left-wrap {
grid-row-gap: 15px;
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.article-select.last {
padding-right: 40px;
}
.article-select.next {
padding-left: 40px;
}
.sticky-images {
flex-direction: column;
justify-content: center;
align-items: center;
height: 240px;
}
.career-item-block:nth-child(2n) {
padding: 20px;
}
.career-content {
width: 100%;
}
.about-images {
grid-column-gap: 16px;
grid-row-gap: 15px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: grid;
}
.tabs-menu-left {
width: 220px;
}
.tabs-content-right {
margin-left: 0;
}
.customer-wrapper-md {
padding-left: 20px;
padding-right: 20px;
}
.paragraph {
font-size: 18px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 40px;
line-height: 1.1em;
}
h2 {
font-size: 30px;
}
.section.blue-card.bottom-padding-90 {
padding-bottom: 90px;
}
.section.full-black-bgr.map {
padding-top: 60px;
padding-bottom: 60px;
}
.section.doc {
padding-left: 10px;
padding-right: 10px;
}
.section.relative {
top: -110px;
}
.primary-button.full-width-mobile {
width: 100%;
}
.nav-link {
width: 99%;
}
.nav-dropdown-list.megamenu {
padding-right: 0;
}
.utility-page-content {
width: 100%;
}
._404-content-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.blog-classic-post-image-wrapper {
height: 200px;
}
.blog-template-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.blog-template-image {
height: 100%;
}
.blog-template-pagination {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
justify-content: center;
}
.blog-template-prev-button, .blog-template-next-button {
flex: none;
width: 100%;
}
.footer {
text-align: left;
}
.footer-links-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
}
.customers-grid {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.customers-grid._4-1 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.customer-wrapper {
height: 90px;
padding-left: 20px;
padding-right: 20px;
}
.about-3-tab-link {
font-size: 16px;
}
.about-3-tab-link.w--current {
font-size: 18px;
}
.portfolio-grid-title-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.section-title-center {
margin-bottom: 20px;
}
.portfolio-grid-image-link {
height: 180px;
}
.about-img._1 {
height: 100px;
}
.about-img._5 {
height: 150px;
}
.about-img._3, .about-img._4, .about-img._2 {
height: 100px;
}
.about-img.advertisers4 {
left: 93px;
}
.about-img.advertisers3 {
width: 160px;
top: 0;
left: 153px;
}
.about-img.advertisers2 {
width: 140px;
top: 33px;
left: 60px;
right: auto;
}
.about-img.advertisers1 {
width: 120px;
top: 80px;
left: 153px;
right: auto;
}
.about-img.publishers4 {
left: 114px;
}
.about-img.publishers3 {
width: 160px;
top: 0;
left: 62px;
}
.about-img.publishers2 {
width: 120px;
top: -14px;
left: 174px;
}
.about-img.publishers1 {
width: 110px;
top: -23px;
left: 22px;
}
.about-img.enhanced4 {
left: 60px;
}
.about-img.enhanced3 {
width: 200px;
top: 18px;
left: 84px;
}
.about-img.lightweight2 {
width: 100px;
top: 1px;
left: 134px;
}
.about-img.lightweight1 {
width: 100px;
left: 208px;
}
.about-img.high-impact3 {
left: 42px;
}
.about-img.high-impact2 {
width: 120px;
left: 113px;
}
.about-img.high-impact1 {
width: 100px;
top: 28px;
left: 34px;
}
.about-img.enhanced2 {
width: 100px;
top: 67px;
left: 24px;
}
.about-img.enhanced1 {
width: 120px;
left: 223px;
}
.about-img.precision3 {
left: 39px;
}
.about-img.precision2 {
width: 180px;
top: 37px;
left: 77px;
}
.about-img.precision1 {
width: 90px;
top: 72px;
left: 20px;
}
.about-img.shortened3 {
width: 190px;
top: 1px;
left: 50px;
}
.about-img.lightweight4 {
left: 63px;
}
.about-img.lightweight3 {
width: 90px;
top: 21px;
left: 61px;
}
.about-img.shortened4 {
top: 0;
left: 69px;
}
.about-img.shortened1 {
width: 110px;
top: 20px;
left: 205px;
}
.about-img.multiple4 {
left: 55px;
}
.about-img.multiple3 {
width: 140px;
top: 1px;
left: 20px;
}
.about-img.multiple2 {
width: 100px;
left: 112px;
}
.about-img.multiple1 {
width: 140px;
top: 36px;
left: 178px;
}
.about-img.easy3 {
left: 65px;
}
.about-img.easy2 {
width: 160px;
top: -5px;
left: 132px;
}
.about-img.easy1 {
width: 130px;
top: 35px;
left: 42px;
}
.bundle-images {
padding-left: 10px;
padding-right: 10px;
}
.our-services-wrap, .home-9-team-item, .home-23-team-item {
width: 100%;
}
.center-title {
text-align: center;
}
.brand-tablet {
padding-left: 0;
}
.details-page-title {
font-size: 24px;
}
.collection-list-blog-classic {
grid-row-gap: 30px;
}
.title-wrap.centered {
margin-bottom: 40px;
}
.grid-content {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.top-image {
height: auto;
}
.top-image.horizontal {
overflow: hidden;
}
.bottom-description {
padding-top: 10px;
}
.right-image-content {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.display-flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.image-bgr-absolute.left-filled {
z-index: auto;
right: 0%;
}
.image-bgr-absolute.left-outlined {
z-index: auto;
height: 100%;
right: 0%;
}
.image-bgr-absolute.outlined, .image-bgr-absolute.filled {
height: 100%;
bottom: auto;
left: 0%;
right: auto;
}
.image-bgr-absolute.home-right-filled {
top: 0%;
left: auto;
}
.image-bgr-absolute.home-right-outlined {
left: auto;
}
.image-bgr-absolute.resource-right-filled {
top: 17%;
right: -34%;
}
.services-grid._2-2, .services-grid._2-1 {
grid-template-columns: 1fr;
}
.services-grid._4in1 {
flex-flow: column;
display: flex;
}
.link-cms.m {
font-size: 22px;
}
.services-item-content.nopadding.centered {
border-right-style: none;
}
.large-text-block {
font-size: 25px;
}
.arrow-slider {
bottom: -12%;
}
.homepage-section.home-2 {
min-height: 100vh;
}
.homepage-section.home {
height: 100vh;
padding-top: 80px;
}
.left-content, .left-content.home-2 {
max-width: none;
}
.right-content {
margin-top: 80px;
}
.blur-block.absolute {
width: 222px;
height: 136px;
top: -16%;
left: 33%;
}
.images-column {
margin-right: -80px;
}
.number-bold {
letter-spacing: -1px;
font-size: 40px;
}
.block-with-number {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 160px;
font-size: 16px;
}
.block-with-number.padding-right {
padding-left: 0;
}
.centered-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.line {
margin-left: 30px;
margin-right: 30px;
}
.grid-numbers {
width: 100%;
}
.image-3 {
margin-left: -34px;
}
.services-list-block.with-margin {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.services-item-block.nopadding {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.cart-item {
justify-content: flex-start;
align-items: flex-start;
}
.cart-container {
border-radius: 0;
}
.centered {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 10px;
display: flex;
}
.promotion-label-left {
bottom: 90px;
left: auto;
right: 12px;
}
.tabs {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.tabs.on-dark {
flex-flow: row;
grid-template-rows: auto;
}
.tab-link.on-dark, .tab-link.on-dark.w--current {
width: auto;
}
.tab-link.on-blue {
padding-left: 10px;
padding-right: 10px;
}
.tabs-3-copy {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
grid-auto-columns: 1fr;
}
.videocard {
margin-left: 0;
}
.product-description-tabs-menu {
grid-column-gap: 12px;
grid-row-gap: 20px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: start flex-start;
align-items: flex-start;
margin-bottom: 30px;
display: grid;
}
.product-description-tabs-menu.right {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
align-self: stretch;
}
.rise-block {
grid-template-columns: 1fr;
padding-left: 30px;
}
.rise-block.nopadding {
grid-template-columns: 1fr;
padding-left: 0;
}
.quote-text-copy {
font-size: 20px;
line-height: 30px;
}
.services-icon {
margin-left: 12px;
left: 46%;
}
.services-icon.second {
margin-bottom: 20px;
position: relative;
top: 0%;
transform: none;
}
.services-icon.second.shimingyuanjing {
margin-left: -38px;
top: 30%;
left: 0;
}
.shimingyuanjingtxt.rise {
margin-top: 20px;
font-size: 18px;
line-height: 30px;
}
.shimingyuanjingtxt.rise.en {
margin-top: 40px;
}
.rise-item {
padding-right: 20px;
}
.pic-block-square {
width: 100px;
height: 100px;
}
.x-outlined {
object-fit: cover;
}
.h1-adjust {
font-size: 40px;
}
.blog-info-wrap {
flex-flow: wrap;
}
.blog-featured-post-image-wrapper {
height: 200px;
}
.bundle-images-block {
height: 180px;
}
.blue-text {
font-size: 24px;
}
.left-wrap {
padding-left: 10px;
padding-right: 10px;
}
.u-filled {
overflow: visible;
}
.article-select.last {
padding-left: 20px;
padding-right: 20px;
}
.article-select.next {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
}
.heading-pagination {
margin-bottom: 10px;
font-size: 18px;
}
.heading-pagination.small {
font-size: 14px;
}
.sticky-images {
height: 180px;
}
.base-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
}
.partners-wrap-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex: none;
justify-content: flex-start;
align-items: center;
}
.cookies {
flex-flow: column;
margin-left: auto;
margin-right: auto;
display: none;
}
.tabs-menu-left {
width: 100%;
margin-bottom: 20px;
}
.sub-tabs-vtcl {
flex-flow: column;
}
.tabs-content-right {
margin-left: 0;
}
.tabs-menu-help {
grid-column-gap: 18px;
grid-row-gap: 18px;
margin-bottom: 40px;
}
.tab-link-help {
width: 160px;
height: 100px;
}
.slider {
width: 100%;
}
.customer-wrapper-md {
height: 100%;
padding-left: 20px;
padding-right: 20px;
}
.flex-block {
justify-content: space-around;
align-self: stretch;
}
.no {
top: 50px;
right: 20px;
}
.sheet-text {
font-size: 10px;
}
.paragraph {
text-align: center;
}
}
#w-node-d58f1a4b-95f7-1bb7-6508-6bdcf95400eb-a446a8df, #w-node-_794be813-2cc6-74df-9912-295ec819cfb5-a446a8df, #w-node-_67fa6352-9535-a71b-1816-66bef02905e9-a446a8df {
grid-area: span 1 / span 2 / span 1 / span 2;
place-self: start center;
}
#w-node-_794be813-2cc6-74df-9912-295ec819cfa9-a446a8df {
grid-area: 2 / 2 / 3 / 4;
place-self: start center;
}
#w-node-_794be813-2cc6-74df-9912-295ec819cfaf-a446a8df {
grid-area: 2 / 4 / 3 / 6;
place-self: start center;
}
#w-node-_6359543b-a5a2-808d-242a-bc66cf495d68-a446a8df, #w-node-_6359543b-a5a2-808d-242a-bc66cf495d6e-a446a8df, #w-node-_6359543b-a5a2-808d-242a-bc66cf495d74-a446a8df {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start center;
}
#w-node-_3e567413-3fd6-158a-803a-b54be7123070-a446a93f {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_7aa8e47d-deb9-9218-ad0b-e2915f3dd2be-a446a962 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: stretch;
}
#w-node-_9ca928d7-468b-1a57-4841-079ca7871bad-7cb56b58, #w-node-b0e3c90d-ab09-f890-9ba5-bd8a470da42f-7cb56b58 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_21685077-2910-137d-dd18-0f4fbe368d25-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d29-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d2d-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d31-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d34-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d37-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d3b-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d3e-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d41-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d45-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d48-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d4b-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d4f-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d52-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d55-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d59-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d5c-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d5f-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d63-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d66-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d69-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d6d-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d70-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d73-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d77-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d7a-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d7d-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d81-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d84-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d87-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d8b-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d8e-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d91-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d95-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d98-41cb07fd, #w-node-_21685077-2910-137d-dd18-0f4fbe368d9b-41cb07fd, #w-node-_33a9489f-6e0b-1e46-7a11-7ceef497242f-41cb07fd, #w-node-_455705d0-fdab-d605-6ae7-c5464c649a42-41cb07fd, #w-node-c2962677-21e9-3fad-c6c1-6e413861c38d-41cb07fd, #w-node-c2962677-21e9-3fad-c6c1-6e413861c391-41cb07fd, #w-node-c2962677-21e9-3fad-c6c1-6e413861c395-41cb07fd, #w-node-c2962677-21e9-3fad-c6c1-6e413861c399-41cb07fd, #w-node-c2962677-21e9-3fad-c6c1-6e413861c39d-41cb07fd, #w-node-c2962677-21e9-3fad-c6c1-6e413861c3a0-41cb07fd, #w-node-c32685f3-a6d3-5e1a-b24b-e8e77946e8d0-41cb07fd, #w-node-c32685f3-a6d3-5e1a-b24b-e8e77946e8d4-41cb07fd, #w-node-c32685f3-a6d3-5e1a-b24b-e8e77946e8d8-41cb07fd, #w-node-c32685f3-a6d3-5e1a-b24b-e8e77946e8dc-41cb07fd, #w-node-f0ab1286-da40-faf5-d812-76127bf4df6a-41cb07fd, #w-node-f0ab1286-da40-faf5-d812-76127bf4df6e-41cb07fd, #w-node-f0ab1286-da40-faf5-d812-76127bf4df72-41cb07fd, #w-node-f0ab1286-da40-faf5-d812-76127bf4df76-41cb07fd, #w-node-_193fed87-68dd-5542-f926-7ca65e5cb5dd-41cb07fd, #w-node-_1031b607-728e-0b34-67ba-64a87bc004c6-41cb07fd {
place-self: auto;
}
@media screen and (max-width: 767px) {
#w-node-f16b4c6d-4910-d474-dd39-27d540d1ef29-a446a962 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 479px) {
#w-node-d58f1a4b-95f7-1bb7-6508-6bdcf95400eb-a446a8df, #w-node-_794be813-2cc6-74df-9912-295ec819cfb5-a446a8df, #w-node-_67fa6352-9535-a71b-1816-66bef02905e9-a446a8df, #w-node-_794be813-2cc6-74df-9912-295ec819cfa9-a446a8df, #w-node-_794be813-2cc6-74df-9912-295ec819cfaf-a446a8df {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start center;
}
}
@font-face {
font-family: 'Fa solid 900';
src: url('../fonts/fa-solid-900.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Fa 400';
src: url('../fonts/fa-regular-400.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Fa Brands 400 (6.4.2)';
src: url('../fonts/fa-brands-400.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bdogrotesk';
src: url('../fonts/BDOGrotesk-DemiBold-BF648a656f9c460.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bdogrotesk';
src: url('../fonts/BDOGrotesk-Medium-BF648a656fc86b8.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bdogrotesk';
src: url('../fonts/BDOGrotesk-Light-BF648a656f91fcb.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bdogrotesk';
src: url('../fonts/BDOGrotesk-Regular-BF648a656fd543a.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bdogrotesk';
src: url('../fonts/BDOGrotesk-ExtraBold-BF648a656f31316.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}