html {
font-size: calc(100vw / 1440 * 10);
}
body {
font-family: "Inter";
font-weight: 400;
transition: all .2s linear !important;
min-height: 100vh;
font-size: 1.6rem;
color: #090909;
background: #F9FAFD;
}
a, h1, h2, h3, h4, h5, p, span, button, ul, li {
padding: 0;
margin: 0;
background: transparent;
text-decoration: none;
border: none;
transition: all .2s linear;
color: #090909;
}
input, textarea, select {
padding: 0;
margin: 0;
background: transparent;
border: none;
outline: none;
transition: all .2s linear;
}
.container {
max-width: 120rem;
width: 100%;
padding-left: 0;
padding-right: 0;
}
div {
transition: all .2s linear;
}
path, rect, circle {
transition: all .2s linear;
}
main {
display: flex;
flex-direction: column;
}
svg {
vertical-align: middle;
overflow: visible;
}
/* header */
header {
padding-top: 1.2rem;
position: fixed;
width: 100%;
left: 0;
z-index: 99;
top: 0;
}
.header-container {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 10.3rem;
background: #FFF;
position: relative;
padding: 1.6rem 1.6rem 1.6rem 3.3rem;
}
.logo {
display: flex;
}
.logo img {
width: 10.2rem;
}
.header-container nav {
position: absolute;
left: 0;
right: 0;
width: 100%;
max-width: 64.9rem;
margin: 0 auto;
}
.header-container nav ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-container nav ul li {
display: flex;
}
.header-container nav ul li a {
color: #8B8FA8;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.042rem;
}
.header-button {
padding: 0.8rem 2.25rem 0.8rem 1.45rem;
border-radius: 16.3rem;
background: #000;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.header-button svg {
width: 2.4rem;
height: auto;
}
.header-button p {
color: #FFF;
font-size: 1.2rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.burger-open {
display: none;
}
.bar {
height: 2px;
width: 1.8rem;
background: #000;
border-radius: 0.2rem;
}
.change .bar:nth-child(1) {
transform: rotate(-45deg) translate(-0.4rem, 0.4rem);
}
.change .bar:nth-child(2) {
opacity: 0;
}
.change .bar:nth-child(3) {
transform: rotate(45deg) translate(-0.4rem, -0.5rem);
}
.mobile_menu {
display: none;
}
@media screen and (max-width: 992px) {
html {
font-size: calc(100vw / 375 * 10);
}
.container {
max-width: 33.5rem;
}
header {
position: sticky;
padding: 0;
border-bottom: 1px solid #F3F4F6;
background: #FFF;
}
.header-container nav {
display: none;
}
.header-button {
display: none;
}
.header-container {
padding: 1.6rem 0;
}
.mobile_menu.active {
display: flex;
height: calc(100vh - 6.5rem);
top: 6.5rem;
position: fixed;
left: 0;
width: 100%;
background: #FFF;
overflow-y: auto;
padding: 4rem 2rem;
}
.mobile_menu nav ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.2rem;
}
.mobile_menu nav ul li {
display: flex;
}
.mobile_menu nav ul li a {
color: var(--Color-1, #090909);
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.042rem;
}
.burger-open {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 1.8rem;
height: 1.8rem;
gap: 0.4rem;
position: relative;
z-index: 999;
}
body.hidden {
overflow: hidden;
}
}
/* banner */
.banner {
position: relative;
}
.banner-fon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.banner-fon.mob {
display: none;
}
.banner-container {
height: 82rem;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
padding-top: 14.4rem;
}
.banner-main {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4.9rem;
}
.banner-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.45rem;
}
.banner-row {
padding: 1.45rem 1.3rem;
display: flex;
align-items: center;
gap: 1rem;
}
.banner-row svg {
width: 2rem;
height: auto;
}
.banner-row p {
color: #5C5C5C;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.banner-title {
color: #090909;
font-size: 6rem;
font-style: normal;
font-weight: 500;
line-height: 7.39rem;
letter-spacing: -0.24rem;
max-width: 60.6rem;
}
.banner-title span {
color: #8B8FA8;
font-size: 7.942rem;
font-weight: 700;
line-height: 8.3771rem;
letter-spacing: -0.3177rem;
}
.banner-link {
padding: 1.4rem 1.4rem 1.4rem 7rem;
border-radius: 16.3rem;
background: #8B8FA8;
display: flex;
align-items: center;
gap: 2.4rem;
}
.banner-link p {
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.032rem;
}
.banner-link__icon {
width: 3.2rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
border-radius: 100%;
}
.banner-link__icon svg {
width: 1.3rem;
height: auto;
}
.banner-block {
width: 100%;
max-width: 32.7rem;
display: flex;
flex-direction: column;
gap: 2.9rem;
position: absolute;
z-index: 2;
right: 0;
bottom: 5rem;
border-radius: 3.2rem;
background: #FFF;
padding: 2rem;
}
.banner-block__col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.4rem;
}
.banner-block__col img {
border-radius: 100%;
border: 2px solid #FFF;
background: #F7F4FA;
width: 6rem;
height: 6rem;
margin-bottom: 0.4rem;
}
.banner-block__col h5 {
color: #090909;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 2rem;
}
.banner-block__col p {
color: #090909;
font-size: 1.4rem;
font-style: normal;
font-weight: 300;
line-height: 2rem;
}
.banner-block__link {
display: flex;
padding: 0.8rem 0.8rem 0.8rem 2.4rem;
justify-content: space-between;
align-items: center;
border-radius: 16.3rem;
background: #F4F2EE;
}
.banner-block__link p {
color: #595959;
font-size: 1.2rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.banner-block__link-icon {
width: 2.4rem;
height: 2.4rem;
display: flex;
justify-content: center;
align-items: center;
background: #8B8FA8;
border-radius: 100%;
}
.banner-block__link-icon svg {
width: 0.8rem;
height: auto;
}
.banner-col > p {
color: #3F3F3F;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
max-width: 42.3rem;
}
@media screen and (max-width: 992px) {
.banner-fon {
display: none;
height: auto;
top: auto;
bottom: 0;
}
.banner-fon.mob {
display: block;
}
.banner-container {
height: 70.1rem;
padding-top: 4rem;
}
.banner-main {
gap: 3.3rem;
}
.banner-col {
gap: 1.5rem;
}
.banner-row {
padding: 0.2rem 0.4rem;
}
.banner-row svg {
width: 1.8rem;
}
.banner-row p {
font-size: 1.4rem;
line-height: 2.275rem;
}
.banner-title {
font-size: 3.2rem;
line-height: normal;
letter-spacing: -0.128rem;
}
.banner-title span {
font-size: 3.2rem;
line-height: normal;
letter-spacing: -0.128rem;
}
.banner-col > p {
line-height: 2.275rem;
}
.banner-col > p br {
display: none;
}
.banner-link {
padding: 1.4rem;
justify-content: flex-end;
gap: 4.7rem;
width: 100%;
}
.banner-block {
display: none;
}
}
/* problems */
.problems {
padding: 10rem 0;
background: #FFF;
}
.problems-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.problems-name {
position: sticky;
top: 10rem;
display: flex;
flex-direction: column;
gap: 2.7rem;
width: 100%;
max-width: 53.5rem;
}
.title {
color: #090909;
font-size: 4.8rem;
font-style: normal;
font-weight: 600;
line-height: 5.2941rem;
letter-spacing: -0.192rem;
}
.problems-name p {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 3rem;
}
.problems-main {
width: 100%;
max-width: 64.4rem;
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.problems-main > p {
color: #090909;
font-size: 2.4rem;
font-style: italic;
font-weight: 400;
line-height: 4rem;
letter-spacing: -0.096rem;
}
.problems-main > p span {
color: #8B8FA8;
font-weight: 700;
}
.problems-col {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.problems-item {
border-radius: 3.2rem;
background: #F4F2EE;
position: relative;
display: flex;
align-items: flex-start;
gap: 1.6rem;
padding: 3.2rem;
height: 27rem;
}
.problems-item > span {
color: #8B8FA8;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 2.8rem;
}
.problems-item > img {
position: absolute;
width: 26.7rem;
right: 0;
bottom: 0;
}
.problems-item__col {
display: flex;
max-width: 30.6rem;
flex-direction: column;
align-items: flex-start;
gap: 1.2rem;
}
.problems-item__col h4 {
color: #090909;
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 2.8rem;
}
.problems-item__col p {
color: #3F3F3F;
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 2.2rem;
opacity: 0.8;
}
.problems-item:nth-child(2) {
background: #F2ECE0;
height: 25rem;
}
.problems-item:nth-child(2) > img {
width: 22.2rem;
right: 3.2rem;
bottom: 0;
top: 0;
margin: auto 0;
}
.problems-item:nth-child(3) {
height: 20rem;
}
.problems-item:nth-child(3) .problems-item__col {
max-width: none;
}
.problems-item:nth-child(3) .problems-item__col p {
max-width: 45.9rem;
}
.problems-item:nth-child(4) > img {
width: 13rem;
top: 3.2rem;
right: 3.2rem;
}
.problems-item:nth-child(4) {
height: 20rem;
}
.problems-item:nth-child(4) .problems-item__col {
max-width: 39.1rem;
}
@media screen and (max-width: 992px) {
.problems {
padding: 4.8rem 0;
}
.problems-container {
flex-direction: column;
gap: 2.4rem;
}
.problems-name {
position: relative;
top: 0;
gap: 1.6rem;
max-width: none;
}
.title {
font-size: 3.2rem;
line-height: normal;
letter-spacing: -0.128rem;
}
.problems-name p {
font-size: 1.8rem;
line-height: 2.4rem;
}
.problems-main {
max-width: none;
}
.problems-main > p {
font-size: 2rem;
line-height: 140%;
letter-spacing: -0.08rem;
}
.problems-item {
flex-wrap: wrap;
gap: 1.2rem;
padding: 2rem 2rem 0 2rem;
height: auto;
position: relative;
}
.problems-item > img {
position: relative;
width: 20.5rem;
margin: 0 auto;
}
.problems-item > span {
position: absolute;
left: 2rem;
top: 2rem;
}
.problems-item__col {
max-width: none;
}
.problems-item__col h4 {
font-size: 1.9rem;
line-height: 2.4rem;
width: 100%;
max-width: 25.6rem;
margin-left: auto;
}
.problems-item:nth-child(2) {
height: auto;
}
.problems-item:nth-child(2) > img {
right: 0;
margin: 0 auto;
}
.problems-item:nth-child(3) {
height: auto;
padding: 2rem;
}
.problems-item:nth-child(4) > img {
width: 14rem;
top: auto;
right: 0;
}
.problems-item:nth-child(4) {
height: auto;
padding: 2rem;
}
.problems-item:nth-child(4) .problems-item__col {
max-width: none;
}
}
/* decision */
.decision {
border-radius: 4.8rem;
background: #F4F2EE;
padding: 10rem 0;
position: relative;
}
.decision::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
z-index: -1;
}
.decision-container {
display: flex;
flex-direction: column;
gap: 5.5rem;
}
.decision-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.title span {
color: #8B8FA8;
}
.decision-row .title {
max-width: 43rem;
}
.decision-description {
display: flex;
flex-direction: column;
gap: 1.9rem;
max-width: 62.5rem;
}
.decision-description h5 {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 3rem;
}
.decision-description p {
color: #3F3F3F;
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
opacity: 0.7;
}
.decision-main {
display: flex;
justify-content: space-between;
}
.decision-buttons {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
max-width: 51.2rem;
}
.decision-button {
padding: 2.4rem 3.2rem;
display: flex;
flex-direction: column;
position: relative;
gap: 0.8rem;
text-align: left;
background-image: url('/wp-content/uploads/2026/04/decision-button.svg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.decision-button span {
color: #3F3F3F;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 2rem;
opacity: 0.6;
}
.decision-button p {
color: #3F3F3F;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
opacity: 0.6;
}
.decision-button.active {
background-image: url('/wp-content/uploads/2026/04/decision-button-active.svg');
}
.decision-button__icon {
position: absolute;
right: 0;
top: 0;
width: 4rem;
height: 4rem;
border-radius: 100%;
background: #FFF;
display: flex;
justify-content: center;
align-items: center;
}
.decision-items {
width: 100%;
max-width: 64.4rem;
}
.decision-item {
border-radius: 3.2rem;
background: #FCFCFD;
overflow: hidden;
height: 43rem;
display: none;
}
.decision-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.decision-item.active {
display: block;
}
.decision-button__icon img {
width: 2.4rem;
}
.decision-button__icon img:nth-child(2) {
display: none;
}
.decision-button.active span {
color: #FFF;
opacity: 1;
}
.decision-button.active p {
color: #FFF;
opacity: 1;
}
.decision-button.active .decision-button__icon img:nth-child(1) {
display: none;
}
.decision-button.active .decision-button__icon img:nth-child(2) {
display: block;
}
.decision-button.active .decision-button__icon {
background: #8B8FA8;
}
@media screen and (max-width: 992px) {
.decision {
border-radius: 0;
padding: 5rem 0;
}
.decision-container {
gap: 1.9rem;
}
.decision-row {
flex-direction: column;
gap: 1.6rem;
}
.decision-row .title {
max-width: none;
}
.decision-description {
max-width: none;
}
.decision-description h5 {
font-size: 1.8rem;
line-height: 2.4rem;
}
.decision-main {
flex-direction: column-reverse;
gap: 1.9rem;
}
.decision-buttons {
gap: 0.8rem;
max-width: none;
}
.decision-button {
padding: 1.2rem 2rem;
background-image: url('/wp-content/uploads/2026/04/decision-button2.svg');
}
.decision-button.active {
background-image: url('/wp-content/uploads/2026/04/decision-button-active2.svg');
}
.decision-button:nth-child(2) {
background-image: url('/wp-content/uploads/2026/04/decision-button3.svg');
}
.decision-button:nth-child(2).active {
background-image: url('/wp-content/uploads/2026/04/decision-button-active3.svg');
}
.decision-button span {
font-size: 1.7rem;
}
.decision-button p {
font-size: 1.4rem;
line-height: 140%;
}
.decision-button__icon {
width: 2.4rem;
height: 2.4rem;
}
.decision-items {
max-width: none;
}
.decision-item {
border-radius: 1.4rem;
height: 22.4rem;
}
.decision-button__icon img {
width: 1.4rem;
}
}
/* how */
.how {
background: #FFF;
padding: 10rem 0 2rem 0;
}
.how-container {
display: flex;
flex-direction: column;
gap: 4.8rem;
}
.how-container .title {
text-align: center;
}
.how-main {
display: flex;
flex-direction: column;
gap: 6rem;
}
.how-item {
display: flex;
gap: 4.4rem;
}
.how-item > img {
width: 51.2rem;
min-width: 51.2rem;
border-radius: 3.2rem;
object-fit: cover;
}
.how-item__col {
display: flex;
flex-direction: column;
gap: 1.6rem;
width: 100%;
}
.how-item__col > p {
color: #8B8FA8;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 2.7rem;
letter-spacing: 0.224rem;
text-transform: uppercase;
}
.how-item__column {
display: flex;
flex-direction: column;
gap: 3.2rem;
}
.how-item__title {
color: #3F3F3F;
font-size: 3.4rem;
font-style: normal;
font-weight: 600;
line-height: 2.8rem;
}
.how-item__info {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.how-item__banner {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
padding: 3rem;
border-radius: 3.2rem;
border-left: 2px solid #D0D0D0;
background: #F4F4F4;
}
.how-item__banner-title {
color: #3F3F3F;
font-size: 2rem;
font-style: italic;
font-weight: 500;
line-height: 2rem;
opacity: 0.5;
}
.how-item__banner-description {
color: #3F3F3F;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
}
.how-item__description {
display: flex;
padding: 5rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
border-radius: 3.2rem;
border: 2px solid #8B8FA8;
background: #FFF;
box-shadow: 0 8px 5px 0 rgba(0, 0, 0, 0.05);
}
.how-item__description-row {
display: flex;
align-items: flex-start;
gap: 2rem;
}
.how-item__description-icon {
width: 6rem;
min-width: 6rem;
height: 6rem;
background: #8B8FA8;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
}
.how-item__description-icon img {
width: 2.7rem;
}
.how-item__description-row > p {
color: #8B8FA8;
font-size: 1.8rem;
font-style: normal;
font-weight: 700;
line-height: 2.7rem;
text-transform: uppercase;
}
.how-item__description > p {
color: #3F3F3F;
font-size: 1.8rem;
font-style: normal;
font-weight: 600;
line-height: 2.4rem;
}
.how-item:nth-child(2n) > img {
order: 2;
width: 64.4rem;
min-width: 64.4rem;
}
.how-banner {
border-radius: 3.2rem;
background: #8B8FA8;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 3.2rem;
padding: 6rem 7.7rem 7.2rem 7.1rem;
position: relative;
}
.how-banner__icon {
width: 3.2rem;
position: absolute;
top: 3.2rem;
right: 3.2rem;
}
.how-banner__title {
color: #FFF;
text-align: center;
font-size: 3.4rem;
font-style: normal;
font-weight: 600;
line-height: 3.9rem;
opacity: 0.9;
}
.how-banner p {
color: #FFF;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
opacity: 0.8;
max-width: 85.4rem;
}
@media screen and (max-width: 992px) {
.how {
padding: 2rem 0 4rem 0;
}
.how-container {
gap: 2.4rem;
}
.how-main {
gap: 2.4rem;
}
.how-item {
flex-direction: column;
}
.how-item > img {
width: 100%;
min-width: 100%;
border-radius: 2.1rem;
}
.how-item__col > p {
font-size: 1.2rem;
letter-spacing: 0.192rem;
}
.how-item__column {
gap: 2.4rem;
}
.how-item__title {
font-size: 2.6rem;
}
.how-item__info {
gap: 1.6rem;
}
.how-item__banner {
gap: 0.8rem;
padding: 2rem;
border-radius: 2rem;
}
.how-item__banner-title {
font-size: 1.8rem;
}
.how-item__banner-description {
font-size: 1.4rem;
}
.how-item__description {
padding: 2rem;
}
.how-item__description-row {
gap: 1.4rem;
}
.how-item__description-icon {
width: 4.5rem;
min-width: 4.5rem;
height: 4.5rem;
}
.how-item__description-icon img {
width: 2rem;
}
.how-item__description-row > p {
font-size: 1.6rem;
}
.how-item__description > p {
font-size: 1.6rem;
}
.how-item:nth-child(2n) > img {
width: 100%;
min-width: 100%;
}
.how-item:nth-child(2n) .how-item__col {
order: 3;
}
.how-banner {
gap: 1.6rem;
padding: 2rem;
}
.how-banner__icon {
display: none;
}
.how-banner__title {
font-size: 1.8rem;
line-height: 140%;
}
}
/* selection */
.selection {
margin-bottom: 10rem;
background: #FFF;
}
.selection-container {
border-radius: 4.8rem;
background: #F4F4F4;
position: relative;
padding: 6rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4rem;
}
.selection-main {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
max-width: 50.3rem;
}
.selection-subtitle {
border-radius: 4rem;
background: rgba(189, 161, 100, 0.20);
padding: 0.65rem 2.95rem;
color: #5C4238;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 2.7rem;
letter-spacing: 0.224rem;
text-transform: uppercase;
}
.selection .title span {
color: #5C4238;
}
.selection-description {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 3rem;
opacity: 0.8;
max-width: 43rem;
}
.selection-tags {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
max-width: 50.3rem;
}
.selection-tag {
color: #5C4238;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 2.7rem;
border-radius: 4rem;
background: #FFF;
padding: 0.65rem 2.95rem;
}
.selection-button {
padding: 1.4rem 1.4rem 1.4rem 3.1rem;
display: flex;
align-items: center;
gap: 2.2rem;
border-radius: 16.3rem;
background: #8B8FA8;
}
.selection-button p {
color: #FFF;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.032rem;
}
.selection-button__icon {
width: 3.2rem;
min-width: 3.2rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #FFF;
}
.selection-button__icon svg {
width: 1.3rem;
height: auto;
}
.selection-img {
position: absolute;
width: 65.5rem;
bottom: 0;
right: 0;
}
@media screen and (max-width: 992px) {
.selection {
margin-bottom: 4rem;
}
.selection-container {
border-radius: 3rem;
padding: 1rem;
gap: 0.8rem;
}
.selection-main {
max-width: none;
margin-bottom: 1.6rem;
}
.selection-subtitle {
padding: 0.65rem 1.4rem;
font-size: 1.2rem;
letter-spacing: 0.192rem;
}
.selection-description {
font-size: 1.8rem;
line-height: 2.4rem;
max-width: none;
}
.selection-tags {
max-width: none;
margin-bottom: 3.2rem;
}
.selection-tag {
padding: 0.65rem 1.4rem;
}
.selection-button {
padding: 1.4rem 1.4rem 1.4rem 1.1rem;
justify-content: flex-end;
gap: 2.5rem;
}
.selection-img {
position: relative;
width: 100%;
}
}
/* liders */
.liders {
margin-bottom: 7.6rem;
}
.liders-container {
display: flex;
flex-direction: column;
gap: 4.8rem;
}
.liders-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.liders-name {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.liders-subtitle {
color: #090909;
font-size: 3.2rem;
font-style: normal;
font-weight: 600;
line-height: 4.4rem;
letter-spacing: -0.128rem;
max-width: 39.4rem;
}
.liders .title {
color: #8B8FA8;
}
.liders-row > p {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 3rem;
max-width: 62.7rem;
opacity: 0.8;
}
.liders-grid {
display: flex;
gap: 2.4rem;
}
.liders-info {
width: 100%;
max-width: 53.2rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.8rem;
border-radius: 3.2rem;
background: #EAEBF2;
padding: 3.2rem;
}
.liders-info__images {
display: flex;
}
.liders-info__image {
display: flex;
width: 6rem;
height: 6rem;
justify-content: center;
align-items: center;
border-radius: 100%;
border: 1px solid #FFF;
background: #FFF;
}
.liders-info__image img {
width: 100%;
height: 100%;
border-radius: 100%;
object-fit: cover;
}
.liders-info__image:nth-child(2) {
margin-left: -2rem;
margin-right: -2rem;
}
.liders-info__col {
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.liders-info__col > p {
color: #3F3F3F;
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 2.2rem;
opacity: 0.8;
max-width: 44.2rem;
}
.liders-info__name {
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.liders-info__name span {
color: #8B8FA8;
font-size: 6.9167rem;
font-style: normal;
font-weight: 700;
line-height: 9.6833rem;
letter-spacing: -0.2767rem;
}
.liders-info__name p {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 2.8rem;
}
.liders-col {
width: 100%;
max-width: 64.4rem;
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.liders-item {
border-radius: 3.2rem;
background: #F4F2EE;
padding: 3.2rem 3.2rem 3.6rem 3.2rem;
display: flex;
align-items: flex-start;
gap: 3.2rem;
}
.liders-item > img {
width: 3.2rem;
min-width: 3.2rem;
}
.liders-item__col {
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.liders-item__col h4 {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 2.8rem;
}
.liders-item__col p {
color: #3F3F3F;
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 2.2rem;
opacity: 0.8;
max-width: 36.2rem;
}
.liders-banner {
border-radius: 3.2rem;
background: #8B8FA8;
padding: 4.8rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.liders-banner__col {
display: flex;
flex-direction: column;
gap: 1.2rem;
max-width: 61.9rem;
}
.liders-banner__col h3 {
color: #FFF;
font-size: 2.4rem;
font-style: normal;
font-weight: 600;
line-height: 3.2rem;
opacity: 0.9;
}
.liders-banner__col p {
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
opacity: 0.8;
}
.liders-banner__col p span {
color: #F4F2EE;
font-weight: 700;
}
.liders-banner__row {
display: flex;
align-items: center;
}
.liders-banner__button {
padding: 2.05rem 2.8rem;
border-radius: 16.3rem;
background: #A6ABC9;
color: #FFF;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.032rem;
margin-right: -1.3rem;
z-index: 2;
}
.liders-banner__img {
width: 6rem;
height: 6rem;
border-radius: 100%;
background: #F7F4FA;
}
.liders-banner__img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 100%;
}
@media screen and (max-width: 992px) {
.liders {
margin-bottom: 2rem;
}
.liders-container {
gap: 3.2rem;
}
.liders-row {
flex-direction: column;
gap: 2.4rem;
}
.liders-grid {
flex-direction: column;
gap: 0.8rem;
}
.liders-info {
max-width: none;
gap: 0;
padding: 2rem;
}
.liders-info__col {
gap: 0.8rem;
}
.liders-info__col > p br {
display: none;
}
.liders-info__name p {
font-size: 1.8rem;
}
.liders-col {
max-width: none;
gap: 0.8rem;
}
.liders-item {
padding: 2rem;
gap: 0.8rem;
}
.liders-item__col {
gap: 0.8rem;
}
.liders-item__col h4 {
font-size: 1.8rem;
}
.liders-banner {
flex-direction: column;
padding: 2rem;
gap: 3.2rem;
}
.liders-banner__col h3 {
font-size: 1.8rem;
line-height: 2.6rem;
}
.liders-banner__col p {
font-size: 1.4rem;
}
.liders-banner__row {
gap: 0.4rem;
}
.liders-banner__button {
padding: 1.2244rem 1.4rem 1.1756rem 1.6rem;
font-size: 1.5rem;
letter-spacing: -0.03rem;
margin-right: 0;
}
.liders-banner__img {
min-width: 6rem;
}
}
/* footer */
footer {
background: #585B69;
padding: 5.5rem 0 4.8rem 0;
}
.footer-container {
display: flex;
flex-direction: column;
gap: 5.5rem;
}
.footer-main {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.footer-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6.9rem;
}
.footer-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.footer-logo {
display: flex;
}
.footer-logo img {
width: 10.2rem;
}
.footer-name p {
color: #FFF;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.042rem;
opacity: 0.5;
}
.footer-contacts {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.6rem;
}
.footer-contacts a {
color: #FFF;
font-size: 1.8rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.054rem;
opacity: 0.7;
}
.footer-menus {
display: flex;
gap: 8.8rem;
margin: 0 auto;
left: 0;
right: 0;
max-width: 40rem;
justify-content: center;
align-items: flex-start;
position: absolute;
}
.footer-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3.9rem;
}
.footer-menu > p {
color: #B9BDD5;
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.042rem;
opacity: 0.5;
}
.footer-menu nav ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.6rem;
}
.footer-menu nav ul li {
display: flex;
}
.footer-menu nav ul li a {
color: #FFF;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.042rem;
opacity: 0.5;
}
.footer-menu nav ul li a.active {
font-weight: 700;
}
.footer-banner {
margin-top: 3.7rem;
border-radius: 3.2rem;
border: 1px solid rgba(139, 143, 168, 0.60);
background: rgba(139, 143, 168, 0.30);
display: flex;
flex-direction: column;
gap: 1.4rem;
padding: 3.2rem 2.65rem 3.2rem 3.25rem;
max-width: 30.7rem;
}
.footer-banner h4 {
color: #FFF;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 2.8rem;
}
.footer-banner p {
color: #FFF;
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 2.2rem;
opacity: 0.6;
}
.footer-banner__link {
border-radius: 16.3rem;
background: #8B8FA8;
padding: 2.05rem;
color: #FFF;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.032rem;
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-top: 2px solid rgba(256, 256, 256, 0.1);
padding-top: 2.4rem;
}
.footer-bottom p, .footer-bottom a {
color: #FFF;
font-size: 1.2rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.042rem;
opacity: 0.2;
}
.footer-main > .footer-contacts {
display: none;
}
.footer-col .footer-banner {
display: none;
}
@media screen and (max-width: 992px) {
footer {
padding: 2.5rem 0;
}
.footer-container {
gap: 3.2rem;
}
.footer-main {
flex-direction: column;
gap: 3.2rem;
}
.footer-col {
gap: 1.8rem;
}
.footer-contacts {
display: none;
}
.footer-menus {
gap: 3.2rem;
margin: 0;
max-width: none;
flex-wrap: wrap;
position: relative;
}
.footer-menu {
gap: 2.4rem;
}
.footer-banner {
margin-top: 0;
padding: 2rem;
max-width: none;
display: none;
}
.footer-bottom {
flex-direction: column;
gap: 1.6rem;
}
.footer-main > .footer-contacts {
display: flex;
}
.footer-col .footer-banner {
display: flex;
}
}
/* contacts_page */
.contacts_page {
margin: 19.2rem 0 10rem 0;
}
.contacts_page-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 9.6rem;
align-items: flex-start;
}
.contacts_page-main {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3.2rem;
}
.contacts_page-main > img {
width: 100%;
border-radius: 2.4rem;
object-fit: cover;
}
.contacts_page-content {
display: flex;
flex-direction: column;
gap: 3.1rem;
}
.contacts_page-content ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
padding-left: 1.8rem;
}
.contacts_page-content ul li {
color: #5C605D;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.56rem;
}
.contacts_page-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.6rem;
}
.contacts_page-name span {
color: #5F5E5E;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 2rem;
letter-spacing: 0.14rem;
text-transform: uppercase;
}
.contacts_page-name h1 {
color: #2C2C2A;
font-size: 2.8rem;
font-style: normal;
font-weight: 700;
line-height: 3.5rem;
}
.contacts_page-name p {
color: #888780;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 2.8rem;
}
.contacts_page-info {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.7rem;
padding-top: 1.6rem;
}
.contacts_page-phone {
color: #2C2C2A;
font-size: 2rem;
font-style: normal;
font-weight: 500;
line-height: 2.8rem;
}
.contacts_page-email {
color: #888780;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.56rem;
}
.contacts_page-form {
display: flex;
padding: 4rem 4rem 5.6rem 4rem;
flex-direction: column;
align-items: flex-start;
gap: 3.2rem;
border-radius: 2.4rem;
border: 1px solid #EDEEEB;
background: #FFF;
box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.04);
}
.contacts_page-form > p {
color: #2F3331;
font-size: 1.8rem;
font-style: normal;
font-weight: 500;
line-height: 2.8rem;
}
.contacts_page-form form, .contacts_page-form-all {
display: flex;
flex-direction: column;
gap: 4rem;
width: 100%;
}
.contacts_page-inputs {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.contacts_page-input {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.contacts_page-input label {
padding-left: 0.4rem;
color: #5C605D;
font-size: 1.3rem;
font-style: normal;
font-weight: 500;
line-height: 2.08rem;
}
.contacts_page-input input {
padding: 1.3rem 1.6rem;
border-radius: 0.8rem;
border: 1px solid #D3D1C7;
background: #FFF;
width: 100%;
color: #090909;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.contacts_page-input input::placeholder {
color: #6B7280;
}
.contacts_page-input select {
background-image: url('/wp-content/uploads/2026/04/select.svg');
padding: 1.3rem 1.6rem;
border-radius: 0.8rem;
border: 1px solid #D3D1C7;
width: 100%;
color: #090909;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
background-position: center right 1.6rem;
background-repeat: no-repeat;
background-size: 1.2rem;
cursor: pointer;
}
.contacts_page-input select {
-webkit-appearance: none;
-moz-appearance: none;
}
.contacts_page-input select::-ms-expand {
display: none;
}
.contacts_page-bottom {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.8rem;
}
.contacts_page-submit {
padding: 2rem;
border-radius: 16.3rem;
background: #8B8FA8;
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.032rem;
width: 100%;
}
.contacts_page-privacy {
display: flex;
justify-content: center;
align-items: center;
}
.contacts_page-privacy p {
color: #5C605D;
text-align: center;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 1.92rem;
max-width: 29rem;
}
.contacts_page-privacy p a {
color: #5C605D;
text-decoration-line: underline;
}
.contacts_page-bottom > p {
display: flex;
width: 100%;
}
.wpcf7-spinner {
display: none !important;
}
@media screen and (max-width: 992px) {
.contacts_page {
margin: 4rem 0;
}
.contacts_page-container {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.contacts_page-main {
gap: 2.4rem;
}
.contacts_page-main > img {
border-radius: 1.2rem;
}
.contacts_page-content {
gap: 2.4rem;
}
.contacts_page-info {
padding-top: 3.2rem;
}
.contacts_page-form {
padding: 2rem;
}
.contacts_page-form form, .contacts_page-form-all {
gap: 3.6rem;
}
.contacts_page-bottom {
gap: 1.6rem;
}
}
/* where_page */
.where_page {
margin: 22rem 0 4.2rem 0;
}
.where_page-container {
display: flex;
flex-direction: column;
gap: 8rem;
}
.where_page-col {
display: flex;
flex-direction: column;
gap: 9.6rem;
}
.where_page-name {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.6rem;
text-align: center;
max-width: 79rem;
margin: 0 auto;
}
.where_page-name p {
color: #5C605D;
text-align: center;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 3.2rem;
}
.where_page-row {
display: flex;
justify-content: center;
align-items: center;
gap: 1.6rem;
}
.where_page-row > p {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 2.8rem;
}
.where_page-select {
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
}
.where_page-select__button {
width: 52.1rem;
padding: 1.8rem 1.8rem 1.8rem 1.2rem;
border-radius: 1.2rem;
background: #FFF;
display: flex;
align-items: center;
justify-content: space-between;
}
.where_page-select__button p {
color: #6B7280;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.where_page-select__button svg {
width: 1.2rem;
height: auto;
transition: .3s all;
}
.where_page-select__content {
position: absolute;
top: 100%;
margin-top: 1.2rem;
width: 100%;
left: 0;
display: flex;
flex-direction: column;
border-radius: 3.2rem;
max-height: 0;
overflow: hidden;
}
.where_page-select.active .where_page-select__content {
max-height: 26rem;
border-radius: 2.8392rem;
border: 1.183px solid rgba(255, 255, 255, 0.20);
background: rgba(255, 255, 255, 0.90);
box-shadow: 0 1.183px 2.366px 0 rgba(0, 0, 0, 0.05);
backdrop-filter: blur(14.195955276489258px);
overflow-y: auto;
}
.where_page-select.active .where_page-select__button svg {
transform: rotate(180deg);
}
.where_page-select-tab {
padding: 1.2rem 1.8rem;
text-align: left;
font-size: 1.6rem;
line-height: normal;
}
.where_page-main {
display: flex;
justify-content: space-between;
}
.where_page-column {
max-height: 57.6rem;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 1.6rem;
width: 100%;
max-width: 52.2rem;
padding-right: 1rem;
}
.where_page-item {
display: flex;
flex-direction: column;
}
.where_page-item__button {
border-bottom: 1px solid rgba(175, 179, 176, 0.10);
display: flex;
padding: 2.4rem 0;
justify-content: space-between;
align-items: center;
}
.where_page-item__button-name {
display: flex;
align-items: center;
gap: 1.2rem;
}
.where_page-item__button-name p {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 2.8rem;
}
.where_page-item__button-name span {
color: #5C605D;
font-size: 1.2rem;
font-style: normal;
font-weight: 700;
line-height: 1.6rem;
border-radius: 999.9rem;
background: #E6E9E6;
padding: 0.2rem 0.8rem;
}
.where_page-item__button svg {
width: 1.2rem;
height: auto;
transition: .3s all;
}
.where_page-item__content {
display: flex;
flex-direction: column;
gap: 2.4rem;
max-height: 0;
overflow: hidden;
position: relative;
transition: .3s all;
}
.where_page-block {
border-radius: 1.2rem;
border: 1px solid #EBEBEA;
background: #FFF;
display: flex;
padding: 2.4rem;
flex-direction: column;
gap: 1.6rem;
}
.where_page-block__row {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.where_page-block__row p {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 500;
line-height: 2.8rem;
}
.where_page-block__buttons {
display: flex;
align-items: flex-start;
gap: 0.8rem;
}
.where_page-block__buttons a {
display: flex;
}
.where_page-block__buttons a svg {
width: auto;
height: 1.7rem;
}
.where_page-block__contacts {
display: flex;
padding-bottom: 0.8rem;
flex-direction: column;
align-items: flex-start;
gap: 1.1875rem;
}
.where_page-block__contact {
display: flex;
align-items: flex-start;
gap: 1.2rem;
}
.where_page-block__contact p, .where_page-block__contact a {
color: #6B7280;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.where_page-block__contact svg {
width: 1.3rem;
height: auto;
}
.where_page-map {
border-radius: 4rem;
overflow: hidden;
width: 100%;
max-width: 58.2rem;
min-height: 57.6rem;
}
.where_page-item.active .where_page-item__content {
margin-top: 2.4rem;
max-height: max-content;
}
.where_page-item.active .where_page-item__button svg {
transform: rotate(180deg);
}
.where_page_block:nth-child(1) {
width: 100%;
max-width: 57.6rem;
}
.where_page_block:nth-child(2) {
width: 100%;
max-width: 58.2rem;
}
.where_page-tabs {
display: none;
}
@media screen and (max-width: 992px) {
.where_page {
margin: 4rem 0 2rem 0;
}
.where_page-container {
gap: 1.6rem;
}
.where_page-col {
gap: 3.2rem;
}
.where_page-name p {
font-size: 1.4rem;
line-height: 2.275rem;
}
.where_page-row {
flex-direction: column;
align-items: flex-start;
}
.where_page-select {
width: 100%;
}
.where_page-select__button {
width: 100%;
padding: 1.6rem 1.2rem 1.5rem 1.2rem;
}
.where_page-tabs {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.6rem;
}
.where_page-tab {
color: #6B7280;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
border-bottom: 2px solid transparent;
text-align: left;
padding-bottom: 1.1rem;
}
.where_page-tab.active {
border-color: #7B8FC4;
color: #7B8FC4;
font-weight: 600;
}
.where_page_block {
display: none;
max-width: none !important;
}
.where_page_block.active {
display: block;
}
.where_page-column {
max-height: none;
gap: 0.8rem;
max-width: none;
padding-right: 0;
}
.where_page-item__button {
padding: 1.6rem 0;
}
.where_page-item__content {
gap: 0.8rem;
}
.where_page-map {
border-radius: 2.3rem;
max-width: none;
min-height: 33.1rem;
}
.where_page-item.active .where_page-item__content {
margin-top: 1.6rem;
}
}
/* media_page */
.media_page {
margin-top: 8rem;
background: linear-gradient(251deg, #F3F6FA 5.8%, #FAFBFD 100%), #F4F4F1;
}
.media_page-container {
height: 64.8rem;
display: flex;
align-items: center;
position: relative;
}
.media_page-name {
display: flex;
max-width: 55.5rem;
flex-direction: column;
align-items: flex-start;
gap: 3.2rem;
}
.media_page .title {
max-width: 48rem;
}
.media_page-name p {
color: #3A3A38;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 3.2rem;
}
.media_page-img {
width: 54.5rem;
position: absolute;
bottom: 5rem;
right: 2.6rem;
}
.media_page-block {
position: absolute;
width: 32.7rem;
display: flex;
flex-direction: column;
gap: 0.6rem;
border-radius: 3.2rem;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.70);
backdrop-filter: blur(5px);
padding: 1.6rem 1.7rem;
}
.media_page-block__row {
display: flex;
align-items: center;
justify-content: space-between;
}
.media_page-block__row p {
color: #090909;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 2rem;
opacity: 0.7;
}
.media_page-block__row span {
color: #090909;
font-size: 3.6179rem;
font-style: normal;
font-weight: 300;
line-height: 5.1684rem;
}
.media_page-block__border {
height: 0.8rem;
width: 100%;
border-radius: 16.3rem;
background: #FFF;
}
.media_page-block__border span {
height: 100%;
border-radius: 16.3rem;
background: #BDA165;
display: flex;
}
.media_page-block-1 {
top: 8rem;
right: 27rem;
}
.media_page-block-2 {
bottom: 5rem;
right: 2.6rem;
}
@media screen and (max-width: 992px) {
.media_page {
margin-top: 0;
padding-top: 6.3rem;
padding-bottom: 5rem;
}
.media_page-container {
height: auto;
align-items: flex-start;
flex-direction: column;
gap: 8.15rem;
}
.media_page-name {
gap: 1.6rem;
}
.media_page-name p {
font-size: 1.6rem;
line-height: 2.8rem;
}
.media_page-img {
width: 32rem;
position: relative;
bottom: 0;
right: 0;
}
.media_page-block {
width: 19.2rem;
gap: 0.3rem;
border-radius: 1.8rem;
padding: 1rem;
}
.media_page-block__row p {
font-size: 1rem;
line-height: 1.2rem;
}
.media_page-block__row span {
font-size: 2.12rem;
line-height: 3rem;
}
.media_page-block__border {
height: 0.4rem;
}
.media_page-block-1 {
top: auto;
right: auto;
left: 0;
bottom: 24rem;
}
.media_page-block-2 {
bottom: 0;
right: 0;
}
}
/* media_info */
.media_info {
background: #FAF9F7;
padding: 12.8rem 0;
}
.media_info-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4rem;
}
.media_item {
border-radius: 2.4rem;
background: #FFF;
box-shadow: 0 8px 30px 0 rgba(95, 94, 94, 0.04);
overflow: hidden;
display: flex;
flex-direction: column;
}
.media_item-img {
display: flex;
height: 19.8rem;
min-height: 19.8rem;
}
.media_item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.media_item-main {
display: flex;
padding: 3.2rem;
flex-direction: column;
align-items: flex-start;
gap: 1.53rem;
}
.media_item-tag {
color: #7B8FC4;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem;
letter-spacing: 0.15rem;
text-transform: uppercase;
}
.media_item-title {
color: #3F3F3F;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 2.75rem;
}
.media_item-description {
color: var(--Color-3, #5C605D);
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 2.275rem;
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
box-orient: vertical;
}
.media_item-more {
display: flex;
padding-top: 0.82rem;
align-items: center;
gap: 0.8rem;
}
.media_item-more p {
color: #7B8FC4;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 2rem;
}
.media_item-more svg {
width: 1rem;
height: auto;
}
@media screen and (max-width: 992px) {
.media_info {
padding: 2rem 0;
}
.media_info-container {
display: flex;
flex-direction: column;
gap: 1.6rem;
}
}
/* media_subscribe */
.media_subscribe {
padding: 9.6rem 0;
background: #FFF;
}
.media_subscribe-container {
display: flex;
padding: 0 3.2rem;
align-items: center;
gap: 6.4rem;
}
.media_subscribe-container > img {
border-radius: 4rem;
width: 44rem;
min-width: 44rem;
height: 44rem;
object-fit: cover;
}
.media_subscribe-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3.2rem;
}
.media_subscribe-col > p {
color: #5F5E5E;
font-size: 1.8rem;
font-style: normal;
font-weight: 300;
line-height: 2.925rem;
}
.media_subscribe-form, .media_subscribe-form > p {
display: flex;
gap: 1.6rem;
}
.media_subscribe-form span input {
color: #090909;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 39.5rem;
padding: 1.8rem 3.2rem;
border-radius: 999.9rem;
background: rgba(224, 227, 224, 0.50);
}
.media_subscribe-form span input::placeholder {
color: #6B7280;
}
.media_subscribe-submit {
border-radius: 16.3rem;
background: var(--Color-2, #8B8FA8);
padding: 2.0125rem 5.5rem 2.0875rem 5.6rem;
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.032rem;
}
@media screen and (max-width: 992px) {
.media_subscribe {
padding: 4rem 0 2rem 0;
}
.media_subscribe-container {
flex-direction: column-reverse;
padding: 0;
gap: 2rem;
}
.media_subscribe-container > img {
border-radius: 3rem;
width: 100%;
min-width: 100%;
height: 33.5rem;
}
.media_subscribe-form, .media_subscribe-form > p {
flex-direction: column;
width: 100%;
}
.media_subscribe-form span input {
width: 100%;
}
.media_subscribe-form span input::placeholder {
color: #6B7280;
}
}
/* income */
.meicet_page_main {
background: #FFF;
}
.income {
border-radius: 4.8rem;
background: #F4F4F4;
padding: 10rem 0;
}
.income-container {
display: flex;
align-items: flex-start;
gap: 2.4rem;
}
.income-main {
display: flex;
width: 100%;
max-width: 53.3rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.income-main > span {
display: flex;
width: 14.7rem;
padding: 0.65rem;
justify-content: center;
align-items: center;
gap: 1rem;
border-radius: 4rem;
background: #E9E3D7;
color: #5C4238;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 2.7rem;
letter-spacing: 0.224rem;
text-transform: uppercase;
}
.income-main > p {
color: #4D6176;
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 3rem;
max-width: 44.9rem;
}
.income-col {
width: 100%;
max-width: 64.4rem;
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.income-item {
border-radius: 3.2rem;
background: #FFF;
padding: 3.2rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.income-item span {
color: #C9A96E;
font-size: 6.4rem;
font-style: normal;
font-weight: 700;
line-height: 6.4rem;
letter-spacing: -0.24rem;
}
.income-item p {
color: var(--Color-1, #090909);
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 2.8rem;
width: 100%;
max-width: 36.3rem;
}
.income-item:nth-child(2) {
background: #F2ECE0;
}
.income-item:nth-child(3) {
background: rgba(256, 256, 256, 0.6);
}
.income-item:nth-child(4) {
background: rgba(256, 256, 256, 0.8);
}
@media screen and (max-width: 992px) {
.income {
border-radius: 0;
padding: 4rem 0;
}
.income-container {
flex-direction: column;
}
.income-main {
max-width: none;
}
.income-main > span {
width: auto;
padding: 0.65rem 1.2rem;
font-size: 1.2rem;
letter-spacing: 0.192rem;
}
.income-main > p {
font-size: 1.8rem;
line-height: 2.4rem;
max-width: none;
}
.income-col {
max-width: none;
gap: 0.8rem;
}
.income-item {
padding: 2rem;
gap: 1.6rem;
justify-content: flex-start;
}
.income-item span {
font-size: 3.2rem;
}
.income-item p {
font-size: 1.4rem;
line-height: 2.275rem;
width: auto;
max-width: none;
}
}
/* value */
.value {
padding: 10rem 0;
}
.value-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.value .title {
text-align: center;
}
.value-main {
display: flex;
flex-direction: column;
gap: 6rem;
}
.value-row {
display: flex;
align-items: flex-start;
gap: 4.4rem;
}
.value-row > img {
width: 51.2rem;
min-width: 51.2rem;
object-fit: cover;
border-radius: 3.2rem;
}
.value-item {
width: 100%;
padding: 3.2rem 3.2rem 4rem 3.2rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.4rem;
border-radius: 3.2rem;
background: #F8F9FC;
}
.value-item h3 {
color: var(--Color-2, #8B8FA8);
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: 3.6rem;
letter-spacing: 0.075rem;
}
.value-item ul {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.value-item li {
color: var(--Color-1, #090909);
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
opacity: 0.8;
list-style: none;
position: relative;
padding-left: 2.95rem;
}
.value-row:nth-child(2) > img {
order: 2;
width: 64.4rem;
min-width: 64.4rem;
}
.value-item li::before {
content: '•';
color: rgba(139, 143, 168, 0.40);
font-family: Inter;
font-size: 2.4rem;
font-style: normal;
font-weight: 300;
line-height: 2.4rem;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 992px) {
.value {
padding: 2rem 0;
}
.value-main {
gap: 0.8rem;
}
.value-row {
flex-direction: column;
gap: 0.8rem;
}
.value-row > img {
width: 100%;
min-width: 100%;
border-radius: 2.4rem;
}
.value-item {
padding: 2rem;
gap: 1.6rem;
}
.value-item h3 {
font-size: 2.4rem;
}
.value-item li {
font-size: 1.4rem;
line-height: 2.275rem;
}
.value-row:nth-child(2) > img {
width: 100%;
min-width: 100%;
border-radius: 1.8rem;
}
.value-row:nth-child(2) .value-item {
order: 3;
}
}
/* system */
.system {
padding: 10rem 0;
background: #F8F9FC;
}
.system-container {
display: flex;
flex-direction: column;
gap: 4rem;
}
.system .title {
text-align: center;
}
.system-main {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
}
.system-item {
display: flex;
flex-direction: column;
padding: 2.4rem;
gap: 3.2rem;
justify-content: space-between;
border-radius: 3.2rem;
background: #FFF;
}
.system-item > img {
border-radius: 2rem;
object-fit: cover;
height: 24.85rem;
width: 100%;
}
.system-item__col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.system-item__col span {
color: var(--Color-2, #8B8FA8);
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 2rem;
letter-spacing: 0.28rem;
opacity: 0.6;
}
.system-item__col h3 {
color: var(--Color-2, #8B8FA8);
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 3.2rem;
letter-spacing: 0.06rem;
text-transform: uppercase;
}
.system-item__tag {
color: var(--Color-1, #090909);
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem;
letter-spacing: 0.2rem;
text-transform: uppercase;
}
.system-item__description {
color: #5F5E5E;
font-size: 1.6rem;
font-style: normal;
font-weight: 300;
line-height: 2.4rem;
}
@media screen and (max-width: 992px) {
.system {
padding: 2rem 0 4rem 0;
background: #F8F9FC;
}
.system-container {
gap: 2.4rem;
}
.system .title {
max-width: 32rem;
margin: 0 auto;
}
.system-main {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.system-item {
padding: 2rem;
gap: 2.8rem;
}
.system-item > img {
height: 24.85rem;
}
.system-item__col {
gap: 0.8rem;
}
.system-item__col h3 {
font-size: 2rem;
}
.system-item__tag {
font-size: 0.9rem;
}
.system-item__description {
font-size: 1.4rem;
line-height: 2.275rem;
}
}
/* parameters */
.parameters {
background: #F8F9FC;
}
.parameters-container {
padding: 6.4rem 12rem;
border-radius: 3.2rem;
background: #FFF;
display: flex;
flex-direction: column;
gap: 4rem;
}
.parameters .title {
text-align: center;
}
.parameters-main {
display: flex;
flex-direction: column;
}
.parameters-name {
display: flex;
border-radius: 2.4rem 2.4rem 0 0;
border-bottom: 1px solid rgba(244, 242, 238, 0.80);
background: rgba(246, 245, 241, 0.30);
}
.parameters-name__block {
padding: 2.4rem;
width: 36.6rem;
min-width: 36.6rem;
}
.parameters-name__block p {
color: var(--Color-2, #8B8FA8);
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.12rem;
text-transform: uppercase;
}
.parameters-name__block:nth-child(2) {
width: 100%;
}
.parameters-col {
display: flex;
flex-direction: column;
}
.parameters-row {
border-bottom: 1px solid rgba(244, 242, 238, 0.80);
background: rgba(246, 245, 241, 0.30);
display: flex;
}
.parameters-block {
padding: 2.5rem 2.4rem;
width: 36.6rem;
min-width: 36.6rem;
}
.parameters-block p {
color: var(--Color-1, #090909);
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.parameters-block:nth-child(2) {
width: 100%;
}
.parameters-row:nth-child(2n) {
background: rgba(244, 242, 238, 0.80);
}
.parameters-row:last-child {
border-radius: 0 0 2.4rem 2.4rem;
}
.parameters-block:nth-child(2) p {
font-weight: 400;
}
@media screen and (max-width: 992px) {
.parameters {
background: #FFF;
padding: 3.2rem 0;
}
.parameters-container {
padding: 0;
border-radius: 0;
}
.parameters-name {
border-radius: 3rem 3rem 0 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.parameters-name__block {
padding: 0.8rem;
width: 100%;
min-width: 100%;
}
.parameters-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.parameters-block {
padding: 0.8rem;
width: 100%;
min-width: 100%;
}
.parameters-block p {
font-size: 1.2rem;
}
.parameters-row:last-child {
border-radius: 0 0 3rem 3rem;
}
}
/* model */
.model {
background: #F8F9FC;
padding: 10rem 0;
}
.model-container {
border-radius: 3.2rem;
background: #FFF;
display: flex;
}
.model-image {
display: none;
width: 41rem;
min-width: 41rem;
}
.model-image.active {
display: block;
}
.model-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3.2rem;
}
.model-content {
width: 100%;
padding: 6.4rem;
display: flex;
flex-direction: column;
gap: 4.8rem;
}
.model-tabs {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
}
.model-tab {
border-radius: 1.2rem;
background: #EEECE8;
padding: 1.2rem 2.4rem;
color: var(--Color-1, #090909);
text-align: center;
font-size: 1.3rem;
font-style: normal;
font-weight: 500;
line-height: 1.95rem;
letter-spacing: 0.0325rem;
}
.model-tab.active {
background: #8B8FA8;
color: #FFF;
}
.model-item {
display: none;
}
.model-item > p {
color: var(--Color-1, #090909);
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 2.8rem;
max-width: 57.6rem;
}
.model-item.active {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.model-name {
display: flex;
align-items: center;
gap: 1.2rem;
}
.model-name img {
width: 2.75rem;
min-width: 2.75rem;
}
.model-name h3 {
color: var(--Color-2, #8B8FA8);
font-size: 2.4rem;
font-style: normal;
font-weight: 600;
line-height: 3.2rem;
letter-spacing: -0.06rem;
}
.model-button {
margin-top: auto;
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.model-present {
display: flex;
padding: 1.4rem 1.4rem 1.4rem 3.5rem;
align-items: center;
justify-content: flex-end;
gap: 1rem;
border-radius: 16.3rem;
background: var(--Color-2, #8B8FA8);
position: relative;
}
.model-present p {
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.032rem;
position: absolute;
text-align: center;
left: 0;
right: 0;
}
.model-present__icon {
width: 3.2rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
background: #FFFFFF;
border-radius: 100%;
}
.model-present__icon svg {
width: 0.7rem;
height: auto;
}
.model-button > p {
color: #4D6176;
text-align: center;
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: 1.8rem;
opacity: 0.8;
}
.model-button > p a {
color: #4D6176;
}
@media screen and (max-width: 992px) {
.model {
padding: 0 0 2.4rem 0;
}
.model-container {
border-radius: 0;
background: transparent;
flex-direction: column;
gap: 3.2rem;
}
.model-image {
width: 100%;
min-width: 100%;
}
.model-content {
padding: 0;
gap: 3.2rem;
}
.model-tabs {
gap: 0.4rem;
}
.model-tab {
min-width: calc(33% - 0.2rem);
font-size: 1.2rem;
padding: 1.2rem 0.2rem;
}
.model-tab:nth-child(4), .model-tab:nth-child(5) {
min-width: calc(50% - 0.2rem);
}
.model-item > p {
font-size: 1.4rem;
line-height: 2.275rem;
max-width: none;
}
.model-name {
align-items: flex-start;
}
.model-name h3 {
font-size: 2rem;
}
.model-button {
gap: 1.3rem;
margin-top: 0.8rem;
}
.model-present {
padding: 1.4226rem 1.4rem 1.3774rem 4.5rem;
gap: 1.6rem;
}
.model-button > p {
max-width: 24rem;
margin: 0 auto;
}
}
/* meicet_banner */
.meicet_banner {
background: #F5F7FB;
position: relative;
}
.meicet_banner-img {
width: 59.7rem;
bottom: 3.45rem;
right: 4.87rem;
position: absolute;
}
.meicet_banner-container {
height: 70.6rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4.8rem;
padding-bottom: 10rem;
justify-content: flex-end;
}
.meicet_banner-column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.4rem;
max-width: 68.8rem;
}
.meicet_banner-column > p {
color: #3A3A38;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 3.2rem;
max-width: 49.3rem;
}
.meicet_banner-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.6rem;
}
.meicet_banner-name h1 {
color: var(--Color-2, #8B8FA8);
font-size: 7.2rem;
font-style: normal;
font-weight: 700;
line-height: 10rem;
letter-spacing: -0.288rem;
}
.meicet_banner-button {
display: flex;
align-items: center;
gap: 2.4rem;
padding: 1.4rem 1.4rem 1.4rem 3.5rem;
border-radius: 16.3rem;
background: var(--Color-2, #8B8FA8);
}
.meicet_banner-button p {
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.032rem;
}
.meicet_banner-button__icon {
width: 3.2rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
border-radius: 100%;
}
.meicet_banner .title {
font-weight: 500;
line-height: 6rem;
}
.meicet_banner-button__icon svg {
width: 0.7rem;
height: auto;
}
@media screen and (max-width: 992px) {
.meicet_banner {
flex-direction: column-reverse;
display: flex;
}
.meicet_banner-img {
width: 100%;
bottom: 0;
right: 0;
position: relative;
}
.meicet_banner-container {
height: auto;
padding: 2rem 0;
gap: 3.2rem;
}
.meicet_banner-column {
max-width: none;
}
.meicet_banner-column > p {
font-size: 1.6rem;
line-height: 2.8rem;
max-width: none;
}
.meicet_banner-name h1 {
font-size: 4rem;
letter-spacing: -0.16rem;
}
.meicet_banner-button {
padding: 1.4rem 1.4rem 1.4rem 7.3rem;
justify-content: flex-end;
gap: 2.6rem;
}
.meicet_banner .title {
line-height: normal;
}
}
/* risk */
.risk {
padding: 10rem 0;
}
.risk-container {
display: flex;
flex-direction: column;
gap: 6rem;
}
.risk-main {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.risk-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.4rem;
position: sticky;
top: 12rem;
width: 100%;
max-width: 44.1rem;
}
.risk-name > span {
color: #5C4238;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 2.7rem;
letter-spacing: 0.224rem;
text-transform: uppercase;
width: 20.2rem;
border-radius: 4rem;
background: rgba(189, 161, 100, 0.20);
padding: 0.65rem;
text-align: center;
}
.risk-name p {
color: var(--Color-1, #090909);
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 3rem;
}
.risk-grid {
width: 100%;
max-width: 64.4rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2.4rem;
}
.risk-item {
display: flex;
padding: 2.4rem 2.4rem 3.2rem 2.4rem;
flex-direction: column;
gap: 1.6rem;
border-radius: 3.2rem;
background: #F4F2EE;
}
.risk-item__row {
display: flex;
justify-content: space-between;
align-items: center;
}
.risk-item__row span {
color: #755B28;
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 700;
line-height: 2.4rem;
display: flex;
justify-content: center;
align-items: center;
width: 4.8rem;
height: 4.8rem;
border-radius: 100%;
background: #E3DDD0;
}
.risk-item__row img {
width: 2rem;
}
.risk-item__col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.2rem;
}
.risk-item__title {
color: var(--Color-1, #090909);
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 2.8rem;
}
.risk-item__description {
color: var(--Color-1, #090909);
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 2.2rem;
opacity: 0.8;
}
.meicet_decision {
display: flex;
gap: 2.4rem;
}
.meicet_decision-img {
width: 53.2rem;
min-width: 53.2rem;
object-fit: cover;
border-radius: 3.2rem;
}
.meicet_decision-col {
display: flex;
width: 100%;
padding: 4.8rem;
flex-direction: column;
align-items: flex-start;
gap: 6rem;
border-radius: 3.2rem;
background: #F8F9FC;
}
.meicet_decision-column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.4rem;
}
.meicet_decision-column > p {
color: var(--Color-1, #090909);
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
max-width: 49.2rem;
}
.meicet_decision-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
}
.meicet_decision-name h3 {
color: var(--Color-1, #090909);
font-size: 3.2rem;
font-style: normal;
font-weight: 600;
line-height: 4.4rem;
}
.meicet_decision-name h4 {
color: var(--Color-2, #8B8FA8);
font-size: 2.4rem;
font-style: normal;
font-weight: 600;
line-height: 3rem;
}
.meicet_decision-button {
display: flex;
padding: 1.3rem 1.3rem 1.5rem 4.1rem;
justify-content: flex-end;
align-items: center;
gap: 2.1rem;
border-radius: 16.3rem;
background: var(--Color-2, #8B8FA8);
}
.meicet_decision-button p {
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.032rem;
}
.meicet_decision-button__icon {
width: 3.2rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #FFF;
}
.meicet_decision-button__icon svg {
width: 0.7rem;
height: auto;
}
@media screen and (max-width: 992px) {
.risk {
padding: 2rem 0;
}
.risk-container {
gap: 2.4rem;
}
.risk-main {
flex-direction: column;
gap: 2.4rem;
}
.risk-name {
position: relative;
top: 0;
max-width: none;
}
.risk-name > span {
font-size: 1.2rem;
letter-spacing: 0.192rem;
}
.risk-name p {
font-size: 1.8rem;
line-height: 2.4rem;
}
.risk-grid {
max-width: none;
display: flex;
flex-direction: column;
}
.risk-item {
padding: 2rem;
}
.risk-item__col {
gap: 1.6rem;
}
.meicet_decision {
flex-direction: column;
width: 100vw;
margin-left: -2rem;
}
.meicet_decision-img {
width: 100%;
min-width: 100%;
border-radius: 2.2rem;
}
.meicet_decision-col {
padding: 3rem 2rem;
width: calc(100% - 4rem);
margin: 0 auto;
gap: 1.6rem;
}
.meicet_decision-column {
gap: 1.6rem;
}
.meicet_decision-column > p {
max-width: none;
}
.meicet_decision-name {
gap: 1.6rem;
}
.meicet_decision-name h3 {
font-size: 3rem;
}
.meicet_decision-name h4 {
font-size: 2rem;
}
.meicet_decision-button {
padding: 1.4226rem 1.4rem 1.3774rem 2.2rem;
gap: 1.3rem;
}
.meicet_decision-button p {
font-size: 1.5rem;
letter-spacing: -0.03rem;
}
}
/* reasons */
.reasons {
border-radius: 4.8rem;
background: #EAEBF2;
padding: 10rem 0;
}
.reasons-container {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.reasons-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.4rem;
}
.reasons-name {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.4rem;
}
.reasons-name > span {
color: var(--Color-2, #8B8FA8);
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 2.7rem;
letter-spacing: 0.224rem;
text-transform: uppercase;
padding: 0.6rem 1.6rem;
border-radius: 999.9rem;
background: #FFF;
}
.reasons-img {
width: 57.6rem;
position: absolute;
bottom: 10rem;
left: 0;
}
.reasons-img > img {
width: 100%;
}
.reasons-block {
padding: 1.9rem;
position: absolute;
border-radius: 2.8392rem;
border: 1.183px solid rgba(255, 255, 255, 0.20);
background: rgba(255, 255, 255, 0.90);
box-shadow: 0 1.183px 2.366px 0 rgba(0, 0, 0, 0.05);
backdrop-filter: blur(14.195955276489258px);
top: 1.4rem;
left: 0;
z-index: 2;
display: flex;
align-items: center;
gap: 1.42rem;
}
.reasons-block > img {
width: 1.6rem;
}
.reasons-block__col {
display: flex;
flex-direction: column;
}
.reasons-block__title {
color: #4D6176;
font-size: 1.183rem;
font-style: normal;
font-weight: 700;
line-height: 1.7745rem;
letter-spacing: 0.0591rem;
text-transform: uppercase;
}
.reasons-block__description {
color: #5C605D;
font-size: 1.4196rem;
font-style: normal;
font-weight: 500;
line-height: 1.8928rem;
}
.reasons-items {
display: flex;
flex-direction: column;
gap: 1.2rem;
width: 100%;
max-width: 64.4rem;
}
.reasons-item {
display: flex;
align-items: center;
gap: 3.2rem;
padding: 3.2rem 2.4rem;
border-radius: 3.6rem;
background: #FFF;
}
.reasons-item__icon {
display: flex;
width: 4.8rem;
min-width: 4.8rem;
height: 4.8rem;
justify-content: center;
align-items: center;
border-radius: 100%;
background: #F4F4F1;
}
.reasons-item__icon img {
width: 1.9rem;
}
.reasons-item__col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
}
.reasons-item__title {
color: var(--Color-1, #090909);
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 2.8rem;
}
.reasons-item__description {
color: var(--Color-1, #090909);
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 2.2rem;
opacity: 0.8;
max-width: 41.6rem;
}
@media screen and (max-width: 992px) {
.reasons {
border-radius: 0;
padding: 2rem 0;
}
.reasons-container {
flex-direction: column;
gap: 4.8rem;
}
.reasons-col {
gap: 4.8rem;
}
.reasons-name > span {
font-size: 1.2rem;
letter-spacing: 0.192rem;
}
.reasons-img {
width: 100%;
position: relative;
bottom: 0;
}
.reasons-block {
padding: 1.2rem;
top: 0;
}
.reasons-block__title {
font-size: 1.1rem;
}
.reasons-block__description {
font-size: 1.2rem;
}
.reasons-items {
max-width: none;
}
.reasons-item {
gap: 0.8rem;
padding: 2rem;
}
.reasons-item__title {
font-size: 1.8rem;
line-height: 2.6rem;
}
}
/* single_page */
.single_page {
padding: 14.4rem 0 8rem 0;
}
.single_page-container {
display: flex;
flex-direction: column;
gap: 4.8rem;
}
.breadcrumbs ul {
display: flex;
flex-wrap: wrap;
gap: 1.2rem;
}
.breadcrumbs li {
display: flex;
}
.breadcrumbs a {
color: #7B8FC4;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 2rem;
letter-spacing: 0.14rem;
text-transform: uppercase;
}
.breadcrumbs p {
color: #7B8FC4;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 2rem;
letter-spacing: 0.14rem;
text-transform: uppercase;
opacity: 0.3;
}
.breadcrumbs p:last-child {
color: #5C5C5C;
opacity: 0.6;
}
.single_page-name {
display: flex;
flex-direction: column;
gap: 1.58rem;
}
.single_page-name h1 {
color: #1B1C1A;
font-size: 4.8rem;
font-style: normal;
font-weight: 500;
line-height: 6.3rem;
letter-spacing: -0.192rem;
max-width: 89.6rem;
}
.single_page-info {
display: flex;
padding-top: 1.62rem;
align-items: center;
gap: 2.4rem;
}
.single_page-info > p {
color: #5C5C5C;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
}
.single_page-info > span {
width: 0.1rem;
height: 1.6rem;
background: rgba(197, 198, 208, 0.30);
}
.single_page-author {
display: flex;
align-items: center;
gap: 1.2rem;
}
.single_page-author img {
width: 4rem;
height: 4rem;
object-fit: cover;
border-radius: 100%;
}
.single_page-author p {
color: #1B1C1A;
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
line-height: 2.4rem;
}
.single_page-time {
display: flex;
align-items: center;
gap: 0.4rem;
opacity: 0.6;
}
.single_page-time svg {
width: 1.3rem;
height: auto;
}
.single_page-time p {
color: #5C5C5C;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.4rem;
}
.single_page-img {
width: 100%;
height: 42rem;
object-fit: cover;
border-radius: 2rem;
}
.single_page-main {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 4rem;
border-radius: 3.2rem;
background: #FFF;
}
.single_page-content {
width: 100%;
max-width: 72rem;
display: flex;
flex-direction: column;
gap: 4rem;
}
.single_page-note {
border-left: 2px solid rgba(123, 143, 196, 0.20);
padding-left: 3.2rem;
}
.single_page-note p {
color: #1B1C1A;
font-size: 1.8rem;
font-style: normal;
font-weight: 500;
line-height: 2.925rem;
}
.single_page-block {
display: flex;
flex-direction: column;
gap: 2.4rem;
padding-top: 1.6rem;
}
.single_page-block h2 {
color: #1B1C1A;
font-size: 3rem;
font-style: normal;
font-weight: 700;
line-height: 3.6rem;
}
.single_page-block h3 {
color: #1B1C1A;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 2.8rem;
}
.single_page-block p {
color: #3A3A38;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 2.8rem;
}
.single_page-note2 {
border-left: 3px solid #7B8FC4;
background: #EEF0F8;
padding: 4rem;
}
.single_page-note2 p {
color: #5C5C5C;
font-size: 1.9rem;
font-style: italic;
font-weight: 400;
line-height: 3.088rem;
}
.single_page-image {
display: flex;
padding-top: 2.4rem;
flex-direction: column;
gap: 1.2rem;
}
.single_page-image img {
width: 100%;
height: 72rem;
border-radius: 1.4rem;
border: 1px solid rgba(197, 198, 208, 0.20);
object-fit: cover;
}
.single_page-image p {
color: rgba(92, 92, 92, 0.60);
text-align: center;
font-size: 1.4rem;
font-style: italic;
font-weight: 400;
line-height: 2rem;
}
.single_page-know {
display: flex;
padding: 3.2rem;
flex-direction: column;
gap: 1.575rem;
border-radius: 1.6rem;
background: #EEF0F8;
}
.single_page-know span {
color: #7B8FC4;
font-size: 1.1rem;
font-style: normal;
font-weight: 700;
line-height: 1.65rem;
letter-spacing: 0.132rem;
text-transform: uppercase;
}
.single_page-know p {
color: #1B1C1A;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 2.4rem;
}
.single_page-tags {
border-top: 1px solid rgba(197, 198, 208, 0.20);
padding-top: 1.5rem;
display: flex;
flex-wrap: wrap;
gap: 1.2rem;
}
.single_page-tag {
padding: 0.8rem 2rem;
border-radius: 999.9rem;
border: 1px solid #E8E6E1;
background: #FFF;
color: #5C5C5C;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 2rem;
}
.single_page-column {
display: flex;
flex-direction: column;
gap: 4.8rem;
position: sticky;
top: 12rem;
width: 100%;
max-width: 32rem;
}
.single_page-context {
display: flex;
padding: 3.2rem;
flex-direction: column;
align-items: flex-start;
gap: 2.4rem;
border-radius: 1.6rem;
border: 1px solid rgba(197, 198, 208, 0.20);
background: #F4F4F4;
}
.single_page-context > p {
color: rgba(92, 92, 92, 0.40);
font-size: 1.1rem;
font-style: normal;
font-weight: 700;
line-height: 1.65rem;
letter-spacing: 0.165rem;
text-transform: uppercase;
}
.single_page-context__items {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.6rem;
}
.single_page-context__item {
border-left: 2px solid rgba(0, 0, 0, 0.00);
padding-left: 1.6rem;
color: rgba(92, 92, 92, 0.60);
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 2rem;
}
.single_page-context__item.active {
color: #7B8FC4;
border-left: 2px solid #7B8FC4;
}
.single_page-more {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.single_page-more > p {
color: rgba(92, 92, 92, 0.40);
font-size: 1.1rem;
font-style: normal;
font-weight: 700;
line-height: 1.65rem;
letter-spacing: 0.165rem;
text-transform: uppercase;
}
.single_page-more__items {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.single_page-more__item {
display: flex;
align-items: flex-start;
gap: 1.6rem;
}
.single_page-more__item > img {
width: 7.2rem;
min-width: 7.2rem;
height: 6rem;
border-radius: 1rem;
object-fit: cover;
}
.single_page-more__item-col {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.4rem;
}
.single_page-more__item-col span {
color: #7B8FC4;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem;
letter-spacing: 0.05rem;
text-transform: uppercase;
}
.single_page-more__item-col p {
color: #1B1C1A;
font-size: 1.2rem;
font-style: normal;
font-weight: 700;
line-height: 1.6rem;
}
.single_page-banner {
display: grid;
grid-template-columns: repeat(2, 1fr);
border-radius: 3.2rem;
background: #EDECEA;
overflow: hidden;
}
.single_page-banner > img {
width: 100%;
object-fit: cover;
}
.single_page-banner__main {
display: flex;
padding: 6.4rem;
flex-direction: column;
align-items: flex-start;
gap: 2.38rem;
}
.single_page-banner__main img {
width: 10.2rem;
}
.single_page-banner__main h2 {
color: var(--Color-1, #090909);
font-size: 3.6rem;
font-style: normal;
font-weight: 700;
line-height: 4.5rem;
}
.single_page-banner__link {
display: flex;
padding: 1.4rem 1.4rem 1.4rem 4.4rem;
justify-content: flex-end;
align-items: center;
gap: 3.1rem;
border-radius: 16.3rem;
background: #8B8FA8;
}
.single_page-banner__link p {
color: #FFF;
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.032rem;
}
.single_page-banner__link-icon {
width: 3.2rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
border-radius: 100%;
}
.single_page-banner__link-icon svg {
width: 0.7rem;
height: auto;
}
.single_page-blog {
display: flex;
flex-direction: column;
gap: 4.8rem;
}
.single_page-blog__name {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.single_page-blog__name h2 {
color: #1B1C1A;
font-size: 3.6rem;
font-style: normal;
font-weight: 700;
line-height: 4rem;
}
.single_page-blog__name a {
color: #7B8FC4;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 2rem;
letter-spacing: 0.14rem;
text-transform: uppercase;
padding-bottom: 0.4rem;
border-bottom: 2px solid #DAE2FF;
}
.single_page-blog__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3.2rem;
}
@media screen and (max-width: 992px) {
.single_page {
padding: 3rem 0 4rem 0;
}
.single_page-container {
gap: 3.2rem;
}
.single_page-name h1 {
font-size: 3.2rem;
line-height: normal;
letter-spacing: -0.128rem;
}
.single_page-info {
padding-top: 0;
flex-wrap: wrap;
gap: 0.4rem;
justify-content: space-between;
}
.single_page-info > span {
display: none;
}
.single_page-author {
width: 100%;
}
.single_page-img {
height: 16.6rem;
}
.single_page-main {
padding: 2rem;
}
.single_page-content {
gap: 2.4rem;
}
.single_page-note {
padding-left: 0.8rem;
}
.single_page-block {
padding-top: 0;
}
.single_page-block h2 {
font-size: 3.2rem;
line-height: 4rem;
word-break: break-all;
}
.single_page-block h3 {
font-size: 2.4rem;
line-height: 3rem;
}
.single_page-note2 {
padding: 4rem 2rem;
}
.single_page-image img {
height: 29.5rem;
}
.single_page-tags {
gap: 0.6rem;
}
.single_page-column {
display: none;
}
.single_page-banner {
display: flex;
flex-direction: column;
position: relative;
}
.single_page-banner > img {
height: 31.6rem;
}
.single_page-banner__main {
padding: 4rem 2rem 2rem 2rem;
}
.single_page-banner__main h2 {
font-size: 3.2rem;
line-height: normal;
letter-spacing: -0.128rem;
}
.single_page-banner__link {
padding: 1.4rem 1.4rem 1.4rem 4.4rem;
position: absolute;
bottom: 2rem;
left: 0;
width: 100%;
}
.single_page-blog__name h2 {
font-size: 2.8rem;
line-height: normal;
letter-spacing: -0.112rem;
}
.single_page-blog__grid {
display: flex;
flex-direction: column;
gap: 4.8rem;
}
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}
/* header */
@media screen and (max-width: 992px) {
}