:root { --c-primary: #f0501e;
--c-primary-dark: #d6451a;
--c-primary-soft: #ff6a38; --c-dark: #12151a;
--c-dark-2: #191d23;
--c-text: #33363b;
--c-text-muted: #a9b0bb;
--c-search: #c7c7c7;
--radius-pill: 999px;
--radius-card: 24px;
--container: 1280px;
--header-h: 146px; --header-bar: 36px; --font: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
} *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
-webkit-text-size-adjust: 100%; overflow-x: clip;
}
body {
font-family: var(--font);
color: var(--c-text);
background: #fff;
line-height: 1.8;
min-height: 100vh;
overflow-x: clip; padding: 0;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { font-family: inherit; background: none; border: none; cursor: pointer; }
input { font-family: inherit; }
address { font-style: normal; }
.sr-only {
position: absolute; width: 1px; height: 1px;
clip-path: inset(50%); overflow: hidden; white-space: nowrap;
}
.container {
max-width: var(--container);
margin-inline: auto;
padding-inline: clamp(16px, 4vw, 40px);
} .breadcrumbs {
padding-block: 14px 0;
}
.breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 0;
margin: 0;
padding: 0;
list-style: none;
font-size: 12.5px;
font-weight: 600;
line-height: 1.5;
color: #8a9099;
}
.breadcrumbs__item {
display: inline-flex;
align-items: center;
max-width: 100%;
}
.breadcrumbs__link {
color: #6a6f78;
text-decoration: none;
transition: color .2s ease;
}
.breadcrumbs__link:hover {
color: var(--c-primary);
}
.breadcrumbs__current {
color: var(--c-primary);
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: min(420px, 70vw);
}
.breadcrumbs__sep {
margin-inline: 8px;
color: #c0c4ca;
font-weight: 500;
} .entry-blocks {
padding-block: 28px 40px;
}
.entry-blocks--inline {
padding-block: 12px 20px;
}
.entry-blocks__inner {
font-family: var(--font);
font-size: 1em;
font-weight: 400;
line-height: 1.8;
color: #6a6f78;
}
.entry-blocks__inner > *:first-child {
margin-top: 0;
}
.entry-blocks__inner > *:last-child {
margin-bottom: 0;
}
.entry-blocks__inner > * {
max-width: 100%;
}
.entry-blocks__inner p {
margin: 0 0 1em;
}
.entry-blocks__inner img,
.entry-blocks__inner .wp-block-image img,
.entry-blocks__inner figure {
max-width: 100%;
height: auto;
}
.entry-blocks__inner .wp-block-image,
.entry-blocks__inner figure {
margin-block: 1.25em;
margin-inline: 0;
}
.entry-blocks__inner .alignleft {
float: left;
margin-inline: 0 1.25em 1em 0;
}
.entry-blocks__inner .alignright {
float: right;
margin-inline: 0 0 1em 1.25em;
}
.entry-blocks__inner .aligncenter {
display: block;
margin-inline: auto;
}
.entry-blocks__inner .alignfull,
.entry-blocks__inner .alignwide {
max-width: 100%;
margin-inline: 0;
width: 100%;
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--radius-pill);
font-size: 14px;
font-weight: 700;
padding: 10px 24px;
transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.btn-primary {
background: var(--c-primary);
color: #fff;
box-shadow: 0 6px 16px rgba(240, 80, 30, .3);
}
.btn-primary:hover {
background: var(--c-primary-dark);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(240, 80, 30, .4);
} .btn-first,
.btn-app,
.hero-cta {
height: 34px;
padding: 0 20px;
font-size: 13px;
font-weight: 700;
white-space: nowrap;
}
.btn-app__label--mobile {
display: none;
}
.btn-sm { padding: 8px 22px; font-size: 13px; }  .site-header {
position: relative;
background: #fff;
z-index: 50; clip-path: inset(0 -100vw -100vh -100vw);
} .site-header::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: var(--header-bar);
background: var(--c-primary);
z-index: 1;
}
.header-inner {
position: relative;
z-index: 2;
max-width: var(--container);
margin-inline: auto;
padding-inline: clamp(16px, 4vw, 40px);
height: var(--header-h);
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
} .brand {
position: absolute;
top: 0;
left: 50%; transform: translateX(calc(-50% - 14px)); width: 150px;
height: var(--header-h);
display: flex;
align-items: center;
justify-content: center;
transform-origin: top center;
z-index: 3;
overflow: visible;
}
.brand-bg {
display: block;
position: absolute;
top: calc(var(--header-bar) * -1); left: 50%;
transform: translateX(-50%);
height: 100%;
width: auto;
max-width: none;
pointer-events: none;
}
.brand-logo {
position: absolute;
top: 31%;
left: 50%;
transform: translate(-50%, -50%);
width: clamp(110px, 12vw, 150px);
height: auto;
max-width: none;
pointer-events: none;
} .main-nav ul {
display: flex;
align-items: center;
}
.main-nav li { display: flex; align-items: center; }
.main-nav li + li::before {
content: "";
width: 1px;
height: 14px;
background: #d4d4d4;
margin-inline: 0.35em; }
.main-nav a {
font-size: 14px;
font-weight: 500;
color: #4b4e53;
transition: color .2s ease;
white-space: nowrap;
}
.main-nav a:hover,
.main-nav a.is-active {
color: var(--c-primary);
font-weight: 700;
} .header-actions {
display: flex;
align-items: center;
gap: 12px;
}
.search-box {
display: flex;
align-items: center;
background: var(--c-search);
border-radius: var(--radius-pill);
height: 34px;
width: clamp(150px, 14vw, 220px);
padding-inline: 14px 6px;
}
.search-box input {
flex: 1;
min-width: 0;
background: transparent;
border: none;
outline: none;
color: #fff;
font-size: 13px;
font-weight: 500;
}
.search-box input::placeholder { color: rgba(255, 255, 255, .95); }
.search-box input::-webkit-search-cancel-button { display: none; }
.search-box button {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
color: #fff;
flex-shrink: 0;
}
.search-box button svg { width: 16px; height: 16px; } .menu-toggle {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 42px;
height: 42px;
padding: 8px;
order: -1;
}
.menu-toggle span {
display: block;
height: 2.5px;
border-radius: 2px;
background: var(--c-text);
transition: transform .25s ease, opacity .25s ease;
}
.site-header.is-open .menu-toggle span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.site-header.is-open .menu-toggle span:nth-child(2) { opacity: 0; }
.site-header.is-open .menu-toggle span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
.mobile-menu {
display: none;
overflow: hidden;
max-height: 0;
background: #fff;
box-shadow: 0 14px 24px rgba(0, 0, 0, .08);
transition: max-height .3s ease;
}
.site-header.is-open .mobile-menu { max-height: 420px; }
.mobile-menu nav ul { padding: 12px 24px; }
.mobile-menu a {
display: block;
padding: 11px 4px;
font-size: 15px;
font-weight: 600;
color: #4b4e53;
border-bottom: 1px solid #f0f0f0;
}
.mobile-menu a.is-active { color: var(--c-primary); }
.mobile-menu .search-box {
margin: 8px 24px 20px;
width: auto;
} .hero { padding-block: 26px 10px; }
.hero-card {
position: relative;
display: flex;
align-items: stretch;
min-height: 470px;
--hero-bg: var(--c-dark);
--hero-wm: rgba(255, 255, 255, .028);
background:
radial-gradient(
120% 170% at 88% 0%,
color-mix(in srgb, var(--hero-bg) 82%, #ffffff) 0%,
var(--hero-bg) 55%
);
border-radius: var(--radius-card);
overflow: hidden;
} .hero-watermark {
position: absolute;
top: 50%;
right: -170px;
transform: translateY(-50%);
width: 440px;
height: 440px;
border-radius: 50%;
border: 92px solid var(--hero-wm);
pointer-events: none;
}
.hero-content {
position: relative;
z-index: 1;
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 56px clamp(24px, 6vw, 96px) 56px 24px;
}
.hero-title {
font-size: clamp(34px, 4.2vw, 54px);
font-weight: 900;
color: #fff;
line-height: 1.15;
}
.hero-subtitle {
font-size: clamp(21px, 2.6vw, 33px);
font-weight: 800;
color: var(--c-primary);
margin-top: 4px;
}
.hero-subtitle .script {
font-family: "Gulzar", var(--font);
font-weight: 400;
font-size: 1.2em;
color: var(--c-primary-soft);
display: inline-block;
transform: translateY(-10px) rotate(-4deg);
margin-inline: 4px;
}
.hero-divider {
position: relative;
display: block;
width: min(350px, 90%);
height: 2px;
margin: 26px 0 20px;
background: linear-gradient(to left, #39404a 0%, #39404a 78%, transparent 100%);
}
.hero-divider::before {
content: "";
position: absolute;
inset-inline-end: -2px;
top: -5px;
width: 14px;
height: 2px;
background: #39404a;
transform: rotate(-38deg);
}
.hero-desc {
font-size: 15px;
font-weight: 400;
color: var(--c-text-muted);
line-height: 2.15;
max-width: 400px;
}
.hero-cta {
align-self: flex-start; margin-top: 30px;
}
.hero-visual {
position: relative;
flex: 0 0 42%;
min-height: 300px;
}
.hero-visual img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; -webkit-mask-image: linear-gradient(to right, #000 var(--hero-fade-desktop, 72%), transparent 100%);
mask-image: linear-gradient(to right, #000 var(--hero-fade-desktop, 72%), transparent 100%);
} .hero-card--flip {
flex-direction: row-reverse;
background:
radial-gradient(
120% 170% at 12% 0%,
color-mix(in srgb, var(--hero-bg) 82%, #ffffff) 0%,
var(--hero-bg) 55%
);
}
.hero-card--flip .hero-content {
padding: 56px 24px 56px clamp(24px, 6vw, 96px);
}
.hero-card--flip .hero-divider {
background: linear-gradient(to right, #39404a 0%, #39404a 78%, transparent 100%);
}
.hero-card--flip .hero-visual img {
-webkit-mask-image: linear-gradient(to left, #000 var(--hero-fade-desktop, 72%), transparent 100%);
mask-image: linear-gradient(to left, #000 var(--hero-fade-desktop, 72%), transparent 100%);
}
.hero-card--flip .hero-watermark {
right: auto;
left: -170px;
} .hero-card--fill,
.hero-card--fill.hero-card--flip {
background: transparent;
}
.hero-card--fill .hero-visual {
position: absolute;
inset: 0;
z-index: 0;
flex: none;
width: auto;
min-height: 0;
pointer-events: none;
}
.hero-card--fill .hero-content {
position: relative;
z-index: 1;
max-width: min(560px, 58%);
}
.hero-card--fill.hero-card--flip .hero-content {
margin-inline-start: auto;
}
.hero-card--fill .hero-watermark {
z-index: 1;
} .hero--image .hero-banner {
position: relative;
display: block;
width: 100%;
overflow: hidden;
border-radius: var(--radius-card);
background: #12151a;
line-height: 0;
--hero-banner-cta-b: 24px;
--hero-banner-cta-r: 30px;
--hero-banner-cta-b-m: 16px;
--hero-banner-cta-r-m: 16px;
}
.hero--image .hero-banner__img {
display: block;
width: 100%;
height: auto;
max-height: min(520px, 70vh);
object-fit: cover;
object-position: center;
}
.hero--image .hero-banner__cta {
position: absolute;
z-index: 2;
bottom: var(--hero-banner-cta-b);
right: var(--hero-banner-cta-r);
line-height: 1;
} .services-strips {
padding-block: 22px 10px;
}
.services-strips__row {
display: flex;
align-items: stretch;
gap: 14px;
min-height: 94px;
}
.services-strips__panel {
--ss-bg: #C3E2FF;
--ss-fg: #1C8BED;
flex: 1 1 0;
display: flex;
align-items: center;
gap: clamp(18px, 3vw, 36px);
min-width: 0;
padding: 0 clamp(28px, 4vw, 48px);
background: var(--ss-bg);
color: var(--ss-fg);
transition: filter .2s ease, transform .2s ease;
}
.services-strips__panel:hover {
filter: brightness(.97);
transform: translateY(-1px);
}
.services-strips__panel--left {
justify-content: space-between;
border-radius: 999px 0 0 999px;
}
.services-strips__panel--right {
justify-content: space-between;
border-radius: 0 999px 999px 0;
} .services-strips__panel--solo-right {
flex: 1 1 auto;
justify-content: flex-end;
gap: clamp(18px, 3vw, 36px);
border-radius: 0 999px 999px 0;
} .services-strips__panel--solo-left {
flex: 1 1 auto;
justify-content: flex-start;
gap: clamp(18px, 3vw, 36px);
border-radius: 999px 0 0 999px;
}
.services-strips__icon {
width: auto;
height: 56px;
max-width: 78px;
object-fit: contain;
flex-shrink: 0;
}
.services-strips__title {
font-size: clamp(28px, 3.2vw, 40px);
font-weight: 800;
line-height: 1;
letter-spacing: -.02em;
white-space: nowrap;
}
.services-strips__dividers {
display: flex;
align-items: stretch;
gap: 14px;
flex: 0 0 auto;
padding-block: 0;
}
.services-strips__bar {
display: block;
width: 26px;
border-radius: 0;
background: #b7b7b7;
align-self: stretch;
} .unit-intro {
--ui-green: #108155;
--ui-green-soft: #94e9c8;
--ui-tab-idle: #b2b2b2;
padding-block: 36px 20px;
}
.unit-intro__grid {
display: grid;
grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
gap: clamp(18px, 2.5vw, 32px);
align-items: start;
}
.unit-intro__nav {
padding-top: 4px;
}
.unit-intro__label {
margin: 0 0 4px;
font-size: 13px;
font-weight: 400;
color: #9a9a9a;
}
.unit-intro__unit {
margin: 0;
font-size: clamp(28px, 3vw, 36px);
font-weight: 800;
color: var(--ui-green);
line-height: 1.15;
}
.unit-intro__rule {
display: block;
width: 100%;
height: 1px;
margin: 12px 0 18px;
background: #6e6e6e;
}
.unit-intro__tabs {
display: flex;
flex-direction: column;
gap: 10px;
-webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
padding-bottom: 18px;
}
.unit-intro__tab {
position: relative;
width: 100%;
justify-content: center;
background: var(--ui-tab-idle);
color: #fff;
box-shadow: none;
border: 0;
cursor: pointer;
}
.unit-intro__tab:hover {
background: #a3a3a3;
transform: none;
box-shadow: none;
}
.unit-intro__tab.is-active {
background: var(--ui-green);
color: #fff;
box-shadow: 0 6px 16px rgba(16, 129, 85, .28);
}
.unit-intro__tab.is-active:hover {
background: #0d6f48;
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(16, 129, 85, .34);
} .unit-intro__tab.is-active::after {
content: "";
position: absolute;
top: 50%;
right: -14px;
width: 5px;
height: 70%;
transform: translateY(-50%);
border-radius: 999px;
background: var(--ui-green);
}
.unit-intro__main {
position: relative;
min-width: 0;
}
.unit-intro__panel {
position: relative;
display: none;
}
.unit-intro__panel.is-active {
display: block;
} .unit-intro__panel.is-active::after {
content: "";
position: absolute;
top: var(--ui-pointer-top, 78px);
right: -13px;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 11px 13px;
border-color: transparent transparent transparent var(--ui-green);
transform: translateY(-50%);
z-index: 5;
pointer-events: none;
}
.unit-intro__bubble {
position: relative;
display: flex;
flex-direction: column;
min-height: 373px;
height: 373px;
padding: 28px 32px 24px;
background: var(--ui-green-soft); border-radius: 120px 0 0 0;
overflow: hidden;
isolation: isolate;
}
.unit-intro__watermark {
position: absolute;
right: 2%;
left: auto;
top: 50%;
width: min(380px, 72%);
height: auto;
opacity: .16;
transform: translateY(-50%);
pointer-events: none;
z-index: 0;
filter: grayscale(.15);
}
.unit-intro__tab-title {
font-weight: 700;
}
.unit-intro__tab-paren {
font-weight: 400;
}
.unit-intro__heading {
position: relative;
z-index: 1;
margin: 0 0 14px;
font-size: clamp(18px, 2vw, 22px);
line-height: 1.35;
color: var(--ui-green);
}
.unit-intro__heading-main {
font-weight: 800;
}
.unit-intro__heading-paren {
font-weight: 400;
}
.unit-intro__body {
position: relative;
z-index: 1;
flex: 1 1 auto;
margin: 0 0 22px;
font-size: 14px;
font-weight: 400;
line-height: 2;
color: #4a4a4a;
text-align: justify;
}
.unit-intro__body > :first-child {
margin-top: 0;
}
.unit-intro__body > :last-child {
margin-bottom: 0;
}
.unit-intro__body p,
.unit-intro__body ul,
.unit-intro__body ol {
margin: 0 0 12px;
}
.unit-intro__body ul,
.unit-intro__body ol {
padding-inline-start: 22px;
}
.unit-intro__body ul {
list-style: disc;
}
.unit-intro__body ol {
list-style: decimal;
}
.unit-intro__body a {
color: var(--ui-green);
text-decoration: underline;
text-underline-offset: 3px;
}
.unit-intro__cta {
position: relative;
z-index: 1;
align-self: flex-end; margin-top: auto;
background: var(--ui-green);
color: #fff;
box-shadow: 0 6px 16px rgba(16, 129, 85, .3);
}
.unit-intro__cta:hover {
background: #0d6f48;
box-shadow: 0 8px 20px rgba(16, 129, 85, .4);
} .event-carousel {
padding-block: 28px 12px;
}
.event-carousel__frame {
position: relative;
border-radius: 0;
overflow: hidden;
background: #62250f;
aspect-ratio: 684 / 280;
min-height: 280px;
}
.event-carousel__track {
position: absolute;
inset: 0;
}
.event-carousel__slide {
position: absolute;
inset: 0;
display: none;
color: #fff;
}
.event-carousel__slide.is-active {
display: block;
}
.event-carousel__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: right center;
}
.event-carousel__bg--placeholder {
background:
radial-gradient(70% 120% at 85% 40%, #8a3d22 0%, transparent 55%),
linear-gradient(135deg, #4a1a0c 0%, #702d15 45%, #5a220f 100%);
}
.event-carousel__veil {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(98, 37, 15, .55) 0%, rgba(98, 37, 15, .2) 42%, transparent 68%),
linear-gradient(0deg, rgba(70, 25, 10, .35) 0%, transparent 40%);
pointer-events: none;
z-index: 1;
}
.event-carousel__logo {
position: absolute;
top: 18px;
right: 22px;
width: clamp(72px, 9vw, 110px);
height: auto;
z-index: 3;
}
.event-carousel__center {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50%;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-end; justify-content: center;
text-align: right;
padding: 24px clamp(16px, 3vw, 36px) 96px;
box-sizing: border-box;
pointer-events: none;
}
.event-carousel__title {
margin: 0;
font-size: clamp(28px, 4.2vw, 48px);
font-weight: 800;
line-height: 1.2;
color: #fff;
width: 100%;
text-align: right;
}
.event-carousel__subtitle {
margin: 10px 0 0;
font-size: clamp(16px, 2vw, 22px);
font-weight: 500;
color: #fff;
width: 100%;
text-align: right;
}
.event-carousel__line {
display: block;
width: min(220px, 70%);
height: 1px;
margin: 14px 0 12px auto; background: rgba(255, 255, 255, .95);
align-self: flex-end;
}
.event-carousel__text {
margin: 0;
font-size: clamp(12px, 1.35vw, 15px);
font-weight: 400;
color: rgba(255, 255, 255, .95);
line-height: 1.7;
width: 100%;
text-align: right;
}
.event-carousel__action {
position: absolute;
z-index: 4;
left: clamp(18px, 3vw, 36px);
bottom: clamp(78px, 14%, 96px);
display: flex;
flex-direction: column;
align-items: stretch;
width: max-content;
max-width: 46%;
gap: 6px;
text-align: center;
}
.event-carousel__cta {
pointer-events: auto;
width: 100%;
justify-content: center;
}
.event-carousel__deadline-label {
margin: 2px 0 0;
font-size: 11px;
font-weight: 400;
color: #fff;
opacity: .95;
white-space: nowrap;
}
.event-carousel__deadline-date {
margin: 0;
font-size: 15px;
font-weight: 800;
color: #fff;
line-height: 1.2;
white-space: nowrap;
}
.event-carousel__dots {
position: absolute;
z-index: 5;
left: 0;
bottom: 0;
width: clamp(170px, 28%, 250px);
aspect-ratio: 199 / 65;
pointer-events: none;
}
.event-carousel__dots-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: fill;
display: block;
}
.event-carousel__dots-list {
position: absolute;
left: 0;
right: 0; top: 62%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 0 22px 0 16px;
height: auto;
pointer-events: auto;
}
.event-carousel__dot {
width: 12px;
height: 12px;
padding: 0;
border: 0;
border-radius: 50%;
background: #d0d0d0;
cursor: pointer;
transition: background .2s ease, transform .2s ease;
}
.event-carousel__dot.is-active {
background: var(--c-primary);
transform: scale(1.15);
}
.event-carousel__dot:hover {
background: #a8a8a8;
}
.event-carousel__dot.is-active:hover {
background: var(--c-primary);
} .instructors {
padding-block: 40px 20px;
}
.instructors__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 22px;
}
.instructors__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
} .instructors__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.instructors__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.instructors__view-all {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
background: #ffe4d8;
color: var(--c-primary);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
transition: background .2s ease, transform .2s ease;
}
.instructors__view-all:hover {
background: #ffd4c2;
transform: translateY(-1px);
}
.instructors__carousel {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 20px; }
.instructors__nav {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 0;
background: transparent;
color: #c5c5c5;
cursor: pointer;
transition: color .2s ease;
}
.instructors__nav:hover {
color: #888;
}
.instructors__viewport {
overflow: hidden;
min-width: 0;
}
.instructors__track {
display: flex;
gap: 18px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding-bottom: 6px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.instructors__track::-webkit-scrollbar {
display: none;
}
.instructors__empty {
margin: 0;
padding: 24px;
color: #888;
}
.instructors__dots {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 22px;
min-height: 16px;
}
.instructors__dot {
flex: 0 0 auto;
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
background: #cfcfcf;
cursor: pointer;
transition: width .25s ease, height .25s ease, border-radius .25s ease, background .25s ease;
}
.instructors__dot.is-active {
width: 28px;
height: 6px;
border-radius: 999px;
background: var(--c-primary);
}
.instructors__dot:hover:not(.is-active) {
background: #a8a8a8;
}
.instructor-card {
flex: 0 0 auto;
width: clamp(205px, calc((100% - 54px) / 4), 260px);
scroll-snap-align: start;
}
.instructor-card__frame {
position: relative;
width: 100%;
aspect-ratio: 553 / 758;
background: #ccc;
overflow: hidden;
}
.instructor-card__ribbon-row {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 6.8%;
z-index: 5;
display: flex;
align-items: stretch;
direction: ltr;
background: #fff; }
.instructor-card__ribbon {
position: relative;
top: 4px;
flex: 0 0 66%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 6px;
padding: 0 9% 0 4%;
background: var(--c-primary);
color: #fff;
clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);
direction: rtl;
font-size: clamp(10px, 1vw, 13px);
font-weight: 700;
}
.instructor-card__ribbon-rest {
flex: 1 1 auto;
min-width: 0;
background: transparent;
}
.instructor-card__type {
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
.instructor-card__type-icon {
opacity: .95;
}
.instructor-card__sep {
opacity: .85;
font-weight: 400;
}
.instructor-card__media {
position: absolute;
top: 6.7%;
right: 0;
left: 0;
height: 70.2%;
z-index: 2;
background: var(--c-primary);
clip-path: polygon(0 0, 100% 0, 100% 76.7%, 0 100%);
}
.instructor-card__photo {
position: absolute;
inset: 2.2%;
overflow: hidden;
background: #222;
clip-path: polygon(0 0, 100% 0, 100% 76.7%, 0 100%);
}
.instructor-card__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
filter: grayscale(1);
display: block;
}
.instructor-card__media-ph {
width: 100%;
height: 100%;
background: linear-gradient(160deg, #444, #222);
}
.instructor-card__body {
position: absolute;
top: 69%;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 0 5% 3.5%;
display: flex;
flex-direction: column;
gap: 4%;
}
.instructor-card__name {
margin: 0;
text-align: right;
color: #3a3a3a;
line-height: 1.15;
}
.instructor-card__first {
display: block;
font-size: clamp(15px, 1.7vw, 21px);
font-weight: 400;
color: #858585;
}
.instructor-card__last {
display: block;
margin-top: 1%;
font-size: clamp(25px, 3vw, 36px);
font-weight: 800;
letter-spacing: -.02em;
}
.instructor-card__badges {
list-style: none;
margin: auto 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 6px;
}
.instructor-card__badges li {
display: inline-flex;
align-items: center;
height: clamp(22px, 2.3vw, 28px);
padding: 0 10px;
border-radius: 999px;
background: #fff;
color: var(--c-primary);
font-size: clamp(10px, 1vw, 12px);
font-weight: 700;
box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
} .instructor-card__corner {
position: absolute;
left: 0;
bottom: 0;
z-index: 6;
display: block;
width: 26.5%;
height: auto;
} .home-blog {
padding-block: 36px 24px;
}
.home-episodes {
padding-block: 36px 24px;
}
.home-episodes__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 22px;
}
.home-episodes__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.home-episodes__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.home-episodes__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.home-episodes__view-all {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
background: #ffe4d8;
color: var(--c-primary);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
transition: background .2s ease, transform .2s ease;
}
.home-episodes__view-all:hover {
background: #ffd4c2;
transform: translateY(-1px);
}
.home-episodes__empty {
margin: 0;
color: var(--c-muted, #666);
font-size: 14px;
} .home-episodes--slider .video-series-series-slider__header {
display: none;
} .video-series-main--theme {
padding-block: 24px 40px;
}
.home-blog__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 22px;
}
.home-blog__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.home-blog__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.home-blog__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.home-blog__view-all {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
background: #ffe4d8;
color: var(--c-primary);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
transition: background .2s ease, transform .2s ease;
}
.home-blog__view-all:hover {
background: #ffd4c2;
transform: translateY(-1px);
}
.home-blog__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
gap: 16px;
align-items: stretch;
max-height: 580px;
overflow: hidden;
}
.home-blog__list {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
min-height: 0;
max-height: 100%;
overflow: hidden;
}
.home-blog__empty {
margin: 0;
padding: 20px;
color: #888;
font-size: 14px;
background: #ececec;
}
.blog-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
min-height: 124px;
padding: 12px;
background: #e8e8e8;
flex: 1 1 0;
min-width: 0;
overflow: hidden;
}
.blog-item__media {
flex: 0 0 118px;
width: 118px;
height: 118px;
display: block;
position: relative;
overflow: hidden;
background: #cfcfcf;
}
.blog-item__media img,
.blog-item__ph {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-item__ph {
background: linear-gradient(135deg, #d5d5d5, #bdbdbd);
}
.blog-item__body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
min-width: 0;
padding-block: 2px;
}
.blog-item__title {
margin: 0;
font-size: clamp(14px, 1.35vw, 16px);
font-weight: 800;
line-height: 1.45;
color: #5a5a5a;
}
.blog-item__title a {
color: inherit;
}
.blog-item__title a:hover {
color: #3f3f3f;
}
.blog-item__excerpt {
margin: 0;
font-size: 12.5px;
line-height: 1.7;
color: #7a7a7a;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-featured {
position: relative;
display: flex;
flex-direction: column;
min-height: 0;
max-height: 580px;
height: 100%;
overflow: hidden;
background: var(--c-primary);
}
.blog-featured__media {
flex: 1 1 auto;
min-height: 0;
display: block;
position: relative;
overflow: hidden;
background: #222;
}
.blog-featured__media img,
.blog-featured__ph {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-featured__ph {
background: linear-gradient(135deg, #3a3a3a, #1c1c1c);
}
.blog-featured__body {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px 20px 20px 96px; color: #fff;
position: relative;
z-index: 1;
background: var(--c-primary);
} .blog-featured__peak {
position: absolute;
top: 0;
right: 50px;
z-index: 2;
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 12px 9px;
border-color: transparent transparent var(--c-primary) transparent;
transform: translateY(-100%);
pointer-events: none;
}
.blog-featured__badge {
align-self: flex-start;
display: inline-flex;
align-items: center;
height: 24px;
padding: 0 10px;
border-radius: var(--radius-pill);
background: rgba(255, 255, 255, .22);
color: #fff;
font-size: 11.5px;
font-weight: 700;
}
.blog-featured__title {
margin: 0;
font-size: clamp(15px, 1.5vw, 18px);
font-weight: 800;
line-height: 1.4;
}
.blog-featured__title a {
color: #fff;
}
.blog-featured__excerpt {
margin: 0;
font-size: 12.5px;
line-height: 1.7;
color: rgba(255, 255, 255, .92);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-featured__cta {
margin-top: 4px;
align-self: flex-end; display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
border: 1.5px solid #fff;
color: #fff;
font-size: 12.5px;
font-weight: 700;
background: transparent;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.blog-featured__cta:hover {
background: #fff;
color: var(--c-primary);
transform: translateY(-1px);
} .blog-featured__corner {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
display: block;
width: 88px;
height: auto;
pointer-events: none;
} .featured-news {
padding-block: 28px 20px;
}
.featured-news__frame {
position: relative;
width: 100%;
}
.featured-news__stage {
display: flex;
align-items: center;
gap: 16px;
}
.featured-news__track {
position: relative;
flex: 1 1 auto;
min-width: 0;
}
.featured-news__slide {
width: 100%;
height: 470px; max-height: 470px;
min-height: 0;
aspect-ratio: auto;
border-radius: 4px; display: none !important; }
.featured-news__slide.is-active {
display: flex !important;
} .featured-news .blog-featured {
background: transparent;
}
.featured-news .blog-featured__media {
position: absolute;
inset: 0;
flex: none;
z-index: 0;
}
.featured-news .blog-featured__body {
margin-top: auto;
background: color-mix(in srgb, var(--c-primary) 78%, transparent);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.featured-news .blog-featured__peak {
border-bottom-color: color-mix(in srgb, var(--c-primary) 78%, transparent);
}
.featured-news__arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
padding: 8px 4px;
border: 0;
border-radius: 0;
background: transparent;
color: #b0b0b0;
cursor: pointer;
transition: color .2s ease, transform .2s ease;
}
.featured-news__arrow:hover {
background: transparent;
color: var(--c-primary);
transform: scale(1.08);
}
.featured-news__dots {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 16px;
}
.featured-news__dot {
width: 9px;
height: 9px;
padding: 0;
border: 0;
border-radius: 999px;
background: #d0d0d0;
cursor: pointer;
transition:
width .35s ease,
background-color .35s ease,
border-radius .35s ease;
}
.featured-news__dot.is-active {
width: 28px;
height: 9px;
border-radius: 999px; background: var(--c-primary);
transform: none;
}
.featured-news__empty {
margin: 0;
padding: 20px;
background: #ececec;
color: #888;
font-size: 14px;
border-radius: 4px;
text-align: center;
}
@media (max-width: 860px) {
.featured-news__stage {
gap: 10px;
}
.featured-news__slide {
height: 380px;
max-height: 380px;
}
.featured-news__arrow {
width: auto;
height: auto;
}
}
@media (max-width: 640px) {
.featured-news__slide {
height: 340px;
max-height: 340px;
}
} .working-hours {
padding-block: 28px 36px;
}
.working-hours__inner {
max-width: 100%;
margin-inline: auto;
}
.working-hours__row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 18px 44px; direction: rtl;
}
.working-hours__center {
display: flex;
align-items: center;
justify-content: center;
gap: 24px; flex: 0 0 auto;
margin-inline: 0;
}
.working-hours__title {
margin: 0;
max-width: 5.2em;
font-size: clamp(18px, 2vw, 24px);
font-weight: 800;
line-height: 1.25;
text-align: center;
color: var(--c-primary);
}
.working-hours__tri {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
} .working-hours__tri--right {
border-width: 7px 0 7px 11px;
border-color: transparent transparent transparent #b0b0b0;
} .working-hours__tri--left {
border-width: 7px 11px 7px 0;
border-color: transparent #b0b0b0 transparent transparent;
}
.working-hours__chip {
display: flex;
align-items: stretch;
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
direction: ltr; overflow: hidden;
border-radius: 999px;
background: #ffd9ce;
}
.working-hours__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 58px;
min-height: 58px;
background: var(--c-primary);
color: #fff;
} .working-hours__chip--days .working-hours__icon {
border-inline-start: 5px solid #fff; }
.working-hours__chip--hours .working-hours__icon {
border-inline-end: 5px solid #fff; }
.working-hours__body {
display: flex;
flex-direction: column;
justify-content: center;
gap: 2px;
flex: 1 1 auto;
min-width: 0;
padding: 10px 18px;
text-align: right;
direction: rtl;
}
.working-hours__label {
font-size: 13px;
font-weight: 500;
line-height: 1.4;
color: #33363b;
}
.working-hours__value {
font-size: 14.5px;
font-weight: 800;
line-height: 1.4;
color: var(--c-primary);
white-space: nowrap;
}
.working-hours__note {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 6px;
margin: 22px 0 0;
padding-inline: 12px;
font-size: 13px;
line-height: 1.8;
text-align: center;
}
.working-hours__note-label {
font-weight: 800;
color: var(--c-primary);
white-space: nowrap;
}
.working-hours__note-text {
font-weight: 500;
color: #6a7078;
}
@media (max-width: 900px) {
.working-hours__row {
flex-direction: column;
gap: 16px;
}
.working-hours__center {
margin-inline: 0;
order: -1;
} .working-hours__tri--right,
.working-hours__tri--left {
border-width: 11px 7px 0 7px;
border-color: #b0b0b0 transparent transparent transparent;
}
.working-hours__chip {
width: min(100%, 360px);
} .working-hours__chip--days {
justify-content: flex-end;
}
.working-hours__value {
white-space: normal;
}
} .contact-channels {
padding-block: 28px 40px;
}
.contact-channels__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 28px;
}
.contact-channels__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.contact-channels__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.contact-channels__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.contact-channels__view-all {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
background: #ffe4d8;
color: var(--c-primary);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
transition: background .2s ease, transform .2s ease;
}
.contact-channels__view-all:hover {
background: #ffd4c2;
transform: translateY(-1px);
}
.contact-channels__list {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 28px 20px;
margin: 0;
padding: 0;
list-style: none;
}
.contact-channels__item {
flex: 1 1 0;
min-width: 110px;
max-width: 180px;
}
.contact-channels__card {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
text-align: center;
color: inherit;
}
a.contact-channels__card:hover .contact-channels__icon {
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(240, 80, 30, .22);
}
a.contact-channels__card:hover .contact-channels__text {
color: var(--c-primary);
}
.contact-channels__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
border-radius: 50%;
background: var(--c-primary);
color: #fff;
overflow: hidden;
transition: transform .2s ease, box-shadow .2s ease;
}
.contact-channels__icon img {
width: 36px;
height: 36px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.contact-channels__icon svg {
display: block;
flex: 0 0 auto;
}
.contact-channels__text {
display: block;
width: 100%;
font-size: 13.5px;
font-weight: 700;
line-height: 1.45;
color: #4a4e55;
text-align: center;
transition: color .2s ease;
white-space: pre-line;
}
.contact-channels__text.is-ltr {
direction: ltr;
unicode-bidi: isolate;
}
.contact-channels__empty {
margin: 0;
padding: 16px;
text-align: center;
color: #7a8088;
font-size: 14px;
}
@media (max-width: 760px) {
.contact-channels__list {
justify-content: center;
gap: 22px 16px;
}
.contact-channels__item {
flex: 0 1 calc(50% - 12px);
max-width: none;
}
}
@media (max-width: 420px) {
.contact-channels__item {
flex: 0 1 100%;
}
} .access {
padding-block: 28px 44px;
}
.access__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 22px;
}
.access__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.access__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.access__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.access__view-all {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
background: #ffe4d8;
color: var(--c-primary);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
transition: background .2s ease, transform .2s ease;
}
.access__view-all:hover {
background: #ffd4c2;
transform: translateY(-1px);
}
.access__notice {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 28px;
padding: 16px 18px;
border-radius: 18px;
background: #ffd9ce;
direction: rtl;
}
.access__notice-icon {
flex: 0 0 auto;
display: inline-flex;
color: var(--c-primary);
}
.access__notice-text {
margin: 0;
flex: 1 1 auto;
min-width: 0;
font-size: 13.5px;
font-weight: 600;
line-height: 1.8;
color: #4a4e55;
text-align: right;
}
.access__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px 40px;
margin: 0;
padding: 0;
list-style: none;
direction: rtl;
}
.access__card {
display: flex;
align-items: flex-end; gap: 12px;
min-width: 0;
direction: rtl; color: inherit;
}
.access__item--flip .access__card {
direction: ltr; }
.access__item--flip .access__map img {
transform: scaleX(-1); }
.access__map {
flex: 0 0 auto;
width: 82px; height: 82px;
overflow: hidden;
border: 0;
border-radius: 0;
background: transparent;
}
.access__map img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.access__cat {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 0; background: #ffd9ce;
color: var(--c-primary);
}
.access__cat img {
width: 24px;
height: 24px;
object-fit: contain;
}
.access__cat svg {
display: block;
}
.access__body {
flex: 1 1 auto;
min-width: 0;
text-align: right;
}
.access__item--flip .access__body {
text-align: left; }
.access__item-title {
margin: 0 0 4px;
font-size: 14px;
font-weight: 800;
line-height: 1.4;
color: var(--c-primary);
}
.access__item-desc {
margin: 0;
font-size: 12.5px;
font-weight: 500;
line-height: 1.6;
color: #4a4e55;
}
a.access__card:hover .access__item-title {
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 800px) {
.access__grid {
grid-template-columns: 1fr;
gap: 18px;
}
.access__item--flip .access__card {
direction: rtl; }
.access__item--flip .access__map img {
transform: none;
}
.access__item--flip .access__body {
text-align: right;
}
} .social-networks {
padding-block: 28px 44px;
}
.social-networks__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 22px;
}
.social-networks__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.social-networks__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.social-networks__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.social-networks__view-all {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
background: #ffe4d8;
color: var(--c-primary);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
transition: background .2s ease, transform .2s ease;
}
.social-networks__view-all:hover {
background: #ffd4c2;
transform: translateY(-1px);
}
.social-networks__list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
gap: 28px 56px;
margin: 0;
padding: 0;
list-style: none;
direction: rtl;
}
.social-networks__item {
flex: 0 1 148px;
width: 148px;
max-width: 148px;
}
.social-networks__card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
min-height: 138px;
padding: 16px 10px 14px;
border-radius: 18px;
background: var(--c-primary);
color: #fff;
text-align: center;
text-decoration: none;
transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
a.social-networks__card:hover {
background: var(--c-primary-dark);
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(240, 80, 30, .28);
}
.social-networks__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: #fff;
color: var(--c-primary);
flex: 0 0 auto;
}
.social-networks__icon img {
width: 26px;
height: 26px;
object-fit: contain;
}
.social-networks__icon svg {
display: block;
width: 26px;
height: 26px;
}
.social-networks__text {
font-size: 13px;
font-weight: 700;
line-height: 1.35;
color: #fff;
word-break: break-word;
}
@media (max-width: 800px) {
.social-networks__list {
justify-content: center;
gap: 20px 36px;
}
.social-networks__item {
flex: 0 1 136px;
width: 136px;
max-width: 136px;
}
.social-networks__card {
min-height: 128px;
padding: 14px 10px 12px;
}
.social-networks__icon {
width: 52px;
height: 52px;
}
}
@media (max-width: 420px) {
.social-networks__list {
gap: 16px;
}
.social-networks__item {
flex: 0 1 calc(50% - 8px);
width: calc(50% - 8px);
max-width: none;
}
} .image-text {
padding-block: 36px 44px;
}
.image-text__grid {
display: grid;
grid-template-columns: minmax(0, 35%) minmax(0, 1fr);
align-items: center;
gap: 36px 48px;
direction: rtl; }
.image-text--flip .image-text__grid {
direction: ltr; }
.image-text--flip .image-text__body {
direction: rtl;
text-align: right;
}
.image-text__media {
min-width: 0;
}
.image-text__img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: contain;
border-radius: var(--radius-card);
background: transparent;
}
.image-text__placeholder {
width: 100%;
aspect-ratio: 4 / 3;
border-radius: var(--radius-card);
background: transparent;
}
.image-text__body {
min-width: 0;
}
.image-text__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 14px;
}
.image-text__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.image-text__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.image-text__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
line-height: 1.3;
color: var(--c-primary);
}
.image-text__text {
margin: 0;
font-family: var(--font);
font-size: 1.1em;
font-weight: 400;
line-height: 1.8;
color: #6a6f78;
}
.image-text__text p {
display: block;
margin: 0 0 0.85em;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.image-text__text p:last-child {
margin-bottom: 0;
}
.image-text__text p:last-child {
margin-bottom: 0;
}
.image-text__text ul,
.image-text__text ol {
margin: 0 0 0.85em;
padding-inline-start: 1.25em;
list-style: revert;
}
.image-text__text a {
color: var(--c-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
@media (max-width: 800px) {
.image-text {
padding-block: 28px 36px;
}
.image-text__grid,
.image-text--flip .image-text__grid {
grid-template-columns: 1fr;
gap: 20px;
direction: rtl;
}
.image-text__media {
order: -1; }
} .icon-text-box {
--itb-bg: #94e9c8;
--itb-accent: #108155;
padding-block: 28px 36px;
}
.icon-text-box__card {
display: grid;
grid-template-columns: minmax(0, 30%) minmax(0, 1fr);
align-items: center;
gap: 28px 36px;
padding: 28px 32px;
border-radius: 22px;
background: var(--itb-bg);
direction: ltr; }
.icon-text-box--flip .icon-text-box__card {
direction: rtl; }
.icon-text-box__icon {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.icon-text-box__icon img {
display: block;
width: min(100%, 220px);
height: auto;
object-fit: contain;
filter: none;
}
.icon-text-box__body {
min-width: 0;
direction: rtl;
text-align: right;
}
.icon-text-box__title {
margin: 0 0 14px;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
line-height: 1.35;
color: var(--itb-accent);
}
.icon-text-box__content {
font-family: var(--font);
font-size: 1em;
font-weight: 400;
line-height: 1.9;
color: var(--itb-accent);
}
.icon-text-box__content > *:first-child {
margin-top: 0;
}
.icon-text-box__content > *:last-child {
margin-bottom: 0;
}
.icon-text-box__content p,
.icon-text-box__content li {
margin: 0 0 0.55em;
color: inherit;
}
.icon-text-box__content p:last-child,
.icon-text-box__content li:last-child {
margin-bottom: 0;
}
.icon-text-box__content ol,
.icon-text-box__content ul {
margin: 0;
padding: 0;
list-style: none;
}
.icon-text-box__content ol li,
.icon-text-box__content ul li {
position: relative;
margin: 0 0 0.55em;
padding: 0;
color: inherit;
}
.icon-text-box__content ol li:last-child,
.icon-text-box__content ul li:last-child {
margin-bottom: 0;
}
.icon-text-box__content strong {
font-weight: 800;
color: var(--itb-accent);
}
.icon-text-box__actions {
grid-column: 1 / -1;
display: flex;
justify-content: center;
margin-top: 8px;
}
.icon-text-box__cta.btn-first {
background: var(--itb-accent);
color: #fff;
box-shadow: 0 6px 16px color-mix(in srgb, var(--itb-accent) 35%, transparent);
}
.icon-text-box__cta.btn-first:hover {
background: color-mix(in srgb, var(--itb-accent) 82%, #000);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 8px 20px color-mix(in srgb, var(--itb-accent) 45%, transparent);
}
@media (max-width: 800px) {
.icon-text-box__card,
.icon-text-box--flip .icon-text-box__card {
grid-template-columns: 1fr;
gap: 18px;
padding: 22px 18px;
direction: rtl;
}
.icon-text-box__icon {
order: -1;
}
.icon-text-box__icon img {
width: min(100%, 160px);
}
} .ch-paragraph {
padding-block: 28px 36px;
--ch-pg-mark: #9b9b9b;
}
.ch-paragraph__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 22px;
}
.ch-paragraph__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.ch-paragraph__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.ch-paragraph__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.ch-paragraph__content {
font-family: var(--font);
font-size: 1em;
font-weight: 400;
line-height: 1.8;
color: #6a6f78;
overflow-wrap: break-word;
}
.ch-paragraph__content > *:first-child {
margin-top: 0;
}
.ch-paragraph__content > *:last-child {
margin-bottom: 0;
}
.ch-paragraph__content h2 {
display: flex;
align-items: center;
gap: 10px;
margin: 2em 0 0.85em;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.ch-paragraph__content > h2:first-child {
margin-top: 0;
}
.ch-paragraph__content h2::before {
content: '';
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.ch-paragraph__content h3 {
margin: 1.6em 0 0.65em;
font-size: clamp(15px, 1.6vw, 17px);
font-weight: 800;
color: var(--c-text, #1c1f24);
line-height: 1.4;
}
.ch-paragraph__content p {
display: block;
margin: 0 0 1em;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.ch-paragraph__content p:last-child {
margin-bottom: 0;
}
.ch-paragraph__content a {
color: var(--c-primary);
text-decoration: underline;
text-underline-offset: 2px;
}
.ch-paragraph__content ul {
margin: 0 0 1em;
padding: 0;
list-style: none;
}
.ch-paragraph__content ul li {
position: relative;
margin: 0 0 0.55em;
padding-inline-start: 1.35em;
}
.ch-paragraph__content ul li:last-child {
margin-bottom: 0;
}
.ch-paragraph__content ul li::before {
content: '';
position: absolute;
inset-inline-start: 0;
top: 0.55em;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 9px 5px 0;
border-color: transparent var(--ch-pg-mark, #9b9b9b) transparent transparent;
}
.ch-paragraph__content ol {
margin: 0 0 1em;
padding-inline-start: 1.35em;
list-style: decimal;
}
.ch-paragraph__content img {
display: block;
max-width: 90%;
width: auto;
height: auto;
margin-block: 1.5em;
margin-inline: auto;
}
.ch-paragraph__content figure {
margin-block: 1.5em;
margin-inline: 0;
max-width: 90%;
}
.ch-paragraph__content figure img {
max-width: 100%;
margin-block: 0;
}
.ch-paragraph__content figcaption {
margin-top: 0.5em;
font-size: 0.9em;
color: #8a9099;
text-align: center;
} .ch-paragraph__content .ch-table-wrap,
.ch-paragraph__content figure.wp-block-table {
display: block;
width: 100%;
max-width: 100%;
margin: 1.35em 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 14px;
border: 1px solid #ebe7e2;
background: #fff;
box-shadow: 0 8px 24px rgba(18, 21, 26, 0.04);
}
.ch-paragraph__content .ch-table-wrap:focus-visible,
.ch-paragraph__content figure.wp-block-table:focus-visible {
outline: 2px solid color-mix(in srgb, var(--c-primary) 55%, transparent);
outline-offset: 2px;
}
.ch-paragraph__content table {
width: 100% !important;
max-width: 100%;
min-width: 280px;
margin: 0 !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
border: 0 !important;
background: #fff !important;
color: var(--c-text);
font-size: 0.95em;
line-height: 1.55;
table-layout: auto;
}
.ch-paragraph__content table caption {
caption-side: top;
padding: 0.85em 1em 0.55em;
font-weight: 700;
font-size: 0.92em;
color: var(--c-primary);
text-align: start;
background: #fffaf7;
}
.ch-paragraph__content thead {
background: linear-gradient(180deg, #fff4ee 0%, #ffe8dc 100%) !important;
}
.ch-paragraph__content th,
.ch-paragraph__content td {
padding: 0.75em 1em !important;
border: 0 !important;
border-bottom: 1px solid #efeae4 !important;
border-inline-end: 1px solid #f3efe9 !important;
background: transparent !important;
color: inherit !important;
vertical-align: middle !important;
text-align: start !important;
word-break: break-word;
}
.ch-paragraph__content th:last-child,
.ch-paragraph__content td:last-child {
border-inline-end: 0 !important;
}
.ch-paragraph__content th {
font-weight: 800 !important;
color: var(--c-primary) !important;
white-space: nowrap;
letter-spacing: -0.01em;
}
.ch-paragraph__content tbody tr:nth-child(even) td {
background: #fbfaf8 !important;
}
.ch-paragraph__content tbody tr:hover td {
background: #fff3ec !important;
}
.ch-paragraph__content tbody tr:last-child th,
.ch-paragraph__content tbody tr:last-child td,
.ch-paragraph__content tfoot tr:last-child th,
.ch-paragraph__content tfoot tr:last-child td {
border-bottom: 0 !important;
}
.ch-paragraph__content tfoot td,
.ch-paragraph__content tfoot th {
background: #f7f5f2 !important;
font-weight: 700 !important;
} .ch-paragraph__content table:not(:has(thead)) > tr:first-child > th,
.ch-paragraph__content table:not(:has(thead)) > tr:first-child > td,
.ch-paragraph__content table:not(:has(thead)) > tbody > tr:first-child > th,
.ch-paragraph__content table:not(:has(thead)) > tbody > tr:first-child > td {
background: linear-gradient(180deg, #fff4ee 0%, #ffe8dc 100%) !important;
color: var(--c-primary) !important;
font-weight: 800 !important;
}
.ch-paragraph__content .ch-table-wrap > table,
.ch-paragraph__content figure.wp-block-table table {
border-radius: 0;
}
@media (max-width: 640px) {
.ch-paragraph__content th,
.ch-paragraph__content td {
padding: 0.65em 0.8em !important;
font-size: 0.9em;
}
.ch-paragraph__content th {
white-space: normal;
}
} article.single-post {
padding-block: 48px 56px;
}
.single-post__title {
margin: 0;
font-size: clamp(22px, 3vw, 34px);
font-weight: 800;
line-height: 1.35;
color: var(--c-text);
}
.single-post__credits {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 14px 0 0;
padding: 0;
list-style: none;
}
.single-post__credit {
display: inline-flex;
align-items: baseline;
gap: 6px;
max-width: 100%;
padding: 6px 12px;
border-radius: var(--radius-pill);
background: #fff7f3;
border: 1px solid #ffe4d8;
color: var(--c-text);
font-size: 12.5px;
font-weight: 600;
line-height: 1.4;
}
.single-post__credit-label {
color: var(--c-primary);
font-weight: 800;
white-space: nowrap;
}
.single-post__credit-label::after {
content: ":";
}
.single-post__credit-value {
min-width: 0;
word-break: break-word;
}
.single-post--blog .single-post__thumb {
display: block;
width: 60%;
max-width: 100%;
margin: 28px auto 36px;
padding: 0;
}
.single-post--blog .single-post__thumb img,
.single-post--blog .single-post__thumb picture img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
border-radius: 14px;
}
.single-post__content {
margin-top: 8px;
}
@media (max-width: 640px) {
.single-post--blog .single-post__thumb {
width: 100%;
margin-block: 20px 28px;
}
}
.single-comments {
padding-block: 8px 56px;
}
.single-comments .wpd-wrapper,
.single-comments #wpdcom,
.single-comments .comments-area {
max-width: 100%;
} .blog-grid {
padding-block: 28px 40px;
}
.blog-grid__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 22px;
}
.blog-grid__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.blog-grid__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.blog-grid__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.blog-grid__view-all {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
background: #ffe4d8;
color: var(--c-primary);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
transition: background .2s ease, transform .2s ease;
}
.blog-grid__view-all:hover {
background: #ffd4c2;
transform: translateY(-1px);
}
.blog-grid__filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 24px;
}
.blog-grid__filter:not(.is-active) {
background: #ffe4d8;
color: var(--c-primary);
box-shadow: none;
}
.blog-grid__filter:not(.is-active):hover {
background: #ffd4c2;
box-shadow: none;
}
.blog-grid__stage {
position: relative;
min-height: 120px;
}
.blog-grid__loading {
position: absolute;
inset: 0;
z-index: 3;
display: none;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .72);
backdrop-filter: blur(1px);
}
.blog-grid.is-loading .blog-grid__loading {
display: flex;
}
.blog-grid__spinner {
width: 36px;
height: 36px;
border: 3px solid #ffe4d8;
border-top-color: var(--c-primary);
border-radius: 50%;
animation: blog-grid-spin .7s linear infinite;
}
@keyframes blog-grid-spin {
to { transform: rotate(360deg); }
}
.blog-grid.is-loading .blog-grid__grid {
pointer-events: none;
opacity: .45;
transition: opacity .2s ease;
}
.blog-grid__grid {
display: grid;
grid-template-columns: repeat(var(--bg-cols, 2), minmax(0, 1fr));
gap: 28px 24px;
transition: opacity .2s ease;
}
.blog-grid__empty {
grid-column: 1 / -1;
margin: 0;
padding: 28px 0;
text-align: center;
color: #7a8088;
font-size: 14px;
}
.bg-card {
display: flex;
flex-direction: column;
min-width: 0;
} .bg-card__hero {
--bg-cut-left: 70%; --bg-cut-right: 52%;
--bg-slash: 2.8%;
position: relative;
display: block;
aspect-ratio: 16 / 12;
overflow: hidden;
border-radius: 4px 4px 0 0;
background: #ffd9ce;
color: inherit;
}
.bg-card__img,
.bg-card__ph {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
clip-path: polygon(
0 0,
100% 0,
100% var(--bg-cut-right),
0 var(--bg-cut-left)
);
}
.bg-card__ph {
display: block;
background: linear-gradient(135deg, #e8ebf0, #d5dae2);
}
.bg-card__slash {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background: #fff;
clip-path: polygon(
0 calc(var(--bg-cut-left) - var(--bg-slash)),
100% calc(var(--bg-cut-right) - var(--bg-slash)),
100% var(--bg-cut-right),
0 var(--bg-cut-left)
);
}
.bg-card__badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 6px;
height: 28px;
padding: 0 11px;
border-radius: var(--radius-pill);
background: rgba(255, 255, 255, .92);
color: var(--c-primary);
font-size: 12px;
font-weight: 700;
line-height: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.bg-card__badge-icon {
flex: 0 0 auto;
display: block;
}
.bg-card__credits {
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
max-width: min(58%, 220px);
pointer-events: none;
}
.bg-card__credit {
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;
justify-content: flex-end;
gap: 4px 6px;
max-width: 100%;
padding: 5px 10px;
border-radius: var(--radius-pill);
background: rgba(255, 255, 255, .92);
color: var(--c-text);
font-size: 11px;
font-weight: 600;
line-height: 1.35;
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.bg-card__credit-label {
color: var(--c-primary);
font-weight: 800;
white-space: nowrap;
}
.bg-card__credit-label::after {
content: ":";
}
.bg-card__credit-value {
min-width: 0;
word-break: break-word;
}
.bg-card__title-band {
position: absolute;
inset: 0;
z-index: 1;
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding: 0 18px 16px;
pointer-events: none;
}
.bg-card__title {
display: -webkit-box;
margin: 0;
max-width: 100%;
font-size: clamp(15px, 1.5vw, 19px);
font-weight: 800;
line-height: 1.45;
color: var(--c-primary);
text-align: right;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bg-card__hero:hover .bg-card__title {
text-decoration: underline;
text-underline-offset: 3px;
}
.bg-card__body {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 14px;
}
.bg-card__excerpt {
margin: 0;
font-size: 13.5px;
line-height: 1.75;
color: #6a7078;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bg-card__date {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 4px 0 0;
font-size: 12.5px;
font-weight: 600;
color: #8a9098;
}
.bg-card__date-icon {
flex: 0 0 auto;
color: var(--c-primary);
}
.blog-grid__pager {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 32px;
direction: rtl;
}
.blog-grid__pager.is-empty,
.blog-grid__pager[hidden] {
display: none;
}
.blog-grid__nav {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: #33363b;
cursor: pointer;
transition: color .2s ease, opacity .2s ease, transform .2s ease;
}
.blog-grid__nav:hover:not(:disabled):not(.is-disabled) {
color: var(--c-primary);
transform: scale(1.06);
}
.blog-grid__nav:disabled,
.blog-grid__nav.is-disabled {
opacity: .35;
cursor: not-allowed;
transform: none;
pointer-events: none;
}
.blog-grid__pages {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.blog-grid__page {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 2px 0 0; border: 0;
border-radius: 50%;
background: #e6e6e6;
color: #111;
font-size: 13px;
font-weight: 800;
line-height: 1;
cursor: pointer;
transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.blog-grid__page:hover:not(.is-active) {
background: #d8d8d8;
}
.blog-grid__page.is-active {
background: var(--c-primary);
color: #fff;
cursor: default;
transform: none;
}
@media (max-width: 760px) {
.blog-grid__grid {
grid-template-columns: 1fr;
gap: 22px;
}
} .search-page {
padding-block: 28px 56px;
}
.search-page__head {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 14px;
}
.search-page__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.search-page__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.search-page__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.search-page__count {
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
padding: 0 16px;
border-radius: var(--radius-pill);
background: #ffe4d8;
color: var(--c-primary);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
}
.search-page__query {
margin: 0 0 18px;
font-size: 14px;
color: #6a6f78;
}
.search-page__query strong {
color: var(--c-text);
font-weight: 800;
}
.category-archive__description {
max-width: 780px;
margin: 0 0 24px;
color: #6a6f78;
font-size: 14px;
line-height: 1.9;
}
.category-archive__description > :first-child {
margin-top: 0;
}
.category-archive__description > :last-child {
margin-bottom: 0;
}
.search-page__form {
display: flex;
align-items: center;
gap: 8px;
width: min(100%, 520px);
margin-bottom: 28px;
padding: 6px;
border-radius: var(--radius-pill);
background: #f4f5f7;
border: 1px solid #e6e8ec;
}
.search-page__form input[type="search"] {
flex: 1;
min-width: 0;
height: 34px;
padding: 0 14px;
border: 0;
outline: 0;
background: transparent;
color: var(--c-text);
font-size: 13.5px;
}
.search-page__form input[type="search"]::placeholder {
color: #9aa0a8;
}
.search-page__form input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.search-page__grid {
margin-top: 8px;
}
.search-page__pager {
margin-top: 36px;
}
.search-page__empty {
padding: 36px 16px 20px;
text-align: center;
}
.search-page__empty-title {
margin: 0 0 8px;
font-size: clamp(18px, 2.2vw, 22px);
font-weight: 800;
color: var(--c-text);
}
.search-page__empty-text {
margin: 0 auto 22px;
max-width: 32em;
font-size: 14px;
line-height: 1.9;
color: #7a8088;
}
.search-page__empty-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px 18px;
}
.search-page__ghost {
font-size: 13px;
font-weight: 700;
color: #6a6f78;
border-bottom: 1px solid transparent;
transition: color .2s ease, border-color .2s ease;
}
.search-page__ghost:hover {
color: var(--c-primary);
border-bottom-color: rgba(240, 80, 30, .55);
}
@media (max-width: 640px) {
.search-page__form {
flex-direction: column;
align-items: stretch;
border-radius: 18px;
padding: 10px;
}
.search-page__form .btn-first {
width: 100%;
}
} .home-faq {
--faq-section-bg: transparent;
--faq-item-bg: #ffd9ce;
--faq-title: #ff3c00;
--faq-text: #5e5e5e;
--faq-icon: #ff9777;
--faq-cat-bg: #fff;
--faq-cat-active: #ff3c00;
--faq-cat-active-bg: rgba(255, 60, 0, 0.08);
--faq-search-bg: #fff;
--faq-border: rgba(0, 0, 0, 0.06);
padding-block: 40px 32px;
background: var(--faq-section-bg);
}
.home-faq--orange {
--faq-section-bg: #fff4ef;
--faq-item-bg: #ffd9ce;
--faq-title: #ff3c00;
--faq-icon: #ff9777;
--faq-cat-active: #ff3c00;
--faq-cat-active-bg: rgba(255, 60, 0, 0.1);
}
.home-faq--orange-soft {
--faq-section-bg: #fffaf7;
--faq-item-bg: #ffe8df;
--faq-title: #e85a2a;
--faq-icon: #f0a588;
--faq-cat-active: #e85a2a;
--faq-cat-active-bg: rgba(232, 90, 42, 0.1);
}
.home-faq--blue {
--faq-section-bg: #eef5ff;
--faq-item-bg: #d6e6ff;
--faq-title: #1d5bbf;
--faq-icon: #6b9adf;
--faq-cat-active: #1d5bbf;
--faq-cat-active-bg: rgba(29, 91, 191, 0.1);
}
.home-faq--blue-soft {
--faq-section-bg: #f7faff;
--faq-item-bg: #e8f0ff;
--faq-title: #3a6fbf;
--faq-icon: #8eb0e0;
--faq-cat-active: #3a6fbf;
--faq-cat-active-bg: rgba(58, 111, 191, 0.1);
}
.home-faq--green {
--faq-section-bg: #eefaf4;
--faq-item-bg: #cfeedd;
--faq-title: #108155;
--faq-icon: #4caf85;
--faq-cat-active: #108155;
--faq-cat-active-bg: rgba(16, 129, 85, 0.1);
}
.home-faq--green-soft {
--faq-section-bg: #f6fcf9;
--faq-item-bg: #e3f6ec;
--faq-title: #2a9a6a;
--faq-icon: #7bc4a2;
--faq-cat-active: #2a9a6a;
--faq-cat-active-bg: rgba(42, 154, 106, 0.1);
}
.home-faq__head {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 14px;
margin-bottom: 22px;
}
.home-faq__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.home-faq__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.home-faq__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.3;
}
.home-faq__subtitle {
margin: -8px 0 22px;
max-width: 42rem;
color: var(--faq-text);
font-size: 14.5px;
line-height: 1.75;
opacity: 0.92;
}
.home-faq__layout {
display: grid;
grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
gap: 22px;
align-items: start;
}
.home-faq__cats {
position: sticky;
top: 96px;
background: var(--faq-cat-bg);
border: 1px solid var(--faq-border);
border-radius: 14px;
padding: 10px;
box-shadow: 0 8px 28px rgba(18, 21, 26, 0.04);
}
.home-faq__cat-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.home-faq__cat-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 11px 12px;
border: 0;
border-radius: 10px;
background: transparent;
color: var(--c-text);
cursor: pointer;
text-align: right;
font-size: 13.5px;
font-weight: 700;
transition: background .2s ease, color .2s ease, transform .15s ease;
}
.home-faq__cat-btn:hover {
background: rgba(0, 0, 0, 0.04);
}
.home-faq__cat-btn.is-active {
background: var(--faq-cat-active-bg);
color: var(--faq-cat-active);
}
.home-faq__cat-name {
min-width: 0;
flex: 1 1 auto;
line-height: 1.45;
}
.home-faq__cat-count {
flex: 0 0 auto;
min-width: 1.6em;
padding: 2px 7px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.06);
font-size: 11.5px;
font-weight: 700;
color: inherit;
opacity: 0.85;
}
.home-faq__cat-btn.is-active .home-faq__cat-count {
background: rgba(255, 255, 255, 0.55);
}
.home-faq__main {
min-width: 0;
}
.home-faq__toolbar {
margin-bottom: 12px;
}
.home-faq__search-wrap {
position: relative;
}
.home-faq__search-icon {
position: absolute;
top: 50%;
right: 14px;
transform: translateY(-50%);
color: #9aa3af;
pointer-events: none;
}
.home-faq__search {
width: 100%;
height: 44px;
padding: 0 42px 0 14px;
border: 1px solid var(--faq-border);
border-radius: 12px;
background: var(--faq-search-bg);
color: var(--c-text);
font-size: 13.5px;
outline: none;
transition: border-color .2s ease, box-shadow .2s ease;
}
.home-faq__search:focus {
border-color: color-mix(in srgb, var(--faq-cat-active) 45%, #ccc);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--faq-cat-active) 16%, transparent);
}
.home-faq__panel-wrap {
position: relative;
min-height: 120px;
}
.home-faq__panel-wrap.is-loading .home-faq__list {
opacity: 0.35;
pointer-events: none;
}
.home-faq__loading {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: color-mix(in srgb, var(--faq-section-bg) 70%, #fff);
border-radius: 12px;
color: var(--faq-title);
font-size: 13.5px;
font-weight: 700;
}
.home-faq__loading[hidden] {
display: none !important;
}
.home-faq__spinner {
width: 22px;
height: 22px;
border: 2.5px solid color-mix(in srgb, var(--faq-title) 25%, transparent);
border-top-color: var(--faq-title);
border-radius: 50%;
animation: home-faq-spin .7s linear infinite;
}
@keyframes home-faq-spin {
to { transform: rotate(360deg); }
}
.home-faq__list {
display: flex;
flex-direction: column;
gap: 10px;
}
.home-faq__empty {
margin: 0;
padding: 18px 20px;
background: var(--faq-item-bg);
color: var(--faq-text);
font-size: 14px;
border-radius: 8px;
}
.home-faq__empty--soft {
background: transparent;
border: 1px dashed var(--faq-border);
text-align: center;
}
.home-faq .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.faq-acc {
background: var(--faq-item-bg);
border-radius: 8px;
overflow: hidden;
transition: box-shadow .2s ease, transform .2s ease;
}
.faq-acc:hover {
box-shadow: 0 6px 18px rgba(18, 21, 26, 0.05);
}
.faq-acc.is-hidden {
display: none;
}
.faq-acc__btn {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 18px;
border: 0;
background: transparent;
cursor: pointer;
text-align: right;
color: var(--faq-title);
}
.faq-acc__q {
flex: 1 1 auto;
min-width: 0;
font-size: clamp(14px, 1.4vw, 16px);
font-weight: 800;
line-height: 1.5;
}
.faq-acc__icon {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--faq-icon);
transition: transform .38s ease;
}
.faq-acc.is-open .faq-acc__icon {
transform: rotate(180deg);
}
.faq-acc__panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows .38s ease;
}
.faq-acc.is-open .faq-acc__panel {
grid-template-rows: 1fr;
}
.faq-acc__answer {
overflow: hidden;
min-height: 0;
padding: 0 18px 16px;
color: var(--faq-text);
font-size: 13.5px;
line-height: 1.85;
opacity: 0;
transition: opacity .2s ease;
}
.faq-acc.is-open .faq-acc__answer {
opacity: 1;
transition: opacity .28s ease .08s;
}
.faq-acc__answer p {
margin: 0 0 .7em;
}
.faq-acc__answer p:last-child {
margin-bottom: 0;
}
.faq-acc__answer a {
color: var(--faq-title);
text-decoration: underline;
}
@media (max-width: 860px) {
.home-faq__layout {
grid-template-columns: 1fr;
gap: 16px;
}
.home-faq__cats {
position: static;
padding: 8px;
}
.home-faq__cat-list {
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
gap: 6px;
padding-bottom: 2px;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
.home-faq__cat-list > li {
flex: 0 0 auto;
}
.home-faq__cat-btn {
white-space: nowrap;
padding: 9px 12px;
}
} .site-footer {
background: var(--c-primary);
color: #fff;
margin-top: 70px;
padding-block: 56px 22px;
}
.footer-grid {
display: grid;
grid-template-columns: 1.05fr .85fr auto 1.25fr;
gap: clamp(28px, 4vw, 56px);
align-items: start;
} .footer-links {
border-inline-start: 5px solid #ff9877;
padding-inline-start: 20px;
}
.footer-links h3 {
font-size: 16px;
font-weight: 800;
margin-bottom: 16px;
}
.footer-links a {
display: inline-block;
font-size: 13.5px;
font-weight: 300;
padding-block: 6px;
opacity: .95;
transition: opacity .2s ease, transform .2s ease;
}
.footer-links a:hover {
opacity: 1;
transform: translateX(-4px);
}
.footer-badges {
align-self: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
}
.footer-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
padding: 8px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(255, 255, 255, 0.06);
box-sizing: border-box;
transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
a.footer-badge:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.32);
transform: translateY(-1px);
}
.footer-badge img {
display: block;
width: 100%;
height: 100%;
max-width: 56px;
max-height: 56px;
object-fit: contain;
} .footer-brand {
justify-self: left;
text-align: left;
}
.footer-logo {
display: block;
width: 175px;
height: auto;
max-width: 100%;
margin-left: 0;
margin-right: auto;
}
.footer-loc {
font-size: 15px;
font-weight: 800;
margin: 16px 0 4px;
}
.footer-brand address p,
.footer-brand address a {
font-size: 13px;
font-weight: 300;
line-height: 2;
}
.footer-socials {
display: flex;
justify-content: left;
gap: 16px;
margin-top: 18px;
}
.footer-socials a {
display: flex;
width: 24px;
height: 24px;
opacity: .95;
transition: opacity .2s ease, transform .2s ease;
}
.footer-socials a:hover { opacity: 1; transform: translateY(-2px); }
.footer-socials svg { width: 100%; height: 100%; } .footer-bottom {
text-align: center;
margin-top: 48px;
font-size: 12px;
font-weight: 300;
line-height: 2.1;
}
.footer-bottom a { font-weight: 700; }
.footer-copy-fa { font-size: 11.5px; opacity: .9; }
.footer-copy-en {
font-size: 11px;
letter-spacing: 1.5px;
opacity: .85;
} @media (max-width: 1240px) {
.brand { transform: translateX(calc(-50% - 14px)) scale(.9); }
}
@media (max-width: 1080px) {
.main-nav { display: none; }
.header-actions .search-box { display: none; }
.menu-toggle { display: flex; }
.mobile-menu { display: block; }
.brand { transform: translateX(calc(-50% - 10px)) scale(.82); } .header-actions {
position: absolute;
top: 6px;
left: clamp(10px, 3vw, 20px);
right: auto;
z-index: 5;
height: auto;
margin: 0;
} .menu-toggle {
position: absolute;
top: 0;
inset-inline-start: clamp(10px, 3vw, 20px);
z-index: 5;
width: 40px;
height: var(--header-bar);
padding: 0;
gap: 5px;
justify-content: center;
align-items: center;
order: 0;
}
.menu-toggle span {
width: 22px;
background: #fff;
}
.footer-grid { grid-template-columns: 1fr 1fr; }
.footer-badges { justify-self: center; }
}
@media (max-width: 860px) {
.hero-card,
.hero-card--flip { flex-direction: column-reverse; min-height: 0; }
.hero-visual { flex: none; width: 100%; min-height: 320px; }
.hero-visual img,
.hero-card--flip .hero-visual img {
-webkit-mask-image: linear-gradient(to bottom, #000 var(--hero-fade-mobile, 65%), transparent 100%);
mask-image: linear-gradient(to bottom, #000 var(--hero-fade-mobile, 65%), transparent 100%);
}
.hero-content,
.hero-card--flip .hero-content {
padding: 8px 28px 40px;
align-items: center;
text-align: center;
}
.hero-cta { align-self: center; }
.hero-card--fill {
flex-direction: column;
min-height: 420px;
}
.hero-card--fill .hero-visual {
position: absolute;
inset: 0;
width: auto;
min-height: 0;
}
.hero-card--fill .hero-content,
.hero-card--fill.hero-card--flip .hero-content {
max-width: none;
margin-inline-start: 0;
padding: 36px 28px 40px;
}
.hero--image .hero-banner__img {
max-height: min(420px, 58vh);
}
.hero--image .hero-banner__cta {
bottom: var(--hero-banner-cta-b-m);
right: var(--hero-banner-cta-r-m);
}
.services-strips__row {
min-height: 78px;
gap: 10px;
}
.services-strips__panel {
gap: 14px;
padding: 0 22px;
}
.services-strips__icon { height: 44px; max-width: 60px; }
.services-strips__title { font-size: 24px; }
.services-strips__dividers { gap: 10px; }
.services-strips__bar { width: 18px; }
.unit-intro__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.unit-intro__nav { order: -1; }
.unit-intro__tab.is-active::after { display: none; }
.unit-intro__panel.is-active::after { display: none; }
.unit-intro__bubble {
border-radius: 80px 0 0 0;
height: auto;
min-height: 320px;
}
.event-carousel__frame {
aspect-ratio: auto;
min-height: 340px;
border-radius: 0;
}
.event-carousel__center { padding: 56px 20px 100px; }
.event-carousel__action { bottom: 88px; left: 16px; }
.event-carousel__dots { width: 180px; }
.instructors__carousel { gap: 12px; }
.instructors__nav { width: 28px; }
.home-blog__grid {
grid-template-columns: 1fr;
max-height: none;
}
.blog-featured {
order: -1;
max-height: 580px;
min-height: 0;
height: auto;
}
.blog-featured__media {
min-height: 220px;
max-height: 420px;
}
.blog-item {
min-height: 96px;
}
.blog-item__media {
flex-basis: 96px;
width: 96px;
height: 96px;
}
.instructor-card { width: min(220px, 70vw); }
}
@media (max-width: 450px) {
.btn-app__label--desktop {
display: none;
}
.btn-app__label--mobile {
display: inline;
}
}
@media (max-width: 640px) {
:root {
--header-h: 110px;
--header-bar: 28px;
}
.header-inner {
height: 60px;
}
.brand { transform: translateX(calc(-50% - 8px)) scale(.72); }
.brand-logo { width: 100px; } .hero { padding-block: 8px 10px; }
.btn-first,
.btn-app,
.hero-cta {
height: 32px;
padding: 0 14px;
font-size: 12.5px;
}
.unit-intro__bubble { padding: 22px 18px 18px; height: auto; min-height: 280px; }
.unit-intro__cta { max-width: 100%; white-space: normal; height: auto; min-height: 32px; padding: 8px 14px; line-height: 1.4; }
.event-carousel__frame { min-height: 300px; }
.event-carousel__logo { top: 12px; right: 14px; width: 64px; }
.event-carousel__title { font-size: 22px; }
.event-carousel__subtitle { font-size: 14px; }
.event-carousel__text { font-size: 11px; }
.event-carousel__action { bottom: 72px; gap: 4px; }
.event-carousel__deadline-date { font-size: 13px; }
.event-carousel__dots { width: 150px; }
.event-carousel__dots-list { gap: 9px; padding: 0 14px 0 10px; top: 62%; }
.event-carousel__dot { width: 10px; height: 10px; }
.instructors__head { flex-wrap: wrap; margin-bottom: 16px; }
.instructors__title { font-size: 16px; }
.instructor-card { width: min(200px, 78vw); }
.instructor-card__last { font-size: 24px; }
.footer-grid { grid-template-columns: 1fr; }
.footer-links { border-inline-start-width: 0; padding-inline-start: 0; }
.footer-brand { justify-self: left; text-align: left; }
.services-strips__row {
min-height: 64px;
gap: 8px;
}
.services-strips__panel {
gap: 10px;
padding: 0 14px;
}
.services-strips__icon { height: 34px; max-width: 46px; }
.services-strips__title { font-size: 18px; }
.services-strips__dividers { gap: 8px; }
.services-strips__bar { width: 12px; }
} body.login-page-body {
margin: 0;
min-height: 100vh;
background: #f7f7f7;
}
body.login-page-body #wpadminbar {
display: none !important;
}
.login-page {
direction: ltr;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
min-height: 100vh;
width: 100%;
}
.login-page__visual {
position: relative;
min-height: 100vh;
background:
var(--login-bg) center / cover no-repeat,
#12151a;
overflow: hidden;
}
.login-page__visual-shade {
position: absolute;
inset: 0;
background:
linear-gradient(to top, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .25) 42%, rgba(0, 0, 0, .35) 100%);
pointer-events: none;
}
.login-page__tagline {
position: absolute;
left: clamp(24px, 4vw, 48px);
bottom: clamp(28px, 5vh, 56px);
z-index: 1;
margin: 0;
max-width: min(420px, 80%);
color: #fff;
font-family: var(--font);
font-size: clamp(22px, 3vw, 34px);
font-weight: 800;
line-height: 1.5;
text-shadow: 0 2px 18px rgba(0, 0, 0, .45);
direction: rtl;
}
.login-page__panel {
direction: rtl;
display: flex;
align-items: center;
justify-content: center;
padding: clamp(28px, 5vw, 56px) clamp(20px, 4vw, 48px);
background: #fafafa;
}
.login-page__card {
width: 100%;
max-width: 380px;
}
.login-page__logo {
display: inline-flex;
margin-bottom: 28px;
}
.login-page__logo img {
display: block;
width: auto;
height: 64px;
object-fit: contain;
}
.login-page__title {
margin: 0 0 8px;
font-size: clamp(20px, 2.2vw, 26px);
font-weight: 800;
color: #2f3237;
line-height: 1.35;
}
.login-page__lead {
margin: 0 0 22px;
font-size: 13.5px;
color: #7a8088;
line-height: 1.7;
}
.login-page__error {
margin: 0 0 16px;
padding: 12px 14px;
border-radius: 10px;
background: #ffece8;
color: #c0392b;
font-size: 13px;
font-weight: 600;
line-height: 1.6;
}
.login-page__form {
display: flex;
flex-direction: column;
gap: 14px;
}
.login-page__field {
display: flex;
flex-direction: column;
gap: 7px;
font-size: 13px;
font-weight: 700;
color: #4b4e53;
}
.login-page__field input {
height: 44px;
padding: 0 14px;
border: 1px solid #ddd;
border-radius: 10px;
background: #fff;
color: #333;
font-family: inherit;
font-size: 14px;
font-weight: 500;
outline: none;
transition: border-color .2s ease, box-shadow .2s ease;
}
.login-page__field input:focus {
border-color: var(--c-primary);
box-shadow: 0 0 0 3px rgba(240, 80, 30, .15);
}
.login-page__remember {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #5a5e64;
cursor: pointer;
user-select: none;
}
.login-page__remember input {
width: 16px;
height: 16px;
accent-color: var(--c-primary);
}
.login-page__submit {
width: 100%;
margin-top: 4px;
justify-content: center;
}
.login-page__links {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
margin: 22px 0 0;
font-size: 12.5px;
}
.login-page__links a {
color: #7a8088;
transition: color .2s ease;
}
.login-page__links a:hover {
color: var(--c-primary);
}
@media (max-width: 900px) {
.login-page {
grid-template-columns: 1fr;
grid-template-rows: minmax(220px, 34vh) auto;
}
.login-page__visual {
min-height: 220px;
}
.login-page__tagline {
font-size: 20px;
bottom: 20px;
left: 20px;
}
.login-page__panel {
align-items: flex-start;
padding-block: 32px 48px;
}
} body.error404 {
background: #07080a;
}
body.error404 #main {
padding: 0;
}
.page-404 {
position: relative;
color: #f3f4f6;
background: #07080a;
overflow: clip;
}
.page-404__stage {
position: relative;
display: grid;
align-content: end;
min-height: min(92vh, 920px);
isolation: isolate;
}
.page-404__visual {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
background: #07080a;
animation: page-404-fade .9s ease both;
}
.page-404__art {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 42%;
transform: scale(1.03);
animation: page-404-drift 18s ease-in-out alternate both;
}
.page-404__shade {
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(180deg, rgba(7, 8, 10, .35) 0%, rgba(7, 8, 10, .15) 38%, rgba(7, 8, 10, .78) 72%, rgba(7, 8, 10, .96) 100%),
radial-gradient(ellipse 70% 55% at 50% 40%, transparent 0%, rgba(7, 8, 10, .45) 100%);
}
.page-404__panel {
position: relative;
z-index: 1;
width: min(640px, calc(100% - 32px));
margin: 0 auto;
padding: 28px 0 48px;
text-align: center;
animation: page-404-rise .7s ease .15s both;
}
.page-404__code {
margin: 0 0 8px;
font-size: clamp(13px, 1.6vw, 15px);
font-weight: 800;
letter-spacing: .18em;
color: #ffb089;
text-shadow: 0 0 24px rgba(240, 80, 30, .35);
}
.page-404__title {
margin: 0 0 12px;
font-size: clamp(22px, 3.4vw, 34px);
font-weight: 800;
line-height: 1.35;
color: #fff;
}
.page-404__lead {
margin: 0 auto 22px;
max-width: 34em;
font-size: clamp(13.5px, 1.5vw, 15.5px);
line-height: 1.9;
color: rgba(243, 244, 246, .78);
}
.page-404__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px 18px;
margin-bottom: 18px;
}
.page-404__search {
display: flex;
align-items: center;
gap: 8px;
width: min(100%, 440px);
margin-inline: auto;
padding: 6px;
border-radius: var(--radius-pill);
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .12);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.page-404__search input[type="search"] {
flex: 1;
min-width: 0;
height: 34px;
padding: 0 14px;
border: 0;
outline: 0;
background: transparent;
color: #fff;
font-size: 13.5px;
}
.page-404__search input[type="search"]::placeholder {
color: rgba(243, 244, 246, .45);
}
.page-404__search input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
@keyframes page-404-fade {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes page-404-rise {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes page-404-drift {
from { transform: scale(1.03) translate3d(0, 0, 0); }
to { transform: scale(1.06) translate3d(0, -1.2%, 0); }
}
@media (max-width: 640px) {
.page-404__stage {
min-height: min(88vh, 760px);
}
.page-404__art {
object-position: center 36%;
}
.page-404__panel {
padding-bottom: 36px;
}
.page-404__search {
flex-direction: column;
align-items: stretch;
border-radius: 18px;
padding: 10px;
}
.page-404__search .btn-first {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.page-404__visual,
.page-404__panel,
.page-404__art {
animation: none;
}
.page-404__art {
transform: none;
}
} .consult-form {
--cf-green: #108155;
--cf-green-deep: #0c6a45;
--cf-mint: #d8f5e8;
--cf-mint-soft: #eafaf2;
--cf-label: #0f6b48;
--cf-muted: #6b7c74;
--cf-white: #ffffff;
--cf-danger: #c0392b;
padding-block: 28px 48px;
scroll-margin-top: calc(var(--header-bar) + var(--header-h) + 16px);
}
.consult-form__shell {
max-width: 520px;
margin-inline: auto;
}
.consult-form__head {
text-align: center;
margin-bottom: 22px;
}
.consult-form__title {
margin: 0;
font-size: clamp(26px, 3.2vw, 34px);
font-weight: 800;
color: var(--cf-green);
line-height: 1.25;
}
.consult-form__subtitle {
margin: 10px 0 0;
font-size: 15px;
font-weight: 500;
color: var(--cf-muted);
line-height: 1.6;
}
.consult-form__panel {
background: linear-gradient(180deg, var(--cf-mint) 0%, var(--cf-mint-soft) 100%);
border-radius: 28px;
padding: clamp(22px, 4vw, 32px);
box-shadow: 0 18px 40px rgba(16, 129, 85, 0.1);
position: relative;
}
.consult-form__form {
display: flex;
flex-direction: column;
gap: 16px;
}
.consult-form__hp {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.consult-form__field {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
}
.consult-form__label {
font-size: 14px;
font-weight: 700;
color: var(--cf-label);
}
.consult-form__input,
.consult-form__select,
.consult-form__search {
width: 100%;
box-sizing: border-box;
border: 1px solid transparent;
border-radius: 14px;
background: var(--cf-white);
color: #1a2e26;
font: inherit;
font-size: 15px;
line-height: 1.4;
transition: border-color .2s ease, box-shadow .2s ease;
}
.consult-form__input {
min-height: 50px;
padding: 12px 16px;
}
.consult-form__input::placeholder {
color: #9aa8a1;
}
.consult-form__input:focus,
.consult-form__select:focus,
.consult-form__search:focus {
outline: none;
border-color: rgba(16, 129, 85, 0.45);
box-shadow: 0 0 0 3px rgba(16, 129, 85, 0.15);
}
.consult-form__select {
min-height: 50px;
padding: 12px 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
text-align: start;
cursor: pointer;
color: #1a2e26;
}
.consult-form__select.is-placeholder .consult-form__select-text {
color: #9aa8a1;
}
.consult-form__select-chevron {
display: inline-flex;
color: var(--cf-green);
flex: 0 0 auto;
transition: transform .2s ease;
}
.consult-form__field.is-open .consult-form__select-chevron {
transform: rotate(180deg);
}
.consult-form__dropdown {
position: absolute;
z-index: 20;
inset-inline: 0;
top: calc(100% + 6px);
background: var(--cf-white);
border-radius: 14px;
box-shadow: 0 14px 36px rgba(16, 70, 48, 0.16);
padding: 10px;
border: 1px solid rgba(16, 129, 85, 0.12);
}
.consult-form__search {
min-height: 42px;
padding: 10px 12px;
margin-bottom: 8px;
background: var(--cf-mint-soft);
}
.consult-form__options {
list-style: none;
margin: 0;
padding: 0;
max-height: 220px;
overflow: auto;
}
.consult-form__option {
padding: 11px 12px;
border-radius: 10px;
cursor: pointer;
font-size: 14.5px;
color: #1a2e26;
transition: background .15s ease;
}
.consult-form__option:hover,
.consult-form__option.is-active,
.consult-form__option[aria-selected="true"] {
background: var(--cf-mint);
color: var(--cf-green-deep);
font-weight: 700;
}
.consult-form__option.is-hidden {
display: none !important;
}
.consult-form__option--empty {
display: block;
cursor: default;
color: var(--cf-muted);
font-weight: 500;
}
.consult-form__option--empty:hover {
background: transparent;
color: var(--cf-muted);
font-weight: 500;
}
.consult-form__error,
.consult-form__form-error {
margin: 0;
font-size: 12.5px;
font-weight: 600;
color: var(--cf-danger);
}
.consult-form__field.has-error .consult-form__input,
.consult-form__field.has-error .consult-form__select {
border-color: rgba(192, 57, 43, 0.45);
box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.1);
}
.consult-form__submit {
margin-top: 6px;
width: 100%;
min-height: 52px;
border: 0;
border-radius: 999px;
background: var(--cf-green);
color: #fff;
font: inherit;
font-size: 15.5px;
font-weight: 800;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
box-shadow: 0 10px 24px rgba(16, 129, 85, 0.28);
transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.consult-form__submit:hover:not(:disabled) {
background: var(--cf-green-deep);
transform: translateY(-1px);
box-shadow: 0 14px 28px rgba(16, 129, 85, 0.34);
}
.consult-form__submit:disabled {
opacity: 0.75;
cursor: wait;
}
.consult-form__spinner {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.35);
border-top-color: #fff;
animation: ch-cf-spin .7s linear infinite;
}
@keyframes ch-cf-spin {
to { transform: rotate(360deg); }
}
.consult-form__success {
text-align: center;
padding: 28px 8px 12px;
animation: ch-cf-success-in .45s ease both;
}
.consult-form__success-icon {
color: var(--cf-green);
margin: 0 auto 14px;
width: 72px;
height: 72px;
display: grid;
place-items: center;
border-radius: 50%;
background: rgba(16, 129, 85, 0.08);
}
.consult-form__success-title {
margin: 0;
font-size: clamp(22px, 3vw, 28px);
font-weight: 800;
color: var(--cf-green);
line-height: 1.35;
}
.consult-form__success-text {
margin: 12px auto 0;
max-width: 28em;
font-size: 15px;
font-weight: 500;
color: #3d554b;
line-height: 1.85;
}
@keyframes ch-cf-success-in {
from {
opacity: 0;
transform: translateY(10px) scale(0.98);
}
to {
opacity: 1;
transform: none;
}
}
.consult-form.is-success .consult-form__form {
display: none;
}
.consult-form.is-success .consult-form__success {
display: block;
}
@media (max-width: 480px) {
.consult-form__panel {
border-radius: 22px;
padding: 20px 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.consult-form__success,
.consult-form__spinner,
.consult-form__submit {
animation: none;
transition: none;
}
} body.single-instructor > .breadcrumbs,
body.post-type-archive-instructor > .breadcrumbs {
display: none;
}
a.instructor-card {
color: inherit;
text-decoration: none;
}
a.instructor-card:hover .instructor-card__frame {
transform: translateY(-4px);
box-shadow: 0 16px 32px rgba(18, 21, 26, .12);
}
a.instructor-card .instructor-card__frame {
transition: transform .25s ease, box-shadow .25s ease;
}
a.instructor-card:hover .instructor-card__photo img {
filter: grayscale(.35);
transform: scale(1.03);
}
a.instructor-card .instructor-card__photo img {
transition: filter .3s ease, transform .4s ease;
}
.ins-archive {
position: relative;
padding-block: 8px 64px;
background:
radial-gradient(ellipse 80% 50% at 100% 0%, rgba(240, 80, 30, .07), transparent 55%),
radial-gradient(ellipse 60% 40% at 0% 30%, rgba(16, 129, 85, .05), transparent 50%),
#fff;
}
.ins-archive__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 18px;
margin-bottom: 28px;
}
.ins-archive__title-wrap {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.ins-archive__mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.ins-archive__title {
margin: 0;
font-size: clamp(22px, 3vw, 32px);
font-weight: 800;
color: var(--c-primary);
line-height: 1.25;
}
.ins-archive__lead {
margin: 8px 0 0;
max-width: 36em;
font-size: 14.5px;
color: #7a818c;
padding-inline-start: 22px;
}
.ins-archive__filters {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ins-archive__filter {
display: inline-flex;
align-items: center;
height: 34px;
padding: 0 16px;
border-radius: var(--radius-pill);
border: 1px solid #e6e8ec;
background: #fff;
color: #5c636c;
font-size: 13px;
font-weight: 700;
transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.ins-archive__filter:hover {
border-color: #ffd4c2;
color: var(--c-primary);
}
.ins-archive__filter.is-active {
background: #ffe4d8;
border-color: transparent;
color: var(--c-primary);
}
.ins-archive__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(16px, 2.2vw, 24px);
}
.ins-archive__grid .instructor-card {
width: 100%;
}
.ins-archive__empty {
margin: 24px 0 0;
padding: 28px;
text-align: center;
color: #888;
background: #f7f7f8;
border-radius: 16px;
}
.ins-archive__pager {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 40px;
}
.ins-archive__page {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 10px;
border-radius: 10px;
font-size: 13.5px;
font-weight: 700;
color: #5c636c;
background: #f4f5f7;
transition: background .2s ease, color .2s ease;
}
.ins-archive__page:hover {
background: #ffe4d8;
color: var(--c-primary);
}
.ins-archive__page.is-current {
background: var(--c-primary);
color: #fff;
}
.ins-single {
position: relative;
padding-block: 8px 72px;
overflow: clip;
background: linear-gradient(180deg, #faf8f6 0%, #fff 42%, #fff 100%);
}
.ins-single::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: min(72vh, 640px);
background:
radial-gradient(ellipse 70% 80% at 15% 20%, rgba(240, 80, 30, .14), transparent 55%),
linear-gradient(135deg, #1a1e24 0%, #12151a 55%, #1f1612 100%);
z-index: 0;
pointer-events: none;
}
.ins-single > .container {
position: relative;
z-index: 1;
}
.ins-single .breadcrumbs {
padding-block: 10px 0;
}
.ins-single .breadcrumbs__list,
.ins-single .breadcrumbs__link,
.ins-single .breadcrumbs__sep {
color: rgba(255, 255, 255, .72);
}
.ins-single .breadcrumbs__link:hover {
color: #fff;
}
.ins-single .breadcrumbs__current {
color: #fff;
}
.ins-single__hero {
display: grid;
grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
gap: clamp(24px, 4vw, 56px);
align-items: end;
padding-block: 20px 0;
margin-bottom: 36px;
}
.ins-single__portrait {
position: relative;
margin: 0;
width: 100%;
z-index: 1;
}
.ins-single__portrait-frame {
position: relative;
width: 100%;
aspect-ratio: 553 / 700;
min-height: 240px;
overflow: hidden;
background: var(--c-primary);
clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
box-shadow: 0 24px 48px rgba(0, 0, 0, .35);
}
.ins-single__portrait-inner {
position: absolute;
inset: 3%;
overflow: hidden;
background: #1a1a1a;
clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}
.ins-single__portrait-inner img,
.ins-single__portrait-ph {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
filter: grayscale(1);
}
.ins-single__portrait-ph {
background: linear-gradient(160deg, #444, #222);
filter: none;
}
.ins-single__intro {
position: relative;
z-index: 1;
padding-bottom: 28px;
color: #fff;
}
.ins-single__types {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
}
.ins-single__type {
display: inline-flex;
align-items: center;
gap: 6px;
height: 30px;
padding: 0 12px;
border-radius: 999px;
background: var(--c-primary);
color: #fff;
font-size: 12.5px;
font-weight: 700;
}
.ins-single__type--consultant {
background: #108155;
}
.ins-single__name {
margin: 0;
line-height: 1.15;
}
.ins-single__first {
display: block;
font-size: clamp(18px, 2.4vw, 26px);
font-weight: 400;
color: rgba(255, 255, 255, .65);
}
.ins-single__last {
display: block;
margin-top: 4px;
font-size: clamp(36px, 5vw, 56px);
font-weight: 800;
letter-spacing: -.03em;
}
.ins-single__tagline {
margin: 16px 0 0;
max-width: 34em;
font-size: 15.5px;
line-height: 1.9;
color: rgba(255, 255, 255, .78);
}
.ins-single__badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 22px;
list-style: none;
padding: 0;
}
.ins-single__badges li {
display: inline-flex;
align-items: center;
height: 32px;
padding: 0 14px;
border-radius: 999px;
background: rgba(255, 255, 255, .12);
border: 1px solid rgba(255, 255, 255, .18);
color: #fff;
font-size: 12.5px;
font-weight: 700;
backdrop-filter: blur(6px);
}
.ins-single__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.ins-single__ghost {
display: inline-flex;
align-items: center;
justify-content: center;
height: 34px;
padding: 0 18px;
border-radius: var(--radius-pill);
border: 1px solid rgba(255, 255, 255, .35);
color: #fff;
font-size: 13px;
font-weight: 700;
transition: background .2s ease, border-color .2s ease;
}
.ins-single__ghost:hover {
background: rgba(255, 255, 255, .1);
border-color: rgba(255, 255, 255, .55);
}
.ins-single__panel {
background: #fff;
border-radius: 28px;
padding: clamp(24px, 4vw, 40px);
box-shadow: 0 18px 48px rgba(18, 21, 26, .08);
margin-top: -8px;
}
.ins-single__section-title {
display: flex;
align-items: center;
gap: 10px;
margin: 0 0 16px;
font-size: clamp(18px, 2.2vw, 22px);
font-weight: 800;
color: var(--c-primary);
}
.ins-single__section-title .mark {
flex: 0 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 11px 6px 0;
border-color: transparent #9b9b9b transparent transparent;
}
.ins-single__bio {
font-size: 15.5px;
line-height: 2;
color: #3d434c;
}
.ins-single__bio p + p {
margin-top: 1em;
}
.ins-single__meta {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 28px;
}
.ins-single__meta--two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ins-single__meta-item {
padding: 16px 18px;
border-radius: 18px;
background: linear-gradient(180deg, #fff7f3, #fff);
border: 1px solid #ffe4d8;
}
.ins-single__meta-label {
display: block;
font-size: 12px;
font-weight: 700;
color: var(--c-primary);
margin-bottom: 4px;
}
.ins-single__meta-value {
font-size: 14.5px;
font-weight: 600;
color: #33363b;
}
.ins-related {
margin-top: 48px;
}
.ins-single__comments {
margin-top: 40px;
padding-block: 8px 48px;
}
.ins-related__head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.ins-related__title {
margin: 0;
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 800;
color: var(--c-primary);
}
.ins-related__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.ins-related__grid .instructor-card {
width: 100%;
}
@media (max-width: 1100px) {
.ins-archive__grid,
.ins-related__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
.ins-archive__grid,
.ins-related__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ins-single__hero {
grid-template-columns: 1fr;
align-items: start;
}
.ins-single__portrait {
max-width: 360px;
width: 100%;
margin-inline: auto;
}
.ins-single__portrait-frame {
min-height: 280px;
}
.ins-single__intro {
text-align: center;
padding-bottom: 8px;
}
.ins-single__types,
.ins-single__badges,
.ins-single__actions {
justify-content: center;
}
.ins-single__name {
text-align: center;
}
.ins-single__tagline {
margin-inline: auto;
}
.ins-single__meta {
grid-template-columns: 1fr;
}
.ins-single::before {
height: min(88vh, 820px);
}
}
@media (max-width: 520px) {
.ins-archive__grid,
.ins-related__grid {
grid-template-columns: 1fr 1fr;
gap: 12px;
}
}.home-episodes__title{color:#d83e0e}
.home-episodes__view-all,.instructors__view-all,.home-blog__view-all{color:#c0370d}
.instructor-card__ribbon{background:#d83e0e}
.blog-item__excerpt{color:#676767}
.blog-featured,.blog-featured__body{background:#d83e0e}
.blog-featured__peak{border-bottom-color:#d83e0e}
.blog-featured__excerpt{color:#fff}
.featured-news .blog-featured{background:transparent}
.featured-news .blog-featured__body{background:color-mix(in srgb,var(--c-primary) 78%,transparent)}
.featured-news .blog-featured__peak{border-bottom-color:color-mix(in srgb,var(--c-primary) 78%,transparent)}
.faq-acc__q{color:#bd2c00}
.site-footer{background:#d83e0e}
.footer-copy-fa,.footer-copy-en,.footer-links a,.footer-socials a{opacity:1} .instructors__dots{gap:0}
.instructors__dot{box-sizing:content-box;padding:8px;background-clip:content-box}
.instructors__dot.is-active{padding:9px 0}