@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
@font-face {
font-family: "CinemaSunday";
src: url(//lollypop.design/wp-content/themes/lollypop/fonts/CinemaSunday.otf) format("truetype");
font-weight: normal;
} html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.header {
display: none;
}
.bd-brd {
display: none;
}
.footer {
display: none;
}
* {
box-sizing: border-box;
position: relative;
cursor: default;
}  .display1 {
font-size: 60px;
font-weight: 700;
line-height: 72px;
letter-spacing: -0.02em;
}
.heading1 {
font-family: "CinemaSunday";
font-size: 64px;
font-weight: 400;
line-height: 68px;
}
.heading2 {
font-family: "CinemaSunday";
font-size: 48px;
font-weight: 400;
line-height: 60px;
}
.title1 {
font-size: 20px;
font-weight: 600;
line-height: 30px;
}
.title2 {
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.body1 {
font-size: 24px;
font-weight: 400;
line-height: 32px;
}
.body2 {
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.body3 {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.flex-2 {
flex: 2;
}
.flex-1 {
flex: 1;
}
.font-600 {
font-weight: 600;
}
html {
scroll-behavior: smooth;
}
:root {
--color-primary-1: #17b5c6;
--color-primary-2: #36faff;
--color-black: #191919;
--color-gray-100: #eaeaed;
--color-gray-200: #d5d5db;
--color-gray-300: #bfbfc9;
--color-background: #070712;
--color-white: #ffffff;
}
.winAudit {
font-family: "Manrope";
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--color-gray-100);
background-color: var(--color-background);
background-image: url(//lollypop.design/wp-content/themes/lollypop/assets/images/win-audit/bg1.svg),
url(//lollypop.design/wp-content/themes/lollypop/assets/images/win-audit/bg2.svg);
background-position: top 656px left 0, top 4552px left 0;
background-size: 100% 3775px, 100% 4894px;
background-repeat: no-repeat;
overflow: hidden;
}
a,
a:hover {
color: var(--color-gray-100);
cursor: pointer;
text-decoration: none;
} .primary2 {
color: var(--color-primary-2);
}
.primary1 {
color: var(--color-primary-1);
}
.overflow-hidden {
overflow: hidden;
}
button {
font-family: "Manrope", Arial, Helvetica, sans-serif;
}
.containerWinAudit {
max-width: 1440px;
margin-inline: auto;
} .bannerSection {
margin: 40px;
position: relative;
overflow: hidden;
border-radius: 16px;
}
.bannerSection::before {
position: absolute;
content: "";
width: 138%;
height: 194%;
top: -27%;
left: -17%;
background: radial-gradient(
69.91% 92.58% at 49.9% 49.8%,
#08172f 0%,
#031128 29.5%,
#000000 100%
);
}
.bannerSection__content {
position: relative;
z-index: 1;
min-height: 740px;
border-radius: 16px;
overflow: hidden;
padding: 48px 48px 0;
box-sizing: border-box;
}
.bannerSection__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//lollypop.design/wp-content/themes/lollypop/assets/images/win-audit/banner.png);
background-size: cover;
background-repeat: no-repeat;
background-position: right bottom;
}
.companyLogo {
display: flex;
justify-content: center;
height: 40px;
}
.companyLogo > img {
width: auto;
height: 100%;
}
.bannerMain {
display: flex;
margin-top: 48px;
}
.bannerMain__img {
width: auto;
height: 100%;
flex: 2 0;
}
.bannerMain__img img {
width: 100%;
}
.groupText {
flex: 3 0;
margin-top: 70px;
display: flex;
flex-direction: column;
}
.groupText p {
display: contents;
}
.groupText > .body2 {
margin-block: 24px 40px;
}
.groupText span {
color: var(--color-primary-2);
}
.btn-secure {
cursor: pointer;
background-color: rgba(75, 75, 75, 0.2);
height: 56px;
min-width: 268px;
width: fit-content;
border-radius: 4px;
border: 1px solid #aaaab7;
padding: 14px 40px;
color: var(--color-white) !important;
overflow: hidden;
transition: all 0.4s ease-in-out;
mix-blend-mode: color-dodge;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: center;
}
.btn-secure:hover {
box-shadow: 0px 0px 10px 0px #ffffff80;
}  .infoSection {
padding: 60px 80px;
display: flex;
gap: 16px;
}
.infoSection__item {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
justify-content: center;
align-items: center;
} .campaignSection {
padding: 60px 80px;
display: flex;
flex-direction: column;
align-items: center;
gap: 56px;
}
.campaignSection__header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.campaignSection__header strong {
font-weight: 700;
}
.campaignContent {
width: 100%;
min-height: 353px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.campaignContent__item {
flex: 1;
padding-bottom: 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
gap: 32px;
}
.campaignItem__img {
transition: all 0.4s ease-in-out;
width: 300px;
height: auto;
}
.campaignItem__img:hover {
transform: translateY(-15%);
} .benefitSection {
padding: 60px 80px;
backdrop-filter: blur(4px);
display: flex;
flex-direction: column;
gap: 56px;
}
.benefitSection__header {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
gap: 24px;
}
.benefitSection__header .flex-1 {
flex: 1 0 424px;
}
.benefitSection__header .flex-2 {
flex: 1 0 650px;
}
.benefitSection__card {
display: flex;
gap: 24px;
overflow: auto;
counter-reset: card-counter;
}
.benefitSection__card::-webkit-scrollbar {
display: none;
}
.cardItem {
flex: 1 0;
height: 487px;
padding: 24px;
border-radius: 4px;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 24px;
background: linear-gradient(
179.79deg,
rgba(60, 82, 129, 0.2) 0%,
rgba(85, 90, 99, 0.08) 102.1%
); transition: all 0.5s ease-in;
border: 1px solid transparent;
}
.cardItem:hover {
border: 1px solid #ffffff;
}
.cardItem__img {
overflow: hidden;
height: 283px;
}
.cardItem:hover .cardItem__img > img {
transform: scale(1.1);
}
.cardItem__img > img {
height: 100%;
width: 100%;
object-fit: cover;
transition: all 0.5s ease-in;
}
.cardItem__groupText {
display: flex;
flex-direction: column;
gap: 12px;
height: 132px;
}
.cardItem__groupText .title3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
counter-increment: card-counter;
}
.cardItem__groupText .title3::before {
content: counter(card-counter, decimal-leading-zero) ".\A";
}
.cardItem__groupText .body3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
} .countdownSection {
padding: 60px 80px;
backdrop-filter: blur(4px);
display: flex;
flex-direction: column;
align-items: center;
gap: 56px;
}
.countdownSection__header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}
.countdownSection__countdown {
display: flex;
flex-direction: column;
gap: 8px;
}
.countdownTime {
display: flex;
align-items: center;
gap: 12px;
}
.countdownTime__time {
width: 120px;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(
179.79deg,
rgba(60, 82, 129, 0.4) 0%,
rgba(85, 90, 99, 0.16) 102.1%
);
font-size: 40px;
font-weight: 600;
line-height: 64px;
text-align: center;
color: #ffffff;
}
.countdownTime__colon {
width: 6px;
height: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.countdownTime__colon .colon {
width: 6px;
height: 6px;
border-radius: 50%;
background: linear-gradient(
179.79deg,
rgba(140, 158, 198, 0.4) 0%,
rgba(60, 78, 118, 0.16) 102.1%
);
}
.countdownLabel {
display: flex;
gap: 30px;
}
.countdownLabel .body1 {
width: 120px;
text-align: center;
} .featuresSection {
padding: 60px 80px;
display: flex;
flex-direction: column;
gap: 56px;
}
.featuresSection__header {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
.featuresSection__header .heading2 {
flex: 2 0 500px;
}
.featuresSection__header .body2 {
flex: 1 0 400px;
}
.featuresSection__content {
display: flex;
flex-wrap: wrap;
}
.featuresSection__content .imageSlider {
flex: 2 0 600px;
background: #0000000d;
}
.imageSlider__item {
display: none;
width: 100%;
height: auto;
}
.featuresContent {
flex: 1 0 430px;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-around; background: linear-gradient(
179.79deg,
rgba(110, 145, 220, 0.2) 0%,
rgba(110, 145, 220, 0.08) 102.1%
);
}
.featuresContent__item {
counter-increment: item-counter;
}
.featuresContent__item::before {
content: counter(item-counter, decimal-leading-zero) ".\A";
white-space: pre;
font-weight: bold;
color: #17b5c6;
font-size: 20px;
font-weight: 600;
line-height: 30px;
} .processSection {
padding: 60px 80px;
display: flex;
flex-direction: column;
gap: 56px;
}
.processSection__header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}
.processSection__card {
display: flex;
gap: 40px;
height: 560px;
overflow-x: auto;
}
.processSection__card::-webkit-scrollbar {
display: none;
}
.processSection__card > div {
flex: 1 0;
}
.processCard {
border-radius: 4px;
overflow: hidden;
background-size: cover;
}
.processCard::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(198, 198, 198, 0) 0%,
rgba(0, 0, 0, 0.2) 81.31%
);
}
.processCard__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.processCard__content {
z-index: 1;
width: 100%;
height: 100%;
background: #00000033;
padding: 24px 24px 36px;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 24px;
overflow: hidden;
}
.processCard__content .title3 {
color: #bfbfc9;
}
.processCard__description {
display: grid;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-template-rows: 0fr;
transition-property: grid-template-rows;
transition-duration: 500ms;
transition-timing-function: ease-in;
}
.processCard__content:hover {
background: #00000099;
}
.processCard__content:hover > .processCard__description {
grid-template-rows: 1fr;
} .clientSection {
padding-block: 60px;
display: flex;
flex-direction: column;
gap: 56px;
}
.clientSection__head {
width: 100%;
padding-inline: 80px;
display: flex;
flex-direction: column;
gap: 8px;
}
.clientSection__slideshow {
height: 176px;
background: #3c528133;
backdrop-filter: blur(100px);
display: flex;
flex-wrap: nowrap;
align-items: center;
overflow: hidden;
position: relative;
}
.slideShows {
display: inline-block;
white-space: nowrap;
animation: 35s slide infinite linear;
}
.slideShows::-webkit-scrollbar {
display: none;
}
.slideshow__img {
display: inline-block;
height: 48px;
width: auto;
margin: 0 30px;
}
.slideshow__img img {
height: 48px;
}
@keyframes slide {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.clientSection__testimonials {
padding-inline: 80px;
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.clientSection__testimonials > div {
flex: 1 0 410px;
height: 209px;
}
.testimonialCard {
border-radius: 4px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 16px;
}
.testimonialCard::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(
179.79deg,
rgba(60, 82, 129, 0.2) 0%,
rgba(85, 90, 99, 0.08) 102.1%
);
backdrop-filter: blur(250px);
}
.testimonialCard__top {
height: 73px;
display: flex;
gap: 16px;
align-items: flex-start;
justify-content: space-between;
width: 100%;
}
.testimonialCard__top .title1 {
color: var(--color-white);
}
.testimonialCard__top .body3 {
color: var(--color-gray-300);
}
.textLimit1 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.textLimit2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.textLimit3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
} .achievementSection {
padding: 60px 80px;
display: flex;
flex-direction: column;
gap: 56px;
}
.achievementSection__header {
display: flex;
flex-direction: column;
gap: 4px;
align-items: center;
text-align: center;
}
.achievementSection__achievements {
background: linear-gradient(
179.79deg,
rgba(60, 82, 129, 0.2) 0%,
rgba(85, 90, 99, 0.08) 102.1%
);
backdrop-filter: blur(100px);
border-radius: 4px;
padding: 32px;
display: flex;
flex-wrap: wrap;
gap: 48px;
}
.achievementSection__achievements > div {
flex: 0 0 calc((100% - 2 * 48px) / 3);
}
.achievementItem {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px;
align-items: center;
text-align: center;
}
.achievementItem__img {
height: 88px;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}
.achievementItem .title1 {
margin-top: 26px;
}
.achievementItem > .body3 {
color: var(--color-gray-200);
} .knowledgeSection {
padding: 60px 80px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 24px;
}
.knowledgeSection__cardGroup {
width: 738px;
height: 384px;
display: flex;
gap: 20px;
}
.knowledgeCard {
flex: 1;
max-width: 50%;
padding: 16px 16px 24px;
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 24px;
overflow: hidden;
border: 1px solid transparent;
transition: all 0.5s ease-in;
}
.knowledgeCard:hover {
border: 1px solid #ffffff;
}
.knowledgeCard__img {
overflow: hidden;
height: 200px;
min-height: 200px;
}
.knowledgeCard:hover .knowledgeCard__img > img {
transform: scale(1.1);
}
.knowledgeCard__img > img {
height: auto;
width: 100%;
object-fit: cover;
transition: all 0.5s ease-in;
}
.knowledgeCard::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(
179.79deg,
rgba(110, 145, 220, 0.2) 0%,
rgba(110, 145, 220, 0.08) 102.1%
);
backdrop-filter: blur(250px);
}
.knowledgeCard__content {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.knowledgeCard__detail {
display: flex;
justify-content: space-between;
}
.cursor-pointer {
cursor: pointer;
} .faqSection {
padding: 60px 80px;
display: flex;
flex-direction: column;
align-items: center;
gap: 56px;
}
.faqSection__header {
display: flex;
flex-direction: column;
gap: 4px;
align-items: center;
text-align: center;
}
.faqSection__header .heading2 {
color: var(--color-white);
}
.faqSection__content {
width: min(874px, 100%);
display: flex;
flex-direction: column;
gap: 24px;
}
.faqItem {
border: 1px solid #777784;
padding: 20px 16px;
height: fit-content;
transition: all 0.5s ease-in-out;
}
.faqItem::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
backdrop-filter: blur(250px);
}
.faqItem__checkbox {
display: none;
}
.faqItem__label {
display: flex;
gap: 32px;
}
.minusIcon {
display: none;
}
.faq__answer {
margin-top: 8px;
display: grid;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-template-rows: 0fr; }
.faqItem:hover {
background: linear-gradient(
127.59deg,
rgba(122, 139, 173, 0.2) 0.05%,
rgba(112, 128, 161, 0.035) 106.54%
);
}
.faqItem:hover .faqItem__label .minusIcon {
display: block;
}
.faqItem:hover .faqItem__label .plusIcon {
display: none;
}
.faqItem:hover .faqItem__label .faq__question {
color: var(--color-primary-1);
}
.faqItem:hover .faqItem__label .faq__answer {
grid-template-rows: 1fr;
} .ctaSection {
padding: 60px 80px;
mix-blend-mode: lighten;
position: relative;
} .ctaContent {
border-radius: 24px;
padding: 64px;
display: flex;
flex-direction: column;
gap: 48px;
align-items: center;
}
.ctaSection::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//lollypop.design/wp-content/themes/lollypop/assets/images/win-audit/ctaBg.svg);
background-size: cover;
background-position: center;
}
.ctaContent__text {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
text-align: center;
} .connectSection {
padding: 64px 80px 48px;
}
.connectContent {
padding: 64px 40px;
background: linear-gradient(
179.79deg,
rgba(110, 145, 220, 0.2) 0%,
rgba(110, 145, 220, 0.08) 102.1%
);
backdrop-filter: blur(150px);
display: flex;
flex-direction: column;
gap: 80px;
border-radius: 4px;
}
.connectContent__header {
display: flex;
flex-direction: column;
gap: 8px;
}
.connectContent__header .body3 {
color: var(--color-gray-200);
}
.connectInfo {
display: flex;
justify-content: space-between;
}
.connectInfo__left {
width: min(495px, 100%);
display: flex;
flex-direction: column;
gap: 24px;
align-items: flex-start;
}
.connectInfo__left .body3 {
color: var(--color-gray-200);
}
.connectInfo__left img {
height: 44px;
}
.connectInfo__right {
width: min(606px, 100%);
display: flex;
gap: 16px;
}
.infoItem {
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}
.infoItem__logo {
width: 60px;
height: 60px;
border-radius: 50%;
border: 0.5px solid #eaeaed;
display: flex;
align-items: center;
justify-content: center;
}
.infoItem__text {
display: flex;
flex-direction: column;
gap: 8px;
}
.infoItem__text .body3 {
color: var(--color-gray-200);
}
.connectContent__footer {
border-top: 1px solid #eaeaed;
padding-top: 32px;
}
.connectContent__footer .body3 {
color: var(--color-gray-200);
}
.bgDesktop {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
@media (max-width: 768px) {
.winAudit {
background-image: url(//lollypop.design/wp-content/themes/lollypop/assets/images/win-audit/bgMobile.png);
background-position: 0 0;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.display1 {
font-size: 32px;
line-height: 36px;
}
.heading1 {
font-size: 36px;
line-height: 40px;
}
.heading2 {
font-size: 28px;
line-height: 32px;
}
.title1 {
font-size: 16px;
line-height: 24px;
}
.title2 {
font-size: 14px;
line-height: 20px;
}
.body1 {
font-size: 20px;
line-height: 28px;
}
.body2 {
font-size: 16px;
line-height: 24px;
}
.body3 {
font-size: 14px;
line-height: 20px;
}
.containerWinAudit {
padding-inline: 16px;
display: flex;
flex-direction: column;
gap: 80px;
}
.bannerSection {
margin: 32px 16px;
padding-inline: 0;
}
.bannerSection::before {
display: none;
}
.bannerMain {
flex-direction: column;
margin-top: 16px;
justify-content: center;
align-items: center;
}
.bannerMain__img {
width: 175px;
}
.bannerSection__content {
padding: 0;
text-align: center;
height: 619px;
min-height: unset;
}
.bannerSection__content.containerWinAudit {
gap: unset;
}
.bannerSection__img {
background: url(//lollypop.design/wp-content/themes/lollypop/assets/images/win-audit/banner.png) no-repeat bottom right;
background-size: cover;
height: 419px;
top: 200px;
border-radius: 16px;
}
.bannerSection__img::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; border-radius: 16px;
background: linear-gradient(180deg, #070712, rgba(0, 0, 0, 0) 50%);
}
.groupText {
margin-top: 16px;
align-items: center;
}
.groupText > .heading1 {
font-size: 28px;
line-height: 32px;
}
.groupText > .body2 {
margin: 16px 0 0;
font-size: 14px;
line-height: 20px;
}
.groupText > .btn-secure {
margin-top: 24px;
box-shadow: 0px 0px 10px 0px #ffffff80;
}
.infoSection {
flex-direction: column;
padding: 0;
gap: 32px;
}
.campaignSection {
padding: 0;
gap: 32px;
}
.campaignSection__header {
gap: 16px;
}
.campaignContent {
flex-direction: column;
height: unset;
gap: 32px;
flex-wrap: nowrap;
overflow-x: auto;
}
.campaignContent::-webkit-scrollbar { }
.campaignContent__item {
gap: 12px;
padding-bottom: unset;
}
.campaignContent__item .title1 {
font-size: 14px;
line-height: 20px;
}
.campaignItem__img {
width: 50%;
}
.campaignItem__img:hover {
transform: unset;
}
.benefitSection {
padding: 0;
gap: 32px;
backdrop-filter: unset;
}
.benefitSection__header {
flex-direction: column;
align-items: center;
text-align: center;
gap: 16px;
}
.campaignSection__header .body2,
.benefitSection__header .body2,
.countdownSection__header .body2,
.featuresSection__header .body2,
.processSection__header .body2,
.clientSection__head .body2,
.achievementSection__header .body2,
.faqSection__header .body2,
.ctaContent__text .body2 {
font-size: 14px;
line-height: 20px;
}
.campaignSection__header .body2,
.benefitSection__header .body2 br,
.countdownSection__header .body2 br,
.featuresSection__header .body2 br,
.processSection__header .body2 br,
.clientSection__head .body2 br,
.achievementSection__header .body2 br,
.faqSection__header .body2 br,
.ctaContent__text .body2 br {
display: none;
}
.benefitSection__header .flex-1 {
flex: 1;
}
.benefitSection__header .flex-2 {
flex: 1;
}
.cardItem {
min-height: 498px;
padding: 16px;
gap: 24px;
justify-content: flex-start;
background: linear-gradient(
179.79deg,
rgba(60, 82, 129, 0.2) 0%,
rgba(85, 90, 99, 0.08) 102.1%
);
border: 1px solid #ffffff4d;
backdrop-filter: unset;
border-radius: 4px;
flex: 1 0 265px;
}
.cardItem__img { height: 250px; }
.cardItem:hover .cardItem__img > img {
transform: unset;
}
.cardItem__groupText {
height: unset; }
.cardItem__groupText .title3,
.cardItem__groupText .body3 {
-webkit-line-clamp: unset;
}
.cardItem__groupText .title3::before {
white-space: pre;
color: var(--color-primary-1);
}
.countdownSection {
padding: 0;
gap: 56px;
backdrop-filter: unset;
}
.countdownSection__header {
gap: 16px;
}
.countdownSection__header .body2 {
font-weight: 400;
}
.countdownSection__countdown {
gap: 12px;
}
.countdownTime {
gap: 0;
justify-content: center;
}
.countdownTime__time {
width: 74px;
height: 92px;
background: linear-gradient(
179.79deg,
rgba(60, 82, 129, 0.4) 0%,
rgba(85, 90, 99, 0.16) 102.1%
);
font-size: 32px;
font-weight: 700;
line-height: 36px;
letter-spacing: -0.02em;
}
.countdownTime__colon {
width: 20px;
align-items: center;
}
.countdownTime__colon .colon {
width: 4.5px;
height: 4.5px;
background: linear-gradient(
179.79deg,
rgba(140, 158, 198, 0.4) 0%,
rgba(60, 78, 118, 0.16) 102.1%
);
}
.countdownLabel {
gap: 20px;
}
.countdownLabel .body1 {
width: 74px;
font-size: 14px;
line-height: 20px;
}
.btn-secure {
min-width: 142px;
height: 44px;
padding: 12px 24px 12px 24px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
box-shadow: 0px 0px 10px 0px #ffffff80;
border: 1px solid #ffffff;
background: #4b4b4b33;
}
.featuresSection {
padding: 0;
gap: 32px;
}
.featuresSection__header {
gap: 16px;
flex-direction: column;
text-align: center;
align-items: center;
flex-wrap: wrap;
}
.featuresSection__header .heading2,
.featuresSection__header .body2 {
flex: 1;
}
.featuresSection__content {
flex-direction: column;
}
.featuresSection__content .imageSlider {
flex: 1;
width: 100%;
}
.imageSlider img {
width: 100%;
}
.featuresContent {
flex: 1;
padding: 16px 24px;
gap: 24px;
justify-content: flex-start;
background: linear-gradient(
179.79deg,
rgba(110, 145, 220, 0.2) 0%,
rgba(110, 145, 220, 0.08) 102.1%
);
}
.featuresContent__item::before {
font-size: 16px;
line-height: 24px;
}
.processSection {
padding: 0;
gap: 32px;
}
.processSection__header {
gap: 16px;
}
.processSection__card {
height: 420px;
gap: 16px;
overflow-x: auto;
}
.processSection__card > div {
flex: 1 0 300px;
}
.processCard__content {
gap: 24px;
background: #00000066;
}
.processCard__content:hover {
background: #00000066;
}
.processCard__description {
grid-template-rows: 1fr;
}
.clientSection {
padding-block: 80px;
}
.clientSection__head {
gap: 16px;
text-align: center;
}
.clientSection__slideshow {
margin-inline: 16px;
border-radius: 4px;
background: #3c528133;
backdrop-filter: blur(100px); flex-wrap: wrap;
height: unset;
padding: 15px 19px;
display: flex;
}
.slideShows {
animation: unset;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.slideshow__img {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.slideshow__img > img {
width: auto;
height: 20px;
}
.clientSection__slideshow > div {
display: none;
}
.clientSection__slideshow > div:first-child {
display: grid;
width: 100%;
}
.clientSection__testimonials {
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
gap: 16px;
width: 100%;
}
.clientSection__testimonials::-webkit-scrollbar {
display: none;
}
.clientSection__testimonials > div {
flex: 1 0 265px;
height: unset;
}
.testimonialCard {
gap: 24px;
}
.testimonialCard__top {
height: unset;
}
.testimonialCard .textLimit1,
.testimonialCard .textLimit3 {
-webkit-line-clamp: unset;
}
.achievementSection {
padding: 0;
gap: 32px;
}
.achievementSection__header {
gap: 16px;
}
.achievementSection__achievements {
background: unset;
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
padding: 0;
gap: 16px;
height: 210px;
backdrop-filter: unset;
}
.achievementSection__achievements::-webkit-scrollbar {
display: none;
}
.achievementSection__achievements > div {
flex: 1 0 285px;
}
.achievementItem {
padding: 12px 32px 24px 32px;
border-radius: 4px;
background: #3c528133;
backdrop-filter: blur(100px);
text-align: center;
}
.achievementItem .title1 {
margin-top: 12px;
}
.knowledgeSection {
padding: 0;
gap: 48px;
flex-direction: column;
}
.knowledgeSection__header {
text-align: center;
}
.knowledgeSection__cardGroup {
width: 100%;
overflow-x: auto;
height: 360px;
}
.knowledgeCard {
flex: 1 0 265px;
max-width: unset;
padding: 0 0 16px 0;
gap: 16px;
border: 1px solid #ffffff4d;
}
.knowledgeCard::before {
background: linear-gradient(
179.79deg,
rgba(60, 82, 129, 0.2) 0%,
rgba(85, 90, 99, 0.08) 102.1%
);
backdrop-filter: blur(100px);
}
.knowledgeCard:hover .knowledgeCard__img > img {
transform: unset;
}
.knowledgeSection__cardGroup::-webkit-scrollbar {
display: none;
}
.knowledgeCard__img {
height: 200px;
flex-shrink: 0;
}
.knowledgeCard__content {
padding-left: 16px !important;
padding-right: 16px !important;
}
.knowledgeCard__content > .body3 {
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.faqSection {
padding: 0;
gap: 32px;
}
.faqSection__header {
gap: 16px;
}
.faqItem {
padding: 20px 16px;
gap: 32px;
}
.ctaSection {
padding: 0;
}
.ctaSection::before {
background-size: 250% 250%;
}
.ctaContent {
padding: unset;
}
.ctaContent__text {
gap: 32px;
}
.ctaContent__text > .body2 {
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.connectSection {
padding: 0;
margin-bottom: 30px;
}
.connectContent {
background: linear-gradient(
179.79deg,
rgba(110, 145, 220, 0.2) 0%,
rgba(110, 145, 220, 0.08) 102.1%
);
padding: 24px 16px;
gap: 48px;
backdrop-filter: unset;
}
.connectInfo {
flex-direction: column;
gap: 24px;
}
.infoItem {
gap: 8px;
}
.infoItem__logo {
width: 40px;
height: 40px;
}
.infoItem__logo > img {
width: 22.86px;
height: 22.86px;
}
}