@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-Thin.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-Thin.woff) format('woff');
font-style: normal;
font-weight: 100;
font-display: swap;
}
@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-UltraLight.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-UltraLight.woff) format('woff');
font-style: normal;
font-weight: 200;
font-display: swap;
}
@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-Light.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-Light.woff) format('woff');
font-style: normal;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-Regular.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-Regular.woff) format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-Medium.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-Medium.woff) format('woff');
font-style: normal;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-DemiBold.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-DemiBold.woff) format('woff');
font-style: normal;
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-Bold.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-Bold.woff) format('woff');
font-style: normal;
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-ExtraBold.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-ExtraBold.woff) format('woff');
font-style: normal;
font-weight: 800;
font-display: swap;
}
@font-face {
font-family: 'IRANSansX';
src: url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff2/IRANSansX-Black.woff2) format('woff2'), url(//konkurist.ir/wp-content/themes/upstudy-child/fonts/woff/IRANSansX-Black.woff) format('woff');
font-style: normal;
font-weight: 900;
font-display: swap;
} .woocommerce,
.woocommerce-page,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce span.price,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
font-family: 'IRANSansX', sans-serif !important;
} .wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
font-family: 'IRANSansX', sans-serif !important;
} body.page-id-19602 {
overflow-x: hidden;
}
body.page-id-19602 .entry-content,
body.page-id-19602 .entry-content * {
box-sizing: border-box;
}
body.page-id-19602 .entry-content {
width: 100%;
max-width: 100%;
} body.page-id-19602 .entry-content form,
body.page-id-19602 .entry-content input,
body.page-id-19602 .entry-content select,
body.page-id-19602 .entry-content textarea,
body.page-id-19602 .entry-content button {
max-width: 100%;
}
body.page-id-19602 .entry-content input:not([type="checkbox"]):not([type="radio"]),
body.page-id-19602 .entry-content select,
body.page-id-19602 .entry-content textarea {
width: 100%;
min-width: 0;
} body.page-id-19602 .entry-content h1,
body.page-id-19602 .entry-content h2,
body.page-id-19602 .entry-content h3,
body.page-id-19602 .entry-content p,
body.page-id-19602 .entry-content label,
body.page-id-19602 .entry-content li {
overflow-wrap: anywhere;
} @media (max-width: 991px) {
body.page-id-19602 .entry-content {
padding-left: 20px;
padding-right: 20px;
} body.page-id-19602 .entry-content [style*="grid-template-columns"] {
grid-template-columns: minmax(0, 1fr) !important;
}
body.page-id-19602 .entry-content [style*="display:grid"],
body.page-id-19602 .entry-content [style*="display: grid"] {
grid-template-columns: minmax(0, 1fr) !important;
}
} @media (max-width: 767px) {
body.page-id-19602 .entry-content {
padding-left: 14px;
padding-right: 14px;
}
body.page-id-19602 .entry-content > * {
max-width: 100%;
} body.page-id-19602 .entry-content [style*="display:flex"],
body.page-id-19602 .entry-content [style*="display: flex"] {
flex-wrap: wrap !important;
}
body.page-id-19602 .entry-content [style*="grid-template-columns"] {
grid-template-columns: minmax(0, 1fr) !important;
} body.page-id-19602 .entry-content input:not([type="checkbox"]):not([type="radio"]),
body.page-id-19602 .entry-content select,
body.page-id-19602 .entry-content textarea {
display: block;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
font-size: 16px !important;
} body.page-id-19602 .entry-content select {
font-size: 16px !important;
}
body.page-id-19602 .entry-content textarea {
resize: vertical;
} body.page-id-19602 .entry-content button[type="submit"],
body.page-id-19602 .entry-content input[type="submit"] {
width: 100% !important;
max-width: 100%;
justify-content: center;
text-align: center;
} body.page-id-19602 .entry-content .cf-turnstile {
width: 100%;
max-width: 100%;
overflow: hidden;
}
body.page-id-19602 .entry-content .cf-turnstile iframe {
max-width: 100% !important;
} body.page-id-19602 .entry-content h1 {
font-size: clamp(28px, 8vw, 38px) !important;
line-height: 1.35 !important;
}
body.page-id-19602 .entry-content h2 {
font-size: clamp(22px, 6vw, 30px) !important;
line-height: 1.45 !important;
}
body.page-id-19602 .entry-content h3 {
font-size: clamp(18px, 5vw, 23px) !important;
line-height: 1.5 !important;
}
body.page-id-19602 .entry-content p,
body.page-id-19602 .entry-content li {
line-height: 1.9;
}
} @media (max-width: 380px) {
body.page-id-19602 .entry-content {
padding-left: 10px;
padding-right: 10px;
}
body.page-id-19602 .entry-content h1 {
font-size: 27px !important;
}
} @media (max-width: 767px) {
html {
overflow-x: clip;
}
body.page-id-19602 {
width: 100%;
max-width: 100vw;
overflow-x: hidden !important;
}
body.page-id-19602 #page,
body.page-id-19602 .site,
body.page-id-19602 .site-content,
body.page-id-19602 main,
body.page-id-19602 article,
body.page-id-19602 .entry-content {
width: 100%;
max-width: 100%;
min-width: 0;
overflow-x: clip;
box-sizing: border-box;
} body.page-id-19602 .entry-content [class*="kc-"] {
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.page-id-19602 .entry-content form {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
} body.page-id-19602 .entry-content form > div,
body.page-id-19602 .entry-content [class*="kc-"] > div {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
body.page-id-19602 .entry-content [style*="grid-template-columns"] {
grid-template-columns: minmax(0, 1fr) !important;
}
body.page-id-19602 .entry-content input:not([type="checkbox"]):not([type="radio"]),
body.page-id-19602 .entry-content select,
body.page-id-19602 .entry-content textarea,
body.page-id-19602 .entry-content button {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.page-id-19602 .entry-content img,
body.page-id-19602 .entry-content svg,
body.page-id-19602 .entry-content video,
body.page-id-19602 .entry-content iframe {
max-width: 100% !important;
} body.page-id-19602 .cf-turnstile {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
body.page-id-19602 .cf-turnstile iframe {
max-width: 100% !important;
} body.page-id-19602 .entry-content {
position: relative;
isolation: isolate;
}
} body.page-id-19602 .kc-hp {
position: absolute !important;
left: 0 !important;
right: auto !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.page-id-19602 .kc-hp input,
body.page-id-19602 .kc-hp label {
position: static !important;
width: 1px !important;
height: 1px !important;
min-width: 0 !important;
max-width: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}body.page-template-page-services .upstudy-page-title-area {
display: none !important;
}
body.page-template-page-services #content.tpc-site-content {
padding-block: 0 !important;
}
.kc-services-page {
--kc-ink: #021e40;
--kc-muted: #696868;
--kc-line: #e7edf3;
--kc-soft: #f6f8fe;
--kc-primary: #1cb098;
--kc-primary-deep: #168c7a;
--kc-violet-soft: #e8f8f5;
direction: rtl;
overflow: hidden;
background: #fff;
color: var(--kc-ink);
font-family: "IRANSansX", sans-serif;
}
.kc-services-page *,
.kc-services-page *::before,
.kc-services-page *::after {
box-sizing: border-box;
}
.kc-services-page,
.kc-services-page * {
font-family: "IRANSansX", sans-serif !important;
}
.kc-services-page a {
text-decoration: none;
}
.kc-services-shell {
width: min(1180px, calc(100% - 40px));
margin-inline: auto;
}
.kc-services-hero {
position: relative;
padding: 64px 0 145px;
background:
radial-gradient(circle at 15% 12%, rgba(213, 231, 255, .72), transparent 30%),
radial-gradient(circle at 86% 25%, rgba(250, 229, 242, .6), transparent 28%),
linear-gradient(135deg, #edf6ff 0%, #f8f3fb 100%);
}
.kc-services-hero::after {
position: absolute;
z-index: 1;
right: -5%;
bottom: -1px;
width: 110%;
height: 72px;
border-radius: 50% 50% 0 0 / 100% 100% 0 0;
background: #fff;
content: "";
pointer-events: none;
}
.kc-services-hero::before {
position: absolute;
inset: 0;
background-image: radial-gradient(rgba(28, 176, 152, .17) 1px, transparent 1px);
background-size: 24px 24px;
-webkit-mask-image: linear-gradient(to bottom, #000, transparent 75%);
mask-image: linear-gradient(to bottom, #000, transparent 75%);
opacity: .25;
content: "";
pointer-events: none;
}
.kc-services-hero-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
gap: 80px;
align-items: center;
}
.kc-services-eyebrow,
.kc-services-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--kc-primary-deep);
font-size: 14px;
font-weight: 700;
}
.kc-services-eyebrow::before,
.kc-services-kicker::before {
width: 22px;
height: 2px;
border-radius: 999px;
background: currentColor;
content: "";
}
.kc-services-hero h1 {
max-width: 690px;
margin: 20px 0 22px;
color: var(--kc-ink);
font-size: clamp(36px, 4.3vw, 54px);
font-weight: 800;
letter-spacing: -.025em;
line-height: 1.5;
}
.kc-services-hero h1 em {
position: relative;
color: var(--kc-primary);
font-style: normal;
white-space: nowrap;
}
.kc-services-hero h1 em::after {
position: absolute;
right: 3%;
bottom: -5px;
width: 92%;
height: 9px;
border-radius: 50%;
border-top: 3px solid rgba(28, 176, 152, .48);
content: "";
}
.kc-services-lead {
max-width: 660px;
margin: 0;
color: var(--kc-muted);
font-size: 18px;
line-height: 2;
}
.kc-services-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 34px;
}
.kc-services-button {
display: inline-flex;
min-height: 54px;
align-items: center;
justify-content: center;
gap: 10px;
padding: 16px 36px;
border: 1px solid transparent;
border-radius: 3px;
font-size: 15px;
font-weight: 600;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.kc-services-button:hover {
transform: translateY(-2px);
}
.kc-services-button svg {
width: 20px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
transition: transform .2s ease;
}
.kc-services-button:hover svg { transform: translateX(-4px); }
.kc-services-button--primary {
background: var(--kc-primary);
box-shadow: 0 10px 24px rgba(28, 176, 152, .19);
color: #fff;
}
.kc-services-button--primary:hover {
background: var(--kc-primary-deep);
color: #fff;
}
.kc-services-button--ghost {
border-color: #dfe2ec;
background: rgba(255, 255, 255, .78);
color: #252a3b;
}
.kc-services-button--ghost:hover {
background: #fff;
color: var(--kc-primary-deep);
}
.kc-services-quick-points {
display: flex;
flex-wrap: wrap;
gap: 12px 22px;
margin: 28px 0 0;
padding: 0;
list-style: none;
color: #545b6d;
font-size: 13px;
font-weight: 600;
}
.kc-services-quick-points li {
display: flex;
align-items: center;
gap: 7px;
}
.kc-services-quick-points span {
display: grid;
width: 20px;
height: 20px;
place-items: center;
border-radius: 50%;
background: #e8f9f2;
color: #14996b;
font-size: 12px;
}
.kc-services-hero-visual {
--kc-x: 0px;
--kc-y: 0px;
--kc-scroll-forward: 0px;
--kc-scroll-reverse: 0px;
--kc-scroll-turn: 0deg;
--kc-scroll-turn-reverse: 0deg;
position: relative;
min-height: 520px;
display: grid;
place-items: center;
isolation: isolate;
}
.kc-services-hero-student {
position: relative;
z-index: 1;
width: min(525px, 98%);
height: auto;
filter: drop-shadow(18px 24px 28px rgba(2, 30, 64, .12));
transform: translate(var(--kc-x), var(--kc-y));
transition: transform .18s ease-out;
will-change: transform;
}
.kc-services-scroll-decor {
--kc-layer-x: 0px;
--kc-layer-y: 0px;
position: absolute;
z-index: 2;
display: block;
pointer-events: none;
will-change: transform;
}
.kc-services-scroll-decor[data-kc-scroll-layer="forward"] {
transform: translate3d(
var(--kc-layer-x),
calc(var(--kc-scroll-forward) + var(--kc-layer-y)),
0
) rotate(var(--kc-scroll-turn));
}
.kc-services-scroll-decor[data-kc-scroll-layer="reverse"] {
transform: translate3d(
var(--kc-layer-x),
calc(var(--kc-scroll-reverse) + var(--kc-layer-y)),
0
) rotate(var(--kc-scroll-turn-reverse));
}
.kc-services-scroll-decor--spark {
--kc-spark-color: #ff9f43;
--kc-spark-shadow: rgba(255, 159, 67, .22);
filter: drop-shadow(0 10px 13px var(--kc-spark-shadow));
}
.kc-services-scroll-decor--spark svg {
display: block;
width: 100%;
fill: var(--kc-spark-color);
animation: kc-spark-pulse 3.8s ease-in-out infinite;
}
.kc-services-scroll-decor--spark-main {
top: 20%;
left: 1%;
width: 52px;
}
.kc-services-scroll-decor--symbol svg {
display: block;
width: 100%;
animation: kc-symbol-breathe 3.7s ease-in-out infinite;
}
.kc-services-scroll-decor--diamond {
top: 40%;
right: 0;
width: 22px;
filter: drop-shadow(0 8px 12px rgba(255, 159, 67, .19));
}
.kc-services-scroll-decor--diamond svg {
fill: #ffb25f;
animation-delay: -1.7s;
animation-duration: 3.1s;
}
.kc-services-scroll-decor--plus {
bottom: 13%;
left: 10%;
width: 30px;
filter: drop-shadow(0 8px 12px rgba(42, 111, 215, .18));
}
.kc-services-scroll-decor--plus svg {
fill: none;
stroke: #2a6fd7;
stroke-linecap: round;
stroke-width: 7;
animation-delay: -.45s;
animation-duration: 4.3s;
}
.kc-services-scroll-decor--dots {
right: 1%;
bottom: 24%;
display: flex;
gap: 7px;
}
.kc-services-scroll-decor--dots i {
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--kc-primary);
box-shadow: 0 5px 12px rgba(28, 176, 152, .24);
animation: kc-dot-wave 2.4s ease-in-out infinite;
}
.kc-services-scroll-decor--dots i:nth-child(2) { animation-delay: .18s; }
.kc-services-scroll-decor--dots i:nth-child(3) { animation-delay: .36s; }
.kc-services-section {
padding: 100px 0;
}
.kc-services-section-heading {
max-width: 700px;
margin: 0 auto 50px;
text-align: center;
}
.kc-services-section-heading .kc-services-kicker {
justify-content: center;
}
.kc-services-section h2 {
margin: 14px 0 15px;
color: var(--kc-ink);
font-size: clamp(28px, 3.3vw, 38px);
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.5;
}
.kc-services-section-heading p,
.kc-services-fit-copy > p,
.kc-services-difference-box > div > p,
.kc-services-faq-intro > p {
margin: 0;
color: var(--kc-muted);
font-size: 16px;
line-height: 1.9;
}
.kc-services-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.kc-service-card {
position: relative;
min-height: 300px;
padding: 30px;
overflow: hidden;
border: 1px solid var(--kc-line);
border-radius: 5px;
background: #fff;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.kc-service-card::after {
position: absolute;
top: -70px;
left: -70px;
width: 160px;
height: 160px;
border-radius: 50%;
background: var(--card-soft);
content: "";
opacity: .75;
transition: transform .45s ease;
}
.kc-service-card::before {
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
width: 100%;
height: 3px;
background: var(--card-color);
content: "";
transform: scaleX(0);
transform-origin: right;
transition: transform .35s ease;
}
.kc-service-card:hover {
transform: translateY(-6px);
border-color: var(--card-color);
box-shadow: 16px 0 35px rgba(0, 0, 0, .07);
}
.kc-service-card:hover::before { transform: scaleX(1); }
.kc-service-card:hover::after { transform: scale(1.12); }
.kc-service-card--violet { --card-color: #1cb098; --card-soft: #e8f8f5; }
.kc-service-card--blue { --card-color: #3784da; --card-soft: #eaf4ff; }
.kc-service-card--green { --card-color: #15996c; --card-soft: #e8faf3; }
.kc-service-card--orange { --card-color: #e98a36; --card-soft: #fff2e7; }
.kc-service-card--pink { --card-color: #d15d8c; --card-soft: #fcecf3; }
.kc-service-card--cyan { --card-color: #159aa7; --card-soft: #e8f9fa; }
.kc-service-card-number {
position: absolute;
top: 23px;
left: 26px;
color: #c5c9d5;
font-size: 13px;
font-weight: 600;
}
.kc-service-card-icon {
position: relative;
z-index: 1;
display: grid;
width: 54px;
height: 54px;
margin-bottom: 22px;
place-items: center;
border-radius: 5px;
background: var(--card-soft);
color: var(--card-color);
transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s ease;
}
.kc-service-card:hover .kc-service-card-icon {
box-shadow: 0 10px 20px rgba(2, 30, 64, .1);
transform: translateY(-4px) rotate(-3deg);
}
.kc-service-card-icon svg {
width: 26px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
.kc-service-card h3 {
position: relative;
z-index: 1;
margin: 0 0 12px;
color: var(--kc-ink);
font-size: 19px;
font-weight: 700;
}
.kc-services-page .kc-services-card-grid .kc-service-card > p {
position: relative;
z-index: 1;
margin: 0;
color: var(--kc-muted);
font-size: 14px;
line-height: 2;
direction: rtl;
text-align: justify !important;
text-align-last: right !important;
text-justify: inter-word;
}
.kc-services-fit {
background: var(--kc-soft);
}
.kc-services-fit-grid {
display: grid;
grid-template-columns: .82fr 1.18fr;
gap: 90px;
align-items: center;
}
.kc-services-fit-copy h2 {
margin-top: 15px;
}
.kc-services-fit-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
margin: 0;
padding: 0;
list-style: none;
}
.kc-services-fit-list li {
display: grid;
grid-template-columns: 42px 1fr;
gap: 13px;
align-items: center;
min-height: 108px;
padding: 20px;
border: 1px solid #e5e7f0;
border-radius: 5px;
background: #fff;
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.kc-services-fit-list li:hover {
border-color: rgba(28, 176, 152, .42);
box-shadow: 10px 0 25px rgba(2, 30, 64, .06);
transform: translateY(-4px);
}
.kc-services-fit-list > li > span {
display: grid;
width: 42px;
height: 42px;
place-items: center;
border-radius: 3px;
background: var(--kc-violet-soft);
color: var(--kc-primary);
font-weight: 700;
}
.kc-services-fit-list strong,
.kc-services-fit-list small {
display: block;
}
.kc-services-fit-list strong {
margin-bottom: 5px;
font-size: 15px;
}
.kc-services-fit-list small {
color: #7d8495;
font-size: 12px;
line-height: 1.8;
}
.kc-services-process-grid {
position: relative;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
counter-reset: none;
}
.kc-services-process-grid::before {
position: absolute;
top: 28px;
right: 12%;
left: 12%;
height: 1px;
border-top: 2px dashed #dfe2ec;
content: "";
}
.kc-services-process-grid li {
position: relative;
z-index: 1;
text-align: center;
}
.kc-services-process-grid li > span {
display: grid;
width: 56px;
height: 56px;
margin: 0 auto 22px;
place-items: center;
border: 7px solid #fff;
border-radius: 50%;
background: var(--kc-primary);
box-shadow: 0 0 0 1px #dfe2ec;
color: #fff;
font-weight: 700;
}
.kc-services-process-grid h3 {
margin: 0 0 9px;
font-size: 17px;
font-weight: 700;
}
.kc-services-process-grid p {
max-width: 230px;
margin: 0 auto;
color: var(--kc-muted);
font-size: 13px;
line-height: 1.9;
}
.kc-services-difference {
padding-top: 30px;
}
.kc-services-difference-box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 70px;
align-items: center;
padding: 58px;
border-radius: 5px;
background: #021e40;
color: #fff;
}
.kc-services-difference-box h2 {
color: #fff;
}
.kc-services-difference-box > div > p {
color: #aeb5c7;
}
.kc-services-difference-points {
display: grid;
gap: 12px;
}
.kc-services-difference-points p {
display: grid;
grid-template-columns: 30px 1fr;
gap: 11px;
align-items: center;
margin: 0;
padding: 15px 17px;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 5px;
background: rgba(255, 255, 255, .045);
color: #e4e7ef;
font-size: 13px;
line-height: 1.8;
}
.kc-services-difference-points span {
display: grid;
width: 28px;
height: 28px;
place-items: center;
border-radius: 3px;
background: rgba(45, 199, 143, .15);
color: #52d6a6;
}
.kc-services-faq-grid {
display: grid;
grid-template-columns: .72fr 1.28fr;
gap: 80px;
align-items: start;
}
.kc-services-faq-intro {
position: sticky;
top: 110px;
}
.kc-services-faq-intro a {
display: inline-flex;
gap: 8px;
margin-top: 24px;
color: var(--kc-primary-deep);
font-size: 14px;
font-weight: 800;
}
.kc-services-faq-list {
border-top: 1px solid var(--kc-line);
}
.kc-services-faq-item {
border-bottom: 1px solid var(--kc-line);
transition: background .3s ease, padding-inline .3s ease;
}
.kc-services-faq-item.is-open {
padding-inline: 16px;
background: #f7fbfa;
}
.kc-services-faq-question {
display: grid;
grid-template-columns: 1fr 30px;
width: 100%;
gap: 20px;
align-items: center;
padding: 24px 0;
border: 0;
background: transparent;
color: var(--kc-ink);
font-family: inherit;
font-size: 16px;
font-weight: 800;
line-height: 1.8;
text-align: right;
cursor: pointer;
}
.kc-services-faq-question:focus-visible {
outline: 2px solid var(--kc-primary);
outline-offset: 4px;
}
.kc-services-faq-icon {
position: relative;
width: 28px;
height: 28px;
border-radius: 3px;
background: #f0f1f8;
}
.kc-services-faq-icon::before,
.kc-services-faq-icon::after {
position: absolute;
top: 13px;
right: 8px;
width: 12px;
height: 2px;
border-radius: 2px;
background: #555d75;
content: "";
}
.kc-services-faq-icon::after {
transform: rotate(90deg);
transition: transform .32s cubic-bezier(.2, .7, .2, 1);
}
.kc-services-faq-item.is-open .kc-services-faq-icon::after { transform: rotate(0); }
.kc-services-faq-answer {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
transition:
grid-template-rows .38s cubic-bezier(.2, .7, .2, 1),
opacity .25s ease;
}
.kc-services-faq-answer > div {
min-height: 0;
overflow: hidden;
}
.kc-services-faq-answer p {
margin: -6px 0 0;
padding-bottom: 23px;
padding-left: 45px;
color: var(--kc-muted);
font-size: 14px;
line-height: 2;
transform: translateY(-8px);
transition: transform .38s cubic-bezier(.2, .7, .2, 1);
}
.kc-services-faq-item.is-open .kc-services-faq-answer {
grid-template-rows: 1fr;
opacity: 1;
}
.kc-services-faq-item.is-open .kc-services-faq-answer p {
transform: translateY(0);
}
.kc-services-final {
padding: 10px 0 48px;
}
.kc-services-final-box {
position: relative;
display: flex;
min-height: 270px;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 55px 60px;
overflow: hidden;
border-radius: 5px;
background: linear-gradient(135deg, #168c7a 0%, #1cb098 100%);
color: #fff;
}
.kc-services-final-glow {
position: absolute;
bottom: -160px;
left: 15%;
width: 390px;
height: 390px;
border-radius: 50%;
background: rgba(255, 255, 255, .12);
}
.kc-services-final-box > div,
.kc-services-final-box > a {
position: relative;
z-index: 1;
}
.kc-services-final-box > div > span {
color: #d9f5ef;
font-size: 13px;
font-weight: 700;
}
.kc-services-final h2 {
max-width: 670px;
margin: 10px 0;
color: #fff;
font-size: clamp(27px, 4vw, 42px);
line-height: 1.55;
}
.kc-services-final p {
margin: 0;
color: #e8fbf7;
font-size: 14px;
}
.kc-services-button--light {
flex: 0 0 auto;
background: #fff;
box-shadow: 0 16px 35px rgba(35, 39, 98, .2);
color: #168c7a;
}
.kc-services-button--light:hover { color: #0f715f; } .kc-services-page.kc-animate-ready [data-kc-reveal] {
opacity: 0;
transform: translateY(26px);
transition:
opacity .62s cubic-bezier(.2, .7, .2, 1) var(--kc-delay, 0ms),
transform .62s cubic-bezier(.2, .7, .2, 1) var(--kc-delay, 0ms);
}
.kc-services-page.kc-animate-ready [data-kc-reveal="right"] {
transform: translateX(32px);
}
.kc-services-page.kc-animate-ready [data-kc-reveal="scale"] {
transform: scale(.96) translateY(14px);
}
.kc-services-page.kc-animate-ready [data-kc-reveal].is-visible {
opacity: 1;
transform: none;
}
.kc-services-page.kc-animate-ready .kc-service-card.is-visible:hover {
transform: translateY(-7px);
}
.kc-services-hero-visual.is-visible .kc-services-hero-student {
animation: kc-student-float 6.2s ease-in-out .4s infinite;
}
.kc-services-hero-copy.is-visible h1 em::after {
animation: kc-underline-draw .75s ease .45s both;
transform-origin: right;
}
.kc-services-process-grid::before {
transform: scaleX(0);
transform-origin: right;
transition: transform .9s ease .25s;
}
.kc-services-process-grid.is-visible::before { transform: scaleX(1); }
.kc-services-process-grid.is-visible li > span {
animation: kc-step-pop .45s cubic-bezier(.25, .8, .3, 1.35) both;
}
.kc-services-process-grid.is-visible li:nth-child(2) > span { animation-delay: .12s; }
.kc-services-process-grid.is-visible li:nth-child(3) > span { animation-delay: .24s; }
.kc-services-process-grid.is-visible li:nth-child(4) > span { animation-delay: .36s; }
.kc-services-final-box.is-visible .kc-services-final-glow {
animation: kc-glow-breathe 5s ease-in-out infinite;
}
@keyframes kc-student-float {
0%, 100% { transform: translate(var(--kc-x), var(--kc-y)); }
50% { transform: translate(var(--kc-x), calc(var(--kc-y) - 6px)); }
}
@keyframes kc-spark-pulse {
0%, 100% { opacity: .72; transform: scale(.9) rotate(-7deg); }
50% { opacity: 1; transform: scale(1.08) rotate(7deg); }
}
@keyframes kc-symbol-breathe {
0%, 100% { opacity: .78; transform: scale(.94); }
50% { opacity: 1; transform: scale(1.08); }
}
@keyframes kc-dot-wave {
0%, 100% { opacity: .45; transform: translateY(0); }
50% { opacity: 1; transform: translateY(-7px); }
}
@keyframes kc-underline-draw {
from { opacity: 0; transform: scaleX(0); }
to { opacity: 1; transform: scaleX(1); }
}
@keyframes kc-step-pop {
from { opacity: .45; transform: scale(.75); }
to { opacity: 1; transform: scale(1); }
}
@keyframes kc-glow-breathe {
0%, 100% { opacity: .75; transform: scale(1); }
50% { opacity: 1; transform: scale(1.12); }
}
@media (max-width: 1024px) {
.kc-services-hero-grid { grid-template-columns: 1fr 380px; gap: 35px; }
.kc-services-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kc-services-fit-grid { gap: 45px; }
.kc-services-difference-box { gap: 40px; padding: 45px; }
}
@media (max-width: 820px) {
.kc-services-hero { padding: 48px 0 110px; }
.kc-services-hero-grid,
.kc-services-fit-grid,
.kc-services-difference-box,
.kc-services-faq-grid { grid-template-columns: 1fr; }
.kc-services-hero-copy { text-align: center; }
.kc-services-lead { margin-inline: auto; }
.kc-services-actions,
.kc-services-quick-points { justify-content: center; }
.kc-services-hero-visual { min-height: 500px; }
.kc-services-fit-grid,
.kc-services-faq-grid { gap: 42px; }
.kc-services-process-grid { grid-template-columns: repeat(2, 1fr); gap: 42px 18px; }
.kc-services-process-grid::before { display: none; }
.kc-services-faq-intro { position: static; }
.kc-services-final-box { display: grid; padding: 45px; text-align: center; }
.kc-services-final-box .kc-services-button { justify-self: center; }
}
@media (max-width: 600px) {
.kc-services-shell { width: min(100% - 28px, 1180px); }
.kc-services-hero { padding-top: 32px; }
.kc-services-hero::after { height: 42px; }
.kc-services-hero h1 { margin-top: 16px; font-size: 37px; line-height: 1.5; }
.kc-services-hero h1 em { white-space: normal; }
.kc-services-lead { font-size: 15px; }
.kc-services-actions { display: grid; }
.kc-services-button { width: 100%; }
.kc-services-quick-points { display: grid; justify-content: start; text-align: right; }
.kc-services-hero-visual { min-height: 410px; margin-top: 12px; }
.kc-services-hero-student { width: 94%; }
.kc-services-scroll-decor--spark-main { top: 24%; left: 0; width: 39px; }
.kc-services-scroll-decor--diamond { top: 43%; right: 0; width: 18px; }
.kc-services-scroll-decor--plus { bottom: 11%; left: 4%; width: 24px; }
.kc-services-scroll-decor--dots { right: 0; bottom: 21%; }
.kc-services-section { padding: 72px 0; }
.kc-services-section-heading { margin-bottom: 34px; }
.kc-services-section h2 { font-size: 28px; }
.kc-services-card-grid,
.kc-services-fit-list,
.kc-services-process-grid { grid-template-columns: 1fr; }
.kc-service-card { min-height: 0; padding: 25px; }
.kc-services-difference { padding-top: 10px; }
.kc-services-difference-box { padding: 32px 24px; border-radius: 5px; }
.kc-services-faq-question { font-size: 14px; }
.kc-services-faq-answer p { padding-left: 0; font-size: 13px; }
.kc-services-final { padding-bottom: 40px; }
.kc-services-final-box { min-height: 0; padding: 38px 24px; border-radius: 5px; }
}
@media (prefers-reduced-motion: reduce) {
.kc-services-page *,
.kc-services-page *::before,
.kc-services-page *::after {
scroll-behavior: auto !important;
transition: none !important;
animation: none !important;
}
.kc-services-page.kc-animate-ready [data-kc-reveal] {
opacity: 1 !important;
transform: none !important;
}
}